@btst/stack 1.4.1 → 1.5.1

package/dist/packages/better-stack/src/plugins/cms/client/components/pages/content-editor-page.internal.mjs

@@ -0,0 +1,98 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ArrowLeft } from 'lucide-react';
+import { Button } from '../../../../../../../ui/src/components/button.mjs';
+import { usePluginOverrides, useBasePath } from '@btst/stack/context';
+import { ContentForm } from '../forms/content-form.mjs';
+import { EmptyState } from '../shared/empty-state.mjs';
+import { PageWrapper } from '../shared/page-wrapper.mjs';
+import { EditorSkeleton } from '../loading/editor-skeleton.mjs';
+import { CMS_LOCALIZATION } from '../../localization/index.mjs';
+import { useRouteLifecycle } from '../../../../../../../ui/src/hooks/use-route-lifecycle.mjs';
+import { useSuspenseContentTypes, useContentItem, useCreateContent, useUpdateContent } from '../../hooks/cms-hooks.mjs';
+
+function ContentEditorPage({ typeSlug, id }) {
+  const overrides = usePluginOverrides("cms");
+  const { navigate } = overrides;
+  const localization = { ...CMS_LOCALIZATION, ...overrides.localization };
+  const basePath = useBasePath();
+  useRouteLifecycle({
+    routeName: "contentEditor",
+    context: {
+      path: id ? `/cms/${typeSlug}/${id}` : `/cms/${typeSlug}/new`,
+      params: id ? { typeSlug, id } : { typeSlug },
+      isSSR: typeof window === "undefined"
+    },
+    overrides,
+    beforeRenderHook: (overrides2, context) => {
+      if (overrides2.onBeforeEditorRendered) {
+        return overrides2.onBeforeEditorRendered(typeSlug, id ?? null, context);
+      }
+      return true;
+    }
+  });
+  const { contentTypes } = useSuspenseContentTypes();
+  const contentType = contentTypes.find((ct) => ct.slug === typeSlug);
+  const isEditing = !!id;
+  const { item, isLoading: isLoadingItem } = useContentItem(typeSlug, id ?? "");
+  const createContent = useCreateContent(typeSlug);
+  const updateContent = useUpdateContent(typeSlug);
+  if (!contentType) {
+    return /* @__PURE__ */ jsx(PageWrapper, { testId: "cms-editor-page", children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        title: localization.CMS_ERROR_NOT_FOUND,
+        description: "Content type not found"
+      }
+    ) }) });
+  }
+  if (isEditing && isLoadingItem) {
+    return /* @__PURE__ */ jsx(PageWrapper, { testId: "cms-editor-page", children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ jsx(EditorSkeleton, {}) }) });
+  }
+  if (isEditing && !item) {
+    return /* @__PURE__ */ jsx(PageWrapper, { testId: "cms-editor-page", children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        title: localization.CMS_ERROR_NOT_FOUND,
+        description: "Content item not found"
+      }
+    ) }) });
+  }
+  const handleSubmit = async (data) => {
+    if (isEditing && id) {
+      await updateContent.mutateAsync({ id, data });
+    } else {
+      await createContent.mutateAsync(data);
+    }
+    navigate(`${basePath}/cms/${typeSlug}`);
+  };
+  const title = isEditing ? localization.CMS_EDITOR_TITLE_EDIT.replace("{typeName}", contentType.name) : localization.CMS_EDITOR_TITLE_NEW.replace("{typeName}", contentType.name);
+  return /* @__PURE__ */ jsx(PageWrapper, { testId: "cms-editor-page", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-2xl space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon",
+          onClick: () => navigate(`${basePath}/cms/${typeSlug}`),
+          children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight", children: title })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ContentForm,
+      {
+        contentType,
+        initialData: item?.parsedData,
+        initialSlug: item?.slug,
+        isEditing,
+        onSubmit: handleSubmit,
+        onCancel: () => navigate(`${basePath}/cms/${typeSlug}`)
+      },
+      isEditing ? `edit-${id}` : "create"
+    )
+  ] }) });
+}
+
+export { ContentEditorPage };

package/dist/packages/better-stack/src/plugins/cms/client/components/pages/content-editor-page.mjs

@@ -0,0 +1,44 @@
+"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 { NotFoundPage } from './404-page.mjs';
+import { EditorSkeleton } from '../loading/editor-skeleton.mjs';
+
+const ContentEditorPageInternal = lazy(
+  () => import('./content-editor-page.internal.mjs').then((m) => ({
+    default: m.ContentEditorPage
+  }))
+);
+function ContentEditorPageComponent({
+  typeSlug,
+  id
+}) {
+  const { onRouteError } = usePluginOverrides("cms");
+  const isNew = !id;
+  const path = isNew ? `/cms/${typeSlug}/new` : `/cms/${typeSlug}/${id}`;
+  return /* @__PURE__ */ jsx(
+    ComposedRoute,
+    {
+      path,
+      PageComponent: ContentEditorPageInternal,
+      ErrorComponent: DefaultError,
+      LoadingComponent: EditorSkeleton,
+      NotFoundComponent: NotFoundPage,
+      props: { typeSlug, id },
+      onError: (error) => {
+        if (onRouteError) {
+          onRouteError("contentEditor", error, {
+            path,
+            params: { typeSlug, id: id ?? "" },
+            isSSR: typeof window === "undefined"
+          });
+        }
+      }
+    }
+  );
+}
+
+export { ContentEditorPageComponent };

package/dist/packages/better-stack/src/plugins/cms/client/components/pages/content-list-page.cjs

@@ -0,0 +1,43 @@
+"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 _404Page = require('./404-page.cjs');
+const listSkeleton = require('../loading/list-skeleton.cjs');
+
+const ContentListPageInternal = React.lazy(
+  () => import('./content-list-page.internal.cjs').then((m) => ({
+    default: m.ContentListPage
+  }))
+);
+function ContentListPageComponent({
+  typeSlug
+}) {
+  const { onRouteError } = context.usePluginOverrides("cms");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.ComposedRoute,
+    {
+      path: `/cms/${typeSlug}`,
+      PageComponent: ContentListPageInternal,
+      ErrorComponent: defaultError.DefaultError,
+      LoadingComponent: listSkeleton.ListSkeleton,
+      NotFoundComponent: _404Page.NotFoundPage,
+      props: { typeSlug },
+      onError: (error) => {
+        if (onRouteError) {
+          onRouteError("contentList", error, {
+            path: `/cms/${typeSlug}`,
+            params: { typeSlug },
+            isSSR: typeof window === "undefined"
+          });
+        }
+      }
+    }
+  );
+}
+
+exports.ContentListPageComponent = ContentListPageComponent;

package/dist/packages/better-stack/src/plugins/cms/client/components/pages/content-list-page.internal.cjs

@@ -0,0 +1,165 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const button = require('../../../../../../../ui/src/components/button.cjs');
+const table = require('../../../../../../../ui/src/components/table.cjs');
+const context = require('@btst/stack/context');
+const emptyState = require('../shared/empty-state.cjs');
+const pageWrapper = require('../shared/page-wrapper.cjs');
+const index = require('../../localization/index.cjs');
+const useRouteLifecycle = require('../../../../../../../ui/src/hooks/use-route-lifecycle.cjs');
+const sonner = require('sonner');
+const cmsHooks = require('../../hooks/cms-hooks.cjs');
+
+function ContentListPage({ typeSlug }) {
+  const overrides = context.usePluginOverrides("cms");
+  const { navigate, Link } = overrides;
+  const localization = { ...index.CMS_LOCALIZATION, ...overrides.localization };
+  const basePath = context.useBasePath();
+  useRouteLifecycle.useRouteLifecycle({
+    routeName: "contentList",
+    context: {
+      path: `/cms/${typeSlug}`,
+      params: { typeSlug },
+      isSSR: typeof window === "undefined"
+    },
+    overrides,
+    beforeRenderHook: (overrides2, context) => {
+      if (overrides2.onBeforeListRendered) {
+        return overrides2.onBeforeListRendered(typeSlug, context);
+      }
+      return true;
+    }
+  });
+  const limit = 20;
+  const { contentTypes } = cmsHooks.useSuspenseContentTypes();
+  const contentType = contentTypes.find((ct) => ct.slug === typeSlug);
+  const { items, total, refetch, loadMore, hasMore, isLoadingMore } = cmsHooks.useSuspenseContent(typeSlug, {
+    limit
+  });
+  const deleteContent = cmsHooks.useDeleteContent(typeSlug);
+  const LinkComponent = Link || "a";
+  const handleDelete = async (id) => {
+    try {
+      await deleteContent.mutateAsync(id);
+      sonner.toast.success(localization.CMS_TOAST_DELETE_SUCCESS);
+      void refetch();
+    } catch {
+      sonner.toast.error(localization.CMS_TOAST_ERROR);
+    }
+  };
+  const formatDate = (dateString) => {
+    return new Date(dateString).toLocaleDateString();
+  };
+  if (!contentType) {
+    return /* @__PURE__ */ jsxRuntime.jsx(pageWrapper.PageWrapper, { testId: "cms-list-page", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-5xl", children: /* @__PURE__ */ jsxRuntime.jsx(
+      emptyState.EmptyState,
+      {
+        title: localization.CMS_ERROR_NOT_FOUND,
+        description: "Content type not found"
+      }
+    ) }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(pageWrapper.PageWrapper, { testId: "cms-list-page", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-5xl space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          button.Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            onClick: () => navigate(`${basePath}/cms`),
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold tracking-tight", children: contentType.name }),
+          contentType.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: contentType.description })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { onClick: () => navigate(`${basePath}/cms/${typeSlug}/new`), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4 mr-2" }),
+        localization.CMS_BUTTON_NEW_ITEM
+      ] })
+    ] }),
+    items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+      emptyState.EmptyState,
+      {
+        title: localization.CMS_LIST_EMPTY,
+        description: localization.CMS_LIST_EMPTY_DESCRIPTION,
+        action: /* @__PURE__ */ jsxRuntime.jsxs(
+          button.Button,
+          {
+            onClick: () => navigate(`${basePath}/cms/${typeSlug}/new`),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4 mr-2" }),
+              localization.CMS_BUTTON_CREATE
+            ]
+          }
+        )
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border rounded-lg", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(table.Table, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(table.TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(table.TableRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: localization.CMS_LIST_COLUMN_SLUG }),
+          /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: localization.CMS_LIST_COLUMN_CREATED }),
+          /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: localization.CMS_LIST_COLUMN_UPDATED }),
+          /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { className: "w-[100px]", children: localization.CMS_LIST_COLUMN_ACTIONS })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(table.TableBody, { children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(table.TableRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { className: "font-medium", children: /* @__PURE__ */ jsxRuntime.jsx(
+            LinkComponent,
+            {
+              href: `${basePath}/cms/${typeSlug}/${item.id}`,
+              className: "hover:underline",
+              children: item.slug
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: formatDate(item.createdAt) }),
+          /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: formatDate(item.updatedAt) }),
+          /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              button.Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                onClick: () => navigate(`${basePath}/cms/${typeSlug}/${item.id}`),
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              button.Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                onClick: () => handleDelete(item.id),
+                disabled: deleteContent.isPending,
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-4 w-4 text-destructive" })
+              }
+            )
+          ] }) })
+        ] }, item.id)) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-t", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: localization.CMS_LIST_PAGINATION_SHOWING.replace("{from}", "1").replace("{to}", String(items.length)).replace("{total}", String(total)) }),
+        hasMore && /* @__PURE__ */ jsxRuntime.jsxs(
+          button.Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => loadMore(),
+            disabled: isLoadingMore,
+            children: [
+              isLoadingMore && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
+              localization.CMS_LIST_PAGINATION_NEXT
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+
+exports.ContentListPage = ContentListPage;

package/dist/packages/better-stack/src/plugins/cms/client/components/pages/content-list-page.internal.mjs

@@ -0,0 +1,163 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ArrowLeft, Plus, Pencil, Trash2, Loader2 } from 'lucide-react';
+import { Button } from '../../../../../../../ui/src/components/button.mjs';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../../../../../../../ui/src/components/table.mjs';
+import { usePluginOverrides, useBasePath } from '@btst/stack/context';
+import { EmptyState } from '../shared/empty-state.mjs';
+import { PageWrapper } from '../shared/page-wrapper.mjs';
+import { CMS_LOCALIZATION } from '../../localization/index.mjs';
+import { useRouteLifecycle } from '../../../../../../../ui/src/hooks/use-route-lifecycle.mjs';
+import { toast } from 'sonner';
+import { useSuspenseContentTypes, useSuspenseContent, useDeleteContent } from '../../hooks/cms-hooks.mjs';
+
+function ContentListPage({ typeSlug }) {
+  const overrides = usePluginOverrides("cms");
+  const { navigate, Link } = overrides;
+  const localization = { ...CMS_LOCALIZATION, ...overrides.localization };
+  const basePath = useBasePath();
+  useRouteLifecycle({
+    routeName: "contentList",
+    context: {
+      path: `/cms/${typeSlug}`,
+      params: { typeSlug },
+      isSSR: typeof window === "undefined"
+    },
+    overrides,
+    beforeRenderHook: (overrides2, context) => {
+      if (overrides2.onBeforeListRendered) {
+        return overrides2.onBeforeListRendered(typeSlug, context);
+      }
+      return true;
+    }
+  });
+  const limit = 20;
+  const { contentTypes } = useSuspenseContentTypes();
+  const contentType = contentTypes.find((ct) => ct.slug === typeSlug);
+  const { items, total, refetch, loadMore, hasMore, isLoadingMore } = useSuspenseContent(typeSlug, {
+    limit
+  });
+  const deleteContent = useDeleteContent(typeSlug);
+  const LinkComponent = Link || "a";
+  const handleDelete = async (id) => {
+    try {
+      await deleteContent.mutateAsync(id);
+      toast.success(localization.CMS_TOAST_DELETE_SUCCESS);
+      void refetch();
+    } catch {
+      toast.error(localization.CMS_TOAST_ERROR);
+    }
+  };
+  const formatDate = (dateString) => {
+    return new Date(dateString).toLocaleDateString();
+  };
+  if (!contentType) {
+    return /* @__PURE__ */ jsx(PageWrapper, { testId: "cms-list-page", children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-5xl", children: /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        title: localization.CMS_ERROR_NOT_FOUND,
+        description: "Content type not found"
+      }
+    ) }) });
+  }
+  return /* @__PURE__ */ jsx(PageWrapper, { testId: "cms-list-page", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-5xl space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            onClick: () => navigate(`${basePath}/cms`),
+            children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight", children: contentType.name }),
+          contentType.description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: contentType.description })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { onClick: () => navigate(`${basePath}/cms/${typeSlug}/new`), children: [
+        /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
+        localization.CMS_BUTTON_NEW_ITEM
+      ] })
+    ] }),
+    items.length === 0 ? /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        title: localization.CMS_LIST_EMPTY,
+        description: localization.CMS_LIST_EMPTY_DESCRIPTION,
+        action: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            onClick: () => navigate(`${basePath}/cms/${typeSlug}/new`),
+            children: [
+              /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
+              localization.CMS_BUTTON_CREATE
+            ]
+          }
+        )
+      }
+    ) : /* @__PURE__ */ jsxs("div", { className: "border rounded-lg", children: [
+      /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsx(TableHead, { children: localization.CMS_LIST_COLUMN_SLUG }),
+          /* @__PURE__ */ jsx(TableHead, { children: localization.CMS_LIST_COLUMN_CREATED }),
+          /* @__PURE__ */ jsx(TableHead, { children: localization.CMS_LIST_COLUMN_UPDATED }),
+          /* @__PURE__ */ jsx(TableHead, { className: "w-[100px]", children: localization.CMS_LIST_COLUMN_ACTIONS })
+        ] }) }),
+        /* @__PURE__ */ jsx(TableBody, { children: items.map((item) => /* @__PURE__ */ jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: /* @__PURE__ */ jsx(
+            LinkComponent,
+            {
+              href: `${basePath}/cms/${typeSlug}/${item.id}`,
+              className: "hover:underline",
+              children: item.slug
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TableCell, { children: formatDate(item.createdAt) }),
+          /* @__PURE__ */ jsx(TableCell, { children: formatDate(item.updatedAt) }),
+          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                onClick: () => navigate(`${basePath}/cms/${typeSlug}/${item.id}`),
+                children: /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                onClick: () => handleDelete(item.id),
+                disabled: deleteContent.isPending,
+                children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-destructive" })
+              }
+            )
+          ] }) })
+        ] }, item.id)) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-t", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: localization.CMS_LIST_PAGINATION_SHOWING.replace("{from}", "1").replace("{to}", String(items.length)).replace("{total}", String(total)) }),
+        hasMore && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => loadMore(),
+            disabled: isLoadingMore,
+            children: [
+              isLoadingMore && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
+              localization.CMS_LIST_PAGINATION_NEXT
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+
+export { ContentListPage };

package/dist/packages/better-stack/src/plugins/cms/client/components/pages/content-list-page.mjs

@@ -0,0 +1,41 @@
+"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 { NotFoundPage } from './404-page.mjs';
+import { ListSkeleton } from '../loading/list-skeleton.mjs';
+
+const ContentListPageInternal = lazy(
+  () => import('./content-list-page.internal.mjs').then((m) => ({
+    default: m.ContentListPage
+  }))
+);
+function ContentListPageComponent({
+  typeSlug
+}) {
+  const { onRouteError } = usePluginOverrides("cms");
+  return /* @__PURE__ */ jsx(
+    ComposedRoute,
+    {
+      path: `/cms/${typeSlug}`,
+      PageComponent: ContentListPageInternal,
+      ErrorComponent: DefaultError,
+      LoadingComponent: ListSkeleton,
+      NotFoundComponent: NotFoundPage,
+      props: { typeSlug },
+      onError: (error) => {
+        if (onRouteError) {
+          onRouteError("contentList", error, {
+            path: `/cms/${typeSlug}`,
+            params: { typeSlug },
+            isSSR: typeof window === "undefined"
+          });
+        }
+      }
+    }
+  );
+}
+
+export { ContentListPageComponent };

package/dist/packages/better-stack/src/plugins/cms/client/components/pages/dashboard-page.cjs

@@ -0,0 +1,39 @@
+"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 _404Page = require('./404-page.cjs');
+const dashboardSkeleton = require('../loading/dashboard-skeleton.cjs');
+
+const DashboardPageInternal = React.lazy(
+  () => import('./dashboard-page.internal.cjs').then((m) => ({
+    default: m.DashboardPage
+  }))
+);
+function DashboardPageComponent() {
+  const { onRouteError } = context.usePluginOverrides("cms");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.ComposedRoute,
+    {
+      path: "/cms",
+      PageComponent: DashboardPageInternal,
+      ErrorComponent: defaultError.DefaultError,
+      LoadingComponent: dashboardSkeleton.DashboardSkeleton,
+      NotFoundComponent: _404Page.NotFoundPage,
+      onError: (error) => {
+        if (onRouteError) {
+          onRouteError("dashboard", error, {
+            path: "/cms",
+            isSSR: typeof window === "undefined"
+          });
+        }
+      }
+    }
+  );
+}
+
+exports.DashboardPageComponent = DashboardPageComponent;