@rufous/ui 0.1.95 → 0.1.97

package/dist/main.cjs

@@ -49677,14 +49677,15 @@ function findMisspelled(doc3) {
 function createSpellCheckPlugin() {
   let debounceTimer = null;
   let viewRef = null;
+  let currentDecos = DecorationSet.empty;
+  let currentDoc = null;
   const runCheck = (view) => {
     try {
       if (!typo || !view?.dom?.isConnected || !view.state) return;
       const { doc: doc3 } = view.state;
       if (!doc3 || doc3.content.size <= 4) {
-        const tr2 = view.state.tr.setMeta(spellCheckPluginKey, { decorations: DecorationSet.empty });
-        tr2.setMeta("addToHistory", false);
-        view.dispatch(tr2);
+        currentDecos = DecorationSet.empty;
+        currentDoc = doc3;
         return;
       }
       const misspelled = findMisspelled(doc3);
@@ -49695,33 +49696,30 @@ function createSpellCheckPlugin() {
           "data-spell-word": word
         })
       );
-      const decorationSet = DecorationSet.create(doc3, decos);
-      const tr = view.state.tr.setMeta(spellCheckPluginKey, { decorations: decorationSet });
-      tr.setMeta("addToHistory", false);
-      view.dispatch(tr);
+      currentDecos = DecorationSet.create(doc3, decos);
+      currentDoc = doc3;
+      if (view.dom?.isConnected && !view.isDestroyed) {
+        const tr = view.state.tr.setMeta("spellCheckDone", true);
+        tr.setMeta("addToHistory", false);
+        view.dispatch(tr);
+      }
     } catch {
+      currentDecos = DecorationSet.empty;
+      currentDoc = null;
     }
   };
   const scheduleCheck = (view) => {
     if (debounceTimer) clearTimeout(debounceTimer);
-    debounceTimer = setTimeout(() => runCheck(view), 500);
+    debounceTimer = setTimeout(() => {
+      if (viewRef?.dom?.isConnected) runCheck(viewRef);
+    }, 500);
   };
   return new Plugin2({
     key: spellCheckPluginKey,
-    state: {
-      init() {
-        return DecorationSet.empty;
-      },
-      apply(tr, _oldDecos) {
-        const meta = tr.getMeta(spellCheckPluginKey);
-        if (meta?.decorations) return meta.decorations;
-        if (tr.docChanged) return DecorationSet.empty;
-        return _oldDecos;
-      }
-    },
     props: {
       decorations(state) {
-        return spellCheckPluginKey.getState(state) || DecorationSet.empty;
+        if (state.doc !== currentDoc) return DecorationSet.empty;
+        return currentDecos;
       }
     },
     view(editorView) {
@@ -49730,17 +49728,20 @@ function createSpellCheckPlugin() {
         if (viewRef) scheduleCheck(viewRef);
       };
       initSpellChecker().then(() => {
-        if (viewRef) runCheck(viewRef);
+        if (viewRef?.dom?.isConnected) runCheck(viewRef);
       });
       return {
         update(view, prevState) {
           viewRef = view;
           if (view.state.doc !== prevState.doc) {
+            currentDecos = DecorationSet.empty;
             scheduleCheck(view);
           }
         },
         destroy() {
           if (debounceTimer) clearTimeout(debounceTimer);
+          currentDecos = DecorationSet.empty;
+          currentDoc = null;
           viewRef = null;
           scheduleRecheckFn = null;
         }

package/dist/main.js

@@ -21007,14 +21007,15 @@ function findMisspelled(doc3) {
 function createSpellCheckPlugin() {
   let debounceTimer = null;
   let viewRef = null;
+  let currentDecos = DecorationSet.empty;
+  let currentDoc = null;
   const runCheck = (view) => {
     try {
       if (!typo || !view?.dom?.isConnected || !view.state) return;
       const { doc: doc3 } = view.state;
       if (!doc3 || doc3.content.size <= 4) {
-        const tr2 = view.state.tr.setMeta(spellCheckPluginKey, { decorations: DecorationSet.empty });
-        tr2.setMeta("addToHistory", false);
-        view.dispatch(tr2);
+        currentDecos = DecorationSet.empty;
+        currentDoc = doc3;
         return;
       }
       const misspelled = findMisspelled(doc3);
@@ -21025,33 +21026,30 @@ function createSpellCheckPlugin() {
           "data-spell-word": word
         })
       );
-      const decorationSet = DecorationSet.create(doc3, decos);
-      const tr = view.state.tr.setMeta(spellCheckPluginKey, { decorations: decorationSet });
-      tr.setMeta("addToHistory", false);
-      view.dispatch(tr);
+      currentDecos = DecorationSet.create(doc3, decos);
+      currentDoc = doc3;
+      if (view.dom?.isConnected && !view.isDestroyed) {
+        const tr = view.state.tr.setMeta("spellCheckDone", true);
+        tr.setMeta("addToHistory", false);
+        view.dispatch(tr);
+      }
     } catch {
+      currentDecos = DecorationSet.empty;
+      currentDoc = null;
     }
   };
   const scheduleCheck = (view) => {
     if (debounceTimer) clearTimeout(debounceTimer);
-    debounceTimer = setTimeout(() => runCheck(view), 500);
+    debounceTimer = setTimeout(() => {
+      if (viewRef?.dom?.isConnected) runCheck(viewRef);
+    }, 500);
   };
   return new Plugin({
     key: spellCheckPluginKey,
-    state: {
-      init() {
-        return DecorationSet.empty;
-      },
-      apply(tr, _oldDecos) {
-        const meta = tr.getMeta(spellCheckPluginKey);
-        if (meta?.decorations) return meta.decorations;
-        if (tr.docChanged) return DecorationSet.empty;
-        return _oldDecos;
-      }
-    },
     props: {
       decorations(state) {
-        return spellCheckPluginKey.getState(state) || DecorationSet.empty;
+        if (state.doc !== currentDoc) return DecorationSet.empty;
+        return currentDecos;
       }
     },
     view(editorView) {
@@ -21060,17 +21058,20 @@ function createSpellCheckPlugin() {
         if (viewRef) scheduleCheck(viewRef);
       };
       initSpellChecker().then(() => {
-        if (viewRef) runCheck(viewRef);
+        if (viewRef?.dom?.isConnected) runCheck(viewRef);
       });
       return {
         update(view, prevState) {
           viewRef = view;
           if (view.state.doc !== prevState.doc) {
+            currentDecos = DecorationSet.empty;
             scheduleCheck(view);
           }
         },
         destroy() {
           if (debounceTimer) clearTimeout(debounceTimer);
+          currentDecos = DecorationSet.empty;
+          currentDoc = null;
           viewRef = null;
           scheduleRecheckFn = null;
         }

package/package.json

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