@btst/stack 1.4.1 → 1.5.1

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

@@ -0,0 +1,84 @@
+"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 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 cmsHooks = require('../../hooks/cms-hooks.cjs');
+
+function DashboardPage() {
+  const overrides = context.usePluginOverrides("cms");
+  const { navigate } = overrides;
+  const localization = { ...index.CMS_LOCALIZATION, ...overrides.localization };
+  const basePath = context.useBasePath();
+  useRouteLifecycle.useRouteLifecycle({
+    routeName: "dashboard",
+    context: {
+      path: "/cms",
+      isSSR: typeof window === "undefined"
+    },
+    overrides,
+    beforeRenderHook: (overrides2, context) => {
+      if (overrides2.onBeforeDashboardRendered) {
+        return overrides2.onBeforeDashboardRendered(context);
+      }
+      return true;
+    }
+  });
+  const { contentTypes } = cmsHooks.useSuspenseContentTypes();
+  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: localization.CMS_DASHBOARD_TITLE }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: localization.CMS_DASHBOARD_SUBTITLE })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        emptyState.EmptyState,
+        {
+          title: localization.CMS_DASHBOARD_NO_TYPES,
+          description: localization.CMS_DASHBOARD_NO_TYPES_DESCRIPTION
+        }
+      )
+    ] }) });
+  }
+  const formatItemCount = (count) => {
+    if (count === 0) return localization.CMS_DASHBOARD_ITEMS_COUNT_ZERO;
+    if (count === 1) return localization.CMS_DASHBOARD_ITEMS_COUNT_ONE;
+    return localization.CMS_DASHBOARD_ITEMS_COUNT.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: localization.CMS_DASHBOARD_TITLE }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: localization.CMS_DASHBOARD_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: "hover:border-primary/50 transition-colors cursor-pointer",
+        onClick: () => navigate(`${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: "text-lg font-medium", 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/packages/better-stack/src/plugins/cms/client/components/pages/dashboard-page.internal.mjs

@@ -0,0 +1,82 @@
+"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 { 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 { useSuspenseContentTypes } from '../../hooks/cms-hooks.mjs';
+
+function DashboardPage() {
+  const overrides = usePluginOverrides("cms");
+  const { navigate } = overrides;
+  const localization = { ...CMS_LOCALIZATION, ...overrides.localization };
+  const basePath = useBasePath();
+  useRouteLifecycle({
+    routeName: "dashboard",
+    context: {
+      path: "/cms",
+      isSSR: typeof window === "undefined"
+    },
+    overrides,
+    beforeRenderHook: (overrides2, context) => {
+      if (overrides2.onBeforeDashboardRendered) {
+        return overrides2.onBeforeDashboardRendered(context);
+      }
+      return true;
+    }
+  });
+  const { contentTypes } = useSuspenseContentTypes();
+  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: localization.CMS_DASHBOARD_TITLE }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: localization.CMS_DASHBOARD_SUBTITLE })
+      ] }),
+      /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          title: localization.CMS_DASHBOARD_NO_TYPES,
+          description: localization.CMS_DASHBOARD_NO_TYPES_DESCRIPTION
+        }
+      )
+    ] }) });
+  }
+  const formatItemCount = (count) => {
+    if (count === 0) return localization.CMS_DASHBOARD_ITEMS_COUNT_ZERO;
+    if (count === 1) return localization.CMS_DASHBOARD_ITEMS_COUNT_ONE;
+    return localization.CMS_DASHBOARD_ITEMS_COUNT.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: localization.CMS_DASHBOARD_TITLE }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: localization.CMS_DASHBOARD_SUBTITLE })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: contentTypes.map((ct) => /* @__PURE__ */ jsxs(
+      Card,
+      {
+        className: "hover:border-primary/50 transition-colors cursor-pointer",
+        onClick: () => navigate(`${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: "text-lg font-medium", 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/packages/better-stack/src/plugins/cms/client/components/pages/dashboard-page.mjs

@@ -0,0 +1,37 @@
+"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 { 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");
+  return /* @__PURE__ */ jsx(
+    ComposedRoute,
+    {
+      path: "/cms",
+      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/packages/better-stack/src/plugins/cms/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.message || "An unexpected error occurred" }),
+    resetErrorBoundary && /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", onClick: resetErrorBoundary, children: "Try again" })
+  ] });
+}
+
+exports.DefaultError = DefaultError;

package/dist/packages/better-stack/src/plugins/cms/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.message || "An unexpected error occurred" }),
+    resetErrorBoundary && /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: resetErrorBoundary, children: "Try again" })
+  ] });
+}
+
+export { DefaultError };

package/dist/packages/better-stack/src/plugins/cms/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/packages/better-stack/src/plugins/cms/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/packages/better-stack/src/plugins/cms/client/components/shared/page-wrapper.cjs

@@ -0,0 +1,27 @@
+"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');
+
+function PageWrapper({
+  children,
+  className,
+  testId
+}) {
+  const { showAttribution } = context.usePluginOverrides("cms", {
+    showAttribution: true
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    pageWrapper.PageWrapper,
+    {
+      className,
+      testId,
+      showAttribution,
+      children
+    }
+  );
+}
+
+exports.PageWrapper = PageWrapper;

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

@@ -0,0 +1,25 @@
+"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';
+
+function PageWrapper({
+  children,
+  className,
+  testId
+}) {
+  const { showAttribution } = usePluginOverrides("cms", {
+    showAttribution: true
+  });
+  return /* @__PURE__ */ jsx(
+    PageWrapper$1,
+    {
+      className,
+      testId,
+      showAttribution,
+      children
+    }
+  );
+}
+
+export { PageWrapper };