@btst/stack 2.12.2 → 3.0.0-rc.1

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

@@ -1,18 +1,66 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext } from 'react';
+import { StackAuthBoundary } from './auth.mjs';
+import { StackI18nBoundary } from './i18n.mjs';
+import { StackNotifyBoundary } from './notify.mjs';
 
 const StackContext = createContext(null);
+function stripUndefined(obj) {
+  const result = {};
+  for (const key of Object.keys(obj)) {
+    if (obj[key] !== void 0) {
+      result[key] = obj[key];
+    }
+  }
+  return result;
+}
+function resolveStaticRouter(router) {
+  if (!router) return void 0;
+  const { useRouter: _useRouter, ...staticFields } = router;
+  return stripUndefined(staticFields);
+}
+function RouterBridge({
+  useRouter,
+  staticRouter,
+  value,
+  children
+}) {
+  const hookRouter = useRouter();
+  const router = {
+    ...staticRouter,
+    ...stripUndefined(hookRouter)
+  };
+  return /* @__PURE__ */ jsx(StackContext.Provider, { value: { ...value, router }, children });
+}
 function StackProvider({
   children,
   overrides,
-  basePath
+  basePath,
+  router,
+  api,
+  auth,
+  notify,
+  i18n
 }) {
+  const staticRouter = resolveStaticRouter(router);
   const value = {
-    overrides,
-    basePath
+    overrides: overrides ?? {},
+    basePath,
+    api,
+    auth
   };
-  return /* @__PURE__ */ jsx(StackContext.Provider, { value, children });
+  const content = auth ? /* @__PURE__ */ jsx(StackAuthBoundary, { provider: auth, children }) : children;
+  const stackTree = router?.useRouter ? /* @__PURE__ */ jsx(
+    RouterBridge,
+    {
+      useRouter: router.useRouter,
+      staticRouter,
+      value,
+      children: content
+    }
+  ) : /* @__PURE__ */ jsx(StackContext.Provider, { value: { ...value, router: staticRouter }, children: content });
+  return /* @__PURE__ */ jsx(StackNotifyBoundary, { notify, children: /* @__PURE__ */ jsx(StackI18nBoundary, { i18n, children: stackTree }) });
 }
 function useStack() {
   const context = useContext(
@@ -25,10 +73,13 @@ function useStack() {
   }
   return context;
 }
+function useStackOrNull() {
+  return useContext(StackContext);
+}
 function usePluginOverrides(pluginName, defaultValues) {
-  const context = useStack();
-  const pluginOverrides = context.overrides[pluginName];
-  const overrides = defaultValues ? { ...defaultValues, ...pluginOverrides } : pluginOverrides;
+  const { overrides: allOverrides } = useStack();
+  const pluginOverrides = allOverrides[pluginName];
+  const overrides = defaultValues ? { ...defaultValues, ...pluginOverrides } : pluginOverrides ?? {};
   return overrides;
 }
 function useBasePath() {
@@ -41,4 +92,4 @@ function useBasePath() {
   return context.basePath;
 }
 
-export { StackProvider, useBasePath, usePluginOverrides, useStack };
+export { StackProvider, useBasePath, usePluginOverrides, useStack, useStackOrNull };

package/dist/packages/stack/src/next/handlers.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+function toNextRouteHandlers(handler) {
+  return {
+    GET: handler,
+    POST: handler,
+    PUT: handler,
+    PATCH: handler,
+    DELETE: handler
+  };
+}
+
+exports.toNextRouteHandlers = toNextRouteHandlers;

package/dist/packages/stack/src/next/handlers.mjs

@@ -0,0 +1,11 @@
+function toNextRouteHandlers(handler) {
+  return {
+    GET: handler,
+    POST: handler,
+    PUT: handler,
+    PATCH: handler,
+    DELETE: handler
+  };
+}
+
+export { toNextRouteHandlers };

package/dist/packages/stack/src/next/page.cjs

@@ -0,0 +1,50 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactQuery = require('@tanstack/react-query');
+const navigation = require('next/navigation');
+const metaUtils = require('../client/meta-utils.cjs');
+const pathUtils = require('../client/path-utils.cjs');
+const entryFactories = require('../shared/entry-factories.cjs');
+
+function createNextPage(options) {
+  const {
+    getStackClient,
+    getQueryClient,
+    notFound = navigation.notFound,
+    wrapPage,
+    dehydrateOptions = entryFactories.stackDehydrateOptions
+  } = options;
+  async function Page({ params }) {
+    const pathParams = await params;
+    const path = pathUtils.normalizePath(pathParams?.all);
+    const queryClient = getQueryClient();
+    const route = getStackClient(queryClient).router.getRoute(path);
+    if (route?.loader) {
+      await route.loader();
+    }
+    const page = route?.PageComponent ? /* @__PURE__ */ jsxRuntime.jsx(route.PageComponent, {}) : notFound();
+    return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.HydrationBoundary, { state: reactQuery.dehydrate(queryClient, dehydrateOptions), children: wrapPage ? wrapPage(page) : page });
+  }
+  async function generateMetadata({
+    params
+  }) {
+    const pathParams = await params;
+    const path = pathUtils.normalizePath(pathParams?.all);
+    const queryClient = getQueryClient();
+    const route = getStackClient(queryClient).router.getRoute(path);
+    if (!route) {
+      return notFound();
+    }
+    if (!route.meta) {
+      return {};
+    }
+    if (route.loader) {
+      await route.loader();
+    }
+    return metaUtils.metaElementsToObject(await route.meta());
+  }
+  return { Page, generateMetadata };
+}
+
+exports.createNextPage = createNextPage;

package/dist/packages/stack/src/next/page.mjs

@@ -0,0 +1,48 @@
+import { jsx } from 'react/jsx-runtime';
+import { HydrationBoundary, dehydrate } from '@tanstack/react-query';
+import { notFound } from 'next/navigation';
+import { metaElementsToObject } from '../client/meta-utils.mjs';
+import { normalizePath } from '../client/path-utils.mjs';
+import { stackDehydrateOptions } from '../shared/entry-factories.mjs';
+
+function createNextPage(options) {
+  const {
+    getStackClient,
+    getQueryClient,
+    notFound: notFound$1 = notFound,
+    wrapPage,
+    dehydrateOptions = stackDehydrateOptions
+  } = options;
+  async function Page({ params }) {
+    const pathParams = await params;
+    const path = normalizePath(pathParams?.all);
+    const queryClient = getQueryClient();
+    const route = getStackClient(queryClient).router.getRoute(path);
+    if (route?.loader) {
+      await route.loader();
+    }
+    const page = route?.PageComponent ? /* @__PURE__ */ jsx(route.PageComponent, {}) : notFound$1();
+    return /* @__PURE__ */ jsx(HydrationBoundary, { state: dehydrate(queryClient, dehydrateOptions), children: wrapPage ? wrapPage(page) : page });
+  }
+  async function generateMetadata({
+    params
+  }) {
+    const pathParams = await params;
+    const path = normalizePath(pathParams?.all);
+    const queryClient = getQueryClient();
+    const route = getStackClient(queryClient).router.getRoute(path);
+    if (!route) {
+      return notFound$1();
+    }
+    if (!route.meta) {
+      return {};
+    }
+    if (route.loader) {
+      await route.loader();
+    }
+    return metaElementsToObject(await route.meta());
+  }
+  return { Page, generateMetadata };
+}
+
+export { createNextPage };

package/dist/packages/stack/src/next/router.cjs

@@ -0,0 +1,83 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const NextImage = require('next/image');
+const NextLink = require('next/link');
+const navigation = require('next/navigation');
+const React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+const NextImage__default = /*#__PURE__*/_interopDefaultCompat(NextImage);
+const NextLink__default = /*#__PURE__*/_interopDefaultCompat(NextLink);
+
+function NextLinkWrapper({
+  href,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(NextLink__default, { href: href || "#", ...props });
+}
+function NextImageWrapper(props) {
+  const { alt = "", src = "", width, height, ...rest } = props;
+  if (!width || !height) {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block relative w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+      NextImage__default,
+      {
+        alt,
+        src: typeof src === "string" ? src : "",
+        fill: true,
+        sizes: "400px",
+        ...rest
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    NextImage__default,
+    {
+      alt,
+      src: typeof src === "string" ? src : "",
+      width,
+      height,
+      ...rest
+    }
+  );
+}
+function getSearchParams() {
+  return new URLSearchParams(
+    typeof window !== "undefined" ? window.location.search : ""
+  );
+}
+function useNextStackRouter() {
+  const router = navigation.useRouter();
+  return React.useMemo(
+    () => ({
+      navigate: (path) => {
+        router.push(path);
+      },
+      refresh: () => {
+        router.refresh();
+      },
+      setSearchParams: (next, opts) => {
+        const query = next.toString();
+        const path = `${window.location.pathname}${query ? `?${query}` : ""}`;
+        if (opts?.replace) {
+          router.replace(path);
+        } else {
+          router.push(path);
+        }
+      }
+    }),
+    [router]
+  );
+}
+function nextRouter() {
+  return {
+    Link: NextLinkWrapper,
+    Image: NextImageWrapper,
+    getSearchParams,
+    useRouter: useNextStackRouter
+  };
+}
+
+exports.nextRouter = nextRouter;

package/dist/packages/stack/src/next/router.mjs

@@ -0,0 +1,76 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import NextImage from 'next/image';
+import NextLink from 'next/link';
+import { useRouter } from 'next/navigation';
+import { useMemo } from 'react';
+
+function NextLinkWrapper({
+  href,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(NextLink, { href: href || "#", ...props });
+}
+function NextImageWrapper(props) {
+  const { alt = "", src = "", width, height, ...rest } = props;
+  if (!width || !height) {
+    return /* @__PURE__ */ jsx("span", { className: "block relative w-full h-full", children: /* @__PURE__ */ jsx(
+      NextImage,
+      {
+        alt,
+        src: typeof src === "string" ? src : "",
+        fill: true,
+        sizes: "400px",
+        ...rest
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(
+    NextImage,
+    {
+      alt,
+      src: typeof src === "string" ? src : "",
+      width,
+      height,
+      ...rest
+    }
+  );
+}
+function getSearchParams() {
+  return new URLSearchParams(
+    typeof window !== "undefined" ? window.location.search : ""
+  );
+}
+function useNextStackRouter() {
+  const router = useRouter();
+  return useMemo(
+    () => ({
+      navigate: (path) => {
+        router.push(path);
+      },
+      refresh: () => {
+        router.refresh();
+      },
+      setSearchParams: (next, opts) => {
+        const query = next.toString();
+        const path = `${window.location.pathname}${query ? `?${query}` : ""}`;
+        if (opts?.replace) {
+          router.replace(path);
+        } else {
+          router.push(path);
+        }
+      }
+    }),
+    [router]
+  );
+}
+function nextRouter() {
+  return {
+    Link: NextLinkWrapper,
+    Image: NextImageWrapper,
+    getSearchParams,
+    useRouter: useNextStackRouter
+  };
+}
+
+export { nextRouter };

package/dist/packages/stack/src/plugins/ai-chat/api/plugin.cjs

@@ -73,7 +73,7 @@ const aiChatBackendPlugin = (config) => api.defineBackendPlugin({
               role: msg.role,
               content: getMessageTextContent(msg)
             }));
-            await utils.runHookWithShim(
+            await utils.runHook(
               () => config.hooks.onBeforeChat(messagesForHook, context),
               ctx.error,
               "Unauthorized: Cannot start chat"
@@ -340,7 +340,7 @@ ${pageContext}` : "";
             });
           });
           if (config.hooks?.onBeforeCreateConversation) {
-            await utils.runHookWithShim(
+            await utils.runHook(
               () => config.hooks.onBeforeCreateConversation(
                 { id, title },
                 context
@@ -393,7 +393,7 @@ ${pageContext}` : "";
             });
           });
           if (config.hooks?.onBeforeListConversations) {
-            await utils.runHookWithShim(
+            await utils.runHook(
               () => config.hooks.onBeforeListConversations(context),
               ctx.error,
               "Unauthorized: Cannot list conversations"
@@ -450,7 +450,7 @@ ${pageContext}` : "";
             });
           });
           if (config.hooks?.onBeforeGetConversation) {
-            await utils.runHookWithShim(
+            await utils.runHook(
               () => config.hooks.onBeforeGetConversation(id, context),
               ctx.error,
               "Unauthorized: Cannot get conversation"
@@ -536,7 +536,7 @@ ${pageContext}` : "";
             });
           }
           if (config.hooks?.onBeforeUpdateConversation) {
-            await utils.runHookWithShim(
+            await utils.runHook(
               () => config.hooks.onBeforeUpdateConversation(
                 id,
                 { title },
@@ -609,7 +609,7 @@ ${pageContext}` : "";
             });
           }
           if (config.hooks?.onBeforeDeleteConversation) {
-            await utils.runHookWithShim(
+            await utils.runHook(
               () => config.hooks.onBeforeDeleteConversation(id, context),
               ctx.error,
               "Unauthorized: Cannot delete conversation"

package/dist/packages/stack/src/plugins/ai-chat/api/plugin.mjs

@@ -4,7 +4,7 @@ import { aiChatSchema } from '../db.mjs';
 import { chatRequestSchema, createConversationSchema, updateConversationSchema } from '../schemas.mjs';
 import { getConversationById, getAllConversations } from './getters.mjs';
 import { BUILT_IN_PAGE_TOOL_SCHEMAS, BUILT_IN_PAGE_TOOL_ROUTE_ALLOWLIST } from './page-tools.mjs';
-import { runHookWithShim } from '../../utils.mjs';
+import { runHook } from '../../utils.mjs';
 
 const aiChatBackendPlugin = (config) => defineBackendPlugin({
   name: "ai-chat",
@@ -71,7 +71,7 @@ const aiChatBackendPlugin = (config) => defineBackendPlugin({
               role: msg.role,
               content: getMessageTextContent(msg)
             }));
-            await runHookWithShim(
+            await runHook(
               () => config.hooks.onBeforeChat(messagesForHook, context),
               ctx.error,
               "Unauthorized: Cannot start chat"
@@ -338,7 +338,7 @@ ${pageContext}` : "";
             });
           });
           if (config.hooks?.onBeforeCreateConversation) {
-            await runHookWithShim(
+            await runHook(
               () => config.hooks.onBeforeCreateConversation(
                 { id, title },
                 context
@@ -391,7 +391,7 @@ ${pageContext}` : "";
             });
           });
           if (config.hooks?.onBeforeListConversations) {
-            await runHookWithShim(
+            await runHook(
               () => config.hooks.onBeforeListConversations(context),
               ctx.error,
               "Unauthorized: Cannot list conversations"
@@ -448,7 +448,7 @@ ${pageContext}` : "";
             });
           });
           if (config.hooks?.onBeforeGetConversation) {
-            await runHookWithShim(
+            await runHook(
               () => config.hooks.onBeforeGetConversation(id, context),
               ctx.error,
               "Unauthorized: Cannot get conversation"
@@ -534,7 +534,7 @@ ${pageContext}` : "";
             });
           }
           if (config.hooks?.onBeforeUpdateConversation) {
-            await runHookWithShim(
+            await runHook(
               () => config.hooks.onBeforeUpdateConversation(
                 id,
                 { title },
@@ -607,7 +607,7 @@ ${pageContext}` : "";
             });
           }
           if (config.hooks?.onBeforeDeleteConversation) {
-            await runHookWithShim(
+            await runHook(
               () => config.hooks.onBeforeDeleteConversation(id, context),
               ctx.error,
               "Unauthorized: Cannot delete conversation"

package/dist/packages/stack/src/plugins/ai-chat/client/components/chat-input.cjs

@@ -7,7 +7,6 @@ const button = require('../../../../../../ui/src/components/button.cjs');
 const textarea = require('../../../../../../ui/src/components/textarea.cjs');
 const LucideIcons = require('lucide-react');
 const utils = require('../../../../../../ui/src/lib/utils.cjs');
-const sonner = require('sonner');
 const context = require('@btst/stack/context');
 const overrides = require('../overrides.cjs');
 const index = require('../localization/index.cjs');
@@ -32,7 +31,8 @@ function ChatInput({
     "ai-chat",
     {}
   );
-  const localization = { ...index.AI_CHAT_LOCALIZATION, ...customLocalization };
+  const notify = context.useNotify();
+  const tr = index.useAiChatTranslation(customLocalization);
   const fileInputRef = React.useRef(null);
   const [internalFiles, setInternalFiles] = React.useState([]);
   const [isUploading, setIsUploading] = React.useState(false);
@@ -79,7 +79,13 @@ function ChatInput({
     const file = event.target.files?.[0];
     if (!file) return;
     if (file.size > MAX_FILE_SIZE) {
-      sonner.toast.error(localization.FILE_UPLOAD_ERROR_TOO_LARGE);
+      notify.error(
+        tr(
+          "FILE_UPLOAD_ERROR_TOO_LARGE",
+          "aiChat.files.tooLarge",
+          "File must be less than 10MB"
+        )
+      );
       return;
     }
     if (uploadFile) {
@@ -87,10 +93,22 @@ function ChatInput({
         setIsUploading(true);
         const url = await uploadFile(file);
         addFile({ url, mediaType: file.type, filename: file.name });
-        sonner.toast.success(localization.FILE_UPLOAD_SUCCESS);
+        notify.success(
+          tr(
+            "FILE_UPLOAD_SUCCESS",
+            "aiChat.files.uploadSuccess",
+            "File attached"
+          )
+        );
       } catch (error) {
         console.error("Failed to upload file:", error);
-        sonner.toast.error(localization.FILE_UPLOAD_FAILURE);
+        notify.error(
+          tr(
+            "FILE_UPLOAD_FAILURE",
+            "aiChat.files.uploadFailure",
+            "Failed to attach file"
+          )
+        );
       } finally {
         setIsUploading(false);
       }
@@ -103,7 +121,13 @@ function ChatInput({
         setIsUploading(false);
       };
       reader.onerror = () => {
-        sonner.toast.error(localization.FILE_UPLOAD_FAILURE);
+        notify.error(
+          tr(
+            "FILE_UPLOAD_FAILURE",
+            "aiChat.files.uploadFailure",
+            "Failed to attach file"
+          )
+        );
         setIsUploading(false);
       };
       reader.readAsDataURL(file);
@@ -151,6 +175,11 @@ function ChatInput({
               type: "button",
               onClick: () => removeFile(index),
               className: "absolute top-0.5 right-0.5 p-0.5 rounded-full bg-background/80 opacity-0 group-hover:opacity-100 transition-opacity",
+              "aria-label": tr(
+                "FILE_REMOVE",
+                "aiChat.files.remove",
+                "Remove file"
+              ),
               children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { className: "h-3 w-3" })
             }
           )
@@ -179,7 +208,11 @@ function ChatInput({
             onClick: () => fileInputRef.current?.click(),
             disabled: isLoading || isUploading,
             className: utils.cn("shrink-0", isCompact ? "h-8 w-8" : "h-9 w-9"),
-            "aria-label": localization.FILE_UPLOAD_BUTTON,
+            "aria-label": tr(
+              "FILE_UPLOAD_BUTTON",
+              "aiChat.files.attach",
+              "Attach file"
+            ),
             children: isUploading ? /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Paperclip, { className: "h-4 w-4" })
           }
         )
@@ -191,7 +224,11 @@ function ChatInput({
             value: input,
             onChange: handleInputChange,
             onKeyDown: handleKeyDown,
-            placeholder: placeholder || localization.CHAT_PLACEHOLDER,
+            placeholder: placeholder || tr(
+              "CHAT_PLACEHOLDER",
+              "aiChat.chat.placeholder",
+              "Type a message..."
+            ),
             className: utils.cn(
               "resize-none pr-12 max-w-full",
               isCompact ? "min-h-[40px] max-h-[120px] py-2" : "min-h-[50px] max-h-[200px] py-3"
@@ -209,7 +246,7 @@ function ChatInput({
               "absolute right-2 bottom-2",
               isCompact ? "h-7 w-7" : "h-8 w-8"
             ),
-            "aria-label": localization.CHAT_SEND_BUTTON,
+            "aria-label": tr("CHAT_SEND_BUTTON", "aiChat.chat.send", "Send"),
             children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Send, { className: utils.cn(isCompact ? "h-3.5 w-3.5" : "h-4 w-4") })
           }
         )