@rufous/ui 0.1.91 → 0.1.92

package/dist/main.cjs

@@ -49843,6 +49843,7 @@ var RufousTextEditor = ({
   onSave: onSaveProp,
   onExport: onExportProp,
   onChange,
+  onBlur,
   onAICommand,
   onTranslate,
   onSpeechToText,
@@ -49946,6 +49947,11 @@ var RufousTextEditor = ({
       if (onChange) {
         onChange(e.getHTML(), e.getJSON());
       }
+    },
+    onBlur: ({ editor: e }) => {
+      if (onBlur) {
+        onBlur(e.getHTML(), e.getJSON());
+      }
     }
   });
   const [linkModalOpen, setLinkModalOpen] = (0, import_react60.useState)(false);
@@ -50053,17 +50059,22 @@ var RufousTextEditor = ({
       onImageUpload,
       onClose
     }
-  ), /* @__PURE__ */ import_react60.default.createElement(import_react61.EditorContent, { editor, className: "editor-content-wrapper" }), /* @__PURE__ */ import_react60.default.createElement(ImageToolbar_default, { editor }), /* @__PURE__ */ import_react60.default.createElement(VideoToolbar_default, { editor }), /* @__PURE__ */ import_react60.default.createElement(SpellCheckTooltip, { editor }), /* @__PURE__ */ import_react60.default.createElement(
+  ), /* @__PURE__ */ import_react60.default.createElement(import_react61.EditorContent, { editor, className: "editor-content-wrapper" }), /* @__PURE__ */ import_react60.default.createElement(ImageToolbar_default, { editor }), /* @__PURE__ */ import_react60.default.createElement(VideoToolbar_default, { editor }), /* @__PURE__ */ import_react60.default.createElement(SpellCheckTooltip, { editor }), editor && /* @__PURE__ */ import_react60.default.createElement(
     import_react61.BubbleMenu,
     {
       editor,
       className: "bubble-menu",
       shouldShow: ({ editor: e }) => {
-        const { selection } = e.state;
-        if (selection?.node?.type.name === "image") return false;
-        if (selection?.node?.type.name === "youtube") return false;
-        if (selection?.node?.type.name === "video") return false;
-        return !selection.empty;
+        if (!e || e.isDestroyed) return false;
+        try {
+          const { selection } = e.state;
+          if (selection?.node?.type.name === "image") return false;
+          if (selection?.node?.type.name === "youtube") return false;
+          if (selection?.node?.type.name === "video") return false;
+          return !selection.empty;
+        } catch {
+          return false;
+        }
       }
     },
     /* @__PURE__ */ import_react60.default.createElement(
@@ -50106,42 +50117,62 @@ var RufousTextEditor = ({
       },
       "\u{1F517}"
     )
-  ), /* @__PURE__ */ import_react60.default.createElement(import_react61.FloatingMenu, { editor, className: "floating-menu" }, /* @__PURE__ */ import_react60.default.createElement(
-    "button",
-    {
-      onClick: () => editor?.chain().focus().toggleHeading({ level: 1 }).run(),
-      className: editor?.isActive("heading", { level: 1 }) ? "is-active" : ""
-    },
-    "H1"
-  ), /* @__PURE__ */ import_react60.default.createElement(
-    "button",
-    {
-      onClick: () => editor?.chain().focus().toggleHeading({ level: 2 }).run(),
-      className: editor?.isActive("heading", { level: 2 }) ? "is-active" : ""
-    },
-    "H2"
-  ), /* @__PURE__ */ import_react60.default.createElement(
-    "button",
-    {
-      onClick: () => editor?.chain().focus().toggleBulletList().run(),
-      className: editor?.isActive("bulletList") ? "is-active" : ""
-    },
-    "\u2022 List"
-  ), /* @__PURE__ */ import_react60.default.createElement(
-    "button",
-    {
-      onClick: () => editor?.chain().focus().toggleOrderedList().run(),
-      className: editor?.isActive("orderedList") ? "is-active" : ""
-    },
-    "1. List"
-  ), /* @__PURE__ */ import_react60.default.createElement(
-    "button",
+  ), editor && /* @__PURE__ */ import_react60.default.createElement(
+    import_react61.FloatingMenu,
     {
-      onClick: () => editor?.chain().focus().toggleBlockquote().run(),
-      className: editor?.isActive("blockquote") ? "is-active" : ""
+      editor,
+      className: "floating-menu",
+      shouldShow: ({ editor: e }) => {
+        if (!e || e.isDestroyed) return false;
+        try {
+          const { selection } = e.state;
+          return selection.empty && e.state.doc.textContent.length === 0;
+        } catch {
+          return false;
+        }
+      }
     },
-    "\u201C Quote"
-  )), /* @__PURE__ */ import_react60.default.createElement("div", { className: "status-bar" }, /* @__PURE__ */ import_react60.default.createElement("div", { className: "status-bar-left" }, /* @__PURE__ */ import_react60.default.createElement(
+    /* @__PURE__ */ import_react60.default.createElement(
+      "button",
+      {
+        onClick: () => editor?.chain().focus().toggleHeading({ level: 1 }).run(),
+        className: editor?.isActive("heading", { level: 1 }) ? "is-active" : ""
+      },
+      "H1"
+    ),
+    /* @__PURE__ */ import_react60.default.createElement(
+      "button",
+      {
+        onClick: () => editor?.chain().focus().toggleHeading({ level: 2 }).run(),
+        className: editor?.isActive("heading", { level: 2 }) ? "is-active" : ""
+      },
+      "H2"
+    ),
+    /* @__PURE__ */ import_react60.default.createElement(
+      "button",
+      {
+        onClick: () => editor?.chain().focus().toggleBulletList().run(),
+        className: editor?.isActive("bulletList") ? "is-active" : ""
+      },
+      "\u2022 List"
+    ),
+    /* @__PURE__ */ import_react60.default.createElement(
+      "button",
+      {
+        onClick: () => editor?.chain().focus().toggleOrderedList().run(),
+        className: editor?.isActive("orderedList") ? "is-active" : ""
+      },
+      "1. List"
+    ),
+    /* @__PURE__ */ import_react60.default.createElement(
+      "button",
+      {
+        onClick: () => editor?.chain().focus().toggleBlockquote().run(),
+        className: editor?.isActive("blockquote") ? "is-active" : ""
+      },
+      "\u201C Quote"
+    )
+  ), /* @__PURE__ */ import_react60.default.createElement("div", { className: "status-bar" }, /* @__PURE__ */ import_react60.default.createElement("div", { className: "status-bar-left" }, /* @__PURE__ */ import_react60.default.createElement(
     "select",
     {
       value: saveFormat,

package/dist/main.d.cts

@@ -1683,6 +1683,7 @@ interface RufousTextEditorProps {
     onSave?: (html: string, json: any) => void;
     onExport?: (html: string, json: any) => void;
     onChange?: (html: string, json: any) => void;
+    onBlur?: (html: string, json: any) => void;
     onAICommand?: (prompt: string, text: string, previousResults?: string[]) => Promise<string>;
     onTranslate?: (text: string, sourceLang: string, targetLang: string) => Promise<string>;
     onSpeechToText?: (text: string) => Promise<string>;

package/dist/main.d.ts

@@ -1683,6 +1683,7 @@ interface RufousTextEditorProps {
     onSave?: (html: string, json: any) => void;
     onExport?: (html: string, json: any) => void;
     onChange?: (html: string, json: any) => void;
+    onBlur?: (html: string, json: any) => void;
     onAICommand?: (prompt: string, text: string, previousResults?: string[]) => Promise<string>;
     onTranslate?: (text: string, sourceLang: string, targetLang: string) => Promise<string>;
     onSpeechToText?: (text: string) => Promise<string>;

package/dist/main.js

@@ -21174,6 +21174,7 @@ var RufousTextEditor = ({
   onSave: onSaveProp,
   onExport: onExportProp,
   onChange,
+  onBlur,
   onAICommand,
   onTranslate,
   onSpeechToText,
@@ -21277,6 +21278,11 @@ var RufousTextEditor = ({
       if (onChange) {
         onChange(e.getHTML(), e.getJSON());
       }
+    },
+    onBlur: ({ editor: e }) => {
+      if (onBlur) {
+        onBlur(e.getHTML(), e.getJSON());
+      }
     }
   });
   const [linkModalOpen, setLinkModalOpen] = useState35(false);
@@ -21384,17 +21390,22 @@ var RufousTextEditor = ({
       onImageUpload,
       onClose
     }
-  ), /* @__PURE__ */ React117.createElement(EditorContent, { editor, className: "editor-content-wrapper" }), /* @__PURE__ */ React117.createElement(ImageToolbar_default, { editor }), /* @__PURE__ */ React117.createElement(VideoToolbar_default, { editor }), /* @__PURE__ */ React117.createElement(SpellCheckTooltip, { editor }), /* @__PURE__ */ React117.createElement(
+  ), /* @__PURE__ */ React117.createElement(EditorContent, { editor, className: "editor-content-wrapper" }), /* @__PURE__ */ React117.createElement(ImageToolbar_default, { editor }), /* @__PURE__ */ React117.createElement(VideoToolbar_default, { editor }), /* @__PURE__ */ React117.createElement(SpellCheckTooltip, { editor }), editor && /* @__PURE__ */ React117.createElement(
     BubbleMenu,
     {
       editor,
       className: "bubble-menu",
       shouldShow: ({ editor: e }) => {
-        const { selection } = e.state;
-        if (selection?.node?.type.name === "image") return false;
-        if (selection?.node?.type.name === "youtube") return false;
-        if (selection?.node?.type.name === "video") return false;
-        return !selection.empty;
+        if (!e || e.isDestroyed) return false;
+        try {
+          const { selection } = e.state;
+          if (selection?.node?.type.name === "image") return false;
+          if (selection?.node?.type.name === "youtube") return false;
+          if (selection?.node?.type.name === "video") return false;
+          return !selection.empty;
+        } catch {
+          return false;
+        }
       }
     },
     /* @__PURE__ */ React117.createElement(
@@ -21437,42 +21448,62 @@ var RufousTextEditor = ({
       },
       "\u{1F517}"
     )
-  ), /* @__PURE__ */ React117.createElement(FloatingMenu, { editor, className: "floating-menu" }, /* @__PURE__ */ React117.createElement(
-    "button",
-    {
-      onClick: () => editor?.chain().focus().toggleHeading({ level: 1 }).run(),
-      className: editor?.isActive("heading", { level: 1 }) ? "is-active" : ""
-    },
-    "H1"
-  ), /* @__PURE__ */ React117.createElement(
-    "button",
-    {
-      onClick: () => editor?.chain().focus().toggleHeading({ level: 2 }).run(),
-      className: editor?.isActive("heading", { level: 2 }) ? "is-active" : ""
-    },
-    "H2"
-  ), /* @__PURE__ */ React117.createElement(
-    "button",
-    {
-      onClick: () => editor?.chain().focus().toggleBulletList().run(),
-      className: editor?.isActive("bulletList") ? "is-active" : ""
-    },
-    "\u2022 List"
-  ), /* @__PURE__ */ React117.createElement(
-    "button",
-    {
-      onClick: () => editor?.chain().focus().toggleOrderedList().run(),
-      className: editor?.isActive("orderedList") ? "is-active" : ""
-    },
-    "1. List"
-  ), /* @__PURE__ */ React117.createElement(
-    "button",
+  ), editor && /* @__PURE__ */ React117.createElement(
+    FloatingMenu,
     {
-      onClick: () => editor?.chain().focus().toggleBlockquote().run(),
-      className: editor?.isActive("blockquote") ? "is-active" : ""
+      editor,
+      className: "floating-menu",
+      shouldShow: ({ editor: e }) => {
+        if (!e || e.isDestroyed) return false;
+        try {
+          const { selection } = e.state;
+          return selection.empty && e.state.doc.textContent.length === 0;
+        } catch {
+          return false;
+        }
+      }
     },
-    "\u201C Quote"
-  )), /* @__PURE__ */ React117.createElement("div", { className: "status-bar" }, /* @__PURE__ */ React117.createElement("div", { className: "status-bar-left" }, /* @__PURE__ */ React117.createElement(
+    /* @__PURE__ */ React117.createElement(
+      "button",
+      {
+        onClick: () => editor?.chain().focus().toggleHeading({ level: 1 }).run(),
+        className: editor?.isActive("heading", { level: 1 }) ? "is-active" : ""
+      },
+      "H1"
+    ),
+    /* @__PURE__ */ React117.createElement(
+      "button",
+      {
+        onClick: () => editor?.chain().focus().toggleHeading({ level: 2 }).run(),
+        className: editor?.isActive("heading", { level: 2 }) ? "is-active" : ""
+      },
+      "H2"
+    ),
+    /* @__PURE__ */ React117.createElement(
+      "button",
+      {
+        onClick: () => editor?.chain().focus().toggleBulletList().run(),
+        className: editor?.isActive("bulletList") ? "is-active" : ""
+      },
+      "\u2022 List"
+    ),
+    /* @__PURE__ */ React117.createElement(
+      "button",
+      {
+        onClick: () => editor?.chain().focus().toggleOrderedList().run(),
+        className: editor?.isActive("orderedList") ? "is-active" : ""
+      },
+      "1. List"
+    ),
+    /* @__PURE__ */ React117.createElement(
+      "button",
+      {
+        onClick: () => editor?.chain().focus().toggleBlockquote().run(),
+        className: editor?.isActive("blockquote") ? "is-active" : ""
+      },
+      "\u201C Quote"
+    )
+  ), /* @__PURE__ */ React117.createElement("div", { className: "status-bar" }, /* @__PURE__ */ React117.createElement("div", { className: "status-bar-left" }, /* @__PURE__ */ React117.createElement(
     "select",
     {
       value: saveFormat,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rufous/ui",
   "private": false,
-  "version": "0.1.91",
+  "version": "0.1.92",
   "type": "module",
   "description": "Experimental: A lightweight React UI component library (Beta)",
   "style": "./dist/main.css",