@domternal/core 0.9.0 → 0.9.1

package/dist/index.js

@@ -1017,6 +1017,27 @@ var deleteSelection = () => ({ tr, dispatch }) => {
   dispatch(tr);
   return true;
 };
+var LIST_WRAPPER_TYPES = /* @__PURE__ */ new Set(["bulletList", "orderedList", "taskList"]);
+function isEmptyPlaceholderList(node) {
+  if (!LIST_WRAPPER_TYPES.has(node.type.name) || node.childCount !== 1) return false;
+  const item = node.child(0);
+  return item.childCount === 1 && item.child(0).type.name === "paragraph" && item.child(0).content.size === 0;
+}
+function stripFitterArtifacts(node) {
+  if (!node.isBlock || node.isLeaf) return node;
+  const children = [];
+  node.forEach((child) => children.push(stripFitterArtifacts(child)));
+  const kept = [];
+  children.forEach((cur, i) => {
+    const next = children[i + 1];
+    if (isEmptyPlaceholderList(cur) && next && LIST_WRAPPER_TYPES.has(next.type.name) && next.type !== cur.type) {
+      return;
+    }
+    kept.push(cur);
+  });
+  const unchanged = kept.length === node.childCount && kept.every((c, i) => c === node.child(i));
+  return unchanged ? node : node.copy(Fragment.fromArray(kept));
+}
 function isJSONContent(content) {
   return typeof content === "object" && content !== null && "type" in content && typeof content.type === "string";
 }
@@ -1039,7 +1060,7 @@ function parseHTMLContent(html, schema, options) {
   const element = document.createElement("div");
   element.innerHTML = html;
   const parser = DOMParser.fromSchema(schema);
-  return parser.parse(element, options?.parseOptions);
+  return stripFitterArtifacts(parser.parse(element, options?.parseOptions));
 }
 function createDocument(content, schema, options) {
   if (content === null || content === void 0 || content === "") {
@@ -4142,12 +4163,12 @@ function defaultBubbleContexts(editor) {
 
 // src/utils/insertAsListItemChild.ts
 var LIST_ITEM_TYPES3 = /* @__PURE__ */ new Set(["listItem", "taskItem"]);
-var LIST_WRAPPER_TYPES = /* @__PURE__ */ new Set(["bulletList", "orderedList", "taskList"]);
+var LIST_WRAPPER_TYPES2 = /* @__PURE__ */ new Set(["bulletList", "orderedList", "taskList"]);
 function insertAsListItemChild(args) {
   const { tr, wrapperPos, targetItemPos, blockNode, sourceRange, childIndex } = args;
   if (wrapperPos < 0 || wrapperPos >= tr.doc.content.size) return { ok: false };
   const wrapper = tr.doc.nodeAt(wrapperPos);
-  if (!wrapper || !LIST_WRAPPER_TYPES.has(wrapper.type.name)) return { ok: false };
+  if (!wrapper || !LIST_WRAPPER_TYPES2.has(wrapper.type.name)) return { ok: false };
   if (wrapper.childCount === 0) return { ok: false };
   let targetItem;
   let targetItemStart;
@@ -5928,6 +5949,50 @@ var CodeBlock = Node2.create({
     ];
   }
 });
+var LIST_ITEM_TYPES4 = /* @__PURE__ */ new Set(["listItem", "taskItem"]);
+function liftCrossTypeListItem(state, dispatch) {
+  const { $from } = state.selection;
+  if (!state.selection.empty) return false;
+  let itemDepth = -1;
+  for (let d = $from.depth; d > 0; d--) {
+    if (LIST_ITEM_TYPES4.has($from.node(d).type.name)) {
+      itemDepth = d;
+      break;
+    }
+  }
+  if (itemDepth < 4) return false;
+  const item = $from.node(itemDepth);
+  const wrapper = $from.node(itemDepth - 1);
+  const parentItem = $from.node(itemDepth - 2);
+  if (!LIST_ITEM_TYPES4.has(parentItem.type.name)) return false;
+  if (parentItem.type === item.type) return false;
+  const parentWrapper = $from.node(itemDepth - 3);
+  const grandParent = $from.node(itemDepth - 4);
+  const gpIndex = $from.index(itemDepth - 4);
+  if (!grandParent.canReplaceWith(gpIndex + 1, gpIndex + 1, wrapper.type)) return false;
+  if (!dispatch) return true;
+  const onlyChild = wrapper.childCount === 1;
+  const removeFrom = onlyChild ? $from.before(itemDepth - 1) : $from.before(itemDepth);
+  const removeTo = onlyChild ? $from.after(itemDepth - 1) : $from.after(itemDepth);
+  const parentIsLast = $from.index(itemDepth - 3) === parentWrapper.childCount - 1;
+  const tr = state.tr;
+  tr.delete(removeFrom, removeTo);
+  const newList = wrapper.type.create(wrapper.attrs, item);
+  if (parentIsLast) {
+    const insertAt = tr.mapping.map($from.after(itemDepth - 3));
+    tr.insert(insertAt, newList);
+    tr.setSelection(Selection.near(tr.doc.resolve(insertAt + 2)));
+  } else {
+    const splitAt = tr.mapping.map($from.after(itemDepth - 2));
+    tr.split(splitAt, 1);
+    tr.insert(splitAt + 1, newList);
+    tr.setSelection(Selection.near(tr.doc.resolve(splitAt + 2)));
+  }
+  dispatch(tr.scrollIntoView());
+  return true;
+}
+
+// src/extensions/ListKeymap.ts
 var LIST_GROUP_TYPES = /* @__PURE__ */ new Set(["bulletList", "orderedList", "taskList"]);
 function getListItemContext(editor, listItemName) {
   const { state, view } = editor;
@@ -5969,6 +6034,7 @@ var ListKeymap = Extension.create({
         if (!this.editor) return false;
         const ctx = getListItemContext(this.editor, this.options.listItem);
         if (!ctx) return false;
+        if (liftCrossTypeListItem(ctx.state, ctx.view.dispatch)) return true;
         return liftListItem(ctx.listItemType)(ctx.state, ctx.view.dispatch);
       },
       // Backspace at start of list item to lift
@@ -6022,6 +6088,7 @@ var ListKeymap = Extension.create({
         if (firstChild?.isTextblock) {
           const posInListItem = $from.pos - $from.start(listItemDepth);
           if (posInListItem <= 1) {
+            if (liftCrossTypeListItem(state, view.dispatch)) return true;
             return liftListItem(listItemType)(state, view.dispatch);
           }
         }
@@ -6068,7 +6135,22 @@ var ListItem = Node2.create({
             if (splitBlock(state, view.dispatch)) return true;
           }
         }
-        if (splitListItem(this.nodeType)(state, view.dispatch)) return true;
+        const item = $from.node(-1);
+        const hasChildren = item.childCount > 1;
+        const atEnd = $from.parentOffset === $from.parent.content.size;
+        const labelEmpty = $from.parent.content.size === 0;
+        if (!ctx?.isInChildrenZone && hasChildren && atEnd && !labelEmpty) {
+          const newItem = this.nodeType.createAndFill();
+          if (newItem) {
+            const insertAt = $from.after($from.depth - 1);
+            const tr = state.tr.insert(insertAt, newItem);
+            tr.setSelection(Selection.near(tr.doc.resolve(insertAt + 2)));
+            view.dispatch(tr.scrollIntoView());
+            return true;
+          }
+        }
+        const skipSplit = !ctx?.isInChildrenZone && labelEmpty && hasChildren;
+        if (!skipSplit && splitListItem(this.nodeType)(state, view.dispatch)) return true;
         const listDepth = $from.depth - 2;
         const taskItemType = state.schema.nodes["taskItem"];
         if ($from.parent.content.size === 0 && listDepth > 0 && taskItemType && $from.node(listDepth - 1).type === taskItemType) {
@@ -6077,9 +6159,9 @@ var ListItem = Node2.create({
           tr.delete($from.before(delDepth), $from.after(delDepth));
           const taskItemDepth = listDepth - 1;
           const end = tr.mapping.map($from.after(taskItemDepth));
-          const item = taskItemType.createAndFill();
-          if (item) {
-            tr.insert(end, item);
+          const item2 = taskItemType.createAndFill();
+          if (item2) {
+            tr.insert(end, item2);
             tr.setSelection(Selection.near(tr.doc.resolve(end + 2)));
             view.dispatch(tr.scrollIntoView());
             return true;
@@ -6208,16 +6290,20 @@ var OrderedList = Node2.create({
     return {
       start: {
         default: 1,
+        // Clamp to a finite integer >= 1. Without this, a malformed
+        // `start="abc"` parses to NaN; `JSON.stringify(NaN)` is `null`, so
+        // getJSON() serializes `start: null` and a save/load cycle
+        // permanently dirties the document (reloads as `<ol start="null">`).
         parseHTML: (element) => {
-          const start = element.getAttribute("start");
-          return start ? parseInt(start, 10) : 1;
+          const n = parseInt(element.getAttribute("start") ?? "", 10);
+          return Number.isFinite(n) && n >= 1 ? Math.floor(n) : 1;
         },
         renderHTML: (attributes) => {
           const start = attributes["start"];
-          if (start === 1) {
+          if (!Number.isFinite(start) || start <= 1) {
             return {};
           }
-          return { start: String(start) };
+          return { start: String(Math.floor(start)) };
         }
       }
     };
@@ -6296,8 +6382,8 @@ var OrderedList = Node2.create({
         guard: notInsideList,
         joinForward: true,
         getAttributes: (match) => {
-          const num = match[1];
-          return { start: num ? parseInt(num, 10) : 1 };
+          const n = parseInt(match[1] ?? "", 10);
+          return { start: Number.isFinite(n) && n >= 1 ? Math.floor(n) : 1 };
         }
       })
     ];
@@ -6569,7 +6655,10 @@ var TaskItem = Node2.create({
         keepOnSplit: false,
         parseHTML: (element) => {
           const dataChecked = element.getAttribute("data-checked");
-          return dataChecked === "true" || dataChecked === "";
+          if (dataChecked !== null) {
+            return dataChecked.toLowerCase() === "true" || dataChecked === "";
+          }
+          return element.querySelector('input[type="checkbox"]')?.hasAttribute("checked") ?? false;
         },
         renderHTML: (attributes) => ({
           "data-checked": attributes["checked"] ? "true" : "false"
@@ -6582,6 +6671,14 @@ var TaskItem = Node2.create({
       {
         tag: `li[data-type="${this.name}"]`,
         priority: 51
+      },
+      // GFM / markdown task lists: `<li class="task-list-item">` carries no
+      // data-type. Priority 51 keeps it ahead of the generic `li` (listItem,
+      // 50); class-scoped so it never swallows ordinary bullet items. The
+      // `checked` attribute is derived from the descendant `<input>` above.
+      {
+        tag: "li.task-list-item",
+        priority: 51
       }
     ];
   },
@@ -6667,7 +6764,22 @@ var TaskItem = Node2.create({
             return true;
           }
         }
-        if (splitListItem(this.nodeType, { checked: false })(state, view.dispatch)) return true;
+        const item = $from.node(-1);
+        const hasChildren = item.childCount > 1;
+        const labelEmpty = $from.parent.content.size === 0;
+        const atEnd = $from.parentOffset === $from.parent.content.size;
+        if (!ctx?.isInChildrenZone && hasChildren && atEnd && !labelEmpty) {
+          const newItem = this.nodeType.createAndFill({ checked: false });
+          if (newItem) {
+            const insertAt = $from.after($from.depth - 1);
+            const tr = state.tr.insert(insertAt, newItem);
+            tr.setSelection(Selection.near(tr.doc.resolve(insertAt + 2)));
+            view.dispatch(tr.scrollIntoView());
+            return true;
+          }
+        }
+        const skipSplit = !ctx?.isInChildrenZone && labelEmpty && hasChildren;
+        if (!skipSplit && splitListItem(this.nodeType, { checked: false })(state, view.dispatch)) return true;
         if ($from.parent.content.size === 0) {
           const listItemType = state.schema.nodes["listItem"];
           if (listItemType) {
@@ -6714,9 +6826,11 @@ var TaskItem = Node2.create({
       },
       "Shift-Tab": () => {
         if (!this.editor || !this.nodeType) return false;
-        const { $from } = this.editor.state.selection;
+        const { state, view } = this.editor;
+        const { $from } = state.selection;
         if ($from.depth < 1 || $from.node(-1).type !== this.nodeType) return false;
-        return liftListItem(this.nodeType)(this.editor.state, this.editor.view.dispatch);
+        if (liftCrossTypeListItem(state, view.dispatch)) return true;
+        return liftListItem(this.nodeType)(state, view.dispatch);
       },
       Backspace: () => {
         if (!this.editor || !this.nodeType) return false;
@@ -6738,6 +6852,7 @@ var TaskItem = Node2.create({
         }
         if (taskItemDepth === -1) return false;
         if ($from.index(taskItemDepth) !== 0) return false;
+        if (liftCrossTypeListItem(state, view.dispatch)) return true;
         return liftListItem(this.nodeType)(state, view.dispatch);
       },
       "Mod-Enter": () => {
@@ -6764,6 +6879,13 @@ var TaskList = Node2.create({
         tag: `ul[data-type="${this.name}"]`,
         priority: 51
         // Higher priority than regular bulletList
+      },
+      // GFM / markdown task lists: `<ul class="contains-task-list">`. Priority
+      // 51 keeps it ahead of the generic `ul` (bulletList, 50); class-scoped so
+      // it only matches real GFM task-list containers, not ordinary bullets.
+      {
+        tag: "ul.contains-task-list",
+        priority: 51
       }
     ];
   },
@@ -8024,12 +8146,12 @@ var Placeholder = Extension.create({
     ];
   }
 });
-var LIST_ITEM_TYPES4 = /* @__PURE__ */ new Set(["listItem", "taskItem"]);
-var LIST_WRAPPER_TYPES2 = /* @__PURE__ */ new Set(["bulletList", "orderedList", "taskList"]);
+var LIST_ITEM_TYPES5 = /* @__PURE__ */ new Set(["listItem", "taskItem"]);
+var LIST_WRAPPER_TYPES3 = /* @__PURE__ */ new Set(["bulletList", "orderedList", "taskList"]);
 function isCursorInsideListItem(state) {
   const { $from } = state.selection;
   for (let d = $from.depth; d > 0; d--) {
-    if (LIST_ITEM_TYPES4.has($from.node(d).type.name)) return true;
+    if (LIST_ITEM_TYPES5.has($from.node(d).type.name)) return true;
   }
   return false;
 }
@@ -8060,7 +8182,7 @@ function indentBlockAsListChild(state, dispatch) {
   }
   if (blockIndex === 0) return false;
   const prevSibling = state.doc.child(blockIndex - 1);
-  if (!LIST_WRAPPER_TYPES2.has(prevSibling.type.name)) return false;
+  if (!LIST_WRAPPER_TYPES3.has(prevSibling.type.name)) return false;
   let wrapperPos = 0;
   for (let i = 0; i < blockIndex - 1; i++) {
     wrapperPos += state.doc.child(i).nodeSize;
@@ -8084,7 +8206,7 @@ function outdentBlockFromListItem(state, dispatch) {
   const { $from } = selection;
   let listItemDepth = -1;
   for (let d = $from.depth; d > 0; d--) {
-    if (LIST_ITEM_TYPES4.has($from.node(d).type.name)) {
+    if (LIST_ITEM_TYPES5.has($from.node(d).type.name)) {
       listItemDepth = d;
       break;
     }
@@ -8864,7 +8986,7 @@ var BlockColor = Extension.create({
     };
   }
 });
-var Selection4 = Extension.create({
+var Selection5 = Extension.create({
   name: "selection",
   addStorage() {
     return {
@@ -10363,6 +10485,6 @@ var StarterKit = Extension.create({
 // src/index.ts
 var VERSION = "0.1.0";
 
-export { BaseKeymap, BlockColor, Blockquote, Bold, BubbleMenu, BulletList, CanChecker, ChainBuilder, CharacterCount, ClearFormatting, Code, CodeBlock, CommandManager, DEFAULT_BLOCK_COLORS, DEFAULT_BLOCK_COLOR_TYPES, DEFAULT_HIGHLIGHT_COLORS, DEFAULT_NOTION_COLOR_PALETTE, DEFAULT_TEXT_COLORS, Document, Dropcursor, Editor, EventEmitter, Extension, ExtensionManager, FLOATING_MENU_META, FLOATING_MENU_NO_FOCUS, FloatingMenuController, Focus, FontFamily, FontSize, Gapcursor, HardBreak, Heading, Highlight, History, HorizontalRule, InvisibleChars, Italic, LIST_ITEM_TYPE_NAMES, LineHeight, Link, LinkPopover, ListIndent, ListItem, ListKeymap, Mark, Node2 as Node, NotionColorPicker, OrderedList, Paragraph, Placeholder, Selection4 as Selection, SelectionDecoration, StarterKit, Strike, Subscript, Superscript, TaskItem, TaskList, Text, TextAlign, TextColor, TextStyle, ToolbarController, TrailingNode, Typography, Underline, UniqueID, VERSION, applyInlineStyles, autolinkPlugin, autolinkPluginKey, blur, bubbleMenuPluginKey, buildCommandProps, builtInCommands, callOrReturn, characterCountPluginKey, clearContent, copyThemeClass, createAccumulatingDispatch, createBubbleMenuPlugin, createCanChecker, createChainBuilder, createDocument, createFloatingMenuPlugin, defaultBlockAt, defaultBubbleContexts, defaultFloatingMenuShouldShow, defaultIcons, deleteSelection, findChildren, findListItemAncestorDepth, findParentNode, floatingMenuPluginKey, focus, focusPluginKey, generateHTML, generateJSON, generateText, getListItemCursorContext, getMarkRange, groupFloatingMenuItems, hideFloatingMenu, indentBlockAsListChild, inlineStyles, insertAsListItemChild, insertChildrenZoneSibling, insertContent, insertText, invisibleCharsPluginKey, isDocumentEmpty, isInListItemLabel, isInsideListItem, isNodeEmpty, isValidUrl, lift, liftCurrentListItem, liftEmptyChildrenZoneParagraph, linkClickPlugin, linkClickPluginKey, linkExitPlugin, linkExitPluginKey, linkPastePlugin, linkPastePluginKey, markInputRule, markInputRulePatterns, nodeInputRule, outdentBlockFromListItem, placeholderPluginKey, positionFloating, positionFloatingOnce, resetAttributes, selectAll, selectNodeBackward, selectionDecorationPluginKey, setBlockType, setContent, setMark, showFloatingMenu, splitListForInsert, stripInlineColorConflicts, textInputRule, textblockTypeInputRule, toggleBlockType, toggleList, toggleMark, toggleWrap, uniqueIDPluginKey, unsetAllMarks, unsetMark, updateAttributes, wrapIn, wrappingInputRule, writeToClipboard };
+export { BaseKeymap, BlockColor, Blockquote, Bold, BubbleMenu, BulletList, CanChecker, ChainBuilder, CharacterCount, ClearFormatting, Code, CodeBlock, CommandManager, DEFAULT_BLOCK_COLORS, DEFAULT_BLOCK_COLOR_TYPES, DEFAULT_HIGHLIGHT_COLORS, DEFAULT_NOTION_COLOR_PALETTE, DEFAULT_TEXT_COLORS, Document, Dropcursor, Editor, EventEmitter, Extension, ExtensionManager, FLOATING_MENU_META, FLOATING_MENU_NO_FOCUS, FloatingMenuController, Focus, FontFamily, FontSize, Gapcursor, HardBreak, Heading, Highlight, History, HorizontalRule, InvisibleChars, Italic, LIST_ITEM_TYPE_NAMES, LineHeight, Link, LinkPopover, ListIndent, ListItem, ListKeymap, Mark, Node2 as Node, NotionColorPicker, OrderedList, Paragraph, Placeholder, Selection5 as Selection, SelectionDecoration, StarterKit, Strike, Subscript, Superscript, TaskItem, TaskList, Text, TextAlign, TextColor, TextStyle, ToolbarController, TrailingNode, Typography, Underline, UniqueID, VERSION, applyInlineStyles, autolinkPlugin, autolinkPluginKey, blur, bubbleMenuPluginKey, buildCommandProps, builtInCommands, callOrReturn, characterCountPluginKey, clearContent, copyThemeClass, createAccumulatingDispatch, createBubbleMenuPlugin, createCanChecker, createChainBuilder, createDocument, createFloatingMenuPlugin, defaultBlockAt, defaultBubbleContexts, defaultFloatingMenuShouldShow, defaultIcons, deleteSelection, findChildren, findListItemAncestorDepth, findParentNode, floatingMenuPluginKey, focus, focusPluginKey, generateHTML, generateJSON, generateText, getListItemCursorContext, getMarkRange, groupFloatingMenuItems, hideFloatingMenu, indentBlockAsListChild, inlineStyles, insertAsListItemChild, insertChildrenZoneSibling, insertContent, insertText, invisibleCharsPluginKey, isDocumentEmpty, isInListItemLabel, isInsideListItem, isNodeEmpty, isValidUrl, lift, liftCurrentListItem, liftEmptyChildrenZoneParagraph, linkClickPlugin, linkClickPluginKey, linkExitPlugin, linkExitPluginKey, linkPastePlugin, linkPastePluginKey, markInputRule, markInputRulePatterns, nodeInputRule, outdentBlockFromListItem, placeholderPluginKey, positionFloating, positionFloatingOnce, resetAttributes, selectAll, selectNodeBackward, selectionDecorationPluginKey, setBlockType, setContent, setMark, showFloatingMenu, splitListForInsert, stripInlineColorConflicts, textInputRule, textblockTypeInputRule, toggleBlockType, toggleList, toggleMark, toggleWrap, uniqueIDPluginKey, unsetAllMarks, unsetMark, updateAttributes, wrapIn, wrappingInputRule, writeToClipboard };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map