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

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

@@ -6,11 +6,12 @@ import { PostsList } from '../shared/posts-list.mjs';
 import { TagsList } from '../shared/tags-list.mjs';
 import { useSuspensePosts } from '../../hooks/blog-hooks.mjs';
 import { useTranslate, usePluginOverrides } from '@btst/stack/context';
+import { BLOG_PLUGIN_ID } from '../../constants.mjs';
 import { useRouteLifecycle } from '../../../../../../../ui/src/hooks/use-route-lifecycle.mjs';
 
 function HomePage({ published }) {
   const t = useTranslate();
-  const overrides = usePluginOverrides("blog");
+  const overrides = usePluginOverrides(BLOG_PLUGIN_ID);
   const { localization } = overrides;
   useRouteLifecycle({
     routeName: published ? "posts" : "drafts",

package/dist/packages/stack/src/plugins/blog/client/components/pages/home-page.mjs

@@ -2,10 +2,12 @@
 import { jsx } from 'react/jsx-runtime';
 import { lazy } from 'react';
 import { usePluginOverrides } from '@btst/stack/context';
+import { BLOG_PLUGIN_ID } from '../../constants.mjs';
 import { ComposedRoute } from '@btst/stack/client/components';
 import { DefaultError } from '../shared/default-error.mjs';
 import { PostsLoading } from '../loading/index.mjs';
 import { NotFoundPage } from './404-page.mjs';
+import { blogPermissions } from '../../../../../../../../plugins/blog/permissions.mjs';
 
 const HomePage = lazy(
   () => import('./home-page.internal.mjs').then((m) => ({ default: m.HomePage }))
@@ -13,7 +15,7 @@ const HomePage = lazy(
 function HomePageComponent({
   published = true
 }) {
-  const { onRouteError } = usePluginOverrides("blog");
+  const { onRouteError } = usePluginOverrides(BLOG_PLUGIN_ID);
   return /* @__PURE__ */ jsx(
     ComposedRoute,
     {
@@ -22,7 +24,9 @@ function HomePageComponent({
       ErrorComponent: DefaultError,
       LoadingComponent: PostsLoading,
       NotFoundComponent: NotFoundPage,
-      permission: published ? void 0 : { resource: "blog:draft", action: "read" },
+      permission: blogPermissions.post.read({
+        scope: published ? "published" : "drafts"
+      }),
       props: { published },
       onError: (error) => {
         if (onRouteError) {

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

@@ -4,16 +4,18 @@
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const context = require('@btst/stack/context');
+const constants = require('../../constants.cjs');
 const components = require('@btst/stack/client/components');
 const defaultError = require('../shared/default-error.cjs');
 const index = require('../loading/index.cjs');
 const _404Page = require('./404-page.cjs');
+const plugins_blog_permissions = require('../../../../../../../../plugins/blog/permissions.cjs');
 
 const NewPostPage = React.lazy(
   () => import('./new-post-page.internal.cjs').then((m) => ({ default: m.NewPostPage }))
 );
 function NewPostPageComponent() {
-  const { onRouteError } = context.usePluginOverrides("blog");
+  const { onRouteError } = context.usePluginOverrides(constants.BLOG_PLUGIN_ID);
   return /* @__PURE__ */ jsxRuntime.jsx(
     components.ComposedRoute,
     {
@@ -22,7 +24,7 @@ function NewPostPageComponent() {
       ErrorComponent: defaultError.DefaultError,
       LoadingComponent: index.FormLoading,
       NotFoundComponent: _404Page.NotFoundPage,
-      permission: { resource: "blog:post", action: "create" },
+      permission: plugins_blog_permissions.blogPermissions.post.create({ publish: "draft" }),
       onError: (error) => {
         if (onRouteError) {
           onRouteError("newPost", error, {

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

@@ -6,6 +6,7 @@ const context = require('@btst/stack/context');
 const postForms = require('../forms/post-forms.cjs');
 const pageHeader = require('../shared/page-header.cjs');
 const pageWrapper = require('../shared/page-wrapper.cjs');
+const constants = require('../../constants.cjs');
 const useRouteLifecycle = require('../../../../../../../ui/src/hooks/use-route-lifecycle.cjs');
 const context$1 = require('@btst/stack/plugins/ai-chat/client/context');
 const React = require('react');
@@ -13,7 +14,7 @@ const fillBlogFormHandler = require('./fill-blog-form-handler.cjs');
 
 function NewPostPage() {
   const t = context.useTranslate();
-  const overrides = context.usePluginOverrides("blog");
+  const overrides = context.usePluginOverrides(constants.BLOG_PLUGIN_ID);
   const { localization } = overrides;
   const { router } = context.useStack();
   const navigate = router?.navigate;

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

@@ -4,6 +4,7 @@ import { useTranslate, usePluginOverrides, useStack, useBasePath } from '@btst/s
 import { AddPostForm } from '../forms/post-forms.mjs';
 import { PageHeader } from '../shared/page-header.mjs';
 import { PageWrapper } from '../shared/page-wrapper.mjs';
+import { BLOG_PLUGIN_ID } from '../../constants.mjs';
 import { useRouteLifecycle } from '../../../../../../../ui/src/hooks/use-route-lifecycle.mjs';
 import { useRegisterPageAIContext } from '@btst/stack/plugins/ai-chat/client/context';
 import { useRef, useCallback } from 'react';
@@ -11,7 +12,7 @@ import { createFillBlogFormHandler } from './fill-blog-form-handler.mjs';
 
 function NewPostPage() {
   const t = useTranslate();
-  const overrides = usePluginOverrides("blog");
+  const overrides = usePluginOverrides(BLOG_PLUGIN_ID);
   const { localization } = overrides;
   const { router } = useStack();
   const navigate = router?.navigate;

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

@@ -2,16 +2,18 @@
 import { jsx } from 'react/jsx-runtime';
 import { lazy } from 'react';
 import { usePluginOverrides } from '@btst/stack/context';
+import { BLOG_PLUGIN_ID } from '../../constants.mjs';
 import { ComposedRoute } from '@btst/stack/client/components';
 import { DefaultError } from '../shared/default-error.mjs';
 import { FormLoading } from '../loading/index.mjs';
 import { NotFoundPage } from './404-page.mjs';
+import { blogPermissions } from '../../../../../../../../plugins/blog/permissions.mjs';
 
 const NewPostPage = lazy(
   () => import('./new-post-page.internal.mjs').then((m) => ({ default: m.NewPostPage }))
 );
 function NewPostPageComponent() {
-  const { onRouteError } = usePluginOverrides("blog");
+  const { onRouteError } = usePluginOverrides(BLOG_PLUGIN_ID);
   return /* @__PURE__ */ jsx(
     ComposedRoute,
     {
@@ -20,7 +22,7 @@ function NewPostPageComponent() {
       ErrorComponent: DefaultError,
       LoadingComponent: FormLoading,
       NotFoundComponent: NotFoundPage,
-      permission: { resource: "blog:post", action: "create" },
+      permission: blogPermissions.post.create({ publish: "draft" }),
       onError: (error) => {
         if (onRouteError) {
           onRouteError("newPost", error, {

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

@@ -4,21 +4,48 @@
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const context = require('@btst/stack/context');
+const constants = require('../../constants.cjs');
 const components = require('@btst/stack/client/components');
 const defaultError = require('../shared/default-error.cjs');
 const index = require('../loading/index.cjs');
 const _404Page = require('./404-page.cjs');
+const blogHooks = require('../../hooks/blog-hooks.cjs');
+const plugins_blog_permissions = require('../../../../../../../../plugins/blog/permissions.cjs');
 
-const PostPage = React.lazy(
+const PostPageContent = React.lazy(
   () => import('./post-page.internal.cjs').then((m) => ({ default: m.PostPage }))
 );
+function AuthorizedPostPage({ slug }) {
+  const { post } = blogHooks.useSuspensePost(slug);
+  const permission = post ? plugins_blog_permissions.blogPermissions.post.read({
+    scope: "post",
+    slug: post.slug,
+    exists: true,
+    id: post.id,
+    ...post.authorId ? { authorId: post.authorId } : {},
+    published: post.published
+  }) : plugins_blog_permissions.blogPermissions.post.read({
+    scope: "post",
+    slug,
+    exists: false,
+    published: false
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.PermissionRouteAccess,
+    {
+      permission,
+      LoadingComponent: index.PostLoading,
+      children: /* @__PURE__ */ jsxRuntime.jsx(PostPageContent, { slug })
+    }
+  );
+}
 function PostPageComponent({ slug }) {
-  const { onRouteError } = context.usePluginOverrides("blog");
+  const { onRouteError } = context.usePluginOverrides(constants.BLOG_PLUGIN_ID);
   return /* @__PURE__ */ jsxRuntime.jsx(
     components.ComposedRoute,
     {
       path: `/blog/${slug}`,
-      PageComponent: PostPage,
+      PageComponent: AuthorizedPostPage,
       ErrorComponent: defaultError.DefaultError,
       LoadingComponent: index.PostLoading,
       NotFoundComponent: _404Page.NotFoundPage,

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

@@ -9,6 +9,7 @@ const emptyList = require('../shared/empty-list.cjs');
 const markdownContent = require('../shared/markdown-content.cjs');
 const pageHeader = require('../shared/page-header.cjs');
 const pageWrapper = require('../shared/page-wrapper.cjs');
+const constants = require('../../constants.cjs');
 const defaults = require('../shared/defaults.cjs');
 const postNavigation = require('../shared/post-navigation.cjs');
 const recentPostsCarousel = require('../shared/recent-posts-carousel.cjs');
@@ -22,7 +23,7 @@ const collapsibleTagList = require('../shared/collapsible-tag-list.cjs');
 
 function PostPage({ slug }) {
   const t = context.useTranslate();
-  const overrides = context.usePluginOverrides("blog");
+  const overrides = context.usePluginOverrides(constants.BLOG_PLUGIN_ID);
   const { localization } = overrides;
   const { router } = context.useStack();
   const Image = router?.Image ?? defaults.DefaultImage;

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

@@ -7,6 +7,7 @@ import { EmptyList } from '../shared/empty-list.mjs';
 import { MarkdownContent } from '../shared/markdown-content.mjs';
 import { PageHeader } from '../shared/page-header.mjs';
 import { PageWrapper } from '../shared/page-wrapper.mjs';
+import { BLOG_PLUGIN_ID } from '../../constants.mjs';
 import { DefaultImage } from '../shared/defaults.mjs';
 import { PostNavigation } from '../shared/post-navigation.mjs';
 import { RecentPostsCarousel } from '../shared/recent-posts-carousel.mjs';
@@ -20,7 +21,7 @@ import { CollapsibleTagList } from '../shared/collapsible-tag-list.mjs';
 
 function PostPage({ slug }) {
   const t = useTranslate();
-  const overrides = usePluginOverrides("blog");
+  const overrides = usePluginOverrides(BLOG_PLUGIN_ID);
   const { localization } = overrides;
   const { router } = useStack();
   const Image = router?.Image ?? DefaultImage;

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

@@ -2,21 +2,48 @@
 import { jsx } from 'react/jsx-runtime';
 import { lazy } from 'react';
 import { usePluginOverrides } from '@btst/stack/context';
-import { ComposedRoute } from '@btst/stack/client/components';
+import { BLOG_PLUGIN_ID } from '../../constants.mjs';
+import { ComposedRoute, PermissionRouteAccess } from '@btst/stack/client/components';
 import { DefaultError } from '../shared/default-error.mjs';
 import { PostLoading } from '../loading/index.mjs';
 import { NotFoundPage } from './404-page.mjs';
+import { useSuspensePost } from '../../hooks/blog-hooks.mjs';
+import { blogPermissions } from '../../../../../../../../plugins/blog/permissions.mjs';
 
-const PostPage = lazy(
+const PostPageContent = lazy(
   () => import('./post-page.internal.mjs').then((m) => ({ default: m.PostPage }))
 );
+function AuthorizedPostPage({ slug }) {
+  const { post } = useSuspensePost(slug);
+  const permission = post ? blogPermissions.post.read({
+    scope: "post",
+    slug: post.slug,
+    exists: true,
+    id: post.id,
+    ...post.authorId ? { authorId: post.authorId } : {},
+    published: post.published
+  }) : blogPermissions.post.read({
+    scope: "post",
+    slug,
+    exists: false,
+    published: false
+  });
+  return /* @__PURE__ */ jsx(
+    PermissionRouteAccess,
+    {
+      permission,
+      LoadingComponent: PostLoading,
+      children: /* @__PURE__ */ jsx(PostPageContent, { slug })
+    }
+  );
+}
 function PostPageComponent({ slug }) {
-  const { onRouteError } = usePluginOverrides("blog");
+  const { onRouteError } = usePluginOverrides(BLOG_PLUGIN_ID);
   return /* @__PURE__ */ jsx(
     ComposedRoute,
     {
       path: `/blog/${slug}`,
-      PageComponent: PostPage,
+      PageComponent: AuthorizedPostPage,
       ErrorComponent: DefaultError,
       LoadingComponent: PostLoading,
       NotFoundComponent: NotFoundPage,

package/dist/packages/stack/src/plugins/blog/client/components/pages/tag-page.cjs

@@ -4,16 +4,18 @@
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const context = require('@btst/stack/context');
+const constants = require('../../constants.cjs');
 const components = require('@btst/stack/client/components');
 const defaultError = require('../shared/default-error.cjs');
 const index = require('../loading/index.cjs');
 const _404Page = require('./404-page.cjs');
+const plugins_blog_permissions = require('../../../../../../../../plugins/blog/permissions.cjs');
 
 const TagPage = React.lazy(
   () => import('./tag-page.internal.cjs').then((m) => ({ default: m.TagPage }))
 );
 function TagPageComponent({ tagSlug }) {
-  const { onRouteError } = context.usePluginOverrides("blog");
+  const { onRouteError } = context.usePluginOverrides(constants.BLOG_PLUGIN_ID);
   return /* @__PURE__ */ jsxRuntime.jsx(
     components.ComposedRoute,
     {
@@ -22,6 +24,7 @@ function TagPageComponent({ tagSlug }) {
       ErrorComponent: defaultError.DefaultError,
       LoadingComponent: index.PostsLoading,
       NotFoundComponent: _404Page.NotFoundPage,
+      permission: plugins_blog_permissions.blogPermissions.tag.read(),
       props: { tagSlug },
       onError: (error) => {
         if (onRouteError) {

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

@@ -8,11 +8,12 @@ const postsList = require('../shared/posts-list.cjs');
 const emptyList = require('../shared/empty-list.cjs');
 const blogHooks = require('../../hooks/blog-hooks.cjs');
 const context = require('@btst/stack/context');
+const constants = require('../../constants.cjs');
 const useRouteLifecycle = require('../../../../../../../ui/src/hooks/use-route-lifecycle.cjs');
 
 function TagPage({ tagSlug }) {
   const t = context.useTranslate();
-  const overrides = context.usePluginOverrides("blog");
+  const overrides = context.usePluginOverrides(constants.BLOG_PLUGIN_ID);
   const { localization } = overrides;
   useRouteLifecycle.useRouteLifecycle({
     routeName: "tag",

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

@@ -6,11 +6,12 @@ import { PostsList } from '../shared/posts-list.mjs';
 import { EmptyList } from '../shared/empty-list.mjs';
 import { useTags, useSuspensePosts } from '../../hooks/blog-hooks.mjs';
 import { useTranslate, usePluginOverrides } from '@btst/stack/context';
+import { BLOG_PLUGIN_ID } from '../../constants.mjs';
 import { useRouteLifecycle } from '../../../../../../../ui/src/hooks/use-route-lifecycle.mjs';
 
 function TagPage({ tagSlug }) {
   const t = useTranslate();
-  const overrides = usePluginOverrides("blog");
+  const overrides = usePluginOverrides(BLOG_PLUGIN_ID);
   const { localization } = overrides;
   useRouteLifecycle({
     routeName: "tag",

package/dist/packages/stack/src/plugins/blog/client/components/pages/tag-page.mjs

@@ -2,16 +2,18 @@
 import { jsx } from 'react/jsx-runtime';
 import { lazy } from 'react';
 import { usePluginOverrides } from '@btst/stack/context';
+import { BLOG_PLUGIN_ID } from '../../constants.mjs';
 import { ComposedRoute } from '@btst/stack/client/components';
 import { DefaultError } from '../shared/default-error.mjs';
 import { PostsLoading } from '../loading/index.mjs';
 import { NotFoundPage } from './404-page.mjs';
+import { blogPermissions } from '../../../../../../../../plugins/blog/permissions.mjs';
 
 const TagPage = lazy(
   () => import('./tag-page.internal.mjs').then((m) => ({ default: m.TagPage }))
 );
 function TagPageComponent({ tagSlug }) {
-  const { onRouteError } = usePluginOverrides("blog");
+  const { onRouteError } = usePluginOverrides(BLOG_PLUGIN_ID);
   return /* @__PURE__ */ jsx(
     ComposedRoute,
     {
@@ -20,6 +22,7 @@ function TagPageComponent({ tagSlug }) {
       ErrorComponent: DefaultError,
       LoadingComponent: PostsLoading,
       NotFoundComponent: NotFoundPage,
+      permission: blogPermissions.tag.read(),
       props: { tagSlug },
       onError: (error) => {
         if (onRouteError) {

package/dist/packages/stack/src/plugins/blog/client/components/shared/collapsible-tag-list.cjs

@@ -3,6 +3,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const context = require('@btst/stack/context');
+const constants = require('../../constants.cjs');
 const defaults = require('./defaults.cjs');
 const badge = require('../../../../../../../ui/src/components/badge.cjs');
 const LucideIcons = require('lucide-react');
@@ -14,7 +15,7 @@ function CollapsibleTagList({
   maxVisible = MAX_VISIBLE_TAGS
 }) {
   const t = context.useTranslate();
-  const { localization } = context.usePluginOverrides("blog", {});
+  const { localization } = context.usePluginOverrides(constants.BLOG_PLUGIN_ID, {});
   const { router } = context.useStack();
   const Link = router?.Link ?? defaults.DefaultLink;
   const basePath = context.useBasePath();

package/dist/packages/stack/src/plugins/blog/client/components/shared/collapsible-tag-list.mjs

@@ -1,6 +1,7 @@
 "use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useTranslate, usePluginOverrides, useStack, useBasePath } from '@btst/stack/context';
+import { BLOG_PLUGIN_ID } from '../../constants.mjs';
 import { DefaultLink } from './defaults.mjs';
 import { Badge } from '../../../../../../../ui/src/components/badge.mjs';
 import { ChevronUp, ChevronDown } from 'lucide-react';
@@ -12,7 +13,7 @@ function CollapsibleTagList({
   maxVisible = MAX_VISIBLE_TAGS
 }) {
   const t = useTranslate();
-  const { localization } = usePluginOverrides("blog", {});
+  const { localization } = usePluginOverrides(BLOG_PLUGIN_ID, {});
   const { router } = useStack();
   const Link = router?.Link ?? DefaultLink;
   const basePath = useBasePath();

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

@@ -4,10 +4,11 @@
 const jsxRuntime = require('react/jsx-runtime');
 const errorPlaceholder = require('./error-placeholder.cjs');
 const context = require('@btst/stack/context');
+const constants = require('../../constants.cjs');
 
 function DefaultError({ error }) {
   const t = context.useTranslate();
-  const { localization } = context.usePluginOverrides("blog");
+  const { localization } = context.usePluginOverrides(constants.BLOG_PLUGIN_ID);
   const title = localization?.BLOG_GENERIC_ERROR_TITLE ?? t("blog.common.genericErrorTitle", "Something went wrong");
   const genericMessage = localization?.BLOG_GENERIC_ERROR_MESSAGE ?? t("blog.common.genericErrorMessage", "An unexpected error occurred.");
   const message = process.env.NODE_ENV === "production" ? genericMessage : (error instanceof Error ? error.message : void 0) ?? genericMessage;

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

@@ -2,10 +2,11 @@
 import { jsx } from 'react/jsx-runtime';
 import { ErrorPlaceholder } from './error-placeholder.mjs';
 import { useTranslate, usePluginOverrides } from '@btst/stack/context';
+import { BLOG_PLUGIN_ID } from '../../constants.mjs';
 
 function DefaultError({ error }) {
   const t = useTranslate();
-  const { localization } = usePluginOverrides("blog");
+  const { localization } = usePluginOverrides(BLOG_PLUGIN_ID);
   const title = localization?.BLOG_GENERIC_ERROR_TITLE ?? t("blog.common.genericErrorTitle", "Something went wrong");
   const genericMessage = localization?.BLOG_GENERIC_ERROR_MESSAGE ?? t("blog.common.genericErrorMessage", "An unexpected error occurred.");
   const message = process.env.NODE_ENV === "production" ? genericMessage : (error instanceof Error ? error.message : void 0) ?? genericMessage;

package/dist/packages/stack/src/plugins/blog/client/components/shared/on-this-page.cjs

@@ -5,12 +5,13 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const utils = require('../../../utils.cjs');
 const context = require('@btst/stack/context');
+const constants = require('../../constants.cjs');
 const select = require('../../../../../../../ui/src/components/select.cjs');
 const LucideIcons = require('lucide-react');
 
 function OnThisPage({ markdown, className }) {
   const t = context.useTranslate();
-  const { localization } = context.usePluginOverrides("blog");
+  const { localization } = context.usePluginOverrides(constants.BLOG_PLUGIN_ID);
   const headings = React.useMemo(() => extractHeadings(markdown), [markdown]);
   const activeId = useActiveHeading(headings);
   if (headings.length === 0) {
@@ -72,7 +73,7 @@ function OnThisPage({ markdown, className }) {
 }
 function OnThisPageSelect({ markdown, className }) {
   const t = context.useTranslate();
-  const { localization } = context.usePluginOverrides("blog");
+  const { localization } = context.usePluginOverrides(constants.BLOG_PLUGIN_ID);
   const headings = React.useMemo(() => extractHeadings(markdown), [markdown]);
   const initialValue = React.useMemo(() => headings[0]?.id ?? "", [headings]);
   const activeId = useActiveHeading(headings);

package/dist/packages/stack/src/plugins/blog/client/components/shared/on-this-page.mjs

@@ -3,12 +3,13 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo, useState, useRef, useEffect } from 'react';
 import { cn, slugify } from '../../../utils.mjs';
 import { useTranslate, usePluginOverrides } from '@btst/stack/context';
+import { BLOG_PLUGIN_ID } from '../../constants.mjs';
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../../../../../../../ui/src/components/select.mjs';
 import { TextAlignStart } from 'lucide-react';
 
 function OnThisPage({ markdown, className }) {
   const t = useTranslate();
-  const { localization } = usePluginOverrides("blog");
+  const { localization } = usePluginOverrides(BLOG_PLUGIN_ID);
   const headings = useMemo(() => extractHeadings(markdown), [markdown]);
   const activeId = useActiveHeading(headings);
   if (headings.length === 0) {
@@ -70,7 +71,7 @@ function OnThisPage({ markdown, className }) {
 }
 function OnThisPageSelect({ markdown, className }) {
   const t = useTranslate();
-  const { localization } = usePluginOverrides("blog");
+  const { localization } = usePluginOverrides(BLOG_PLUGIN_ID);
   const headings = useMemo(() => extractHeadings(markdown), [markdown]);
   const initialValue = useMemo(() => headings[0]?.id ?? "", [headings]);
   const activeId = useActiveHeading(headings);

package/dist/packages/stack/src/plugins/blog/client/components/shared/page-wrapper.cjs

@@ -4,13 +4,14 @@
 const jsxRuntime = require('react/jsx-runtime');
 const context = require('@btst/stack/context');
 const pageWrapper = require('../../../../../../../ui/src/components/page-wrapper.cjs');
+const constants = require('../../constants.cjs');
 
 function PageWrapper({
   children,
   className,
   testId
 }) {
-  const { showAttribution } = context.usePluginOverrides("blog", {
+  const { showAttribution } = context.usePluginOverrides(constants.BLOG_PLUGIN_ID, {
     showAttribution: true
   });
   return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/packages/stack/src/plugins/blog/client/components/shared/page-wrapper.mjs

@@ -2,13 +2,14 @@
 import { jsx } from 'react/jsx-runtime';
 import { usePluginOverrides } from '@btst/stack/context';
 import { PageWrapper as PageWrapper$1 } from '../../../../../../../ui/src/components/page-wrapper.mjs';
+import { BLOG_PLUGIN_ID } from '../../constants.mjs';
 
 function PageWrapper({
   children,
   className,
   testId
 }) {
-  const { showAttribution } = usePluginOverrides("blog", {
+  const { showAttribution } = usePluginOverrides(BLOG_PLUGIN_ID, {
     showAttribution: true
   });
   return /* @__PURE__ */ jsx(

package/dist/packages/stack/src/plugins/blog/client/components/shared/post-card.cjs

@@ -7,6 +7,7 @@ const card = require('../../../../../../../ui/src/components/card.cjs');
 const context = require('@btst/stack/context');
 const dateFns = require('date-fns');
 const LucideIcons = require('lucide-react');
+const constants = require('../../constants.cjs');
 const defaults = require('./defaults.cjs');
 
 const GRADIENT_PALETTES = [
@@ -207,7 +208,7 @@ function getGradientFromTitle(title) {
 }
 function PostCard({ post }) {
   const t = context.useTranslate();
-  const { localization } = context.usePluginOverrides("blog", {});
+  const { localization } = context.usePluginOverrides(constants.BLOG_PLUGIN_ID, {});
   const { router } = context.useStack();
   const Link = router?.Link ?? defaults.DefaultLink;
   const Image = router?.Image ?? defaults.DefaultImage;

package/dist/packages/stack/src/plugins/blog/client/components/shared/post-card.mjs

@@ -5,6 +5,7 @@ import { Card, CardHeader, CardTitle, CardContent } from '../../../../../../../u
 import { useTranslate, usePluginOverrides, useStack, useBasePath } from '@btst/stack/context';
 import { formatDate } from 'date-fns';
 import { CalendarIcon } from 'lucide-react';
+import { BLOG_PLUGIN_ID } from '../../constants.mjs';
 import { DefaultLink, DefaultImage } from './defaults.mjs';
 
 const GRADIENT_PALETTES = [
@@ -205,7 +206,7 @@ function getGradientFromTitle(title) {
 }
 function PostCard({ post }) {
   const t = useTranslate();
-  const { localization } = usePluginOverrides("blog", {});
+  const { localization } = usePluginOverrides(BLOG_PLUGIN_ID, {});
   const { router } = useStack();
   const Link = router?.Link ?? DefaultLink;
   const Image = router?.Image ?? DefaultImage;

package/dist/packages/stack/src/plugins/blog/client/components/shared/posts-list.cjs

@@ -5,6 +5,7 @@ const context = require('@btst/stack/context');
 const button = require('../../../../../../../ui/src/components/button.cjs');
 const emptyList = require('./empty-list.cjs');
 const searchInput = require('./search-input.cjs');
+const constants = require('../../constants.cjs');
 const postCard = require('./post-card.cjs');
 
 function PostsList({
@@ -14,7 +15,7 @@ function PostsList({
   isLoadingMore
 }) {
   const t = context.useTranslate();
-  const { localization, PostCard } = context.usePluginOverrides("blog");
+  const { localization, PostCard } = context.usePluginOverrides(constants.BLOG_PLUGIN_ID);
   const PostCardComponent = PostCard || postCard.PostCard;
   if (posts.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/packages/stack/src/plugins/blog/client/components/shared/posts-list.mjs

@@ -3,6 +3,7 @@ import { useTranslate, usePluginOverrides } from '@btst/stack/context';
 import { Button } from '../../../../../../../ui/src/components/button.mjs';
 import { EmptyList } from './empty-list.mjs';
 import { SearchInput } from './search-input.mjs';
+import { BLOG_PLUGIN_ID } from '../../constants.mjs';
 import { PostCard } from './post-card.mjs';
 
 function PostsList({
@@ -12,7 +13,7 @@ function PostsList({
   isLoadingMore
 }) {
   const t = useTranslate();
-  const { localization, PostCard: PostCard$1 } = usePluginOverrides("blog");
+  const { localization, PostCard: PostCard$1 } = usePluginOverrides(BLOG_PLUGIN_ID);
   const PostCardComponent = PostCard$1 || PostCard;
   if (posts.length === 0) {
     return /* @__PURE__ */ jsx(

package/dist/packages/stack/src/plugins/blog/client/components/shared/recent-posts-carousel.cjs

@@ -3,13 +3,14 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const context = require('@btst/stack/context');
+const constants = require('../../constants.cjs');
 const carousel = require('../../../../../../../ui/src/components/carousel.cjs');
 const postCard = require('./post-card.cjs');
 const defaults = require('./defaults.cjs');
 
 function RecentPostsCarousel({ posts }) {
   const t = context.useTranslate();
-  const { PostCard, localization } = context.usePluginOverrides("blog", {
+  const { PostCard, localization } = context.usePluginOverrides(constants.BLOG_PLUGIN_ID, {
     PostCard: postCard.PostCard
   });
   const { router } = context.useStack();

package/dist/packages/stack/src/plugins/blog/client/components/shared/recent-posts-carousel.mjs

@@ -1,13 +1,14 @@
 "use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTranslate, usePluginOverrides, useStack, useBasePath } from '@btst/stack/context';
+import { BLOG_PLUGIN_ID } from '../../constants.mjs';
 import { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from '../../../../../../../ui/src/components/carousel.mjs';
 import { PostCard } from './post-card.mjs';
 import { DefaultLink } from './defaults.mjs';
 
 function RecentPostsCarousel({ posts }) {
   const t = useTranslate();
-  const { PostCard: PostCard$1, localization } = usePluginOverrides("blog", {
+  const { PostCard: PostCard$1, localization } = usePluginOverrides(BLOG_PLUGIN_ID, {
     PostCard: PostCard
   });
   const { router } = useStack();