@pixerate/editor 0.6.0 → 0.7.0

package/dist/extensions/index.d.cts

@@ -108,6 +108,17 @@ interface ImageOptions extends Partial<ImageOptions$1> {
      * Resolves to the uploaded image URL string.
      */
     upload?: (file: File) => Promise<string> | string;
+    /**
+     * Callback invoked if the upload handler throws or rejects, or if an image
+     * exceeds maxBase64Size when no upload handler is configured.
+     */
+    onUploadError?: (error: Error, file: File) => void;
+    /**
+     * Maximum allowed file size (in bytes) when embedding images as base64 data URLs
+     * without an upload handler. Defaults to 65536 (64 KB).
+     * Files larger than this will be rejected to avoid memory bloat and prompt/stream saturation.
+     */
+    maxBase64Size?: number;
     /**
      * Whether to enable automatic image pasting from clipboard. Defaults to true.
      */
@@ -126,6 +137,10 @@ declare function insertImageNode(view: any, src: string, alt?: string): void;
  * Updates an existing image node's src attribute across document positions.
  */
 declare function updateImageSrc(view: any, oldSrc: string, newSrc: string): void;
+/**
+ * Removes an existing image node matching src attribute across document positions.
+ */
+declare function removeImageNode(view: any, src: string): void;
 /**
  * Handles inserting a pasted or dropped image file, supporting both async upload
  * handlers and direct base64/object-URL fallbacks.
@@ -151,4 +166,4 @@ interface RichTextPresetOptions {
  */
 declare function createRichTextPreset(options?: RichTextPresetOptions): Extensions;
 
-export { ColorHighlighter, FontSize, GradientText, type GradientTextOptions, Image, type ImageOptions, LoadingNode, Markdown, Mention, type MentionEntity, type MentionOptions, type RichTextPresetOptions, type SlashCommandMatchData, SlashCommands, type SlashCommandsOptions, SmilieReplacer, TemplateSuggestions, type TemplateSuggestionsOptions, createMentionExtension, createRichTextPreset, findHexColors, handleImageInsertion, imagePastePluginKey, insertImageNode, updateImageSrc };
+export { ColorHighlighter, FontSize, GradientText, type GradientTextOptions, Image, type ImageOptions, LoadingNode, Markdown, Mention, type MentionEntity, type MentionOptions, type RichTextPresetOptions, type SlashCommandMatchData, SlashCommands, type SlashCommandsOptions, SmilieReplacer, TemplateSuggestions, type TemplateSuggestionsOptions, createMentionExtension, createRichTextPreset, findHexColors, handleImageInsertion, imagePastePluginKey, insertImageNode, removeImageNode, updateImageSrc };

package/dist/extensions/index.d.ts

@@ -108,6 +108,17 @@ interface ImageOptions extends Partial<ImageOptions$1> {
      * Resolves to the uploaded image URL string.
      */
     upload?: (file: File) => Promise<string> | string;
+    /**
+     * Callback invoked if the upload handler throws or rejects, or if an image
+     * exceeds maxBase64Size when no upload handler is configured.
+     */
+    onUploadError?: (error: Error, file: File) => void;
+    /**
+     * Maximum allowed file size (in bytes) when embedding images as base64 data URLs
+     * without an upload handler. Defaults to 65536 (64 KB).
+     * Files larger than this will be rejected to avoid memory bloat and prompt/stream saturation.
+     */
+    maxBase64Size?: number;
     /**
      * Whether to enable automatic image pasting from clipboard. Defaults to true.
      */
@@ -126,6 +137,10 @@ declare function insertImageNode(view: any, src: string, alt?: string): void;
  * Updates an existing image node's src attribute across document positions.
  */
 declare function updateImageSrc(view: any, oldSrc: string, newSrc: string): void;
+/**
+ * Removes an existing image node matching src attribute across document positions.
+ */
+declare function removeImageNode(view: any, src: string): void;
 /**
  * Handles inserting a pasted or dropped image file, supporting both async upload
  * handlers and direct base64/object-URL fallbacks.
@@ -151,4 +166,4 @@ interface RichTextPresetOptions {
  */
 declare function createRichTextPreset(options?: RichTextPresetOptions): Extensions;
 
-export { ColorHighlighter, FontSize, GradientText, type GradientTextOptions, Image, type ImageOptions, LoadingNode, Markdown, Mention, type MentionEntity, type MentionOptions, type RichTextPresetOptions, type SlashCommandMatchData, SlashCommands, type SlashCommandsOptions, SmilieReplacer, TemplateSuggestions, type TemplateSuggestionsOptions, createMentionExtension, createRichTextPreset, findHexColors, handleImageInsertion, imagePastePluginKey, insertImageNode, updateImageSrc };
+export { ColorHighlighter, FontSize, GradientText, type GradientTextOptions, Image, type ImageOptions, LoadingNode, Markdown, Mention, type MentionEntity, type MentionOptions, type RichTextPresetOptions, type SlashCommandMatchData, SlashCommands, type SlashCommandsOptions, SmilieReplacer, TemplateSuggestions, type TemplateSuggestionsOptions, createMentionExtension, createRichTextPreset, findHexColors, handleImageInsertion, imagePastePluginKey, insertImageNode, removeImageNode, updateImageSrc };

package/dist/extensions/index.js

@@ -1585,6 +1585,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";
@@ -1593,7 +1609,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") {
@@ -1603,9 +1621,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 = () => {
@@ -1623,9 +1664,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"
       }
@@ -1838,6 +1881,7 @@ export {
   handleImageInsertion,
   imagePastePluginKey,
   insertImageNode,
+  removeImageNode,
   updateImageSrc
 };
 //# sourceMappingURL=index.js.map