@btst/plugin-cms 0.0.0-stage → 1.0.0

package/dist/client/components/pages/content-list-page.mjs

@@ -0,0 +1,47 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { usePluginOverrides } from '@btst/stack/context';
+import { CMS_PLUGIN_ID } from '../../constants.mjs';
+import { ComposedRoute } from '@btst/stack/client/components';
+import { DefaultError } from '../shared/default-error.mjs';
+import { NotFoundPage } from './404-page.mjs';
+import { cmsPermissions } from '../../../permissions.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_PLUGIN_ID);
+  return /* @__PURE__ */ jsx(
+    ComposedRoute,
+    {
+      path: `/cms/${typeSlug}`,
+      permission: cmsPermissions.record.read({
+        contentType: typeSlug,
+        scope: "collection"
+      }),
+      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/client/components/pages/dashboard-page.cjs

@@ -0,0 +1,42 @@
+'use client';
+'use strict';
+
+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 _404Page = require('./404-page.cjs');
+const permissions = require('../../../permissions.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(constants.CMS_PLUGIN_ID);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.ComposedRoute,
+    {
+      path: "/cms",
+      permission: permissions.cmsPermissions.contentType.read({}),
+      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;

package/dist/client/components/pages/dashboard-page.internal.cjs

@@ -0,0 +1,102 @@
+'use client';
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const card = require('../../../ui/src/components/card.cjs');
+const context = require('@btst/stack/context');
+const overrides = require('../../overrides.cjs');
+const constants = require('../../constants.cjs');
+const emptyState = require('../shared/empty-state.cjs');
+const pageWrapper = require('../shared/page-wrapper.cjs');
+const useRouteLifecycle = require('../../../ui/src/hooks/use-route-lifecycle.cjs');
+const utils = require('../../../utils.cjs');
+const cmsHooks = require('../../hooks/cms-hooks.cjs');
+
+function DashboardPage() {
+  const t = context.useTranslate();
+  const overrides$1 = context.usePluginOverrides(constants.CMS_PLUGIN_ID);
+  const { localization, classNames } = overrides$1;
+  const { router, plugins, basePath: stackBasePath } = context.useStack();
+  const navigate = router?.navigate;
+  const basePath = plugins?.[constants.CMS_PLUGIN_ID]?.site.basePath ?? stackBasePath;
+  useRouteLifecycle.useRouteLifecycle({
+    routeName: "dashboard",
+    context: {
+      path: "/cms",
+      isSSR: typeof window === "undefined"
+    },
+    overrides: overrides$1
+  });
+  const { contentTypes: serverContentTypes } = cmsHooks.useSuspenseContentTypes();
+  const contentTypes = overrides.orderCMSContentTypes(
+    serverContentTypes,
+    plugins?.[constants.CMS_PLUGIN_ID]?.config
+  );
+  const title = localization?.CMS_DASHBOARD_TITLE ?? t("cms.dashboard.title", "Content");
+  const subtitle = localization?.CMS_DASHBOARD_SUBTITLE ?? t("cms.dashboard.subtitle", "Manage your content types");
+  if (contentTypes.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(pageWrapper.PageWrapper, { testId: "cms-dashboard-page", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-5xl space-y-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold tracking-tight", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        emptyState.EmptyState,
+        {
+          title: localization?.CMS_DASHBOARD_NO_TYPES ?? t("cms.dashboard.noTypes", "No content types configured"),
+          description: localization?.CMS_DASHBOARD_NO_TYPES_DESCRIPTION ?? t(
+            "cms.dashboard.noTypesDescription",
+            "Add content types to your CMS configuration to get started."
+          )
+        }
+      )
+    ] }) });
+  }
+  const formatItemCount = (count) => {
+    if (count === 0)
+      return localization?.CMS_DASHBOARD_ITEMS_COUNT_ZERO ?? t("cms.dashboard.itemsCountZero", "No items");
+    if (count === 1)
+      return localization?.CMS_DASHBOARD_ITEMS_COUNT_ONE ?? t("cms.dashboard.itemsCountOne", "1 item");
+    return (localization?.CMS_DASHBOARD_ITEMS_COUNT ?? t("cms.dashboard.itemsCount", "{count} items")).replace("{count}", String(count));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(pageWrapper.PageWrapper, { testId: "cms-dashboard-page", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-5xl space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold tracking-tight", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: subtitle })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: contentTypes.map((ct) => /* @__PURE__ */ jsxRuntime.jsxs(
+      card.Card,
+      {
+        className: utils.cn(
+          "hover:border-primary/50 transition-colors cursor-pointer",
+          classNames?.contentTypeCard
+        ),
+        onClick: () => void navigate?.(context.joinBasePath(basePath, `/cms/${ct.slug}`)),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(card.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              card.CardTitle,
+              {
+                className: utils.cn(
+                  "text-lg font-medium",
+                  classNames?.contentTypeTitle
+                ),
+                children: ct.name
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-5 w-5 text-muted-foreground" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(card.CardContent, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-bold", children: ct.itemCount }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: formatItemCount(ct.itemCount) }),
+            ct.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-2 line-clamp-2", children: ct.description })
+          ] })
+        ]
+      },
+      ct.id
+    )) })
+  ] }) });
+}
+
+exports.DashboardPage = DashboardPage;

package/dist/client/components/pages/dashboard-page.internal.mjs

@@ -0,0 +1,100 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { FileText } from 'lucide-react';
+import { Card, CardHeader, CardTitle, CardContent } from '../../../ui/src/components/card.mjs';
+import { useTranslate, usePluginOverrides, useStack, joinBasePath } from '@btst/stack/context';
+import { orderCMSContentTypes } from '../../overrides.mjs';
+import { CMS_PLUGIN_ID } from '../../constants.mjs';
+import { EmptyState } from '../shared/empty-state.mjs';
+import { PageWrapper } from '../shared/page-wrapper.mjs';
+import { useRouteLifecycle } from '../../../ui/src/hooks/use-route-lifecycle.mjs';
+import { cn } from '../../../utils.mjs';
+import { useSuspenseContentTypes } from '../../hooks/cms-hooks.mjs';
+
+function DashboardPage() {
+  const t = useTranslate();
+  const overrides = usePluginOverrides(CMS_PLUGIN_ID);
+  const { localization, classNames } = overrides;
+  const { router, plugins, basePath: stackBasePath } = useStack();
+  const navigate = router?.navigate;
+  const basePath = plugins?.[CMS_PLUGIN_ID]?.site.basePath ?? stackBasePath;
+  useRouteLifecycle({
+    routeName: "dashboard",
+    context: {
+      path: "/cms",
+      isSSR: typeof window === "undefined"
+    },
+    overrides
+  });
+  const { contentTypes: serverContentTypes } = useSuspenseContentTypes();
+  const contentTypes = orderCMSContentTypes(
+    serverContentTypes,
+    plugins?.[CMS_PLUGIN_ID]?.config
+  );
+  const title = localization?.CMS_DASHBOARD_TITLE ?? t("cms.dashboard.title", "Content");
+  const subtitle = localization?.CMS_DASHBOARD_SUBTITLE ?? t("cms.dashboard.subtitle", "Manage your content types");
+  if (contentTypes.length === 0) {
+    return /* @__PURE__ */ jsx(PageWrapper, { testId: "cms-dashboard-page", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-5xl space-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight", children: title }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          title: localization?.CMS_DASHBOARD_NO_TYPES ?? t("cms.dashboard.noTypes", "No content types configured"),
+          description: localization?.CMS_DASHBOARD_NO_TYPES_DESCRIPTION ?? t(
+            "cms.dashboard.noTypesDescription",
+            "Add content types to your CMS configuration to get started."
+          )
+        }
+      )
+    ] }) });
+  }
+  const formatItemCount = (count) => {
+    if (count === 0)
+      return localization?.CMS_DASHBOARD_ITEMS_COUNT_ZERO ?? t("cms.dashboard.itemsCountZero", "No items");
+    if (count === 1)
+      return localization?.CMS_DASHBOARD_ITEMS_COUNT_ONE ?? t("cms.dashboard.itemsCountOne", "1 item");
+    return (localization?.CMS_DASHBOARD_ITEMS_COUNT ?? t("cms.dashboard.itemsCount", "{count} items")).replace("{count}", String(count));
+  };
+  return /* @__PURE__ */ jsx(PageWrapper, { testId: "cms-dashboard-page", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-5xl space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: subtitle })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: contentTypes.map((ct) => /* @__PURE__ */ jsxs(
+      Card,
+      {
+        className: cn(
+          "hover:border-primary/50 transition-colors cursor-pointer",
+          classNames?.contentTypeCard
+        ),
+        onClick: () => void navigate?.(joinBasePath(basePath, `/cms/${ct.slug}`)),
+        children: [
+          /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+            /* @__PURE__ */ jsx(
+              CardTitle,
+              {
+                className: cn(
+                  "text-lg font-medium",
+                  classNames?.contentTypeTitle
+                ),
+                children: ct.name
+              }
+            ),
+            /* @__PURE__ */ jsx(FileText, { className: "h-5 w-5 text-muted-foreground" })
+          ] }),
+          /* @__PURE__ */ jsxs(CardContent, { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold", children: ct.itemCount }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: formatItemCount(ct.itemCount) }),
+            ct.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-2 line-clamp-2", children: ct.description })
+          ] })
+        ]
+      },
+      ct.id
+    )) })
+  ] }) });
+}
+
+export { DashboardPage };

package/dist/client/components/pages/dashboard-page.mjs

@@ -0,0 +1,40 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { usePluginOverrides } from '@btst/stack/context';
+import { CMS_PLUGIN_ID } from '../../constants.mjs';
+import { ComposedRoute } from '@btst/stack/client/components';
+import { DefaultError } from '../shared/default-error.mjs';
+import { NotFoundPage } from './404-page.mjs';
+import { cmsPermissions } from '../../../permissions.mjs';
+import { DashboardSkeleton } from '../loading/dashboard-skeleton.mjs';
+
+const DashboardPageInternal = lazy(
+  () => import('./dashboard-page.internal.mjs').then((m) => ({
+    default: m.DashboardPage
+  }))
+);
+function DashboardPageComponent() {
+  const { onRouteError } = usePluginOverrides(CMS_PLUGIN_ID);
+  return /* @__PURE__ */ jsx(
+    ComposedRoute,
+    {
+      path: "/cms",
+      permission: cmsPermissions.contentType.read({}),
+      PageComponent: DashboardPageInternal,
+      ErrorComponent: DefaultError,
+      LoadingComponent: DashboardSkeleton,
+      NotFoundComponent: NotFoundPage,
+      onError: (error) => {
+        if (onRouteError) {
+          onRouteError("dashboard", error, {
+            path: "/cms",
+            isSSR: typeof window === "undefined"
+          });
+        }
+      }
+    }
+  );
+}
+
+export { DashboardPageComponent };

package/dist/client/components/shared/default-error.cjs

@@ -0,0 +1,17 @@
+'use client';
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const button = require('../../../ui/src/components/button.cjs');
+
+function DefaultError({ error, resetErrorBoundary }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-destructive/10 p-4 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-8 w-8 text-destructive" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: "Something went wrong" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: (error instanceof Error ? error.message : void 0) || "An unexpected error occurred" }),
+    resetErrorBoundary && /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", onClick: resetErrorBoundary, children: "Try again" })
+  ] });
+}
+
+exports.DefaultError = DefaultError;

package/dist/client/components/shared/default-error.mjs

@@ -0,0 +1,15 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { AlertCircle } from 'lucide-react';
+import { Button } from '../../../ui/src/components/button.mjs';
+
+function DefaultError({ error, resetErrorBoundary }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "rounded-full bg-destructive/10 p-4 mb-4", children: /* @__PURE__ */ jsx(AlertCircle, { className: "h-8 w-8 text-destructive" }) }),
+    /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: "Something went wrong" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: (error instanceof Error ? error.message : void 0) || "An unexpected error occurred" }),
+    resetErrorBoundary && /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: resetErrorBoundary, children: "Try again" })
+  ] });
+}
+
+export { DefaultError };

package/dist/client/components/shared/empty-state.cjs

@@ -0,0 +1,16 @@
+'use client';
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+
+function EmptyState({ title, description, action }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-muted p-4 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Inbox, { className: "h-8 w-8 text-muted-foreground" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: title }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: description }),
+    action
+  ] });
+}
+
+exports.EmptyState = EmptyState;

package/dist/client/components/shared/empty-state.mjs

@@ -0,0 +1,14 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Inbox } from 'lucide-react';
+
+function EmptyState({ title, description, action }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "rounded-full bg-muted p-4 mb-4", children: /* @__PURE__ */ jsx(Inbox, { className: "h-8 w-8 text-muted-foreground" }) }),
+    /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: title }),
+    description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: description }),
+    action
+  ] });
+}
+
+export { EmptyState };

package/dist/client/components/shared/page-wrapper.cjs

@@ -0,0 +1,29 @@
+'use client';
+'use strict';
+
+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');
+const utils = require('../../../utils.cjs');
+
+function PageWrapper({
+  children,
+  className,
+  testId
+}) {
+  const { showAttribution, classNames } = context.usePluginOverrides(constants.CMS_PLUGIN_ID, {
+    showAttribution: true
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    pageWrapper.PageWrapper,
+    {
+      className: utils.cn(className, classNames?.container),
+      testId,
+      showAttribution,
+      children
+    }
+  );
+}
+
+exports.PageWrapper = PageWrapper;

package/dist/client/components/shared/page-wrapper.mjs

@@ -0,0 +1,27 @@
+'use client';
+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 { CMS_PLUGIN_ID } from '../../constants.mjs';
+import { cn } from '../../../utils.mjs';
+
+function PageWrapper({
+  children,
+  className,
+  testId
+}) {
+  const { showAttribution, classNames } = usePluginOverrides(CMS_PLUGIN_ID, {
+    showAttribution: true
+  });
+  return /* @__PURE__ */ jsx(
+    PageWrapper$1,
+    {
+      className: cn(className, classNames?.container),
+      testId,
+      showAttribution,
+      children
+    }
+  );
+}
+
+export { PageWrapper };

package/dist/client/constants.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const CMS_PLUGIN_ID = "cms";
+
+exports.CMS_PLUGIN_ID = CMS_PLUGIN_ID;

package/dist/client/constants.mjs

@@ -0,0 +1,3 @@
+const CMS_PLUGIN_ID = "cms";
+
+export { CMS_PLUGIN_ID };