@btst/stack 2.5.6 → 2.6.0

package/README.md

@@ -115,6 +115,22 @@ Supports Prisma, Drizzle, MongoDB and Kysely SQL dialects.
 
 ---
 
+## Shadcn Registry
+
+Each plugin's UI layer is available as a [shadcn registry](https://ui.shadcn.com/docs/registry) block. Use it to **eject and fully customize** the page components while keeping all data-fetching and API logic from `@btst/stack`:
+
+```bash
+# Install a single plugin's UI
+npx shadcn@latest add https://github.com/better-stack-ai/better-stack/blob/main/packages/stack/registry/btst-blog.json
+
+# Or install the full collection
+npx shadcn@latest add https://github.com/better-stack-ai/better-stack/blob/main/packages/stack/registry/registry.json
+```
+
+Components are copied into `src/components/btst/{plugin}/client/` — all relative imports remain valid and you can edit them freely.
+
+---
+
 ## Examples
 
 * [Next.js App Router](./examples/nextjs)
@@ -130,6 +146,13 @@ Full documentation, guides, and plugin development:
 
 ---
 
+## Contributing
+
+Bug reports, plugin PRs, and documentation improvements are welcome.
+See **[CONTRIBUTING.md](./CONTRIBUTING.md)** for the plugin development guide, testing instructions, and submission checklist.
+
+---
+
 If this saves you time, a ⭐ helps others find it.
 
 MIT © [olliethedev](https://github.com/olliethedev)

package/dist/client/components/index.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import react__default, { ErrorInfo } from 'react';
+import React__default, { ErrorInfo } from 'react';
 import { FallbackProps } from 'react-error-boundary';
 export { FallbackProps } from 'react-error-boundary';
 import { createRouter } from '@btst/yar';
@@ -8,9 +8,9 @@ import { createRouter } from '@btst/yar';
  * Route type with optional components
  */
 type RouteWithComponents = {
-    PageComponent?: react__default.ComponentType;
-    ErrorComponent?: react__default.ComponentType<FallbackProps>;
-    LoadingComponent?: react__default.ComponentType;
+    PageComponent?: React__default.ComponentType;
+    ErrorComponent?: React__default.ComponentType<FallbackProps>;
+    LoadingComponent?: React__default.ComponentType;
 } | null | undefined;
 /**
  * Composes the route content with Suspense and Error Boundary
@@ -21,7 +21,7 @@ type RouteWithComponents = {
 declare function RouteRenderer({ router, path, NotFoundComponent, onNotFound, onError, props, }: {
     router: ReturnType<typeof createRouter>;
     path: string;
-    NotFoundComponent?: react__default.ComponentType<{
+    NotFoundComponent?: React__default.ComponentType<{
         message: string;
     }>;
     onNotFound?: () => never;
@@ -43,11 +43,11 @@ declare function RouteRenderer({ router, path, NotFoundComponent, onNotFound, on
  */
 declare function ComposedRoute({ path, PageComponent, ErrorComponent, LoadingComponent, onNotFound, NotFoundComponent, props, onError, }: {
     path: string;
-    PageComponent: react__default.ComponentType<any>;
-    ErrorComponent?: react__default.ComponentType<FallbackProps>;
-    LoadingComponent: react__default.ComponentType;
+    PageComponent: React__default.ComponentType<any>;
+    ErrorComponent?: React__default.ComponentType<FallbackProps>;
+    LoadingComponent: React__default.ComponentType;
     onNotFound?: () => never;
-    NotFoundComponent?: react__default.ComponentType<{
+    NotFoundComponent?: React__default.ComponentType<{
         message: string;
     }>;
     props?: any;

package/dist/client/components/index.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import react__default, { ErrorInfo } from 'react';
+import React__default, { ErrorInfo } from 'react';
 import { FallbackProps } from 'react-error-boundary';
 export { FallbackProps } from 'react-error-boundary';
 import { createRouter } from '@btst/yar';
@@ -8,9 +8,9 @@ import { createRouter } from '@btst/yar';
  * Route type with optional components
  */
 type RouteWithComponents = {
-    PageComponent?: react__default.ComponentType;
-    ErrorComponent?: react__default.ComponentType<FallbackProps>;
-    LoadingComponent?: react__default.ComponentType;
+    PageComponent?: React__default.ComponentType;
+    ErrorComponent?: React__default.ComponentType<FallbackProps>;
+    LoadingComponent?: React__default.ComponentType;
 } | null | undefined;
 /**
  * Composes the route content with Suspense and Error Boundary
@@ -21,7 +21,7 @@ type RouteWithComponents = {
 declare function RouteRenderer({ router, path, NotFoundComponent, onNotFound, onError, props, }: {
     router: ReturnType<typeof createRouter>;
     path: string;
-    NotFoundComponent?: react__default.ComponentType<{
+    NotFoundComponent?: React__default.ComponentType<{
         message: string;
     }>;
     onNotFound?: () => never;
@@ -43,11 +43,11 @@ declare function RouteRenderer({ router, path, NotFoundComponent, onNotFound, on
  */
 declare function ComposedRoute({ path, PageComponent, ErrorComponent, LoadingComponent, onNotFound, NotFoundComponent, props, onError, }: {
     path: string;
-    PageComponent: react__default.ComponentType<any>;
-    ErrorComponent?: react__default.ComponentType<FallbackProps>;
-    LoadingComponent: react__default.ComponentType;
+    PageComponent: React__default.ComponentType<any>;
+    ErrorComponent?: React__default.ComponentType<FallbackProps>;
+    LoadingComponent: React__default.ComponentType;
     onNotFound?: () => never;
-    NotFoundComponent?: react__default.ComponentType<{
+    NotFoundComponent?: React__default.ComponentType<{
         message: string;
     }>;
     props?: any;

package/dist/client/components/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import react__default, { ErrorInfo } from 'react';
+import React__default, { ErrorInfo } from 'react';
 import { FallbackProps } from 'react-error-boundary';
 export { FallbackProps } from 'react-error-boundary';
 import { createRouter } from '@btst/yar';
@@ -8,9 +8,9 @@ import { createRouter } from '@btst/yar';
  * Route type with optional components
  */
 type RouteWithComponents = {
-    PageComponent?: react__default.ComponentType;
-    ErrorComponent?: react__default.ComponentType<FallbackProps>;
-    LoadingComponent?: react__default.ComponentType;
+    PageComponent?: React__default.ComponentType;
+    ErrorComponent?: React__default.ComponentType<FallbackProps>;
+    LoadingComponent?: React__default.ComponentType;
 } | null | undefined;
 /**
  * Composes the route content with Suspense and Error Boundary
@@ -21,7 +21,7 @@ type RouteWithComponents = {
 declare function RouteRenderer({ router, path, NotFoundComponent, onNotFound, onError, props, }: {
     router: ReturnType<typeof createRouter>;
     path: string;
-    NotFoundComponent?: react__default.ComponentType<{
+    NotFoundComponent?: React__default.ComponentType<{
         message: string;
     }>;
     onNotFound?: () => never;
@@ -43,11 +43,11 @@ declare function RouteRenderer({ router, path, NotFoundComponent, onNotFound, on
  */
 declare function ComposedRoute({ path, PageComponent, ErrorComponent, LoadingComponent, onNotFound, NotFoundComponent, props, onError, }: {
     path: string;
-    PageComponent: react__default.ComponentType<any>;
-    ErrorComponent?: react__default.ComponentType<FallbackProps>;
-    LoadingComponent: react__default.ComponentType;
+    PageComponent: React__default.ComponentType<any>;
+    ErrorComponent?: React__default.ComponentType<FallbackProps>;
+    LoadingComponent: React__default.ComponentType;
     onNotFound?: () => never;
-    NotFoundComponent?: react__default.ComponentType<{
+    NotFoundComponent?: React__default.ComponentType<{
         message: string;
     }>;
     props?: any;

package/dist/packages/stack/src/plugins/ai-chat/client/components/shared/default-error.cjs

@@ -11,7 +11,7 @@ function DefaultError({ error }) {
     localization: index.AI_CHAT_LOCALIZATION
   });
   const title = localization?.CHAT_GENERIC_ERROR_TITLE ?? index.AI_CHAT_LOCALIZATION.CHAT_GENERIC_ERROR_TITLE;
-  const message = process.env.NODE_ENV === "production" ? localization?.CHAT_GENERIC_ERROR_MESSAGE ?? index.AI_CHAT_LOCALIZATION.CHAT_GENERIC_ERROR_MESSAGE : error?.message ?? localization?.CHAT_GENERIC_ERROR_MESSAGE ?? index.AI_CHAT_LOCALIZATION.CHAT_GENERIC_ERROR_MESSAGE;
+  const message = process.env.NODE_ENV === "production" ? localization?.CHAT_GENERIC_ERROR_MESSAGE ?? index.AI_CHAT_LOCALIZATION.CHAT_GENERIC_ERROR_MESSAGE : (error instanceof Error ? error.message : void 0) ?? localization?.CHAT_GENERIC_ERROR_MESSAGE ?? index.AI_CHAT_LOCALIZATION.CHAT_GENERIC_ERROR_MESSAGE;
   return /* @__PURE__ */ jsxRuntime.jsx(errorPlaceholder.ErrorPlaceholder, { title, message });
 }
 

package/dist/packages/stack/src/plugins/ai-chat/client/components/shared/default-error.mjs

@@ -9,7 +9,7 @@ function DefaultError({ error }) {
     localization: AI_CHAT_LOCALIZATION
   });
   const title = localization?.CHAT_GENERIC_ERROR_TITLE ?? AI_CHAT_LOCALIZATION.CHAT_GENERIC_ERROR_TITLE;
-  const message = process.env.NODE_ENV === "production" ? localization?.CHAT_GENERIC_ERROR_MESSAGE ?? AI_CHAT_LOCALIZATION.CHAT_GENERIC_ERROR_MESSAGE : error?.message ?? localization?.CHAT_GENERIC_ERROR_MESSAGE ?? AI_CHAT_LOCALIZATION.CHAT_GENERIC_ERROR_MESSAGE;
+  const message = process.env.NODE_ENV === "production" ? localization?.CHAT_GENERIC_ERROR_MESSAGE ?? AI_CHAT_LOCALIZATION.CHAT_GENERIC_ERROR_MESSAGE : (error instanceof Error ? error.message : void 0) ?? localization?.CHAT_GENERIC_ERROR_MESSAGE ?? AI_CHAT_LOCALIZATION.CHAT_GENERIC_ERROR_MESSAGE;
   return /* @__PURE__ */ jsx(ErrorPlaceholder, { title, message });
 }
 

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

@@ -179,18 +179,21 @@ const aiChatClientPlugin = (config) => {
       name: "ai-chat",
       routes: () => ({
         // Chat home - simple chat interface without history
-        chat: yar.createRoute("/chat", () => ({
-          PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(
-            chatLayout.ChatLayout,
-            {
-              apiBaseURL: config.apiBaseURL,
-              apiBasePath: config.apiBasePath,
-              showSidebar: false
-            }
-          ),
-          loader: createConversationsLoader(config),
-          meta: createChatHomeMeta(config)
-        }))
+        chat: yar.createRoute("/chat", () => {
+          const CustomChat = config.pageComponents?.chat;
+          return {
+            PageComponent: CustomChat ?? (() => /* @__PURE__ */ jsxRuntime.jsx(
+              chatLayout.ChatLayout,
+              {
+                apiBaseURL: config.apiBaseURL,
+                apiBasePath: config.apiBasePath,
+                showSidebar: false
+              }
+            )),
+            loader: createConversationsLoader(config),
+            meta: createChatHomeMeta(config)
+          };
+        })
       }),
       sitemap: async () => []
     });
@@ -199,30 +202,36 @@ const aiChatClientPlugin = (config) => {
     name: "ai-chat",
     routes: () => ({
       // Chat home - new conversation or list
-      chat: yar.createRoute("/chat", () => ({
-        PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(
-          chatLayout.ChatLayout,
-          {
-            apiBaseURL: config.apiBaseURL,
-            apiBasePath: config.apiBasePath
-          }
-        ),
-        loader: createConversationsLoader(config),
-        meta: createChatHomeMeta(config)
-      })),
+      chat: yar.createRoute("/chat", () => {
+        const CustomChat = config.pageComponents?.chat;
+        return {
+          PageComponent: CustomChat ?? (() => /* @__PURE__ */ jsxRuntime.jsx(
+            chatLayout.ChatLayout,
+            {
+              apiBaseURL: config.apiBaseURL,
+              apiBasePath: config.apiBasePath
+            }
+          )),
+          loader: createConversationsLoader(config),
+          meta: createChatHomeMeta(config)
+        };
+      }),
       // Existing conversation
-      chatConversation: yar.createRoute("/chat/:id", ({ params }) => ({
-        PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(
-          chatLayout.ChatLayout,
-          {
-            apiBaseURL: config.apiBaseURL,
-            apiBasePath: config.apiBasePath,
-            conversationId: params.id
-          }
-        ),
-        loader: createConversationLoader(params.id, config),
-        meta: createConversationMeta(params.id, config)
-      }))
+      chatConversation: yar.createRoute("/chat/:id", ({ params }) => {
+        const CustomConversation = config.pageComponents?.chatConversation;
+        return {
+          PageComponent: CustomConversation ? () => /* @__PURE__ */ jsxRuntime.jsx(CustomConversation, { conversationId: params.id }) : () => /* @__PURE__ */ jsxRuntime.jsx(
+            chatLayout.ChatLayout,
+            {
+              apiBaseURL: config.apiBaseURL,
+              apiBasePath: config.apiBasePath,
+              conversationId: params.id
+            }
+          ),
+          loader: createConversationLoader(params.id, config),
+          meta: createConversationMeta(params.id, config)
+        };
+      })
     }),
     // Chat pages typically shouldn't be in sitemap, but we provide the option
     sitemap: async () => {

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

@@ -177,18 +177,21 @@ const aiChatClientPlugin = (config) => {
       name: "ai-chat",
       routes: () => ({
         // Chat home - simple chat interface without history
-        chat: createRoute("/chat", () => ({
-          PageComponent: () => /* @__PURE__ */ jsx(
-            ChatLayout,
-            {
-              apiBaseURL: config.apiBaseURL,
-              apiBasePath: config.apiBasePath,
-              showSidebar: false
-            }
-          ),
-          loader: createConversationsLoader(config),
-          meta: createChatHomeMeta(config)
-        }))
+        chat: createRoute("/chat", () => {
+          const CustomChat = config.pageComponents?.chat;
+          return {
+            PageComponent: CustomChat ?? (() => /* @__PURE__ */ jsx(
+              ChatLayout,
+              {
+                apiBaseURL: config.apiBaseURL,
+                apiBasePath: config.apiBasePath,
+                showSidebar: false
+              }
+            )),
+            loader: createConversationsLoader(config),
+            meta: createChatHomeMeta(config)
+          };
+        })
       }),
       sitemap: async () => []
     });
@@ -197,30 +200,36 @@ const aiChatClientPlugin = (config) => {
     name: "ai-chat",
     routes: () => ({
       // Chat home - new conversation or list
-      chat: createRoute("/chat", () => ({
-        PageComponent: () => /* @__PURE__ */ jsx(
-          ChatLayout,
-          {
-            apiBaseURL: config.apiBaseURL,
-            apiBasePath: config.apiBasePath
-          }
-        ),
-        loader: createConversationsLoader(config),
-        meta: createChatHomeMeta(config)
-      })),
+      chat: createRoute("/chat", () => {
+        const CustomChat = config.pageComponents?.chat;
+        return {
+          PageComponent: CustomChat ?? (() => /* @__PURE__ */ jsx(
+            ChatLayout,
+            {
+              apiBaseURL: config.apiBaseURL,
+              apiBasePath: config.apiBasePath
+            }
+          )),
+          loader: createConversationsLoader(config),
+          meta: createChatHomeMeta(config)
+        };
+      }),
       // Existing conversation
-      chatConversation: createRoute("/chat/:id", ({ params }) => ({
-        PageComponent: () => /* @__PURE__ */ jsx(
-          ChatLayout,
-          {
-            apiBaseURL: config.apiBaseURL,
-            apiBasePath: config.apiBasePath,
-            conversationId: params.id
-          }
-        ),
-        loader: createConversationLoader(params.id, config),
-        meta: createConversationMeta(params.id, config)
-      }))
+      chatConversation: createRoute("/chat/:id", ({ params }) => {
+        const CustomConversation = config.pageComponents?.chatConversation;
+        return {
+          PageComponent: CustomConversation ? () => /* @__PURE__ */ jsx(CustomConversation, { conversationId: params.id }) : () => /* @__PURE__ */ jsx(
+            ChatLayout,
+            {
+              apiBaseURL: config.apiBaseURL,
+              apiBasePath: config.apiBasePath,
+              conversationId: params.id
+            }
+          ),
+          loader: createConversationLoader(params.id, config),
+          meta: createConversationMeta(params.id, config)
+        };
+      })
     }),
     // Chat pages typically shouldn't be in sitemap, but we provide the option
     sitemap: async () => {

package/dist/packages/stack/src/plugins/blog/client/components/shared/default-error.cjs

@@ -11,7 +11,7 @@ function DefaultError({ error }) {
     localization: index.BLOG_LOCALIZATION
   });
   const title = localization.BLOG_GENERIC_ERROR_TITLE;
-  const message = process.env.NODE_ENV === "production" ? localization.BLOG_GENERIC_ERROR_MESSAGE : error?.message ?? localization.BLOG_GENERIC_ERROR_MESSAGE;
+  const message = process.env.NODE_ENV === "production" ? localization.BLOG_GENERIC_ERROR_MESSAGE : (error instanceof Error ? error.message : void 0) ?? localization.BLOG_GENERIC_ERROR_MESSAGE;
   return /* @__PURE__ */ jsxRuntime.jsx(errorPlaceholder.ErrorPlaceholder, { title, message });
 }
 

package/dist/packages/stack/src/plugins/blog/client/components/shared/default-error.mjs

@@ -9,7 +9,7 @@ function DefaultError({ error }) {
     localization: BLOG_LOCALIZATION
   });
   const title = localization.BLOG_GENERIC_ERROR_TITLE;
-  const message = process.env.NODE_ENV === "production" ? localization.BLOG_GENERIC_ERROR_MESSAGE : error?.message ?? localization.BLOG_GENERIC_ERROR_MESSAGE;
+  const message = process.env.NODE_ENV === "production" ? localization.BLOG_GENERIC_ERROR_MESSAGE : (error instanceof Error ? error.message : void 0) ?? localization.BLOG_GENERIC_ERROR_MESSAGE;
   return /* @__PURE__ */ jsx(ErrorPlaceholder, { title, message });
 }
 

package/dist/packages/stack/src/plugins/blog/client/hooks/use-debounce.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+const utils = require('../../utils.cjs');
 const React = require('react');
 
 function useDebounce(value, delay) {
@@ -12,5 +13,26 @@ function useDebounce(value, delay) {
   }, [value, delay]);
   return debouncedValue;
 }
+function useThrottle(value, wait) {
+  const [throttledValue, setThrottledValue] = React.useState(value);
+  const valueRef = React.useRef(value);
+  valueRef.current = value;
+  const throttledSetter = React.useMemo(() => {
+    return utils.throttle((next) => {
+      setThrottledValue(next);
+    }, wait ?? 500);
+  }, [wait]);
+  React.useEffect(() => {
+    throttledSetter(valueRef.current);
+    return () => {
+      throttledSetter.cancel();
+    };
+  }, [throttledSetter]);
+  React.useEffect(() => {
+    throttledSetter(value);
+  }, [value, throttledSetter]);
+  return throttledValue;
+}
 
 exports.useDebounce = useDebounce;
+exports.useThrottle = useThrottle;

package/dist/packages/stack/src/plugins/blog/client/hooks/use-debounce.mjs

@@ -1,4 +1,5 @@
-import { useState, useEffect } from 'react';
+import { throttle } from '../../utils.mjs';
+import { useState, useEffect, useRef, useMemo } from 'react';
 
 function useDebounce(value, delay) {
   const [debouncedValue, setDebouncedValue] = useState(value);
@@ -10,5 +11,25 @@ function useDebounce(value, delay) {
   }, [value, delay]);
   return debouncedValue;
 }
+function useThrottle(value, wait) {
+  const [throttledValue, setThrottledValue] = useState(value);
+  const valueRef = useRef(value);
+  valueRef.current = value;
+  const throttledSetter = useMemo(() => {
+    return throttle((next) => {
+      setThrottledValue(next);
+    }, wait ?? 500);
+  }, [wait]);
+  useEffect(() => {
+    throttledSetter(valueRef.current);
+    return () => {
+      throttledSetter.cancel();
+    };
+  }, [throttledSetter]);
+  useEffect(() => {
+    throttledSetter(value);
+  }, [value, throttledSetter]);
+  return throttledValue;
+}
 
-export { useDebounce };
+export { useDebounce, useThrottle };

package/dist/packages/stack/src/plugins/blog/client/plugin.cjs

@@ -422,43 +422,49 @@ const blogClientPlugin = (config) => client.defineClientPlugin({
   name: "blog",
   routes: () => ({
     posts: yar.createRoute("/blog", () => {
+      const CustomPosts = config.pageComponents?.posts;
       return {
-        PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(homePage.HomePageComponent, { published: true }),
+        PageComponent: CustomPosts ?? (() => /* @__PURE__ */ jsxRuntime.jsx(homePage.HomePageComponent, { published: true })),
         loader: createPostsLoader(true, config),
         meta: createPostsListMeta(true, config)
       };
     }),
     drafts: yar.createRoute("/blog/drafts", () => {
+      const CustomDrafts = config.pageComponents?.drafts;
       return {
-        PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(homePage.HomePageComponent, { published: false }),
+        PageComponent: CustomDrafts ?? (() => /* @__PURE__ */ jsxRuntime.jsx(homePage.HomePageComponent, { published: false })),
         loader: createPostsLoader(false, config),
         meta: createPostsListMeta(false, config)
       };
     }),
     newPost: yar.createRoute("/blog/new", () => {
+      const CustomNewPost = config.pageComponents?.newPost;
       return {
-        PageComponent: newPostPage.NewPostPageComponent,
+        PageComponent: CustomNewPost ?? newPostPage.NewPostPageComponent,
         loader: createNewPostLoader(config),
         meta: createNewPostMeta(config)
       };
     }),
     editPost: yar.createRoute("/blog/:slug/edit", ({ params: { slug } }) => {
+      const CustomEditPost = config.pageComponents?.editPost;
       return {
-        PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(editPostPage.EditPostPageComponent, { slug }),
+        PageComponent: CustomEditPost ? () => /* @__PURE__ */ jsxRuntime.jsx(CustomEditPost, { slug }) : () => /* @__PURE__ */ jsxRuntime.jsx(editPostPage.EditPostPageComponent, { slug }),
         loader: createPostLoader(slug, config, `/blog/${slug}/edit`),
         meta: createEditPostMeta(slug, config)
       };
     }),
     tag: yar.createRoute("/blog/tag/:tagSlug", ({ params: { tagSlug } }) => {
+      const CustomTag = config.pageComponents?.tag;
       return {
-        PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(tagPage.TagPageComponent, { tagSlug }),
+        PageComponent: CustomTag ? () => /* @__PURE__ */ jsxRuntime.jsx(CustomTag, { tagSlug }) : () => /* @__PURE__ */ jsxRuntime.jsx(tagPage.TagPageComponent, { tagSlug }),
         loader: createTagLoader(tagSlug, config),
         meta: createTagMeta(tagSlug, config)
       };
     }),
     post: yar.createRoute("/blog/:slug", ({ params: { slug } }) => {
+      const CustomPost = config.pageComponents?.post;
       return {
-        PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(postPage.PostPageComponent, { slug }),
+        PageComponent: CustomPost ? () => /* @__PURE__ */ jsxRuntime.jsx(CustomPost, { slug }) : () => /* @__PURE__ */ jsxRuntime.jsx(postPage.PostPageComponent, { slug }),
         loader: createPostLoader(slug, config),
         meta: createPostMeta(slug, config)
       };

package/dist/packages/stack/src/plugins/blog/client/plugin.mjs

@@ -420,43 +420,49 @@ const blogClientPlugin = (config) => defineClientPlugin({
   name: "blog",
   routes: () => ({
     posts: createRoute("/blog", () => {
+      const CustomPosts = config.pageComponents?.posts;
       return {
-        PageComponent: () => /* @__PURE__ */ jsx(HomePageComponent, { published: true }),
+        PageComponent: CustomPosts ?? (() => /* @__PURE__ */ jsx(HomePageComponent, { published: true })),
         loader: createPostsLoader(true, config),
         meta: createPostsListMeta(true, config)
       };
     }),
     drafts: createRoute("/blog/drafts", () => {
+      const CustomDrafts = config.pageComponents?.drafts;
       return {
-        PageComponent: () => /* @__PURE__ */ jsx(HomePageComponent, { published: false }),
+        PageComponent: CustomDrafts ?? (() => /* @__PURE__ */ jsx(HomePageComponent, { published: false })),
         loader: createPostsLoader(false, config),
         meta: createPostsListMeta(false, config)
       };
     }),
     newPost: createRoute("/blog/new", () => {
+      const CustomNewPost = config.pageComponents?.newPost;
       return {
-        PageComponent: NewPostPageComponent,
+        PageComponent: CustomNewPost ?? NewPostPageComponent,
         loader: createNewPostLoader(config),
         meta: createNewPostMeta(config)
       };
     }),
     editPost: createRoute("/blog/:slug/edit", ({ params: { slug } }) => {
+      const CustomEditPost = config.pageComponents?.editPost;
       return {
-        PageComponent: () => /* @__PURE__ */ jsx(EditPostPageComponent, { slug }),
+        PageComponent: CustomEditPost ? () => /* @__PURE__ */ jsx(CustomEditPost, { slug }) : () => /* @__PURE__ */ jsx(EditPostPageComponent, { slug }),
         loader: createPostLoader(slug, config, `/blog/${slug}/edit`),
         meta: createEditPostMeta(slug, config)
       };
     }),
     tag: createRoute("/blog/tag/:tagSlug", ({ params: { tagSlug } }) => {
+      const CustomTag = config.pageComponents?.tag;
       return {
-        PageComponent: () => /* @__PURE__ */ jsx(TagPageComponent, { tagSlug }),
+        PageComponent: CustomTag ? () => /* @__PURE__ */ jsx(CustomTag, { tagSlug }) : () => /* @__PURE__ */ jsx(TagPageComponent, { tagSlug }),
         loader: createTagLoader(tagSlug, config),
         meta: createTagMeta(tagSlug, config)
       };
     }),
     post: createRoute("/blog/:slug", ({ params: { slug } }) => {
+      const CustomPost = config.pageComponents?.post;
       return {
-        PageComponent: () => /* @__PURE__ */ jsx(PostPageComponent, { slug }),
+        PageComponent: CustomPost ? () => /* @__PURE__ */ jsx(CustomPost, { slug }) : () => /* @__PURE__ */ jsx(PostPageComponent, { slug }),
         loader: createPostLoader(slug, config),
         meta: createPostMeta(slug, config)
       };

package/dist/packages/stack/src/plugins/cms/client/components/shared/default-error.cjs

@@ -9,7 +9,7 @@ function DefaultError({ error, resetErrorBoundary }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-destructive/10 p-4 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.AlertCircle, { className: "h-8 w-8 text-destructive" }) }),
     /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: "Something went wrong" }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: error.message || "An unexpected error occurred" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: (error instanceof Error ? error.message : void 0) || "An unexpected error occurred" }),
     resetErrorBoundary && /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", onClick: resetErrorBoundary, children: "Try again" })
   ] });
 }

package/dist/packages/stack/src/plugins/cms/client/components/shared/default-error.mjs

@@ -7,7 +7,7 @@ function DefaultError({ error, resetErrorBoundary }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center", children: [
     /* @__PURE__ */ jsx("div", { className: "rounded-full bg-destructive/10 p-4 mb-4", children: /* @__PURE__ */ jsx(AlertCircle, { className: "h-8 w-8 text-destructive" }) }),
     /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: "Something went wrong" }),
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: error.message || "An unexpected error occurred" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: (error instanceof Error ? error.message : void 0) || "An unexpected error occurred" }),
     resetErrorBoundary && /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: resetErrorBoundary, children: "Try again" })
   ] });
 }