@kyro-cms/admin 0.9.9 → 0.10.0

package/dist/index.js

@@ -1,7 +1,7 @@
 import React, { createContext, lazy, useState, useRef, useEffect, useCallback, useContext, useMemo, Suspense } from 'react';
 import { create, useStore } from 'zustand';
 import { persist, createJSONStorage } from 'zustand/middleware';
-import { GripVertical, Copy, X, Video, Mail, Clock, Database, Users, Tag, Image, Activity, CircleHelp, Sparkles, Blocks, Columns3, Link2, ListOrdered, Box, Heading1, Star, AlignLeft, ChevronDown, File, Code, List, Plus, ChevronRight, ChevronUp, Search, LoaderCircle, Check, RefreshCw, Undo, Redo, Bold, Italic, Underline, Strikethrough, Highlighter, Palette, CheckSquare, Quote, Terminal, Minus, AlignCenter, AlignRight, Link, Minimize2, Maximize2, Grid3X3, Filter, FolderPlus, FolderInput, Folder, Trash2, Film, Music, FileText, Archive, Download, Crop, Server, CodeXml, Pencil, Eye, EllipsisVertical, Send, Info, TriangleAlert, ShieldAlert, CircleCheck, History, CheckCircle2, User, GitCompare, Undo2, ExternalLink, Settings, Shield, Hexagon, Network, Sun, Moon, LogOut, ArrowRight, LayoutDashboard, ArrowUpRight, Webhook, Zap, Pause, Play, Key, Lock, EyeOff, CirclePlay, RefreshCcw, Save, UserPlus, LockOpen } from 'lucide-react';
+import { GripVertical, Copy, X, Video, Mail, Clock, Database, Users, Tag, Image, Activity, CircleHelp, Sparkles, Blocks, Columns3, Link2, ListOrdered, Box, Heading1, Star, AlignLeft, ChevronDown, File, Code, List, Plus, ChevronRight, ChevronUp, Search, LoaderCircle, Check, RefreshCw, CodeXml, FileText, Music, Film, Undo, Redo, Bold, Italic, Underline, Strikethrough, Highlighter, Palette, CheckSquare, Quote, Terminal, Minus, AlignCenter, AlignRight, Link, Minimize2, Maximize2, Grid3X3, Filter, FolderPlus, FolderInput, Folder, Trash2, Archive, Download, Crop, Server, Pencil, Eye, EllipsisVertical, Send, Info, TriangleAlert, ShieldAlert, CircleCheck, History, CheckCircle2, User, GitCompare, Undo2, ExternalLink, Settings, Shield, Hexagon, Network, Sun, Moon, LogOut, ArrowRight, LayoutDashboard, ArrowUpRight, Webhook, Zap, Pause, Play, Key, Lock, EyeOff, CirclePlay, RefreshCcw, Save, UserPlus, LockOpen } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
 import { useEditor, EditorContent } from '@tiptap/react';
@@ -3840,33 +3840,63 @@ function RichTextField({
   error,
   disabled
 }) {
-  const [isExpanded, setIsExpanded] = useState(false);
-  const [panelWidth, setPanelWidth] = useState(0);
-  const [isMediaPickerOpen, setIsMediaPickerOpen] = useState(false);
   const [isMounted, setIsMounted] = useState(false);
   useEffect(() => {
     setIsMounted(true);
   }, []);
+  if (!isMounted) {
+    return /* @__PURE__ */ jsx(FieldLayout, { field: field3, error, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `border rounded-lg bg-[var(--kyro-bg)] overflow-hidden border-[var(--kyro-border)] flex flex-col shadow-sm transition-all duration-200
+          ${error ? "border-[var(--kyro-error)] shadow-[0_0_0_1px_var(--kyro-error)]" : "border-[var(--kyro-border)]"}
+          ${disabled ? "opacity-60 cursor-not-allowed" : ""}`,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-1.5 p-1.5 border-b border-[var(--kyro-border)] bg-[var(--kyro-bg-secondary)] rounded-t-lg h-[40px]" }),
+          /* @__PURE__ */ jsx("div", { className: "overflow-y-auto min-h-[160px] max-h-[400px] p-4" })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(
+    RichTextEditor,
+    {
+      field: field3,
+      value,
+      onChange,
+      error,
+      disabled
+    }
+  );
+}
+function RichTextEditor({
+  field: field3,
+  value,
+  onChange,
+  error,
+  disabled
+}) {
+  const [isExpanded, setIsExpanded] = useState(false);
+  const [panelWidth, setPanelWidth] = useState(0);
+  const [isMediaPickerOpen, setIsMediaPickerOpen] = useState(false);
   useEffect(() => {
     if (!isExpanded) {
       setPanelWidth(0);
       return;
     }
+    const panel = document.querySelector('[data-kyro-slide-panel="true"]');
     const updateWidth = () => {
-      const panel2 = document.querySelector('[data-kyro-slide-panel="true"]');
-      if (panel2) {
-        setPanelWidth(panel2.getBoundingClientRect().width);
+      if (panel) {
+        setPanelWidth(panel.getBoundingClientRect().width);
       } else {
         setPanelWidth(0);
       }
     };
     updateWidth();
-    let observer = null;
-    const panel = document.querySelector('[data-kyro-slide-panel="true"]');
-    if (panel && typeof ResizeObserver !== "undefined") {
-      observer = new ResizeObserver(() => {
-        updateWidth();
-      });
+    const observer = new MutationObserver(() => {
+      updateWidth();
+    });
+    if (panel) {
       observer.observe(panel);
     }
     window.addEventListener("resize", updateWidth);
@@ -3904,7 +3934,7 @@ function RichTextField({
       TextStyle,
       Color
     ],
-    content: value || { type: "doc", content: [] },
+    content: Array.isArray(value) ? { type: "doc", content: value } : value || { type: "doc", content: [] },
     editable: !disabled,
     onUpdate: ({ editor: editor2 }) => {
       onChange(editor2.getJSON());
@@ -3917,23 +3947,9 @@ function RichTextField({
   });
   useEffect(() => {
     if (editor && value && JSON.stringify(value) !== JSON.stringify(editor.getJSON())) {
-      editor.commands.setContent(value);
+      editor.commands.setContent(Array.isArray(value) ? { type: "doc", content: value } : value);
     }
   }, [value, editor]);
-  if (!isMounted) {
-    return /* @__PURE__ */ jsx(FieldLayout, { field: field3, error, children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `border rounded-lg bg-[var(--kyro-bg)] overflow-hidden border-[var(--kyro-border)] flex flex-col shadow-sm transition-all duration-200
-          ${error ? "border-[var(--kyro-error)] shadow-[0_0_0_1px_var(--kyro-error)]" : "border-[var(--kyro-border)]"}
-          ${disabled ? "opacity-60 cursor-not-allowed" : ""}`,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-1.5 p-1.5 border-b border-[var(--kyro-border)] bg-[var(--kyro-bg-secondary)] rounded-t-lg h-[40px]" }),
-          /* @__PURE__ */ jsx("div", { className: "overflow-y-auto min-h-[160px] max-h-[400px] p-4" })
-        ]
-      }
-    ) });
-  }
   return /* @__PURE__ */ jsxs(FieldLayout, { field: field3, error, children: [
     isExpanded ? (
       // Maximize mode placeholder inside form
@@ -14682,7 +14698,6 @@ var samplePlugin = {
   description: "A tiny sample plugin to demonstrate the extensibility surface",
   hooks: {
     onAdminReady: () => {
-      console.log("[ Kyro Admin ] sample-plugin: onAdminReady executed");
       return;
     }
   }
@@ -14696,7 +14711,6 @@ var samplePlugin2 = {
   description: "Second MVP plugin demonstrating beforeDeploy hook",
   hooks: {
     beforeDeploy: (ctx) => {
-      console.log("[Kyro Admin] sample-plugin-2 beforeDeploy");
       return { success: true };
     }
   }
@@ -14987,7 +15001,6 @@ export function c(size) {
 function debug(namespace) {
   function d(...args) {
     if (typeof localStorage !== "undefined" && localStorage.getItem("DEBUG")) {
-      console.log(namespace, ...args);
     }
   }
   d.enabled = false;
@@ -15007,9 +15020,33 @@ export default debug;
                 "kyro:config": resolvedConfig
               }
             },
+            build: {
+              rollupOptions: {
+                output: {
+                  manualChunks(id) {
+                    if (id.includes("@tiptap") || id.includes("prosemirror")) {
+                      return "vendor-tiptap";
+                    }
+                  }
+                }
+              }
+            },
             optimizeDeps: {
               include: [
-                "use-sync-external-store"
+                "use-sync-external-store",
+                "@tiptap/core",
+                "@tiptap/react",
+                "@tiptap/pm",
+                "@tiptap/starter-kit",
+                "@tiptap/extension-link",
+                "@tiptap/extension-image",
+                "@tiptap/extension-text-align",
+                "@tiptap/extension-underline",
+                "@tiptap/extension-highlight",
+                "@tiptap/extension-task-list",
+                "@tiptap/extension-task-item",
+                "@tiptap/extension-text-style",
+                "@tiptap/extension-color"
               ],
               exclude: ["debug", "react/compiler-runtime"]
             },
@@ -15019,7 +15056,31 @@ export default debug;
               __KYRO_ADMIN_CONFIG_FILE__: JSON.stringify(configFile)
             },
             ssr: {
-              noExternal: ["@kyro-cms/admin", "@kyro-cms/core"]
+              noExternal: [
+                "@kyro-cms/admin",
+                "@kyro-cms/core",
+                "@tiptap/core",
+                "@tiptap/react",
+                "@tiptap/pm",
+                "@tiptap/starter-kit",
+                "@tiptap/extension-link",
+                "@tiptap/extension-image",
+                "@tiptap/extension-text-align",
+                "@tiptap/extension-underline",
+                "@tiptap/extension-highlight",
+                "@tiptap/extension-task-list",
+                "@tiptap/extension-task-item",
+                "@tiptap/extension-text-style",
+                "@tiptap/extension-color",
+                "prosemirror-model",
+                "prosemirror-state",
+                "prosemirror-view",
+                "prosemirror-schema-list",
+                "prosemirror-commands",
+                "prosemirror-keymap",
+                "prosemirror-transform",
+                "prosemirror-inputrules"
+              ]
             }
           }
         });