pankod/refine

import {
  handleUseParams,
  type IRouterProvider,
  type ResourceRouterParams,
  type RouteAction,
} from "@refinedev/core";
import { useParams as useRemixParams } from "@remix-run/react";

const actions: RouteAction[] = ["clone", "create", "edit", "show"];

export const isAction = (param: string): boolean => {
  return actions.includes(param as RouteAction);
};

export const lastActionIndex = (params: string[]): number => {
  const reversedFirstIndex = params.slice().reverse().findIndex(isAction);

  if (reversedFirstIndex === -1) {
    return -1;
  }

  return params.length - reversedFirstIndex - 1;
};

export const composeParams = (params: string[]): ResourceRouterParams => {
  const actionIndex = lastActionIndex(params);

  if (actionIndex !== -1 && actionIndex !== 0) {
    const resource = params.slice(0, actionIndex).join("/");
    const action = params[actionIndex];
    const id = params[actionIndex + 1];

    return {
      resource,
      action: action as RouteAction,
      id,
    };
  }

  const resource = params.join("/");

  return {
    resource,
    action: undefined,
  };
};

export const handleRefineParams = (
  refineSplat?: string,
): ResourceRouterParams | Record<string, string> => {
  if (refineSplat) {
    const params = refineSplat.split("/").filter(Boolean);
    return composeParams(params);
  }
  return {};
};

export const useParams: IRouterProvider["useParams"] = () => {
  const params = useRemixParams();

  return handleUseParams({
    ...handleRefineParams(params["*"]),
    ...params,
  });
};