@kyro-cms/admin 0.9.9 → 0.10.0

package/dist/index.cjs

@@ -3861,33 +3861,63 @@ function RichTextField({
   error,
   disabled
 }) {
-  const [isExpanded, setIsExpanded] = React.useState(false);
-  const [panelWidth, setPanelWidth] = React.useState(0);
-  const [isMediaPickerOpen, setIsMediaPickerOpen] = React.useState(false);
   const [isMounted, setIsMounted] = React.useState(false);
   React.useEffect(() => {
     setIsMounted(true);
   }, []);
+  if (!isMounted) {
+    return /* @__PURE__ */ jsxRuntime.jsx(FieldLayout, { field: field3, error, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "overflow-y-auto min-h-[160px] max-h-[400px] p-4" })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RichTextEditor,
+    {
+      field: field3,
+      value,
+      onChange,
+      error,
+      disabled
+    }
+  );
+}
+function RichTextEditor({
+  field: field3,
+  value,
+  onChange,
+  error,
+  disabled
+}) {
+  const [isExpanded, setIsExpanded] = React.useState(false);
+  const [panelWidth, setPanelWidth] = React.useState(0);
+  const [isMediaPickerOpen, setIsMediaPickerOpen] = React.useState(false);
   React.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);
@@ -3925,7 +3955,7 @@ function RichTextField({
       extensionTextStyle.TextStyle,
       Color__default.default
     ],
-    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());
@@ -3938,23 +3968,9 @@ function RichTextField({
   });
   React.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__ */ jsxRuntime.jsx(FieldLayout, { field: field3, error, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "overflow-y-auto min-h-[160px] max-h-[400px] p-4" })
-        ]
-      }
-    ) });
-  }
   return /* @__PURE__ */ jsxRuntime.jsxs(FieldLayout, { field: field3, error, children: [
     isExpanded ? (
       // Maximize mode placeholder inside form
@@ -14703,7 +14719,6 @@ var samplePlugin = {
   description: "A tiny sample plugin to demonstrate the extensibility surface",
   hooks: {
     onAdminReady: () => {
-      console.log("[ Kyro Admin ] sample-plugin: onAdminReady executed");
       return;
     }
   }
@@ -14717,7 +14732,6 @@ var samplePlugin2 = {
   description: "Second MVP plugin demonstrating beforeDeploy hook",
   hooks: {
     beforeDeploy: (ctx) => {
-      console.log("[Kyro Admin] sample-plugin-2 beforeDeploy");
       return { success: true };
     }
   }
@@ -15008,7 +15022,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;
@@ -15028,9 +15041,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"]
             },
@@ -15040,7 +15077,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"
+              ]
             }
           }
         });