@baasix/lexical 0.0.2

package/dist/EquationComponent-3IW3ONJD.js

@@ -0,0 +1,159 @@
+import {
+  $isEquationNode,
+  KatexRenderer
+} from "./chunk-GSFNU3JE.js";
+import "./chunk-PZ5AY32C.js";
+
+// src/nodes/EquationComponent.tsx
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { useLexicalEditable } from "@lexical/react/useLexicalEditable";
+import { mergeRegister } from "@lexical/utils";
+import {
+  $getNodeByKey,
+  $getSelection,
+  $isNodeSelection,
+  COMMAND_PRIORITY_HIGH,
+  KEY_ESCAPE_COMMAND,
+  SELECTION_CHANGE_COMMAND
+} from "lexical";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { ErrorBoundary } from "react-error-boundary";
+
+// src/ui/EquationEditor.tsx
+import { isHTMLElement } from "lexical";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function EquationEditor({ equation, setEquation, inline }, forwardedRef) {
+  const onChange = (event) => {
+    setEquation(event.target.value);
+  };
+  return inline && isHTMLElement(forwardedRef) ? /* @__PURE__ */ jsxs("span", { className: "EquationEditor_inputBackground", children: [
+    /* @__PURE__ */ jsx("span", { className: "EquationEditor_dollarSign", children: "$" }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        className: "EquationEditor_inlineEditor",
+        value: equation,
+        onChange,
+        autoFocus: true,
+        ref: forwardedRef
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "EquationEditor_dollarSign", children: "$" })
+  ] }) : /* @__PURE__ */ jsxs("div", { className: "EquationEditor_inputBackground", children: [
+    /* @__PURE__ */ jsx("span", { className: "EquationEditor_dollarSign", children: "$$\n" }),
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        className: "EquationEditor_blockEditor",
+        value: equation,
+        onChange,
+        ref: forwardedRef
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "EquationEditor_dollarSign", children: "\n$$" })
+  ] });
+}
+var EquationEditor_default = forwardRef(EquationEditor);
+
+// src/nodes/EquationComponent.tsx
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+function EquationComponent({
+  equation,
+  inline,
+  nodeKey
+}) {
+  const [editor] = useLexicalComposerContext();
+  const isEditable = useLexicalEditable();
+  const [equationValue, setEquationValue] = useState(equation);
+  const [showEquationEditor, setShowEquationEditor] = useState(false);
+  const inputRef = useRef(null);
+  const onHide = useCallback(
+    (restoreSelection) => {
+      setShowEquationEditor(false);
+      editor.update(() => {
+        const node = $getNodeByKey(nodeKey);
+        if ($isEquationNode(node)) {
+          node.setEquation(equationValue);
+          if (restoreSelection) {
+            node.selectNext(0, 0);
+          }
+        }
+      });
+    },
+    [editor, equationValue, nodeKey]
+  );
+  useEffect(() => {
+    if (!showEquationEditor && equationValue !== equation) {
+      setEquationValue(equation);
+    }
+  }, [showEquationEditor, equation, equationValue]);
+  useEffect(() => {
+    if (!isEditable) {
+      return;
+    }
+    if (showEquationEditor) {
+      return mergeRegister(
+        editor.registerCommand(
+          SELECTION_CHANGE_COMMAND,
+          (payload) => {
+            const activeElement = document.activeElement;
+            const inputElem = inputRef.current;
+            if (inputElem !== activeElement) {
+              onHide();
+            }
+            return false;
+          },
+          COMMAND_PRIORITY_HIGH
+        ),
+        editor.registerCommand(
+          KEY_ESCAPE_COMMAND,
+          (payload) => {
+            const activeElement = document.activeElement;
+            const inputElem = inputRef.current;
+            if (inputElem === activeElement) {
+              onHide(true);
+              return true;
+            }
+            return false;
+          },
+          COMMAND_PRIORITY_HIGH
+        )
+      );
+    } else {
+      return editor.registerUpdateListener(({ editorState }) => {
+        const isSelected = editorState.read(() => {
+          const selection = $getSelection();
+          return $isNodeSelection(selection) && selection.has(nodeKey) && selection.getNodes().length === 1;
+        });
+        if (isSelected) {
+          setShowEquationEditor(true);
+        }
+      });
+    }
+  }, [editor, nodeKey, onHide, showEquationEditor, isEditable]);
+  return /* @__PURE__ */ jsx2(Fragment, { children: showEquationEditor && isEditable ? /* @__PURE__ */ jsx2(
+    EquationEditor_default,
+    {
+      equation: equationValue,
+      setEquation: setEquationValue,
+      inline,
+      ref: inputRef
+    }
+  ) : /* @__PURE__ */ jsx2(ErrorBoundary, { onError: (e) => editor._onError(e instanceof Error ? e : new Error(String(e))), fallback: null, children: /* @__PURE__ */ jsx2(
+    KatexRenderer,
+    {
+      equation: equationValue,
+      inline,
+      onDoubleClick: () => {
+        if (isEditable) {
+          setShowEquationEditor(true);
+        }
+      }
+    }
+  ) }) });
+}
+export {
+  EquationComponent as default
+};
+//# sourceMappingURL=EquationComponent-3IW3ONJD.js.map

package/dist/EquationComponent-3IW3ONJD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/nodes/EquationComponent.tsx","../src/ui/EquationEditor.tsx"],"sourcesContent":["/**\r\n * Copyright (c) Meta Platforms, Inc. and affiliates.\r\n *\r\n * This source code is licensed under the MIT license found in the\r\n * LICENSE file in the root directory of this source tree.\r\n *\r\n */\r\n\r\nimport type {JSX} from 'react';\r\n\r\nimport {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';\r\nimport {useLexicalEditable} from '@lexical/react/useLexicalEditable';\r\nimport {mergeRegister} from '@lexical/utils';\r\nimport {\r\n  $getNodeByKey,\r\n  $getSelection,\r\n  $isNodeSelection,\r\n  COMMAND_PRIORITY_HIGH,\r\n  KEY_ESCAPE_COMMAND,\r\n  NodeKey,\r\n  SELECTION_CHANGE_COMMAND,\r\n} from 'lexical';\r\nimport * as React from 'react';\r\nimport {useCallback, useEffect, useRef, useState} from 'react';\r\nimport {ErrorBoundary} from 'react-error-boundary';\r\n\r\nimport EquationEditor from '../ui/EquationEditor';\r\nimport KatexRenderer from '../ui/KatexRenderer';\r\nimport {$isEquationNode} from './EquationNode';\r\n\r\ntype EquationComponentProps = {\r\n  equation: string;\r\n  inline: boolean;\r\n  nodeKey: NodeKey;\r\n};\r\n\r\nexport default function EquationComponent({\r\n  equation,\r\n  inline,\r\n  nodeKey,\r\n}: EquationComponentProps): JSX.Element {\r\n  const [editor] = useLexicalComposerContext();\r\n  const isEditable = useLexicalEditable();\r\n  const [equationValue, setEquationValue] = useState(equation);\r\n  const [showEquationEditor, setShowEquationEditor] = useState<boolean>(false);\r\n  const inputRef = useRef<HTMLTextAreaElement | HTMLInputElement>(null);\r\n\r\n  const onHide = useCallback(\r\n    (restoreSelection?: boolean) => {\r\n      setShowEquationEditor(false);\r\n      editor.update(() => {\r\n        const node = $getNodeByKey(nodeKey);\r\n        if ($isEquationNode(node)) {\r\n          node.setEquation(equationValue);\r\n          if (restoreSelection) {\r\n            node.selectNext(0, 0);\r\n          }\r\n        }\r\n      });\r\n    },\r\n    [editor, equationValue, nodeKey],\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (!showEquationEditor && equationValue !== equation) {\r\n      setEquationValue(equation);\r\n    }\r\n  }, [showEquationEditor, equation, equationValue]);\r\n\r\n  useEffect(() => {\r\n    if (!isEditable) {\r\n      return;\r\n    }\r\n    if (showEquationEditor) {\r\n      return mergeRegister(\r\n        editor.registerCommand(\r\n          SELECTION_CHANGE_COMMAND,\r\n          (payload) => {\r\n            const activeElement = document.activeElement;\r\n            const inputElem = inputRef.current;\r\n            if (inputElem !== activeElement) {\r\n              onHide();\r\n            }\r\n            return false;\r\n          },\r\n          COMMAND_PRIORITY_HIGH,\r\n        ),\r\n        editor.registerCommand(\r\n          KEY_ESCAPE_COMMAND,\r\n          (payload) => {\r\n            const activeElement = document.activeElement;\r\n            const inputElem = inputRef.current;\r\n            if (inputElem === activeElement) {\r\n              onHide(true);\r\n              return true;\r\n            }\r\n            return false;\r\n          },\r\n          COMMAND_PRIORITY_HIGH,\r\n        ),\r\n      );\r\n    } else {\r\n      return editor.registerUpdateListener(({editorState}) => {\r\n        const isSelected = editorState.read(() => {\r\n          const selection = $getSelection();\r\n          return (\r\n            $isNodeSelection(selection) &&\r\n            selection.has(nodeKey) &&\r\n            selection.getNodes().length === 1\r\n          );\r\n        });\r\n        if (isSelected) {\r\n          setShowEquationEditor(true);\r\n        }\r\n      });\r\n    }\r\n  }, [editor, nodeKey, onHide, showEquationEditor, isEditable]);\r\n\r\n  return (\r\n    <>\r\n      {showEquationEditor && isEditable ? (\r\n        <EquationEditor\r\n          equation={equationValue}\r\n          setEquation={setEquationValue}\r\n          inline={inline}\r\n          ref={inputRef}\r\n        />\r\n      ) : (\r\n        <ErrorBoundary onError={(e: unknown) => editor._onError(e instanceof Error ? e : new Error(String(e)))} fallback={null}>\r\n          <KatexRenderer\r\n            equation={equationValue}\r\n            inline={inline}\r\n            onDoubleClick={() => {\r\n              if (isEditable) {\r\n                setShowEquationEditor(true);\r\n              }\r\n            }}\r\n          />\r\n        </ErrorBoundary>\r\n      )}\r\n    </>\r\n  );\r\n}\r\n","/**\r\n * Copyright (c) Meta Platforms, Inc. and affiliates.\r\n *\r\n * This source code is licensed under the MIT license found in the\r\n * LICENSE file in the root directory of this source tree.\r\n *\r\n */\r\n\r\nimport type {JSX, Ref, RefObject} from 'react';\r\n\r\nimport './EquationEditor.css';\r\n\r\nimport {isHTMLElement} from 'lexical';\r\nimport {ChangeEvent, forwardRef} from 'react';\r\n\r\ntype BaseEquationEditorProps = {\r\n  equation: string;\r\n  inline: boolean;\r\n  setEquation: (equation: string) => void;\r\n};\r\n\r\nfunction EquationEditor(\r\n  {equation, setEquation, inline}: BaseEquationEditorProps,\r\n  forwardedRef: Ref<HTMLInputElement | HTMLTextAreaElement>,\r\n): JSX.Element {\r\n  const onChange = (event: ChangeEvent) => {\r\n    setEquation((event.target as HTMLInputElement).value);\r\n  };\r\n\r\n  return inline && isHTMLElement(forwardedRef) ? (\r\n    <span className=\"EquationEditor_inputBackground\">\r\n      <span className=\"EquationEditor_dollarSign\">$</span>\r\n      <input\r\n        className=\"EquationEditor_inlineEditor\"\r\n        value={equation}\r\n        onChange={onChange}\r\n        autoFocus={true}\r\n        ref={forwardedRef as RefObject<HTMLInputElement>}\r\n      />\r\n      <span className=\"EquationEditor_dollarSign\">$</span>\r\n    </span>\r\n  ) : (\r\n    <div className=\"EquationEditor_inputBackground\">\r\n      <span className=\"EquationEditor_dollarSign\">{'$$\\n'}</span>\r\n      <textarea\r\n        className=\"EquationEditor_blockEditor\"\r\n        value={equation}\r\n        onChange={onChange}\r\n        ref={forwardedRef as RefObject<HTMLTextAreaElement>}\r\n      />\r\n      <span className=\"EquationEditor_dollarSign\">{'\\n$$'}</span>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default forwardRef(EquationEditor);\r\n"],"mappings":"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","names":["jsx"]}

package/dist/EquationComponent-C2C6477P.css

@@ -0,0 +1,28 @@
+/* src/ui/EquationEditor.css */
+.EquationEditor_inlineEditor {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  outline: 0;
+  color: #8421a2;
+  background-color: inherit;
+  resize: none;
+}
+.EquationEditor_blockEditor {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  outline: 0;
+  color: #8421a2;
+  background-color: inherit;
+  resize: none;
+  width: 100%;
+}
+.EquationEditor_inputBackground {
+  background-color: #eee;
+}
+.EquationEditor_dollarSign {
+  text-align: left;
+  color: #b0b0b0;
+}
+/*# sourceMappingURL=EquationComponent-C2C6477P.css.map */

package/dist/EquationComponent-C2C6477P.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/EquationEditor.css"],"sourcesContent":["/**\r\n * Copyright (c) Meta Platforms, Inc. and affiliates.\r\n *\r\n * This source code is licensed under the MIT license found in the\r\n * LICENSE file in the root directory of this source tree.\r\n *\r\n *\r\n */\r\n\r\n.EquationEditor_inlineEditor {\r\n  padding: 0;\r\n  margin: 0;\r\n  border: 0;\r\n  outline: 0;\r\n  color: #8421a2;\r\n  background-color: inherit;\r\n  resize: none;\r\n}\r\n\r\n.EquationEditor_blockEditor {\r\n  padding: 0;\r\n  margin: 0;\r\n  border: 0;\r\n  outline: 0;\r\n  color: #8421a2;\r\n  background-color: inherit;\r\n  resize: none;\r\n  width: 100%;\r\n}\r\n\r\n.EquationEditor_inputBackground {\r\n  background-color: #eee;\r\n}\r\n\r\n.EquationEditor_dollarSign {\r\n  text-align: left;\r\n  color: #b0b0b0;\r\n}\r\n"],"mappings":";AASA,CAAC;AACC,WAAS;AACT,UAAQ;AACR,UAAQ;AACR,WAAS;AACT,SAAO;AACP,oBAAkB;AAClB,UAAQ;AACV;AAEA,CAAC;AACC,WAAS;AACT,UAAQ;AACR,UAAQ;AACR,WAAS;AACT,SAAO;AACP,oBAAkB;AAClB,UAAQ;AACR,SAAO;AACT;AAEA,CAAC;AACC,oBAAkB;AACpB;AAEA,CAAC;AACC,cAAY;AACZ,SAAO;AACT;","names":[]}

package/dist/ExcalidrawComponent-GZYLHNOY.js

@@ -0,0 +1,267 @@
+import {
+  $isExcalidrawNode,
+  ExcalidrawModal
+} from "./chunk-N22RKA5D.js";
+import {
+  ImageResizer
+} from "./chunk-FJ6COZ4H.js";
+import "./chunk-TVF6V3BJ.js";
+import "./chunk-PZ5AY32C.js";
+
+// src/nodes/ExcalidrawNode/ExcalidrawComponent.tsx
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { useLexicalEditable } from "@lexical/react/useLexicalEditable";
+import { useLexicalNodeSelection } from "@lexical/react/useLexicalNodeSelection";
+import { mergeRegister } from "@lexical/utils";
+import {
+  $getNodeByKey,
+  CLICK_COMMAND,
+  COMMAND_PRIORITY_LOW,
+  isDOMNode
+} from "lexical";
+import { useCallback, useEffect as useEffect2, useMemo, useRef, useState as useState2 } from "react";
+
+// src/nodes/ExcalidrawNode/ExcalidrawImage.tsx
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var removeStyleFromSvg_HACK = (svg) => {
+  const styleTag = svg?.firstElementChild?.firstElementChild;
+  const viewBox = svg.getAttribute("viewBox");
+  if (viewBox != null) {
+    const viewBoxDimensions = viewBox.split(" ");
+    svg.setAttribute("width", viewBoxDimensions[2]);
+    svg.setAttribute("height", viewBoxDimensions[3]);
+  }
+  if (styleTag && styleTag.tagName === "style") {
+    styleTag.remove();
+  }
+};
+function ExcalidrawImage({
+  elements,
+  files,
+  imageContainerRef,
+  appState,
+  rootClassName = null,
+  width = "inherit",
+  height = "inherit"
+}) {
+  const [Svg, setSvg] = useState(null);
+  useEffect(() => {
+    const setContent = async () => {
+      const { exportToSvg } = await import("@excalidraw/excalidraw");
+      const svg = await exportToSvg({
+        appState,
+        elements,
+        files
+      });
+      removeStyleFromSvg_HACK(svg);
+      svg.setAttribute("width", "100%");
+      svg.setAttribute("height", "100%");
+      svg.setAttribute("display", "block");
+      setSvg(svg);
+    };
+    setContent();
+  }, [elements, files, appState]);
+  const containerStyle = {};
+  if (width !== "inherit") {
+    containerStyle.width = `${width}px`;
+  }
+  if (height !== "inherit") {
+    containerStyle.height = `${height}px`;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: (node) => {
+        if (node) {
+          if (imageContainerRef) {
+            imageContainerRef.current = node;
+          }
+        }
+      },
+      className: rootClassName ?? "",
+      style: containerStyle,
+      dangerouslySetInnerHTML: { __html: Svg?.outerHTML ?? "" }
+    }
+  );
+}
+
+// src/nodes/ExcalidrawNode/ExcalidrawComponent.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+function ExcalidrawComponent({
+  nodeKey,
+  data,
+  width,
+  height
+}) {
+  const [editor] = useLexicalComposerContext();
+  const isEditable = useLexicalEditable();
+  const [isModalOpen, setModalOpen] = useState2(
+    data === "[]" && editor.isEditable()
+  );
+  const imageContainerRef = useRef(null);
+  const buttonRef = useRef(null);
+  const captionButtonRef = useRef(null);
+  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey);
+  const [isResizing, setIsResizing] = useState2(false);
+  useEffect2(() => {
+    if (!isEditable) {
+      if (isSelected) {
+        clearSelection();
+      }
+      return;
+    }
+    return mergeRegister(
+      editor.registerCommand(
+        CLICK_COMMAND,
+        (event) => {
+          const buttonElem = buttonRef.current;
+          const eventTarget = event.target;
+          if (isResizing) {
+            return true;
+          }
+          if (buttonElem !== null && isDOMNode(eventTarget) && buttonElem.contains(eventTarget)) {
+            if (!event.shiftKey) {
+              clearSelection();
+            }
+            setSelected(!isSelected);
+            if (event.detail > 1) {
+              setModalOpen(true);
+            }
+            return true;
+          }
+          return false;
+        },
+        COMMAND_PRIORITY_LOW
+      )
+    );
+  }, [clearSelection, editor, isSelected, isResizing, setSelected, isEditable]);
+  const deleteNode = useCallback(() => {
+    setModalOpen(false);
+    return editor.update(() => {
+      const node = $getNodeByKey(nodeKey);
+      if (node) {
+        node.remove();
+      }
+    });
+  }, [editor, nodeKey]);
+  const setData = (els, aps, fls) => {
+    return editor.update(() => {
+      const node = $getNodeByKey(nodeKey);
+      if ($isExcalidrawNode(node)) {
+        if (els && els.length > 0 || Object.keys(fls).length > 0) {
+          node.setData(
+            JSON.stringify({
+              appState: aps,
+              elements: els,
+              files: fls
+            })
+          );
+        } else {
+          node.remove();
+        }
+      }
+    });
+  };
+  const onResizeStart = () => {
+    setIsResizing(true);
+  };
+  const onResizeEnd = (nextWidth, nextHeight) => {
+    setTimeout(() => {
+      setIsResizing(false);
+    }, 200);
+    editor.update(() => {
+      const node = $getNodeByKey(nodeKey);
+      if ($isExcalidrawNode(node)) {
+        node.setWidth(nextWidth);
+        node.setHeight(nextHeight);
+      }
+    });
+  };
+  const openModal = useCallback(() => {
+    setModalOpen(true);
+  }, []);
+  const {
+    elements = [],
+    files = {},
+    appState = {}
+  } = useMemo(() => JSON.parse(data), [data]);
+  const closeModal = useCallback(() => {
+    setModalOpen(false);
+    if (elements.length === 0) {
+      editor.update(() => {
+        const node = $getNodeByKey(nodeKey);
+        if (node) {
+          node.remove();
+        }
+      });
+    }
+  }, [editor, nodeKey, elements.length]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    isEditable && isModalOpen && /* @__PURE__ */ jsx2(
+      ExcalidrawModal,
+      {
+        initialElements: elements,
+        initialFiles: files,
+        initialAppState: appState,
+        isShown: isModalOpen,
+        onDelete: deleteNode,
+        onClose: closeModal,
+        onSave: (els, aps, fls) => {
+          setData(els, aps, fls);
+          setModalOpen(false);
+        },
+        closeOnClickOutside: false
+      }
+    ),
+    elements.length > 0 && /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        ref: buttonRef,
+        className: `excalidraw-button ${isSelected ? "selected" : ""}`,
+        children: [
+          /* @__PURE__ */ jsx2(
+            ExcalidrawImage,
+            {
+              imageContainerRef,
+              className: "image",
+              elements,
+              files,
+              appState,
+              width,
+              height
+            }
+          ),
+          isSelected && isEditable && /* @__PURE__ */ jsx2(
+            "div",
+            {
+              className: "image-edit-button",
+              role: "button",
+              tabIndex: 0,
+              onMouseDown: (event) => event.preventDefault(),
+              onClick: openModal
+            }
+          ),
+          (isSelected || isResizing) && isEditable && /* @__PURE__ */ jsx2(
+            ImageResizer,
+            {
+              buttonRef: captionButtonRef,
+              showCaption: true,
+              setShowCaption: () => null,
+              imageRef: imageContainerRef,
+              editor,
+              onResizeStart,
+              onResizeEnd,
+              captionsEnabled: true
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+export {
+  ExcalidrawComponent as default
+};
+//# sourceMappingURL=ExcalidrawComponent-GZYLHNOY.js.map

package/dist/ExcalidrawComponent-GZYLHNOY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/nodes/ExcalidrawNode/ExcalidrawComponent.tsx","../src/nodes/ExcalidrawNode/ExcalidrawImage.tsx"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type {ExcalidrawInitialElements} from '../../ui/ExcalidrawModal';\nimport type {AppState, BinaryFiles} from '@excalidraw/excalidraw/types';\nimport type {NodeKey} from 'lexical';\nimport type {JSX} from 'react';\n\nimport {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';\nimport {useLexicalEditable} from '@lexical/react/useLexicalEditable';\nimport {useLexicalNodeSelection} from '@lexical/react/useLexicalNodeSelection';\nimport {mergeRegister} from '@lexical/utils';\nimport {\n  $getNodeByKey,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_LOW,\n  isDOMNode,\n} from 'lexical';\nimport {useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport * as React from 'react';\n\nimport ExcalidrawModal from '../../ui/ExcalidrawModal';\nimport ImageResizer from '../../ui/ImageResizer';\nimport {$isExcalidrawNode} from '.';\nimport ExcalidrawImage from './ExcalidrawImage';\n\nexport default function ExcalidrawComponent({\n  nodeKey,\n  data,\n  width,\n  height,\n}: {\n  data: string;\n  nodeKey: NodeKey;\n  width: 'inherit' | number;\n  height: 'inherit' | number;\n}): JSX.Element {\n  const [editor] = useLexicalComposerContext();\n  const isEditable = useLexicalEditable();\n  const [isModalOpen, setModalOpen] = useState<boolean>(\n    data === '[]' && editor.isEditable(),\n  );\n  const imageContainerRef = useRef<HTMLDivElement | null>(null);\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n  const captionButtonRef = useRef<HTMLButtonElement | null>(null);\n  const [isSelected, setSelected, clearSelection] =\n    useLexicalNodeSelection(nodeKey);\n  const [isResizing, setIsResizing] = useState<boolean>(false);\n\n  useEffect(() => {\n    if (!isEditable) {\n      if (isSelected) {\n        clearSelection();\n      }\n      return;\n    }\n    return mergeRegister(\n      editor.registerCommand(\n        CLICK_COMMAND,\n        (event: MouseEvent) => {\n          const buttonElem = buttonRef.current;\n          const eventTarget = event.target;\n\n          if (isResizing) {\n            return true;\n          }\n\n          if (\n            buttonElem !== null &&\n            isDOMNode(eventTarget) &&\n            buttonElem.contains(eventTarget)\n          ) {\n            if (!event.shiftKey) {\n              clearSelection();\n            }\n            setSelected(!isSelected);\n            if (event.detail > 1) {\n              setModalOpen(true);\n            }\n            return true;\n          }\n\n          return false;\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n    );\n  }, [clearSelection, editor, isSelected, isResizing, setSelected, isEditable]);\n\n  const deleteNode = useCallback(() => {\n    setModalOpen(false);\n    return editor.update(() => {\n      const node = $getNodeByKey(nodeKey);\n      if (node) {\n        node.remove();\n      }\n    });\n  }, [editor, nodeKey]);\n\n  const setData = (\n    els: ExcalidrawInitialElements,\n    aps: Partial<AppState>,\n    fls: BinaryFiles,\n  ) => {\n    return editor.update(() => {\n      const node = $getNodeByKey(nodeKey);\n      if ($isExcalidrawNode(node)) {\n        if ((els && els.length > 0) || Object.keys(fls).length > 0) {\n          node.setData(\n            JSON.stringify({\n              appState: aps,\n              elements: els,\n              files: fls,\n            }),\n          );\n        } else {\n          node.remove();\n        }\n      }\n    });\n  };\n\n  const onResizeStart = () => {\n    setIsResizing(true);\n  };\n\n  const onResizeEnd = (\n    nextWidth: 'inherit' | number,\n    nextHeight: 'inherit' | number,\n  ) => {\n    // Delay hiding the resize bars for click case\n    setTimeout(() => {\n      setIsResizing(false);\n    }, 200);\n\n    editor.update(() => {\n      const node = $getNodeByKey(nodeKey);\n\n      if ($isExcalidrawNode(node)) {\n        node.setWidth(nextWidth);\n        node.setHeight(nextHeight);\n      }\n    });\n  };\n\n  const openModal = useCallback(() => {\n    setModalOpen(true);\n  }, []);\n\n  const {\n    elements = [],\n    files = {},\n    appState = {},\n  } = useMemo(() => JSON.parse(data), [data]);\n\n  const closeModal = useCallback(() => {\n    setModalOpen(false);\n    if (elements.length === 0) {\n      editor.update(() => {\n        const node = $getNodeByKey(nodeKey);\n        if (node) {\n          node.remove();\n        }\n      });\n    }\n  }, [editor, nodeKey, elements.length]);\n\n  return (\n    <>\n      {isEditable && isModalOpen && (\n        <ExcalidrawModal\n          initialElements={elements}\n          initialFiles={files}\n          initialAppState={appState}\n          isShown={isModalOpen}\n          onDelete={deleteNode}\n          onClose={closeModal}\n          onSave={(els, aps, fls) => {\n            setData(els, aps, fls);\n            setModalOpen(false);\n          }}\n          closeOnClickOutside={false}\n        />\n      )}\n      {elements.length > 0 && (\n        <button type=\"button\"\n          ref={buttonRef}\n          className={`excalidraw-button ${isSelected ? 'selected' : ''}`}>\n          <ExcalidrawImage\n            imageContainerRef={imageContainerRef}\n            className=\"image\"\n            elements={elements}\n            files={files}\n            appState={appState}\n            width={width}\n            height={height}\n          />\n          {isSelected && isEditable && (\n            <div\n              className=\"image-edit-button\"\n              role=\"button\"\n              tabIndex={0}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={openModal}\n            />\n          )}\n          {(isSelected || isResizing) && isEditable && (\n            <ImageResizer\n              buttonRef={captionButtonRef}\n              showCaption={true}\n              setShowCaption={() => null}\n              imageRef={imageContainerRef}\n              editor={editor}\n              onResizeStart={onResizeStart}\n              onResizeEnd={onResizeEnd}\n              captionsEnabled={true}\n            />\n          )}\n        </button>\n      )}\n    </>\n  );\n}\n","/**\r\n * Copyright (c) Meta Platforms, Inc. and affiliates.\r\n *\r\n * This source code is licensed under the MIT license found in the\r\n * LICENSE file in the root directory of this source tree.\r\n *\r\n */\r\n\r\nimport type {\r\n  ExcalidrawElement,\r\n  NonDeleted,\r\n} from '@excalidraw/excalidraw/element/types';\r\nimport type {AppState, BinaryFiles} from '@excalidraw/excalidraw/types';\r\nimport type {JSX} from 'react';\r\n\r\nimport * as React from 'react';\r\nimport {useEffect, useState} from 'react';\r\n\r\ntype ImageType = 'svg' | 'canvas';\r\n\r\ntype Dimension = 'inherit' | number;\r\n\r\ntype Props = {\r\n  /**\r\n   * Configures the export setting for SVG/Canvas\r\n   */\r\n  appState: AppState;\r\n  /**\r\n   * The css class applied to image to be rendered\r\n   */\r\n  className?: string;\r\n  /**\r\n   * The Excalidraw elements to be rendered as an image\r\n   */\r\n  elements: NonDeleted<ExcalidrawElement>[];\r\n  /**\r\n   * The Excalidraw files associated with the elements\r\n   */\r\n  files: BinaryFiles;\r\n  /**\r\n   * The height of the image to be rendered\r\n   */\r\n  height?: Dimension;\r\n  /**\r\n   * The ref object to be used to render the image\r\n   */\r\n  imageContainerRef: React.RefObject<HTMLDivElement | null>;\r\n  /**\r\n   * The type of image to be rendered\r\n   */\r\n  imageType?: ImageType;\r\n  /**\r\n   * The css class applied to the root element of this component\r\n   */\r\n  rootClassName?: string | null;\r\n  /**\r\n   * The width of the image to be rendered\r\n   */\r\n  width?: Dimension;\r\n};\r\n\r\n// exportToSvg has fonts from excalidraw.com\r\n// We don't want them to be used in open source\r\nconst removeStyleFromSvg_HACK = (svg: SVGElement) => {\r\n  const styleTag = svg?.firstElementChild?.firstElementChild;\r\n\r\n  // Generated SVG is getting double-sized by height and width attributes\r\n  // We want to match the real size of the SVG element\r\n  const viewBox = svg.getAttribute('viewBox');\r\n  if (viewBox != null) {\r\n    const viewBoxDimensions = viewBox.split(' ');\r\n    svg.setAttribute('width', viewBoxDimensions[2]);\r\n    svg.setAttribute('height', viewBoxDimensions[3]);\r\n  }\r\n\r\n  if (styleTag && styleTag.tagName === 'style') {\r\n    styleTag.remove();\r\n  }\r\n};\r\n\r\n/**\r\n * @explorer-desc\r\n * A component for rendering Excalidraw elements as a static image\r\n */\r\nexport default function ExcalidrawImage({\r\n  elements,\r\n  files,\r\n  imageContainerRef,\r\n  appState,\r\n  rootClassName = null,\r\n  width = 'inherit',\r\n  height = 'inherit',\r\n}: Props): JSX.Element {\r\n  const [Svg, setSvg] = useState<SVGElement | null>(null);\r\n\r\n  useEffect(() => {\r\n    const setContent = async () => {\r\n      const {exportToSvg} = await import('@excalidraw/excalidraw');\r\n      const svg: SVGElement = await exportToSvg({\r\n        appState,\r\n        elements,\r\n        files,\r\n      });\r\n      removeStyleFromSvg_HACK(svg);\r\n\r\n      svg.setAttribute('width', '100%');\r\n      svg.setAttribute('height', '100%');\r\n      svg.setAttribute('display', 'block');\r\n\r\n      setSvg(svg);\r\n    };\r\n    setContent();\r\n  }, [elements, files, appState]);\r\n\r\n  const containerStyle: React.CSSProperties = {};\r\n  if (width !== 'inherit') {\r\n    containerStyle.width = `${width}px`;\r\n  }\r\n  if (height !== 'inherit') {\r\n    containerStyle.height = `${height}px`;\r\n  }\r\n\r\n  return (\r\n    <div\r\n      ref={(node) => {\r\n        if (node) {\r\n          if (imageContainerRef) {\r\n            (imageContainerRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\r\n          }\r\n        }\r\n      }}\r\n      className={rootClassName ?? ''}\r\n      style={containerStyle}\r\n      dangerouslySetInnerHTML={{__html: Svg?.outerHTML ?? ''}}\r\n    />\r\n  );\r\n}\r\n"],"mappings":"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","names":["useEffect","useState","jsx","useState","useEffect"]}

package/dist/ExcalidrawComponent-U6BD7DUB.css

@@ -0,0 +1,152 @@
+/* src/ui/ExcalidrawModal.css */
+.ExcalidrawModal__overlay {
+  display: flex;
+  align-items: center;
+  position: fixed;
+  flex-direction: column;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  flex-grow: 0px;
+  flex-shrink: 1px;
+  z-index: 10000;
+  background-color: rgba(40, 40, 40, 0.6);
+  pointer-events: auto;
+}
+.ExcalidrawModal__actions {
+  text-align: end;
+  position: absolute;
+  right: 5px;
+  top: 5px;
+  z-index: 1;
+}
+.ExcalidrawModal__actions button {
+  background-color: #fff;
+  border-radius: 5px;
+}
+.ExcalidrawModal__row {
+  position: relative;
+  padding: 40px 5px 5px;
+  width: 90vw;
+  height: 80vh;
+  border-radius: 8px;
+  box-shadow:
+    0 12px 28px 0 rgba(0, 0, 0, 0.2),
+    0 2px 4px 0 rgba(0, 0, 0, 0.1),
+    inset 0 0 0 1px rgba(255, 255, 255, 0.5);
+}
+.ExcalidrawModal__row > div {
+  border-radius: 5px;
+}
+.ExcalidrawModal__modal {
+  position: relative;
+  top: 50px;
+  width: auto;
+  left: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 8px;
+  background-color: #eee;
+}
+.ExcalidrawModal__discardModal {
+  margin-top: 60px;
+  text-align: center;
+}
+.excalidraw-modal-container {
+  position: fixed !important;
+  z-index: 10001 !important;
+  inset: 0;
+  overflow: auto !important;
+  pointer-events: auto !important;
+}
+.excalidraw-modal-container .Modal {
+  pointer-events: auto !important;
+}
+
+/* src/ui/Button.css */
+.Button__root {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  padding-left: 15px;
+  padding-right: 15px;
+  border: 0px;
+  background-color: #eee;
+  border-radius: 5px;
+  cursor: pointer;
+  font-size: 14px;
+}
+.Button__root:hover {
+  background-color: #ddd;
+}
+.Button__small {
+  padding-top: 5px;
+  padding-bottom: 5px;
+  padding-left: 10px;
+  padding-right: 10px;
+  font-size: 13px;
+}
+.Button__disabled {
+  cursor: not-allowed;
+}
+.Button__disabled:hover {
+  background-color: #eee;
+}
+
+/* src/ui/Modal.css */
+.Modal__overlay {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: fixed;
+  flex-direction: column;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  background-color: rgba(40, 40, 40, 0.6);
+  flex-grow: 0px;
+  pointer-events: auto;
+  flex-shrink: 1px;
+  z-index: 10000;
+}
+.Modal__modal {
+  padding: 20px;
+  min-height: 100px;
+  min-width: 300px;
+  display: flex;
+  flex-grow: 0px;
+  background-color: #fff;
+  flex-direction: column;
+  position: relative;
+  box-shadow: 0 0 20px 0 #444;
+  border-radius: 10px;
+}
+.Modal__title {
+  color: #444;
+  margin: 0px;
+  padding-bottom: 10px;
+  border-bottom: 1px solid #ccc;
+}
+.Modal__closeButton {
+  border: 0px;
+  position: absolute;
+  right: 20px;
+  border-radius: 20px;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  width: 30px;
+  height: 30px;
+  text-align: center;
+  cursor: pointer;
+  background-color: #eee;
+}
+.Modal__closeButton:hover {
+  background-color: #ddd;
+}
+.Modal__content {
+  padding-top: 20px;
+}
+/*# sourceMappingURL=ExcalidrawComponent-U6BD7DUB.css.map */

package/dist/ExcalidrawComponent-U6BD7DUB.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/ExcalidrawModal.css","../src/ui/Button.css","../src/ui/Modal.css"],"sourcesContent":["/**\r\n * Copyright (c) Meta Platforms, Inc. and affiliates.\r\n *\r\n * This source code is licensed under the MIT license found in the\r\n * LICENSE file in the root directory of this source tree.\r\n *\r\n *\r\n */\r\n\r\n.ExcalidrawModal__overlay {\r\n  display: flex;\r\n  align-items: center;\r\n  position: fixed;\r\n  flex-direction: column;\r\n  top: 0px;\r\n  bottom: 0px;\r\n  left: 0px;\r\n  right: 0px;\r\n  flex-grow: 0px;\r\n  flex-shrink: 1px;\r\n  z-index: 10000;\r\n  background-color: rgba(40, 40, 40, 0.6);\r\n  pointer-events: auto;\r\n}\r\n.ExcalidrawModal__actions {\r\n  text-align: end;\r\n  position: absolute;\r\n  right: 5px;\r\n  top: 5px;\r\n  z-index: 1;\r\n}\r\n.ExcalidrawModal__actions button {\r\n  background-color: #fff;\r\n  border-radius: 5px;\r\n}\r\n.ExcalidrawModal__row {\r\n  position: relative;\r\n  padding: 40px 5px 5px;\r\n  width: 90vw;\r\n  height: 80vh;\r\n  border-radius: 8px;\r\n  box-shadow:\r\n    0 12px 28px 0 rgba(0, 0, 0, 0.2),\r\n    0 2px 4px 0 rgba(0, 0, 0, 0.1),\r\n    inset 0 0 0 1px rgba(255, 255, 255, 0.5);\r\n}\r\n.ExcalidrawModal__row > div {\r\n  border-radius: 5px;\r\n}\r\n.ExcalidrawModal__modal {\r\n  position: relative;\r\n  top: 50px;\r\n  width: auto;\r\n  left: 0;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  border-radius: 8px;\r\n  background-color: #eee;\r\n}\r\n.ExcalidrawModal__discardModal {\r\n  margin-top: 60px;\r\n  text-align: center;\r\n}\r\n\r\n/* Ensure Excalidraw's internal modal dialogs (Help, etc.) render above\r\n   all other overlays. The modal-container is portaled to <body> as a sibling\r\n   of .ExcalidrawModal__overlay (not a child), so target it directly.\r\n   It uses position:absolute and z-index:1000 by default — override to fixed\r\n   with a higher z-index so it renders above the Excalidraw overlay (10000). */\r\n.excalidraw-modal-container {\r\n  position: fixed !important;\r\n  z-index: 10001 !important;\r\n  inset: 0;\r\n  overflow: auto !important;\r\n  pointer-events: auto !important;\r\n}\r\n\r\n/* Excalidraw sets pointer-events:none on .Modal when no dialog is\r\n   actively shown. Override so the help/settings dialogs are interactive. */\r\n.excalidraw-modal-container .Modal {\r\n  pointer-events: auto !important;\r\n}\r\n","/**\r\n * Copyright (c) Meta Platforms, Inc. and affiliates.\r\n *\r\n * This source code is licensed under the MIT license found in the\r\n * LICENSE file in the root directory of this source tree.\r\n *\r\n *\r\n */\r\n\r\n.Button__root {\r\n  padding-top: 10px;\r\n  padding-bottom: 10px;\r\n  padding-left: 15px;\r\n  padding-right: 15px;\r\n  border: 0px;\r\n  background-color: #eee;\r\n  border-radius: 5px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n}\r\n.Button__root:hover {\r\n  background-color: #ddd;\r\n}\r\n.Button__small {\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n  padding-left: 10px;\r\n  padding-right: 10px;\r\n  font-size: 13px;\r\n}\r\n.Button__disabled {\r\n  cursor: not-allowed;\r\n}\r\n.Button__disabled:hover {\r\n  background-color: #eee;\r\n}\r\n","/**\r\n * Copyright (c) Meta Platforms, Inc. and affiliates.\r\n *\r\n * This source code is licensed under the MIT license found in the\r\n * LICENSE file in the root directory of this source tree.\r\n *\r\n *\r\n */\r\n\r\n.Modal__overlay {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: fixed;\r\n  flex-direction: column;\r\n  top: 0px;\r\n  bottom: 0px;\r\n  left: 0px;\r\n  right: 0px;\r\n  background-color: rgba(40, 40, 40, 0.6);\r\n  flex-grow: 0px;\r\n  pointer-events: auto;\r\n  flex-shrink: 1px;\r\n  z-index: 10000;\r\n}\r\n.Modal__modal {\r\n  padding: 20px;\r\n  min-height: 100px;\r\n  min-width: 300px;\r\n  display: flex;\r\n  flex-grow: 0px;\r\n  background-color: #fff;\r\n  flex-direction: column;\r\n  position: relative;\r\n  box-shadow: 0 0 20px 0 #444;\r\n  border-radius: 10px;\r\n}\r\n.Modal__title {\r\n  color: #444;\r\n  margin: 0px;\r\n  padding-bottom: 10px;\r\n  border-bottom: 1px solid #ccc;\r\n}\r\n.Modal__closeButton {\r\n  border: 0px;\r\n  position: absolute;\r\n  right: 20px;\r\n  border-radius: 20px;\r\n  justify-content: center;\r\n  align-items: center;\r\n  display: flex;\r\n  width: 30px;\r\n  height: 30px;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  background-color: #eee;\r\n}\r\n.Modal__closeButton:hover {\r\n  background-color: #ddd;\r\n}\r\n.Modal__content {\r\n  padding-top: 20px;\r\n}\r\n"],"mappings":";AASA,CAAC;AACC,WAAS;AACT,eAAa;AACb,YAAU;AACV,kBAAgB;AAChB,OAAK;AACL,UAAQ;AACR,QAAM;AACN,SAAO;AACP,aAAW;AACX,eAAa;AACb,WAAS;AACT,oBAAkB,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACnC,kBAAgB;AAClB;AACA,CAAC;AACC,cAAY;AACZ,YAAU;AACV,SAAO;AACP,OAAK;AACL,WAAS;AACX;AACA,CAPC,yBAOyB;AACxB,oBAAkB;AAClB,iBAAe;AACjB;AACA,CAAC;AACC,YAAU;AACV,WAAS,KAAK,IAAI;AAClB,SAAO;AACP,UAAQ;AACR,iBAAe;AACf;AAAA,IACE,EAAE,KAAK,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI;AAAA,IAChC,EAAE,IAAI,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI;AAAA,IAC9B,MAAM,EAAE,EAAE,EAAE,IAAI,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACxC;AACA,CAXC,qBAWqB,EAAE;AACtB,iBAAe;AACjB;AACA,CAAC;AACC,YAAU;AACV,OAAK;AACL,SAAO;AACP,QAAM;AACN,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,iBAAe;AACf,oBAAkB;AACpB;AACA,CAAC;AACC,cAAY;AACZ,cAAY;AACd;AAOA,CAAC;AACC,YAAU;AACV,WAAS;AACT,SAAO;AACP,YAAU;AACV,kBAAgB;AAClB;AAIA,CAVC,2BAU2B,CAAC;AAC3B,kBAAgB;AAClB;;;ACzEA,CAAC;AACC,eAAa;AACb,kBAAgB;AAChB,gBAAc;AACd,iBAAe;AACf,UAAQ;AACR,oBAAkB;AAClB,iBAAe;AACf,UAAQ;AACR,aAAW;AACb;AACA,CAXC,YAWY;AACX,oBAAkB;AACpB;AACA,CAAC;AACC,eAAa;AACb,kBAAgB;AAChB,gBAAc;AACd,iBAAe;AACf,aAAW;AACb;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAHC,gBAGgB;AACf,oBAAkB;AACpB;;;AC1BA,CAAC;AACC,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,YAAU;AACV,kBAAgB;AAChB,OAAK;AACL,UAAQ;AACR,QAAM;AACN,SAAO;AACP,oBAAkB,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACnC,aAAW;AACX,kBAAgB;AAChB,eAAa;AACb,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACT,cAAY;AACZ,aAAW;AACX,WAAS;AACT,aAAW;AACX,oBAAkB;AAClB,kBAAgB;AAChB,YAAU;AACV,cAAY,EAAE,EAAE,KAAK,EAAE;AACvB,iBAAe;AACjB;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,kBAAgB;AAChB,iBAAe,IAAI,MAAM;AAC3B;AACA,CAAC;AACC,UAAQ;AACR,YAAU;AACV,SAAO;AACP,iBAAe;AACf,mBAAiB;AACjB,eAAa;AACb,WAAS;AACT,SAAO;AACP,UAAQ;AACR,cAAY;AACZ,UAAQ;AACR,oBAAkB;AACpB;AACA,CAdC,kBAckB;AACjB,oBAAkB;AACpB;AACA,CAAC;AACC,eAAa;AACf;","names":[]}