@btst/stack 1.0.1 → 1.1.1

package/dist/plugins/blog/client/components/loading/form-page-skeleton.cjs

@@ -0,0 +1,62 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const pageHeaderSkeleton = require('./page-header-skeleton.cjs');
+const pageLayout = require('../shared/page-layout.cjs');
+const skeleton = require('@workspace/ui/components/skeleton');
+
+function FormPageSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(pageLayout.PageLayout, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center gap-3", children: /* @__PURE__ */ jsxRuntime.jsx(pageHeaderSkeleton.PageHeaderSkeleton, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(FormSkeleton, {})
+  ] });
+}
+function FormSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full space-y-8", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-24" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-10 w-full rounded-md" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-28" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-10 w-full rounded-md" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-24" }),
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-24 w-full rounded-md" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-28" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-10 w-full rounded-md" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-24" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-10 w-full rounded-md" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-32" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-5 w-5 rounded-sm" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-44" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-5 w-5 rounded-sm" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-36" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-36" }),
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-32 w-full rounded-md" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-3 pt-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-10 w-24 rounded-md" }),
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-10 w-28 rounded-md" })
+    ] })
+  ] });
+}
+
+exports.FormPageSkeleton = FormPageSkeleton;

package/dist/plugins/blog/client/components/loading/form-page-skeleton.mjs

@@ -0,0 +1,60 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { PageHeaderSkeleton } from './page-header-skeleton.mjs';
+import { PageLayout } from '../shared/page-layout.mjs';
+import { Skeleton } from '@workspace/ui/components/skeleton';
+
+function FormPageSkeleton() {
+  return /* @__PURE__ */ jsxs(PageLayout, { children: [
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-3", children: /* @__PURE__ */ jsx(PageHeaderSkeleton, {}) }),
+    /* @__PURE__ */ jsx(FormSkeleton, {})
+  ] });
+}
+function FormSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "w-full space-y-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full rounded-md" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-28" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full rounded-md" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-24 w-full rounded-md" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-28" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full rounded-md" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full rounded-md" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5 rounded-sm" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-44" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5 rounded-sm" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-36" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-36" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-full rounded-md" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-3 pt-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-24 rounded-md" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-28 rounded-md" })
+    ] })
+  ] });
+}
+
+export { FormPageSkeleton };

package/dist/plugins/blog/client/components/loading/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const formPageSkeleton = require('./form-page-skeleton.cjs');
+const listPageSkeleton = require('./list-page-skeleton.cjs');
+const postPageSkeleton = require('./post-page-skeleton.cjs');
+
+function FormLoading() {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "form-skeleton", children: /* @__PURE__ */ jsxRuntime.jsx(formPageSkeleton.FormPageSkeleton, {}) });
+}
+function PostsLoading() {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "posts-skeleton", children: /* @__PURE__ */ jsxRuntime.jsx(listPageSkeleton.ListPageSkeleton, {}) });
+}
+function PostLoading() {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "post-skeleton", children: /* @__PURE__ */ jsxRuntime.jsx(postPageSkeleton.PostPageSkeleton, {}) });
+}
+
+exports.FormLoading = FormLoading;
+exports.PostLoading = PostLoading;
+exports.PostsLoading = PostsLoading;

package/dist/plugins/blog/client/components/loading/index.mjs

@@ -0,0 +1,16 @@
+import { jsx } from 'react/jsx-runtime';
+import { FormPageSkeleton } from './form-page-skeleton.mjs';
+import { ListPageSkeleton } from './list-page-skeleton.mjs';
+import { PostPageSkeleton } from './post-page-skeleton.mjs';
+
+function FormLoading() {
+  return /* @__PURE__ */ jsx("div", { "data-testid": "form-skeleton", children: /* @__PURE__ */ jsx(FormPageSkeleton, {}) });
+}
+function PostsLoading() {
+  return /* @__PURE__ */ jsx("div", { "data-testid": "posts-skeleton", children: /* @__PURE__ */ jsx(ListPageSkeleton, {}) });
+}
+function PostLoading() {
+  return /* @__PURE__ */ jsx("div", { "data-testid": "post-skeleton", children: /* @__PURE__ */ jsx(PostPageSkeleton, {}) });
+}
+
+export { FormLoading, PostLoading, PostsLoading };

package/dist/plugins/blog/client/components/loading/list-page-skeleton.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const pageHeaderSkeleton = require('./page-header-skeleton.cjs');
+const pageLayout = require('../shared/page-layout.cjs');
+const postCardSkeleton = require('./post-card-skeleton.cjs');
+const skeleton = require('@workspace/ui/components/skeleton');
+
+function ListPageSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(pageLayout.PageLayout, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center gap-3", children: /* @__PURE__ */ jsxRuntime.jsx(pageHeaderSkeleton.PageHeaderSkeleton, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(PostsListSkeleton, { count: 6 })
+  ] });
+}
+function PostsListSkeleton({ count = 6 }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center pb-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-md items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-10 grow rounded-md" }),
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-10 w-24 rounded-md" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(postCardSkeleton.PostCardSkeleton, {}, index)) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-10 w-40 rounded-md" }) })
+  ] });
+}
+
+exports.ListPageSkeleton = ListPageSkeleton;

package/dist/plugins/blog/client/components/loading/list-page-skeleton.mjs

@@ -0,0 +1,24 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { PageHeaderSkeleton } from './page-header-skeleton.mjs';
+import { PageLayout } from '../shared/page-layout.mjs';
+import { PostCardSkeleton } from './post-card-skeleton.mjs';
+import { Skeleton } from '@workspace/ui/components/skeleton';
+
+function ListPageSkeleton() {
+  return /* @__PURE__ */ jsxs(PageLayout, { children: [
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-3", children: /* @__PURE__ */ jsx(PageHeaderSkeleton, {}) }),
+    /* @__PURE__ */ jsx(PostsListSkeleton, { count: 6 })
+  ] });
+}
+function PostsListSkeleton({ count = 6 }) {
+  return /* @__PURE__ */ jsxs("div", { className: "w-full space-y-6", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex justify-center pb-6", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-md items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 grow rounded-md" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-24 rounded-md" })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsx(PostCardSkeleton, {}, index)) }),
+    /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-40 rounded-md" }) })
+  ] });
+}
+
+export { ListPageSkeleton };

package/dist/plugins/blog/client/components/loading/page-header-skeleton.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const skeleton = require('@workspace/ui/components/skeleton');
+
+function PageHeaderSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-w-[600px] flex-col items-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-12 w-56" }),
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-80" })
+  ] });
+}
+
+exports.PageHeaderSkeleton = PageHeaderSkeleton;

package/dist/plugins/blog/client/components/loading/page-header-skeleton.mjs

@@ -0,0 +1,11 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Skeleton } from '@workspace/ui/components/skeleton';
+
+function PageHeaderSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex max-w-[600px] flex-col items-center gap-2", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-56" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-80" })
+  ] });
+}
+
+export { PageHeaderSkeleton };

package/dist/plugins/blog/client/components/loading/post-card-skeleton.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const card = require('@workspace/ui/components/card');
+const skeleton = require('@workspace/ui/components/skeleton');
+
+function PostCardSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(card.Card, { className: "h-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-48 w-full", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-full w-full rounded-t-xl" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(card.CardHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "mb-2 h-4 w-24" }),
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "mb-2 h-6 w-full" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(card.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-32" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(card.CardFooter, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-5 w-16" }),
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-8 w-20" })
+    ] }) })
+  ] });
+}
+
+exports.PostCardSkeleton = PostCardSkeleton;

package/dist/plugins/blog/client/components/loading/post-card-skeleton.mjs

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Card, CardHeader, CardContent, CardFooter } from '@workspace/ui/components/card';
+import { Skeleton } from '@workspace/ui/components/skeleton';
+
+function PostCardSkeleton() {
+  return /* @__PURE__ */ jsxs(Card, { className: "h-full", children: [
+    /* @__PURE__ */ jsx("div", { className: "relative h-48 w-full", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-full w-full rounded-t-xl" }) }),
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "mb-2 h-4 w-24" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "mb-2 h-6 w-full" })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }) }),
+    /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-20" })
+    ] }) })
+  ] });
+}
+
+export { PostCardSkeleton };

package/dist/plugins/blog/client/components/loading/post-page-skeleton.cjs

@@ -0,0 +1,56 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const pageHeaderSkeleton = require('./page-header-skeleton.cjs');
+const pageLayout = require('../shared/page-layout.cjs');
+const skeleton = require('@workspace/ui/components/skeleton');
+
+function PostPageSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(pageLayout.PageLayout, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center gap-3", children: /* @__PURE__ */ jsxRuntime.jsx(pageHeaderSkeleton.PageHeaderSkeleton, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(PostSkeleton, {})
+  ] });
+}
+function PostSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full space-y-8", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden space-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-12 w-3/4" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-8 w-8 rounded-full" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-32" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-24" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-6 w-20 rounded-full" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-6 w-16 rounded-full" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-6 w-24 rounded-full" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-64 w-full rounded-md" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-10", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ContentBlockSkeleton, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(ImageBlockSkeleton, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(CodeBlockSkeleton, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(ContentBlockSkeleton, {})
+    ] })
+  ] });
+}
+function ContentBlockSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-8 w-1/3" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-full" }),
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-11/12" }),
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-10/12" }),
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-9/12" })
+    ] })
+  ] });
+}
+function ImageBlockSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-72 w-full rounded-md" });
+}
+function CodeBlockSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-40 w-full rounded-md" });
+}
+
+exports.PostPageSkeleton = PostPageSkeleton;

package/dist/plugins/blog/client/components/loading/post-page-skeleton.mjs

@@ -0,0 +1,54 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { PageHeaderSkeleton } from './page-header-skeleton.mjs';
+import { PageLayout } from '../shared/page-layout.mjs';
+import { Skeleton } from '@workspace/ui/components/skeleton';
+
+function PostPageSkeleton() {
+  return /* @__PURE__ */ jsxs(PageLayout, { children: [
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-3", children: /* @__PURE__ */ jsx(PageHeaderSkeleton, {}) }),
+    /* @__PURE__ */ jsx(PostSkeleton, {})
+  ] });
+}
+function PostSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "w-full space-y-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "hidden space-y-4", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-3/4" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 rounded-full" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-20 rounded-full" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-16 rounded-full" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-24 rounded-full" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-64 w-full rounded-md" }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-10", children: [
+      /* @__PURE__ */ jsx(ContentBlockSkeleton, {}),
+      /* @__PURE__ */ jsx(ImageBlockSkeleton, {}),
+      /* @__PURE__ */ jsx(CodeBlockSkeleton, {}),
+      /* @__PURE__ */ jsx(ContentBlockSkeleton, {})
+    ] })
+  ] });
+}
+function ContentBlockSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-1/3" }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-11/12" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-10/12" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-9/12" })
+    ] })
+  ] });
+}
+function ImageBlockSkeleton() {
+  return /* @__PURE__ */ jsx(Skeleton, { className: "h-72 w-full rounded-md" });
+}
+function CodeBlockSkeleton() {
+  return /* @__PURE__ */ jsx(Skeleton, { className: "h-40 w-full rounded-md" });
+}
+
+export { PostPageSkeleton };

package/dist/plugins/blog/client/components/pages/404-page.cjs

@@ -0,0 +1,19 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const context = require('@btst/stack/context');
+const errorPlaceholder = require('../shared/error-placeholder.cjs');
+const index = require('../../localization/index.cjs');
+const pageWrapper = require('../shared/page-wrapper.cjs');
+
+function NotFoundPage({ message }) {
+  const { localization } = context.usePluginOverrides("blog", {
+    localization: index.BLOG_LOCALIZATION
+  });
+  const title = localization.BLOG_PAGE_NOT_FOUND_TITLE;
+  const desc = message || localization.BLOG_PAGE_NOT_FOUND_DESCRIPTION;
+  return /* @__PURE__ */ jsxRuntime.jsx(pageWrapper.PageWrapper, { testId: "404-page", children: /* @__PURE__ */ jsxRuntime.jsx(errorPlaceholder.ErrorPlaceholder, { title, message: desc }) });
+}
+
+exports.NotFoundPage = NotFoundPage;

package/dist/plugins/blog/client/components/pages/404-page.mjs

@@ -0,0 +1,17 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { usePluginOverrides } from '@btst/stack/context';
+import { ErrorPlaceholder } from '../shared/error-placeholder.mjs';
+import { BLOG_LOCALIZATION } from '../../localization/index.mjs';
+import { PageWrapper } from '../shared/page-wrapper.mjs';
+
+function NotFoundPage({ message }) {
+  const { localization } = usePluginOverrides("blog", {
+    localization: BLOG_LOCALIZATION
+  });
+  const title = localization.BLOG_PAGE_NOT_FOUND_TITLE;
+  const desc = message || localization.BLOG_PAGE_NOT_FOUND_DESCRIPTION;
+  return /* @__PURE__ */ jsx(PageWrapper, { testId: "404-page", children: /* @__PURE__ */ jsx(ErrorPlaceholder, { title, message: desc }) });
+}
+
+export { NotFoundPage };

package/dist/plugins/blog/client/components/pages/edit-post-page.cjs

@@ -0,0 +1,41 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const context = require('@btst/stack/context');
+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 EditPostPage = React.lazy(
+  () => import('./edit-post-page.internal.cjs').then((m) => ({
+    default: m.EditPostPage
+  }))
+);
+function EditPostPageComponent({ slug }) {
+  const { onRouteError } = context.usePluginOverrides("blog");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.ComposedRoute,
+    {
+      path: `/blog/${slug}/edit`,
+      PageComponent: EditPostPage,
+      ErrorComponent: defaultError.DefaultError,
+      LoadingComponent: index.FormLoading,
+      NotFoundComponent: _404Page.NotFoundPage,
+      props: { slug },
+      onError: (error) => {
+        if (onRouteError) {
+          onRouteError("editPost", error, {
+            path: `/blog/${slug}/edit`,
+            isSSR: typeof window === "undefined",
+            slug
+          });
+        }
+      }
+    }
+  );
+}
+
+exports.EditPostPageComponent = EditPostPageComponent;

package/dist/plugins/blog/client/components/pages/edit-post-page.internal.cjs

@@ -0,0 +1,57 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+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 index = require('../../localization/index.cjs');
+const useRouteLifecycle = require('../shared/use-route-lifecycle.cjs');
+
+function EditPostPage({ slug }) {
+  const { localization } = context.usePluginOverrides("blog", {
+    localization: index.BLOG_LOCALIZATION
+  });
+  const basePath = context.useBasePath();
+  const { navigate } = context.usePluginOverrides("blog");
+  useRouteLifecycle.useRouteLifecycle({
+    routeName: "editPost",
+    context: {
+      path: `/blog/${slug}/edit`,
+      params: { slug },
+      isSSR: typeof window === "undefined"
+    },
+    beforeRenderHook: (overrides, context) => {
+      if (overrides.onBeforeEditPostPageRendered) {
+        return overrides.onBeforeEditPostPageRendered(slug, context);
+      }
+      return true;
+    }
+  });
+  const handleClose = () => {
+    navigate(`${basePath}/blog`);
+  };
+  const handleSuccess = (post) => {
+    navigate(`${basePath}/blog/${post.slug}`);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(pageWrapper.PageWrapper, { className: "gap-6", testId: "edit-post-page", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      pageHeader.PageHeader,
+      {
+        title: localization.BLOG_POST_EDIT_TITLE,
+        description: localization.BLOG_POST_EDIT_DESCRIPTION
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      postForms.EditPostForm,
+      {
+        postSlug: slug,
+        onClose: handleClose,
+        onSuccess: handleSuccess
+      }
+    )
+  ] });
+}
+
+exports.EditPostPage = EditPostPage;

package/dist/plugins/blog/client/components/pages/edit-post-page.internal.mjs

@@ -0,0 +1,55 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { usePluginOverrides, useBasePath } from '@btst/stack/context';
+import { EditPostForm } from '../forms/post-forms.mjs';
+import { PageHeader } from '../shared/page-header.mjs';
+import { PageWrapper } from '../shared/page-wrapper.mjs';
+import { BLOG_LOCALIZATION } from '../../localization/index.mjs';
+import { useRouteLifecycle } from '../shared/use-route-lifecycle.mjs';
+
+function EditPostPage({ slug }) {
+  const { localization } = usePluginOverrides("blog", {
+    localization: BLOG_LOCALIZATION
+  });
+  const basePath = useBasePath();
+  const { navigate } = usePluginOverrides("blog");
+  useRouteLifecycle({
+    routeName: "editPost",
+    context: {
+      path: `/blog/${slug}/edit`,
+      params: { slug },
+      isSSR: typeof window === "undefined"
+    },
+    beforeRenderHook: (overrides, context) => {
+      if (overrides.onBeforeEditPostPageRendered) {
+        return overrides.onBeforeEditPostPageRendered(slug, context);
+      }
+      return true;
+    }
+  });
+  const handleClose = () => {
+    navigate(`${basePath}/blog`);
+  };
+  const handleSuccess = (post) => {
+    navigate(`${basePath}/blog/${post.slug}`);
+  };
+  return /* @__PURE__ */ jsxs(PageWrapper, { className: "gap-6", testId: "edit-post-page", children: [
+    /* @__PURE__ */ jsx(
+      PageHeader,
+      {
+        title: localization.BLOG_POST_EDIT_TITLE,
+        description: localization.BLOG_POST_EDIT_DESCRIPTION
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      EditPostForm,
+      {
+        postSlug: slug,
+        onClose: handleClose,
+        onSuccess: handleSuccess
+      }
+    )
+  ] });
+}
+
+export { EditPostPage };

package/dist/plugins/blog/client/components/pages/edit-post-page.mjs

@@ -0,0 +1,39 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { usePluginOverrides } from '@btst/stack/context';
+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';
+
+const EditPostPage = lazy(
+  () => import('./edit-post-page.internal.mjs').then((m) => ({
+    default: m.EditPostPage
+  }))
+);
+function EditPostPageComponent({ slug }) {
+  const { onRouteError } = usePluginOverrides("blog");
+  return /* @__PURE__ */ jsx(
+    ComposedRoute,
+    {
+      path: `/blog/${slug}/edit`,
+      PageComponent: EditPostPage,
+      ErrorComponent: DefaultError,
+      LoadingComponent: FormLoading,
+      NotFoundComponent: NotFoundPage,
+      props: { slug },
+      onError: (error) => {
+        if (onRouteError) {
+          onRouteError("editPost", error, {
+            path: `/blog/${slug}/edit`,
+            isSSR: typeof window === "undefined",
+            slug
+          });
+        }
+      }
+    }
+  );
+}
+
+export { EditPostPageComponent };