@domternal/core 0.7.3 → 0.7.5

package/dist/index.d.cts

@@ -814,6 +814,15 @@ declare class ExtensionManager {
      * while letting users override with explicitly configured versions.
      */
     private deduplicateExtensions;
+    /**
+     * Clone every extension so this editor owns its instances. Extensions hold
+     * per-editor mutable state (`editor`, plus the `nodeType`/`markType` getters
+     * derived from it), and the same extension object is commonly reused across
+     * editors (one shared `extensions` array). Without cloning, binding a later
+     * editor clobbers an earlier one: its list `Enter` then falls back to a plain
+     * block split, dropping an indented "child" paragraph instead of a new `<li>`.
+     */
+    private cloneExtensions;
     /**
      * Sorts extensions by priority (higher priority first)
      * Default priority is 100
@@ -2745,9 +2754,8 @@ declare function insertChildrenZoneSibling(state: EditorState, dispatch: ((tr: T
  *   - `tr` has no prior steps (lift steps captured from a fresh state must
  *     replay against the same starting state as `tr`)
  *
- * Returns true if the lift was applied to `tr`. The caller can keep
- * chaining work on `tr` (e.g. `setBlockType`, `wrapIn`) on the new
- * top-level paragraph.
+ * Returns true if a lift was applied to `tr`. The caller can keep chaining
+ * work on `tr` (e.g. `setBlockType`, `wrapIn`) at the new cursor position.
  */
 declare function liftCurrentListItem(state: EditorState, tr: Transaction): boolean;
 
@@ -3039,6 +3047,15 @@ interface WrappingInputRuleOptions {
      * the same type above the newly wrapped node.
      */
     joinPredicate?: (match: RegExpMatchArray, node: Node$1) => boolean;
+    /**
+     * When `true`, also join with an adjacent same-type node AFTER the newly
+     * wrapped node, not just the one before. Lists set this so creating a list
+     * item on a paragraph between two same-type lists merges all three into one
+     * (Notion groups consecutive list items into a single list). Off by default
+     * so wrappers like blockquote, where adjacent blocks stay separate, are
+     * unaffected. Honours `joinPredicate` against the following node.
+     */
+    joinForward?: boolean;
     /**
      * Optional guard predicate. When provided, the rule only fires if
      * this returns true. Use this to prevent wrapping in certain contexts
@@ -3472,6 +3489,16 @@ declare class Extension<Options = unknown, Storage = unknown> {
      * // configure({ nested: { ...original.options.nested, b: 3 } })
      */
     configure(options: Partial<Options>): Extension<Options, Storage>;
+    /**
+     * Returns a fresh, unbound copy built from the same `config`: `editor` reset to
+     * null and `options`/`storage` re-derived, while `configure()`/`extend()`
+     * results are preserved (they live in `config`). Polymorphic: a `Node`/`Mark`
+     * clones to its own subclass.
+     *
+     * `ExtensionManager` clones every extension so each editor owns its instances
+     * and binding one editor can't mutate extensions shared with another.
+     */
+    clone(): Extension<Options, Storage>;
     /**
      * Creates a new extension with extended configuration
      * Original extension is not modified
@@ -6296,12 +6323,15 @@ interface StarterKitOptions {
      */
     listKeymap?: false | Partial<ListKeymapOptions>;
     /**
-     * Set to false to disable the ListIndent extension. ListIndent adds
-     * Tab / Shift-Tab keymap that indents a top-level block under the
-     * previous list (and outdents back). Registered AFTER ListKeymap so
-     * the in-list-item Tab/Shift-Tab keep priority.
+     * Off by default. Set to `true` to enable the ListIndent extension, which
+     * adds a Tab / Shift-Tab keymap that indents a top-level block under the
+     * previous list (and outdents back). Kept off by default because it captures
+     * Tab on a paragraph that merely follows a list, so Tab no longer moves focus
+     * to the next field in embedded / form usage, and the same nesting is
+     * reachable via the block-menu drag. Registered AFTER ListKeymap so the
+     * in-list-item Tab/Shift-Tab keep priority.
      */
-    listIndent?: false;
+    listIndent?: boolean;
     /**
      * Set to false to disable the LinkPopover extension, or pass options to configure it.
      */

package/dist/index.d.ts

@@ -814,6 +814,15 @@ declare class ExtensionManager {
      * while letting users override with explicitly configured versions.
      */
     private deduplicateExtensions;
+    /**
+     * Clone every extension so this editor owns its instances. Extensions hold
+     * per-editor mutable state (`editor`, plus the `nodeType`/`markType` getters
+     * derived from it), and the same extension object is commonly reused across
+     * editors (one shared `extensions` array). Without cloning, binding a later
+     * editor clobbers an earlier one: its list `Enter` then falls back to a plain
+     * block split, dropping an indented "child" paragraph instead of a new `<li>`.
+     */
+    private cloneExtensions;
     /**
      * Sorts extensions by priority (higher priority first)
      * Default priority is 100
@@ -2745,9 +2754,8 @@ declare function insertChildrenZoneSibling(state: EditorState, dispatch: ((tr: T
  *   - `tr` has no prior steps (lift steps captured from a fresh state must
  *     replay against the same starting state as `tr`)
  *
- * Returns true if the lift was applied to `tr`. The caller can keep
- * chaining work on `tr` (e.g. `setBlockType`, `wrapIn`) on the new
- * top-level paragraph.
+ * Returns true if a lift was applied to `tr`. The caller can keep chaining
+ * work on `tr` (e.g. `setBlockType`, `wrapIn`) at the new cursor position.
  */
 declare function liftCurrentListItem(state: EditorState, tr: Transaction): boolean;
 
@@ -3039,6 +3047,15 @@ interface WrappingInputRuleOptions {
      * the same type above the newly wrapped node.
      */
     joinPredicate?: (match: RegExpMatchArray, node: Node$1) => boolean;
+    /**
+     * When `true`, also join with an adjacent same-type node AFTER the newly
+     * wrapped node, not just the one before. Lists set this so creating a list
+     * item on a paragraph between two same-type lists merges all three into one
+     * (Notion groups consecutive list items into a single list). Off by default
+     * so wrappers like blockquote, where adjacent blocks stay separate, are
+     * unaffected. Honours `joinPredicate` against the following node.
+     */
+    joinForward?: boolean;
     /**
      * Optional guard predicate. When provided, the rule only fires if
      * this returns true. Use this to prevent wrapping in certain contexts
@@ -3472,6 +3489,16 @@ declare class Extension<Options = unknown, Storage = unknown> {
      * // configure({ nested: { ...original.options.nested, b: 3 } })
      */
     configure(options: Partial<Options>): Extension<Options, Storage>;
+    /**
+     * Returns a fresh, unbound copy built from the same `config`: `editor` reset to
+     * null and `options`/`storage` re-derived, while `configure()`/`extend()`
+     * results are preserved (they live in `config`). Polymorphic: a `Node`/`Mark`
+     * clones to its own subclass.
+     *
+     * `ExtensionManager` clones every extension so each editor owns its instances
+     * and binding one editor can't mutate extensions shared with another.
+     */
+    clone(): Extension<Options, Storage>;
     /**
      * Creates a new extension with extended configuration
      * Original extension is not modified
@@ -6296,12 +6323,15 @@ interface StarterKitOptions {
      */
     listKeymap?: false | Partial<ListKeymapOptions>;
     /**
-     * Set to false to disable the ListIndent extension. ListIndent adds
-     * Tab / Shift-Tab keymap that indents a top-level block under the
-     * previous list (and outdents back). Registered AFTER ListKeymap so
-     * the in-list-item Tab/Shift-Tab keep priority.
+     * Off by default. Set to `true` to enable the ListIndent extension, which
+     * adds a Tab / Shift-Tab keymap that indents a top-level block under the
+     * previous list (and outdents back). Kept off by default because it captures
+     * Tab on a paragraph that merely follows a list, so Tab no longer moves focus
+     * to the next field in embedded / form usage, and the same nesting is
+     * reachable via the block-menu drag. Registered AFTER ListKeymap so the
+     * in-list-item Tab/Shift-Tab keep priority.
      */
-    listIndent?: false;
+    listIndent?: boolean;
     /**
      * Set to false to disable the LinkPopover extension, or pass options to configure it.
      */

package/dist/index.js

@@ -298,7 +298,8 @@ var ExtensionManager = class {
     }
     const flattened = this.flattenExtensions(options.extensions);
     const deduped = this.deduplicateExtensions(flattened);
-    this._extensions = this.resolveExtensions(deduped);
+    const cloned = this.cloneExtensions(deduped);
+    this._extensions = this.resolveExtensions(cloned);
     this.detectConflicts();
     this.checkDependencies();
     this.bindEditorToExtensions();
@@ -406,6 +407,17 @@ var ExtensionManager = class {
     }
     return extensions.filter((ext, i) => seen.get(ext.name) === i);
   }
+  /**
+   * Clone every extension so this editor owns its instances. Extensions hold
+   * per-editor mutable state (`editor`, plus the `nodeType`/`markType` getters
+   * derived from it), and the same extension object is commonly reused across
+   * editors (one shared `extensions` array). Without cloning, binding a later
+   * editor clobbers an earlier one: its list `Enter` then falls back to a plain
+   * block split, dropping an indented "child" paragraph instead of a new `<li>`.
+   */
+  cloneExtensions(extensions) {
+    return extensions.map((ext) => ext.clone());
+  }
   /**
    * Sorts extensions by priority (higher priority first)
    * Default priority is 100
@@ -1125,7 +1137,7 @@ var markInputRulePatterns = {
   highlight: /(?:==)([^=]+)(?:==)$/
 };
 function wrappingInputRule(options) {
-  const { find: find2, type, getAttributes = null, joinPredicate, undoable, guard } = options;
+  const { find: find2, type, getAttributes = null, joinPredicate, undoable, guard, joinForward } = options;
   return new InputRule(
     find2,
     (state, match, start, end) => {
@@ -1141,6 +1153,21 @@ function wrappingInputRule(options) {
       if (before?.type === type && canJoin(tr.doc, start - 1) && (!joinPredicate || joinPredicate(match, before))) {
         tr.join(start - 1);
       }
+      if (joinForward) {
+        const $cursor = tr.selection.$from;
+        for (let d = $cursor.depth; d >= 0; d--) {
+          if ($cursor.node(d).type === type) {
+            const after = $cursor.after(d);
+            if (after < tr.doc.content.size && canJoin(tr.doc, after)) {
+              const nodeAfter = tr.doc.nodeAt(after);
+              if (nodeAfter?.type === type && (!joinPredicate || joinPredicate(match, nodeAfter))) {
+                tr.join(after);
+              }
+            }
+            break;
+          }
+        }
+      }
       return tr;
     },
     undoable !== void 0 ? { undoable } : {}
@@ -1523,6 +1550,19 @@ var Extension = class _Extension {
     };
     return new _Extension(newConfig);
   }
+  /**
+   * Returns a fresh, unbound copy built from the same `config`: `editor` reset to
+   * null and `options`/`storage` re-derived, while `configure()`/`extend()`
+   * results are preserved (they live in `config`). Polymorphic: a `Node`/`Mark`
+   * clones to its own subclass.
+   *
+   * `ExtensionManager` clones every extension so each editor owns its instances
+   * and binding one editor can't mutate extensions shared with another.
+   */
+  clone() {
+    const Ctor = this.constructor;
+    return new Ctor(this.config);
+  }
   /**
    * Creates a new extension with extended configuration
    * Original extension is not modified
@@ -1961,6 +2001,7 @@ function isInListItemLabel($pos) {
 }
 
 // src/utils/liftCurrentListItem.ts
+var LIST_ITEM_TYPES = /* @__PURE__ */ new Set(["listItem", "taskItem"]);
 function liftCurrentListItem(state, tr) {
   if (!tr.selection.empty) return false;
   if (tr.steps.length !== 0) return false;
@@ -1968,6 +2009,16 @@ function liftCurrentListItem(state, tr) {
   const listItemDepth = findListItemAncestorDepth($from);
   if (listItemDepth === -1) return false;
   if ($from.index(listItemDepth) !== 0) return false;
+  const wrapperParent = $from.node(listItemDepth - 2);
+  const isNested = LIST_ITEM_TYPES.has(wrapperParent.type.name);
+  if (isNested) {
+    const range = $from.blockRange();
+    if (!range) return false;
+    const target = liftTarget(range);
+    if (target === null) return false;
+    tr.lift(range, target);
+    return true;
+  }
   const listItemType = $from.node(listItemDepth).type;
   return liftListItem(listItemType)(state, (liftTr) => {
     for (const step of liftTr.steps) tr.step(step);
@@ -2175,13 +2226,13 @@ var lift = () => ({ tr, dispatch }) => {
 };
 
 // src/utils/listItemCursorContext.ts
-var LIST_ITEM_TYPES = /* @__PURE__ */ new Set(["listItem", "taskItem"]);
+var LIST_ITEM_TYPES2 = /* @__PURE__ */ new Set(["listItem", "taskItem"]);
 function getListItemCursorContext($from) {
   if ($from.parent.type.name !== "paragraph") return null;
   const itemDepth = $from.depth - 1;
   if (itemDepth < 1) return null;
   const itemNode = $from.node(itemDepth);
-  if (!LIST_ITEM_TYPES.has(itemNode.type.name)) return null;
+  if (!LIST_ITEM_TYPES2.has(itemNode.type.name)) return null;
   const wrapperDepth = itemDepth - 1;
   const childIndex = $from.index(itemDepth);
   return {
@@ -4077,7 +4128,7 @@ function defaultBubbleContexts(editor) {
 }
 
 // src/utils/insertAsListItemChild.ts
-var LIST_ITEM_TYPES2 = /* @__PURE__ */ new Set(["listItem", "taskItem"]);
+var LIST_ITEM_TYPES3 = /* @__PURE__ */ new Set(["listItem", "taskItem"]);
 var LIST_WRAPPER_TYPES = /* @__PURE__ */ new Set(["bulletList", "orderedList", "taskList"]);
 function insertAsListItemChild(args) {
   const { tr, wrapperPos, targetItemPos, blockNode, sourceRange } = args;
@@ -4090,7 +4141,7 @@ function insertAsListItemChild(args) {
   if (targetItemPos !== void 0) {
     if (targetItemPos < 0 || targetItemPos >= tr.doc.content.size) return { ok: false };
     const candidate = tr.doc.nodeAt(targetItemPos);
-    if (!candidate || !LIST_ITEM_TYPES2.has(candidate.type.name)) return { ok: false };
+    if (!candidate || !LIST_ITEM_TYPES3.has(candidate.type.name)) return { ok: false };
     if (targetItemPos < wrapperPos + 1 || targetItemPos >= wrapperPos + wrapper.nodeSize) {
       return { ok: false };
     }
@@ -4098,7 +4149,7 @@ function insertAsListItemChild(args) {
     targetItemStart = targetItemPos;
   } else {
     const last = wrapper.lastChild;
-    if (!last || !LIST_ITEM_TYPES2.has(last.type.name)) return { ok: false };
+    if (!last || !LIST_ITEM_TYPES3.has(last.type.name)) return { ok: false };
     let pos = wrapperPos + 1;
     for (let i = 0; i < wrapper.childCount - 1; i++) {
       pos += wrapper.child(i).nodeSize;
@@ -5892,11 +5943,11 @@ var BulletList = Node2.create({
     }
     return [
       // - item
-      wrappingInputRule({ find: /^\s*[-]\s$/, type: nodeType, guard: notInsideList }),
+      wrappingInputRule({ find: /^\s*[-]\s$/, type: nodeType, guard: notInsideList, joinForward: true }),
       // * item
-      wrappingInputRule({ find: /^\s*[*]\s$/, type: nodeType, guard: notInsideList }),
+      wrappingInputRule({ find: /^\s*[*]\s$/, type: nodeType, guard: notInsideList, joinForward: true }),
       // + item
-      wrappingInputRule({ find: /^\s*[+]\s$/, type: nodeType, guard: notInsideList })
+      wrappingInputRule({ find: /^\s*[+]\s$/, type: nodeType, guard: notInsideList, joinForward: true })
     ];
   }
 });
@@ -5997,6 +6048,7 @@ var OrderedList = Node2.create({
         find: /^(\d+)\.\s$/,
         type: nodeType,
         guard: notInsideList,
+        joinForward: true,
         getAttributes: (match) => {
           const num = match[1];
           return { start: num ? parseInt(num, 10) : 1 };
@@ -6526,9 +6578,9 @@ var TaskList = Node2.create({
     }
     return [
       // [ ] at start of line creates unchecked task
-      wrappingInputRule({ find: /^\s*\[\s?\]\s$/, type: nodeType, guard: notInsideList }),
+      wrappingInputRule({ find: /^\s*\[\s?\]\s$/, type: nodeType, guard: notInsideList, joinForward: true }),
       // [x] or [X] at start of line creates checked task
-      wrappingInputRule({ find: /^\s*\[[xX]\]\s$/, type: nodeType, guard: notInsideList })
+      wrappingInputRule({ find: /^\s*\[[xX]\]\s$/, type: nodeType, guard: notInsideList, joinForward: true })
     ];
   }
 });
@@ -7711,12 +7763,12 @@ var Placeholder = Extension.create({
     ];
   }
 });
-var LIST_ITEM_TYPES3 = /* @__PURE__ */ new Set(["listItem", "taskItem"]);
+var LIST_ITEM_TYPES4 = /* @__PURE__ */ new Set(["listItem", "taskItem"]);
 var LIST_WRAPPER_TYPES2 = /* @__PURE__ */ new Set(["bulletList", "orderedList", "taskList"]);
 function isCursorInsideListItem(state) {
   const { $from } = state.selection;
   for (let d = $from.depth; d > 0; d--) {
-    if (LIST_ITEM_TYPES3.has($from.node(d).type.name)) return true;
+    if (LIST_ITEM_TYPES4.has($from.node(d).type.name)) return true;
   }
   return false;
 }
@@ -7771,7 +7823,7 @@ function outdentBlockFromListItem(state, dispatch) {
   const { $from } = selection;
   let listItemDepth = -1;
   for (let d = $from.depth; d > 0; d--) {
-    if (LIST_ITEM_TYPES3.has($from.node(d).type.name)) {
+    if (LIST_ITEM_TYPES4.has($from.node(d).type.name)) {
       listItemDepth = d;
       break;
     }
@@ -8675,8 +8727,13 @@ var SelectionDecoration = Extension.create(
             handleDOMEvents: {
               blur(view, event) {
                 const related = event.relatedTarget;
-                if (related instanceof HTMLElement && (related.closest("[data-dm-editor-ui]") || related.closest(".dm-toolbar") || related.closest(".dm-bubble-menu"))) {
-                  return false;
+                if (related instanceof HTMLElement) {
+                  const ownContainer = view.dom.closest(".dm-editor");
+                  const relatedContainer = related.closest(".dm-editor");
+                  const movedToAnotherEditor = ownContainer !== null && relatedContainer !== null && relatedContainer !== ownContainer;
+                  if (!movedToAnotherEditor && (related.closest("[data-dm-editor-ui]") || related.closest(".dm-toolbar") || related.closest(".dm-bubble-menu"))) {
+                    return false;
+                  }
                 }
                 const { from, to } = view.state.selection;
                 if (from !== to) {
@@ -10029,7 +10086,7 @@ var StarterKit = Extension.create({
     maybeAdd(Gapcursor, this.options.gapcursor);
     maybeAdd(TrailingNode, this.options.trailingNode);
     maybeAdd(ListKeymap, this.options.listKeymap);
-    maybeAdd(ListIndent, this.options.listIndent);
+    if (this.options.listIndent === true) extensions.push(ListIndent);
     maybeAdd(LinkPopover, this.options.linkPopover);
     maybeAdd(SelectionDecoration, this.options.selectionDecoration);
     return extensions;