@domternal/core 0.13.0 → 0.15.0

package/dist/index.cjs

@@ -1140,7 +1140,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;
@@ -1232,7 +1233,10 @@ function textInputRule(options) {
   const { find: find2, replace, undoable } = options;
   return new inputrules.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 } : {}
   );
 }
@@ -1811,6 +1815,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);
@@ -1848,9 +1854,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;
@@ -1943,8 +1949,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;
   }
@@ -2571,12 +2577,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 }
         });
       }
     });
@@ -2622,12 +2628,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 }
         });
       }
     });
@@ -3510,6 +3516,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
    *
@@ -3554,6 +3566,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
    */
@@ -3639,11 +3688,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;
       }
@@ -3718,8 +3767,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) {
@@ -3900,6 +3949,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();
@@ -4002,6 +4055,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);
@@ -4066,16 +4120,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 = [
-    dom.offset(options?.offsetValue ?? 4),
-    dom.flip(overflowOpts),
-    dom.shift(overflowOpts),
-    dom.hide()
-  ];
+  const constrain = options?.constrainHeight;
+  const middleware = [dom.offset(options?.offsetValue ?? 4)];
+  if (constrain) {
+    middleware.push(
+      dom.size({
+        ...overflowOpts,
+        apply({ availableHeight, elements }) {
+          elements.floating.style.setProperty(
+            "--dm-available-height",
+            `${String(Math.max(constrain.minHeight, Math.floor(availableHeight)))}px`
+          );
+        }
+      })
+    );
+    middleware.push(
+      dom.flip({
+        ...overflowOpts,
+        crossAxis: false,
+        fallbackPlacements: [oppositePlacement(placementOpt)]
+      })
+    );
+  } else {
+    middleware.push(dom.flip(overflowOpts));
+  }
+  middleware.push(dom.shift(overflowOpts));
+  return middleware;
+}
+function positionFloating(reference, floating, options) {
+  const placementOpt = options?.placement ?? "bottom";
+  const middleware = [...buildMiddleware(options, placementOpt), dom.hide()];
   const update = () => {
     void dom.computePosition(
       reference,
@@ -4103,13 +4191,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 = [
-    dom.offset(options?.offsetValue ?? 4),
-    dom.flip(overflowOpts),
-    dom.shift(overflowOpts)
-  ];
+  const middleware = buildMiddleware(options, placementOpt);
   const update = () => {
     void dom.computePosition(
       reference,
@@ -4210,7 +4292,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`.
@@ -4238,8 +4319,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] };
 }
 
@@ -4701,6 +4781,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();
   }
@@ -4943,16 +5024,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);
@@ -4993,7 +5078,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);
   }
@@ -5364,6 +5450,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;
@@ -5526,7 +5613,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
@@ -5743,7 +5831,8 @@ var Heading = Node2.create({
         key: new state.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;
@@ -7057,6 +7146,7 @@ var TaskList = Node2.create({
 // src/marks/Bold.ts
 var Bold = Mark.create({
   name: "bold",
+  group: "formatting",
   addOptions() {
     return {
       HTMLAttributes: {}
@@ -7134,6 +7224,7 @@ var Bold = Mark.create({
 // src/marks/Italic.ts
 var Italic = Mark.create({
   name: "italic",
+  group: "formatting",
   addOptions() {
     return {
       HTMLAttributes: {}
@@ -7213,6 +7304,7 @@ var Italic = Mark.create({
 // src/marks/Underline.ts
 var Underline = Mark.create({
   name: "underline",
+  group: "formatting",
   addOptions() {
     return {
       HTMLAttributes: {}
@@ -7265,6 +7357,7 @@ var Underline = Mark.create({
 // src/marks/Strike.ts
 var Strike = Mark.create({
   name: "strike",
+  group: "formatting",
   addOptions() {
     return {
       HTMLAttributes: {}
@@ -7336,9 +7429,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() {
@@ -7826,6 +7924,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: "",
@@ -7887,6 +7986,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: "",
@@ -7948,6 +8048,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() {
@@ -8004,7 +8105,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(
@@ -8018,9 +8119,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) {
@@ -8525,11 +8626,7 @@ var Typography = Extension.create({
       rules.push(
         new inputrules.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(
@@ -8537,12 +8634,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
           );
         })
       );
@@ -8807,6 +8902,9 @@ function generateUUID() {
   });
 }
 var uniqueIDPluginKey = new state.PluginKey("uniqueID");
+function isWithin(from, to, ranges) {
+  return ranges.some((range) => from >= range.from && to <= range.to);
+}
 var UniqueID = Extension.create({
   name: "uniqueID",
   addOptions() {
@@ -8822,7 +8920,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,
@@ -8850,11 +8954,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)) {
@@ -8884,7 +9004,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;
@@ -8899,7 +9048,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);
@@ -8921,6 +9072,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);
@@ -8931,12 +9083,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 ? {
@@ -9666,13 +9824,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;
             }
@@ -9719,7 +9877,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,
@@ -9905,14 +10064,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) {
@@ -10015,6 +10174,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 state.PluginKey("linkPopover");
 function linkPopoverPlugin({ editor, markType, protocols }) {
   const el = document.createElement("div");
@@ -10352,9 +10658,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;
   };
@@ -10376,7 +10683,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,
@@ -10416,7 +10723,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,
@@ -10452,6 +10759,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)) {
@@ -10584,7 +10895,7 @@ var StarterKit = Extension.create({
 });
 
 // src/index.ts
-var VERSION = "0.1.0";
+var VERSION = "0.15.0";
 
 Object.defineProperty(exports, "PluginKey", {
   enumerable: true,
@@ -10642,6 +10953,7 @@ exports.NotionColorPicker = NotionColorPicker;
 exports.OrderedList = OrderedList;
 exports.Paragraph = Paragraph;
 exports.Placeholder = Placeholder;
+exports.Print = Print;
 exports.Selection = Selection5;
 exports.SelectionDecoration = SelectionDecoration;
 exports.StarterKit = StarterKit;