rme 0.2.3-alpha.1 → 0.2.3-alpha.3

package/dist/index.mjs

@@ -5340,7 +5340,7 @@ var WysiwygThemeWrapper = styled.div.attrs((p) => ({
     font-size: small;
     border-radius: ${(props) => props.theme.smallBorderRadius};
     cursor: pointer;
-    z-index: 1000;
+    z-index: 10;
     color: ${(props) => props.theme.labelFontColor};
     background: ${(props) => props.theme.hoverColor};
   }
@@ -7899,10 +7899,12 @@ var ClipboardExtension = class extends PlainExtension2 {
           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);
+              this.processMarkdownImageSyntax(node, view).then(() => {
+                view.dispatch(view.state.tr.replaceSelectionWith(node, true));
+              });
             }
-            view.dispatch(view.state.tr.replaceSelectionWith(node, true));
             return true;
           }
           this.processImagesInSliceAsync(slice, view);
@@ -7927,55 +7929,31 @@ var ClipboardExtension = class extends PlainExtension2 {
   /**
    * Process markdown image syntax in text nodes and update their src attributes using imageCopyHandler
    */
-  processMarkdownImageSyntax(nodes, view) {
+  async processMarkdownImageSyntax(node, view) {
     const { imageCopyHandler } = this.options;
     if (!imageCopyHandler) return;
     const imageRegex = /!\[([^\]]*)\]\(([^\s]+)(?:\s+"([^"]*)")??\)/g;
-    const foundUrls = /* @__PURE__ */ new Set();
-    const processTextNode = (node) => {
-      if (node.isText && node.text) {
+    const processTextNode = async (n2) => {
+      if (n2.isText && n2.text) {
         let match;
         imageRegex.lastIndex = 0;
-        while ((match = imageRegex.exec(node.text)) !== null) {
+        while ((match = imageRegex.exec(n2.text)) !== null) {
           const [, , src] = match;
           if (src) {
-            foundUrls.add(src);
+            const newSrc = await imageCopyHandler(src);
+            if (newSrc && newSrc !== src) {
+              n2.text = n2.text.replace(src, newSrc);
+            }
           }
         }
       }
-      if (node.content && node.content.size > 0) {
-        node.content.forEach((child) => {
+      if (n2.content && n2.content.size > 0) {
+        n2.content.forEach((child) => {
           processTextNode(child);
         });
       }
     };
-    nodes.forEach(processTextNode);
-    if (foundUrls.size > 0) {
-      this.setupImageConversionMonitor(view, foundUrls);
-    }
-  }
-  /**
-   * Monitor document changes for converted image nodes
-   */
-  setupImageConversionMonitor(view, urlsToMonitor) {
-    const { imageCopyHandler } = this.options;
-    if (!imageCopyHandler) return;
-    const checkForConvertedImages = () => {
-      const { doc } = view.state;
-      const processedUrls = /* @__PURE__ */ new Set();
-      doc.descendants((node) => {
-        if ((node.type.name === "html_image" || node.type.name === "md_image") && node.attrs.src) {
-          const src = node.attrs.src;
-          if (urlsToMonitor.has(src) && !processedUrls.has(src)) {
-            processedUrls.add(src);
-            this.processImageNode(node, view);
-          }
-        }
-        return true;
-      });
-    };
-    setTimeout(checkForConvertedImages, 0);
-    setTimeout(checkForConvertedImages, 100);
+    await processTextNode(node);
   }
   /**
    * Process a single image node asynchronously and update its src attribute using imageCopyHandler
@@ -7986,7 +7964,7 @@ var ClipboardExtension = class extends PlainExtension2 {
     node.attrs["data-rme-loading"] = "true";
     imageCopyHandler(node.attrs.src).then((newSrc) => {
       if (newSrc && newSrc !== node.attrs.src) {
-        this.updateImageNodeSrc(view, node.attrs.src, newSrc);
+        this.updateImageNodeSrc(view, node, newSrc);
       }
     }).catch((error) => {
       console.warn("imageCopyHandler failed:", error);
@@ -8040,27 +8018,11 @@ var ClipboardExtension = class extends PlainExtension2 {
   /**
    * Update image node src attribute in the document
    */
-  updateImageNodeSrc(view, oldSrc, newSrc) {
+  updateImageNodeSrc(view, node, newSrc) {
     const { state, dispatch } = view;
-    const { doc } = state;
     let tr = state.tr;
-    let updated = false;
-    doc.descendants((node, pos) => {
-      if ((node.type.name === "html_image" || node.type.name === "md_image") && node.attrs.src === oldSrc) {
-        const newAttrs = {
-          ...node.attrs,
-          src: newSrc,
-          "data-rme-loading": null
-        };
-        tr = tr.setNodeMarkup(pos, void 0, newAttrs);
-        updated = true;
-      }
-      return true;
-    });
-    if (updated) {
-      tr = tr.setMeta("addToHistory", false);
-      dispatch(tr);
-    }
+    node.attrs.src = newSrc;
+    dispatch(tr);
   }
 };
 ClipboardExtension = __decorateClass([
@@ -17452,7 +17414,7 @@ function ImageNodeView(props) {
     },
     `${node.attrs.src}`
   );
-  return /* @__PURE__ */ jsx13("div", { ref: popoverRef, children: /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx13("div", { ref: popoverRef, style: { position: "relative", zIndex: selected ? 10 : "auto" }, children: /* @__PURE__ */ jsx13(
     Popover2,
     {
       customContent: /* @__PURE__ */ jsx13(
@@ -17470,6 +17432,7 @@ function ImageNodeView(props) {
       placement: "top-start",
       onStoreChange: handleStoreChange,
       toggleOnClick: true,
+      style: { zIndex: 11 },
       children: Main
     }
   ) });