@btst/stack 3.0.0-rc.2 → 3.0.0-rc.4

package/dist/packages/stack/src/plugins/route-docs/client/components/pages/docs-page.cjs

@@ -14,12 +14,19 @@ const label = require('../../../../../../../ui/src/components/label.cjs');
 const sheet = require('../../../../../../../ui/src/components/sheet.cjs');
 const LucideIcons = require('lucide-react');
 const reactQuery = require('@tanstack/react-query');
-const plugin = require('../../plugin.cjs');
+const context = require('@btst/stack/context');
+const schema = require('../../schema.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
 const React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+function createSiteUrl(siteBaseURL, siteBasePath, path) {
+  return `${siteBaseURL}${context.joinBasePath(siteBasePath, path)}`;
+}
+function openInNewTab(url) {
+  window.open(url, "_blank", "noopener,noreferrer");
+}
 function escapeRegexForRoutePath(path) {
   const PARAM_PLACEHOLDER = "\0PARAM\0";
   const WILDCARD_PLACEHOLDER = "\0WILDCARD\0";
@@ -101,6 +108,7 @@ function ParametersSection({
 }
 function NavigationForm({
   route,
+  siteBaseURL,
   siteBasePath
 }) {
   const [paramValues, setParamValues] = React.useState({});
@@ -119,7 +127,7 @@ function NavigationForm({
         url = url.replace(`:${param.name}`, value);
       }
     }
-    return `${siteBasePath}${url}`;
+    return createSiteUrl(siteBaseURL, siteBasePath, url);
   };
   const handleVisit = () => {
     const url = buildUrl();
@@ -129,7 +137,7 @@ function NavigationForm({
     if (hasUnfilledParams) {
       return;
     }
-    window.open(url, "_blank");
+    openInNewTab(url);
   };
   const allParamsFilled = route.pathParams.every((p) => paramValues[p.name]);
   const previewUrl = buildUrl();
@@ -170,14 +178,13 @@ function NavigationForm({
         )
       ] })
     ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row items-stretch sm:items-center gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("code", { className: "flex-1 text-sm bg-muted px-3 py-2 rounded-md font-mono break-all", children: [
-        siteBasePath,
-        route.path
-      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("code", { className: "flex-1 text-sm bg-muted px-3 py-2 rounded-md font-mono break-all", children: createSiteUrl(siteBaseURL, siteBasePath, route.path) }),
       /* @__PURE__ */ jsxRuntime.jsxs(
         button.Button,
         {
-          onClick: () => window.open(`${siteBasePath}${route.path}`, "_blank"),
+          onClick: () => openInNewTab(
+            createSiteUrl(siteBaseURL, siteBasePath, route.path)
+          ),
           className: "shrink-0",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ExternalLink, { className: "h-4 w-4 mr-2" }),
@@ -254,7 +261,7 @@ function RouteSitemapSection({
               variant: "ghost",
               size: "sm",
               className: "h-7 px-2",
-              onClick: () => window.open(entry.url, "_blank"),
+              onClick: () => openInNewTab(entry.url),
               children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ExternalLink, { className: "h-3 w-3" })
             }
           ) })
@@ -278,7 +285,7 @@ function RouteSitemapSection({
               variant: "ghost",
               size: "sm",
               className: "h-7 w-7 p-0 shrink-0",
-              onClick: () => window.open(entry.url, "_blank"),
+              onClick: () => openInNewTab(entry.url),
               children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ExternalLink, { className: "h-3 w-3" })
             }
           )
@@ -298,6 +305,7 @@ function RouteDetail({
   route,
   pluginName,
   sitemapEntries,
+  siteBaseURL,
   siteBasePath
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
@@ -312,7 +320,14 @@ function RouteDetail({
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-mono overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsx(HighlightedPath, { path: route.path }) }),
       /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { variant: "outline", children: pluginName })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(NavigationForm, { route, siteBasePath }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      NavigationForm,
+      {
+        route,
+        siteBaseURL,
+        siteBasePath
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(ParametersSection, { params: route.pathParams, title: "Path Parameters" }),
     /* @__PURE__ */ jsxRuntime.jsx(ParametersSection, { params: route.queryParams, title: "Query Parameters" }),
     /* @__PURE__ */ jsxRuntime.jsx(RouteSitemapSection, { route, sitemapEntries })
@@ -417,7 +432,7 @@ function RouteCard({
           variant: "ghost",
           size: "sm",
           className: "h-8 w-8 p-0 shrink-0",
-          onClick: () => window.open(staticUrl, "_blank"),
+          onClick: () => openInNewTab(staticUrl),
           children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ExternalLink, { className: "h-4 w-4" })
         }
       ) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -501,7 +516,7 @@ function SitemapSection({
               variant: "ghost",
               size: "sm",
               className: "h-7 px-2",
-              onClick: () => window.open(entry.url, "_blank"),
+              onClick: () => openInNewTab(entry.url),
               children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ExternalLink, { className: "h-3 w-3" })
             }
           ) })
@@ -525,7 +540,7 @@ function SitemapSection({
               variant: "ghost",
               size: "sm",
               className: "h-7 w-7 p-0 shrink-0",
-              onClick: () => window.open(entry.url, "_blank"),
+              onClick: () => openInNewTab(entry.url),
               children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ExternalLink, { className: "h-3 w-3" })
             }
           )
@@ -549,6 +564,7 @@ function SitemapSection({
 }
 function AllRoutesSection({
   schema,
+  siteBaseURL,
   siteBasePath
 }) {
   const scrollToRoute = (pluginKey, routeKey) => {
@@ -591,13 +607,13 @@ function AllRoutesSection({
           pluginName: plugin.name,
           route,
           hasParams,
-          staticUrl: hasParams ? null : `${siteBasePath}${route.path}`,
+          staticUrl: hasParams ? null : createSiteUrl(siteBaseURL, siteBasePath, route.path),
           sitemapCount
         });
       }
     }
     return routes;
-  }, [schema, siteBasePath]);
+  }, [schema, siteBaseURL, siteBasePath]);
   if (allRoutes.length === 0) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs(card.Card, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(card.CardHeader, { className: "pb-3 sm:pb-6", children: /* @__PURE__ */ jsxRuntime.jsx(card.CardTitle, { className: "text-lg", children: "All Routes" }) }),
@@ -642,7 +658,7 @@ function AllRoutesSection({
                 variant: "ghost",
                 size: "sm",
                 className: "h-7 px-2",
-                onClick: () => window.open(staticUrl, "_blank"),
+                onClick: () => openInNewTab(staticUrl),
                 children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ExternalLink, { className: "h-3 w-3" })
               }
             ) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -685,16 +701,23 @@ function AllRoutesSection({
 function DocsPageComponent({
   title = "Route Documentation",
   description = "Documentation for all client routes in your application",
-  siteBasePath = "/pages"
+  siteBaseURL = "",
+  siteBasePath = "/pages",
+  queryKey
 }) {
-  const { data: schema } = reactQuery.useSuspenseQuery({
-    queryKey: plugin.ROUTE_DOCS_QUERY_KEY,
-    queryFn: plugin.generateSchema,
-    staleTime: Infinity
-    // Don't refetch - schema is static for this session
-  });
+  const stack = context.useStackOrNull();
+  const context$1 = stack?.clientStackContext ?? null;
+  const { data: schema$1 } = reactQuery.useSuspenseQuery(
+    {
+      queryKey,
+      queryFn: () => schema.generateSchema(context$1),
+      staleTime: Infinity
+      // Don't refetch - schema is static for this session
+    },
+    stack?.queryClient
+  );
   const [mobileMenuOpen, setMobileMenuOpen] = React.useState(false);
-  const totalRoutes = schema.plugins.reduce(
+  const totalRoutes = schema$1.plugins.reduce(
     (sum, p) => sum + p.routes.length,
     0
   );
@@ -704,7 +727,7 @@ function DocsPageComponent({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-screen bg-background", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "hidden md:block w-72 border-r bg-card shrink-0 sticky top-0 h-screen", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 border-b", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-semibold text-sm text-muted-foreground uppercase tracking-wide", children: "Routes" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { className: "h-[calc(100vh-57px)]", children: /* @__PURE__ */ jsxRuntime.jsx(SidebarContent, { schema }) })
+      /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { className: "h-[calc(100vh-57px)]", children: /* @__PURE__ */ jsxRuntime.jsx(SidebarContent, { schema: schema$1 }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "md:hidden fixed top-0 left-0 right-0 z-40 bg-card border-b", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-semibold text-sm text-muted-foreground uppercase tracking-wide", children: "Route Docs" }),
@@ -718,7 +741,7 @@ function DocsPageComponent({
           /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { className: "h-[calc(100vh-57px)]", children: /* @__PURE__ */ jsxRuntime.jsx(
             SidebarContent,
             {
-              schema,
+              schema: schema$1,
               onNavigate: handleMobileNavigate
             }
           ) })
@@ -734,21 +757,28 @@ function DocsPageComponent({
       totalRoutes > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsxs(badge.Badge, { variant: "secondary", children: [
-            schema.plugins.length,
+            schema$1.plugins.length,
             " plugins"
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(badge.Badge, { variant: "secondary", children: [
             totalRoutes,
             " routes"
           ] }),
-          schema.allSitemapEntries.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(badge.Badge, { variant: "secondary", children: [
+          schema$1.allSitemapEntries.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(badge.Badge, { variant: "secondary", children: [
             /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Globe, { className: "h-3 w-3 mr-1" }),
-            schema.allSitemapEntries.length,
+            schema$1.allSitemapEntries.length,
             " sitemap entries"
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(AllRoutesSection, { schema, siteBasePath }),
-        schema.plugins.map((plugin) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          AllRoutesSection,
+          {
+            schema: schema$1,
+            siteBaseURL,
+            siteBasePath
+          }
+        ),
+        schema$1.plugins.map((plugin) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 pt-4", children: [
             /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Folder, { className: "h-6 w-6 text-muted-foreground" }),
             /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-semibold", children: plugin.name }),
@@ -768,6 +798,7 @@ function DocsPageComponent({
                   route,
                   pluginName: plugin.name,
                   sitemapEntries: plugin.sitemapEntries,
+                  siteBaseURL,
                   siteBasePath
                 }
               )
@@ -779,8 +810,8 @@ function DocsPageComponent({
         /* @__PURE__ */ jsxRuntime.jsx(
           SitemapSection,
           {
-            entries: schema.allSitemapEntries,
-            schema
+            entries: schema$1.allSitemapEntries,
+            schema: schema$1
           }
         )
       ] }) : /* @__PURE__ */ jsxRuntime.jsx(card.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(card.CardContent, { className: "py-8 sm:py-12 text-center", children: [

package/dist/packages/stack/src/plugins/route-docs/client/components/pages/docs-page.mjs

@@ -12,8 +12,15 @@ import { Label } from '../../../../../../../ui/src/components/label.mjs';
 import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle } from '../../../../../../../ui/src/components/sheet.mjs';
 import { Menu, Globe, Folder, Link2, ExternalLink, Navigation, FolderOpen, ChevronRight, FileText } from 'lucide-react';
 import { useSuspenseQuery } from '@tanstack/react-query';
-import { generateSchema, ROUTE_DOCS_QUERY_KEY } from '../../plugin.mjs';
+import { useStackOrNull, joinBasePath } from '@btst/stack/context';
+import { generateSchema } from '../../schema.mjs';
 
+function createSiteUrl(siteBaseURL, siteBasePath, path) {
+  return `${siteBaseURL}${joinBasePath(siteBasePath, path)}`;
+}
+function openInNewTab(url) {
+  window.open(url, "_blank", "noopener,noreferrer");
+}
 function escapeRegexForRoutePath(path) {
   const PARAM_PLACEHOLDER = "\0PARAM\0";
   const WILDCARD_PLACEHOLDER = "\0WILDCARD\0";
@@ -95,6 +102,7 @@ function ParametersSection({
 }
 function NavigationForm({
   route,
+  siteBaseURL,
   siteBasePath
 }) {
   const [paramValues, setParamValues] = useState({});
@@ -113,7 +121,7 @@ function NavigationForm({
         url = url.replace(`:${param.name}`, value);
       }
     }
-    return `${siteBasePath}${url}`;
+    return createSiteUrl(siteBaseURL, siteBasePath, url);
   };
   const handleVisit = () => {
     const url = buildUrl();
@@ -123,7 +131,7 @@ function NavigationForm({
     if (hasUnfilledParams) {
       return;
     }
-    window.open(url, "_blank");
+    openInNewTab(url);
   };
   const allParamsFilled = route.pathParams.every((p) => paramValues[p.name]);
   const previewUrl = buildUrl();
@@ -164,14 +172,13 @@ function NavigationForm({
         )
       ] })
     ] }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row items-stretch sm:items-center gap-3", children: [
-      /* @__PURE__ */ jsxs("code", { className: "flex-1 text-sm bg-muted px-3 py-2 rounded-md font-mono break-all", children: [
-        siteBasePath,
-        route.path
-      ] }),
+      /* @__PURE__ */ jsx("code", { className: "flex-1 text-sm bg-muted px-3 py-2 rounded-md font-mono break-all", children: createSiteUrl(siteBaseURL, siteBasePath, route.path) }),
       /* @__PURE__ */ jsxs(
         Button,
         {
-          onClick: () => window.open(`${siteBasePath}${route.path}`, "_blank"),
+          onClick: () => openInNewTab(
+            createSiteUrl(siteBaseURL, siteBasePath, route.path)
+          ),
           className: "shrink-0",
           children: [
             /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4 mr-2" }),
@@ -248,7 +255,7 @@ function RouteSitemapSection({
               variant: "ghost",
               size: "sm",
               className: "h-7 px-2",
-              onClick: () => window.open(entry.url, "_blank"),
+              onClick: () => openInNewTab(entry.url),
               children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" })
             }
           ) })
@@ -272,7 +279,7 @@ function RouteSitemapSection({
               variant: "ghost",
               size: "sm",
               className: "h-7 w-7 p-0 shrink-0",
-              onClick: () => window.open(entry.url, "_blank"),
+              onClick: () => openInNewTab(entry.url),
               children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" })
             }
           )
@@ -292,6 +299,7 @@ function RouteDetail({
   route,
   pluginName,
   sitemapEntries,
+  siteBaseURL,
   siteBasePath
 }) {
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
@@ -306,7 +314,14 @@ function RouteDetail({
       /* @__PURE__ */ jsx("div", { className: "font-mono overflow-x-auto", children: /* @__PURE__ */ jsx(HighlightedPath, { path: route.path }) }),
       /* @__PURE__ */ jsx(Badge, { variant: "outline", children: pluginName })
     ] }),
-    /* @__PURE__ */ jsx(NavigationForm, { route, siteBasePath }),
+    /* @__PURE__ */ jsx(
+      NavigationForm,
+      {
+        route,
+        siteBaseURL,
+        siteBasePath
+      }
+    ),
     /* @__PURE__ */ jsx(ParametersSection, { params: route.pathParams, title: "Path Parameters" }),
     /* @__PURE__ */ jsx(ParametersSection, { params: route.queryParams, title: "Query Parameters" }),
     /* @__PURE__ */ jsx(RouteSitemapSection, { route, sitemapEntries })
@@ -411,7 +426,7 @@ function RouteCard({
           variant: "ghost",
           size: "sm",
           className: "h-8 w-8 p-0 shrink-0",
-          onClick: () => window.open(staticUrl, "_blank"),
+          onClick: () => openInNewTab(staticUrl),
           children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4" })
         }
       ) : /* @__PURE__ */ jsx(
@@ -495,7 +510,7 @@ function SitemapSection({
               variant: "ghost",
               size: "sm",
               className: "h-7 px-2",
-              onClick: () => window.open(entry.url, "_blank"),
+              onClick: () => openInNewTab(entry.url),
               children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" })
             }
           ) })
@@ -519,7 +534,7 @@ function SitemapSection({
               variant: "ghost",
               size: "sm",
               className: "h-7 w-7 p-0 shrink-0",
-              onClick: () => window.open(entry.url, "_blank"),
+              onClick: () => openInNewTab(entry.url),
               children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" })
             }
           )
@@ -543,6 +558,7 @@ function SitemapSection({
 }
 function AllRoutesSection({
   schema,
+  siteBaseURL,
   siteBasePath
 }) {
   const scrollToRoute = (pluginKey, routeKey) => {
@@ -585,13 +601,13 @@ function AllRoutesSection({
           pluginName: plugin.name,
           route,
           hasParams,
-          staticUrl: hasParams ? null : `${siteBasePath}${route.path}`,
+          staticUrl: hasParams ? null : createSiteUrl(siteBaseURL, siteBasePath, route.path),
           sitemapCount
         });
       }
     }
     return routes;
-  }, [schema, siteBasePath]);
+  }, [schema, siteBaseURL, siteBasePath]);
   if (allRoutes.length === 0) return null;
   return /* @__PURE__ */ jsxs(Card, { children: [
     /* @__PURE__ */ jsx(CardHeader, { className: "pb-3 sm:pb-6", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg", children: "All Routes" }) }),
@@ -636,7 +652,7 @@ function AllRoutesSection({
                 variant: "ghost",
                 size: "sm",
                 className: "h-7 px-2",
-                onClick: () => window.open(staticUrl, "_blank"),
+                onClick: () => openInNewTab(staticUrl),
                 children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" })
               }
             ) : /* @__PURE__ */ jsx(
@@ -679,14 +695,21 @@ function AllRoutesSection({
 function DocsPageComponent({
   title = "Route Documentation",
   description = "Documentation for all client routes in your application",
-  siteBasePath = "/pages"
+  siteBaseURL = "",
+  siteBasePath = "/pages",
+  queryKey
 }) {
-  const { data: schema } = useSuspenseQuery({
-    queryKey: ROUTE_DOCS_QUERY_KEY,
-    queryFn: generateSchema,
-    staleTime: Infinity
-    // Don't refetch - schema is static for this session
-  });
+  const stack = useStackOrNull();
+  const context = stack?.clientStackContext ?? null;
+  const { data: schema } = useSuspenseQuery(
+    {
+      queryKey,
+      queryFn: () => generateSchema(context),
+      staleTime: Infinity
+      // Don't refetch - schema is static for this session
+    },
+    stack?.queryClient
+  );
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
   const totalRoutes = schema.plugins.reduce(
     (sum, p) => sum + p.routes.length,
@@ -741,7 +764,14 @@ function DocsPageComponent({
             " sitemap entries"
           ] })
         ] }),
-        /* @__PURE__ */ jsx(AllRoutesSection, { schema, siteBasePath }),
+        /* @__PURE__ */ jsx(
+          AllRoutesSection,
+          {
+            schema,
+            siteBaseURL,
+            siteBasePath
+          }
+        ),
         schema.plugins.map((plugin) => /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pt-4", children: [
             /* @__PURE__ */ jsx(Folder, { className: "h-6 w-6 text-muted-foreground" }),
@@ -762,6 +792,7 @@ function DocsPageComponent({
                   route,
                   pluginName: plugin.name,
                   sitemapEntries: plugin.sitemapEntries,
+                  siteBaseURL,
                   siteBasePath
                 }
               )

package/dist/packages/stack/src/plugins/route-docs/client/constants.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const ROUTE_DOCS_PLUGIN_ID = "routeDocs";
+
+exports.ROUTE_DOCS_PLUGIN_ID = ROUTE_DOCS_PLUGIN_ID;

package/dist/packages/stack/src/plugins/route-docs/client/constants.mjs

@@ -0,0 +1,3 @@
+const ROUTE_DOCS_PLUGIN_ID = "routeDocs";
+
+export { ROUTE_DOCS_PLUGIN_ID };

package/dist/packages/stack/src/plugins/route-docs/client/hooks.cjs

@@ -2,16 +2,17 @@
 'use strict';
 
 const React = require('react');
+const context = require('@btst/stack/context');
 const plugin = require('./plugin.cjs');
 
-function useRegisteredRoutes() {
-  const [routes, setRoutes] = React.useState(
-    () => plugin.getRegisteredRoutes()
-  );
-  React.useEffect(() => {
-    setRoutes(plugin.getRegisteredRoutes());
-  }, []);
-  return routes;
+function resolveContext(source, providerContext) {
+  if (!source) return providerContext ?? null;
+  return Object.hasOwn(source, "context") ? source.context : source;
+}
+function useRegisteredRoutes(source) {
+  const provider = context.useStackOrNull();
+  const context$1 = resolveContext(source, provider?.clientStackContext);
+  return React.useMemo(() => plugin.getRegisteredRoutes(context$1), [context$1]);
 }
 
 exports.useRegisteredRoutes = useRegisteredRoutes;

package/dist/packages/stack/src/plugins/route-docs/client/hooks.mjs

@@ -1,15 +1,16 @@
 "use client";
-import { useState, useEffect } from 'react';
+import { useMemo } from 'react';
+import { useStackOrNull } from '@btst/stack/context';
 import { getRegisteredRoutes } from './plugin.mjs';
 
-function useRegisteredRoutes() {
-  const [routes, setRoutes] = useState(
-    () => getRegisteredRoutes()
-  );
-  useEffect(() => {
-    setRoutes(getRegisteredRoutes());
-  }, []);
-  return routes;
+function resolveContext(source, providerContext) {
+  if (!source) return providerContext ?? null;
+  return Object.hasOwn(source, "context") ? source.context : source;
+}
+function useRegisteredRoutes(source) {
+  const provider = useStackOrNull();
+  const context = resolveContext(source, provider?.clientStackContext);
+  return useMemo(() => getRegisteredRoutes(context), [context]);
 }
 
 export { useRegisteredRoutes };