@rufous/ui 0.1.95 → 0.1.96

package/dist/main.cjs

@@ -49677,14 +49677,16 @@ function findMisspelled(doc3) {
 function createSpellCheckPlugin() {
   let debounceTimer = null;
   let viewRef = null;
+  let currentDecos = DecorationSet.empty;
+  let currentDocSize = 0;
   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;
+        currentDocSize = doc3?.content.size || 0;
+        view.dispatch(view.state.tr.setMeta("spellCheckDone", true).setMeta("addToHistory", false));
         return;
       }
       const misspelled = findMisspelled(doc3);
@@ -49695,11 +49697,11 @@ 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);
+      currentDocSize = doc3.content.size;
+      view.dispatch(view.state.tr.setMeta("spellCheckDone", true).setMeta("addToHistory", false));
     } catch {
+      currentDecos = DecorationSet.empty;
     }
   };
   const scheduleCheck = (view) => {
@@ -49708,20 +49710,10 @@ function createSpellCheckPlugin() {
   };
   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.content.size !== currentDocSize) return DecorationSet.empty;
+        return currentDecos;
       }
     },
     view(editorView) {
@@ -49730,17 +49722,19 @@ 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;
           viewRef = null;
           scheduleRecheckFn = null;
         }

package/dist/main.js

@@ -21007,14 +21007,16 @@ function findMisspelled(doc3) {
 function createSpellCheckPlugin() {
   let debounceTimer = null;
   let viewRef = null;
+  let currentDecos = DecorationSet.empty;
+  let currentDocSize = 0;
   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;
+        currentDocSize = doc3?.content.size || 0;
+        view.dispatch(view.state.tr.setMeta("spellCheckDone", true).setMeta("addToHistory", false));
         return;
       }
       const misspelled = findMisspelled(doc3);
@@ -21025,11 +21027,11 @@ 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);
+      currentDocSize = doc3.content.size;
+      view.dispatch(view.state.tr.setMeta("spellCheckDone", true).setMeta("addToHistory", false));
     } catch {
+      currentDecos = DecorationSet.empty;
     }
   };
   const scheduleCheck = (view) => {
@@ -21038,20 +21040,10 @@ function createSpellCheckPlugin() {
   };
   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.content.size !== currentDocSize) return DecorationSet.empty;
+        return currentDecos;
       }
     },
     view(editorView) {
@@ -21060,17 +21052,19 @@ 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;
           viewRef = null;
           scheduleRecheckFn = null;
         }

package/package.json

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