@rufous/ui 0.1.92 → 0.1.93

package/dist/main.cjs

@@ -49678,6 +49678,12 @@ function createSpellCheckPlugin() {
   let viewRef = null;
   const runCheck = (view) => {
     if (!typo || !view.dom?.isConnected) return;
+    if (view.state.doc.content.size <= 2) {
+      const tr2 = view.state.tr.setMeta(spellCheckPluginKey, { decorations: DecorationSet.empty });
+      tr2.setMeta("addToHistory", false);
+      view.dispatch(tr2);
+      return;
+    }
     const { doc: doc3 } = view.state;
     const misspelled = findMisspelled(doc3);
     const decos = misspelled.map(
@@ -49702,10 +49708,17 @@ function createSpellCheckPlugin() {
       init() {
         return DecorationSet.empty;
       },
-      apply(tr, oldDecos) {
+      apply(tr, oldDecos, _oldState, newState) {
         const meta = tr.getMeta(spellCheckPluginKey);
         if (meta?.decorations) return meta.decorations;
-        if (tr.docChanged) return oldDecos.map(tr.mapping, tr.doc);
+        if (tr.docChanged) {
+          if (newState.doc.content.size <= 2) return DecorationSet.empty;
+          try {
+            return oldDecos.map(tr.mapping, tr.doc);
+          } catch {
+            return DecorationSet.empty;
+          }
+        }
         return oldDecos;
       }
     },
@@ -49855,6 +49868,14 @@ var RufousTextEditor = ({
   style
 }) => {
   const mentionSuggestion = (0, import_react60.useMemo)(() => createMentionSuggestion(mentions), [mentions]);
+  const onChangeRef = (0, import_react60.useRef)(onChange);
+  const onBlurRef = (0, import_react60.useRef)(onBlur);
+  (0, import_react60.useEffect)(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+  (0, import_react60.useEffect)(() => {
+    onBlurRef.current = onBlur;
+  }, [onBlur]);
   const editor = (0, import_react61.useEditor)({
     editable,
     extensions: [
@@ -49944,16 +49965,19 @@ var RufousTextEditor = ({
     },
     content: initialContent || "",
     onUpdate: ({ editor: e }) => {
-      if (onChange) {
-        onChange(e.getHTML(), e.getJSON());
-      }
-    },
-    onBlur: ({ editor: e }) => {
-      if (onBlur) {
-        onBlur(e.getHTML(), e.getJSON());
-      }
+      onChangeRef.current?.(e.getHTML(), e.getJSON());
     }
   });
+  (0, import_react60.useEffect)(() => {
+    if (!editor) return;
+    const handler = () => {
+      onBlurRef.current?.(editor.getHTML(), editor.getJSON());
+    };
+    editor.on("blur", handler);
+    return () => {
+      editor.off("blur", handler);
+    };
+  }, [editor]);
   const [linkModalOpen, setLinkModalOpen] = (0, import_react60.useState)(false);
   const [linkUrl, setLinkUrl] = (0, import_react60.useState)("");
   const [linkText, setLinkText] = (0, import_react60.useState)("");

package/dist/main.js

@@ -8721,7 +8721,7 @@ var PhoneField = forwardRef10(function PhoneField2(props, ref) {
 PhoneField.displayName = "PhoneField";
 
 // lib/RufousTextEditor/RufousTextEditor.tsx
-import React117, { useMemo as useMemo4, useCallback as useCallback14, useState as useState35 } from "react";
+import React117, { useMemo as useMemo4, useCallback as useCallback14, useState as useState35, useRef as useRef31, useEffect as useEffect28 } from "react";
 import { useEditor, EditorContent, EditorContext, FloatingMenu, BubbleMenu } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import Placeholder from "@tiptap/extension-placeholder";
@@ -21009,6 +21009,12 @@ function createSpellCheckPlugin() {
   let viewRef = null;
   const runCheck = (view) => {
     if (!typo || !view.dom?.isConnected) return;
+    if (view.state.doc.content.size <= 2) {
+      const tr2 = view.state.tr.setMeta(spellCheckPluginKey, { decorations: DecorationSet.empty });
+      tr2.setMeta("addToHistory", false);
+      view.dispatch(tr2);
+      return;
+    }
     const { doc: doc3 } = view.state;
     const misspelled = findMisspelled(doc3);
     const decos = misspelled.map(
@@ -21033,10 +21039,17 @@ function createSpellCheckPlugin() {
       init() {
         return DecorationSet.empty;
       },
-      apply(tr, oldDecos) {
+      apply(tr, oldDecos, _oldState, newState) {
         const meta = tr.getMeta(spellCheckPluginKey);
         if (meta?.decorations) return meta.decorations;
-        if (tr.docChanged) return oldDecos.map(tr.mapping, tr.doc);
+        if (tr.docChanged) {
+          if (newState.doc.content.size <= 2) return DecorationSet.empty;
+          try {
+            return oldDecos.map(tr.mapping, tr.doc);
+          } catch {
+            return DecorationSet.empty;
+          }
+        }
         return oldDecos;
       }
     },
@@ -21186,6 +21199,14 @@ var RufousTextEditor = ({
   style
 }) => {
   const mentionSuggestion = useMemo4(() => createMentionSuggestion(mentions), [mentions]);
+  const onChangeRef = useRef31(onChange);
+  const onBlurRef = useRef31(onBlur);
+  useEffect28(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+  useEffect28(() => {
+    onBlurRef.current = onBlur;
+  }, [onBlur]);
   const editor = useEditor({
     editable,
     extensions: [
@@ -21275,16 +21296,19 @@ var RufousTextEditor = ({
     },
     content: initialContent || "",
     onUpdate: ({ editor: e }) => {
-      if (onChange) {
-        onChange(e.getHTML(), e.getJSON());
-      }
-    },
-    onBlur: ({ editor: e }) => {
-      if (onBlur) {
-        onBlur(e.getHTML(), e.getJSON());
-      }
+      onChangeRef.current?.(e.getHTML(), e.getJSON());
     }
   });
+  useEffect28(() => {
+    if (!editor) return;
+    const handler = () => {
+      onBlurRef.current?.(editor.getHTML(), editor.getJSON());
+    };
+    editor.on("blur", handler);
+    return () => {
+      editor.off("blur", handler);
+    };
+  }, [editor]);
   const [linkModalOpen, setLinkModalOpen] = useState35(false);
   const [linkUrl, setLinkUrl] = useState35("");
   const [linkText, setLinkText] = useState35("");

package/package.json

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