@haklex/rich-editor 0.0.33 → 0.0.35

package/dist/{RichEditor-CSw4Bj02.js → RichEditor-C6rSAXFC.js}

@@ -12,10 +12,10 @@ import { ListPlugin } from "@lexical/react/LexicalListPlugin";
 import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import { TabIndentationPlugin } from "@lexical/react/LexicalTabIndentationPlugin";
 import { TablePlugin } from "@lexical/react/LexicalTablePlugin";
-import { Q as $isAlertQuoteNode, d as RendererWrapper, S as AlertRenderer, T as SpoilerNode, U as MentionNode, V as FootnoteNode, H as KaTeXInlineNode, W as AlertQuoteNode, f as editorTheme, X as $isBannerNode, Y as BannerRenderer, Z as BannerNode, _ as normalizeBannerType, a0 as $isCodeBlockNode, a1 as CodeBlockRenderer, a2 as CodeBlockNode, i as useFootnoteDefinitions, D as FootnoteSectionNode, s as $isGridContainerNode, G as GridContainerNode, b as builtinNodes, K as KaTeXBlockNode, a3 as ImageNode, a4 as VideoNode, L as LinkCardNode, a5 as DetailsNode, M as MermaidNode, F as FootnoteDefinitionsProvider, a6 as $createImageNode, a7 as $createKaTeXInlineNode, a8 as $createKaTeXBlockNode, a9 as $createDetailsNode, aa as $createFootnoteNode, r as $isFootnoteSectionNode, $ as $createFootnoteSectionNode, ab as $createMentionNode, g as extractTextContent, ac as $createSpoilerNode, q as $createMermaidNode, C as ColorSchemeProvider, R as RendererConfigProvider } from "./theme-C_ic3l9g.js";
-import { $getNodeByKey, $insertNodes, createEditor, $nodesOfType, $getRoot, createCommand, COMMAND_PRIORITY_EDITOR, $parseSerializedNode, $getSelection, $isRangeSelection, $createParagraphNode, $createTextNode, KEY_ENTER_COMMAND, COMMAND_PRIORITY_HIGH } from "lexical";
-import { Info, Lightbulb, TriangleAlert, Flag, LayoutGrid, Plus, Minus } from "lucide-react";
-import { useCallback, createElement, useState, useEffect, useRef } from "react";
+import { V as $isAlertQuoteNode, d as RendererWrapper, W as AlertRenderer, X as SpoilerNode, Y as MentionNode, Z as FootnoteNode, L as KaTeXInlineNode, _ as AlertQuoteNode, f as editorTheme, a0 as $isBannerNode, a1 as BannerRenderer, a2 as BannerNode, a3 as normalizeBannerType, a4 as $isCodeBlockNode, a5 as CodeBlockRenderer, a6 as CodeBlockNode, i as useFootnoteDefinitions, G as FootnoteSectionNode, t as $isGridContainerNode, I as GridContainerNode, b as builtinNodes, K as KaTeXBlockNode, J as ImageNode, a7 as VideoNode, O as LinkCardNode, a8 as DetailsNode, Q as MermaidNode, F as FootnoteDefinitionsProvider, p as $createImageNode, T as computeImageMeta, S as OPEN_IMAGE_UPLOAD_DIALOG_COMMAND, a9 as $createKaTeXInlineNode, aa as $createKaTeXBlockNode, ab as $createDetailsNode, ac as $createFootnoteNode, s as $isFootnoteSectionNode, $ as $createFootnoteSectionNode, ad as $createMentionNode, g as extractTextContent, ae as $createSpoilerNode, r as $createMermaidNode, C as ColorSchemeProvider, R as RendererConfigProvider } from "./theme-DOLFsBRg.js";
+import { $getNodeByKey, $insertNodes, createEditor, $nodesOfType, $getRoot, createCommand, COMMAND_PRIORITY_EDITOR, $parseSerializedNode, $getSelection, $isRangeSelection, $createParagraphNode, COMMAND_PRIORITY_HIGH, PASTE_COMMAND, $createTextNode, KEY_ENTER_COMMAND } from "lexical";
+import { Info, Lightbulb, TriangleAlert, Flag, LayoutGrid, Plus, Minus, Check, Upload, Link2 } from "lucide-react";
+import { useCallback, createElement, useState, useEffect, createContext, use, useRef, useMemo } from "react";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { ContentEditable as ContentEditable$1 } from "@lexical/react/LexicalContentEditable";
 import { LexicalNestedComposer } from "@lexical/react/LexicalNestedComposer";
@@ -23,12 +23,13 @@ import { CodeNode } from "@lexical/code";
 import { HorizontalRuleNode, INSERT_HORIZONTAL_RULE_COMMAND, $createHorizontalRuleNode } from "@lexical/extension";
 import { LinkNode, AutoLinkNode, createLinkMatcherWithRegExp, registerAutoLink } from "@lexical/link";
 import { ListNode, ListItemNode } from "@lexical/list";
-import { HeadingNode, QuoteNode } from "@lexical/rich-text";
+import { HeadingNode, QuoteNode, DRAG_DROP_PASTE } from "@lexical/rich-text";
 import { TableNode, TableCellNode, TableRowNode } from "@lexical/table";
+import { Dialog, DialogPopup, DialogTitle, SegmentedControl } from "@haklex/rich-editor-ui";
+import { b as clsx, g as getVariantClass } from "./utils-fpeaZV1R.js";
 import { MarkdownShortcutPlugin } from "@lexical/react/LexicalMarkdownShortcutPlugin";
 import { CHECK_LIST, TRANSFORMERS } from "@lexical/markdown";
 import { GIT_ALERT_TRANSFORMER as GIT_ALERT_TRANSFORMER$1, CONTAINER_TRANSFORMER as CONTAINER_TRANSFORMER$1, FOOTNOTE_TRANSFORMER as FOOTNOTE_TRANSFORMER$1, FOOTNOTE_SECTION_TRANSFORMER as FOOTNOTE_SECTION_TRANSFORMER$1, KATEX_INLINE_TRANSFORMER as KATEX_INLINE_TRANSFORMER$1, KATEX_BLOCK_TRANSFORMER as KATEX_BLOCK_TRANSFORMER$1, MENTION_TRANSFORMER as MENTION_TRANSFORMER$1, SPOILER_TRANSFORMER as SPOILER_TRANSFORMER$1, INSERT_TRANSFORMER, SUPERSCRIPT_TRANSFORMER, SUBSCRIPT_TRANSFORMER, IMAGE_BLOCK_TRANSFORMER, VIDEO_BLOCK_TRANSFORMER, CODE_BLOCK_NODE_TRANSFORMER, LINK_CARD_BLOCK_TRANSFORMER, MERMAID_BLOCK_TRANSFORMER, HORIZONTAL_RULE_BLOCK_TRANSFORMER, TABLE_BLOCK_TRANSFORMER } from "@haklex/rich-headless/transformers";
-import { b as clsx, g as getVariantClass } from "./utils-fpeaZV1R.js";
 function AlertEditDecorator({
   nodeKey,
   alertType,
@@ -807,6 +808,16 @@ const allEditNodes = [
   ...builtinNodes,
   ...customEditNodes
 ];
+const ImageUploadContext = createContext(null);
+function ImageUploadProvider({
+  upload,
+  children
+}) {
+  return /* @__PURE__ */ jsx(ImageUploadContext.Provider, { value: upload, children });
+}
+function useImageUpload() {
+  return use(ImageUploadContext);
+}
 let _resolvedEditNodes = null;
 function setResolvedEditNodes(nodes) {
   _resolvedEditNodes = nodes;
@@ -1003,6 +1014,480 @@ function ImagePlugin() {
   }, [editor]);
   return null;
 }
+var draggingWrapperClass = "rich-image-upload-dragging";
+var toastStack = "_1x58dbf1";
+var toast = "_1x58dbf2";
+var toastVariant = { info: "_1x58dbf3", success: "_1x58dbf4", error: "_1x58dbf5" };
+var spinner = "_1x58dbf7";
+var dialogPopup = "_1x58dbf8";
+var dialogHeader = "_1x58dbf9";
+var dialogTitle = "_1x58dbfa";
+var dialogBody = "_1x58dbfb";
+var tabWrap = "_1x58dbfc";
+var uploadDropzone = "_1x58dbfd";
+var uploadDropzoneState = { idle: "_1x58dbfe", active: "_1x58dbff", busy: "_1x58dbfg" };
+var uploadDropIcon = "_1x58dbfh";
+var uploadDropTitle = "_1x58dbfi";
+var uploadDropDesc = "_1x58dbfj";
+var hiddenInput = "_1x58dbfk";
+var uploadBusyWrap = "_1x58dbfl";
+var uploadProgress = "_1x58dbfm";
+var urlInputRow = "_1x58dbfn";
+var textInput = "_1x58dbfo";
+var actionButton = "_1x58dbfq _1x58dbfp";
+var secondaryButton = "_1x58dbfr _1x58dbfp";
+var urlPreview = "_1x58dbfs";
+var urlPreviewImage = "_1x58dbft";
+var helperText = "_1x58dbfu";
+var dialogFooter = "_1x58dbfv";
+var dialogFooterActions = "_1x58dbfw";
+function isImageFile(file) {
+  return file.type.startsWith("image/");
+}
+function hasImageData(dataTransfer) {
+  if (!dataTransfer) return false;
+  if (Array.from(dataTransfer.files).some(isImageFile)) return true;
+  return Array.from(dataTransfer.items).some(
+    (item) => item.type.startsWith("image/")
+  );
+}
+function isSafeImageUrl(url) {
+  return !/^(?:javascript\s*:|vbscript\s*:|data\s*:(?!image\/))/i.test(url);
+}
+function loadImageByUrl(src) {
+  return new Promise((resolve, reject) => {
+    const image = new Image();
+    image.onload = () => {
+      resolve({
+        width: image.naturalWidth || image.width,
+        height: image.naturalHeight || image.height
+      });
+    };
+    image.onerror = () => reject(new Error("Failed to load image"));
+    image.src = src;
+  });
+}
+function readAsDataUrl(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => resolve(String(reader.result));
+    reader.onerror = () => reject(reader.error ?? new Error("File read failed"));
+    reader.readAsDataURL(file);
+  });
+}
+async function defaultImageUpload(file) {
+  return {
+    src: await readAsDataUrl(file),
+    altText: file.name
+  };
+}
+function ImageUploadPlugin({ onUpload }) {
+  const [editor] = useLexicalComposerContext();
+  const uploadRef = useRef(onUpload);
+  uploadRef.current = onUpload;
+  const fileInputRef = useRef(null);
+  const toastTimerRef = useRef(null);
+  const [dialogOpen, setDialogOpen] = useState(false);
+  const [tab, setTab] = useState("upload");
+  const [rootDragActive, setRootDragActive] = useState(false);
+  const [dialogDragActive, setDialogDragActive] = useState(false);
+  const [pendingUploads, setPendingUploads] = useState(0);
+  const [dialogUploading, setDialogUploading] = useState(false);
+  const [toast$1, setToast] = useState(null);
+  const [urlInput, setUrlInput] = useState("");
+  const [urlPreview$1, setUrlPreview] = useState(null);
+  const [urlMeta, setUrlMeta] = useState(null);
+  const [urlLoading, setUrlLoading] = useState(false);
+  const [urlError, setUrlError] = useState(null);
+  const tabItems = useMemo(
+    () => [
+      { value: "upload", label: "Upload" },
+      { value: "url", label: "URL" }
+    ],
+    []
+  );
+  const pushToast = useCallback(
+    (kind, message) => {
+      setToast({ kind, message });
+      if (toastTimerRef.current) {
+        window.clearTimeout(toastTimerRef.current);
+      }
+      toastTimerRef.current = window.setTimeout(() => setToast(null), 2200);
+    },
+    []
+  );
+  const insertByUpload = useCallback(
+    async (file, options) => {
+      if (!isImageFile(file)) return false;
+      const closeDialog = Boolean(options?.closeDialog);
+      setPendingUploads((value) => value + 1);
+      if (closeDialog) setDialogUploading(true);
+      try {
+        const [result, meta] = await Promise.all([
+          uploadRef.current(file),
+          computeImageMeta(file)
+        ]);
+        editor.update(() => {
+          const node = $createImageNode({
+            src: result.src,
+            altText: result.altText ?? file.name,
+            width: result.width ?? meta.width,
+            height: result.height ?? meta.height,
+            thumbhash: result.thumbhash ?? meta.thumbhash
+          });
+          $insertNodes([node]);
+        });
+        if (closeDialog) {
+          setDialogOpen(false);
+          setUrlInput("");
+          setUrlPreview(null);
+          setUrlMeta(null);
+          setUrlError(null);
+        }
+        pushToast("success", "Image uploaded");
+        return true;
+      } catch (err) {
+        console.error("[ImageUploadPlugin]", err);
+        pushToast("error", "Image upload failed");
+        return false;
+      } finally {
+        setPendingUploads((value) => Math.max(value - 1, 0));
+        setDialogUploading(false);
+      }
+    },
+    [editor, pushToast]
+  );
+  const handleFiles = useCallback(
+    (files) => {
+      const images = files.filter(isImageFile);
+      if (images.length === 0) return false;
+      for (const file of images) {
+        void insertByUpload(file);
+      }
+      return true;
+    },
+    [insertByUpload]
+  );
+  useEffect(() => {
+    const unregisterDragDrop = editor.registerCommand(
+      DRAG_DROP_PASTE,
+      (files) => handleFiles(files),
+      COMMAND_PRIORITY_HIGH
+    );
+    const unregisterPaste = editor.registerCommand(
+      PASTE_COMMAND,
+      (event) => {
+        const clipboardData = "clipboardData" in event ? event.clipboardData : null;
+        if (!clipboardData) return false;
+        const files = Array.from(clipboardData.files);
+        if (files.some(isImageFile)) {
+          return handleFiles(files);
+        }
+        return false;
+      },
+      COMMAND_PRIORITY_HIGH
+    );
+    const unregisterOpenDialog = editor.registerCommand(
+      OPEN_IMAGE_UPLOAD_DIALOG_COMMAND,
+      () => {
+        setDialogOpen(true);
+        return true;
+      },
+      COMMAND_PRIORITY_EDITOR
+    );
+    const rootElement = editor.getRootElement();
+    const wrapper = rootElement?.parentElement ?? null;
+    if (!wrapper) {
+      return () => {
+        unregisterDragDrop();
+        unregisterPaste();
+        unregisterOpenDialog();
+      };
+    }
+    let dragCounter = 0;
+    const setWrapperDragging = (next) => {
+      setRootDragActive(next);
+      wrapper.classList.toggle(draggingWrapperClass, next);
+    };
+    const onDragEnter = (event) => {
+      if (!hasImageData(event.dataTransfer)) return;
+      dragCounter += 1;
+      setWrapperDragging(true);
+    };
+    const onDragOver = (event) => {
+      if (!hasImageData(event.dataTransfer)) return;
+      event.preventDefault();
+    };
+    const onDragLeave = () => {
+      dragCounter = Math.max(dragCounter - 1, 0);
+      if (dragCounter === 0) {
+        setWrapperDragging(false);
+      }
+    };
+    const onDrop = () => {
+      dragCounter = 0;
+      setWrapperDragging(false);
+    };
+    rootElement?.addEventListener("dragenter", onDragEnter);
+    rootElement?.addEventListener("dragover", onDragOver);
+    rootElement?.addEventListener("dragleave", onDragLeave);
+    rootElement?.addEventListener("drop", onDrop);
+    return () => {
+      if (toastTimerRef.current) {
+        window.clearTimeout(toastTimerRef.current);
+      }
+      unregisterDragDrop();
+      unregisterPaste();
+      unregisterOpenDialog();
+      setWrapperDragging(false);
+      rootElement?.removeEventListener("dragenter", onDragEnter);
+      rootElement?.removeEventListener("dragover", onDragOver);
+      rootElement?.removeEventListener("dragleave", onDragLeave);
+      rootElement?.removeEventListener("drop", onDrop);
+    };
+  }, [editor, handleFiles]);
+  const resetUrlState = useCallback(() => {
+    setUrlInput("");
+    setUrlPreview(null);
+    setUrlMeta(null);
+    setUrlError(null);
+    setUrlLoading(false);
+  }, []);
+  const handleDialogFile = useCallback(
+    async (file) => {
+      if (!file) return;
+      await insertByUpload(file, { closeDialog: true });
+    },
+    [insertByUpload]
+  );
+  const handleUrlPreview = useCallback(async () => {
+    const nextUrl = urlInput.trim();
+    if (!nextUrl) return;
+    if (!isSafeImageUrl(nextUrl)) {
+      setUrlError("Unsupported URL scheme");
+      return;
+    }
+    setUrlLoading(true);
+    setUrlError(null);
+    try {
+      const meta = await loadImageByUrl(nextUrl);
+      setUrlMeta(meta);
+      setUrlPreview(nextUrl);
+    } catch {
+      setUrlPreview(null);
+      setUrlMeta(null);
+      setUrlError("Could not load this image URL");
+    } finally {
+      setUrlLoading(false);
+    }
+  }, [urlInput]);
+  const handleInsertByUrl = useCallback(() => {
+    if (!urlPreview$1 || !isSafeImageUrl(urlPreview$1)) return;
+    editor.update(() => {
+      const node = $createImageNode({
+        src: urlPreview$1,
+        altText: "",
+        width: urlMeta?.width,
+        height: urlMeta?.height
+      });
+      $insertNodes([node]);
+    });
+    pushToast("success", "Image inserted");
+    setDialogOpen(false);
+    resetUrlState();
+  }, [editor, pushToast, resetUrlState, urlMeta, urlPreview$1]);
+  const helperMessage = pendingUploads > 0 ? `Uploading ${pendingUploads} image${pendingUploads > 1 ? "s" : ""}...` : rootDragActive ? "Drop image files to upload" : null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    (helperMessage || toast$1) && /* @__PURE__ */ jsxs("div", { className: toastStack, children: [
+      helperMessage && /* @__PURE__ */ jsxs("div", { className: `${toast} ${toastVariant.info}`, children: [
+        /* @__PURE__ */ jsx("span", { className: spinner }),
+        helperMessage
+      ] }),
+      toast$1 && /* @__PURE__ */ jsxs("div", { className: `${toast} ${toastVariant[toast$1.kind]}`, children: [
+        toast$1.kind === "success" ? /* @__PURE__ */ jsx(Check, { size: 12 }) : /* @__PURE__ */ jsx(Info, { size: 12 }),
+        toast$1.message
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Dialog,
+      {
+        open: dialogOpen,
+        onOpenChange: (nextOpen) => {
+          if (!nextOpen && dialogUploading) return;
+          setDialogOpen(nextOpen);
+          if (!nextOpen) {
+            resetUrlState();
+            setDialogUploading(false);
+            setDialogDragActive(false);
+          }
+        },
+        children: /* @__PURE__ */ jsxs(
+          DialogPopup,
+          {
+            className: dialogPopup,
+            showCloseButton: !dialogUploading,
+            children: [
+              /* @__PURE__ */ jsx("div", { className: dialogHeader, children: /* @__PURE__ */ jsx(DialogTitle, { className: dialogTitle, children: "Insert image" }) }),
+              /* @__PURE__ */ jsxs("div", { className: dialogBody, children: [
+                /* @__PURE__ */ jsx("div", { className: tabWrap, children: /* @__PURE__ */ jsx(
+                  SegmentedControl,
+                  {
+                    items: tabItems,
+                    value: tab,
+                    onChange: setTab,
+                    fullWidth: true
+                  }
+                ) }),
+                tab === "upload" ? /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    role: "button",
+                    tabIndex: 0,
+                    className: `${uploadDropzone} ${uploadDropzoneState[dialogUploading ? "busy" : dialogDragActive ? "active" : "idle"]}`,
+                    onClick: () => {
+                      if (!dialogUploading) fileInputRef.current?.click();
+                    },
+                    onKeyDown: (event) => {
+                      if (event.key !== "Enter" && event.key !== " ") return;
+                      event.preventDefault();
+                      if (!dialogUploading) fileInputRef.current?.click();
+                    },
+                    onDragEnter: (event) => {
+                      if (hasImageData(event.dataTransfer)) {
+                        event.preventDefault();
+                        setDialogDragActive(true);
+                      }
+                    },
+                    onDragOver: (event) => {
+                      if (hasImageData(event.dataTransfer)) {
+                        event.preventDefault();
+                      }
+                    },
+                    onDragLeave: () => setDialogDragActive(false),
+                    onDrop: (event) => {
+                      event.preventDefault();
+                      setDialogDragActive(false);
+                      const file = Array.from(event.dataTransfer.files).find(
+                        isImageFile
+                      );
+                      void handleDialogFile(file ?? null);
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "input",
+                        {
+                          ref: fileInputRef,
+                          className: hiddenInput,
+                          type: "file",
+                          accept: "image/*",
+                          onChange: (event) => {
+                            const file = event.currentTarget.files?.[0] ?? null;
+                            void handleDialogFile(file);
+                            event.currentTarget.value = "";
+                          }
+                        }
+                      ),
+                      dialogUploading ? /* @__PURE__ */ jsx("div", { className: uploadBusyWrap, children: /* @__PURE__ */ jsxs("div", { className: uploadProgress, children: [
+                        /* @__PURE__ */ jsx("span", { className: spinner }),
+                        "Uploading image..."
+                      ] }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsx("span", { className: uploadDropIcon, children: /* @__PURE__ */ jsx(Upload, { size: 18 }) }),
+                        /* @__PURE__ */ jsx("span", { className: uploadDropTitle, children: "Click to upload or drag and drop" }),
+                        /* @__PURE__ */ jsx("span", { className: uploadDropDesc, children: "PNG, JPG, GIF, WebP" })
+                      ] })
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsxs("div", { className: urlInputRow, children: [
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        className: textInput,
+                        type: "url",
+                        placeholder: "https://example.com/image.jpg",
+                        value: urlInput,
+                        onChange: (event) => {
+                          setUrlInput(event.target.value);
+                          setUrlError(null);
+                          setUrlPreview(null);
+                          setUrlMeta(null);
+                        },
+                        onKeyDown: (event) => {
+                          if (event.key === "Enter") {
+                            event.preventDefault();
+                            if (urlPreview$1) {
+                              handleInsertByUrl();
+                            } else {
+                              void handleUrlPreview();
+                            }
+                          }
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        className: secondaryButton,
+                        disabled: urlLoading || !urlInput.trim(),
+                        onClick: () => void handleUrlPreview(),
+                        children: urlLoading ? "Loading" : "Preview"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        className: actionButton,
+                        disabled: !urlPreview$1,
+                        onClick: handleInsertByUrl,
+                        children: "Insert"
+                      }
+                    )
+                  ] }),
+                  urlError && /* @__PURE__ */ jsxs(
+                    "span",
+                    {
+                      className: `${helperText} ${toastVariant.error}`,
+                      children: [
+                        /* @__PURE__ */ jsx(Info, { size: 12 }),
+                        urlError
+                      ]
+                    }
+                  ),
+                  urlPreview$1 && /* @__PURE__ */ jsx("div", { className: urlPreview, children: /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      className: urlPreviewImage,
+                      src: urlPreview$1,
+                      alt: "Preview"
+                    }
+                  ) })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: dialogFooter, children: [
+                /* @__PURE__ */ jsxs("span", { className: helperText, children: [
+                  /* @__PURE__ */ jsx(Link2, { size: 12 }),
+                  "You can also paste images or drag files directly into the editor."
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: dialogFooterActions, children: /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: secondaryButton,
+                    onClick: () => setDialogOpen(false),
+                    disabled: dialogUploading,
+                    children: "Close"
+                  }
+                ) })
+              ] })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
 const INSERT_KATEX_INLINE_COMMAND = createCommand(
   "INSERT_KATEX_INLINE"
 );
@@ -1369,6 +1854,7 @@ function RichEditor({
   onEditorReady,
   extraNodes,
   rendererConfig,
+  imageUpload,
   debounceMs,
   children
 }) {
@@ -1385,13 +1871,14 @@ function RichEditor({
     ...initialValue ? { editorState: JSON.stringify(initialValue) } : {}
   };
   const variantClass = getVariantClass(variant);
+  const resolvedImageUpload = imageUpload ?? defaultImageUpload;
   return /* @__PURE__ */ jsx(PortalThemeProvider, { className: variantClass, theme, children: /* @__PURE__ */ jsx(ColorSchemeProvider, { colorScheme: theme, children: /* @__PURE__ */ jsx(
     RendererConfigProvider,
     {
       config: rendererConfig,
       mode: "editor",
       variant,
-      children: /* @__PURE__ */ jsx(LexicalComposer, { initialConfig, children: /* @__PURE__ */ jsx(FootnotePlugin, { children: /* @__PURE__ */ jsxs(
+      children: /* @__PURE__ */ jsx(ImageUploadProvider, { upload: resolvedImageUpload, children: /* @__PURE__ */ jsx(LexicalComposer, { initialConfig, children: /* @__PURE__ */ jsx(FootnotePlugin, { children: /* @__PURE__ */ jsxs(
         "div",
         {
           className: clsx("rich-editor", variantClass, className),
@@ -1420,6 +1907,7 @@ function RichEditor({
             /* @__PURE__ */ jsx(OnChangePlugin, { onChange, debounceMs }),
             /* @__PURE__ */ jsx(SubmitShortcutPlugin, { onSubmit }),
             /* @__PURE__ */ jsx(ImagePlugin, {}),
+            /* @__PURE__ */ jsx(ImageUploadPlugin, { onUpload: resolvedImageUpload }),
             /* @__PURE__ */ jsx(KaTeXPlugin, {}),
             /* @__PURE__ */ jsx(AlertPlugin, {}),
             /* @__PURE__ */ jsx(MermaidPlugin, {}),
@@ -1432,7 +1920,7 @@ function RichEditor({
             actions && /* @__PURE__ */ jsx("div", { className: "rich-editor__actions", children: actions })
           ]
         }
-      ) }) })
+      ) }) }) })
     }
   ) }) });
 }
@@ -1450,5 +1938,7 @@ export {
   INSERT_KATEX_INLINE_COMMAND as f,
   getResolvedEditNodes as g,
   INSERT_MERMAID_COMMAND as h,
-  setResolvedEditNodes as s
+  defaultImageUpload as i,
+  setResolvedEditNodes as s,
+  useImageUpload as u
 };

package/dist/components/RichEditor.d.ts

@@ -1,3 +1,3 @@
 import { RichEditorProps } from '../types';
-export declare function RichEditor({ initialValue, onChange, variant, theme, placeholder, onSubmit, autoFocus, className, contentClassName, style, actions, onEditorReady, extraNodes, rendererConfig, debounceMs, children, }: RichEditorProps): import("react").JSX.Element;
+export declare function RichEditor({ initialValue, onChange, variant, theme, placeholder, onSubmit, autoFocus, className, contentClassName, style, actions, onEditorReady, extraNodes, rendererConfig, imageUpload, debounceMs, children, }: RichEditorProps): import("react").JSX.Element;
 //# sourceMappingURL=RichEditor.d.ts.map

package/dist/components/RichEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditor.d.ts","sourceRoot":"","sources":["../../src/components/RichEditor.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAI/C,wBAAgB,UAAU,CAAC,EACzB,YAAY,EACZ,QAAQ,EACR,OAAmB,EACnB,KAAe,EACf,WAAkC,EAClC,QAAQ,EACR,SAAiB,EACjB,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,OAAO,EACP,aAAa,EACb,UAAU,EACV,cAAc,EACd,UAAU,EACV,QAAQ,GACT,EAAE,eAAe,+BAoEjB"}
+{"version":3,"file":"RichEditor.d.ts","sourceRoot":"","sources":["../../src/components/RichEditor.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAI/C,wBAAgB,UAAU,CAAC,EACzB,YAAY,EACZ,QAAQ,EACR,OAAmB,EACnB,KAAe,EACf,WAAkC,EAClC,QAAQ,EACR,SAAiB,EACjB,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,OAAO,EACP,aAAa,EACb,UAAU,EACV,cAAc,EACd,WAAW,EACX,UAAU,EACV,QAAQ,GACT,EAAE,eAAe,+BAwEjB"}

package/dist/context/ImageUploadContext.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { ImageUploadFn } from '../plugins/ImageUploadPlugin';
+export declare function ImageUploadProvider({ upload, children, }: {
+    upload: ImageUploadFn;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useImageUpload(): ImageUploadFn | null;
+//# sourceMappingURL=ImageUploadContext.d.ts.map

package/dist/context/ImageUploadContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageUploadContext.d.ts","sourceRoot":"","sources":["../../src/context/ImageUploadContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAIjE,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,aAAa,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACpB,+BAMA;AAED,wBAAgB,cAAc,IAAI,aAAa,GAAG,IAAI,CAErD"}

package/dist/editor.mjs

@@ -1,5 +1,5 @@
-import { R, a, c, g, s } from "./RichEditor-CSw4Bj02.js";
-import { a as a2, b, c as c2 } from "./theme-C_ic3l9g.js";
+import { R, a, c, g, s } from "./RichEditor-C6rSAXFC.js";
+import { a as a2, b, c as c2 } from "./theme-DOLFsBRg.js";
 export {
   R as RichEditor,
   a as allEditNodes,

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export type { ColorScheme } from './context/ColorSchemeContext';
 export { ColorSchemeProvider, useColorScheme, } from './context/ColorSchemeContext';
 export type { FootnoteDefinitionsContextValue } from './context/FootnoteDefinitionsContext';
 export { FootnoteDefinitionsProvider, useFootnoteContent, useFootnoteDefinitions, useFootnoteDisplayNumber, } from './context/FootnoteDefinitionsContext';
+export { useImageUpload } from './context/ImageUploadContext';
 export type { RendererMode } from './context/RendererConfigContext';
 export { useRendererMode, useVariant } from './context/RendererConfigContext';
 export * from './styles';
@@ -23,7 +24,9 @@ export type { AlertType } from './nodes/AlertQuoteNode';
 export { ALERT_LABELS, ALERT_TYPES } from './nodes/AlertQuoteNode';
 export { INSERT_ALERT_COMMAND } from './plugins/AlertPlugin';
 export { FootnotePlugin } from './plugins/FootnotePlugin';
+export { OPEN_IMAGE_UPLOAD_DIALOG_COMMAND } from './plugins/image-upload-command';
 export { INSERT_IMAGE_COMMAND } from './plugins/ImagePlugin';
+export { defaultImageUpload, type ImageUploadFn, type ImageUploadResult, } from './plugins/ImageUploadPlugin';
 export { INSERT_KATEX_BLOCK_COMMAND, INSERT_KATEX_INLINE_COMMAND, } from './plugins/KaTeXPlugin';
 export { INSERT_MERMAID_COMMAND } from './plugins/MermaidPlugin';
 export type { BannerType } from './nodes/BannerNode';
@@ -33,6 +36,8 @@ export { $createGridContainerNode, $isGridContainerNode, GridContainerNode, } fr
 export { FootnoteSectionEditNode } from './nodes/FootnoteSectionEditNode';
 export type { SerializedFootnoteSectionNode } from './nodes/FootnoteSectionNode';
 export { $createFootnoteSectionNode, $isFootnoteSectionNode, FootnoteSectionNode, } from './nodes/FootnoteSectionNode';
+export type { ImageNodePayload, SerializedImageNode } from './nodes/ImageNode';
+export { $createImageNode, $isImageNode, ImageNode } from './nodes/ImageNode';
 export type { AlertRendererProps } from './components/renderers/AlertRenderer';
 export type { BannerRendererProps } from './components/renderers/BannerRenderer';
 export type { CodeBlockRendererProps } from './components/renderers/CodeBlockRenderer';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}