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

package/dist/packages/stack/src/plugins/blog/client/components/shared/search-input.cjs

@@ -8,7 +8,7 @@ const utils = require('../../../utils.cjs');
 const highlightText = require('./highlight-text.cjs');
 const searchModal = require('./search-modal.cjs');
 const context = require('@btst/stack/context');
-const client = require('@btst/stack/client');
+const hooks = require('@btst/stack/client/hooks');
 
 function _interopNamespaceCompat(e) {
 	if (e && typeof e === 'object' && 'default' in e) return e;
@@ -92,7 +92,7 @@ function SearchInput({
   const { router } = context.useStack();
   const navigate = router?.navigate;
   const basePath = context.useBasePath();
-  const [{ q: currentQuery }, setListState] = client.useListState(
+  const [{ q: currentQuery }, setListState] = hooks.useListState(
     "blog-posts",
     SEARCH_LIST_STATE_SCHEMA
   );

package/dist/packages/stack/src/plugins/blog/client/components/shared/search-input.mjs

@@ -6,7 +6,7 @@ import { stripMarkdown, stripHtml } from '../../../utils.mjs';
 import { HighlightText } from './highlight-text.mjs';
 import { SearchModal } from './search-modal.mjs';
 import { useStack, useBasePath } from '@btst/stack/context';
-import { useListState } from '@btst/stack/client';
+import { useListState } from '@btst/stack/client/hooks';
 
 const renderBlogResult = (item, index, query) => {
   const q = (query || "").toLowerCase();

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

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

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

@@ -0,0 +1,3 @@
+const BLOG_PLUGIN_ID = "blog";
+
+export { BLOG_PLUGIN_ID };

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

@@ -3,9 +3,10 @@
 
 const hooks = require('@btst/stack/plugins/client/hooks');
 const plugins_blog_queryKeys = require('../../../../../../../plugins/blog/query-keys.cjs');
+const constants = require('../constants.cjs');
 
 const blog = hooks.createResource({
-  plugin: "blog",
+  plugin: constants.BLOG_PLUGIN_ID,
   resources: plugins_blog_queryKeys.blogResources
 });
 

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

@@ -1,9 +1,10 @@
 "use client";
 import { createResource } from '@btst/stack/plugins/client/hooks';
 import { blogResources } from '../../../../../../../plugins/blog/query-keys.mjs';
+import { BLOG_PLUGIN_ID } from '../constants.mjs';
 
 const blog = createResource({
-  plugin: "blog",
+  plugin: BLOG_PLUGIN_ID,
   resources: blogResources
 });
 

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

@@ -10,7 +10,44 @@ const newPostPage = require('./components/pages/new-post-page.cjs');
 const editPostPage = require('./components/pages/edit-post-page.cjs');
 const tagPage = require('./components/pages/tag-page.cjs');
 const postPage = require('./components/pages/post-page.cjs');
+const constants = require('./constants.cjs');
 
+function resolveBlogClientConfig(config, runtime) {
+  return {
+    seo: config.seo,
+    hooks: config.hooks,
+    pageComponents: config.pageComponents,
+    apiBaseURL: runtime.api.baseURL,
+    apiBasePath: runtime.api.basePath,
+    siteBaseURL: runtime.site.baseURL,
+    siteBasePath: runtime.site.basePath,
+    queryClient: runtime.queryClient,
+    ...runtime.api.headers ? { headers: runtime.api.headers } : {},
+    ...runtime.api.credentials ? { credentials: runtime.api.credentials } : {}
+  };
+}
+function createBlogApiClient(config) {
+  return client.createApiClient({
+    baseURL: config.apiBaseURL,
+    basePath: config.apiBasePath,
+    headers: config.headers,
+    credentials: config.credentials
+  });
+}
+function createLoadErrorReporter(hooks, context) {
+  let reported = false;
+  return async (error) => {
+    if (reported || !hooks?.onErrorLoad) return;
+    reported = true;
+    try {
+      await hooks.onErrorLoad(
+        error instanceof Error ? error : new Error(String(error)),
+        context
+      );
+    } catch {
+    }
+  };
+}
 function createPostsLoader(published, config) {
   return async () => {
     if (typeof window === "undefined") {
@@ -22,12 +59,10 @@ function createPostsLoader(published, config) {
         apiBasePath,
         headers
       };
+      const reportError = createLoadErrorReporter(hooks, context);
       const limit = 10;
-      const client$1 = client.createApiClient({
-        baseURL: apiBaseURL,
-        basePath: apiBasePath
-      });
-      const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1, headers);
+      const client$1 = createBlogApiClient(config);
+      const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1);
       const listQuery = queries.posts.list({
         query: void 0,
         limit,
@@ -47,17 +82,16 @@ function createPostsLoader(published, config) {
           const posts = queryClient.getQueryData(listQuery.queryKey) || null;
           await hooks.afterLoadPosts(posts, { published }, context);
         }
-        const queryState = queryClient.getQueryState(listQuery.queryKey);
-        if (queryState?.error) {
-          if (hooks?.onLoadError) {
-            const error = queryState.error instanceof Error ? queryState.error : new Error(String(queryState.error));
-            await hooks.onLoadError(error, context);
-          }
+        const listState = queryClient.getQueryState(listQuery.queryKey);
+        const tagsState = queryClient.getQueryState(tagsQuery.queryKey);
+        const queryError = listState?.error ?? tagsState?.error;
+        if (queryError) {
+          await reportError(queryError);
         }
       } catch (error) {
         if (client.isConnectionError(error)) {
           console.warn(
-            "[btst/blog] route.loader() failed \u2014 no server running at build time. Use myStack.api.blog.prefetchForRoute() for SSG data prefetching."
+            "[btst/blog] route.loader() failed \u2014 no server running at build time. Use myStack.raw.blog.prefetchForRoute() for SSG data prefetching."
           );
         } else {
           const errToStore = utils.createSanitizedSSRLoaderError();
@@ -70,9 +104,7 @@ function createPostsLoader(published, config) {
             retry: false
           });
         }
-        if (hooks?.onLoadError) {
-          await hooks.onLoadError(error, context);
-        }
+        await reportError(error);
       }
     }
   };
@@ -89,15 +121,13 @@ function createPostLoader(slug, config, path) {
         apiBasePath,
         headers
       };
+      const reportError = createLoadErrorReporter(hooks, context);
       try {
         if (hooks?.beforeLoadPost) {
           await hooks.beforeLoadPost(slug, context);
         }
-        const client$1 = client.createApiClient({
-          baseURL: apiBaseURL,
-          basePath: apiBasePath
-        });
-        const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1, headers);
+        const client = createBlogApiClient(config);
+        const queries = plugins_blog_queryKeys.createBlogQueryKeys(client);
         const postQuery = queries.posts.detail(slug);
         await queryClient.prefetchQuery(postQuery);
         if (hooks?.afterLoadPost) {
@@ -106,20 +136,15 @@ function createPostLoader(slug, config, path) {
         }
         const queryState = queryClient.getQueryState(postQuery.queryKey);
         if (queryState?.error) {
-          if (hooks?.onLoadError) {
-            const error = queryState.error instanceof Error ? queryState.error : new Error(String(queryState.error));
-            await hooks.onLoadError(error, context);
-          }
+          await reportError(queryState.error);
         }
       } catch (error) {
         if (client.isConnectionError(error)) {
           console.warn(
-            "[btst/blog] route.loader() failed \u2014 no server running at build time. Use myStack.api.blog.prefetchForRoute() for SSG data prefetching."
+            "[btst/blog] route.loader() failed \u2014 no server running at build time. Use myStack.raw.blog.prefetchForRoute() for SSG data prefetching."
           );
         }
-        if (hooks?.onLoadError) {
-          await hooks.onLoadError(error, context);
-        }
+        await reportError(error);
       }
     }
   };
@@ -135,6 +160,7 @@ function createNewPostLoader(config) {
         apiBasePath,
         headers
       };
+      const reportError = createLoadErrorReporter(hooks, context);
       try {
         if (hooks?.beforeLoadNewPost) {
           await hooks.beforeLoadNewPost(context);
@@ -143,9 +169,7 @@ function createNewPostLoader(config) {
           await hooks.afterLoadNewPost(context);
         }
       } catch (error) {
-        if (hooks?.onLoadError) {
-          await hooks.onLoadError(error, context);
-        }
+        await reportError(error);
       }
     }
   };
@@ -162,13 +186,11 @@ function createTagLoader(tagSlug, config) {
         apiBasePath,
         headers
       };
+      const reportError = createLoadErrorReporter(hooks, context);
       try {
         const limit = 10;
-        const client$1 = client.createApiClient({
-          baseURL: apiBaseURL,
-          basePath: apiBasePath
-        });
-        const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1, headers);
+        const client = createBlogApiClient(config);
+        const queries = plugins_blog_queryKeys.createBlogQueryKeys(client);
         const listQuery = queries.posts.list({
           query: void 0,
           limit,
@@ -184,19 +206,16 @@ function createTagLoader(tagSlug, config) {
         const listState = queryClient.getQueryState(listQuery.queryKey);
         const tagsState = queryClient.getQueryState(tagsQuery.queryKey);
         const queryError = listState?.error || tagsState?.error;
-        if (queryError && hooks?.onLoadError) {
-          const error = queryError instanceof Error ? queryError : new Error(String(queryError));
-          await hooks.onLoadError(error, context);
+        if (queryError) {
+          await reportError(queryError);
         }
       } catch (error) {
         if (client.isConnectionError(error)) {
           console.warn(
-            "[btst/blog] route.loader() failed \u2014 no server running at build time. Use myStack.api.blog.prefetchForRoute() for SSG data prefetching."
+            "[btst/blog] route.loader() failed \u2014 no server running at build time. Use myStack.raw.blog.prefetchForRoute() for SSG data prefetching."
           );
         }
-        if (hooks?.onLoadError) {
-          await hooks.onLoadError(error, context);
-        }
+        await reportError(error);
       }
     }
   };
@@ -241,13 +260,8 @@ function createPostsListMeta(published, config) {
 function createPostMeta(slug, config) {
   return () => {
     const { queryClient } = config;
-    const { apiBaseURL, apiBasePath, siteBaseURL, siteBasePath, seo } = config;
-    const queries = plugins_blog_queryKeys.createBlogQueryKeys(
-      client.createApiClient({
-        baseURL: apiBaseURL,
-        basePath: apiBasePath
-      })
-    );
+    const { siteBaseURL, siteBasePath, seo } = config;
+    const queries = plugins_blog_queryKeys.createBlogQueryKeys(createBlogApiClient(config));
     const post = queryClient.getQueryData(
       queries.posts.detail(slug).queryKey
     );
@@ -319,13 +333,8 @@ function createPostMeta(slug, config) {
 function createTagMeta(tagSlug, config) {
   return () => {
     const { queryClient } = config;
-    const { apiBaseURL, apiBasePath, siteBaseURL, siteBasePath, seo } = config;
-    const queries = plugins_blog_queryKeys.createBlogQueryKeys(
-      client.createApiClient({
-        baseURL: apiBaseURL,
-        basePath: apiBasePath
-      })
-    );
+    const { siteBaseURL, siteBasePath, seo } = config;
+    const queries = plugins_blog_queryKeys.createBlogQueryKeys(createBlogApiClient(config));
     const tags = queryClient.getQueryData(
       queries.tags.list().queryKey
     );
@@ -384,13 +393,8 @@ function createNewPostMeta(config) {
 function createEditPostMeta(slug, config) {
   return () => {
     const { queryClient } = config;
-    const { apiBaseURL, apiBasePath, siteBaseURL, siteBasePath } = config;
-    const queries = plugins_blog_queryKeys.createBlogQueryKeys(
-      client.createApiClient({
-        baseURL: apiBaseURL,
-        basePath: apiBasePath
-      })
-    );
+    const { siteBaseURL, siteBasePath } = config;
+    const queries = plugins_blog_queryKeys.createBlogQueryKeys(createBlogApiClient(config));
     const post = queryClient.getQueryData(
       queries.posts.detail(slug).queryKey
     );
@@ -411,107 +415,109 @@ function createEditPostMeta(slug, config) {
     ];
   };
 }
-const blogClientPlugin = (config) => client.defineClientPlugin({
-  name: "blog",
-  routes: () => yar.defineRoutes(
-    {
-      posts: yar.defineRoute("/blog", {
-        page: () => /* @__PURE__ */ jsxRuntime.jsx(homePage.HomePageComponent, { published: true }),
-        loader: createPostsLoader(true, config),
-        meta: createPostsListMeta(true, config)
-      }),
-      drafts: yar.defineRoute("/blog/drafts", {
-        page: () => /* @__PURE__ */ jsxRuntime.jsx(homePage.HomePageComponent, { published: false }),
-        loader: createPostsLoader(false, config),
-        meta: createPostsListMeta(false, config)
-      }),
-      newPost: yar.defineRoute("/blog/new", {
-        page: newPostPage.NewPostPageComponent,
-        loader: createNewPostLoader(config),
-        meta: createNewPostMeta(config)
-      }),
-      editPost: yar.defineRoute("/blog/:slug/edit", {
-        page: ({ params }) => /* @__PURE__ */ jsxRuntime.jsx(editPostPage.EditPostPageComponent, { slug: params.slug }),
-        loader: ({ params }) => createPostLoader(
-          params.slug,
-          config,
-          `/blog/${params.slug}/edit`
-        )(),
-        meta: ({ params }) => createEditPostMeta(params.slug, config)()
-      }),
-      tag: yar.defineRoute("/blog/tag/:tagSlug", {
-        page: ({ params }) => /* @__PURE__ */ jsxRuntime.jsx(tagPage.TagPageComponent, { tagSlug: params.tagSlug }),
-        loader: ({ params }) => createTagLoader(params.tagSlug, config)(),
-        meta: ({ params }) => createTagMeta(params.tagSlug, config)()
-      }),
-      post: yar.defineRoute("/blog/:slug", {
-        page: ({ params }) => /* @__PURE__ */ jsxRuntime.jsx(postPage.PostPageComponent, { slug: params.slug }),
-        loader: ({ params }) => createPostLoader(params.slug, config)(),
-        meta: ({ params }) => createPostMeta(params.slug, config)()
-      })
-    },
-    { pages: config.pageComponents }
-  ),
-  sitemap: async () => {
-    const origin = `${config.siteBaseURL}${config.siteBasePath}`;
-    const indexUrl = `${origin}/blog`;
-    const client$1 = client.createApiClient({
-      baseURL: config.apiBaseURL,
-      basePath: config.apiBasePath
-    });
-    const limit = 100;
-    let offset = 0;
-    const posts = [];
-    while (true) {
-      const res = await client$1("/posts", {
-        method: "GET",
-        query: {
-          offset,
-          limit,
-          published: "true"
-        }
-      });
-      const page = res.data?.items ?? [];
-      posts.push(...page);
-      if (page.length < limit) break;
-      offset += limit;
-    }
-    const tagsRes = await client$1("/tags", {
-      method: "GET"
-    });
-    const tags = tagsRes.data ?? [];
-    const getLastModified = (p) => {
-      const dates = [p.updatedAt, p.publishedAt, p.createdAt].filter(
-        Boolean
-      );
-      if (dates.length === 0) return void 0;
-      const times = dates.map((d) => new Date(d).getTime()).filter((t) => !Number.isNaN(t));
-      if (times.length === 0) return void 0;
-      return new Date(Math.max(...times));
-    };
-    const latestTime = posts.map((p) => getLastModified(p)?.getTime() ?? 0).reduce((a, b) => Math.max(a, b), 0);
-    const entries = [
+function createResolvedBlogPlugin(resolvedConfig) {
+  return {
+    routes: () => yar.defineRoutes(
       {
-        url: indexUrl,
-        lastModified: latestTime ? new Date(latestTime) : void 0,
-        changeFrequency: "daily",
-        priority: 0.7
+        posts: yar.defineRoute("/blog", {
+          page: () => /* @__PURE__ */ jsxRuntime.jsx(homePage.HomePageComponent, { published: true }),
+          loader: createPostsLoader(true, resolvedConfig),
+          meta: createPostsListMeta(true, resolvedConfig)
+        }),
+        drafts: yar.defineRoute("/blog/drafts", {
+          page: () => /* @__PURE__ */ jsxRuntime.jsx(homePage.HomePageComponent, { published: false }),
+          loader: createPostsLoader(false, resolvedConfig),
+          meta: createPostsListMeta(false, resolvedConfig)
+        }),
+        newPost: yar.defineRoute("/blog/new", {
+          page: newPostPage.NewPostPageComponent,
+          loader: createNewPostLoader(resolvedConfig),
+          meta: createNewPostMeta(resolvedConfig)
+        }),
+        editPost: yar.defineRoute("/blog/:slug/edit", {
+          page: ({ params }) => /* @__PURE__ */ jsxRuntime.jsx(editPostPage.EditPostPageComponent, { slug: params.slug }),
+          loader: ({ params }) => createPostLoader(
+            params.slug,
+            resolvedConfig,
+            `/blog/${params.slug}/edit`
+          )(),
+          meta: ({ params }) => createEditPostMeta(params.slug, resolvedConfig)()
+        }),
+        tag: yar.defineRoute("/blog/tag/:tagSlug", {
+          page: ({ params }) => /* @__PURE__ */ jsxRuntime.jsx(tagPage.TagPageComponent, { tagSlug: params.tagSlug }),
+          loader: ({ params }) => createTagLoader(params.tagSlug, resolvedConfig)(),
+          meta: ({ params }) => createTagMeta(params.tagSlug, resolvedConfig)()
+        }),
+        post: yar.defineRoute("/blog/:slug", {
+          page: ({ params }) => /* @__PURE__ */ jsxRuntime.jsx(postPage.PostPageComponent, { slug: params.slug }),
+          loader: ({ params }) => createPostLoader(params.slug, resolvedConfig)(),
+          meta: ({ params }) => createPostMeta(params.slug, resolvedConfig)()
+        })
       },
-      ...posts.map((p) => ({
-        url: `${origin}/blog/${p.slug}`,
-        lastModified: getLastModified(p),
-        changeFrequency: "monthly",
-        priority: 0.6
-      })),
-      ...tags.map((t) => ({
-        url: `${origin}/blog/tag/${t.slug}`,
-        lastModified: t.updatedAt ? new Date(t.updatedAt) : void 0,
-        changeFrequency: "weekly",
-        priority: 0.5
-      }))
-    ];
-    return entries;
-  }
+      { pages: resolvedConfig.pageComponents }
+    ),
+    sitemap: async () => {
+      const origin = `${resolvedConfig.siteBaseURL}${resolvedConfig.siteBasePath}`;
+      const indexUrl = `${origin}/blog`;
+      const client = createBlogApiClient(resolvedConfig);
+      const limit = 100;
+      let offset = 0;
+      const posts = [];
+      while (true) {
+        const res = await client("/posts", {
+          method: "GET",
+          query: {
+            offset,
+            limit,
+            published: "true"
+          }
+        });
+        const page = res.data?.items ?? [];
+        posts.push(...page);
+        if (page.length < limit) break;
+        offset += limit;
+      }
+      const tagsRes = await client("/tags", {
+        method: "GET"
+      });
+      const tags = tagsRes.data ?? [];
+      const getLastModified = (p) => {
+        const dates = [p.updatedAt, p.publishedAt, p.createdAt].filter(
+          Boolean
+        );
+        if (dates.length === 0) return void 0;
+        const times = dates.map((d) => new Date(d).getTime()).filter((t) => !Number.isNaN(t));
+        if (times.length === 0) return void 0;
+        return new Date(Math.max(...times));
+      };
+      const latestTime = posts.map((p) => getLastModified(p)?.getTime() ?? 0).reduce((a, b) => Math.max(a, b), 0);
+      const entries = [
+        {
+          url: indexUrl,
+          lastModified: latestTime ? new Date(latestTime) : void 0,
+          changeFrequency: "daily",
+          priority: 0.7
+        },
+        ...posts.map((p) => ({
+          url: `${origin}/blog/${p.slug}`,
+          lastModified: getLastModified(p),
+          changeFrequency: "monthly",
+          priority: 0.6
+        })),
+        ...tags.map((t) => ({
+          url: `${origin}/blog/tag/${t.slug}`,
+          lastModified: t.updatedAt ? new Date(t.updatedAt) : void 0,
+          changeFrequency: "weekly",
+          priority: 0.5
+        }))
+      ];
+      return entries;
+    }
+  };
+}
+const blogClientPlugin = (config = {}) => client.defineClientPlugin()({
+  id: constants.BLOG_PLUGIN_ID,
+  resolve: (runtime) => createResolvedBlogPlugin(resolveBlogClientConfig(config, runtime))
 });
 
 exports.blogClientPlugin = blogClientPlugin;