@rufous/ui 0.2.3 → 0.2.4

package/dist/main.cjs

@@ -41672,6 +41672,12 @@ var STATUS_IMAGES = {
   blocked: "https://storage.googleapis.com/rufous-com-bucket-1/static/images/blocked.svg",
   resolved: "https://storage.googleapis.com/rufous-com-bucket-1/static/images/closed.svg"
 };
+var STATUS_LABELS = {
+  todo: "Todo",
+  working: "Working",
+  blocked: "Blocked",
+  resolved: "Resolved"
+};
 var STATUS_COLORS = {
   todo: { border: "#dc2626", bg: "#fff", color: "#dc2626" },
   working: { border: "#2563eb", bg: "#eff6ff", color: "#2563eb" },
@@ -41755,14 +41761,16 @@ var CustomTaskItem = import_extension_task_item.default.extend({
         if (afterContent.size > 0) {
           tr.delete($from.pos, $from.end());
         }
-        const newPara = afterContent.size > 0 ? schema.nodes.paragraph.create(null, afterContent) : schema.nodes.paragraph.create();
+        const statusLabel = STATUS_LABELS[status] || STATUS_LABELS.todo;
+        const newPara = afterContent.size > 0 ? schema.nodes.paragraph.create(null, afterContent) : schema.nodes.paragraph.create(null, schema.text(statusLabel));
         const newItem = schema.nodes.taskItem.create(
           { status, checked: false },
           newPara
         );
         const insertPos = tr.mapping.map($from.after(taskDepth));
         tr.insert(insertPos, newItem);
-        tr.setSelection(TextSelection.near(tr.doc.resolve(insertPos + 2)));
+        const cursorOffset = afterContent.size > 0 ? 0 : statusLabel.length;
+        tr.setSelection(TextSelection.create(tr.doc, insertPos + 2 + cursorOffset));
         this.editor.view.dispatch(tr);
         return true;
       },
@@ -41793,8 +41801,8 @@ var CustomTaskItem = import_extension_task_item.default.extend({
             const from2 = $from.before(taskListDepth);
             const to2 = $from.after(taskListDepth);
             tr2.replaceWith(from2, to2, state.schema.nodes.paragraph.create());
-            const resolvedPos = tr2.doc.resolve(from2);
-            tr2.setSelection(TextSelection.near(resolvedPos));
+            const resolvedPos2 = tr2.doc.resolve(from2);
+            tr2.setSelection(TextSelection.near(resolvedPos2));
             this.editor.view.dispatch(tr2);
             return true;
           }
@@ -41802,37 +41810,12 @@ var CustomTaskItem = import_extension_task_item.default.extend({
           const from = $from.before(taskItemDepth);
           const to = $from.after(taskItemDepth);
           tr.delete(from, to);
-          const prevPos = Math.max(0, from - 1);
-          const $prev = tr.doc.resolve(prevPos);
-          const cursorPos = $prev.end($prev.depth);
-          tr.setSelection(TextSelection.create(tr.doc, cursorPos));
+          const resolvedPos = tr.doc.resolve(Math.max(0, from));
+          tr.setSelection(TextSelection.near(resolvedPos, -1));
           this.editor.view.dispatch(tr);
           return true;
         }
-        const indexInList = taskListDepth !== -1 ? $from.index(taskListDepth) : -1;
-        if (indexInList > 0 && taskListDepth !== -1) {
-          const tr = state.tr;
-          const itemStart = $from.before(taskItemDepth);
-          const itemEnd = $from.after(taskItemDepth);
-          if (tr.doc.resolve(itemStart).nodeBefore) {
-            const contentSlice = taskItem.content;
-            tr.delete(itemStart, itemEnd);
-            const prevPos = Math.max(0, itemStart - 1);
-            const $prevEnd = tr.doc.resolve(prevPos);
-            const prevParaEnd = $prevEnd.end($prevEnd.depth);
-            let insertAt = prevParaEnd;
-            contentSlice.forEach((child) => {
-              child.content.forEach((inline) => {
-                tr.insert(insertAt, inline);
-                insertAt += inline.nodeSize;
-              });
-            });
-            tr.setSelection(TextSelection.create(tr.doc, prevParaEnd));
-            this.editor.view.dispatch(tr);
-            return true;
-          }
-        }
-        return this.editor.commands.liftListItem(this.name);
+        return false;
       },
       "Shift-Tab": () => this.editor.commands.liftListItem(this.name),
       ...this.options.nested ? { Tab: () => this.editor.commands.sinkListItem(this.name) } : {}
@@ -43671,6 +43654,7 @@ var RufousTextEditor = ({
       editor.off("blur", handler);
     };
   }, [editor]);
+  const setLinkRef = (0, import_react59.useRef)(null);
   const [linkModalOpen, setLinkModalOpen] = (0, import_react59.useState)(false);
   const [linkUrl, setLinkUrl] = (0, import_react59.useState)("");
   const [linkText, setLinkText] = (0, import_react59.useState)("");
@@ -43715,6 +43699,22 @@ var RufousTextEditor = ({
     setLinkSelection({ from, to });
     setLinkModalOpen(true);
   }, [editor]);
+  (0, import_react59.useEffect)(() => {
+    setLinkRef.current = setLink;
+  }, [setLink]);
+  (0, import_react59.useEffect)(() => {
+    if (!editor?.view) return;
+    const handleKeyDown = (event) => {
+      if ((event.ctrlKey || event.metaKey) && event.key === "k") {
+        event.preventDefault();
+        setLinkRef.current?.();
+      }
+    };
+    editor.view.dom.addEventListener("keydown", handleKeyDown);
+    return () => {
+      editor.view.dom.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [editor]);
   const handleLinkSubmit = (0, import_react59.useCallback)(() => {
     if (!editor || !linkSelection) return;
     editor.chain().focus().setTextSelection(linkSelection).run();

package/dist/main.js

@@ -13002,6 +13002,12 @@ var STATUS_IMAGES = {
   blocked: "https://storage.googleapis.com/rufous-com-bucket-1/static/images/blocked.svg",
   resolved: "https://storage.googleapis.com/rufous-com-bucket-1/static/images/closed.svg"
 };
+var STATUS_LABELS = {
+  todo: "Todo",
+  working: "Working",
+  blocked: "Blocked",
+  resolved: "Resolved"
+};
 var STATUS_COLORS = {
   todo: { border: "#dc2626", bg: "#fff", color: "#dc2626" },
   working: { border: "#2563eb", bg: "#eff6ff", color: "#2563eb" },
@@ -13085,14 +13091,16 @@ var CustomTaskItem = TaskItem.extend({
         if (afterContent.size > 0) {
           tr.delete($from.pos, $from.end());
         }
-        const newPara = afterContent.size > 0 ? schema.nodes.paragraph.create(null, afterContent) : schema.nodes.paragraph.create();
+        const statusLabel = STATUS_LABELS[status] || STATUS_LABELS.todo;
+        const newPara = afterContent.size > 0 ? schema.nodes.paragraph.create(null, afterContent) : schema.nodes.paragraph.create(null, schema.text(statusLabel));
         const newItem = schema.nodes.taskItem.create(
           { status, checked: false },
           newPara
         );
         const insertPos = tr.mapping.map($from.after(taskDepth));
         tr.insert(insertPos, newItem);
-        tr.setSelection(TextSelection.near(tr.doc.resolve(insertPos + 2)));
+        const cursorOffset = afterContent.size > 0 ? 0 : statusLabel.length;
+        tr.setSelection(TextSelection.create(tr.doc, insertPos + 2 + cursorOffset));
         this.editor.view.dispatch(tr);
         return true;
       },
@@ -13123,8 +13131,8 @@ var CustomTaskItem = TaskItem.extend({
             const from2 = $from.before(taskListDepth);
             const to2 = $from.after(taskListDepth);
             tr2.replaceWith(from2, to2, state.schema.nodes.paragraph.create());
-            const resolvedPos = tr2.doc.resolve(from2);
-            tr2.setSelection(TextSelection.near(resolvedPos));
+            const resolvedPos2 = tr2.doc.resolve(from2);
+            tr2.setSelection(TextSelection.near(resolvedPos2));
             this.editor.view.dispatch(tr2);
             return true;
           }
@@ -13132,37 +13140,12 @@ var CustomTaskItem = TaskItem.extend({
           const from = $from.before(taskItemDepth);
           const to = $from.after(taskItemDepth);
           tr.delete(from, to);
-          const prevPos = Math.max(0, from - 1);
-          const $prev = tr.doc.resolve(prevPos);
-          const cursorPos = $prev.end($prev.depth);
-          tr.setSelection(TextSelection.create(tr.doc, cursorPos));
+          const resolvedPos = tr.doc.resolve(Math.max(0, from));
+          tr.setSelection(TextSelection.near(resolvedPos, -1));
           this.editor.view.dispatch(tr);
           return true;
         }
-        const indexInList = taskListDepth !== -1 ? $from.index(taskListDepth) : -1;
-        if (indexInList > 0 && taskListDepth !== -1) {
-          const tr = state.tr;
-          const itemStart = $from.before(taskItemDepth);
-          const itemEnd = $from.after(taskItemDepth);
-          if (tr.doc.resolve(itemStart).nodeBefore) {
-            const contentSlice = taskItem.content;
-            tr.delete(itemStart, itemEnd);
-            const prevPos = Math.max(0, itemStart - 1);
-            const $prevEnd = tr.doc.resolve(prevPos);
-            const prevParaEnd = $prevEnd.end($prevEnd.depth);
-            let insertAt = prevParaEnd;
-            contentSlice.forEach((child) => {
-              child.content.forEach((inline) => {
-                tr.insert(insertAt, inline);
-                insertAt += inline.nodeSize;
-              });
-            });
-            tr.setSelection(TextSelection.create(tr.doc, prevParaEnd));
-            this.editor.view.dispatch(tr);
-            return true;
-          }
-        }
-        return this.editor.commands.liftListItem(this.name);
+        return false;
       },
       "Shift-Tab": () => this.editor.commands.liftListItem(this.name),
       ...this.options.nested ? { Tab: () => this.editor.commands.sinkListItem(this.name) } : {}
@@ -15001,6 +14984,7 @@ var RufousTextEditor = ({
       editor.off("blur", handler);
     };
   }, [editor]);
+  const setLinkRef = useRef30(null);
   const [linkModalOpen, setLinkModalOpen] = useState34(false);
   const [linkUrl, setLinkUrl] = useState34("");
   const [linkText, setLinkText] = useState34("");
@@ -15045,6 +15029,22 @@ var RufousTextEditor = ({
     setLinkSelection({ from, to });
     setLinkModalOpen(true);
   }, [editor]);
+  useEffect27(() => {
+    setLinkRef.current = setLink;
+  }, [setLink]);
+  useEffect27(() => {
+    if (!editor?.view) return;
+    const handleKeyDown = (event) => {
+      if ((event.ctrlKey || event.metaKey) && event.key === "k") {
+        event.preventDefault();
+        setLinkRef.current?.();
+      }
+    };
+    editor.view.dom.addEventListener("keydown", handleKeyDown);
+    return () => {
+      editor.view.dom.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [editor]);
   const handleLinkSubmit = useCallback13(() => {
     if (!editor || !linkSelection) return;
     editor.chain().focus().setTextSelection(linkSelection).run();

package/package.json

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