@domternal/core 0.8.0 → 0.9.1

package/dist/index.js

@@ -1,11 +1,11 @@
-import { Plugin, PluginKey, TextSelection, Selection, NodeSelection, AllSelection, EditorState } from '@domternal/pm/state';
+import { PluginKey, Plugin, TextSelection, Selection, NodeSelection, AllSelection, EditorState } from '@domternal/pm/state';
 export { PluginKey } from '@domternal/pm/state';
 import { DecorationSet, Decoration, EditorView } from '@domternal/pm/view';
 import { Slice, Fragment, Schema, Node as Node$1, DOMSerializer, DOMParser } from '@domternal/pm/model';
 import { keymap } from '@domternal/pm/keymap';
 import { splitBlock, chainCommands, newlineInCode, createParagraphNear, liftEmptyBlock, baseKeymap, selectNodeBackward as selectNodeBackward$1 } from '@domternal/pm/commands';
 import { InputRule } from '@domternal/pm/inputrules';
-import { canJoin, findWrapping, liftTarget } from '@domternal/pm/transform';
+import { canJoin, canSplit, findWrapping, liftTarget } from '@domternal/pm/transform';
 import { liftListItem, sinkListItem, splitListItem, wrapRangeInList } from '@domternal/pm/schema-list';
 import { offset, flip, shift, autoUpdate, hide, computePosition } from '@floating-ui/dom';
 import { find } from 'linkifyjs';
@@ -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 === "") {
@@ -2278,7 +2299,7 @@ function joinListForwards(tr, listType) {
     }
   }
 }
-var toggleList = (listNodeName, listItemNodeName, attributes) => ({ state, tr, dispatch }) => {
+var toggleList = (listNodeName, listItemNodeName, attributes, options) => ({ state, tr, dispatch }) => {
   const listType = state.schema.nodes[listNodeName];
   const listItemType = state.schema.nodes[listItemNodeName];
   if (!listType || !listItemType) {
@@ -2410,6 +2431,17 @@ var toggleList = (listNodeName, listItemNodeName, attributes) => ({ state, tr, d
   const contentBlocks = collectListContext(tr.doc, from, to);
   const allInTargetList = contentBlocks.length > 0 && contentBlocks.every((b) => b.inTargetList);
   const allInSomeList = contentBlocks.length > 0 && contentBlocks.every((b) => b.inSomeList);
+  if (options?.perItem && from === to && allInSomeList && !allInTargetList) {
+    if (!dispatch) return true;
+    if (liftCurrentListItem(state, tr)) {
+      const blockRange = tr.selection.$from.blockRange();
+      if (blockRange) wrapRangeInList(tr, blockRange, listType, attributes);
+      joinListBackwards(tr, listType);
+      joinListForwards(tr, listType);
+      dispatch(tr.scrollIntoView());
+      return true;
+    }
+  }
   if (allInTargetList) {
     const first = contentBlocks[0];
     const last = contentBlocks[contentBlocks.length - 1];
@@ -3496,7 +3528,7 @@ var Editor = class extends EventEmitter {
    * Checks if the editor is editable
    */
   get isEditable() {
-    return this.view.editable;
+    return this.view ? this.view.editable : this.options.editable ?? true;
   }
   /**
    * Checks if the editor content is empty
@@ -3993,10 +4025,11 @@ var Editor = class extends EventEmitter {
 function positionFloating(reference, floating, options) {
   const placementOpt = options?.placement ?? "bottom";
   const paddingOpt = options?.padding ?? 10;
+  const overflowOpts = options?.boundary ? { padding: paddingOpt, boundary: options.boundary } : { padding: paddingOpt };
   const middleware = [
     offset(options?.offsetValue ?? 4),
-    flip({ padding: paddingOpt }),
-    shift({ padding: paddingOpt }),
+    flip(overflowOpts),
+    shift(overflowOpts),
     hide()
   ];
   const update = () => {
@@ -4027,10 +4060,11 @@ function positionFloating(reference, floating, options) {
 function positionFloatingOnce(reference, floating, options) {
   const placementOpt = options?.placement ?? "bottom";
   const paddingOpt = options?.padding ?? 10;
+  const overflowOpts = options?.boundary ? { padding: paddingOpt, boundary: options.boundary } : { padding: paddingOpt };
   const middleware = [
     offset(options?.offsetValue ?? 4),
-    flip({ padding: paddingOpt }),
-    shift({ padding: paddingOpt })
+    flip(overflowOpts),
+    shift(overflowOpts)
   ];
   const update = () => {
     void computePosition(
@@ -4129,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;
@@ -5122,6 +5156,226 @@ var FloatingMenuController = class _FloatingMenuController {
     if (changed) this.onChange();
   }
 };
+var floatingMenuPluginKey = new PluginKey("floatingMenu");
+function defaultFloatingMenuShouldShow({
+  editor,
+  state
+}) {
+  if (!editor.isEditable) return false;
+  const { selection } = state;
+  const { $from, empty } = selection;
+  if (!empty) return false;
+  if ($from.parent.type.name !== "paragraph") return false;
+  if ($from.parent.content.size !== 0) return false;
+  if ($from.parentOffset !== 0) return false;
+  return true;
+}
+var DEFAULT_ENTER_MENU_SHORTCUTS = ["Alt-F10", "Mod-/"];
+var FLOATING_MENU_META = "dm:floatingMenuTrigger";
+function showFloatingMenu(view) {
+  view.dispatch(view.state.tr.setMeta(FLOATING_MENU_META, "show"));
+}
+function hideFloatingMenu(view) {
+  view.dispatch(view.state.tr.setMeta(FLOATING_MENU_META, "hide"));
+}
+var IS_MAC = typeof navigator !== "undefined" && /Mac|iPhone|iPad|iPod/i.test(navigator.userAgent);
+function matchShortcut(event, shortcut) {
+  const parts = shortcut.split("-");
+  let keyPart = parts.pop();
+  if (!keyPart) return false;
+  if (keyPart === "Space") keyPart = " ";
+  let needCtrl = false;
+  let needMeta = false;
+  let needAlt = false;
+  let needShift = false;
+  for (const mod of parts) {
+    switch (mod) {
+      case "Mod":
+      case "mod":
+        if (IS_MAC) needMeta = true;
+        else needCtrl = true;
+        break;
+      case "Cmd":
+      case "cmd":
+      case "Meta":
+      case "meta":
+      case "m":
+        needMeta = true;
+        break;
+      case "Ctrl":
+      case "ctrl":
+      case "Control":
+      case "control":
+      case "c":
+        needCtrl = true;
+        break;
+      case "Alt":
+      case "alt":
+      case "a":
+        needAlt = true;
+        break;
+      case "Shift":
+      case "shift":
+      case "s":
+        needShift = true;
+        break;
+      default:
+        return false;
+    }
+  }
+  if (event.altKey !== needAlt) return false;
+  if (event.ctrlKey !== needCtrl) return false;
+  if (event.metaKey !== needMeta) return false;
+  if (keyPart.length > 1 && event.shiftKey !== needShift) return false;
+  return event.key === keyPart || event.key.toLowerCase() === keyPart.toLowerCase();
+}
+function createFloatingMenuPlugin(options) {
+  const {
+    pluginKey,
+    editor,
+    element,
+    shouldShow = defaultFloatingMenuShouldShow,
+    offset: offset2 = 0,
+    keymap: keymap4,
+    requireExplicitTrigger = false
+  } = options;
+  const enterShortcuts = keymap4?.enterMenu ?? DEFAULT_ENTER_MENU_SHORTCUTS;
+  if (!element.getAttribute("role")) {
+    element.setAttribute("role", "menu");
+    element.setAttribute("aria-label", "Insert block");
+  }
+  let cleanupFloating = null;
+  let editorEl = null;
+  let clickOutsideHandler = null;
+  let dismissOverlayHandler = null;
+  const isVisible = () => element.hasAttribute("data-show");
+  const updatePosition = (view) => {
+    const { selection } = view.state;
+    const { $from } = selection;
+    const depth = $from.depth;
+    const startPos = $from.start(depth);
+    const domNode = view.nodeDOM(startPos - 1);
+    if (domNode instanceof HTMLElement) {
+      cleanupFloating?.();
+      cleanupFloating = positionFloatingOnce(domNode, element, {
+        placement: "bottom-start",
+        offsetValue: offset2
+      });
+      element.setAttribute("data-show", "");
+    }
+  };
+  const hideMenu = () => {
+    cleanupFloating?.();
+    cleanupFloating = null;
+    element.removeAttribute("data-show");
+  };
+  const clearTriggeredFlag = (view) => {
+    if (!requireExplicitTrigger) return;
+    const triggered = pluginKey.getState(view.state)?.triggered ?? false;
+    if (triggered) view.dispatch(view.state.tr.setMeta(FLOATING_MENU_META, "hide"));
+  };
+  const focusFirstItem = () => {
+    const first = element.querySelector('[data-floating-menu-item]:not([aria-disabled="true"])') ?? element.querySelector('button, [tabindex]:not([tabindex="-1"])');
+    if (!first) return false;
+    first.focus();
+    return true;
+  };
+  hideMenu();
+  const isVisibleNow = (view) => {
+    const wantsShow = shouldShow({ editor, view, state: view.state });
+    if (!requireExplicitTrigger) return wantsShow;
+    const triggered = pluginKey.getState(view.state)?.triggered ?? false;
+    return triggered && wantsShow;
+  };
+  return new Plugin({
+    key: pluginKey,
+    state: {
+      init: () => ({ triggered: false }),
+      apply: (tr, prev) => {
+        const meta = tr.getMeta(FLOATING_MENU_META);
+        if (meta === "show") return { triggered: true };
+        if (meta === "hide") return { triggered: false };
+        return prev;
+      }
+    },
+    props: {
+      // Keyboard entry. handleKeyDown fires before browser defaults; we only
+      // act while the menu is visible.
+      handleKeyDown(_view, event) {
+        if (!isVisible()) return false;
+        for (const shortcut of enterShortcuts) {
+          if (matchShortcut(event, shortcut)) {
+            if (focusFirstItem()) {
+              event.preventDefault();
+              return true;
+            }
+            return false;
+          }
+        }
+        return false;
+      }
+    },
+    view: (editorView) => {
+      editorEl = editorView.dom.closest(".dm-editor");
+      if (editorEl && element.parentElement !== editorEl) {
+        editorEl.appendChild(element);
+      }
+      const dismiss = () => {
+        hideMenu();
+        clearTriggeredFlag(editor.view);
+      };
+      const onFocus = () => {
+        if (isVisibleNow(editor.view)) updatePosition(editor.view);
+        else dismiss();
+      };
+      const onBlur = ({ event }) => {
+        const related = event.relatedTarget;
+        if (related instanceof Node && element.contains(related)) return;
+        dismiss();
+      };
+      clickOutsideHandler = (e) => {
+        if (!isVisible()) return;
+        const target = e.target;
+        if (!(target instanceof Node)) return;
+        if (element.contains(target)) return;
+        if (editor.view.dom.contains(target)) return;
+        dismiss();
+      };
+      document.addEventListener("mousedown", clickOutsideHandler, true);
+      if (editorEl) {
+        dismissOverlayHandler = () => {
+          dismiss();
+        };
+        editorEl.addEventListener("dm:dismiss-overlays", dismissOverlayHandler);
+      }
+      editor.on("focus", onFocus);
+      editor.on("blur", onBlur);
+      return {
+        update: (view) => {
+          if (isVisibleNow(view)) updatePosition(view);
+          else {
+            hideMenu();
+            clearTriggeredFlag(view);
+          }
+        },
+        destroy: () => {
+          hideMenu();
+          editor.off("focus", onFocus);
+          editor.off("blur", onBlur);
+          if (clickOutsideHandler) {
+            document.removeEventListener("mousedown", clickOutsideHandler, true);
+            clickOutsideHandler = null;
+          }
+          if (dismissOverlayHandler && editorEl) {
+            editorEl.removeEventListener("dm:dismiss-overlays", dismissOverlayHandler);
+            dismissOverlayHandler = null;
+          }
+          editorEl = null;
+        }
+      };
+    }
+  });
+}
 
 // src/icons/phosphor.ts
 var defaultIcons = {
@@ -5695,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;
@@ -5736,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
@@ -5789,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);
           }
         }
@@ -5835,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) {
@@ -5844,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;
@@ -5892,6 +6207,11 @@ var BulletList = Node2.create({
     return {
       toggleBulletList: () => ({ commands }) => {
         return commands.toggleList(name, options.itemTypeName);
+      },
+      // Notion "turn into" (slash menu / block menu): convert only the cursor's
+      // item and split the run, instead of retyping the whole list.
+      turnIntoBulletList: () => ({ commands }) => {
+        return commands.toggleList(name, options.itemTypeName, void 0, { perItem: true });
       }
     };
   },
@@ -5921,7 +6241,7 @@ var BulletList = Node2.create({
         priority: 200,
         keywords: ["bullet", "list", "unordered", "ul"],
         shortcut: "- ",
-        command: "toggleBulletList",
+        command: "turnIntoBulletList",
         // Don't offer "Bulleted list" while cursor is already inside one,
         // otherwise picking it lifts the user out of the list.
         hideWhenInside: ["bulletList"]
@@ -5970,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)) };
         }
       }
     };
@@ -5995,6 +6319,11 @@ var OrderedList = Node2.create({
     return {
       toggleOrderedList: () => ({ commands }) => {
         return commands.toggleList(name, options.itemTypeName);
+      },
+      // Notion "turn into" (slash menu / block menu): convert only the cursor's
+      // item and split the run, instead of retyping the whole list.
+      turnIntoOrderedList: () => ({ commands }) => {
+        return commands.toggleList(name, options.itemTypeName, void 0, { perItem: true });
       }
     };
   },
@@ -6024,7 +6353,7 @@ var OrderedList = Node2.create({
         priority: 190,
         keywords: ["ordered", "numbered", "list", "ol", "1."],
         shortcut: "1. ",
-        command: "toggleOrderedList",
+        command: "turnIntoOrderedList",
         hideWhenInside: ["orderedList"]
       }
     ];
@@ -6053,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 };
         }
       })
     ];
@@ -6326,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"
@@ -6339,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
       }
     ];
   },
@@ -6413,7 +6753,33 @@ var TaskItem = Node2.create({
             if (splitBlock(state, view.dispatch)) return true;
           }
         }
-        if (splitListItem(this.nodeType, { checked: false })(state, view.dispatch)) return true;
+        if (!ctx?.isInChildrenZone && $from.node(-1).attrs["checked"] && $from.parentOffset > 0 && $from.parentOffset < $from.parent.content.size) {
+          const tr = state.tr;
+          const types = [
+            { type: this.nodeType, attrs: { ...$from.node(-1).attrs, checked: false } },
+            { type: $from.parent.type }
+          ];
+          if (canSplit(tr.doc, $from.pos, 2, types)) {
+            view.dispatch(tr.split($from.pos, 2, types).scrollIntoView());
+            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) {
@@ -6460,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;
@@ -6484,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": () => {
@@ -6510,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
       }
     ];
   },
@@ -6529,6 +6905,11 @@ var TaskList = Node2.create({
     return {
       toggleTaskList: () => ({ commands }) => {
         return commands.toggleList(name, options.itemTypeName);
+      },
+      // Notion "turn into" (slash menu / block menu): convert only the cursor's
+      // item and split the run, instead of retyping the whole list.
+      turnIntoTaskList: () => ({ commands }) => {
+        return commands.toggleList(name, options.itemTypeName, void 0, { perItem: true });
       }
     };
   },
@@ -6566,7 +6947,7 @@ var TaskList = Node2.create({
         priority: 180,
         keywords: ["todo", "task", "checkbox", "check"],
         shortcut: "[ ] ",
-        command: "toggleTaskList",
+        command: "turnIntoTaskList",
         hideWhenInside: ["taskList"]
       }
     ];
@@ -7732,9 +8113,8 @@ var Placeholder = Extension.create({
         props: {
           decorations: ({ doc, selection }) => {
             const editor = this.editor;
-            if (!editor?.view) return DecorationSet.empty;
-            const isEditable = editor.view.editable;
-            if (!isEditable && this.options.showOnlyWhenEditable) {
+            if (!editor) return DecorationSet.empty;
+            if (!editor.isEditable && this.options.showOnlyWhenEditable) {
               return DecorationSet.empty;
             }
             const isDocEmpty = doc.childCount === 1 && doc.firstChild?.isTextblock && doc.firstChild.content.size === 0;
@@ -7766,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;
 }
@@ -7802,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;
@@ -7826,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;
     }
@@ -7842,7 +8222,7 @@ function outdentBlockFromListItem(state, dispatch) {
   if (wrapperDepth < 0) return false;
   const liIndexInWrapper = $from.index(wrapperDepth);
   const wrapper = $from.node(wrapperDepth);
-  if (liIndexInWrapper !== wrapper.childCount - 1) return false;
+  const isLastItem = liIndexInWrapper === wrapper.childCount - 1;
   if (wrapperDepth - 1 < 0) return false;
   const wrapperParent = $from.node(wrapperDepth - 1);
   const wrapperIndexInParent = $from.index(wrapperDepth - 1);
@@ -7857,13 +8237,19 @@ function outdentBlockFromListItem(state, dispatch) {
   if (!dispatch) return true;
   const blockStart = $from.before(blockDepth);
   const blockEnd = $from.after(blockDepth);
-  const wrapperEnd = $from.after(wrapperDepth);
-  const tr = state.tr;
   const blockSize = blockEnd - blockStart;
+  const tr = state.tr;
   tr.delete(blockStart, blockEnd);
-  const insertAt = wrapperEnd - blockSize;
-  tr.insert(insertAt, blockNode);
-  tr.setSelection(Selection.near(tr.doc.resolve(insertAt + 1)));
+  if (isLastItem) {
+    const insertAt = $from.after(wrapperDepth) - blockSize;
+    tr.insert(insertAt, blockNode);
+    tr.setSelection(Selection.near(tr.doc.resolve(insertAt + 1)));
+  } else {
+    const splitPos = $from.after(listItemDepth) - blockSize;
+    tr.split(splitPos, 1);
+    tr.insert(splitPos + 1, blockNode);
+    tr.setSelection(Selection.near(tr.doc.resolve(splitPos + 2)));
+  }
   dispatch(tr.scrollIntoView());
   return true;
 }
@@ -8600,7 +8986,7 @@ var BlockColor = Extension.create({
     };
   }
 });
-var Selection4 = Extension.create({
+var Selection5 = Extension.create({
   name: "selection",
   addStorage() {
     return {
@@ -10099,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_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, defaultBlockAt, defaultBubbleContexts, defaultIcons, deleteSelection, findChildren, findListItemAncestorDepth, findParentNode, focus, focusPluginKey, generateHTML, generateJSON, generateText, getListItemCursorContext, getMarkRange, groupFloatingMenuItems, 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, 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