@domternal/core 0.12.1 → 0.14.0

package/dist/index.cjs

@@ -1379,9 +1379,9 @@ var defaultBlockAt = (match) => {
 };
 
 // src/commands/contentCommands.ts
-var setContent = (content, options = {}) => ({ state, tr, dispatch }) => {
+var setContent = (content, options = {}) => ({ state: state$1, tr, dispatch }) => {
   const { emitUpdate = true, parseOptions } = options;
-  const { schema } = state;
+  const { schema } = state$1;
   let doc;
   try {
     doc = createDocument(content, schema, { parseOptions });
@@ -1392,6 +1392,8 @@ var setContent = (content, options = {}) => ({ state, tr, dispatch }) => {
     return true;
   }
   tr.replaceWith(0, tr.doc.content.size, doc.content);
+  const $end = tr.doc.resolve(tr.doc.content.size);
+  tr.setSelection(state.TextSelection.between($end, $end, -1));
   if (!emitUpdate) {
     tr.setMeta("addToHistory", false);
     tr.setMeta("skipUpdate", true);
@@ -4064,16 +4066,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,
@@ -4101,13 +4137,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,
@@ -4175,6 +4205,23 @@ function copyThemeClass(view, target) {
   });
 }
 
+// src/utils/announce.ts
+function announce(view, message) {
+  const editorEl = view.dom.closest(".dm-editor");
+  if (!(editorEl instanceof HTMLElement)) return;
+  let region = editorEl.querySelector(":scope > .dm-live-region");
+  if (!region) {
+    region = document.createElement("div");
+    region.className = "dm-live-region";
+    region.setAttribute("data-dm-editor-ui", "");
+    region.setAttribute("role", "status");
+    region.setAttribute("aria-live", "polite");
+    region.style.cssText = "position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;";
+    editorEl.appendChild(region);
+  }
+  region.textContent = region.textContent === message ? `${message}\xA0` : message;
+}
+
 // src/utils/refocusEditorAfterCommand.ts
 function refocusEditorAfterCommand(view) {
   requestAnimationFrame(() => {
@@ -4193,6 +4240,10 @@ 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`.
+  "ai",
+  "|",
   "bold",
   "italic",
   "underline",
@@ -4678,6 +4729,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();
   }
@@ -4920,16 +4972,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);
@@ -5341,6 +5397,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;
@@ -5720,7 +5777,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;
@@ -8173,6 +8231,18 @@ var Placeholder = Extension.create({
       new state.Plugin({
         key: placeholderPluginKey,
         props: {
+          // Focus and blur repaint the decorations: PM only recomputes
+          // them when a transaction dispatches.
+          handleDOMEvents: {
+            focus: (view) => {
+              view.dispatch(view.state.tr.setMeta(placeholderPluginKey, true));
+              return false;
+            },
+            blur: (view) => {
+              view.dispatch(view.state.tr.setMeta(placeholderPluginKey, false));
+              return false;
+            }
+          },
           decorations: ({ doc, selection }) => {
             const editor = this.editor;
             if (!editor) return view.DecorationSet.empty;
@@ -8188,6 +8258,10 @@ var Placeholder = Extension.create({
               "data-placeholder": getPlaceholderText(node, pos)
             });
             if (showOnlyCurrent) {
+              const view$1 = editor.view;
+              if (!isDocEmpty && view$1?.hasFocus() !== true) {
+                return view.DecorationSet.empty;
+              }
               const { $anchor } = selection;
               if ($anchor.depth === 0) return view.DecorationSet.empty;
               const node = $anchor.parent;
@@ -8783,7 +8857,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,
@@ -8811,7 +8891,8 @@ var UniqueID = Extension.create({
   addProseMirrorPlugins() {
     const { types, attributeName, generateID, filterDuplicates } = this.options;
     const editor = this.editor;
-    const transformPastedSlice = (slice) => {
+    const transformPastedSlice = (slice, view) => {
+      if (view?.dragging?.move === true) return slice;
       const existingIDs = /* @__PURE__ */ new Set();
       editor?.state.doc.descendants((node) => {
         const id = node.attrs[attributeName];
@@ -8845,7 +8926,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;
@@ -8860,7 +8970,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);
@@ -8882,6 +8994,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);
@@ -8892,12 +9005,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 ? {
@@ -9866,14 +9985,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) {
@@ -10337,7 +10456,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,
@@ -10377,7 +10496,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,
@@ -10413,6 +10532,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)) {
@@ -10545,7 +10668,7 @@ var StarterKit = Extension.create({
 });
 
 // src/index.ts
-var VERSION = "0.1.0";
+var VERSION = "0.14.0";
 
 Object.defineProperty(exports, "PluginKey", {
   enumerable: true,
@@ -10621,6 +10744,7 @@ exports.Typography = Typography;
 exports.Underline = Underline;
 exports.UniqueID = UniqueID;
 exports.VERSION = VERSION;
+exports.announce = announce;
 exports.applyInlineStyles = applyInlineStyles;
 exports.autolinkPlugin = autolinkPlugin;
 exports.autolinkPluginKey = autolinkPluginKey;