@btst/stack 3.0.2 → 3.1.0-rc.1

package/dist/context/index.d.cts

@@ -123,6 +123,8 @@ type StackProviderServices = {
     notify?: StackNotifyProvider;
     i18n?: StackI18nProvider;
 };
+/** Plugin override configuration inferred from a resolved client stack. */
+type ClientStackOverrides<TStack extends ResolvedClientStack<any, any>> = InferredPluginOverrides<RegisteredClientPlugins<TStack>>;
 type CanonicalStackProviderOverrideProps<TStack extends ResolvedClientStack<any, any>> = InferredPluginOverrides<NoInfer<RegisteredClientPlugins<TStack>>> extends infer TOverrides extends Record<string, any> ? {} extends TOverrides ? {
     overrides?: TOverrides;
 } : {
@@ -339,4 +341,4 @@ type TranslateFn = (key: string, defaultValue: string, params?: Record<string, u
 declare function useTranslate(): TranslateFn;
 
 export { PermissionAccess, PermissionCheck, StackApiConfig, StackClientAuth, StackIdentity, StackProvider, StackRouter, StackRouterConfig, defaultNotifyProvider, useBasePath, useIdentity, useIdentityResolutionPromise, useIdentitySourceGeneration, useNotify, usePluginOverrides, usePluginSiteNavigation, useStack, useStackOrNull, useTranslate };
-export type { NotifyOptions, PermissionCheckState, StackI18nProvider, StackNotifyProvider, TranslateFn };
+export type { ClientStackOverrides, NotifyOptions, PermissionCheckState, StackI18nProvider, StackNotifyProvider, TranslateFn };

package/dist/context/index.d.mts

@@ -123,6 +123,8 @@ type StackProviderServices = {
     notify?: StackNotifyProvider;
     i18n?: StackI18nProvider;
 };
+/** Plugin override configuration inferred from a resolved client stack. */
+type ClientStackOverrides<TStack extends ResolvedClientStack<any, any>> = InferredPluginOverrides<RegisteredClientPlugins<TStack>>;
 type CanonicalStackProviderOverrideProps<TStack extends ResolvedClientStack<any, any>> = InferredPluginOverrides<NoInfer<RegisteredClientPlugins<TStack>>> extends infer TOverrides extends Record<string, any> ? {} extends TOverrides ? {
     overrides?: TOverrides;
 } : {
@@ -339,4 +341,4 @@ type TranslateFn = (key: string, defaultValue: string, params?: Record<string, u
 declare function useTranslate(): TranslateFn;
 
 export { PermissionAccess, PermissionCheck, StackApiConfig, StackClientAuth, StackIdentity, StackProvider, StackRouter, StackRouterConfig, defaultNotifyProvider, useBasePath, useIdentity, useIdentityResolutionPromise, useIdentitySourceGeneration, useNotify, usePluginOverrides, usePluginSiteNavigation, useStack, useStackOrNull, useTranslate };
-export type { NotifyOptions, PermissionCheckState, StackI18nProvider, StackNotifyProvider, TranslateFn };
+export type { ClientStackOverrides, NotifyOptions, PermissionCheckState, StackI18nProvider, StackNotifyProvider, TranslateFn };

package/dist/context/index.d.ts

@@ -123,6 +123,8 @@ type StackProviderServices = {
     notify?: StackNotifyProvider;
     i18n?: StackI18nProvider;
 };
+/** Plugin override configuration inferred from a resolved client stack. */
+type ClientStackOverrides<TStack extends ResolvedClientStack<any, any>> = InferredPluginOverrides<RegisteredClientPlugins<TStack>>;
 type CanonicalStackProviderOverrideProps<TStack extends ResolvedClientStack<any, any>> = InferredPluginOverrides<NoInfer<RegisteredClientPlugins<TStack>>> extends infer TOverrides extends Record<string, any> ? {} extends TOverrides ? {
     overrides?: TOverrides;
 } : {
@@ -339,4 +341,4 @@ type TranslateFn = (key: string, defaultValue: string, params?: Record<string, u
 declare function useTranslate(): TranslateFn;
 
 export { PermissionAccess, PermissionCheck, StackApiConfig, StackClientAuth, StackIdentity, StackProvider, StackRouter, StackRouterConfig, defaultNotifyProvider, useBasePath, useIdentity, useIdentityResolutionPromise, useIdentitySourceGeneration, useNotify, usePluginOverrides, usePluginSiteNavigation, useStack, useStackOrNull, useTranslate };
-export type { NotifyOptions, PermissionCheckState, StackI18nProvider, StackNotifyProvider, TranslateFn };
+export type { ClientStackOverrides, NotifyOptions, PermissionCheckState, StackI18nProvider, StackNotifyProvider, TranslateFn };

package/dist/packages/stack/src/context/auth.cjs

@@ -119,21 +119,27 @@ function StackAuthBoundary({
     if (initialIdentity !== void 0) return;
     void resolveIdentity(false);
   }, [initialIdentity, resolveIdentity]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AuthContext.Provider,
-    {
-      value: {
-        provider,
-        identity: currentState.identity,
-        isPending: currentState.isPending,
-        sourceGeneration: currentResolutionGeneration,
-        ...currentState.error ? { error: currentState.error } : {},
-        refetch,
-        waitForResolution
-      },
-      children
-    }
+  const value = React.useMemo(
+    () => ({
+      provider,
+      identity: currentState.identity,
+      isPending: currentState.isPending,
+      sourceGeneration: currentResolutionGeneration,
+      ...currentState.error ? { error: currentState.error } : {},
+      refetch,
+      waitForResolution
+    }),
+    [
+      provider,
+      currentState.identity,
+      currentState.isPending,
+      currentResolutionGeneration,
+      currentState.error,
+      refetch,
+      waitForResolution
+    ]
   );
+  return /* @__PURE__ */ jsxRuntime.jsx(AuthContext.Provider, { value, children });
 }
 function useAuthContext() {
   return React.useContext(AuthContext);

package/dist/packages/stack/src/context/auth.mjs

@@ -117,21 +117,27 @@ function StackAuthBoundary({
     if (initialIdentity !== void 0) return;
     void resolveIdentity(false);
   }, [initialIdentity, resolveIdentity]);
-  return /* @__PURE__ */ jsx(
-    AuthContext.Provider,
-    {
-      value: {
-        provider,
-        identity: currentState.identity,
-        isPending: currentState.isPending,
-        sourceGeneration: currentResolutionGeneration,
-        ...currentState.error ? { error: currentState.error } : {},
-        refetch,
-        waitForResolution
-      },
-      children
-    }
+  const value = useMemo(
+    () => ({
+      provider,
+      identity: currentState.identity,
+      isPending: currentState.isPending,
+      sourceGeneration: currentResolutionGeneration,
+      ...currentState.error ? { error: currentState.error } : {},
+      refetch,
+      waitForResolution
+    }),
+    [
+      provider,
+      currentState.identity,
+      currentState.isPending,
+      currentResolutionGeneration,
+      currentState.error,
+      refetch,
+      waitForResolution
+    ]
   );
+  return /* @__PURE__ */ jsx(AuthContext.Provider, { value, children });
 }
 function useAuthContext() {
   return useContext(AuthContext);

package/dist/packages/stack/src/context/provider.cjs

@@ -17,10 +17,20 @@ function stripUndefined(obj) {
   }
   return result;
 }
-function resolveStaticRouter(router) {
-  if (!router) return void 0;
-  const { useRouter: _useRouter, ...staticFields } = router;
-  return stripUndefined(staticFields);
+function useStaticRouter(router) {
+  const { Link, Image, navigate, refresh, getSearchParams, setSearchParams } = router ?? {};
+  const present = router !== void 0;
+  return React.useMemo(
+    () => present ? stripUndefined({
+      Link,
+      Image,
+      navigate,
+      refresh,
+      getSearchParams,
+      setSearchParams
+    }) : void 0,
+    [present, Link, Image, navigate, refresh, getSearchParams, setSearchParams]
+  );
 }
 function RouterBridge({
   useRouter,
@@ -29,11 +39,14 @@ function RouterBridge({
   children
 }) {
   const hookRouter = useRouter();
-  const router = {
-    ...staticRouter,
-    ...stripUndefined(hookRouter)
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(StackContext.Provider, { value: { ...value, router }, children });
+  const context = React.useMemo(
+    () => ({
+      ...value,
+      router: { ...staticRouter, ...stripUndefined(hookRouter) }
+    }),
+    [value, staticRouter, hookRouter]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(StackContext.Provider, { value: context, children });
 }
 function StackProvider({
   children,
@@ -46,18 +59,25 @@ function StackProvider({
   i18n: i18n$1
 }) {
   const projection = stack.provider;
-  const staticRouter = resolveStaticRouter(router);
-  const value = {
-    overrides: overrides ?? {},
-    basePath: projection.site.basePath,
-    api: projection.api,
-    site: projection.site,
-    plugins: projection.plugins,
-    queryClient: projection.queryClient,
-    clientStackContext: stack.context,
-    resolvedStack: stack,
-    auth: auth$1
-  };
+  const staticRouter = useStaticRouter(router);
+  const value = React.useMemo(
+    () => ({
+      overrides: overrides ?? {},
+      basePath: projection.site.basePath,
+      api: projection.api,
+      site: projection.site,
+      plugins: projection.plugins,
+      queryClient: projection.queryClient,
+      clientStackContext: stack.context,
+      resolvedStack: stack,
+      auth: auth$1
+    }),
+    [overrides, stack, auth$1]
+  );
+  const context = React.useMemo(
+    () => ({ ...value, router: staticRouter }),
+    [value, staticRouter]
+  );
   const content = auth$1 ? /* @__PURE__ */ jsxRuntime.jsx(auth.StackAuthBoundary, { provider: auth$1, initialIdentity, children }) : children;
   const stackTree = router?.useRouter ? /* @__PURE__ */ jsxRuntime.jsx(
     RouterBridge,
@@ -67,7 +87,7 @@ function StackProvider({
       value,
       children: content
     }
-  ) : /* @__PURE__ */ jsxRuntime.jsx(StackContext.Provider, { value: { ...value, router: staticRouter }, children: content });
+  ) : /* @__PURE__ */ jsxRuntime.jsx(StackContext.Provider, { value: context, children: content });
   return /* @__PURE__ */ jsxRuntime.jsx(notify.StackNotifyBoundary, { notify: notify$1, children: /* @__PURE__ */ jsxRuntime.jsx(i18n.StackI18nBoundary, { i18n: i18n$1, children: stackTree }) });
 }
 function useStack() {

package/dist/packages/stack/src/context/provider.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext } from 'react';
+import { useMemo, createContext, useContext } from 'react';
 import { StackAuthBoundary } from './auth.mjs';
 import { StackI18nBoundary } from './i18n.mjs';
 import { StackNotifyBoundary } from './notify.mjs';
@@ -15,10 +15,20 @@ function stripUndefined(obj) {
   }
   return result;
 }
-function resolveStaticRouter(router) {
-  if (!router) return void 0;
-  const { useRouter: _useRouter, ...staticFields } = router;
-  return stripUndefined(staticFields);
+function useStaticRouter(router) {
+  const { Link, Image, navigate, refresh, getSearchParams, setSearchParams } = router ?? {};
+  const present = router !== void 0;
+  return useMemo(
+    () => present ? stripUndefined({
+      Link,
+      Image,
+      navigate,
+      refresh,
+      getSearchParams,
+      setSearchParams
+    }) : void 0,
+    [present, Link, Image, navigate, refresh, getSearchParams, setSearchParams]
+  );
 }
 function RouterBridge({
   useRouter,
@@ -27,11 +37,14 @@ function RouterBridge({
   children
 }) {
   const hookRouter = useRouter();
-  const router = {
-    ...staticRouter,
-    ...stripUndefined(hookRouter)
-  };
-  return /* @__PURE__ */ jsx(StackContext.Provider, { value: { ...value, router }, children });
+  const context = useMemo(
+    () => ({
+      ...value,
+      router: { ...staticRouter, ...stripUndefined(hookRouter) }
+    }),
+    [value, staticRouter, hookRouter]
+  );
+  return /* @__PURE__ */ jsx(StackContext.Provider, { value: context, children });
 }
 function StackProvider({
   children,
@@ -44,18 +57,25 @@ function StackProvider({
   i18n
 }) {
   const projection = stack.provider;
-  const staticRouter = resolveStaticRouter(router);
-  const value = {
-    overrides: overrides ?? {},
-    basePath: projection.site.basePath,
-    api: projection.api,
-    site: projection.site,
-    plugins: projection.plugins,
-    queryClient: projection.queryClient,
-    clientStackContext: stack.context,
-    resolvedStack: stack,
-    auth
-  };
+  const staticRouter = useStaticRouter(router);
+  const value = useMemo(
+    () => ({
+      overrides: overrides ?? {},
+      basePath: projection.site.basePath,
+      api: projection.api,
+      site: projection.site,
+      plugins: projection.plugins,
+      queryClient: projection.queryClient,
+      clientStackContext: stack.context,
+      resolvedStack: stack,
+      auth
+    }),
+    [overrides, stack, auth]
+  );
+  const context = useMemo(
+    () => ({ ...value, router: staticRouter }),
+    [value, staticRouter]
+  );
   const content = auth ? /* @__PURE__ */ jsx(StackAuthBoundary, { provider: auth, initialIdentity, children }) : children;
   const stackTree = router?.useRouter ? /* @__PURE__ */ jsx(
     RouterBridge,
@@ -65,7 +85,7 @@ function StackProvider({
       value,
       children: content
     }
-  ) : /* @__PURE__ */ jsx(StackContext.Provider, { value: { ...value, router: staticRouter }, children: content });
+  ) : /* @__PURE__ */ jsx(StackContext.Provider, { value: context, children: content });
   return /* @__PURE__ */ jsx(StackNotifyBoundary, { notify, children: /* @__PURE__ */ jsx(StackI18nBoundary, { i18n, children: stackTree }) });
 }
 function useStack() {

package/dist/packages/stack/src/plugins/blog/client/components/pages/home-page.cjs

@@ -11,36 +11,40 @@ const index = require('../loading/index.cjs');
 const _404Page = require('./404-page.cjs');
 const plugins_blog_permissions = require('../../../../../../../../plugins/blog/permissions.cjs');
 
-const HomePage = React.lazy(
-  () => import('./home-page.internal.cjs').then((m) => ({ default: m.HomePage }))
-);
-function HomePageComponent({
-  published = true
-}) {
-  const { onRouteError } = context.usePluginOverrides(constants.BLOG_PLUGIN_ID);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    components.ComposedRoute,
-    {
-      path: published ? "/blog" : "/blog/drafts",
-      PageComponent: HomePage,
-      ErrorComponent: defaultError.DefaultError,
-      LoadingComponent: index.PostsLoading,
-      NotFoundComponent: _404Page.NotFoundPage,
-      permission: plugins_blog_permissions.blogPermissions.post.read({
-        scope: published ? "published" : "drafts"
-      }),
-      props: { published },
-      onError: (error) => {
-        if (onRouteError) {
-          onRouteError("posts", error, {
-            path: published ? "/blog" : "/blog/drafts",
-            isSSR: typeof window === "undefined",
-            published
-          });
+function createHomePage(HomePage) {
+  function HomePageComponent2({ published = true }) {
+    const { onRouteError } = context.usePluginOverrides(constants.BLOG_PLUGIN_ID);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      components.ComposedRoute,
+      {
+        path: published ? "/blog" : "/blog/drafts",
+        PageComponent: HomePage,
+        ErrorComponent: defaultError.DefaultError,
+        LoadingComponent: index.PostsLoading,
+        NotFoundComponent: _404Page.NotFoundPage,
+        permission: plugins_blog_permissions.blogPermissions.post.read({
+          scope: published ? "published" : "drafts"
+        }),
+        props: { published },
+        onError: (error) => {
+          if (onRouteError) {
+            onRouteError("posts", error, {
+              path: published ? "/blog" : "/blog/drafts",
+              isSSR: typeof window === "undefined",
+              published
+            });
+          }
         }
       }
-    }
-  );
+    );
+  }
+  return HomePageComponent2;
 }
+const HomePageComponent = createHomePage(
+  React.lazy(
+    () => import('./home-page.internal.cjs').then((m) => ({ default: m.HomePage }))
+  )
+);
 
 exports.HomePageComponent = HomePageComponent;
+exports.createHomePage = createHomePage;

package/dist/packages/stack/src/plugins/blog/client/components/pages/home-page.mjs

@@ -9,36 +9,39 @@ import { PostsLoading } from '../loading/index.mjs';
 import { NotFoundPage } from './404-page.mjs';
 import { blogPermissions } from '../../../../../../../../plugins/blog/permissions.mjs';
 
-const HomePage = lazy(
-  () => import('./home-page.internal.mjs').then((m) => ({ default: m.HomePage }))
-);
-function HomePageComponent({
-  published = true
-}) {
-  const { onRouteError } = usePluginOverrides(BLOG_PLUGIN_ID);
-  return /* @__PURE__ */ jsx(
-    ComposedRoute,
-    {
-      path: published ? "/blog" : "/blog/drafts",
-      PageComponent: HomePage,
-      ErrorComponent: DefaultError,
-      LoadingComponent: PostsLoading,
-      NotFoundComponent: NotFoundPage,
-      permission: blogPermissions.post.read({
-        scope: published ? "published" : "drafts"
-      }),
-      props: { published },
-      onError: (error) => {
-        if (onRouteError) {
-          onRouteError("posts", error, {
-            path: published ? "/blog" : "/blog/drafts",
-            isSSR: typeof window === "undefined",
-            published
-          });
+function createHomePage(HomePage) {
+  function HomePageComponent2({ published = true }) {
+    const { onRouteError } = usePluginOverrides(BLOG_PLUGIN_ID);
+    return /* @__PURE__ */ jsx(
+      ComposedRoute,
+      {
+        path: published ? "/blog" : "/blog/drafts",
+        PageComponent: HomePage,
+        ErrorComponent: DefaultError,
+        LoadingComponent: PostsLoading,
+        NotFoundComponent: NotFoundPage,
+        permission: blogPermissions.post.read({
+          scope: published ? "published" : "drafts"
+        }),
+        props: { published },
+        onError: (error) => {
+          if (onRouteError) {
+            onRouteError("posts", error, {
+              path: published ? "/blog" : "/blog/drafts",
+              isSSR: typeof window === "undefined",
+              published
+            });
+          }
         }
       }
-    }
-  );
+    );
+  }
+  return HomePageComponent2;
 }
+const HomePageComponent = createHomePage(
+  lazy(
+    () => import('./home-page.internal.mjs').then((m) => ({ default: m.HomePage }))
+  )
+);
 
-export { HomePageComponent };
+export { HomePageComponent, createHomePage };

package/dist/packages/stack/src/plugins/blog/client/components/pages/post-page.cjs

@@ -12,55 +12,61 @@ const _404Page = require('./404-page.cjs');
 const blogHooks = require('../../hooks/blog-hooks.cjs');
 const plugins_blog_permissions = require('../../../../../../../../plugins/blog/permissions.cjs');
 
-const PostPageContent = React.lazy(
-  () => import('./post-page.internal.cjs').then((m) => ({ default: m.PostPage }))
-);
-function AuthorizedPostPage({ slug }) {
-  const { post } = blogHooks.useSuspensePost(slug);
-  const permission = post ? plugins_blog_permissions.blogPermissions.post.read({
-    scope: "post",
-    slug: post.slug,
-    exists: true,
-    id: post.id,
-    ...post.authorId ? { authorId: post.authorId } : {},
-    published: post.published
-  }) : plugins_blog_permissions.blogPermissions.post.read({
-    scope: "post",
-    slug,
-    exists: false,
-    published: false
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    components.PermissionRouteAccess,
-    {
-      permission,
-      LoadingComponent: index.PostLoading,
-      children: /* @__PURE__ */ jsxRuntime.jsx(PostPageContent, { slug })
-    }
-  );
-}
-function PostPageComponent({ slug }) {
-  const { onRouteError } = context.usePluginOverrides(constants.BLOG_PLUGIN_ID);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    components.ComposedRoute,
-    {
-      path: `/blog/${slug}`,
-      PageComponent: AuthorizedPostPage,
-      ErrorComponent: defaultError.DefaultError,
-      LoadingComponent: index.PostLoading,
-      NotFoundComponent: _404Page.NotFoundPage,
-      props: { slug },
-      onError: (error) => {
-        if (onRouteError) {
-          onRouteError("post", error, {
-            path: `/blog/${slug}`,
-            isSSR: typeof window === "undefined",
-            slug
-          });
+function createPostPage(PostPageContent) {
+  function AuthorizedPostPage({ slug }) {
+    const { post } = blogHooks.useSuspensePost(slug);
+    const permission = post ? plugins_blog_permissions.blogPermissions.post.read({
+      scope: "post",
+      slug: post.slug,
+      exists: true,
+      id: post.id,
+      ...post.authorId ? { authorId: post.authorId } : {},
+      published: post.published
+    }) : plugins_blog_permissions.blogPermissions.post.read({
+      scope: "post",
+      slug,
+      exists: false,
+      published: false
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      components.PermissionRouteAccess,
+      {
+        permission,
+        LoadingComponent: index.PostLoading,
+        children: /* @__PURE__ */ jsxRuntime.jsx(PostPageContent, { slug })
+      }
+    );
+  }
+  function PostPageComponent2({ slug }) {
+    const { onRouteError } = context.usePluginOverrides(constants.BLOG_PLUGIN_ID);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      components.ComposedRoute,
+      {
+        path: `/blog/${slug}`,
+        PageComponent: AuthorizedPostPage,
+        ErrorComponent: defaultError.DefaultError,
+        LoadingComponent: index.PostLoading,
+        NotFoundComponent: _404Page.NotFoundPage,
+        props: { slug },
+        onError: (error) => {
+          if (onRouteError) {
+            onRouteError("post", error, {
+              path: `/blog/${slug}`,
+              isSSR: typeof window === "undefined",
+              slug
+            });
+          }
         }
       }
-    }
-  );
+    );
+  }
+  return PostPageComponent2;
 }
+const PostPageComponent = createPostPage(
+  React.lazy(
+    () => import('./post-page.internal.cjs').then((m) => ({ default: m.PostPage }))
+  )
+);
 
 exports.PostPageComponent = PostPageComponent;
+exports.createPostPage = createPostPage;