@pixerate/editor 0.6.0 → 0.6.1

package/dist/extensions/index.cjs

@@ -46,6 +46,7 @@ __export(extensions_exports, {
   handleImageInsertion: () => handleImageInsertion,
   imagePastePluginKey: () => imagePastePluginKey,
   insertImageNode: () => insertImageNode,
+  removeImageNode: () => removeImageNode,
   updateImageSrc: () => updateImageSrc
 });
 module.exports = __toCommonJS(extensions_exports);
@@ -1632,6 +1633,22 @@ function updateImageSrc(view, oldSrc, newSrc) {
     view.dispatch(tr);
   }
 }
+function removeImageNode(view, src) {
+  const { doc } = view.state;
+  let foundPos = null;
+  let nodeSize = 0;
+  doc.descendants((node, pos) => {
+    if (node.type.name === "image" && node.attrs.src === src) {
+      foundPos = pos;
+      nodeSize = node.nodeSize;
+      return false;
+    }
+  });
+  if (foundPos !== null) {
+    const tr = view.state.tr.delete(foundPos, foundPos + nodeSize);
+    view.dispatch(tr);
+  }
+}
 function handleImageInsertion(view, file, options) {
   if (typeof options.upload === "function") {
     const hasObjectUrl = typeof URL !== "undefined" && typeof URL.createObjectURL === "function";
@@ -1640,7 +1657,9 @@ function handleImageInsertion(view, file, options) {
       insertImageNode(view, tempUrl, file.name);
     }
     Promise.resolve(options.upload(file)).then((uploadedUrl) => {
-      if (!uploadedUrl) return;
+      if (!uploadedUrl) {
+        throw new Error("Upload handler returned empty URL");
+      }
       if (tempUrl) {
         updateImageSrc(view, tempUrl, uploadedUrl);
         if (typeof URL.revokeObjectURL === "function") {
@@ -1650,9 +1669,32 @@ function handleImageInsertion(view, file, options) {
         insertImageNode(view, uploadedUrl, file.name);
       }
     }).catch((err) => {
-      console.error("Failed to upload pasted image:", err);
+      const error = err instanceof Error ? err : new Error(String(err));
+      console.error("Failed to upload pasted image:", error);
+      if (tempUrl) {
+        removeImageNode(view, tempUrl);
+        if (typeof URL.revokeObjectURL === "function") {
+          URL.revokeObjectURL(tempUrl);
+        }
+      }
+      if (typeof options.onUploadError === "function") {
+        options.onUploadError(error, file);
+      }
     });
   } else if (options.allowBase64 !== false) {
+    const maxBase64Size = options.maxBase64Size ?? 65536;
+    if (file.size > maxBase64Size) {
+      const err = new Error(
+        `Image size (${Math.round(file.size / 1024)}KB) exceeds maxBase64Size (${Math.round(
+          maxBase64Size / 1024
+        )}KB). Provide an upload handler to support large images.`
+      );
+      console.warn(`[Editor] ${err.message}`);
+      if (typeof options.onUploadError === "function") {
+        options.onUploadError(err, file);
+      }
+      return;
+    }
     if (typeof FileReader !== "undefined") {
       const reader = new FileReader();
       reader.onload = () => {
@@ -1670,9 +1712,11 @@ var Image2 = BaseImage.extend({
     return {
       ...this.parent?.(),
       allowBase64: true,
+      maxBase64Size: 65536,
       enablePaste: true,
       enableDrop: true,
       upload: void 0,
+      onUploadError: void 0,
       HTMLAttributes: {
         class: "rounded-md max-w-full h-auto my-2"
       }
@@ -1886,6 +1930,7 @@ function createRichTextPreset(options = {}) {
   handleImageInsertion,
   imagePastePluginKey,
   insertImageNode,
+  removeImageNode,
   updateImageSrc
 });
 //# sourceMappingURL=index.cjs.map