rme 0.3.0-beta.2 → 0.3.0-beta.4

package/dist/index.mjs

@@ -2974,8 +2974,8 @@ function getCellSelectionRect(selection) {
 
 // src/editor/extensions/Table/table-selector.ts
 var DATA_TABLE_SELECTOR_TYPE = "data-table-selector-type";
-var preventDefaultMouseEventHandler = (event2) => {
-  event2.preventDefault();
+var preventDefaultMouseEventHandler = (event) => {
+  event.preventDefault();
 };
 function createBodySelector(view, getPos, highlight) {
   return createElement("div", {
@@ -2987,8 +2987,8 @@ function createBodySelector(view, getPos, highlight) {
     [DATA_TABLE_SELECTOR_TYPE]: "body",
     onmousedown: preventDefaultMouseEventHandler,
     onmouseup: preventDefaultMouseEventHandler,
-    onclick: (event2) => {
-      event2.preventDefault();
+    onclick: (event) => {
+      event.preventDefault();
       const pos = getPos();
       if (!pos) return;
       const tr = view.state.tr;
@@ -3008,8 +3008,8 @@ function createRowSelector(view, getPos, highlight) {
     [DATA_TABLE_SELECTOR_TYPE]: "row",
     onmousedown: preventDefaultMouseEventHandler,
     onmouseup: preventDefaultMouseEventHandler,
-    onclick: (event2) => {
-      event2.preventDefault();
+    onclick: (event) => {
+      event.preventDefault();
       const pos = getPos();
       if (!pos) return;
       const tr = view.state.tr;
@@ -3029,8 +3029,8 @@ function createColumnSelector(view, getPos, highlight) {
     [DATA_TABLE_SELECTOR_TYPE]: "column",
     onmousedown: preventDefaultMouseEventHandler,
     onmouseup: preventDefaultMouseEventHandler,
-    onclick: (event2) => {
-      event2.preventDefault();
+    onclick: (event) => {
+      event.preventDefault();
       const pos = getPos();
       if (!pos) return;
       const tr = view.state.tr;
@@ -3833,12 +3833,13 @@ var ClipboardExtension = class extends PlainExtension2 {
   createPlugin() {
     return {
       props: {
-        handlePaste: (view, event2) => {
+        handlePaste: (view, event) => {
+          console.log("handlePaste", event);
           const transformer = getTransformerByView(view);
           const parser = transformer.stringToDoc;
           const schema = view.state.schema;
           const editable = view.props.editable?.(view.state);
-          const { clipboardData } = event2;
+          const { clipboardData } = event;
           if (!editable || !clipboardData) return false;
           const currentNode = view.state.selection.$from.node();
           if (currentNode.type.spec.code) return false;
@@ -3921,83 +3922,13 @@ var ClipboardExtension = class extends PlainExtension2 {
       },
       paste: () => {
         return (params) => {
-          const { view } = params;
-          if (!view) return false;
-          console.log("handlePaste event", event);
-          const transformer = getTransformerByView(view);
-          const parser = transformer.stringToDoc;
-          const schema = view.state.schema;
-          const editable = view.props.editable?.(view.state);
-          navigator.clipboard.read().then(async (data) => {
-            let html2 = "";
-            let text = "";
-            const htmlData = data.find((item) => item.types.includes("text/html"));
-            const textData = data.find((item) => item.types.includes("text/plain"));
-            const getHtml = async () => {
-              if (htmlData) {
-                const blob = await htmlData.getType("text/html");
-                html2 = await blob.text();
-              }
-            };
-            const getText = async () => {
-              if (textData) {
-                const blob = await textData.getType("text/plain");
-                text = await blob.text();
-              }
-            };
-            await Promise.all([getHtml(), getText()]);
-            if (!editable || !html2 || !text) return false;
-            const currentNode = view.state.selection.$from.node();
-            if (currentNode.type.spec.code) return false;
-            if (html2.length === 0 && text.length === 0) return false;
-            console.log("html", html2);
-            console.log("text", text);
-            const domParser = DOMParser2.fromSchema(schema);
-            let dom;
-            if (html2.length === 0) {
-              const slice2 = parser?.(text);
-              if (!slice2 || typeof slice2 === "string") return false;
-              const res = [];
-              slice2.content.forEach((node2, index) => {
-                if (node2.type.name === "paragraph" && index === 0) {
-                  node2.content.forEach((child) => {
-                    res.push(child);
-                  });
-                } else {
-                  res.push(node2);
-                }
-              });
-              this.processImagesInNodesAsync(res, view);
-              if (res.length === 1) {
-                view.dispatch(view.state.tr.replaceSelectionWith(res[0], false));
-              } else {
-                const fragment = Fragment3.from(res);
-                view.dispatch(view.state.tr.replaceSelection(new Slice(fragment, 0, 0)));
-              }
-              return true;
-            } else {
-              const template = document.createElement("template");
-              template.innerHTML = html2;
-              dom = template.content.cloneNode(true);
-              template.remove();
-            }
-            const slice = domParser.parseSlice(dom);
-            const node = isTextOnlySlice(slice);
-            console.log("slice", slice, node);
-            if (node) {
-              if ((node.type.name === "html_image" || node.type.name === "md_image") && node.attrs.src) {
-                this.processImageNode(node, view);
-                view.dispatch(view.state.tr.replaceSelectionWith(node, true));
-              } else {
-                this.processMarkdownImageSyntax(node, view).then(() => {
-                  view.dispatch(view.state.tr.replaceSelectionWith(node, true));
-                });
-              }
-              return true;
-            }
-            this.processImagesInSliceAsync(slice, view);
-            view.dispatch(view.state.tr.replaceSelection(slice));
-          });
+          if (params.tr.selection.empty) {
+            return false;
+          }
+          if (params.dispatch) {
+            console.log("execCommand paste");
+            document.execCommand("paste");
+          }
           return true;
         };
       },
@@ -5130,8 +5061,8 @@ var HTMLInlineView = class {
       this.closeEditor();
     }
   }
-  stopEvent(event2) {
-    return this._innerView !== void 0 && event2.target !== void 0 && this._innerView.dom.contains(event2.target);
+  stopEvent(event) {
+    return this._innerView !== void 0 && event.target !== void 0 && this._innerView.dom.contains(event.target);
   }
   ignoreMutation() {
     return true;
@@ -5579,10 +5510,10 @@ var Resizable = memo2((props) => {
       currentWidthRef.current = startWidth;
       currentHeightRef.current = startHeight;
       isResizingRef.current = true;
-      const onMouseMove = throttle(100, false, (event2) => {
+      const onMouseMove = throttle(100, false, (event) => {
         if (!isResizingRef.current) return;
-        const currentX = event2.pageX;
-        const currentY = event2.pageY;
+        const currentX = event.pageX;
+        const currentY = event.pageY;
         const diffX = currentX - startX;
         const diffY = currentY - startY;
         let newWidth = null;
@@ -5653,9 +5584,9 @@ var Resizable = memo2((props) => {
           setSize((prev) => ({ ...prev, height: currentHeightRef.current }));
         }
       });
-      const onMouseUp = (event2) => {
-        event2.preventDefault();
-        event2.stopPropagation();
+      const onMouseUp = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
         isResizingRef.current = false;
         document.removeEventListener("mousemove", onMouseMove);
         document.removeEventListener("mouseup", onMouseUp);
@@ -5669,7 +5600,7 @@ var Resizable = memo2((props) => {
           width: finalWidth,
           height: finalHeight
         });
-        onResize?.(event2);
+        onResize?.(event);
       };
       document.addEventListener("mousemove", onMouseMove);
       document.addEventListener("mouseup", onMouseUp);
@@ -5933,8 +5864,8 @@ import { Input, Space } from "zens";
 
 // src/editor/extensions/SlashMenu/utils.ts
 var dispatchWithMeta = (view, key2, meta) => view.dispatch(view.state.tr.setMeta(key2, meta));
-var isSlashKey = (event2) => {
-  return event2.key === "/";
+var isSlashKey = (event) => {
+  return event.key === "/";
 };
 var defaultIgnoredKeys = [
   "Unidentified",
@@ -6344,17 +6275,17 @@ var SlashMenuRoot = memo4(
       setSearchText(e.target.value);
     }, []);
     useEffect5(() => {
-      const keydownHandler = (event2) => {
-        if (event2.key === "Escape") {
+      const keydownHandler = (event) => {
+        if (event.key === "Escape") {
           return closeMenu();
         }
-        if (searchText && event2[getModEventKey()] === false) {
+        if (searchText && event[getModEventKey()] === false) {
           return;
         }
         if (activeItemId) {
           const componentRef = componentRefMap.current[activeItemId];
           if (componentRef?.handleKeyDown) {
-            const next = componentRef.handleKeyDown(event2);
+            const next = componentRef.handleKeyDown(event);
             if (next === 2 /* Close */) {
               closeMenu();
               return;
@@ -6363,17 +6294,17 @@ var SlashMenuRoot = memo4(
             }
           }
         }
-        if (event2.key === "ArrowDown") {
+        if (event.key === "ArrowDown") {
           handleDown();
-        } else if (event2.key === "ArrowUp") {
+        } else if (event.key === "ArrowUp") {
           handleUp();
-        } else if (event2.key === "ArrowRight") {
+        } else if (event.key === "ArrowRight") {
           handleRight();
-        } else if (event2.key === "ArrowLeft") {
+        } else if (event.key === "ArrowLeft") {
           handleLeft();
-        } else if (event2.key === "Enter") {
-          event2.preventDefault();
-          event2.stopPropagation();
+        } else if (event.key === "Enter") {
+          event.preventDefault();
+          event.stopPropagation();
           if (activeItemId) {
             const item = currentMenuItem?.children?.find((child) => child.id === activeItemId);
             if (item?.handler) {
@@ -6847,8 +6778,8 @@ function ImageNodeView(props) {
     popoverStore.current = store;
   };
   useEffect6(() => {
-    const handleOutsideClick = (event2) => {
-      if (popoverRef.current && popoverStore.current && (!event2.target || !(event2.target instanceof Node) || !popoverRef.current.contains(event2.target))) {
+    const handleOutsideClick = (event) => {
+      if (popoverRef.current && popoverStore.current && (!event.target || !(event.target instanceof Node) || !popoverRef.current.contains(event.target))) {
         popoverStore.current.setOpen(false);
       }
     };
@@ -7035,9 +6966,9 @@ var HtmlImageExtension = class extends NodeExtension6 {
       }, "unshift").generateCommand()(props);
     };
   }
-  fileUploadFileHandler(files, event2, pos) {
+  fileUploadFileHandler(files, event, pos) {
     const { preferPastedTextContent, uploadHandler: uploadHandler3 } = this.options;
-    if (preferPastedTextContent && isClipboardEvent(event2) && event2.clipboardData?.getData("text/plain")) {
+    if (preferPastedTextContent && isClipboardEvent(event) && event.clipboardData?.getData("text/plain")) {
       return false;
     }
     const { commands, chain } = this.store;
@@ -7172,8 +7103,8 @@ function uploadHandler(files) {
   }
   return promises;
 }
-function isClipboardEvent(event2) {
-  return event2.clipboardData !== void 0;
+function isClipboardEvent(event) {
+  return event.clipboardData !== void 0;
 }
 
 // src/editor/extensions/Image/md-image-extension.tsx
@@ -8998,8 +8929,8 @@ var MathInlineView = class {
   deselectNode() {
     if (this._isEditing) this.closeEditor();
   }
-  stopEvent(event2) {
-    return this._innerView !== void 0 && event2.target !== void 0 && this._innerView.dom.contains(event2.target);
+  stopEvent(event) {
+    return this._innerView !== void 0 && event.target !== void 0 && this._innerView.dom.contains(event.target);
   }
   ignoreMutation() {
     return true;
@@ -9641,7 +9572,7 @@ function buildGetTarget(view, onDrag) {
     prevTargets = getTargetsByView(view);
     return prevTargets;
   };
-  const getTargetImpl = (point, event2) => {
+  const getTargetImpl = (point, event) => {
     if (!view.editable || view.isDestroyed) {
       return;
     }
@@ -9655,7 +9586,7 @@ function buildGetTarget(view, onDrag) {
     let targets = getTargets();
     targets.sort(compare);
     targets = targets.slice(0, 8);
-    const target = targets.find((target2) => onDrag?.({ view, pos: target2[0], event: event2 }) !== false);
+    const target = targets.find((target2) => onDrag?.({ view, pos: target2[0], event }) !== false);
     if (target && isDraggingToItself(view, target[0])) {
       return void 0;
     }
@@ -9663,12 +9594,12 @@ function buildGetTarget(view, onDrag) {
   };
   let prevPoint;
   let prevTarget;
-  const getTargetCached = (point, event2) => {
+  const getTargetCached = (point, event) => {
     if (prevPoint && pointEqual(prevPoint, point)) {
       return prevTarget;
     }
     prevPoint = point;
-    prevTarget = getTargetImpl(point, event2);
+    prevTarget = getTargetImpl(point, event);
     return prevTarget;
   };
   return getTargetCached;
@@ -9889,15 +9820,15 @@ var NodeIndicatorExtension = class extends PlainExtension7 {
         return {};
       },
       props: {
-        handleDrop: (view, event2, slice, move) => {
+        handleDrop: (view, event, slice, move) => {
           if (!getTarget) {
             return false;
           }
-          const target = getTarget([event2.clientX, event2.clientY], event2);
+          const target = getTarget([event.clientX, event.clientY], event);
           if (!target) {
             return false;
           }
-          event2.preventDefault();
+          event.preventDefault();
           let insertPos = target[0];
           let tr = view.state.tr;
           if (move) {
@@ -9928,8 +9859,8 @@ var NodeIndicatorExtension = class extends PlainExtension7 {
           return true;
         },
         handleDOMEvents: {
-          pointermove: (view, event2) => {
-            const { x, y } = event2;
+          pointermove: (view, event) => {
+            const { x, y } = event;
             const block = findBlockByCoords(view, x, y);
             if (!block) {
               view.dispatch(view.state.tr.setMeta(pluginKey, { node: null, pos: null }));
@@ -10048,8 +9979,8 @@ import { extension as extension15, PlainExtension as PlainExtension9 } from "@rm
 // src/editor/extensions/SlashMenu/case.ts
 var defaultConditions = (openInSelection = false) => {
   return {
-    shouldOpen: (state, event2, view) => {
-      if (event2.isComposing) {
+    shouldOpen: (state, event, view) => {
+      if (event.isComposing) {
         return false;
       }
       const editorState = view.state;
@@ -10063,48 +9994,48 @@ var defaultConditions = (openInSelection = false) => {
       );
       const inEmptyPar = inParagraph && parentNode?.textContent === prevCharacter;
       const spaceBeforePos = prevCharacter === "\u200A" || prevCharacter === "" || prevCharacter === " ";
-      return !state.open && isSlashKey(event2) && inParagraph && (inEmptyPar || spaceBeforePos || editorState.selection.from !== editorState.selection.to && openInSelection);
+      return !state.open && isSlashKey(event) && inParagraph && (inEmptyPar || spaceBeforePos || editorState.selection.from !== editorState.selection.to && openInSelection);
     },
-    shouldClose: (state, event2) => state.open && (isSlashKey(event2) || event2.key === "Escape" || event2.key === "Backspace") && state.filter.length === 0
+    shouldClose: (state, event) => state.open && (isSlashKey(event) || event.key === "Escape" || event.key === "Backspace") && state.filter.length === 0
   };
 };
-var getCase = (state, event2, view, ignoredKeys, customConditions, shouldOpenInSelection) => {
-  if (event2.isComposing) {
-    if (event2.key === "Escape") {
+var getCase = (state, event, view, ignoredKeys, customConditions, shouldOpenInSelection) => {
+  if (event.isComposing) {
+    if (event.key === "Escape") {
       return "closeMenu" /* CloseMenu */;
     }
-    if (event2.key === "Backspace" && state.filter.length === 0) {
+    if (event.key === "Backspace" && state.filter.length === 0) {
       return "closeMenu" /* CloseMenu */;
     }
     return "Ignore" /* Ignore */;
   }
   const condition = customConditions || defaultConditions(shouldOpenInSelection);
-  if (condition.shouldOpen(state, event2, view)) {
+  if (condition.shouldOpen(state, event, view)) {
     return "openMenu" /* OpenMenu */;
   }
-  if (condition.shouldClose(state, event2, view)) {
+  if (condition.shouldClose(state, event, view)) {
     return "closeMenu" /* CloseMenu */;
   }
   if (state.open) {
-    if (event2.key === "ArrowDown") {
+    if (event.key === "ArrowDown") {
       return "NextItem" /* NextItem */;
     }
-    if (event2.key === "ArrowUp") {
+    if (event.key === "ArrowUp") {
       return "PrevItem" /* PrevItem */;
     }
-    if (event2.key === "Enter" || event2.key === "Tab") {
+    if (event.key === "Enter" || event.key === "Tab") {
       return "Execute" /* Execute */;
     }
-    if (event2.key === "Escape" || event2.key === "Backspace" && state.filter.length === 0) {
+    if (event.key === "Escape" || event.key === "Backspace" && state.filter.length === 0) {
       return "closeMenu" /* CloseMenu */;
     }
-    if (state.filter.length > 0 && event2.key === "Backspace") {
+    if (state.filter.length > 0 && event.key === "Backspace") {
       return "removeChar" /* removeChar */;
     }
-    if (!ignoredKeys.includes(event2.key)) {
+    if (!ignoredKeys.includes(event.key)) {
       return "addChar" /* addChar */;
     }
-    if (event2.key === "ArrowLeft" || event2.key === "ArrowRight") {
+    if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
       return "Catch" /* Catch */;
     }
   }
@@ -10124,12 +10055,12 @@ var SlashMenuExtension = class extends PlainExtension9 {
     };
     return {
       props: {
-        handleKeyDown(view, event2) {
+        handleKeyDown(view, event) {
           const editorState = view.state;
           if (!editorState) return false;
           const state = this.getState(editorState);
           if (!state) return false;
-          const slashCase = getCase(state, event2, view, initialState.ignoredKeys);
+          const slashCase = getCase(state, event, view, initialState.ignoredKeys);
           switch (slashCase) {
             case "openMenu" /* OpenMenu */:
               const resolvedPos = editorState.selection.from < 0 || editorState.selection.from > editorState.doc.content.size ? null : editorState.doc.resolve(editorState.selection.from);
@@ -10143,11 +10074,11 @@ var SlashMenuExtension = class extends PlainExtension9 {
               dispatchWithMeta(view, this.spec.key, { type: "open" /* open */ });
               return true;
             case "closeMenu" /* CloseMenu */: {
-              if (event2.isComposing) {
+              if (event.isComposing) {
                 dispatchWithMeta(view, this.spec.key, {
                   type: "close" /* close */
                 });
-              } else if (isSlashKey(event2)) {
+              } else if (isSlashKey(event)) {
                 view.dispatch(
                   editorState.tr.insertText("/").setMeta(this.spec.key, {
                     type: "close" /* close */
@@ -11057,13 +10988,13 @@ function getBoxElement(element) {
 }
 
 // src/editor/extensions/NodeIndicator/set-drag-preview.ts
-function setDragPreview(event2, element) {
+function setDragPreview(event, element) {
   const { top, bottom, left, right } = getClientRect(element);
   const width = right - left;
   const height = bottom - top;
   const elementX = left;
   const elementY = top;
-  const { clientX, clientY } = event2;
+  const { clientX, clientY } = event;
   const document2 = element.ownerDocument;
   const container = document2.createElement("div");
   const outsideX = Math.round(elementX - clientX);
@@ -11103,15 +11034,15 @@ function setDragPreview(event2, element) {
   document2.body.appendChild(container);
   container.appendChild(clonedElement);
   injectStyle(container, styleText);
-  event2.dataTransfer?.setDragImage(container, Math.max(-outsideX, 0), Math.max(-outsideY, 0));
+  event.dataTransfer?.setDragImage(container, Math.max(-outsideX, 0), Math.max(-outsideY, 0));
   requestAnimationFrame(() => {
     container.remove();
   });
 }
 
 // src/editor/extensions/NodeIndicator/drag-preview.ts
-function createDraggingPreview(view, hoverState, event2) {
-  if (!event2.dataTransfer) {
+function createDraggingPreview(view, hoverState, event) {
+  if (!event.dataTransfer) {
     return;
   }
   const { pos } = hoverState;
@@ -11126,10 +11057,10 @@ function createDraggingPreview(view, hoverState, event2) {
   if (!boxElement || !isHTMLElement4(boxElement)) {
     return;
   }
-  event2.dataTransfer.clearData();
-  event2.dataTransfer.setData("text/html", boxElement.outerHTML);
-  event2.dataTransfer.effectAllowed = "copyMove";
-  setDragPreview(event2, boxElement);
+  event.dataTransfer.clearData();
+  event.dataTransfer.setData("text/html", boxElement.outerHTML);
+  event.dataTransfer.effectAllowed = "copyMove";
+  setDragPreview(event, boxElement);
   return;
 }
 function setViewDragging(view, hoverState) {
@@ -11174,7 +11105,7 @@ var BlockHandler = memo6(() => {
       }
     }
   };
-  const handleDragStart = (event2) => {
+  const handleDragStart = (event) => {
     if (editorView && nodeIndicatorExtension) {
       const state2 = nodeIndicatorExtension.getPluginState();
       if (state2 && state2.pos !== null && state2.node && state2.node.isBlock) {
@@ -11184,10 +11115,10 @@ var BlockHandler = memo6(() => {
         editorView.dom.classList.add("rme-dragging");
         const dom = editorView.nodeDOM(state2.pos);
         if (dom && isHTMLElement5(dom)) {
-          if (event2.dataTransfer) {
-            event2.dataTransfer.effectAllowed = "move";
+          if (event.dataTransfer) {
+            event.dataTransfer.effectAllowed = "move";
           }
-          createDraggingPreview(editorView, state2, event2);
+          createDraggingPreview(editorView, state2, event);
           setViewDragging(editorView, state2);
         }
       }
@@ -11276,8 +11207,8 @@ var SlashMenu = () => {
   const rootRef = useRef8(null);
   useEffect8(() => {
     if (!rootRef) return;
-    const outsideClickHandler = (event2) => {
-      if (rootRef.current && (!event2.target || !(event2.target instanceof Node) || !rootRef.current.contains(event2?.target))) {
+    const outsideClickHandler = (event) => {
+      if (rootRef.current && (!event.target || !(event.target instanceof Node) || !rootRef.current.contains(event?.target))) {
         dispatchWithMeta(editorView, slashMenuExtension.pluginKey, {
           type: "close" /* close */
         });
@@ -11426,8 +11357,8 @@ var ActiveCellMenu = (props) => {
       handler: commands.deleteTableRow
     }
   ];
-  const handleClose = (event2) => {
-    if (anchorRef.current && anchorRef.current.contains(event2.target)) {
+  const handleClose = (event) => {
+    if (anchorRef.current && anchorRef.current.contains(event.target)) {
       return;
     }
     setOpen(false);