@haklex/rich-ext-excalidraw 0.1.1 → 0.3.0

package/dist/index.mjs

@@ -1,582 +1,87 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { c as ExcalidrawNode, s as serializeSnapshot, p as parseSnapshot, u as useExcalidrawConfig, e as useExcalidrawData, f as excalidrawFullscreenPopup, g as excalidrawEditorContainer, h as excalidrawLoading, i as excalidrawError, r as readonlyUIOptions, j as excalidrawEditOverlay, k as excalidrawEditLabel, l as excalidrawConfirmActions, m as excalidrawConfirmBtn, n as excalidrawConfirmBtnDanger, o as excalidrawConfirmBtnPrimary, q as excalidrawDialogHeader, t as excalidrawStatusDot, v as excalidrawDialogTitle, w as excalidrawDialogMeta, x as excalidrawHeaderActions, y as excalidrawActionBarSep, z as excalidrawActionBarBtn, A as excalidrawActionBarUrl, B as excalidrawHeaderClose, C as excalidrawDialogCanvas } from "./ExcalidrawNode-DEcONli3.js";
-import { $, a, E, b, b as b2, d, b as b3 } from "./ExcalidrawNode-DEcONli3.js";
-import { ViewportGate, presentDialog, SegmentedControl, dismissTopDialog } from "@haklex/rich-editor-ui";
-import { $insertNodes, $getNodeByKey, createCommand, COMMAND_PRIORITY_EDITOR } from "lexical";
-import { PenTool, Pencil, Save, Download, Clipboard, X } from "lucide-react";
-import { lazy, createElement, Suspense, useState, useRef, useEffect, useCallback } from "react";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useColorScheme } from "@haklex/rich-editor";
-import { usePortalTheme } from "@haklex/rich-style-token";
+import { A as ExcalidrawConfigProvider, j as useExcalidrawConfig, n as parseSnapshot, r as serializeSnapshot } from "./useExcalidrawData-DcXa8vqV.js";
+import { r as _defineProperty, t as ExcalidrawDisplayRenderer } from "./ExcalidrawDisplayRenderer-DVdXrM8P.js";
+import { a as ExcalidrawSSRRenderer, i as ExcalidrawNode, n as $createExcalidrawNode, r as $isExcalidrawNode, t as EXCALIDRAW_BLOCK_TRANSFORMER } from "./transformer-BdMW9UsE.js";
+import { t as ExcalidrawEditRenderer } from "./ExcalidrawEditRenderer-C6P1ukC8.js";
+import { Suspense, createElement, lazy, useEffect } from "react";
+import { ViewportGate } from "@haklex/rich-editor-ui";
+import { PenTool } from "lucide-react";
+import { $getNodeByKey, $insertNodes, COMMAND_PRIORITY_EDITOR, createCommand } from "lexical";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
-import { EXCALIDRAW_BLOCK_TRANSFORMER } from "@haklex/rich-headless/transformers";
-const LazyEditRenderer = lazy(
-  () => Promise.resolve().then(() => ExcalidrawEditRenderer$1).then((m) => ({
-    default: m.ExcalidrawEditRenderer
-  }))
-);
-const _ExcalidrawEditNode = class _ExcalidrawEditNode extends ExcalidrawNode {
-  static clone(node) {
-    return new _ExcalidrawEditNode(node.__snapshot, node.__key);
-  }
-  constructor(snapshot, key) {
-    super(snapshot, key);
-  }
-  static importJSON(serializedNode) {
-    return new _ExcalidrawEditNode(serializedNode.snapshot);
-  }
-  decorate(editor, config) {
-    const isEditable = editor.isEditable();
-    if (!isEditable) {
-      return super.decorate(editor, config);
-    }
-    const nodeKey = this.__key;
-    const fallback = createElement("div", {
-      className: "rich-excalidraw-loading",
-      style: {
-        position: "relative",
-        width: "100%",
-        aspectRatio: "16 / 10",
-        margin: "1rem 0"
-      }
-    });
-    return createElement(ViewportGate, {
-      fallback,
-      children: createElement(
-        Suspense,
-        { fallback },
-        createElement(LazyEditRenderer, {
-          snapshot: parseSnapshot(this.__snapshot),
-          onSnapshotChange: (snapshot) => {
-            editor.update(() => {
-              const node = $getNodeByKey(nodeKey);
-              if (node) {
-                node.setSnapshot(serializeSnapshot(snapshot));
-              }
-            });
-          }
-        })
-      )
-    });
-  }
+//#region src/ExcalidrawEditNode.ts
+var LazyEditRenderer = lazy(() => import("./ExcalidrawEditRenderer-C6P1ukC8.js").then((n) => n.n).then((m) => ({ default: m.ExcalidrawEditRenderer })));
+var ExcalidrawEditNode = class ExcalidrawEditNode extends ExcalidrawNode {
+	static clone(node) {
+		return new ExcalidrawEditNode(node.__snapshot, node.__key);
+	}
+	constructor(snapshot, key) {
+		super(snapshot, key);
+	}
+	static importJSON(serializedNode) {
+		return new ExcalidrawEditNode(serializedNode.snapshot);
+	}
+	decorate(editor, config) {
+		if (!editor.isEditable()) return super.decorate(editor, config);
+		const nodeKey = this.__key;
+		const fallback = createElement("div", {
+			className: "rich-excalidraw-loading",
+			style: {
+				position: "relative",
+				width: "100%",
+				aspectRatio: "16 / 10",
+				margin: "1rem 0"
+			}
+		});
+		return createElement(ViewportGate, {
+			fallback,
+			children: createElement(Suspense, { fallback }, createElement(LazyEditRenderer, {
+				snapshot: parseSnapshot(this.__snapshot),
+				onSnapshotChange: (snapshot) => {
+					editor.update(() => {
+						const node = $getNodeByKey(nodeKey);
+						if (node) node.setSnapshot(serializeSnapshot(snapshot));
+					});
+				}
+			}))
+		});
+	}
 };
-__publicField(_ExcalidrawEditNode, "commandItems", [
-  {
-    title: "Whiteboard",
-    icon: createElement(PenTool, { size: 20 }),
-    description: "Excalidraw whiteboard canvas",
-    keywords: ["excalidraw", "whiteboard", "draw", "canvas"],
-    section: "MEDIA",
-    placement: ["slash", "toolbar"],
-    group: "insert",
-    onSelect: (editor) => {
-      editor.update(() => {
-        $insertNodes([$createExcalidrawEditNode("{}")]);
-      });
-    }
-  }
-]);
-let ExcalidrawEditNode = _ExcalidrawEditNode;
+_defineProperty(ExcalidrawEditNode, "commandItems", [{
+	title: "Whiteboard",
+	icon: createElement(PenTool, { size: 20 }),
+	description: "Excalidraw whiteboard canvas",
+	keywords: [
+		"excalidraw",
+		"whiteboard",
+		"draw",
+		"canvas"
+	],
+	section: "MEDIA",
+	placement: ["slash", "toolbar"],
+	group: "insert",
+	onSelect: (editor) => {
+		editor.update(() => {
+			$insertNodes([$createExcalidrawEditNode("{}")]);
+		});
+	}
+}]);
 function $createExcalidrawEditNode(snapshot) {
-  return new ExcalidrawEditNode(snapshot);
+	return new ExcalidrawEditNode(snapshot);
 }
 function $isExcalidrawEditNode(node) {
-  return node instanceof ExcalidrawEditNode;
+	return node instanceof ExcalidrawEditNode;
 }
-const SAVE_DEBOUNCE_MS = 2e3;
-const ExcalidrawEditorDialogContent = ({
-  dismiss,
-  ExcalidrawComponent,
-  initialData,
-  initialSnapshot,
-  theme,
-  onSave,
-  saveSnapshot,
-  onClose,
-  baseRef,
-  baseData
-}) => {
-  const { className: portalClassName } = usePortalTheme();
-  const apiRef = useRef(null);
-  const saveTimerRef = useRef(void 0);
-  const [isDirty, setIsDirty] = useState(false);
-  const isDirtyRef = useRef(false);
-  const confirmDialogOpenRef = useRef(false);
-  const initializedRef = useRef(false);
-  const stableRef = useRef(false);
-  const baseRefRef = useRef(baseRef);
-  const baseDataRef = useRef(baseData);
-  const [storageMode, setStorageMode] = useState(() => {
-    if (!saveSnapshot || !initialSnapshot) return "inline";
-    return initialSnapshot.type === "delta" ? "delta" : initialSnapshot.type === "remote" ? "remote" : "inline";
-  });
-  const storageModeRef = useRef(storageMode);
-  const [savedRef, setSavedRef] = useState(() => {
-    if (!saveSnapshot || !initialSnapshot) return "";
-    if (initialSnapshot.type === "remote") return initialSnapshot.url;
-    if (initialSnapshot.type === "delta") return initialSnapshot.baseUrl;
-    return "";
-  });
-  const [isSaving, setIsSaving] = useState(false);
-  useEffect(() => {
-    const stableTimer = setTimeout(() => {
-      stableRef.current = true;
-    }, 500);
-    return () => {
-      clearTimeout(stableTimer);
-      if (saveTimerRef.current) clearTimeout(saveTimerRef.current);
-    };
-  }, []);
-  const getSnapshot = useCallback(() => {
-    const api = apiRef.current;
-    if (!api) return;
-    const appState = api.getAppState();
-    return {
-      elements: api.getSceneElements(),
-      appState: {
-        viewBackgroundColor: appState.viewBackgroundColor,
-        gridSize: appState.gridSize
-      },
-      files: api.getFiles()
-    };
-  }, []);
-  const performSave = useCallback(() => {
-    if (saveTimerRef.current) clearTimeout(saveTimerRef.current);
-    const doc = getSnapshot();
-    if (!doc) return Promise.resolve();
-    const mode = storageModeRef.current;
-    if (mode === "delta" && saveSnapshot) {
-      setIsSaving(true);
-      return (async () => {
-        try {
-          const currentBaseUrl = baseRefRef.current;
-          const currentBaseData = baseDataRef.current;
-          if (!currentBaseUrl || !currentBaseData) {
-            const ref = await saveSnapshot(doc, baseRefRef.current || void 0);
-            baseRefRef.current = ref;
-            baseDataRef.current = doc;
-            setSavedRef(ref);
-          }
-          isDirtyRef.current = false;
-          setIsDirty(false);
-        } finally {
-          setIsSaving(false);
-        }
-      })();
-    }
-    if (mode === "remote" && saveSnapshot) {
-      if (baseRefRef.current && baseDataRef.current && JSON.stringify(doc) === JSON.stringify(baseDataRef.current)) {
-        isDirtyRef.current = false;
-        setIsDirty(false);
-        return Promise.resolve();
-      }
-      setIsSaving(true);
-      return saveSnapshot(doc, baseRefRef.current || void 0).then(
-        (ref) => {
-          baseRefRef.current = ref;
-          baseDataRef.current = doc;
-          isDirtyRef.current = false;
-          setIsDirty(false);
-          setIsSaving(false);
-          setSavedRef(ref);
-        },
-        () => {
-          setIsSaving(false);
-        }
-      );
-    }
-    isDirtyRef.current = false;
-    setIsDirty(false);
-    return Promise.resolve();
-  }, [saveSnapshot, getSnapshot]);
-  const emitSnapshot = useCallback(async () => {
-    const doc = getSnapshot();
-    if (!doc) return;
-    const mode = storageModeRef.current;
-    if (mode === "delta" && saveSnapshot) {
-      const currentBaseUrl = baseRefRef.current;
-      const currentBaseData = baseDataRef.current;
-      if (currentBaseUrl && currentBaseData) {
-        const { diff } = await import("jsondiffpatch");
-        const delta = diff(currentBaseData, structuredClone(doc));
-        onSave(
-          delta ? { type: "delta", baseUrl: currentBaseUrl, delta } : { type: "remote", url: currentBaseUrl }
-        );
-      } else {
-        const ref = await saveSnapshot(doc, baseRefRef.current || void 0);
-        onSave({ type: "remote", url: ref });
-      }
-      return;
-    }
-    if (mode === "remote") {
-      const ref = baseRefRef.current;
-      if (ref) {
-        onSave({ type: "remote", url: ref });
-      } else if (saveSnapshot) {
-        const newRef = await saveSnapshot(doc);
-        onSave({ type: "remote", url: newRef });
-      }
-      return;
-    }
-    onSave({ type: "inline", data: doc });
-  }, [onSave, saveSnapshot, getSnapshot]);
-  const handleChange = useCallback(
-    (elements) => {
-      if (!initializedRef.current) {
-        initializedRef.current = true;
-        return;
-      }
-      if (!stableRef.current) return;
-      if (elements.length === 0) return;
-      if (!isDirtyRef.current) {
-        isDirtyRef.current = true;
-        setIsDirty(true);
-      }
-      if (saveTimerRef.current) clearTimeout(saveTimerRef.current);
-      saveTimerRef.current = setTimeout(() => performSave(), SAVE_DEBOUNCE_MS);
-    },
-    [performSave]
-  );
-  const handleSaveAndClose = useCallback(() => {
-    void performSave().then(async () => {
-      await emitSnapshot();
-      onClose(getSnapshot());
-      dismiss();
-    });
-  }, [performSave, emitSnapshot, getSnapshot, onClose, dismiss]);
-  const handleDiscard = useCallback(() => {
-    if (saveTimerRef.current) clearTimeout(saveTimerRef.current);
-    dismiss();
-  }, [dismiss]);
-  const showConfirmDialog = useCallback(() => {
-    if (confirmDialogOpenRef.current) return;
-    confirmDialogOpenRef.current = true;
-    presentDialog({
-      title: "Unsaved Changes",
-      description: "You have unsaved changes that will be lost if you close now.",
-      content: ({ dismiss: dismissConfirm }) => {
-        const wrappedDismiss = () => {
-          confirmDialogOpenRef.current = false;
-          dismissConfirm();
-        };
-        return /* @__PURE__ */ jsxs("div", { className: excalidrawConfirmActions, children: [
-          /* @__PURE__ */ jsx("button", { className: excalidrawConfirmBtn, type: "button", onClick: wrappedDismiss, children: "Continue Editing" }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: excalidrawConfirmBtnDanger,
-              type: "button",
-              onClick: () => {
-                wrappedDismiss();
-                handleDiscard();
-              },
-              children: "Discard"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: excalidrawConfirmBtnPrimary,
-              type: "button",
-              onClick: () => {
-                wrappedDismiss();
-                handleSaveAndClose();
-              },
-              children: "Save & Close"
-            }
-          )
-        ] });
-      },
-      portalClassName,
-      theme,
-      showCloseButton: false,
-      clickOutsideToDismiss: false
-    });
-  }, [handleDiscard, handleSaveAndClose, portalClassName, theme]);
-  const attemptClose = useCallback(() => {
-    if (isDirtyRef.current) {
-      showConfirmDialog();
-    } else {
-      void emitSnapshot().then(() => {
-        onClose(getSnapshot());
-        dismiss();
-      });
-    }
-  }, [dismiss, showConfirmDialog, emitSnapshot, getSnapshot, onClose]);
-  useEffect(() => {
-    const handleKeyDown = (e) => {
-      if (e.key === "Escape") {
-        e.preventDefault();
-        e.stopImmediatePropagation();
-        if (confirmDialogOpenRef.current) {
-          confirmDialogOpenRef.current = false;
-          dismissTopDialog();
-        } else {
-          attemptClose();
-        }
-      }
-    };
-    document.addEventListener("keydown", handleKeyDown, true);
-    return () => document.removeEventListener("keydown", handleKeyDown, true);
-  }, [attemptClose]);
-  const handleManualUpload = useCallback(() => {
-    performSave();
-  }, [performSave]);
-  const handleExportJson = useCallback(() => {
-    const doc = getSnapshot();
-    if (!doc) return;
-    const blob = new Blob([JSON.stringify(doc, null, 2)], {
-      type: "application/json"
-    });
-    const url = URL.createObjectURL(blob);
-    const a2 = document.createElement("a");
-    a2.href = url;
-    a2.download = "excalidraw-snapshot.json";
-    a2.click();
-    URL.revokeObjectURL(url);
-  }, [getSnapshot]);
-  const handleCopyJson = useCallback(() => {
-    const doc = getSnapshot();
-    if (!doc) return;
-    void navigator.clipboard.writeText(JSON.stringify(doc));
-  }, [getSnapshot]);
-  const handleRefChange = useCallback((e) => {
-    const { value } = e.target;
-    setSavedRef(value);
-    baseRefRef.current = value;
-    baseDataRef.current = void 0;
-  }, []);
-  const handleStorageModeChange = useCallback(
-    (newMode) => {
-      setStorageMode(newMode);
-      storageModeRef.current = newMode;
-      if (newMode === "inline") setSavedRef("");
-      performSave();
-    },
-    [performSave]
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: excalidrawDialogHeader, children: [
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: excalidrawStatusDot,
-          style: { backgroundColor: isDirty ? "#f59e0b" : "#22c55e" }
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: excalidrawDialogTitle, children: "Canvas Editor" }),
-      /* @__PURE__ */ jsx("span", { className: excalidrawDialogMeta, children: "excalidraw" }),
-      /* @__PURE__ */ jsxs("div", { className: excalidrawHeaderActions, children: [
-        saveSnapshot && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            SegmentedControl,
-            {
-              value: storageMode,
-              items: [
-                { value: "inline", label: "Inline" },
-                { value: "remote", label: "Remote" },
-                { value: "delta", label: "Delta" }
-              ],
-              onChange: handleStorageModeChange
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: excalidrawActionBarSep }),
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              className: excalidrawActionBarBtn,
-              disabled: isSaving,
-              type: "button",
-              onClick: handleManualUpload,
-              children: [
-                /* @__PURE__ */ jsx(Save, { size: 14 }),
-                /* @__PURE__ */ jsx("span", { children: isSaving ? "Saving..." : "Save" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: excalidrawActionBarSep })
-        ] }),
-        /* @__PURE__ */ jsxs("button", { className: excalidrawActionBarBtn, type: "button", onClick: handleExportJson, children: [
-          /* @__PURE__ */ jsx(Download, { size: 14 }),
-          "JSON"
-        ] }),
-        /* @__PURE__ */ jsxs("button", { className: excalidrawActionBarBtn, type: "button", onClick: handleCopyJson, children: [
-          /* @__PURE__ */ jsx(Clipboard, { size: 14 }),
-          "Copy"
-        ] }),
-        storageMode !== "inline" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: excalidrawActionBarSep }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              className: excalidrawActionBarUrl,
-              placeholder: "base URL / ref",
-              spellCheck: false,
-              type: "text",
-              value: savedRef,
-              onChange: handleRefChange
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("button", { className: excalidrawHeaderClose, type: "button", onClick: attemptClose, children: /* @__PURE__ */ jsx(X, { size: 18 }) })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: excalidrawDialogCanvas, children: /* @__PURE__ */ jsx(
-      ExcalidrawComponent,
-      {
-        initialData,
-        theme,
-        excalidrawAPI: (api) => {
-          apiRef.current = api;
-        },
-        onChange: handleChange
-      }
-    ) })
-  ] });
-};
-const ExcalidrawEditRenderer = ({
-  snapshot,
-  onSnapshotChange
-}) => {
-  const theme = useColorScheme();
-  const { saveSnapshot } = useExcalidrawConfig();
-  const {
-    snapshot: initialData,
-    loading: dataLoading,
-    error: dataError,
-    baseRef,
-    baseData
-  } = useExcalidrawData(snapshot);
-  const [ExcalidrawComponent, setExcalidrawComponent] = useState(null);
-  const [libLoading, setLibLoading] = useState(true);
-  const previewApiRef = useRef(null);
-  const initialDataRef = useRef(void 0);
-  const [previewKey, setPreviewKey] = useState(0);
-  const onSnapshotChangeRef = useRef(onSnapshotChange);
-  onSnapshotChangeRef.current = onSnapshotChange;
-  const saveSnapshotRef = useRef(saveSnapshot);
-  saveSnapshotRef.current = saveSnapshot;
-  const snapshotRef = useRef(snapshot);
-  snapshotRef.current = snapshot;
-  const { className: portalClassName } = usePortalTheme();
-  useEffect(() => {
-    if (initialData && !initialDataRef.current) {
-      initialDataRef.current = initialData;
-    }
-  }, [initialData]);
-  useEffect(() => {
-    import("@excalidraw/excalidraw").then((mod) => {
-      const Comp = mod.Excalidraw || mod.default?.Excalidraw;
-      if (Comp) setExcalidrawComponent(() => Comp);
-      setLibLoading(false);
-    }).catch(() => setLibLoading(false));
-  }, []);
-  const baseRefRef = useRef(baseRef);
-  const baseDataRefOuter = useRef(baseData);
-  useEffect(() => {
-    if (baseRef) baseRefRef.current = baseRef;
-  }, [baseRef]);
-  useEffect(() => {
-    if (baseData) baseDataRefOuter.current = baseData;
-  }, [baseData]);
-  const handleOpenEditor = useCallback(() => {
-    if (!ExcalidrawComponent || dataLoading) return;
-    presentDialog({
-      content: ({ dismiss }) => /* @__PURE__ */ jsx(
-        ExcalidrawEditorDialogContent,
-        {
-          ExcalidrawComponent,
-          baseData: baseDataRefOuter.current,
-          baseRef: baseRefRef.current,
-          dismiss,
-          initialData: initialDataRef.current,
-          initialSnapshot: snapshotRef.current,
-          saveSnapshot: saveSnapshotRef.current,
-          theme,
-          onSave: (ref) => onSnapshotChangeRef.current(ref),
-          onClose: (doc) => {
-            if (doc) {
-              initialDataRef.current = doc;
-              setPreviewKey((k) => k + 1);
-            }
-          }
-        }
-      ),
-      className: excalidrawFullscreenPopup,
-      portalClassName,
-      theme,
-      showCloseButton: false,
-      clickOutsideToDismiss: false
-    });
-  }, [ExcalidrawComponent, dataLoading, theme, portalClassName]);
-  const loading = dataLoading || libLoading;
-  if (loading || !ExcalidrawComponent) {
-    return /* @__PURE__ */ jsx("div", { className: excalidrawEditorContainer, children: /* @__PURE__ */ jsx("div", { className: excalidrawLoading, children: "Loading excalidraw editor..." }) });
-  }
-  if (dataError) {
-    return /* @__PURE__ */ jsx("div", { className: excalidrawEditorContainer, children: /* @__PURE__ */ jsx("div", { className: excalidrawError, children: dataError }) });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: excalidrawEditorContainer, children: [
-    /* @__PURE__ */ jsx(
-      ExcalidrawComponent,
-      {
-        viewModeEnabled: true,
-        zenModeEnabled: true,
-        UIOptions: readonlyUIOptions,
-        initialData: initialDataRef.current,
-        theme,
-        excalidrawAPI: (api) => {
-          previewApiRef.current = api;
-          setTimeout(() => api.scrollToContent(), 100);
-        }
-      },
-      previewKey
-    ),
-    /* @__PURE__ */ jsx("button", { className: excalidrawEditOverlay, type: "button", onClick: handleOpenEditor, children: /* @__PURE__ */ jsxs("span", { className: excalidrawEditLabel, children: [
-      /* @__PURE__ */ jsx(Pencil, { size: 16 }),
-      "Edit Whiteboard"
-    ] }) })
-  ] });
-};
-const ExcalidrawEditRenderer$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  ExcalidrawEditRenderer
-}, Symbol.toStringTag, { value: "Module" }));
-const INSERT_EXCALIDRAW_COMMAND = createCommand("INSERT_EXCALIDRAW");
+//#endregion
+//#region src/ExcalidrawPlugin.tsx
+var INSERT_EXCALIDRAW_COMMAND = createCommand("INSERT_EXCALIDRAW");
 function ExcalidrawPlugin() {
-  const [editor] = useLexicalComposerContext();
-  useEffect(() => {
-    return editor.registerCommand(
-      INSERT_EXCALIDRAW_COMMAND,
-      (snapshot) => {
-        const node = $createExcalidrawEditNode(snapshot);
-        $insertNodes([node]);
-        return true;
-      },
-      COMMAND_PRIORITY_EDITOR
-    );
-  }, [editor]);
-  return null;
+	const [editor] = useLexicalComposerContext();
+	useEffect(() => {
+		return editor.registerCommand(INSERT_EXCALIDRAW_COMMAND, (snapshot) => {
+			$insertNodes([$createExcalidrawEditNode(snapshot)]);
+			return true;
+		}, COMMAND_PRIORITY_EDITOR);
+	}, [editor]);
+	return null;
 }
-export {
-  $createExcalidrawEditNode,
-  $ as $createExcalidrawNode,
-  $isExcalidrawEditNode,
-  a as $isExcalidrawNode,
-  EXCALIDRAW_BLOCK_TRANSFORMER,
-  E as ExcalidrawConfigProvider,
-  b as ExcalidrawDisplayRenderer,
-  ExcalidrawEditNode,
-  ExcalidrawEditRenderer,
-  ExcalidrawNode,
-  ExcalidrawPlugin,
-  b2 as ExcalidrawRenderer,
-  d as ExcalidrawSSRRenderer,
-  b3 as ExcalidrawStaticRenderer,
-  INSERT_EXCALIDRAW_COMMAND,
-  parseSnapshot,
-  serializeSnapshot,
-  useExcalidrawConfig
-};
+//#endregion
+export { $createExcalidrawEditNode, $createExcalidrawNode, $isExcalidrawEditNode, $isExcalidrawNode, EXCALIDRAW_BLOCK_TRANSFORMER, ExcalidrawConfigProvider, ExcalidrawDisplayRenderer, ExcalidrawDisplayRenderer as ExcalidrawRenderer, ExcalidrawDisplayRenderer as ExcalidrawStaticRenderer, ExcalidrawEditNode, ExcalidrawEditRenderer, ExcalidrawNode, ExcalidrawPlugin, ExcalidrawSSRRenderer, INSERT_EXCALIDRAW_COMMAND, parseSnapshot, serializeSnapshot, useExcalidrawConfig };