gemi 0.9.2 → 0.10.0

package/dist/client/index.js

@@ -1416,6 +1416,7 @@ function useNavigate() {
           const {
             data,
             prefetchedData,
+            breadcrumbs,
             directive = {},
             is404 = false
           } = await res.json();
@@ -1426,7 +1427,7 @@ function useNavigate() {
             }
             return;
           }
-          updatePageData(data);
+          updatePageData(data, breadcrumbs);
           updatePrefecthedData(prefetchedData);
           history == null ? void 0 : history[pushOrReplace](
             navigationPath,
@@ -1590,7 +1591,8 @@ const ClientRouterProvider = (props) => {
     cssManifest,
     pageData,
     params,
-    searchParams
+    searchParams,
+    breadcrumbs
   } = props;
   const [parameters, setParameters] = useState(params);
   const navigationAbortControllerRef = useRef(new AbortController());
@@ -1601,6 +1603,9 @@ const ClientRouterProvider = (props) => {
   const [progressManager] = useState(new ProgressManager(isNavigatingSubject));
   const pageDataRef = useRef(structuredClone(pageData));
   const scrollHistoryRef = useRef(/* @__PURE__ */ new Map());
+  const breadcrumbsCache = useRef(
+    new Map(Object.entries(breadcrumbs))
+  );
   const initalViewEntries = is404 ? ["404"] : routeManifest[pathname] ?? ["404"];
   const viewEntriesSubject = useRef(new Subject(initalViewEntries));
   const [locationSubject] = useState(
@@ -1673,12 +1678,15 @@ const ClientRouterProvider = (props) => {
       window.removeEventListener("scroll", handleScroll);
     };
   }, []);
-  const updatePageData = (newPageData) => {
+  const updatePageData = (newPageData, breadcrumbs2) => {
     var _a2;
     const [key, value] = Object.entries(newPageData)[0];
     if (!((_a2 = pageDataRef.current) == null ? void 0 : _a2[key])) {
       pageDataRef.current[key] = {};
     }
+    for (const b2 in breadcrumbs2) {
+      breadcrumbsCache.current.set(b2, breadcrumbs2[b2]);
+    }
     pageDataRef.current[key] = value;
   };
   const getPageData = (key) => {
@@ -1731,7 +1739,8 @@ const ClientRouterProvider = (props) => {
         getRoutePathnameFromHref,
         setNavigationAbortController,
         progressManager,
-        fetchRouteCSS
+        fetchRouteCSS,
+        breadcrumbsCache: breadcrumbsCache.current
       },
       children: [
         children,
@@ -2124,6 +2133,18 @@ function useNavigationProgress() {
   }, []);
   return progress;
 }
+function useBreadcrumbs() {
+  const { pathname } = useRoute();
+  const { getViewPathsFromPathname, breadcrumbsCache } = useContext(ClientRouterContext);
+  let breadcrumbs = [];
+  const viewPaths = getViewPathsFromPathname(pathname);
+  for (const viewPath of viewPaths) {
+    if (breadcrumbsCache.has(`${viewPath}:${pathname}`)) {
+      breadcrumbs.push(breadcrumbsCache.get(`${viewPath}:${pathname}`));
+    }
+  }
+  return breadcrumbs.filter((breadcrumb) => (breadcrumb == null ? void 0 : breadcrumb.label.length) > 0);
+}
 function normalizeSearch(search) {
   return Object.fromEntries(
     Object.entries(search).filter(([_k, v2]) => v2 !== void 0 && v2 !== null).map(([k2, v2]) => [k2, String(v2)])
@@ -31398,7 +31419,14 @@ const Routes = (props) => {
 };
 const ClientRouter = (props) => {
   const { RootLayout } = props;
-  const { routeManifest, router, componentTree, pageData, cssManifest } = useContext(ServerDataContext);
+  const {
+    routeManifest,
+    router,
+    componentTree,
+    pageData,
+    cssManifest,
+    breadcrumbs
+  } = useContext(ServerDataContext);
   return /* @__PURE__ */ jsx(I18nProvider, { children: /* @__PURE__ */ jsx(WebSocketContextProvider, { children: /* @__PURE__ */ jsx(QueryManagerProvider, { children: /* @__PURE__ */ jsx(ComponentsProvider, { viewImportMap: props.viewImportMap, children: /* @__PURE__ */ jsx(
     ClientRouterProvider,
     {
@@ -31410,6 +31438,7 @@ const ClientRouter = (props) => {
       pathname: router.pathname,
       currentPath: router.currentPath,
       routeManifest,
+      breadcrumbs,
       children: /* @__PURE__ */ jsx(StrictMode, { children: /* @__PURE__ */ jsx(RootLayout, { children: /* @__PURE__ */ jsx(Routes, { componentTree }) }) })
     }
   ) }) }) }) });
@@ -31675,6 +31704,7 @@ export {
   create,
   createRoot,
   init,
+  useBreadcrumbs,
   useBroadcast,
   useDelete,
   useForgotPassword,