@btst/plugin-cms 0.0.0-stage → 1.0.0

package/dist/client/components/forms/relation-field.cjs

@@ -0,0 +1,237 @@
+'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 multiSelect = require('../../../ui/src/components/multi-select.cjs');
+const button = require('../../../ui/src/components/button.cjs');
+const lucideReact = require('lucide-react');
+const dialog = require('../../../ui/src/components/dialog.cjs');
+const input = require('../../../ui/src/components/input.cjs');
+const label = require('../../../ui/src/components/label.cjs');
+const textarea = require('../../../ui/src/components/textarea.cjs');
+const cmsHooks = require('../../hooks/cms-hooks.cjs');
+
+function RelationField({
+  field,
+  fieldConfigItem,
+  label: label$1,
+  isRequired,
+  relation
+}) {
+  const t = context.useTranslate();
+  const [isCreateDialogOpen, setIsCreateDialogOpen] = React.useState(false);
+  const [newItemName, setNewItemName] = React.useState("");
+  const [newItemDescription, setNewItemDescription] = React.useState("");
+  const [createError, setCreateError] = React.useState(null);
+  const { localization } = context.usePluginOverrides(constants.CMS_PLUGIN_ID);
+  const isSingleSelect = relation.type === "belongsTo";
+  const normalizedValue = React.useMemo(() => {
+    if (!field.value) return [];
+    if (isSingleSelect) {
+      const singleValue = field.value;
+      if (singleValue && singleValue.id) {
+        return [{ id: singleValue.id }];
+      }
+      return [];
+    }
+    return field.value || [];
+  }, [field.value, isSingleSelect]);
+  const { displayField } = relation;
+  const getOptionLabel = React.useCallback(
+    (item) => String(
+      item.parsedData?.[displayField] || item.slug
+    ),
+    [displayField]
+  );
+  const select = cmsHooks.useContentOptions({
+    targetType: relation.targetType,
+    value: normalizedValue.map((v) => v.id),
+    getOptionLabel
+  });
+  const options = select.options.map((option) => ({
+    value: option.value,
+    label: option.label
+  }));
+  const selectedOptions = select.selectedOptions.map((option) => ({
+    value: option.value,
+    label: option.label
+  }));
+  const createMutation = cmsHooks.useCreateContent(relation.targetType);
+  const handleChange = React.useCallback(
+    (newOptions) => {
+      if (isSingleSelect) {
+        if (newOptions.length > 0) {
+          field.onChange({ id: newOptions[0].value });
+        } else {
+          field.onChange(void 0);
+        }
+      } else {
+        const newValue = newOptions.map((opt) => ({ id: opt.value }));
+        field.onChange(newValue);
+      }
+    },
+    [field, isSingleSelect]
+  );
+  const handleCreateItem = async () => {
+    if (!newItemName.trim()) return;
+    setCreateError(null);
+    try {
+      const result = await createMutation.mutateAsync({
+        slug: newItemName.toLowerCase().replace(/\s+/g, "-"),
+        data: {
+          [relation.displayField]: newItemName,
+          description: newItemDescription || void 0
+        }
+      });
+      if (isSingleSelect) {
+        field.onChange({ id: result.id });
+      } else {
+        const newValue = [...normalizedValue, { id: result.id }];
+        field.onChange(newValue);
+      }
+      setNewItemName("");
+      setNewItemDescription("");
+      setIsCreateDialogOpen(false);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : localization?.CMS_RELATION_CREATE_ERROR ?? t(
+        "cms.relations.createError",
+        "Failed to create item. Please try again."
+      );
+      setCreateError(message);
+    }
+  };
+  const handleRemove = React.useCallback(
+    (idToRemove) => {
+      if (isSingleSelect) {
+        field.onChange(void 0);
+      } else {
+        const newValue = normalizedValue.filter((v) => v.id !== idToRemove);
+        field.onChange(newValue);
+      }
+    },
+    [normalizedValue, field, isSingleSelect]
+  );
+  const displayFieldLabel = relation.displayField.charAt(0).toUpperCase() + relation.displayField.slice(1);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(label.Label, { children: [
+      label$1,
+      isRequired && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+        multiSelect,
+        {
+          value: selectedOptions,
+          onChange: handleChange,
+          options,
+          placeholder: select.isLoading ? localization?.CMS_RELATION_LOADING ?? t("cms.relations.loading", "Loading...") : (isSingleSelect ? localization?.CMS_RELATION_SELECT_PLACEHOLDER ?? t(
+            "cms.relations.selectPlaceholder",
+            "Select {targetType}..."
+          ) : localization?.CMS_RELATION_SELECT_PLACEHOLDER_MULTI ?? t(
+            "cms.relations.selectPlaceholderMulti",
+            "Select {targetType}(s)..."
+          )).replace("{targetType}", relation.targetType),
+          disabled: select.isLoading,
+          hidePlaceholderWhenSelected: true,
+          commandProps: { shouldFilter: false },
+          inputProps: { onValueChange: select.setSearch },
+          emptyIndicator: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-sm text-muted-foreground py-4", children: (localization?.CMS_RELATION_EMPTY ?? t("cms.relations.empty", "No {targetType} items found")).replace("{targetType}", relation.targetType) }),
+          maxSelected: isSingleSelect ? 1 : void 0,
+          className: "min-h-10"
+        }
+      ) }),
+      relation.creatable && /* @__PURE__ */ jsxRuntime.jsxs(
+        dialog.Dialog,
+        {
+          open: isCreateDialogOpen,
+          onOpenChange: setIsCreateDialogOpen,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", variant: "outline", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4" }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: (localization?.CMS_RELATION_CREATE_TITLE ?? t("cms.relations.createTitle", "Create New {targetType}")).replace("{targetType}", relation.targetType) }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 py-4", children: [
+                createError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", children: createError }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(label.Label, { htmlFor: "newItemName", children: displayFieldLabel }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    input.Input,
+                    {
+                      id: "newItemName",
+                      value: newItemName,
+                      onChange: (e) => setNewItemName(e.target.value),
+                      placeholder: (localization?.CMS_RELATION_NAME_PLACEHOLDER ?? t("cms.relations.namePlaceholder", "Enter {field}...")).replace("{field}", relation.displayField)
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(label.Label, { htmlFor: "newItemDescription", children: localization?.CMS_RELATION_DESCRIPTION_LABEL ?? t(
+                    "cms.relations.descriptionLabel",
+                    "Description (optional)"
+                  ) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    textarea.Textarea,
+                    {
+                      id: "newItemDescription",
+                      value: newItemDescription,
+                      onChange: (e) => setNewItemDescription(e.target.value),
+                      placeholder: localization?.CMS_RELATION_DESCRIPTION_PLACEHOLDER ?? t(
+                        "cms.relations.descriptionPlaceholder",
+                        "Enter description..."
+                      ),
+                      rows: 3
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    button.Button,
+                    {
+                      type: "button",
+                      variant: "outline",
+                      onClick: () => setIsCreateDialogOpen(false),
+                      children: localization?.CMS_BUTTON_CANCEL ?? t("cms.common.cancel", "Cancel")
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    button.Button,
+                    {
+                      type: "button",
+                      onClick: handleCreateItem,
+                      disabled: !newItemName.trim() || createMutation.isPending,
+                      children: createMutation.isPending ? localization?.CMS_RELATION_CREATING ?? t("cms.relations.creating", "Creating...") : localization?.CMS_RELATION_CREATE_BUTTON ?? t("cms.relations.createButton", "Create")
+                    }
+                  )
+                ] })
+              ] })
+            ] })
+          ]
+        }
+      )
+    ] }),
+    selectedOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1 mt-2", children: selectedOptions.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "inline-flex items-center gap-1 px-2 py-1 text-xs rounded-md bg-secondary text-secondary-foreground",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: opt.label }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => handleRemove(opt.value),
+              className: "hover:text-destructive",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3" })
+            }
+          )
+        ]
+      },
+      opt.value
+    )) }),
+    fieldConfigItem?.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: fieldConfigItem.description })
+  ] });
+}
+
+exports.RelationField = RelationField;

package/dist/client/components/forms/relation-field.mjs

@@ -0,0 +1,235 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useMemo, useCallback } from 'react';
+import { useTranslate, usePluginOverrides } from '@btst/stack/context';
+import { CMS_PLUGIN_ID } from '../../constants.mjs';
+import MultipleSelector from '../../../ui/src/components/multi-select.mjs';
+import { Button } from '../../../ui/src/components/button.mjs';
+import { Plus, X } from 'lucide-react';
+import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle } from '../../../ui/src/components/dialog.mjs';
+import { Input } from '../../../ui/src/components/input.mjs';
+import { Label } from '../../../ui/src/components/label.mjs';
+import { Textarea } from '../../../ui/src/components/textarea.mjs';
+import { useContentOptions, useCreateContent } from '../../hooks/cms-hooks.mjs';
+
+function RelationField({
+  field,
+  fieldConfigItem,
+  label,
+  isRequired,
+  relation
+}) {
+  const t = useTranslate();
+  const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false);
+  const [newItemName, setNewItemName] = useState("");
+  const [newItemDescription, setNewItemDescription] = useState("");
+  const [createError, setCreateError] = useState(null);
+  const { localization } = usePluginOverrides(CMS_PLUGIN_ID);
+  const isSingleSelect = relation.type === "belongsTo";
+  const normalizedValue = useMemo(() => {
+    if (!field.value) return [];
+    if (isSingleSelect) {
+      const singleValue = field.value;
+      if (singleValue && singleValue.id) {
+        return [{ id: singleValue.id }];
+      }
+      return [];
+    }
+    return field.value || [];
+  }, [field.value, isSingleSelect]);
+  const { displayField } = relation;
+  const getOptionLabel = useCallback(
+    (item) => String(
+      item.parsedData?.[displayField] || item.slug
+    ),
+    [displayField]
+  );
+  const select = useContentOptions({
+    targetType: relation.targetType,
+    value: normalizedValue.map((v) => v.id),
+    getOptionLabel
+  });
+  const options = select.options.map((option) => ({
+    value: option.value,
+    label: option.label
+  }));
+  const selectedOptions = select.selectedOptions.map((option) => ({
+    value: option.value,
+    label: option.label
+  }));
+  const createMutation = useCreateContent(relation.targetType);
+  const handleChange = useCallback(
+    (newOptions) => {
+      if (isSingleSelect) {
+        if (newOptions.length > 0) {
+          field.onChange({ id: newOptions[0].value });
+        } else {
+          field.onChange(void 0);
+        }
+      } else {
+        const newValue = newOptions.map((opt) => ({ id: opt.value }));
+        field.onChange(newValue);
+      }
+    },
+    [field, isSingleSelect]
+  );
+  const handleCreateItem = async () => {
+    if (!newItemName.trim()) return;
+    setCreateError(null);
+    try {
+      const result = await createMutation.mutateAsync({
+        slug: newItemName.toLowerCase().replace(/\s+/g, "-"),
+        data: {
+          [relation.displayField]: newItemName,
+          description: newItemDescription || void 0
+        }
+      });
+      if (isSingleSelect) {
+        field.onChange({ id: result.id });
+      } else {
+        const newValue = [...normalizedValue, { id: result.id }];
+        field.onChange(newValue);
+      }
+      setNewItemName("");
+      setNewItemDescription("");
+      setIsCreateDialogOpen(false);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : localization?.CMS_RELATION_CREATE_ERROR ?? t(
+        "cms.relations.createError",
+        "Failed to create item. Please try again."
+      );
+      setCreateError(message);
+    }
+  };
+  const handleRemove = useCallback(
+    (idToRemove) => {
+      if (isSingleSelect) {
+        field.onChange(void 0);
+      } else {
+        const newValue = normalizedValue.filter((v) => v.id !== idToRemove);
+        field.onChange(newValue);
+      }
+    },
+    [normalizedValue, field, isSingleSelect]
+  );
+  const displayFieldLabel = relation.displayField.charAt(0).toUpperCase() + relation.displayField.slice(1);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs(Label, { children: [
+      label,
+      isRequired && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+        MultipleSelector,
+        {
+          value: selectedOptions,
+          onChange: handleChange,
+          options,
+          placeholder: select.isLoading ? localization?.CMS_RELATION_LOADING ?? t("cms.relations.loading", "Loading...") : (isSingleSelect ? localization?.CMS_RELATION_SELECT_PLACEHOLDER ?? t(
+            "cms.relations.selectPlaceholder",
+            "Select {targetType}..."
+          ) : localization?.CMS_RELATION_SELECT_PLACEHOLDER_MULTI ?? t(
+            "cms.relations.selectPlaceholderMulti",
+            "Select {targetType}(s)..."
+          )).replace("{targetType}", relation.targetType),
+          disabled: select.isLoading,
+          hidePlaceholderWhenSelected: true,
+          commandProps: { shouldFilter: false },
+          inputProps: { onValueChange: select.setSearch },
+          emptyIndicator: /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-muted-foreground py-4", children: (localization?.CMS_RELATION_EMPTY ?? t("cms.relations.empty", "No {targetType} items found")).replace("{targetType}", relation.targetType) }),
+          maxSelected: isSingleSelect ? 1 : void 0,
+          className: "min-h-10"
+        }
+      ) }),
+      relation.creatable && /* @__PURE__ */ jsxs(
+        Dialog,
+        {
+          open: isCreateDialogOpen,
+          onOpenChange: setIsCreateDialogOpen,
+          children: [
+            /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "icon", children: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }) }) }),
+            /* @__PURE__ */ jsxs(DialogContent, { children: [
+              /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: (localization?.CMS_RELATION_CREATE_TITLE ?? t("cms.relations.createTitle", "Create New {targetType}")).replace("{targetType}", relation.targetType) }) }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-4 py-4", children: [
+                createError && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: createError }),
+                /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ jsx(Label, { htmlFor: "newItemName", children: displayFieldLabel }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      id: "newItemName",
+                      value: newItemName,
+                      onChange: (e) => setNewItemName(e.target.value),
+                      placeholder: (localization?.CMS_RELATION_NAME_PLACEHOLDER ?? t("cms.relations.namePlaceholder", "Enter {field}...")).replace("{field}", relation.displayField)
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ jsx(Label, { htmlFor: "newItemDescription", children: localization?.CMS_RELATION_DESCRIPTION_LABEL ?? t(
+                    "cms.relations.descriptionLabel",
+                    "Description (optional)"
+                  ) }),
+                  /* @__PURE__ */ jsx(
+                    Textarea,
+                    {
+                      id: "newItemDescription",
+                      value: newItemDescription,
+                      onChange: (e) => setNewItemDescription(e.target.value),
+                      placeholder: localization?.CMS_RELATION_DESCRIPTION_PLACEHOLDER ?? t(
+                        "cms.relations.descriptionPlaceholder",
+                        "Enter description..."
+                      ),
+                      rows: 3
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      variant: "outline",
+                      onClick: () => setIsCreateDialogOpen(false),
+                      children: localization?.CMS_BUTTON_CANCEL ?? t("cms.common.cancel", "Cancel")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      onClick: handleCreateItem,
+                      disabled: !newItemName.trim() || createMutation.isPending,
+                      children: createMutation.isPending ? localization?.CMS_RELATION_CREATING ?? t("cms.relations.creating", "Creating...") : localization?.CMS_RELATION_CREATE_BUTTON ?? t("cms.relations.createButton", "Create")
+                    }
+                  )
+                ] })
+              ] })
+            ] })
+          ]
+        }
+      )
+    ] }),
+    selectedOptions.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 mt-2", children: selectedOptions.map((opt) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "inline-flex items-center gap-1 px-2 py-1 text-xs rounded-md bg-secondary text-secondary-foreground",
+        children: [
+          /* @__PURE__ */ jsx("span", { children: opt.label }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => handleRemove(opt.value),
+              className: "hover:text-destructive",
+              children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+            }
+          )
+        ]
+      },
+      opt.value
+    )) }),
+    fieldConfigItem?.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: fieldConfigItem.description })
+  ] });
+}
+
+export { RelationField };

package/dist/client/components/index.cjs

@@ -0,0 +1,14 @@
+'use client';
+'use strict';
+
+const dashboardPage = require('./pages/dashboard-page.cjs');
+const contentListPage = require('./pages/content-list-page.cjs');
+const contentEditorPage = require('./pages/content-editor-page.cjs');
+
+const DashboardPage = dashboardPage.DashboardPageComponent;
+const ContentListPage = contentListPage.ContentListPageComponent;
+const ContentEditorPage = contentEditorPage.ContentEditorPageComponent;
+
+exports.ContentEditorPage = ContentEditorPage;
+exports.ContentListPage = ContentListPage;
+exports.DashboardPage = DashboardPage;

package/dist/client/components/index.d.cts

@@ -0,0 +1,20 @@
+'use client';
+import { D as DashboardPageComponent } from '../../shared/plugin-cms.BBshPRkb.cjs';
+import * as react from 'react';
+
+interface ContentListPageComponentProps {
+    typeSlug: string;
+}
+declare function ContentListPageComponent({ typeSlug, }: ContentListPageComponentProps): react.JSX.Element;
+
+interface ContentEditorPageComponentProps {
+    typeSlug: string;
+    id?: string;
+}
+declare function ContentEditorPageComponent({ typeSlug, id, }: ContentEditorPageComponentProps): react.JSX.Element;
+
+declare const DashboardPage: typeof DashboardPageComponent;
+declare const ContentListPage: typeof ContentListPageComponent;
+declare const ContentEditorPage: typeof ContentEditorPageComponent;
+
+export { ContentEditorPage, ContentListPage, DashboardPage };

package/dist/client/components/index.d.mts

@@ -0,0 +1,20 @@
+'use client';
+import { D as DashboardPageComponent } from '../../shared/plugin-cms.BBshPRkb.mjs';
+import * as react from 'react';
+
+interface ContentListPageComponentProps {
+    typeSlug: string;
+}
+declare function ContentListPageComponent({ typeSlug, }: ContentListPageComponentProps): react.JSX.Element;
+
+interface ContentEditorPageComponentProps {
+    typeSlug: string;
+    id?: string;
+}
+declare function ContentEditorPageComponent({ typeSlug, id, }: ContentEditorPageComponentProps): react.JSX.Element;
+
+declare const DashboardPage: typeof DashboardPageComponent;
+declare const ContentListPage: typeof ContentListPageComponent;
+declare const ContentEditorPage: typeof ContentEditorPageComponent;
+
+export { ContentEditorPage, ContentListPage, DashboardPage };

package/dist/client/components/index.d.ts

@@ -0,0 +1,20 @@
+'use client';
+import { D as DashboardPageComponent } from '../../shared/plugin-cms.BBshPRkb.js';
+import * as react from 'react';
+
+interface ContentListPageComponentProps {
+    typeSlug: string;
+}
+declare function ContentListPageComponent({ typeSlug, }: ContentListPageComponentProps): react.JSX.Element;
+
+interface ContentEditorPageComponentProps {
+    typeSlug: string;
+    id?: string;
+}
+declare function ContentEditorPageComponent({ typeSlug, id, }: ContentEditorPageComponentProps): react.JSX.Element;
+
+declare const DashboardPage: typeof DashboardPageComponent;
+declare const ContentListPage: typeof ContentListPageComponent;
+declare const ContentEditorPage: typeof ContentEditorPageComponent;
+
+export { ContentEditorPage, ContentListPage, DashboardPage };

package/dist/client/components/index.mjs

@@ -0,0 +1,10 @@
+'use client';
+import { DashboardPageComponent } from './pages/dashboard-page.mjs';
+import { ContentListPageComponent } from './pages/content-list-page.mjs';
+import { ContentEditorPageComponent } from './pages/content-editor-page.mjs';
+
+const DashboardPage = DashboardPageComponent;
+const ContentListPage = ContentListPageComponent;
+const ContentEditorPage = ContentEditorPageComponent;
+
+export { ContentEditorPage, ContentListPage, DashboardPage };