@domternal/core 0.13.0 → 0.15.0

package/dist/index.js

@@ -7,7 +7,7 @@ import { splitBlock, chainCommands, newlineInCode, createParagraphNear, liftEmpt
 import { InputRule } from '@domternal/pm/inputrules';
 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 { autoUpdate, hide, offset, size, flip, shift, computePosition } from '@floating-ui/dom';
 import { find } from 'linkifyjs';
 import { history, redo, undo } from '@domternal/pm/history';
 import { dropCursor } from '@domternal/pm/dropcursor';
@@ -1139,7 +1139,8 @@ function markInputRule(options) {
         return null;
       }
       const { tr } = state;
-      tr.replaceWith(start, end, state.schema.text(textContent));
+      const marks = tr.storedMarks ?? tr.doc.resolve(start).marksAcross(tr.doc.resolve(end));
+      tr.replaceWith(start, end, state.schema.text(textContent, marks));
       tr.addMark(start, start + textContent.length, type.create(attributes ?? void 0));
       tr.removeStoredMark(type);
       return tr;
@@ -1231,7 +1232,10 @@ function textInputRule(options) {
   const { find: find2, replace, undoable } = options;
   return new InputRule(
     find2,
-    (state, _match, start, end) => state.tr.replaceWith(start, end, state.schema.text(replace)),
+    // insertText inherits the replaced range's marks (stored marks first,
+    // then marksAcross), so a replacement inside marked text keeps the
+    // marks instead of punching an unmarked hole into them.
+    (state, _match, start, end) => state.tr.insertText(replace, start, end),
     undoable !== void 0 ? { undoable } : {}
   );
 }
@@ -1810,6 +1814,8 @@ var Mark = class _Mark extends Extension {
     if (this.config.group !== void 0) spec.group = this.config.group;
     if (this.config.spanning !== void 0)
       spec.spanning = this.config.spanning;
+    if (this.config.keepOnDuplicate !== void 0)
+      spec["keepOnDuplicate"] = this.config.keepOnDuplicate;
     const attributeSpecs = callOrReturn(this.config.addAttributes, this);
     if (attributeSpecs) {
       spec.attrs = buildProseMirrorAttrs(attributeSpecs);
@@ -1847,9 +1853,9 @@ var Mark = class _Mark extends Extension {
       const renderFn = this.config.renderHTML;
       const attrSpecs = attributeSpecs;
       const markInstance = this;
-      spec.toDOM = (mark, _inline) => {
-        const htmlAttrs = attrSpecs ? buildHTMLAttributes(mark.attrs, attrSpecs) : {};
-        return renderFn.call(markInstance, { mark, HTMLAttributes: htmlAttrs });
+      spec.toDOM = (mark2, _inline) => {
+        const htmlAttrs = attrSpecs ? buildHTMLAttributes(mark2.attrs, attrSpecs) : {};
+        return renderFn.call(markInstance, { mark: mark2, HTMLAttributes: htmlAttrs });
       };
     }
     return spec;
@@ -1942,8 +1948,8 @@ var setMark = (markName, attributes) => ({ state, tr, dispatch }) => {
     const from = firstRange.$from.pos;
     const existingMark = tr.storedMarks?.find((m) => m.type === markType) ?? state.storedMarks?.find((m) => m.type === markType) ?? tr.doc.resolve(from).marks().find((m) => m.type === markType) ?? null;
     const mergedAttrs = existingMark ? { ...existingMark.attrs, ...attributes } : attributes;
-    const mark = markType.create(mergedAttrs);
-    tr.addStoredMark(mark);
+    const mark2 = markType.create(mergedAttrs);
+    tr.addStoredMark(mark2);
     dispatch(tr);
     return true;
   }
@@ -2570,12 +2576,12 @@ var updateAttributes = (typeOrName, attributes) => ({ state, tr, dispatch }) =>
     const markType = state.schema.marks[typeOrName];
     tr.doc.nodesBetween(from, to, (node, pos) => {
       if (!node.isInline) return;
-      const mark = markType.isInSet(node.marks);
-      if (mark) {
+      const mark2 = markType.isInSet(node.marks);
+      if (mark2) {
         markChanges.push({
           pos,
           nodeSize: node.nodeSize,
-          attrs: { ...mark.attrs, ...attributes }
+          attrs: { ...mark2.attrs, ...attributes }
         });
       }
     });
@@ -2621,12 +2627,12 @@ var resetAttributes = (typeOrName, attributeName) => ({ state, tr, dispatch }) =
     const defaultValue = markType.spec.attrs?.[attributeName]?.default;
     tr.doc.nodesBetween(from, to, (node, pos) => {
       if (!node.isInline) return;
-      const mark = markType.isInSet(node.marks);
-      if (mark) {
+      const mark2 = markType.isInSet(node.marks);
+      if (mark2) {
         markChanges.push({
           pos,
           nodeSize: node.nodeSize,
-          attrs: { ...mark.attrs, [attributeName]: defaultValue }
+          attrs: { ...mark2.attrs, [attributeName]: defaultValue }
         });
       }
     });
@@ -3509,6 +3515,12 @@ var Editor = class _Editor extends EventEmitter {
    * True while EditorView's constructor runs; see buildViewDispatch.
    */
   _isViewConstructing = false;
+  /**
+   * The `.dm-editor` host this editor painted `dm-notion-mode` onto because
+   * of `preset: 'notion'`. Tracked so destroy() removes only a class the
+   * editor itself added, never one the consumer wrote.
+   */
+  _presetClassHost = null;
   /**
    * Creates a new Editor instance
    *
@@ -3553,6 +3565,43 @@ var Editor = class _Editor extends EventEmitter {
   get isEditable() {
     return this.view ? this.view.editable : this.options.editable ?? true;
   }
+  /**
+   * The resolved editing-experience preset.
+   *
+   * The `preset` option wins when provided (so an explicit 'classic' can
+   * opt out of everything). Otherwise a `dm-notion-mode` class on or above
+   * the view counts as 'notion': consumers that predate the option declare
+   * Notion mode with the theme class alone, and behavior must follow what
+   * the user actually sees. Resolved on every read, not cached, so a class
+   * toggled at runtime is picked up.
+   */
+  get preset() {
+    if (this.options.preset) {
+      return this.options.preset;
+    }
+    if (this.view?.dom.closest(".dm-notion-mode")) {
+      return "notion";
+    }
+    return "classic";
+  }
+  /**
+   * Paints `dm-notion-mode` on the `.dm-editor` host when the editor was
+   * created with `preset: 'notion'`. Runs during creation, and framework
+   * wrappers call it again after adopting the view's DOM: they construct
+   * the editor in a detached element, so the creation-time run cannot see
+   * the host yet. Idempotent; a no-op for any other preset. Only a class
+   * added here is removed again on destroy.
+   */
+  adoptPresetClass() {
+    if (this.options.preset !== "notion" || this._presetClassHost) {
+      return;
+    }
+    const host = this.view.dom.closest(".dm-editor");
+    if (host && !host.classList.contains("dm-notion-mode")) {
+      host.classList.add("dm-notion-mode");
+      this._presetClassHost = host;
+    }
+  }
   /**
    * Checks if the editor content is empty
    */
@@ -3638,11 +3687,11 @@ var Editor = class _Editor extends EventEmitter {
     if (markType) {
       if (selection.empty) {
         const storedMarks = state.storedMarks ?? $from.marks();
-        const hasMark = storedMarks.some((mark) => mark.type === markType);
+        const hasMark = storedMarks.some((mark2) => mark2.type === markType);
         if (!hasMark) return false;
         if (attrs) {
-          const mark = storedMarks.find((m) => m.type === markType);
-          return mark ? this.matchAttributes(mark.attrs, attrs) : false;
+          const mark2 = storedMarks.find((m) => m.type === markType);
+          return mark2 ? this.matchAttributes(mark2.attrs, attrs) : false;
         }
         return true;
       }
@@ -3717,8 +3766,8 @@ var Editor = class _Editor extends EventEmitter {
     const markType = schema.marks[name];
     if (markType) {
       const marks = state.storedMarks ?? $from.marks();
-      const mark = marks.find((m) => m.type === markType);
-      return mark ? { ...mark.attrs } : {};
+      const mark2 = marks.find((m) => m.type === markType);
+      return mark2 ? { ...mark2.attrs } : {};
     }
     const nodeType = schema.nodes[name];
     if (nodeType) {
@@ -3899,6 +3948,10 @@ var Editor = class _Editor extends EventEmitter {
     }
     this.emit("destroy");
     this.options.onDestroy?.();
+    if (this._presetClassHost) {
+      this._presetClassHost.classList.remove("dm-notion-mode");
+      this._presetClassHost = null;
+    }
     this.view.destroy();
     this._extensionManager.destroy();
     this.removeAllListeners();
@@ -4001,6 +4054,7 @@ var Editor = class _Editor extends EventEmitter {
       }
     });
     this._isViewConstructing = false;
+    this.adoptPresetClass();
     this.emit("mount", { editor: this, view: this.view });
     this.options.onMount?.({ editor: this, view: this.view });
     this.commandManager = new CommandManager(this);
@@ -4065,16 +4119,50 @@ var Editor = class _Editor extends EventEmitter {
     return super.emit(event, ...args);
   }
 };
-function positionFloating(reference, floating, options) {
-  const placementOpt = options?.placement ?? "bottom";
+var OPPOSITE_SIDE = {
+  top: "bottom",
+  bottom: "top",
+  left: "right",
+  right: "left"
+};
+function oppositePlacement(placement) {
+  const [side = "", alignment] = placement.split("-");
+  const opposite = OPPOSITE_SIDE[side] ?? side;
+  return alignment ? `${opposite}-${alignment}` : opposite;
+}
+function buildMiddleware(options, placementOpt) {
   const paddingOpt = options?.padding ?? 10;
   const overflowOpts = options?.boundary ? { padding: paddingOpt, boundary: options.boundary } : { padding: paddingOpt };
-  const middleware = [
-    offset(options?.offsetValue ?? 4),
-    flip(overflowOpts),
-    shift(overflowOpts),
-    hide()
-  ];
+  const constrain = options?.constrainHeight;
+  const middleware = [offset(options?.offsetValue ?? 4)];
+  if (constrain) {
+    middleware.push(
+      size({
+        ...overflowOpts,
+        apply({ availableHeight, elements }) {
+          elements.floating.style.setProperty(
+            "--dm-available-height",
+            `${String(Math.max(constrain.minHeight, Math.floor(availableHeight)))}px`
+          );
+        }
+      })
+    );
+    middleware.push(
+      flip({
+        ...overflowOpts,
+        crossAxis: false,
+        fallbackPlacements: [oppositePlacement(placementOpt)]
+      })
+    );
+  } else {
+    middleware.push(flip(overflowOpts));
+  }
+  middleware.push(shift(overflowOpts));
+  return middleware;
+}
+function positionFloating(reference, floating, options) {
+  const placementOpt = options?.placement ?? "bottom";
+  const middleware = [...buildMiddleware(options, placementOpt), hide()];
   const update = () => {
     void computePosition(
       reference,
@@ -4102,13 +4190,7 @@ 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(overflowOpts),
-    shift(overflowOpts)
-  ];
+  const middleware = buildMiddleware(options, placementOpt);
   const update = () => {
     void computePosition(
       reference,
@@ -4209,7 +4291,6 @@ function refocusEditorAfterCommand(view) {
 }
 
 // src/utils/defaultBubbleContexts.ts
-var NOTION_MODE_CLASS = "dm-notion-mode";
 var NOTION_TEXT_CONTEXT = Object.freeze([
   // `ai` leads (Notion's "Ask AI"); skipped with its leading separator when
   // the pro extension is absent, exactly like `mathInline`.
@@ -4237,8 +4318,7 @@ var STANDARD_TEXT_CONTEXT = Object.freeze([
   "link"
 ]);
 function defaultBubbleContexts(editor) {
-  const inNotionMode = editor.view.dom.closest("." + NOTION_MODE_CLASS) !== null;
-  const text = inNotionMode ? NOTION_TEXT_CONTEXT : STANDARD_TEXT_CONTEXT;
+  const text = editor.preset === "notion" ? NOTION_TEXT_CONTEXT : STANDARD_TEXT_CONTEXT;
   return { text: [...text] };
 }
 
@@ -4700,6 +4780,7 @@ var ToolbarController = class _ToolbarController {
    * Executes a toolbar button's command.
    */
   executeCommand(item) {
+    if (!this.editor.isEditable && item.allowReadOnly !== true) return;
     _ToolbarController.executeItem(this.editor, item);
     this.updateActiveStates();
   }
@@ -4942,16 +5023,20 @@ var ToolbarController = class _ToolbarController {
   checkButtonDisabled(item, canProxy) {
     const wasDisabled = this._disabledMap.get(item.name) ?? false;
     let nowDisabled = false;
-    try {
-      if (item.emitEvent) {
-        nowDisabled = this.editor.isActive("codeBlock");
-      } else if (canProxy) {
-        const canCmd = canProxy[item.command];
-        if (canCmd) {
-          nowDisabled = item.commandArgs?.length ? !canCmd(...item.commandArgs) : !canCmd();
+    if (!this.editor.isEditable && item.allowReadOnly !== true) {
+      nowDisabled = true;
+    } else {
+      try {
+        if (item.emitEvent) {
+          nowDisabled = this.editor.isActive("codeBlock");
+        } else if (canProxy) {
+          const canCmd = canProxy[item.command];
+          if (canCmd) {
+            nowDisabled = item.commandArgs?.length ? !canCmd(...item.commandArgs) : !canCmd();
+          }
         }
+      } catch {
       }
-    } catch {
     }
     if (wasDisabled !== nowDisabled) {
       this._disabledMap.set(item.name, nowDisabled);
@@ -4992,7 +5077,8 @@ function groupFloatingMenuItems(items) {
     if (!list) {
       list = [];
       map.set(name, list);
-      order.push(name);
+      if (name === "") order.unshift(name);
+      else order.push(name);
     }
     list.push(item);
   }
@@ -5363,6 +5449,7 @@ function createFloatingMenuPlugin(options) {
   };
   hideMenu();
   const isVisibleNow = (view) => {
+    if (!editor.isEditable) return false;
     const wantsShow = shouldShow({ editor, view, state: view.state });
     if (!requireExplicitTrigger) return wantsShow;
     const triggered = pluginKey.getState(view.state)?.triggered ?? false;
@@ -5525,7 +5612,8 @@ var defaultIcons = {
   plus: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z"/></svg>',
   dotsSixVertical: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M108,60A16,16,0,1,1,92,44,16,16,0,0,1,108,60Zm56,16A16,16,0,1,0,148,60,16,16,0,0,0,164,76ZM92,112a16,16,0,1,0,16,16A16,16,0,0,0,92,112Zm72,0a16,16,0,1,0,16,16A16,16,0,0,0,164,112ZM92,180a16,16,0,1,0,16,16A16,16,0,0,0,92,180Zm72,0a16,16,0,1,0,16,16A16,16,0,0,0,164,180Z"/></svg>',
   dotsThree: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128ZM64,116a12,12,0,1,0,12,12A12,12,0,0,0,64,116Zm128,0a12,12,0,1,0,12,12A12,12,0,0,0,192,116Z"/></svg>',
-  copy: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z"/></svg>'
+  copy: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z"/></svg>',
+  printer: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M214.67,72H200V40a8,8,0,0,0-8-8H64a8,8,0,0,0-8,8V72H41.33C27.36,72,16,82.77,16,96v80a8,8,0,0,0,8,8H56v32a8,8,0,0,0,8,8H192a8,8,0,0,0,8-8V184h32a8,8,0,0,0,8-8V96C240,82.77,228.64,72,214.67,72ZM72,48H184V72H72ZM184,208H72V160H184Zm40-40H200V152a8,8,0,0,0-8-8H64a8,8,0,0,0-8,8v16H32V96c0-4.34,4.28-8,9.33-8H214.67c5.05,0,9.33,3.66,9.33,8Zm-24-52a12,12,0,1,1-12-12A12,12,0,0,1,200,116Z"/></svg>'
 };
 
 // src/nodes/Document.ts
@@ -5742,7 +5830,8 @@ var Heading = Node2.create({
         key: new PluginKey("headingKeydownFix"),
         props: {
           handleDOMEvents: {
-            keydown(_view, event) {
+            keydown(view, event) {
+              if (!view.editable) return false;
               if (!event.altKey || !(event.metaKey || event.ctrlKey)) return false;
               const level = codeToLevel[event.code];
               if (level === void 0) return false;
@@ -7056,6 +7145,7 @@ var TaskList = Node2.create({
 // src/marks/Bold.ts
 var Bold = Mark.create({
   name: "bold",
+  group: "formatting",
   addOptions() {
     return {
       HTMLAttributes: {}
@@ -7133,6 +7223,7 @@ var Bold = Mark.create({
 // src/marks/Italic.ts
 var Italic = Mark.create({
   name: "italic",
+  group: "formatting",
   addOptions() {
     return {
       HTMLAttributes: {}
@@ -7212,6 +7303,7 @@ var Italic = Mark.create({
 // src/marks/Underline.ts
 var Underline = Mark.create({
   name: "underline",
+  group: "formatting",
   addOptions() {
     return {
       HTMLAttributes: {}
@@ -7264,6 +7356,7 @@ var Underline = Mark.create({
 // src/marks/Strike.ts
 var Strike = Mark.create({
   name: "strike",
+  group: "formatting",
   addOptions() {
     return {
       HTMLAttributes: {}
@@ -7335,9 +7428,14 @@ var Code = Mark.create({
       HTMLAttributes: {}
     };
   },
-  // Code mark is exclusive - it cannot be combined with other marks
-  // ProseMirror uses '_' to mean "exclude all marks"
-  excludes: "_",
+  // Code cannot be combined with other FORMATTING marks (bold, italic,
+  // color...), but semantic marks outside the group (link, a comment
+  // thread anchor) survive: code excludes the 'formatting' group instead
+  // of '_' (everything). Third-party formatting marks opt into the same
+  // exclusion by declaring group: 'formatting'. Code is in the group
+  // itself, which also keeps it self-exclusive.
+  group: "formatting",
+  excludes: "formatting",
   // Code should not span across multiple nodes
   spanning: false,
   parseHTML() {
@@ -7825,6 +7923,7 @@ var Link = Mark.create({
 // src/marks/Subscript.ts
 var Subscript = Mark.create({
   name: "subscript",
+  group: "formatting",
   // Mutual exclusion handled in toggle commands (not schema)
   // so can() dry-run works correctly for toolbar disabled state
   excludes: "",
@@ -7886,6 +7985,7 @@ var Subscript = Mark.create({
 // src/marks/Superscript.ts
 var Superscript = Mark.create({
   name: "superscript",
+  group: "formatting",
   // Mutual exclusion handled in toggle commands (not schema)
   // so can() dry-run works correctly for toolbar disabled state
   excludes: "",
@@ -7947,6 +8047,7 @@ var Superscript = Mark.create({
 // src/marks/TextStyle.ts
 var TextStyle = Mark.create({
   name: "textStyle",
+  group: "formatting",
   // Lower priority so it renders after other marks
   priority: 101,
   addOptions() {
@@ -8003,7 +8104,7 @@ var TextStyle = Mark.create({
         let hasEmptyTextStyle = false;
         tr.doc.nodesBetween(from, to, (node) => {
           const textStyleMark = node.marks.find(
-            (mark) => mark.type.name === this.name
+            (mark2) => mark2.type.name === this.name
           );
           if (textStyleMark) {
             const hasNonNullAttr = Object.values(textStyleMark.attrs).some(
@@ -8017,9 +8118,9 @@ var TextStyle = Mark.create({
         if (!hasEmptyTextStyle) return false;
         if (dispatch) {
           tr.doc.nodesBetween(from, to, (node, pos) => {
-            const mark = node.marks.find((m) => m.type === markType);
-            if (mark) {
-              const hasActiveAttr = Object.values(mark.attrs).some(
+            const mark2 = node.marks.find((m) => m.type === markType);
+            if (mark2) {
+              const hasActiveAttr = Object.values(mark2.attrs).some(
                 (v) => v !== null && v !== void 0
               );
               if (!hasActiveAttr) {
@@ -8524,11 +8625,7 @@ var Typography = Extension.create({
       rules.push(
         new InputRule(/"([^"]+)"$/, (state, match, start, end) => {
           const text = match[1] ?? "";
-          return state.tr.replaceWith(
-            start,
-            end,
-            state.schema.text(openDoubleQuote + text + closeDoubleQuote)
-          );
+          return state.tr.insertText(openDoubleQuote + text + closeDoubleQuote, start, end);
         })
       );
       rules.push(
@@ -8536,12 +8633,10 @@ var Typography = Extension.create({
           const text = match[1] ?? "";
           const prefix = match[0].charAt(0);
           const hasPrefix = prefix !== "'";
-          return state.tr.replaceWith(
+          return state.tr.insertText(
+            hasPrefix ? prefix + openSingleQuote + text + closeSingleQuote : openSingleQuote + text + closeSingleQuote,
             start,
-            end,
-            state.schema.text(
-              hasPrefix ? prefix + openSingleQuote + text + closeSingleQuote : openSingleQuote + text + closeSingleQuote
-            )
+            end
           );
         })
       );
@@ -8806,6 +8901,9 @@ function generateUUID() {
   });
 }
 var uniqueIDPluginKey = new PluginKey("uniqueID");
+function isWithin(from, to, ranges) {
+  return ranges.some((range) => from >= range.from && to <= range.to);
+}
 var UniqueID = Extension.create({
   name: "uniqueID",
   addOptions() {
@@ -8821,7 +8919,13 @@ var UniqueID = Extension.create({
         "listItem",
         "taskItem",
         "image",
-        "horizontalRule"
+        "horizontalRule",
+        // Listed even though it lives in a separate package, exactly as
+        // `image` already is: a global attribute only installs on types the
+        // schema actually has, so naming it is inert when the table extension
+        // is not loaded. Without it a table is the one block the block menu
+        // cannot Copy link, and the one an id-anchored feature cannot address.
+        "table"
       ],
       attributeName: "id",
       generateID: generateUUID,
@@ -8849,11 +8953,27 @@ var UniqueID = Extension.create({
   addProseMirrorPlugins() {
     const { types, attributeName, generateID, filterDuplicates } = this.options;
     const editor = this.editor;
-    const transformPastedSlice = (slice) => {
+    const replacedRanges = (view) => {
+      if (view?.dragging) return [];
+      const ranges = view?.state?.selection?.ranges;
+      if (ranges === void 0) return [];
+      const replaced = [];
+      for (const range of ranges) {
+        if (range.$to.pos > range.$from.pos) {
+          replaced.push({ from: range.$from.pos, to: range.$to.pos });
+        }
+      }
+      return replaced;
+    };
+    const transformPastedSlice = (slice, view) => {
+      if (view?.dragging?.move === true) return slice;
       const existingIDs = /* @__PURE__ */ new Set();
-      editor?.state.doc.descendants((node) => {
+      const replaced = replacedRanges(view);
+      editor?.state.doc.descendants((node, pos) => {
+        if (isWithin(pos, pos + node.nodeSize, replaced)) return false;
         const id = node.attrs[attributeName];
         if (id) existingIDs.add(id);
+        return true;
       });
       const transformNode = (node) => {
         if (!types.includes(node.type.name)) {
@@ -8883,7 +9003,36 @@ var UniqueID = Extension.create({
         slice.openEnd
       );
     };
-    const assignMissingIDs = (doc, tr) => {
+    const incumbentPositions = (oldDoc, mapPos) => {
+      const incumbents = /* @__PURE__ */ new Map();
+      oldDoc.descendants((node, pos) => {
+        if (!types.includes(node.type.name)) return;
+        const id = node.attrs[attributeName];
+        if (id && !incumbents.has(id)) incumbents.set(id, mapPos(pos));
+      });
+      return incumbents;
+    };
+    const assignMissingIDs = (doc, tr, incumbents) => {
+      const winners = /* @__PURE__ */ new Map();
+      if (incumbents && incumbents.size > 0) {
+        const occurrences = /* @__PURE__ */ new Map();
+        doc.descendants((node, pos) => {
+          if (!types.includes(node.type.name)) return;
+          const id = node.attrs[attributeName];
+          if (!id) return;
+          const list = occurrences.get(id);
+          if (list) list.push(pos);
+          else occurrences.set(id, [pos]);
+        });
+        for (const [id, positions] of occurrences) {
+          if (positions.length < 2) continue;
+          const incumbentPos = incumbents.get(id);
+          winners.set(
+            id,
+            incumbentPos !== void 0 && positions.includes(incumbentPos) ? incumbentPos : positions[0]
+          );
+        }
+      }
       const seen = /* @__PURE__ */ new Set();
       doc.descendants((node, pos) => {
         if (!types.includes(node.type.name)) return;
@@ -8898,7 +9047,9 @@ var UniqueID = Extension.create({
           });
           return;
         }
-        if (seen.has(existingID)) {
+        const winner = winners.get(existingID);
+        const yieldsToWinner = winner !== void 0 && winner !== pos;
+        if (seen.has(existingID) || yieldsToWinner) {
           let id = generateID();
           while (seen.has(id)) id = generateID();
           seen.add(id);
@@ -8920,6 +9071,7 @@ var UniqueID = Extension.create({
             const tr = editorView.state.tr;
             assignMissingIDs(editorView.state.doc, tr);
             if (tr.docChanged) {
+              tr.setMeta("addToHistory", false);
               editorView.dispatch(tr);
             }
           }, 0);
@@ -8930,12 +9082,18 @@ var UniqueID = Extension.create({
           };
         },
         // Ensure new nodes get IDs
-        appendTransaction(transactions, _oldState, newState) {
+        appendTransaction(transactions, oldState, newState) {
           const docChanged = transactions.some((tr2) => tr2.docChanged);
           if (!docChanged) return null;
+          const mapForward = (pos) => transactions.reduce((p, transaction) => transaction.mapping.map(p), pos);
           const tr = newState.tr;
-          assignMissingIDs(newState.doc, tr);
-          return tr.docChanged ? tr : null;
+          assignMissingIDs(newState.doc, tr, incumbentPositions(oldState.doc, mapForward));
+          if (!tr.docChanged) return null;
+          const ridesAlongWithAnEdit = transactions.some(
+            (transaction) => transaction.docChanged && transaction.getMeta("addToHistory") !== false
+          );
+          if (!ridesAlongWithAnEdit) tr.setMeta("addToHistory", false);
+          return tr;
         },
         // Handle paste - filter duplicates
         props: filterDuplicates ? {
@@ -9665,13 +9823,13 @@ var Highlight = Extension.create({
         let hasHighlight = false;
         if (empty) {
           const marks = state.storedMarks ?? state.doc.resolve(from).marks();
-          const mark = markType.isInSet(marks);
-          hasHighlight = !!mark?.attrs["backgroundColor"] || !!mark?.attrs["backgroundColorToken"];
+          const mark2 = markType.isInSet(marks);
+          hasHighlight = !!mark2?.attrs["backgroundColor"] || !!mark2?.attrs["backgroundColorToken"];
         } else {
           state.doc.nodesBetween(from, to, (node) => {
             if (hasHighlight) return false;
-            const mark = markType.isInSet(node.marks);
-            if (mark?.attrs["backgroundColor"] || mark?.attrs["backgroundColorToken"]) {
+            const mark2 = markType.isInSet(node.marks);
+            if (mark2?.attrs["backgroundColor"] || mark2?.attrs["backgroundColorToken"]) {
               hasHighlight = true;
               return false;
             }
@@ -9718,7 +9876,8 @@ var Highlight = Extension.create({
           const content = match[1];
           if (!content) return null;
           const { tr } = state;
-          tr.replaceWith(start, end, state.schema.text(content));
+          const marks = tr.storedMarks ?? tr.doc.resolve(start).marksAcross(tr.doc.resolve(end));
+          tr.replaceWith(start, end, state.schema.text(content, marks));
           tr.addMark(
             start,
             start + content.length,
@@ -9904,14 +10063,14 @@ var FontSize = Extension.create({
   addToolbarItems() {
     if (this.options.fontSizes.length === 0) return [];
     const sizes = this.options.fontSizes;
-    const items = sizes.map((size, i) => ({
+    const items = sizes.map((size2, i) => ({
       type: "button",
-      name: `fontSize-${size}`,
+      name: `fontSize-${size2}`,
       command: "setFontSize",
-      commandArgs: [size],
-      isActive: { name: "textStyle", attributes: { fontSize: size } },
+      commandArgs: [size2],
+      isActive: { name: "textStyle", attributes: { fontSize: size2 } },
       icon: "textSize",
-      label: size,
+      label: size2,
       priority: 200 - i
     }));
     if (this.options.showReset) {
@@ -10014,6 +10173,153 @@ var ClearFormatting = Extension.create({
     ];
   }
 });
+
+// src/extensions/Print.ts
+var ROOT_CLASS = "dm-print-root";
+var ANCESTOR_CLASS = "dm-print-ancestor";
+var PRINTING_CLASS = "dm-printing";
+var marked = /* @__PURE__ */ new Set();
+var printing = false;
+var Print = Extension.create({
+  name: "print",
+  addOptions() {
+    return {
+      toolbar: true,
+      root: null,
+      isolateNativePrint: false
+    };
+  },
+  addStorage() {
+    return { cleanup: null };
+  },
+  addCommands() {
+    return {
+      printDocument: () => ({ dispatch }) => {
+        if (!dispatch) return true;
+        const editor = this.editor;
+        if (!editor || typeof window === "undefined") return false;
+        const root = resolveRoot(editor, this.options.root);
+        if (!root) return false;
+        mark(root);
+        try {
+          emit(editor, "beforePrint", { root });
+          window.print();
+        } finally {
+          unmark();
+          emit(editor, "afterPrint", void 0);
+        }
+        return true;
+      }
+    };
+  },
+  addToolbarItems() {
+    if (!this.options.toolbar) return [];
+    return [
+      {
+        type: "button",
+        name: "print",
+        command: "printDocument",
+        icon: "printer",
+        label: "Print",
+        shortcut: "Mod-P",
+        group: "document",
+        priority: 100,
+        // Reading a document out to paper is not editing it, so the button
+        // stays live in a read-only editor.
+        allowReadOnly: true
+      }
+    ];
+  },
+  addKeyboardShortcuts() {
+    return {
+      // Only bound while the caret is in the editor, which is exactly when
+      // the reader means "print this document" rather than "print this
+      // page". Everywhere else the browser's own Ctrl/Cmd+P is untouched.
+      "Mod-p": () => this.editor?.commands.printDocument() ?? false
+    };
+  },
+  onCreate() {
+    if (!this.options.isolateNativePrint) return;
+    if (typeof window === "undefined") return;
+    const editor = this.editor;
+    if (!editor) return;
+    const resolve = this.options.root;
+    const before = () => {
+      if (printing) return;
+      const root = resolveRoot(editor, resolve);
+      if (!root) return;
+      mark(root);
+      emit(editor, "beforePrint", { root });
+    };
+    const after = () => {
+      if (!printing) return;
+      unmark();
+      emit(editor, "afterPrint", void 0);
+    };
+    window.addEventListener("beforeprint", before);
+    window.addEventListener("afterprint", after);
+    let detachMedia = null;
+    const onMediaChange = (event) => {
+      if (event.matches) before();
+      else after();
+    };
+    if (typeof window.matchMedia === "function") {
+      const media = window.matchMedia("print");
+      if (typeof media.addEventListener === "function") {
+        media.addEventListener("change", onMediaChange);
+        detachMedia = () => {
+          media.removeEventListener("change", onMediaChange);
+        };
+      }
+    }
+    this.storage.cleanup = () => {
+      window.removeEventListener("beforeprint", before);
+      window.removeEventListener("afterprint", after);
+      detachMedia?.();
+    };
+  },
+  onDestroy() {
+    this.storage.cleanup?.();
+    this.storage.cleanup = null;
+    unmark();
+  }
+});
+function resolveRoot(editor, resolve) {
+  if (resolve) return resolve(editor);
+  const dom = editor.view.dom;
+  return dom.closest(".dm-editor") ?? dom;
+}
+function mark(root) {
+  root.classList.add(ROOT_CLASS);
+  marked.add(root);
+  let node = parentOf(root);
+  while (node) {
+    node.classList.add(ANCESTOR_CLASS);
+    marked.add(node);
+    node = parentOf(node);
+  }
+  document.body.classList.add(PRINTING_CLASS);
+  printing = true;
+}
+function parentOf(node) {
+  if (node.parentElement) return node.parentElement;
+  if (typeof ShadowRoot === "undefined") return null;
+  const root = node.getRootNode();
+  return root instanceof ShadowRoot ? root.host : null;
+}
+function unmark() {
+  printing = false;
+  if (typeof document === "undefined") return;
+  document.body.classList.remove(PRINTING_CLASS);
+  for (const el of marked) {
+    el.classList.remove(ROOT_CLASS, ANCESTOR_CLASS);
+  }
+  marked.clear();
+}
+function emit(editor, name, payload) {
+  const bus = editor;
+  bus.emit?.(name, payload);
+}
 var linkPopoverPluginKey = new PluginKey("linkPopover");
 function linkPopoverPlugin({ editor, markType, protocols }) {
   const el = document.createElement("div");
@@ -10351,9 +10657,10 @@ function createBubbleMenuPlugin(options) {
   const onDocumentMousedown = (e) => {
     const target = e.target;
     if (!target) return;
+    if (!target.isConnected) return;
     if (element.contains(target)) return;
     if (editor.view.dom.contains(target)) return;
-    if (target instanceof HTMLElement && target.closest("[data-dm-editor-ui]")) return;
+    if (target instanceof Element && target.closest("[data-dm-editor-ui]")) return;
     hideMenu();
     suppressed = true;
   };
@@ -10375,7 +10682,7 @@ function createBubbleMenuPlugin(options) {
         if (from !== prevValue.from || to !== prevValue.to) {
           suppressed = false;
         }
-        const visible = !suppressed && !selection.empty && shouldShow({
+        const visible = !suppressed && !selection.empty && editor.isEditable && shouldShow({
           editor,
           view: editor.view,
           state: newState,
@@ -10415,7 +10722,7 @@ function createBubbleMenuPlugin(options) {
           if (mouseDown) return;
           const { selection } = editor.view.state;
           const { from, to } = selection;
-          const show = !selection.empty && shouldShow({
+          const show = !selection.empty && editor.isEditable && shouldShow({
             editor,
             view: editor.view,
             state: editor.view.state,
@@ -10451,6 +10758,10 @@ function createBubbleMenuPlugin(options) {
       return {
         update: (view, prevState) => {
           if (view.composing) return;
+          if (!view.editable) {
+            hideMenu();
+            return;
+          }
           const state = pluginKey.getState(view.state);
           const prevPluginState = pluginKey.getState(prevState);
           if (state?.visible === prevPluginState?.visible && state?.from === prevPluginState?.from && state?.to === prevPluginState?.to && !(state?.visible && view.state.doc !== prevState.doc)) {
@@ -10583,8 +10894,8 @@ var StarterKit = Extension.create({
 });
 
 // src/index.ts
-var VERSION = "0.1.0";
+var VERSION = "0.15.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, ExtensionConfigurationError, 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, announce, 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, refocusEditorAfterCommand, 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, ExtensionConfigurationError, 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, Print, Selection5 as Selection, SelectionDecoration, StarterKit, Strike, Subscript, Superscript, TaskItem, TaskList, Text, TextAlign, TextColor, TextStyle, ToolbarController, TrailingNode, Typography, Underline, UniqueID, VERSION, announce, 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, refocusEditorAfterCommand, 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