@btst/stack 1.1.6 → 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/hooks/blog-hooks.cjs

@@ -20,7 +20,7 @@ const SHARED_QUERY_CONFIG = {
   // 10 minutes
 };
 function usePosts(options = {}) {
-  const { apiBaseURL, apiBasePath } = context.usePluginOverrides("blog");
+  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("blog");
   const client$1 = client.createApiClient({
     baseURL: apiBaseURL,
     basePath: apiBasePath
@@ -33,7 +33,7 @@ function usePosts(options = {}) {
     query,
     published
   } = options;
-  const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1);
+  const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1, headers);
   const queryParams = {
     tag,
     tagSlug,
@@ -73,7 +73,7 @@ function usePosts(options = {}) {
   };
 }
 function useSuspensePosts(options = {}) {
-  const { apiBaseURL, apiBasePath } = context.usePluginOverrides("blog");
+  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("blog");
   const client$1 = client.createApiClient({
     baseURL: apiBaseURL,
     basePath: apiBasePath
@@ -86,7 +86,7 @@ function useSuspensePosts(options = {}) {
     query,
     published
   } = options;
-  const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1);
+  const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1, headers);
   const queryParams = { tag, tagSlug, limit, query, published };
   const basePosts = queries.posts.list(queryParams);
   const {
@@ -120,12 +120,12 @@ function useSuspensePosts(options = {}) {
   };
 }
 function usePost(slug) {
-  const { apiBaseURL, apiBasePath } = context.usePluginOverrides("blog");
+  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("blog");
   const client$1 = client.createApiClient({
     baseURL: apiBaseURL,
     basePath: apiBasePath
   });
-  const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1);
+  const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1, headers);
   const basePost = queries.posts.detail(slug ?? "");
   const { data, isLoading, error, refetch } = reactQuery.useQuery({
     ...basePost,
@@ -140,12 +140,12 @@ function usePost(slug) {
   };
 }
 function useSuspensePost(slug) {
-  const { apiBaseURL, apiBasePath } = context.usePluginOverrides("blog");
+  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("blog");
   const client$1 = client.createApiClient({
     baseURL: apiBaseURL,
     basePath: apiBasePath
   });
-  const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1);
+  const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1, headers);
   const basePost = queries.posts.detail(slug);
   const { data, refetch, error, isFetching } = reactQuery.useSuspenseQuery({
     ...basePost,
@@ -157,12 +157,12 @@ function useSuspensePost(slug) {
   return { post: data || null, refetch };
 }
 function useTags() {
-  const { apiBaseURL, apiBasePath } = context.usePluginOverrides("blog");
+  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("blog");
   const client$1 = client.createApiClient({
     baseURL: apiBaseURL,
     basePath: apiBasePath
   });
-  const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1);
+  const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1, headers);
   const baseTags = queries.tags.list();
   const { data, isLoading, error, refetch } = reactQuery.useQuery({
     ...baseTags,
@@ -177,12 +177,12 @@ function useTags() {
   };
 }
 function useSuspenseTags() {
-  const { apiBaseURL, apiBasePath } = context.usePluginOverrides("blog");
+  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("blog");
   const client$1 = client.createApiClient({
     baseURL: apiBaseURL,
     basePath: apiBasePath
   });
-  const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1);
+  const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1, headers);
   const baseTags = queries.tags.list();
   const { data, refetch, error, isFetching } = reactQuery.useSuspenseQuery({
     ...baseTags,
@@ -336,12 +336,12 @@ function usePostSearch({
   };
 }
 function useNextPreviousPosts(createdAt, options = {}) {
-  const { apiBaseURL, apiBasePath } = context.usePluginOverrides("blog");
+  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("blog");
   const client$1 = client.createApiClient({
     baseURL: apiBaseURL,
     basePath: apiBasePath
   });
-  const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1);
+  const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1, headers);
   const { ref, inView } = reactIntersectionObserver.useInView({
     // start a little early so the data is ready as it scrolls in
     rootMargin: "200px 0px",
@@ -366,12 +366,12 @@ function useNextPreviousPosts(createdAt, options = {}) {
   };
 }
 function useRecentPosts(options = {}) {
-  const { apiBaseURL, apiBasePath } = context.usePluginOverrides("blog");
+  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("blog");
   const client$1 = client.createApiClient({
     baseURL: apiBaseURL,
     basePath: apiBasePath
   });
-  const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1);
+  const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1, headers);
   const { ref, inView } = reactIntersectionObserver.useInView({
     // start a little early so the data is ready as it scrolls in
     rootMargin: "200px 0px",

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

@@ -18,7 +18,7 @@ const SHARED_QUERY_CONFIG = {
   // 10 minutes
 };
 function usePosts(options = {}) {
-  const { apiBaseURL, apiBasePath } = usePluginOverrides("blog");
+  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("blog");
   const client = createApiClient({
     baseURL: apiBaseURL,
     basePath: apiBasePath
@@ -31,7 +31,7 @@ function usePosts(options = {}) {
     query,
     published
   } = options;
-  const queries = createBlogQueryKeys(client);
+  const queries = createBlogQueryKeys(client, headers);
   const queryParams = {
     tag,
     tagSlug,
@@ -71,7 +71,7 @@ function usePosts(options = {}) {
   };
 }
 function useSuspensePosts(options = {}) {
-  const { apiBaseURL, apiBasePath } = usePluginOverrides("blog");
+  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("blog");
   const client = createApiClient({
     baseURL: apiBaseURL,
     basePath: apiBasePath
@@ -84,7 +84,7 @@ function useSuspensePosts(options = {}) {
     query,
     published
   } = options;
-  const queries = createBlogQueryKeys(client);
+  const queries = createBlogQueryKeys(client, headers);
   const queryParams = { tag, tagSlug, limit, query, published };
   const basePosts = queries.posts.list(queryParams);
   const {
@@ -118,12 +118,12 @@ function useSuspensePosts(options = {}) {
   };
 }
 function usePost(slug) {
-  const { apiBaseURL, apiBasePath } = usePluginOverrides("blog");
+  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("blog");
   const client = createApiClient({
     baseURL: apiBaseURL,
     basePath: apiBasePath
   });
-  const queries = createBlogQueryKeys(client);
+  const queries = createBlogQueryKeys(client, headers);
   const basePost = queries.posts.detail(slug ?? "");
   const { data, isLoading, error, refetch } = useQuery({
     ...basePost,
@@ -138,12 +138,12 @@ function usePost(slug) {
   };
 }
 function useSuspensePost(slug) {
-  const { apiBaseURL, apiBasePath } = usePluginOverrides("blog");
+  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("blog");
   const client = createApiClient({
     baseURL: apiBaseURL,
     basePath: apiBasePath
   });
-  const queries = createBlogQueryKeys(client);
+  const queries = createBlogQueryKeys(client, headers);
   const basePost = queries.posts.detail(slug);
   const { data, refetch, error, isFetching } = useSuspenseQuery({
     ...basePost,
@@ -155,12 +155,12 @@ function useSuspensePost(slug) {
   return { post: data || null, refetch };
 }
 function useTags() {
-  const { apiBaseURL, apiBasePath } = usePluginOverrides("blog");
+  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("blog");
   const client = createApiClient({
     baseURL: apiBaseURL,
     basePath: apiBasePath
   });
-  const queries = createBlogQueryKeys(client);
+  const queries = createBlogQueryKeys(client, headers);
   const baseTags = queries.tags.list();
   const { data, isLoading, error, refetch } = useQuery({
     ...baseTags,
@@ -175,12 +175,12 @@ function useTags() {
   };
 }
 function useSuspenseTags() {
-  const { apiBaseURL, apiBasePath } = usePluginOverrides("blog");
+  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("blog");
   const client = createApiClient({
     baseURL: apiBaseURL,
     basePath: apiBasePath
   });
-  const queries = createBlogQueryKeys(client);
+  const queries = createBlogQueryKeys(client, headers);
   const baseTags = queries.tags.list();
   const { data, refetch, error, isFetching } = useSuspenseQuery({
     ...baseTags,
@@ -334,12 +334,12 @@ function usePostSearch({
   };
 }
 function useNextPreviousPosts(createdAt, options = {}) {
-  const { apiBaseURL, apiBasePath } = usePluginOverrides("blog");
+  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("blog");
   const client = createApiClient({
     baseURL: apiBaseURL,
     basePath: apiBasePath
   });
-  const queries = createBlogQueryKeys(client);
+  const queries = createBlogQueryKeys(client, headers);
   const { ref, inView } = useInView({
     // start a little early so the data is ready as it scrolls in
     rootMargin: "200px 0px",
@@ -364,12 +364,12 @@ function useNextPreviousPosts(createdAt, options = {}) {
   };
 }
 function useRecentPosts(options = {}) {
-  const { apiBaseURL, apiBasePath } = usePluginOverrides("blog");
+  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("blog");
   const client = createApiClient({
     baseURL: apiBaseURL,
     basePath: apiBasePath
   });
-  const queries = createBlogQueryKeys(client);
+  const queries = createBlogQueryKeys(client, headers);
   const { ref, inView } = useInView({
     // start a little early so the data is ready as it scrolls in
     rootMargin: "200px 0px",

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

@@ -13,7 +13,7 @@ const postPage = require('./components/pages/post-page.cjs');
 function createPostsLoader(published, config) {
   return async () => {
     if (typeof window === "undefined") {
-      const { queryClient, apiBasePath, apiBaseURL, hooks } = config;
+      const { queryClient, apiBasePath, apiBaseURL, hooks, headers } = config;
       const context = {
         path: published ? "/blog" : "/blog/drafts",
         isSSR: true,
@@ -32,7 +32,7 @@ function createPostsLoader(published, config) {
           baseURL: apiBaseURL,
           basePath: apiBasePath
         });
-        const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1);
+        const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1, headers);
         const listQuery = queries.posts.list({
           query: void 0,
           limit,
@@ -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) {
@@ -66,7 +73,7 @@ function createPostsLoader(published, config) {
 function createPostLoader(slug, config) {
   return async () => {
     if (typeof window === "undefined") {
-      const { queryClient, apiBasePath, apiBaseURL, hooks } = config;
+      const { queryClient, apiBasePath, apiBaseURL, hooks, headers } = config;
       const context = {
         path: `/blog/${slug}`,
         params: { slug },
@@ -85,12 +92,15 @@ function createPostLoader(slug, config) {
           baseURL: apiBaseURL,
           basePath: apiBasePath
         });
-        const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1);
+        const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1, headers);
         const postQuery = queries.posts.detail(slug);
         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,10 +117,41 @@ 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") {
-      const { queryClient, apiBasePath, apiBaseURL, hooks } = config;
+      const { queryClient, apiBasePath, apiBaseURL, hooks, headers } = config;
       const context = {
         path: `/blog/tag/${tagSlug}`,
         params: { tagSlug },
@@ -124,7 +165,7 @@ function createTagLoader(tagSlug, config) {
           baseURL: apiBaseURL,
           basePath: apiBasePath
         });
-        const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1);
+        const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1, headers);
         const listQuery = queries.posts.list({
           query: void 0,
           limit,
@@ -382,6 +423,7 @@ const blogClientPlugin = (config) => client.defineClientPlugin({
     newPost: yar.createRoute("/blog/new", () => {
       return {
         PageComponent: newPostPage.NewPostPageComponent,
+        loader: createNewPostLoader(config),
         meta: createNewPostMeta(config)
       };
     }),