resolve conflicts

src/examples/basic/types.ts

@@ -1,10 +1,8 @@
-import { DataRouteMatch } from "react-router-dom";
-import { RouterTabModel } from "src/lib/tabs/useRouterTabs.tsx";
+import { Params } from "react-router-dom";
 
 export type TabHandle = {
-  key: any;
-  title: (match: DataRouteMatch) => string;
-  insertAt?: (models: RouterTabModel[]) => number;
+  key: string;
+  title: (props: { params: Params }) => string;
 };
 
 export type Handle = {

src/examples/basic/utils.ts

@@ -0,0 +1,40 @@
+import { DataRouteMatch, RouteObject, UIMatch } from "react-router-dom";
+import { Handle, TabHandle } from "./types";
+import { flattenRoutes } from "src/lib/tabs";
+import { InsertMethod, TabConfig } from "src/lib/tabs/useRouterTabs.tsx";
+
+export const convertRouteTreeToConfig = (tree: RouteObject[], key: string) => {
+  const flatRoutes = flattenRoutes(tree);
+
+  const matchedRoutes = flatRoutes.filter((route) => {
+    return (route.handle as Handle)?.tabs.find((tab) => tab.key === key);
+  });
+
+  const config: TabConfig<any>[] = matchedRoutes.map((route) => {
+    const handle = route.handle as Handle;
+    const tabMeta = handle.tabs.find((tab) => (tab.key = key));
+
+    return {
+      title: tabMeta!.title,
+      routeId: route.id!,
+      insertMethod: InsertMethod.Prepend,
+    };
+  });
+  return config;
+};
+
+export const getTabHandle =
+  (key: string) =>
+  (match: DataRouteMatch): TabHandle | undefined => {
+    return (match.route?.handle as Handle | undefined)?.tabs.find(
+      (tabHandle: TabHandle) => tabHandle.key === key,
+    );
+  };
+
+export const getTabHandleUI =
+  (key: string) =>
+  (match: UIMatch<any, Handle>): TabHandle | undefined => {
+    return match?.handle?.tabs.find(
+      (tabHandle: TabHandle) => tabHandle.key === key,
+    );
+  };