@domternal/core 0.7.4 → 0.8.0

package/dist/index.cjs

@@ -299,7 +299,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();
@@ -407,6 +408,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
@@ -1539,6 +1551,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
@@ -4107,7 +4132,7 @@ function defaultBubbleContexts(editor) {
 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;
+  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 };
@@ -4133,22 +4158,25 @@ function insertAsListItemChild(args) {
     targetItem = last;
     targetItemStart = pos;
   }
-  if (!targetItem.canReplaceWith(targetItem.childCount, targetItem.childCount, blockNode.type)) {
+  const childCount = targetItem.childCount;
+  const insertIndex = childIndex === void 0 || childIndex >= childCount ? childCount : Math.max(1, childIndex);
+  if (!targetItem.canReplaceWith(insertIndex, insertIndex, blockNode.type)) {
     return { ok: false };
   }
-  const targetItemContentEnd = targetItemStart + targetItem.nodeSize - 1;
+  const $item = tr.doc.resolve(targetItemStart + 1);
+  const insertPos = $item.posAtIndex(insertIndex, $item.depth);
   if (sourceRange) {
     const { from, to } = sourceRange;
-    if (targetItemContentEnd >= from && targetItemContentEnd <= to) {
+    if (insertPos >= from && insertPos <= to) {
       return { ok: false };
     }
     tr.delete(from, to);
-    const adjustedInsertPos = targetItemContentEnd > from ? targetItemContentEnd - (to - from) : targetItemContentEnd;
+    const adjustedInsertPos = insertPos > from ? insertPos - (to - from) : insertPos;
     tr.insert(adjustedInsertPos, blockNode);
     return { ok: true, insertedAt: adjustedInsertPos };
   }
-  tr.insert(targetItemContentEnd, blockNode);
-  return { ok: true, insertedAt: targetItemContentEnd };
+  tr.insert(insertPos, blockNode);
+  return { ok: true, insertedAt: insertPos };
 }
 function liftEmptyChildrenZoneParagraph(state$1, dispatch, ctx) {
   if (!ctx.isInChildrenZone || !ctx.paragraphIsEmpty) return false;
@@ -8703,8 +8731,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) {
@@ -10057,7 +10090,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;