convex-cms 0.0.3 → 0.0.5-alpha.2

package/admin-dist/server/_ssr/{taxonomies-C8j8g5Q5.mjs → taxonomies-CueMHTbE.mjs}

@@ -1,14 +1,15 @@
-import { r as reactExports, j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
-import { a as api, c as cn } from "./router-DDWcF-kt.mjs";
-import { C as CmsEmptyState, b as CmsConfirmDialog, c as CmsDialog, I as Input, a as Checkbox } from "./CmsEmptyState-DU7-7-mV.mjs";
-import { C as CmsButton, B as Badge } from "./badge-6BsP37vG.mjs";
-import { L as Label } from "./label-C8Dko1j7.mjs";
-import { T as Textarea } from "./textarea-9jNeYJSc.mjs";
-import { C as CmsPageHeader } from "./CmsPageHeader-CseW0AHm.mjs";
-import { C as CmsSurface, A as Alert, a as AlertDescription } from "./alert-CVt45UUP.mjs";
-import { S as ScrollArea } from "./scroll-area-bjPYwhXN.mjs";
+import { j as jsxRuntimeExports, r as reactExports } from "../_chunks/_libs/react.mjs";
+import { a as api, c as cn } from "./router-nSVkxb6Y.mjs";
+import { C as CmsButton, B as Badge } from "./CmsButton-DOiTVKQq.mjs";
+import { u as useTanStackNavigation } from "./tanstack-adapter-Bsz8kha-.mjs";
+import { C as CmsEmptyState, b as CmsConfirmDialog, c as CmsDialog, I as Input, a as Checkbox } from "./CmsEmptyState-fbnGt3LD.mjs";
+import { L as Label } from "./label-qn2Afwl4.mjs";
+import { T as Textarea } from "./textarea-CI0Jqx2x.mjs";
+import { C as CmsPageHeader } from "./CmsPageHeader-DHRrdOZa.mjs";
+import { C as CmsSurface } from "./CmsSurface-rFoYjb62.mjs";
+import { S as ScrollArea } from "./scroll-area-BCinP455.mjs";
 import { u as useQuery, d as useMutation } from "../_libs/convex.mjs";
-import { Q as Plus, V as Tag, W as Pencil, w as Trash2, O as TriangleAlert, Y as FolderTree, z as Tags, d as ChevronDown, f as ChevronRight } from "../_libs/lucide-react.mjs";
+import { Q as Plus, V as Tag, W as Pencil, w as Trash2, Y as FolderTree, z as Tags, d as ChevronDown, f as ChevronRight } from "../_libs/lucide-react.mjs";
 import "../_chunks/_libs/@tanstack/react-router.mjs";
 import "../_libs/tiny-warning.mjs";
 import "../_chunks/_libs/@tanstack/router-core.mjs";
@@ -534,10 +535,11 @@ function TermTree({
         icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Tags, { className: "size-8" }),
         title: "No terms yet",
         description: "Add your first term to start organizing content.",
-        action: allowInlineCreation && /* @__PURE__ */ jsxRuntimeExports.jsxs(CmsButton, { variant: "secondary", onClick: () => handleCreateTerm(), children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4" }),
-          "Add your first term"
-        ] })
+        action: allowInlineCreation ? {
+          label: "Add your first term",
+          onClick: () => handleCreateTerm(),
+          variant: "secondary"
+        } : void 0
       }
     ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "divide-y divide-border/50", children: terms.map((term) => renderTerm(term)) }) }),
     showCreateModal && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -577,7 +579,7 @@ function TermEditModal({
   taxonomyId,
   term,
   parentId,
-  isHierarchical,
+  isHierarchical: _isHierarchical,
   onSave,
   onCancel
 }) {
@@ -801,17 +803,24 @@ function TermEditModal({
     }
   );
 }
-function TaxonomiesPage() {
-  const [selectedTaxonomy, setSelectedTaxonomy] = reactExports.useState(null);
+function TaxonomiesPage({
+  api: api2,
+  navigation: _navigation
+}) {
+  const [selectedTaxonomy, setSelectedTaxonomy] = reactExports.useState(
+    null
+  );
   const [showCreateModal, setShowCreateModal] = reactExports.useState(false);
   const [editingTaxonomy, setEditingTaxonomy] = reactExports.useState(null);
-  const [showDeleteConfirm, setShowDeleteConfirm] = reactExports.useState(null);
+  const [showDeleteConfirm, setShowDeleteConfirm] = reactExports.useState(
+    null
+  );
   const [deleteError, setDeleteError] = reactExports.useState(null);
-  const taxonomiesQuery = useQuery(api.taxonomies.list, {
+  const taxonomiesQuery = useQuery(api2.listTaxonomies, {
     isActive: void 0,
     includeDeleted: false
   });
-  const deleteTaxonomy = useMutation(api.taxonomies.deleteTaxonomy);
+  const deleteTaxonomy = useMutation(api2.deleteTaxonomy);
   const taxonomies = taxonomiesQuery?.page ?? [];
   const isLoading = taxonomiesQuery === void 0;
   const handleCreate = reactExports.useCallback(() => {
@@ -822,21 +831,22 @@ function TaxonomiesPage() {
     setEditingTaxonomy(taxonomy);
     setShowCreateModal(true);
   }, []);
-  const handleDelete = reactExports.useCallback(async (taxonomyId) => {
-    setDeleteError(null);
-    try {
-      await deleteTaxonomy({
-        id: taxonomyId
-      });
-      setShowDeleteConfirm(null);
-      if (selectedTaxonomy?._id === taxonomyId) {
-        setSelectedTaxonomy(null);
+  const handleDelete = reactExports.useCallback(
+    async (taxonomyId) => {
+      setDeleteError(null);
+      try {
+        await deleteTaxonomy({ id: taxonomyId });
+        setShowDeleteConfirm(null);
+        if (selectedTaxonomy?._id === taxonomyId) {
+          setSelectedTaxonomy(null);
+        }
+      } catch (error) {
+        const message = error instanceof Error ? error.message : "Failed to delete taxonomy";
+        setDeleteError(message);
       }
-    } catch (error) {
-      const message = error instanceof Error ? error.message : "Failed to delete taxonomy";
-      setDeleteError(message);
-    }
-  }, [deleteTaxonomy, selectedTaxonomy]);
+    },
+    [deleteTaxonomy, selectedTaxonomy]
+  );
   const handleSaveComplete = reactExports.useCallback(() => {
     setShowCreateModal(false);
     setEditingTaxonomy(null);
@@ -846,7 +856,13 @@ function TaxonomiesPage() {
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-[calc(100vh-4rem)] flex-col p-6", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-6 flex items-start justify-between", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(CmsPageHeader, { title: "Taxonomies", description: "Manage tags, categories, and other classification systems" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        CmsPageHeader,
+        {
+          title: "Taxonomies",
+          description: "Manage tags, categories, and other classification systems"
+        }
+      ),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(CmsButton, { onClick: handleCreate, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4" }),
         "Create Taxonomy"
@@ -859,28 +875,81 @@ function TaxonomiesPage() {
       ] }) : taxonomies.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center p-6 text-center", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Tag, { className: "mb-3 size-8 text-muted-foreground" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "No taxonomies created yet." }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "secondary", className: "mt-4", onClick: handleCreate, children: "Create your first taxonomy" })
-      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "divide-y", children: taxonomies.map((taxonomy) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("group flex cursor-pointer items-center gap-3 p-3 transition-colors hover:bg-muted/50", selectedTaxonomy?._id === taxonomy._id && "bg-primary/5", !taxonomy.isActive && "opacity-60"), onClick: () => setSelectedTaxonomy(taxonomy), children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground", children: getTypeIcon(taxonomy) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "truncate text-sm font-medium text-foreground", children: taxonomy.displayName }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "truncate text-xs text-muted-foreground", children: taxonomy.name })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "secondary", className: "text-xs font-normal", children: taxonomy.isHierarchical ? "Hierarchical" : "Flat" }),
-          !taxonomy.isActive && /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: "text-xs font-normal", children: "Inactive" })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "ghost", size: "icon-sm", onClick: (e) => {
-            e.stopPropagation();
-            handleEdit(taxonomy);
-          }, title: "Edit taxonomy", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Pencil, { className: "size-4" }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "ghost", size: "icon-sm", onClick: (e) => {
-            e.stopPropagation();
-            setShowDeleteConfirm(taxonomy._id);
-          }, title: "Delete taxonomy", className: "text-destructive hover:bg-destructive/10 hover:text-destructive", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-4" }) })
-        ] })
-      ] }, taxonomy._id)) }) }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            variant: "secondary",
+            className: "mt-4",
+            onClick: handleCreate,
+            children: "Create your first taxonomy"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "divide-y", children: taxonomies.map((taxonomy) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: cn(
+            "group flex cursor-pointer items-center gap-3 p-3 transition-colors hover:bg-muted/50",
+            selectedTaxonomy?._id === taxonomy._id && "bg-primary/5",
+            !taxonomy.isActive && "opacity-60"
+          ),
+          onClick: () => setSelectedTaxonomy(taxonomy),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground", children: getTypeIcon(taxonomy) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "truncate text-sm font-medium text-foreground", children: taxonomy.displayName }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "truncate text-xs text-muted-foreground", children: taxonomy.name })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Badge,
+                {
+                  variant: "secondary",
+                  className: "text-xs font-normal",
+                  children: taxonomy.isHierarchical ? "Hierarchical" : "Flat"
+                }
+              ),
+              !taxonomy.isActive && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Badge,
+                {
+                  variant: "outline",
+                  className: "text-xs font-normal",
+                  children: "Inactive"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                CmsButton,
+                {
+                  variant: "ghost",
+                  size: "icon-sm",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    handleEdit(taxonomy);
+                  },
+                  title: "Edit taxonomy",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Pencil, { className: "size-4" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                CmsButton,
+                {
+                  variant: "ghost",
+                  size: "icon-sm",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    setShowDeleteConfirm(taxonomy._id);
+                  },
+                  title: "Delete taxonomy",
+                  className: "text-destructive hover:bg-destructive/10 hover:text-destructive",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-4" })
+                }
+              )
+            ] })
+          ]
+        },
+        taxonomy._id
+      )) }) }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(CmsSurface, { elevation: "base", className: "min-w-0 flex-1 overflow-hidden", children: selectedTaxonomy ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between border-b p-4", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
@@ -890,26 +959,68 @@ function TaxonomiesPage() {
               selectedTaxonomy.description && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: selectedTaxonomy.description })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "secondary", onClick: () => handleEdit(selectedTaxonomy), children: "Edit Taxonomy" })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            CmsButton,
+            {
+              variant: "secondary",
+              onClick: () => handleEdit(selectedTaxonomy),
+              children: "Edit Taxonomy"
+            }
+          )
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TermTree, { taxonomyId: selectedTaxonomy._id, isHierarchical: selectedTaxonomy.isHierarchical, allowInlineCreation: selectedTaxonomy.allowInlineCreation }) })
-      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(CmsEmptyState, { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Tag, { className: "size-6" }), title: "Select a taxonomy", description: "Select a taxonomy to view and manage its terms", className: "h-full" }) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          TermTree,
+          {
+            taxonomyId: selectedTaxonomy._id,
+            isHierarchical: selectedTaxonomy.isHierarchical,
+            allowInlineCreation: selectedTaxonomy.allowInlineCreation
+          }
+        ) })
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+        CmsEmptyState,
+        {
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Tag, { className: "size-6" }),
+          title: "Select a taxonomy",
+          description: "Select a taxonomy to view and manage its terms",
+          className: "h-full"
+        }
+      ) })
     ] }),
-    showCreateModal && /* @__PURE__ */ jsxRuntimeExports.jsx(TaxonomyEditor, { taxonomy: editingTaxonomy, onSave: handleSaveComplete, onCancel: () => {
-      setShowCreateModal(false);
-      setEditingTaxonomy(null);
-    } }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CmsConfirmDialog, { open: showDeleteConfirm !== null, onOpenChange: (open) => {
-      if (!open) {
-        setShowDeleteConfirm(null);
-        setDeleteError(null);
+    showCreateModal && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      TaxonomyEditor,
+      {
+        taxonomy: editingTaxonomy,
+        onSave: handleSaveComplete,
+        onCancel: () => {
+          setShowCreateModal(false);
+          setEditingTaxonomy(null);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CmsConfirmDialog,
+      {
+        open: showDeleteConfirm !== null,
+        onOpenChange: (open) => {
+          if (!open) {
+            setShowDeleteConfirm(null);
+            setDeleteError(null);
+          }
+        },
+        title: "Delete Taxonomy",
+        description: "Are you sure you want to delete this taxonomy? All associated terms will also be deleted.",
+        confirmLabel: "Delete",
+        onConfirm: () => showDeleteConfirm && handleDelete(showDeleteConfirm),
+        variant: "danger",
+        error: deleteError
       }
-    }, title: "Delete Taxonomy", description: "Are you sure you want to delete this taxonomy? All associated terms will also be deleted.", confirmLabel: "Delete", onConfirm: () => showDeleteConfirm && handleDelete(showDeleteConfirm), variant: "danger", children: deleteError && /* @__PURE__ */ jsxRuntimeExports.jsxs(Alert, { variant: "destructive", className: "mt-4", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-4" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDescription, { children: deleteError })
-    ] }) })
+    )
   ] });
 }
+function TaxonomiesRoute() {
+  const navigation = useTanStackNavigation();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(TaxonomiesPage, { api: api.admin, navigation });
+}
 export {
-  TaxonomiesPage as component
+  TaxonomiesRoute as component
 };

package/admin-dist/server/_ssr/{textarea-9jNeYJSc.mjs → textarea-CI0Jqx2x.mjs}

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
-import { c as cn } from "./router-DDWcF-kt.mjs";
+import { c as cn } from "./router-nSVkxb6Y.mjs";
 function Textarea({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "textarea",