@btst/stack 1.1.7 → 1.1.8

package/dist/packages/better-stack/src/plugins/blog/api/plugin.cjs

@@ -482,15 +482,12 @@ const blogBackendPlugin = (hooks) => api.defineBackendPlugin({
             }
           }
           const date = query.date;
-          const previousPost = await adapter.findMany({
+          const targetTime = new Date(date).getTime();
+          const WINDOW_SIZE = 100;
+          const allPosts = await adapter.findMany({
             model: "post",
-            limit: 1,
+            limit: WINDOW_SIZE,
             where: [
-              {
-                field: "createdAt",
-                value: date,
-                operator: "lt"
-              },
               {
                 field: "published",
                 value: true,
@@ -502,29 +499,27 @@ const blogBackendPlugin = (hooks) => api.defineBackendPlugin({
               direction: "desc"
             }
           });
-          const nextPost = await adapter.findMany({
-            model: "post",
-            limit: 1,
-            where: [
-              {
-                field: "createdAt",
-                value: date,
-                operator: "gt"
-              },
-              {
-                field: "published",
-                value: true,
-                operator: "eq"
-              }
-            ],
-            sortBy: {
-              field: "createdAt",
-              direction: "asc"
-            }
+          const sortedPosts = allPosts.sort((a, b) => {
+            const timeA = new Date(a.createdAt).getTime();
+            const timeB = new Date(b.createdAt).getTime();
+            return timeB - timeA;
           });
+          let previousPost = null;
+          let nextPost = null;
+          for (let i = 0; i < sortedPosts.length; i++) {
+            const post = sortedPosts[i];
+            if (!post) continue;
+            const postTime = new Date(post.createdAt).getTime();
+            if (postTime > targetTime) {
+              nextPost = post;
+            } else if (postTime < targetTime) {
+              previousPost = post;
+              break;
+            }
+          }
           const postIds = [
-            ...previousPost?.[0] ? [previousPost[0].id] : [],
-            ...nextPost?.[0] ? [nextPost[0].id] : []
+            ...previousPost ? [previousPost.id] : [],
+            ...nextPost ? [nextPost.id] : []
           ];
           const postTagsMap = await loadTagsForPosts(
             postIds,
@@ -532,13 +527,13 @@ const blogBackendPlugin = (hooks) => api.defineBackendPlugin({
             postTagCache
           );
           return {
-            previous: previousPost?.[0] ? {
-              ...previousPost[0],
-              tags: postTagsMap.get(previousPost[0].id) || []
+            previous: previousPost ? {
+              ...previousPost,
+              tags: postTagsMap.get(previousPost.id) || []
             } : null,
-            next: nextPost?.[0] ? {
-              ...nextPost[0],
-              tags: postTagsMap.get(nextPost[0].id) || []
+            next: nextPost ? {
+              ...nextPost,
+              tags: postTagsMap.get(nextPost.id) || []
             } : null
           };
         } catch (error) {

package/dist/packages/better-stack/src/plugins/blog/api/plugin.mjs

@@ -480,15 +480,12 @@ const blogBackendPlugin = (hooks) => defineBackendPlugin({
             }
           }
           const date = query.date;
-          const previousPost = await adapter.findMany({
+          const targetTime = new Date(date).getTime();
+          const WINDOW_SIZE = 100;
+          const allPosts = await adapter.findMany({
             model: "post",
-            limit: 1,
+            limit: WINDOW_SIZE,
             where: [
-              {
-                field: "createdAt",
-                value: date,
-                operator: "lt"
-              },
               {
                 field: "published",
                 value: true,
@@ -500,29 +497,27 @@ const blogBackendPlugin = (hooks) => defineBackendPlugin({
               direction: "desc"
             }
           });
-          const nextPost = await adapter.findMany({
-            model: "post",
-            limit: 1,
-            where: [
-              {
-                field: "createdAt",
-                value: date,
-                operator: "gt"
-              },
-              {
-                field: "published",
-                value: true,
-                operator: "eq"
-              }
-            ],
-            sortBy: {
-              field: "createdAt",
-              direction: "asc"
-            }
+          const sortedPosts = allPosts.sort((a, b) => {
+            const timeA = new Date(a.createdAt).getTime();
+            const timeB = new Date(b.createdAt).getTime();
+            return timeB - timeA;
           });
+          let previousPost = null;
+          let nextPost = null;
+          for (let i = 0; i < sortedPosts.length; i++) {
+            const post = sortedPosts[i];
+            if (!post) continue;
+            const postTime = new Date(post.createdAt).getTime();
+            if (postTime > targetTime) {
+              nextPost = post;
+            } else if (postTime < targetTime) {
+              previousPost = post;
+              break;
+            }
+          }
           const postIds = [
-            ...previousPost?.[0] ? [previousPost[0].id] : [],
-            ...nextPost?.[0] ? [nextPost[0].id] : []
+            ...previousPost ? [previousPost.id] : [],
+            ...nextPost ? [nextPost.id] : []
           ];
           const postTagsMap = await loadTagsForPosts(
             postIds,
@@ -530,13 +525,13 @@ const blogBackendPlugin = (hooks) => defineBackendPlugin({
             postTagCache
           );
           return {
-            previous: previousPost?.[0] ? {
-              ...previousPost[0],
-              tags: postTagsMap.get(previousPost[0].id) || []
+            previous: previousPost ? {
+              ...previousPost,
+              tags: postTagsMap.get(previousPost.id) || []
             } : null,
-            next: nextPost?.[0] ? {
-              ...nextPost[0],
-              tags: postTagsMap.get(nextPost[0].id) || []
+            next: nextPost ? {
+              ...nextPost,
+              tags: postTagsMap.get(nextPost.id) || []
             } : null
           };
         } catch (error) {

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

@@ -63,7 +63,7 @@ function PostPage({ slug }) {
           childrenTop: /* @__PURE__ */ jsxRuntime.jsx(PostHeaderTop, { post })
         }
       ),
-      post.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 mt-6 aspect-video w-full relative", children: /* @__PURE__ */ jsxRuntime.jsx(
+      post.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 my-6 aspect-video w-full relative", children: /* @__PURE__ */ jsxRuntime.jsx(
         Image,
         {
           src: post.image,
@@ -92,9 +92,9 @@ function PostHeaderTop({ post }) {
     Link: defaults.DefaultLink
   });
   const basePath = context.useBasePath();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center gap-2 flex-wrap mt-8", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center justify-center gap-2 flex-wrap mt-8", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-light text-muted-foreground text-sm", children: dateFns.formatDate(post.createdAt, "MMMM d, yyyy") }),
-    post.tags && post.tags.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: post.tags.map((tag) => /* @__PURE__ */ jsxRuntime.jsx(Link, { href: `${basePath}/blog/tag/${tag.slug}`, children: /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { variant: "secondary", className: "text-xs", children: tag.name }) }, tag.id)) })
+    post.tags && post.tags.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: post.tags.map((tag) => /* @__PURE__ */ jsxRuntime.jsx(Link, { href: `${basePath}/blog/tag/${tag.slug}`, children: /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { variant: "secondary", className: "text-xs", children: tag.name }) }, tag.id)) })
   ] });
 }
 

package/dist/packages/better-stack/src/plugins/blog/client/components/pages/post-page.internal.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { usePluginOverrides, useBasePath } from '@btst/stack/context';
 import { formatDate } from 'date-fns';
 import { useSuspensePost, useNextPreviousPosts, useRecentPosts } from '../../hooks/blog-hooks.mjs';
@@ -61,7 +61,7 @@ function PostPage({ slug }) {
           childrenTop: /* @__PURE__ */ jsx(PostHeaderTop, { post })
         }
       ),
-      post.image && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 mt-6 aspect-video w-full relative", children: /* @__PURE__ */ jsx(
+      post.image && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 my-6 aspect-video w-full relative", children: /* @__PURE__ */ jsx(
         Image,
         {
           src: post.image,
@@ -90,9 +90,9 @@ function PostHeaderTop({ post }) {
     Link: DefaultLink
   });
   const basePath = useBasePath();
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 flex-wrap mt-8", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center justify-center gap-2 flex-wrap mt-8", children: [
     /* @__PURE__ */ jsx("span", { className: "font-light text-muted-foreground text-sm", children: formatDate(post.createdAt, "MMMM d, yyyy") }),
-    post.tags && post.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: post.tags.map((tag) => /* @__PURE__ */ jsx(Link, { href: `${basePath}/blog/tag/${tag.slug}`, children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: tag.name }) }, tag.id)) })
+    post.tags && post.tags.length > 0 && /* @__PURE__ */ jsx(Fragment, { children: post.tags.map((tag) => /* @__PURE__ */ jsx(Link, { href: `${basePath}/blog/tag/${tag.slug}`, children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: tag.name }) }, tag.id)) })
   ] });
 }
 

package/dist/packages/better-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 = error?.message ?? localization.BLOG_GENERIC_ERROR_MESSAGE;
+  const message = process.env.NODE_ENV === "production" ? localization.BLOG_GENERIC_ERROR_MESSAGE : error?.message ?? localization.BLOG_GENERIC_ERROR_MESSAGE;
   return /* @__PURE__ */ jsxRuntime.jsx(errorPlaceholder.ErrorPlaceholder, { title, message });
 }
 

package/dist/packages/better-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 = error?.message ?? localization.BLOG_GENERIC_ERROR_MESSAGE;
+  const message = process.env.NODE_ENV === "production" ? localization.BLOG_GENERIC_ERROR_MESSAGE : error?.message ?? localization.BLOG_GENERIC_ERROR_MESSAGE;
   return /* @__PURE__ */ jsx(ErrorPlaceholder, { title, message });
 }
 

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

@@ -46,7 +46,14 @@ function createPostsLoader(published, config) {
         await queryClient.prefetchQuery(tagsQuery);
         if (hooks?.afterLoadPosts) {
           const posts = queryClient.getQueryData(listQuery.queryKey) || null;
-          await hooks.afterLoadPosts(posts, { published }, context);
+          const canContinue = await hooks.afterLoadPosts(
+            posts,
+            { published },
+            context
+          );
+          if (canContinue === false) {
+            throw new Error("Load prevented by afterLoadPosts hook");
+          }
         }
         const queryState = queryClient.getQueryState(listQuery.queryKey);
         if (queryState?.error) {
@@ -90,7 +97,10 @@ function createPostLoader(slug, config) {
         await queryClient.prefetchQuery(postQuery);
         if (hooks?.afterLoadPost) {
           const post = queryClient.getQueryData(postQuery.queryKey) || null;
-          await hooks.afterLoadPost(post, slug, context);
+          const canContinue = await hooks.afterLoadPost(post, slug, context);
+          if (canContinue === false) {
+            throw new Error("Load prevented by afterLoadPost hook");
+          }
         }
         const queryState = queryClient.getQueryState(postQuery.queryKey);
         if (queryState?.error) {
@@ -107,6 +117,37 @@ function createPostLoader(slug, config) {
     }
   };
 }
+function createNewPostLoader(config) {
+  return async () => {
+    if (typeof window === "undefined") {
+      const { apiBasePath, apiBaseURL, hooks } = config;
+      const context = {
+        path: "/blog/new",
+        isSSR: true,
+        apiBaseURL,
+        apiBasePath
+      };
+      try {
+        if (hooks?.beforeLoadNewPost) {
+          const canLoad = await hooks.beforeLoadNewPost(context);
+          if (!canLoad) {
+            throw new Error("Load prevented by beforeLoadNewPost hook");
+          }
+        }
+        if (hooks?.afterLoadNewPost) {
+          const canContinue = await hooks.afterLoadNewPost(context);
+          if (canContinue === false) {
+            throw new Error("Load prevented by afterLoadNewPost hook");
+          }
+        }
+      } catch (error) {
+        if (hooks?.onLoadError) {
+          await hooks.onLoadError(error, context);
+        }
+      }
+    }
+  };
+}
 function createTagLoader(tagSlug, config) {
   return async () => {
     if (typeof window === "undefined") {
@@ -382,6 +423,7 @@ const blogClientPlugin = (config) => client.defineClientPlugin({
     newPost: yar.createRoute("/blog/new", () => {
       return {
         PageComponent: newPostPage.NewPostPageComponent,
+        loader: createNewPostLoader(config),
         meta: createNewPostMeta(config)
       };
     }),

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

@@ -44,7 +44,14 @@ function createPostsLoader(published, config) {
         await queryClient.prefetchQuery(tagsQuery);
         if (hooks?.afterLoadPosts) {
           const posts = queryClient.getQueryData(listQuery.queryKey) || null;
-          await hooks.afterLoadPosts(posts, { published }, context);
+          const canContinue = await hooks.afterLoadPosts(
+            posts,
+            { published },
+            context
+          );
+          if (canContinue === false) {
+            throw new Error("Load prevented by afterLoadPosts hook");
+          }
         }
         const queryState = queryClient.getQueryState(listQuery.queryKey);
         if (queryState?.error) {
@@ -88,7 +95,10 @@ function createPostLoader(slug, config) {
         await queryClient.prefetchQuery(postQuery);
         if (hooks?.afterLoadPost) {
           const post = queryClient.getQueryData(postQuery.queryKey) || null;
-          await hooks.afterLoadPost(post, slug, context);
+          const canContinue = await hooks.afterLoadPost(post, slug, context);
+          if (canContinue === false) {
+            throw new Error("Load prevented by afterLoadPost hook");
+          }
         }
         const queryState = queryClient.getQueryState(postQuery.queryKey);
         if (queryState?.error) {
@@ -105,6 +115,37 @@ function createPostLoader(slug, config) {
     }
   };
 }
+function createNewPostLoader(config) {
+  return async () => {
+    if (typeof window === "undefined") {
+      const { apiBasePath, apiBaseURL, hooks } = config;
+      const context = {
+        path: "/blog/new",
+        isSSR: true,
+        apiBaseURL,
+        apiBasePath
+      };
+      try {
+        if (hooks?.beforeLoadNewPost) {
+          const canLoad = await hooks.beforeLoadNewPost(context);
+          if (!canLoad) {
+            throw new Error("Load prevented by beforeLoadNewPost hook");
+          }
+        }
+        if (hooks?.afterLoadNewPost) {
+          const canContinue = await hooks.afterLoadNewPost(context);
+          if (canContinue === false) {
+            throw new Error("Load prevented by afterLoadNewPost hook");
+          }
+        }
+      } catch (error) {
+        if (hooks?.onLoadError) {
+          await hooks.onLoadError(error, context);
+        }
+      }
+    }
+  };
+}
 function createTagLoader(tagSlug, config) {
   return async () => {
     if (typeof window === "undefined") {
@@ -380,6 +421,7 @@ const blogClientPlugin = (config) => defineClientPlugin({
     newPost: createRoute("/blog/new", () => {
       return {
         PageComponent: NewPostPageComponent,
+        loader: createNewPostLoader(config),
         meta: createNewPostMeta(config)
       };
     }),

package/dist/plugins/blog/api/index.d.cts

@@ -2,6 +2,6 @@ export { B as BlogApiContext, c as BlogApiRouter, a as BlogBackendHooks, N as Ne
 import '@btst/stack/plugins/api';
 import 'better-call';
 import 'zod';
-import '../../../shared/stack.Cr2JoQdo.cjs';
+import '../../../shared/stack.CoPoHVfV.cjs';
 import '@tanstack/react-query';
 import '@btst/stack/plugins/client';

package/dist/plugins/blog/api/index.d.mts

@@ -2,6 +2,6 @@ export { B as BlogApiContext, c as BlogApiRouter, a as BlogBackendHooks, N as Ne
 import '@btst/stack/plugins/api';
 import 'better-call';
 import 'zod';
-import '../../../shared/stack.Cr2JoQdo.mjs';
+import '../../../shared/stack.CoPoHVfV.mjs';
 import '@tanstack/react-query';
 import '@btst/stack/plugins/client';

package/dist/plugins/blog/api/index.d.ts

@@ -2,6 +2,6 @@ export { B as BlogApiContext, c as BlogApiRouter, a as BlogBackendHooks, N as Ne
 import '@btst/stack/plugins/api';
 import 'better-call';
 import 'zod';
-import '../../../shared/stack.Cr2JoQdo.js';
+import '../../../shared/stack.CoPoHVfV.js';
 import '@tanstack/react-query';
 import '@btst/stack/plugins/client';

package/dist/plugins/blog/client/hooks/index.d.cts

@@ -1,5 +1,5 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { S as SerializedPost, c as createPostSchema, u as updatePostSchema, a as SerializedTag } from '../../../../shared/stack.Cr2JoQdo.cjs';
+import { S as SerializedPost, c as createPostSchema, u as updatePostSchema, a as SerializedTag } from '../../../../shared/stack.CoPoHVfV.cjs';
 import { z } from 'zod';
 
 interface UsePostsOptions {
@@ -81,8 +81,8 @@ declare function useSuspenseTags(): {
 };
 /** Create a new post */
 declare function useCreatePost(): _tanstack_react_query.UseMutationResult<SerializedPost | null, Error, {
-    title: string;
     published: boolean;
+    title: string;
     content: string;
     excerpt: string;
     tags: ({

package/dist/plugins/blog/client/hooks/index.d.mts

@@ -1,5 +1,5 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { S as SerializedPost, c as createPostSchema, u as updatePostSchema, a as SerializedTag } from '../../../../shared/stack.Cr2JoQdo.mjs';
+import { S as SerializedPost, c as createPostSchema, u as updatePostSchema, a as SerializedTag } from '../../../../shared/stack.CoPoHVfV.mjs';
 import { z } from 'zod';
 
 interface UsePostsOptions {
@@ -81,8 +81,8 @@ declare function useSuspenseTags(): {
 };
 /** Create a new post */
 declare function useCreatePost(): _tanstack_react_query.UseMutationResult<SerializedPost | null, Error, {
-    title: string;
     published: boolean;
+    title: string;
     content: string;
     excerpt: string;
     tags: ({

package/dist/plugins/blog/client/hooks/index.d.ts

@@ -1,5 +1,5 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { S as SerializedPost, c as createPostSchema, u as updatePostSchema, a as SerializedTag } from '../../../../shared/stack.Cr2JoQdo.js';
+import { S as SerializedPost, c as createPostSchema, u as updatePostSchema, a as SerializedTag } from '../../../../shared/stack.CoPoHVfV.js';
 import { z } from 'zod';
 
 interface UsePostsOptions {
@@ -81,8 +81,8 @@ declare function useSuspenseTags(): {
 };
 /** Create a new post */
 declare function useCreatePost(): _tanstack_react_query.UseMutationResult<SerializedPost | null, Error, {
-    title: string;
     published: boolean;
+    title: string;
     content: string;
     excerpt: string;
     tags: ({

package/dist/plugins/blog/client/index.d.cts

@@ -3,7 +3,7 @@ import * as react from 'react';
 import { ComponentType } from 'react';
 import * as _btst_yar from '@btst/yar';
 import { QueryClient } from '@tanstack/react-query';
-import { P as Post, S as SerializedPost } from '../../../shared/stack.Cr2JoQdo.cjs';
+import { P as Post, S as SerializedPost } from '../../../shared/stack.CoPoHVfV.cjs';
 export { UsePostsOptions, UsePostsResult } from './hooks/index.cjs';
 import 'zod';
 
@@ -57,9 +57,11 @@ interface BlogClientHooks {
     }, context: LoaderContext) => Promise<boolean> | boolean;
     afterLoadPosts?: (posts: Post[] | null, filter: {
         published: boolean;
-    }, context: LoaderContext) => Promise<void> | void;
+    }, context: LoaderContext) => Promise<boolean> | boolean;
     beforeLoadPost?: (slug: string, context: LoaderContext) => Promise<boolean> | boolean;
-    afterLoadPost?: (post: Post | null, slug: string, context: LoaderContext) => Promise<void> | void;
+    afterLoadPost?: (post: Post | null, slug: string, context: LoaderContext) => Promise<boolean> | boolean;
+    beforeLoadNewPost?: (context: LoaderContext) => Promise<boolean> | boolean;
+    afterLoadNewPost?: (context: LoaderContext) => Promise<boolean> | boolean;
     onLoadError?: (error: Error, context: LoaderContext) => Promise<void> | void;
 }
 /**
@@ -130,7 +132,7 @@ declare const blogClientPlugin: (config: BlogClientConfig) => _btst_stack_plugin
             PageComponent?: react.ComponentType<unknown> | undefined;
             LoadingComponent?: react.ComponentType<unknown> | undefined;
             ErrorComponent?: react.ComponentType<unknown> | undefined;
-            loader?: (() => any) | undefined;
+            loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;
                 name?: undefined;

package/dist/plugins/blog/client/index.d.mts

@@ -3,7 +3,7 @@ import * as react from 'react';
 import { ComponentType } from 'react';
 import * as _btst_yar from '@btst/yar';
 import { QueryClient } from '@tanstack/react-query';
-import { P as Post, S as SerializedPost } from '../../../shared/stack.Cr2JoQdo.mjs';
+import { P as Post, S as SerializedPost } from '../../../shared/stack.CoPoHVfV.mjs';
 export { UsePostsOptions, UsePostsResult } from './hooks/index.mjs';
 import 'zod';
 
@@ -57,9 +57,11 @@ interface BlogClientHooks {
     }, context: LoaderContext) => Promise<boolean> | boolean;
     afterLoadPosts?: (posts: Post[] | null, filter: {
         published: boolean;
-    }, context: LoaderContext) => Promise<void> | void;
+    }, context: LoaderContext) => Promise<boolean> | boolean;
     beforeLoadPost?: (slug: string, context: LoaderContext) => Promise<boolean> | boolean;
-    afterLoadPost?: (post: Post | null, slug: string, context: LoaderContext) => Promise<void> | void;
+    afterLoadPost?: (post: Post | null, slug: string, context: LoaderContext) => Promise<boolean> | boolean;
+    beforeLoadNewPost?: (context: LoaderContext) => Promise<boolean> | boolean;
+    afterLoadNewPost?: (context: LoaderContext) => Promise<boolean> | boolean;
     onLoadError?: (error: Error, context: LoaderContext) => Promise<void> | void;
 }
 /**
@@ -130,7 +132,7 @@ declare const blogClientPlugin: (config: BlogClientConfig) => _btst_stack_plugin
             PageComponent?: react.ComponentType<unknown> | undefined;
             LoadingComponent?: react.ComponentType<unknown> | undefined;
             ErrorComponent?: react.ComponentType<unknown> | undefined;
-            loader?: (() => any) | undefined;
+            loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;
                 name?: undefined;

package/dist/plugins/blog/client/index.d.ts

@@ -3,7 +3,7 @@ import * as react from 'react';
 import { ComponentType } from 'react';
 import * as _btst_yar from '@btst/yar';
 import { QueryClient } from '@tanstack/react-query';
-import { P as Post, S as SerializedPost } from '../../../shared/stack.Cr2JoQdo.js';
+import { P as Post, S as SerializedPost } from '../../../shared/stack.CoPoHVfV.js';
 export { UsePostsOptions, UsePostsResult } from './hooks/index.js';
 import 'zod';
 
@@ -57,9 +57,11 @@ interface BlogClientHooks {
     }, context: LoaderContext) => Promise<boolean> | boolean;
     afterLoadPosts?: (posts: Post[] | null, filter: {
         published: boolean;
-    }, context: LoaderContext) => Promise<void> | void;
+    }, context: LoaderContext) => Promise<boolean> | boolean;
     beforeLoadPost?: (slug: string, context: LoaderContext) => Promise<boolean> | boolean;
-    afterLoadPost?: (post: Post | null, slug: string, context: LoaderContext) => Promise<void> | void;
+    afterLoadPost?: (post: Post | null, slug: string, context: LoaderContext) => Promise<boolean> | boolean;
+    beforeLoadNewPost?: (context: LoaderContext) => Promise<boolean> | boolean;
+    afterLoadNewPost?: (context: LoaderContext) => Promise<boolean> | boolean;
     onLoadError?: (error: Error, context: LoaderContext) => Promise<void> | void;
 }
 /**
@@ -130,7 +132,7 @@ declare const blogClientPlugin: (config: BlogClientConfig) => _btst_stack_plugin
             PageComponent?: react.ComponentType<unknown> | undefined;
             LoadingComponent?: react.ComponentType<unknown> | undefined;
             ErrorComponent?: react.ComponentType<unknown> | undefined;
-            loader?: (() => any) | undefined;
+            loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;
                 name?: undefined;

package/dist/plugins/blog/query-keys.d.cts

@@ -1,7 +1,7 @@
 import * as _btst_stack_plugins_api from '@btst/stack/plugins/api';
 import * as better_call from 'better-call';
 import { z } from 'zod';
-import { c as createPostSchema, u as updatePostSchema, P as Post, T as Tag, S as SerializedPost, a as SerializedTag } from '../../shared/stack.Cr2JoQdo.cjs';
+import { c as createPostSchema, u as updatePostSchema, P as Post, T as Tag, S as SerializedPost, a as SerializedTag } from '../../shared/stack.CoPoHVfV.cjs';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { createApiClient } from '@btst/stack/plugins/client';
 
@@ -173,12 +173,12 @@ declare const blogBackendPlugin: (hooks?: BlogBackendHooks) => _btst_stack_plugi
         options: {
             method: "POST";
             body: z.ZodObject<{
-                title: z.ZodString;
                 slug: z.ZodOptional<z.ZodString>;
                 published: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
                 createdAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
                 publishedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
                 updatedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
+                title: z.ZodString;
                 content: z.ZodString;
                 excerpt: z.ZodString;
                 image: z.ZodOptional<z.ZodString>;

package/dist/plugins/blog/query-keys.d.mts

@@ -1,7 +1,7 @@
 import * as _btst_stack_plugins_api from '@btst/stack/plugins/api';
 import * as better_call from 'better-call';
 import { z } from 'zod';
-import { c as createPostSchema, u as updatePostSchema, P as Post, T as Tag, S as SerializedPost, a as SerializedTag } from '../../shared/stack.Cr2JoQdo.mjs';
+import { c as createPostSchema, u as updatePostSchema, P as Post, T as Tag, S as SerializedPost, a as SerializedTag } from '../../shared/stack.CoPoHVfV.mjs';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { createApiClient } from '@btst/stack/plugins/client';
 
@@ -173,12 +173,12 @@ declare const blogBackendPlugin: (hooks?: BlogBackendHooks) => _btst_stack_plugi
         options: {
             method: "POST";
             body: z.ZodObject<{
-                title: z.ZodString;
                 slug: z.ZodOptional<z.ZodString>;
                 published: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
                 createdAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
                 publishedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
                 updatedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
+                title: z.ZodString;
                 content: z.ZodString;
                 excerpt: z.ZodString;
                 image: z.ZodOptional<z.ZodString>;

package/dist/plugins/blog/query-keys.d.ts

@@ -1,7 +1,7 @@
 import * as _btst_stack_plugins_api from '@btst/stack/plugins/api';
 import * as better_call from 'better-call';
 import { z } from 'zod';
-import { c as createPostSchema, u as updatePostSchema, P as Post, T as Tag, S as SerializedPost, a as SerializedTag } from '../../shared/stack.Cr2JoQdo.js';
+import { c as createPostSchema, u as updatePostSchema, P as Post, T as Tag, S as SerializedPost, a as SerializedTag } from '../../shared/stack.CoPoHVfV.js';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { createApiClient } from '@btst/stack/plugins/client';
 
@@ -173,12 +173,12 @@ declare const blogBackendPlugin: (hooks?: BlogBackendHooks) => _btst_stack_plugi
         options: {
             method: "POST";
             body: z.ZodObject<{
-                title: z.ZodString;
                 slug: z.ZodOptional<z.ZodString>;
                 published: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
                 createdAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
                 publishedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
                 updatedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
+                title: z.ZodString;
                 content: z.ZodString;
                 excerpt: z.ZodString;
                 image: z.ZodOptional<z.ZodString>;

package/dist/plugins/blog/style.css

@@ -11,11 +11,8 @@
 /* Scan this package's source files for Tailwind classes */
 @source "../../../src/**/*.{ts,tsx}";
 
-/* Scan UI package components (if in monorepo) */
-@source "../../../../@workspace/ui/src/**/*.{ts,tsx}";
-
-/* Scan UI package components (if installed as npm package) */
-@source "../../../node_modules/@workspace/ui/src/**/*.{ts,tsx}";
+/* Scan UI package components (when installed as npm package the UI package will be in this dir) */
+@source "../../packages/ui/src";
 
 /*
 * alternatively consumer can use @source "../node_modules/@btst/stack/src/**\/*.{ts,tsx}";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@btst/stack",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "description": "A composable, plugin-based library for building full-stack applications.",
   "repository": {
     "type": "git",
@@ -157,7 +157,7 @@
     }
   },
   "dependencies": {
-    "@btst/db": "1.0.2",
+    "@btst/db": "1.0.3",
     "@lukemorales/query-key-factory": "^1.3.4",
     "@milkdown/crepe": "^7.17.1",
     "@milkdown/kit": "^7.17.1",
@@ -196,7 +196,7 @@
     "zod": ">=3.24.0"
   },
   "devDependencies": {
-    "@btst/adapter-memory": "1.0.2",
+    "@btst/adapter-memory": "1.0.3",
     "@btst/yar": "1.1.1",
     "@types/react": "^19.0.0",
     "@types/slug": "^5.0.9",

package/src/plugins/blog/api/plugin.ts

@@ -661,17 +661,27 @@ export const blogBackendPlugin = (hooks?: BlogBackendHooks) =>
 						}
 
 						const date = query.date;
-
-						// Get previous post (createdAt < date, newest first)
-						const previousPost = await adapter.findMany<Post>({
+						const targetTime = new Date(date).getTime();
+
+						// Window-based approach for finding next/previous posts
+						// This avoids relying on comparison operators (lt/gt) which may not be
+						// consistently implemented across all database adapters (e.g., Drizzle).
+						//
+						// Strategy:
+						// 1. Fetch a window of recent published posts (sorted by date DESC)
+						// 2. Filter in memory to find posts immediately before/after target date
+						//
+						// Trade-offs:
+						// - Works reliably across all adapters (only uses eq operator and sorting)
+						// - Efficient for typical blog sizes (100 most recent posts)
+						// - Limitation: If target post is outside the window, we may not find neighbors
+						//   (acceptable for typical blog navigation where users browse recent content)
+						const WINDOW_SIZE = 100;
+
+						const allPosts = await adapter.findMany<Post>({
 							model: "post",
-							limit: 1,
+							limit: WINDOW_SIZE,
 							where: [
-								{
-									field: "createdAt",
-									value: date,
-									operator: "lt" as const,
-								},
 								{
 									field: "published",
 									value: true,
@@ -684,30 +694,40 @@ export const blogBackendPlugin = (hooks?: BlogBackendHooks) =>
 							},
 						});
 
-						const nextPost = await adapter.findMany<Post>({
-							model: "post",
-							limit: 1,
-							where: [
-								{
-									field: "createdAt",
-									value: date,
-									operator: "gt" as const,
-								},
-								{
-									field: "published",
-									value: true,
-									operator: "eq" as const,
-								},
-							],
-							sortBy: {
-								field: "createdAt",
-								direction: "asc",
-							},
+						// Sort posts by createdAt descending (newest first)
+						const sortedPosts = allPosts.sort((a, b) => {
+							const timeA = new Date(a.createdAt).getTime();
+							const timeB = new Date(b.createdAt).getTime();
+							return timeB - timeA;
 						});
 
+						// Find posts immediately before and after the target date
+						// In DESC sorted array: newer posts come before, older posts come after
+						let previousPost: Post | null = null;
+						let nextPost: Post | null = null;
+
+						for (let i = 0; i < sortedPosts.length; i++) {
+							const post = sortedPosts[i];
+							if (!post) continue;
+
+							const postTime = new Date(post.createdAt).getTime();
+
+							if (postTime > targetTime) {
+								// This post is newer than target - it's a next post candidate
+								// Keep the last one we find (closest to target date)
+								nextPost = post;
+							} else if (postTime < targetTime) {
+								// This is the first post older than target - this is the previous post
+								previousPost = post;
+								// We've found both neighbors, no need to continue
+								break;
+							}
+							// Skip posts with exactly the same timestamp (the current post itself)
+						}
+
 						const postIds = [
-							...(previousPost?.[0] ? [previousPost[0].id] : []),
-							...(nextPost?.[0] ? [nextPost[0].id] : []),
+							...(previousPost ? [previousPost.id] : []),
+							...(nextPost ? [nextPost.id] : []),
 						];
 						const postTagsMap = await loadTagsForPosts(
 							postIds,
@@ -716,16 +736,16 @@ export const blogBackendPlugin = (hooks?: BlogBackendHooks) =>
 						);
 
 						return {
-							previous: previousPost?.[0]
+							previous: previousPost
 								? {
-										...previousPost[0],
-										tags: postTagsMap.get(previousPost[0].id) || [],
+										...previousPost,
+										tags: postTagsMap.get(previousPost.id) || [],
 									}
 								: null,
-							next: nextPost?.[0]
+							next: nextPost
 								? {
-										...nextPost[0],
-										tags: postTagsMap.get(nextPost[0].id) || [],
+										...nextPost,
+										tags: postTagsMap.get(nextPost.id) || [],
 									}
 								: null,
 						};

package/src/plugins/blog/client/components/pages/post-page.internal.tsx

@@ -84,7 +84,7 @@ export function PostPage({ slug }: { slug: string }) {
 					/>
 
 					{post.image && (
-						<div className="flex flex-col gap-2 mt-6 aspect-video w-full relative">
+						<div className="flex flex-col gap-2 my-6 aspect-video w-full relative">
 							<Image
 								src={post.image}
 								alt={post.title}
@@ -122,12 +122,12 @@ function PostHeaderTop({ post }: { post: SerializedPost }) {
 	});
 	const basePath = useBasePath();
 	return (
-		<div className="flex flex-row items-center gap-2 flex-wrap mt-8">
+		<div className="flex flex-row items-center justify-center gap-2 flex-wrap mt-8">
 			<span className="font-light text-muted-foreground text-sm">
 				{formatDate(post.createdAt, "MMMM d, yyyy")}
 			</span>
 			{post.tags && post.tags.length > 0 && (
-				<div className="flex flex-wrap gap-2">
+				<>
 					{post.tags.map((tag) => (
 						<Link key={tag.id} href={`${basePath}/blog/tag/${tag.slug}`}>
 							<Badge variant="secondary" className="text-xs">
@@ -135,7 +135,7 @@ function PostHeaderTop({ post }: { post: SerializedPost }) {
 							</Badge>
 						</Link>
 					))}
-				</div>
+				</>
 			)}
 		</div>
 	);

package/src/plugins/blog/client/components/shared/default-error.tsx

@@ -15,6 +15,9 @@ export function DefaultError({ error }: FallbackProps) {
 		localization: BLOG_LOCALIZATION,
 	});
 	const title = localization.BLOG_GENERIC_ERROR_TITLE;
-	const message = error?.message ?? localization.BLOG_GENERIC_ERROR_MESSAGE;
+	const message =
+		process.env.NODE_ENV === "production"
+			? localization.BLOG_GENERIC_ERROR_MESSAGE
+			: (error?.message ?? localization.BLOG_GENERIC_ERROR_MESSAGE);
 	return <ErrorPlaceholder title={title} message={message} />;
 }

package/src/plugins/blog/client/plugin.tsx

@@ -68,7 +68,7 @@ export interface BlogClientConfig {
  * All hooks are optional and allow consumers to customize behavior
  */
 export interface BlogClientHooks {
-	// Loader Hooks - called during data loading (SSR or CSR)
+	// Loader Hooks - called during data loading (SSR)
 	beforeLoadPosts?: (
 		filter: { published: boolean },
 		context: LoaderContext,
@@ -77,7 +77,7 @@ export interface BlogClientHooks {
 		posts: Post[] | null,
 		filter: { published: boolean },
 		context: LoaderContext,
-	) => Promise<void> | void;
+	) => Promise<boolean> | boolean;
 	beforeLoadPost?: (
 		slug: string,
 		context: LoaderContext,
@@ -86,7 +86,9 @@ export interface BlogClientHooks {
 		post: Post | null,
 		slug: string,
 		context: LoaderContext,
-	) => Promise<void> | void;
+	) => Promise<boolean> | boolean;
+	beforeLoadNewPost?: (context: LoaderContext) => Promise<boolean> | boolean;
+	afterLoadNewPost?: (context: LoaderContext) => Promise<boolean> | boolean;
 	onLoadError?: (error: Error, context: LoaderContext) => Promise<void> | void;
 }
 
@@ -143,7 +145,14 @@ function createPostsLoader(published: boolean, config: BlogClientConfig) {
 				if (hooks?.afterLoadPosts) {
 					const posts =
 						queryClient.getQueryData<Post[]>(listQuery.queryKey) || null;
-					await hooks.afterLoadPosts(posts, { published }, context);
+					const canContinue = await hooks.afterLoadPosts(
+						posts,
+						{ published },
+						context,
+					);
+					if (canContinue === false) {
+						throw new Error("Load prevented by afterLoadPosts hook");
+					}
 				}
 
 				// Check if there was an error after afterLoadPosts hook
@@ -208,7 +217,10 @@ function createPostLoader(slug: string, config: BlogClientConfig) {
 				if (hooks?.afterLoadPost) {
 					const post =
 						queryClient.getQueryData<Post>(postQuery.queryKey) || null;
-					await hooks.afterLoadPost(post, slug, context);
+					const canContinue = await hooks.afterLoadPost(post, slug, context);
+					if (canContinue === false) {
+						throw new Error("Load prevented by afterLoadPost hook");
+					}
 				}
 
 				// Check if there was an error after afterLoadPost hook
@@ -235,6 +247,46 @@ function createPostLoader(slug: string, config: BlogClientConfig) {
 	};
 }
 
+function createNewPostLoader(config: BlogClientConfig) {
+	return async () => {
+		if (typeof window === "undefined") {
+			const { apiBasePath, apiBaseURL, hooks } = config;
+
+			const context: LoaderContext = {
+				path: "/blog/new",
+				isSSR: true,
+				apiBaseURL,
+				apiBasePath,
+			};
+
+			try {
+				// Before hook
+				if (hooks?.beforeLoadNewPost) {
+					const canLoad = await hooks.beforeLoadNewPost(context);
+					if (!canLoad) {
+						throw new Error("Load prevented by beforeLoadNewPost hook");
+					}
+				}
+
+				// After hook
+				if (hooks?.afterLoadNewPost) {
+					const canContinue = await hooks.afterLoadNewPost(context);
+					if (canContinue === false) {
+						throw new Error("Load prevented by afterLoadNewPost hook");
+					}
+				}
+			} catch (error) {
+				// Error hook - log the error but don't throw during SSR
+				// Let Error Boundaries handle errors when components render
+				if (hooks?.onLoadError) {
+					await hooks.onLoadError(error as Error, context);
+				}
+				// Don't re-throw - let Error Boundary catch it during render
+			}
+		}
+	};
+}
+
 function createTagLoader(tagSlug: string, config: BlogClientConfig) {
 	return async () => {
 		if (typeof window === "undefined") {
@@ -584,6 +636,7 @@ export const blogClientPlugin = (config: BlogClientConfig) =>
 			newPost: createRoute("/blog/new", () => {
 				return {
 					PageComponent: NewPostPageComponent,
+					loader: createNewPostLoader(config),
 					meta: createNewPostMeta(config),
 				};
 			}),

package/src/plugins/blog/style.css

@@ -11,11 +11,8 @@
 /* Scan this package's source files for Tailwind classes */
 @source "../../../src/**/*.{ts,tsx}";
 
-/* Scan UI package components (if in monorepo) */
-@source "../../../../@workspace/ui/src/**/*.{ts,tsx}";
-
-/* Scan UI package components (if installed as npm package) */
-@source "../../../node_modules/@workspace/ui/src/**/*.{ts,tsx}";
+/* Scan UI package components (when installed as npm package the UI package will be in this dir) */
+@source "../../packages/ui/src";
 
 /*
 * alternatively consumer can use @source "../node_modules/@btst/stack/src/**\/*.{ts,tsx}";

package/dist/shared/{stack.Cr2JoQdo.d.cts → stack.CoPoHVfV.d.cts}

@@ -35,12 +35,12 @@ interface SerializedTag extends Omit<Tag, "createdAt" | "updatedAt"> {
 }
 
 declare const createPostSchema: z.ZodObject<{
-    title: z.ZodString;
     slug: z.ZodOptional<z.ZodString>;
     published: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
     createdAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
     publishedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
     updatedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
+    title: z.ZodString;
     content: z.ZodString;
     excerpt: z.ZodString;
     image: z.ZodOptional<z.ZodString>;

package/dist/shared/{stack.Cr2JoQdo.d.mts → stack.CoPoHVfV.d.mts}

@@ -35,12 +35,12 @@ interface SerializedTag extends Omit<Tag, "createdAt" | "updatedAt"> {
 }
 
 declare const createPostSchema: z.ZodObject<{
-    title: z.ZodString;
     slug: z.ZodOptional<z.ZodString>;
     published: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
     createdAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
     publishedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
     updatedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
+    title: z.ZodString;
     content: z.ZodString;
     excerpt: z.ZodString;
     image: z.ZodOptional<z.ZodString>;

package/dist/shared/{stack.Cr2JoQdo.d.ts → stack.CoPoHVfV.d.ts}

@@ -35,12 +35,12 @@ interface SerializedTag extends Omit<Tag, "createdAt" | "updatedAt"> {
 }
 
 declare const createPostSchema: z.ZodObject<{
-    title: z.ZodString;
     slug: z.ZodOptional<z.ZodString>;
     published: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
     createdAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
     publishedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
     updatedAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
+    title: z.ZodString;
     content: z.ZodString;
     excerpt: z.ZodString;
     image: z.ZodOptional<z.ZodString>;