@domternal/core 0.13.0 → 0.14.0

package/dist/index.cjs

@@ -4066,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,
@@ -4103,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,
@@ -4701,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();
   }
@@ -4943,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);
@@ -5364,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;
@@ -5743,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;
@@ -8822,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,
@@ -8850,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];
@@ -8884,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;
@@ -8899,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);
@@ -8921,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);
@@ -8931,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 ? {
@@ -9905,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) {
@@ -10376,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,
@@ -10416,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,
@@ -10452,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)) {
@@ -10584,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,