rme 0.3.0-beta.8 → 0.3.0-beta.9

package/dist/index.mjs

@@ -6781,6 +6781,7 @@ var ImageToolTips = (props) => {
 
 // src/editor/extensions/Image/image-nodeview.tsx
 import { jsx as jsx14 } from "react/jsx-runtime";
+var warningFallBack = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAAAAACIM/FCAAAChElEQVR4Ae3aMW/TQBxAcb70k91AAiGuGlZAtOlQApWaDiSdklZq2RPUTm1xUWL3PgqSpygkXlh88N54nn7S2Trd3y/CP5IQIUKECBEiRIgQIUKECBEiRIgQIUKECBEiRIgQIUKECBEiRIgQIUKECBEiRIgQIUKECBEiRIgQIUKECPmPIEKECBEiRIgQIeX82+FBO0naB4eTRRkt5P7sNWt1Rw9RQvKThI2SYR4f5OoVW2rfRAYpT6hqHc8WeVHki9mgRdWwiAmyfA9AdrlaW5tlAHxcxQMpK8feRbGxPEkrSREN5ARg/y780V0GMIwFcgXwLg9byvsAN3FA8lfAfr7jYQZ0nqKAfAb21vYVwNruSoEvMUDuE+Ai7IKECZA+RAA5A7JiN6TMgFHzIeUb4DLshoQZ0H1uPGQOvFzVQZYtYNF4yBg4DnWQMAAmjYccArN6yBQ4ajzkAFjUQ+ZAv/GQNpDXQ3Kg03hIAhT1kAJIhLi1/vJl39Ic6Mf3+a2K8PM7BgahtgEwjuKI0lqGjSI8opRdYFb3sk/jODSGEZCVuyFFDzgPzYc8JMBkN2QMpI8RQMIQ2LvdBblNgdM4Lh/aQJaHrf3sAe2nKCDhGqCfb3VEcx1UNQTItlzQ3fYAvoZYIMUHgHRSbiyPU4BPZUSX2JWEbLZcW5v2qByrmMYKxZCq1mA6z4sin08HLapOy8gGPddtttT5HuHobZiwUXr6K85h6KjLWm/PH+MdTy/GR/12knb6g8mPZ38YECJEiBAhQoQIESJEiBAhQoQIESJEiBAhQoQIESJEiBAhQoQIESJEiBAhQoQIESJEiBAhQoQIESJEiBAhQoQIESJEiBAh0fUb5q7oCGreEVEAAAAASUVORK5CYII=";
 function ImageNodeView(props) {
   const {
     node,
@@ -6805,12 +6806,6 @@ function ImageNodeView(props) {
           } catch (error) {
           }
         }
-        if (handleViewImgSrcUrl) {
-          try {
-            src = await handleViewImgSrcUrl(src);
-          } catch (error) {
-          }
-        }
         updateAttributes({
           "data-rme-from-paste": null,
           src
@@ -6818,7 +6813,7 @@ function ImageNodeView(props) {
       };
       handlePasteEvent();
     }
-  }, [fromPaste, handleViewImgSrcUrl, imageCopyHandler, node.attrs.src]);
+  }, [fromPaste, imageCopyHandler, node.attrs.src]);
   const handleStoreChange = (store) => {
     popoverStore.current = store;
   };
@@ -6856,6 +6851,28 @@ function ImageNodeView(props) {
           onLoad: () => initRef.current?.(),
           src: node.attrs.src,
           loader: Loading,
+          imgPromise: () => {
+            return new Promise(async (resolve, reject) => {
+              let targetSrc = node.attrs.src || "";
+              if (handleViewImgSrcUrl) {
+                try {
+                  targetSrc = await handleViewImgSrcUrl(targetSrc);
+                } catch (error) {
+                }
+              }
+              const makeImageLoad = (targetSrc2) => {
+                const img = new Image();
+                img.src = targetSrc2;
+                img.onload = () => {
+                  resolve(targetSrc2);
+                };
+                img.onerror = () => {
+                  reject(warningFallBack);
+                };
+              };
+              makeImageLoad(targetSrc);
+            });
+          },
           style: {
             width: "100%",
             height: "100%"
@@ -6866,33 +6883,40 @@ function ImageNodeView(props) {
     },
     `${node.attrs.src}_${node.attrs["data-rme-loading"]}`
   );
-  return /* @__PURE__ */ jsx14("div", { ref: popoverRef, style: { position: "relative", zIndex: selected ? 10 : "auto", lineHeight: 0 }, children: /* @__PURE__ */ jsx14(
-    Popover2,
+  return /* @__PURE__ */ jsx14(
+    "div",
     {
-      customContent: /* @__PURE__ */ jsx14(
-        ImageToolTips,
+      ref: popoverRef,
+      style: { position: "relative", zIndex: selected ? 10 : "auto", lineHeight: 0 },
+      children: /* @__PURE__ */ jsx14(
+        Popover2,
         {
-          node,
-          imageHostingHandler,
-          updateAttributes: (...args) => {
-            updateAttributes(...args);
-            popoverStore.current?.setOpen(false);
-          }
-        },
-        `${node.attrs.src}`
-      ),
-      boxProps: {
-        style: {
-          display: "inline-flex"
+          customContent: /* @__PURE__ */ jsx14(
+            ImageToolTips,
+            {
+              node,
+              imageHostingHandler,
+              updateAttributes: (...args) => {
+                updateAttributes(...args);
+                popoverStore.current?.setOpen(false);
+              }
+            },
+            `${node.attrs.src}`
+          ),
+          boxProps: {
+            style: {
+              display: "inline-flex"
+            }
+          },
+          placement: "top-start",
+          onStoreChange: handleStoreChange,
+          toggleOnClick: true,
+          style: { zIndex: 11 },
+          children: Main
         }
-      },
-      placement: "top-start",
-      onStoreChange: handleStoreChange,
-      toggleOnClick: true,
-      style: { zIndex: 11 },
-      children: Main
+      )
     }
-  ) });
+  );
 }
 
 // src/editor/extensions/Image/image-extension.tsx