@rufous/ui 0.1.94 → 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,37 +49710,10 @@ function createSpellCheckPlugin() {
   };
   return new Plugin2({
     key: spellCheckPluginKey,
-    state: {
-      init() {
-        return DecorationSet.empty;
-      },
-      apply(tr, oldDecos, _oldState, newState) {
-        const meta = tr.getMeta(spellCheckPluginKey);
-        if (meta?.decorations) return meta.decorations;
-        if (tr.docChanged) {
-          if (newState.doc.content.size <= 4) return DecorationSet.empty;
-          if (oldDecos === DecorationSet.empty) return DecorationSet.empty;
-          try {
-            const mapped = oldDecos.map(tr.mapping, tr.doc);
-            if (!mapped || typeof mapped.find !== "function") return DecorationSet.empty;
-            return mapped;
-          } catch {
-            return DecorationSet.empty;
-          }
-        }
-        return oldDecos;
-      }
-    },
     props: {
       decorations(state) {
-        try {
-          const decos = spellCheckPluginKey.getState(state);
-          if (!decos || decos === DecorationSet.empty) return DecorationSet.empty;
-          decos.find();
-          return decos;
-        } catch {
-          return DecorationSet.empty;
-        }
+        if (state.doc.content.size !== currentDocSize) return DecorationSet.empty;
+        return currentDecos;
       }
     },
     view(editorView) {
@@ -49747,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.css

@@ -16345,13 +16345,54 @@ svg.jodit-icon {
 }
 .rf-rte-content ul[data-type=taskList] {
   list-style: none;
-  padding-left: 24px;
+  padding-left: 8px;
 }
 .rf-rte-content ul[data-type=taskList] li {
   display: flex;
   align-items: flex-start;
   gap: 8px;
-  margin: 4px 0;
+  margin: 8px 0;
+  list-style: none;
+}
+.rf-rte-content ul[data-type=taskList] li::before {
+  content: "";
+  flex-shrink: 0;
+  display: inline-block;
+  width: 18px;
+  height: 18px;
+  margin-top: 4px;
+  border-radius: 3px;
+  border: 2px solid #dc2626;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+  background-image: url(https://storage.googleapis.com/rufous-com-bucket-1/static/images/todo-blank.svg);
+}
+.rf-rte-content ul[data-type=taskList] li[data-status=todo]::before {
+  border-color: #dc2626;
+  background-image: url(https://storage.googleapis.com/rufous-com-bucket-1/static/images/todo-blank.svg);
+}
+.rf-rte-content ul[data-type=taskList] li[data-status=working]::before {
+  border-color: #2563eb;
+  background-image: url(https://storage.googleapis.com/rufous-com-bucket-1/static/images/working.svg);
+}
+.rf-rte-content ul[data-type=taskList] li[data-status=blocked]::before {
+  border-color: #1f2937;
+  background-image: url(https://storage.googleapis.com/rufous-com-bucket-1/static/images/blocked.svg);
+}
+.rf-rte-content ul[data-type=taskList] li[data-status=resolved]::before {
+  border-color: #16a34a;
+  background-image: url(https://storage.googleapis.com/rufous-com-bucket-1/static/images/closed.svg);
+}
+.rf-rte-content ul[data-type=taskList] li[data-status=resolved] > p {
+  text-decoration: line-through;
+  color: #9ca3af;
+}
+.rf-rte-content ul[data-type=taskList] li > label {
+  display: none;
+}
+.rf-rte-content ul[data-type=taskList] li > input[type=checkbox] {
+  display: none;
 }
 .rf-rte-content blockquote {
   border-left: 3px solid #6366f1;

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,37 +21040,10 @@ function createSpellCheckPlugin() {
   };
   return new Plugin({
     key: spellCheckPluginKey,
-    state: {
-      init() {
-        return DecorationSet.empty;
-      },
-      apply(tr, oldDecos, _oldState, newState) {
-        const meta = tr.getMeta(spellCheckPluginKey);
-        if (meta?.decorations) return meta.decorations;
-        if (tr.docChanged) {
-          if (newState.doc.content.size <= 4) return DecorationSet.empty;
-          if (oldDecos === DecorationSet.empty) return DecorationSet.empty;
-          try {
-            const mapped = oldDecos.map(tr.mapping, tr.doc);
-            if (!mapped || typeof mapped.find !== "function") return DecorationSet.empty;
-            return mapped;
-          } catch {
-            return DecorationSet.empty;
-          }
-        }
-        return oldDecos;
-      }
-    },
     props: {
       decorations(state) {
-        try {
-          const decos = spellCheckPluginKey.getState(state);
-          if (!decos || decos === DecorationSet.empty) return DecorationSet.empty;
-          decos.find();
-          return decos;
-        } catch {
-          return DecorationSet.empty;
-        }
+        if (state.doc.content.size !== currentDocSize) return DecorationSet.empty;
+        return currentDecos;
       }
     },
     view(editorView) {
@@ -21077,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.94",
+  "version": "0.1.96",
   "type": "module",
   "description": "Experimental: A lightweight React UI component library (Beta)",
   "style": "./dist/main.css",