@baasix/lexical 0.0.2

package/dist/chunk-BHROZTZU.js

@@ -0,0 +1,42 @@
+// src/context/SharedHistoryContext.tsx
+import { createEmptyHistoryState } from "@lexical/react/LexicalHistoryPlugin";
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var Context = createContext({});
+var SharedHistoryContext = ({
+  children
+}) => {
+  const historyContext = useMemo(
+    () => ({ historyState: createEmptyHistoryState() }),
+    []
+  );
+  return /* @__PURE__ */ jsx(Context.Provider, { value: historyContext, children });
+};
+var useSharedHistoryContext = () => {
+  return useContext(Context);
+};
+
+// src/ui/ContentEditable.tsx
+import { ContentEditable } from "@lexical/react/LexicalContentEditable";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function LexicalContentEditable({
+  className,
+  placeholder,
+  placeholderClassName
+}) {
+  return /* @__PURE__ */ jsx2(
+    ContentEditable,
+    {
+      className: className ?? "ContentEditable__root",
+      "aria-placeholder": placeholder,
+      placeholder: /* @__PURE__ */ jsx2("div", { className: placeholderClassName ?? "ContentEditable__placeholder", children: placeholder })
+    }
+  );
+}
+
+export {
+  SharedHistoryContext,
+  useSharedHistoryContext,
+  LexicalContentEditable
+};
+//# sourceMappingURL=chunk-BHROZTZU.js.map

package/dist/chunk-BHROZTZU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context/SharedHistoryContext.tsx","../src/ui/ContentEditable.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 {HistoryState} from '@lexical/react/LexicalHistoryPlugin';\r\nimport type {JSX} from 'react';\r\n\r\nimport {createEmptyHistoryState} from '@lexical/react/LexicalHistoryPlugin';\r\nimport * as React from 'react';\r\nimport {createContext, ReactNode, useContext, useMemo} from 'react';\r\n\r\ntype ContextShape = {\r\n  historyState?: HistoryState;\r\n};\r\n\r\nconst Context: React.Context<ContextShape> = createContext({});\r\n\r\nexport const SharedHistoryContext = ({\r\n  children,\r\n}: {\r\n  children: ReactNode;\r\n}): JSX.Element => {\r\n  const historyContext = useMemo(\r\n    () => ({historyState: createEmptyHistoryState()}),\r\n    [],\r\n  );\r\n  return <Context.Provider value={historyContext}>{children}</Context.Provider>;\r\n};\r\n\r\nexport const useSharedHistoryContext = (): ContextShape => {\r\n  return useContext(Context);\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} from 'react';\r\n\r\nimport './ContentEditable.css';\r\n\r\nimport {ContentEditable} from '@lexical/react/LexicalContentEditable';\r\nimport * as React from 'react';\r\n\r\ntype Props = {\r\n  className?: string;\r\n  placeholderClassName?: string;\r\n  placeholder: string;\r\n};\r\n\r\nexport default function LexicalContentEditable({\r\n  className,\r\n  placeholder,\r\n  placeholderClassName,\r\n}: Props): JSX.Element {\r\n  return (\r\n    <ContentEditable\r\n      className={className ?? 'ContentEditable__root'}\r\n      aria-placeholder={placeholder}\r\n      placeholder={\r\n        <div className={placeholderClassName ?? 'ContentEditable__placeholder'}>\r\n          {placeholder}\r\n        </div>\r\n      }\r\n    />\r\n  );\r\n}\r\n"],"mappings":";AAWA,SAAQ,+BAA8B;AAEtC,SAAQ,eAA0B,YAAY,eAAc;AAiBnD;AAXT,IAAM,UAAuC,cAAc,CAAC,CAAC;AAEtD,IAAM,uBAAuB,CAAC;AAAA,EACnC;AACF,MAEmB;AACjB,QAAM,iBAAiB;AAAA,IACrB,OAAO,EAAC,cAAc,wBAAwB,EAAC;AAAA,IAC/C,CAAC;AAAA,EACH;AACA,SAAO,oBAAC,QAAQ,UAAR,EAAiB,OAAO,gBAAiB,UAAS;AAC5D;AAEO,IAAM,0BAA0B,MAAoB;AACzD,SAAO,WAAW,OAAO;AAC3B;;;ACvBA,SAAQ,uBAAsB;AAmBtB,gBAAAA,YAAA;AAVO,SAAR,uBAAwC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,aAAa;AAAA,MACxB,oBAAkB;AAAA,MAClB,aACE,gBAAAA,KAAC,SAAI,WAAW,wBAAwB,gCACrC,uBACH;AAAA;AAAA,EAEJ;AAEJ;","names":["jsx"]}

package/dist/chunk-FJ6COZ4H.js

@@ -0,0 +1,275 @@
+// src/ui/ImageResizer.tsx
+import { calculateZoomLevel } from "@lexical/utils";
+import { useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function clamp(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+var Direction = {
+  east: 1 << 0,
+  north: 1 << 3,
+  south: 1 << 1,
+  west: 1 << 2
+};
+function ImageResizer({
+  onResizeStart,
+  onResizeEnd,
+  buttonRef,
+  imageRef,
+  maxWidth,
+  editor,
+  showCaption,
+  setShowCaption,
+  captionsEnabled
+}) {
+  const controlWrapperRef = useRef(null);
+  const userSelect = useRef({
+    priority: "",
+    value: "default"
+  });
+  const positioningRef = useRef({
+    currentHeight: 0,
+    currentWidth: 0,
+    direction: 0,
+    isResizing: false,
+    ratio: 0,
+    startHeight: 0,
+    startWidth: 0,
+    startX: 0,
+    startY: 0
+  });
+  const editorRootElement = editor.getRootElement();
+  const maxWidthContainer = maxWidth ? maxWidth : editorRootElement !== null ? editorRootElement.getBoundingClientRect().width - 20 : 100;
+  const maxHeightContainer = editorRootElement !== null ? editorRootElement.getBoundingClientRect().height - 20 : 100;
+  const minWidth = 100;
+  const minHeight = 100;
+  const setStartCursor = (direction) => {
+    const ew = direction === Direction.east || direction === Direction.west;
+    const ns = direction === Direction.north || direction === Direction.south;
+    const nwse = direction & Direction.north && direction & Direction.west || direction & Direction.south && direction & Direction.east;
+    const cursorDir = ew ? "ew" : ns ? "ns" : nwse ? "nwse" : "nesw";
+    if (editorRootElement !== null) {
+      editorRootElement.style.setProperty(
+        "cursor",
+        `${cursorDir}-resize`,
+        "important"
+      );
+    }
+    if (document.body !== null) {
+      document.body.style.setProperty(
+        "cursor",
+        `${cursorDir}-resize`,
+        "important"
+      );
+      userSelect.current.value = document.body.style.getPropertyValue(
+        "-webkit-user-select"
+      );
+      userSelect.current.priority = document.body.style.getPropertyPriority(
+        "-webkit-user-select"
+      );
+      document.body.style.setProperty(
+        "-webkit-user-select",
+        `none`,
+        "important"
+      );
+    }
+  };
+  const setEndCursor = () => {
+    if (editorRootElement !== null) {
+      editorRootElement.style.setProperty("cursor", "text");
+    }
+    if (document.body !== null) {
+      document.body.style.setProperty("cursor", "default");
+      document.body.style.setProperty(
+        "-webkit-user-select",
+        userSelect.current.value,
+        userSelect.current.priority
+      );
+    }
+  };
+  const handlePointerDown = (event, direction) => {
+    if (!editor.isEditable()) {
+      return;
+    }
+    const image = imageRef.current;
+    const controlWrapper = controlWrapperRef.current;
+    if (image !== null && controlWrapper !== null) {
+      event.preventDefault();
+      const { width, height } = image.getBoundingClientRect();
+      const zoom = calculateZoomLevel(image);
+      const positioning = positioningRef.current;
+      positioning.startWidth = width;
+      positioning.startHeight = height;
+      positioning.ratio = width / height;
+      positioning.currentWidth = width;
+      positioning.currentHeight = height;
+      positioning.startX = event.clientX / zoom;
+      positioning.startY = event.clientY / zoom;
+      positioning.isResizing = true;
+      positioning.direction = direction;
+      setStartCursor(direction);
+      onResizeStart();
+      controlWrapper.classList.add("image-control-wrapper--resizing");
+      image.style.height = `${height}px`;
+      image.style.width = `${width}px`;
+      document.addEventListener("pointermove", handlePointerMove);
+      document.addEventListener("pointerup", handlePointerUp);
+    }
+  };
+  const handlePointerMove = (event) => {
+    const image = imageRef.current;
+    const positioning = positioningRef.current;
+    const isHorizontal = positioning.direction & (Direction.east | Direction.west);
+    const isVertical = positioning.direction & (Direction.south | Direction.north);
+    if (image !== null && positioning.isResizing) {
+      const zoom = calculateZoomLevel(image);
+      if (isHorizontal && isVertical) {
+        let diff = Math.floor(positioning.startX - event.clientX / zoom);
+        diff = positioning.direction & Direction.east ? -diff : diff;
+        const width = clamp(
+          positioning.startWidth + diff,
+          minWidth,
+          maxWidthContainer
+        );
+        const height = width / positioning.ratio;
+        image.style.width = `${width}px`;
+        image.style.height = `${height}px`;
+        positioning.currentHeight = height;
+        positioning.currentWidth = width;
+      } else if (isVertical) {
+        let diff = Math.floor(positioning.startY - event.clientY / zoom);
+        diff = positioning.direction & Direction.south ? -diff : diff;
+        const height = clamp(
+          positioning.startHeight + diff,
+          minHeight,
+          maxHeightContainer
+        );
+        image.style.height = `${height}px`;
+        positioning.currentHeight = height;
+      } else {
+        let diff = Math.floor(positioning.startX - event.clientX / zoom);
+        diff = positioning.direction & Direction.east ? -diff : diff;
+        const width = clamp(
+          positioning.startWidth + diff,
+          minWidth,
+          maxWidthContainer
+        );
+        image.style.width = `${width}px`;
+        positioning.currentWidth = width;
+      }
+    }
+  };
+  const handlePointerUp = () => {
+    const image = imageRef.current;
+    const positioning = positioningRef.current;
+    const controlWrapper = controlWrapperRef.current;
+    if (image !== null && controlWrapper !== null && positioning.isResizing) {
+      const width = positioning.currentWidth;
+      const height = positioning.currentHeight;
+      positioning.startWidth = 0;
+      positioning.startHeight = 0;
+      positioning.ratio = 0;
+      positioning.startX = 0;
+      positioning.startY = 0;
+      positioning.currentWidth = 0;
+      positioning.currentHeight = 0;
+      positioning.isResizing = false;
+      controlWrapper.classList.remove("image-control-wrapper--resizing");
+      setEndCursor();
+      onResizeEnd(width, height);
+      document.removeEventListener("pointermove", handlePointerMove);
+      document.removeEventListener("pointerup", handlePointerUp);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { ref: controlWrapperRef, children: [
+    !showCaption && captionsEnabled && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "image-caption-button",
+        ref: buttonRef,
+        onClick: () => {
+          setShowCaption(!showCaption);
+        },
+        children: "Add Caption"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-n",
+        onPointerDown: (event) => {
+          handlePointerDown(event, Direction.north);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-ne",
+        onPointerDown: (event) => {
+          handlePointerDown(event, Direction.north | Direction.east);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-e",
+        onPointerDown: (event) => {
+          handlePointerDown(event, Direction.east);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-se",
+        onPointerDown: (event) => {
+          handlePointerDown(event, Direction.south | Direction.east);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-s",
+        onPointerDown: (event) => {
+          handlePointerDown(event, Direction.south);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-sw",
+        onPointerDown: (event) => {
+          handlePointerDown(event, Direction.south | Direction.west);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-w",
+        onPointerDown: (event) => {
+          handlePointerDown(event, Direction.west);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-nw",
+        onPointerDown: (event) => {
+          handlePointerDown(event, Direction.north | Direction.west);
+        }
+      }
+    )
+  ] });
+}
+
+export {
+  ImageResizer
+};
+//# sourceMappingURL=chunk-FJ6COZ4H.js.map

package/dist/chunk-FJ6COZ4H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/ImageResizer.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 {LexicalEditor} from 'lexical';\nimport type {JSX} from 'react';\n\nimport {calculateZoomLevel} from '@lexical/utils';\nimport * as React from 'react';\nimport {useRef} from 'react';\n\nfunction clamp(value: number, min: number, max: number) {\n  return Math.min(Math.max(value, min), max);\n}\n\nconst Direction = {\n  east: 1 << 0,\n  north: 1 << 3,\n  south: 1 << 1,\n  west: 1 << 2,\n};\n\nexport default function ImageResizer({\n  onResizeStart,\n  onResizeEnd,\n  buttonRef,\n  imageRef,\n  maxWidth,\n  editor,\n  showCaption,\n  setShowCaption,\n  captionsEnabled,\n}: {\n  editor: LexicalEditor;\n  buttonRef: {current: null | HTMLButtonElement};\n  imageRef: {current: null | HTMLElement};\n  maxWidth?: number;\n  onResizeEnd: (width: 'inherit' | number, height: 'inherit' | number) => void;\n  onResizeStart: () => void;\n  setShowCaption: (show: boolean) => void;\n  showCaption: boolean;\n  captionsEnabled: boolean;\n}): JSX.Element {\n  const controlWrapperRef = useRef<HTMLDivElement>(null);\n  const userSelect = useRef({\n    priority: '',\n    value: 'default',\n  });\n  const positioningRef = useRef<{\n    currentHeight: 'inherit' | number;\n    currentWidth: 'inherit' | number;\n    direction: number;\n    isResizing: boolean;\n    ratio: number;\n    startHeight: number;\n    startWidth: number;\n    startX: number;\n    startY: number;\n  }>({\n    currentHeight: 0,\n    currentWidth: 0,\n    direction: 0,\n    isResizing: false,\n    ratio: 0,\n    startHeight: 0,\n    startWidth: 0,\n    startX: 0,\n    startY: 0,\n  });\n  const editorRootElement = editor.getRootElement();\n  // Find max width, accounting for editor padding.\n  const maxWidthContainer = maxWidth\n    ? maxWidth\n    : editorRootElement !== null\n      ? editorRootElement.getBoundingClientRect().width - 20\n      : 100;\n  const maxHeightContainer =\n    editorRootElement !== null\n      ? editorRootElement.getBoundingClientRect().height - 20\n      : 100;\n\n  const minWidth = 100;\n  const minHeight = 100;\n\n  const setStartCursor = (direction: number) => {\n    const ew = direction === Direction.east || direction === Direction.west;\n    const ns = direction === Direction.north || direction === Direction.south;\n    const nwse =\n      (direction & Direction.north && direction & Direction.west) ||\n      (direction & Direction.south && direction & Direction.east);\n\n    const cursorDir = ew ? 'ew' : ns ? 'ns' : nwse ? 'nwse' : 'nesw';\n\n    if (editorRootElement !== null) {\n      editorRootElement.style.setProperty(\n        'cursor',\n        `${cursorDir}-resize`,\n        'important',\n      );\n    }\n    if (document.body !== null) {\n      document.body.style.setProperty(\n        'cursor',\n        `${cursorDir}-resize`,\n        'important',\n      );\n      userSelect.current.value = document.body.style.getPropertyValue(\n        '-webkit-user-select',\n      );\n      userSelect.current.priority = document.body.style.getPropertyPriority(\n        '-webkit-user-select',\n      );\n      document.body.style.setProperty(\n        '-webkit-user-select',\n        `none`,\n        'important',\n      );\n    }\n  };\n\n  const setEndCursor = () => {\n    if (editorRootElement !== null) {\n      editorRootElement.style.setProperty('cursor', 'text');\n    }\n    if (document.body !== null) {\n      document.body.style.setProperty('cursor', 'default');\n      document.body.style.setProperty(\n        '-webkit-user-select',\n        userSelect.current.value,\n        userSelect.current.priority,\n      );\n    }\n  };\n\n  const handlePointerDown = (\n    event: React.PointerEvent<HTMLDivElement>,\n    direction: number,\n  ) => {\n    if (!editor.isEditable()) {\n      return;\n    }\n\n    const image = imageRef.current;\n    const controlWrapper = controlWrapperRef.current;\n\n    if (image !== null && controlWrapper !== null) {\n      event.preventDefault();\n      const {width, height} = image.getBoundingClientRect();\n      const zoom = calculateZoomLevel(image);\n      const positioning = positioningRef.current;\n      positioning.startWidth = width;\n      positioning.startHeight = height;\n      positioning.ratio = width / height;\n      positioning.currentWidth = width;\n      positioning.currentHeight = height;\n      positioning.startX = event.clientX / zoom;\n      positioning.startY = event.clientY / zoom;\n      positioning.isResizing = true;\n      positioning.direction = direction;\n\n      setStartCursor(direction);\n      onResizeStart();\n\n      controlWrapper.classList.add('image-control-wrapper--resizing');\n      image.style.height = `${height}px`;\n      image.style.width = `${width}px`;\n\n      document.addEventListener('pointermove', handlePointerMove);\n      document.addEventListener('pointerup', handlePointerUp);\n    }\n  };\n  const handlePointerMove = (event: PointerEvent) => {\n    const image = imageRef.current;\n    const positioning = positioningRef.current;\n\n    const isHorizontal =\n      positioning.direction & (Direction.east | Direction.west);\n    const isVertical =\n      positioning.direction & (Direction.south | Direction.north);\n\n    if (image !== null && positioning.isResizing) {\n      const zoom = calculateZoomLevel(image);\n      // Corner cursor\n      if (isHorizontal && isVertical) {\n        let diff = Math.floor(positioning.startX - event.clientX / zoom);\n        diff = positioning.direction & Direction.east ? -diff : diff;\n\n        const width = clamp(\n          positioning.startWidth + diff,\n          minWidth,\n          maxWidthContainer,\n        );\n\n        const height = width / positioning.ratio;\n        image.style.width = `${width}px`;\n        image.style.height = `${height}px`;\n        positioning.currentHeight = height;\n        positioning.currentWidth = width;\n      } else if (isVertical) {\n        let diff = Math.floor(positioning.startY - event.clientY / zoom);\n        diff = positioning.direction & Direction.south ? -diff : diff;\n\n        const height = clamp(\n          positioning.startHeight + diff,\n          minHeight,\n          maxHeightContainer,\n        );\n\n        image.style.height = `${height}px`;\n        positioning.currentHeight = height;\n      } else {\n        let diff = Math.floor(positioning.startX - event.clientX / zoom);\n        diff = positioning.direction & Direction.east ? -diff : diff;\n\n        const width = clamp(\n          positioning.startWidth + diff,\n          minWidth,\n          maxWidthContainer,\n        );\n\n        image.style.width = `${width}px`;\n        positioning.currentWidth = width;\n      }\n    }\n  };\n  const handlePointerUp = () => {\n    const image = imageRef.current;\n    const positioning = positioningRef.current;\n    const controlWrapper = controlWrapperRef.current;\n    if (image !== null && controlWrapper !== null && positioning.isResizing) {\n      const width = positioning.currentWidth;\n      const height = positioning.currentHeight;\n      positioning.startWidth = 0;\n      positioning.startHeight = 0;\n      positioning.ratio = 0;\n      positioning.startX = 0;\n      positioning.startY = 0;\n      positioning.currentWidth = 0;\n      positioning.currentHeight = 0;\n      positioning.isResizing = false;\n\n      controlWrapper.classList.remove('image-control-wrapper--resizing');\n\n      setEndCursor();\n      onResizeEnd(width, height);\n\n      document.removeEventListener('pointermove', handlePointerMove);\n      document.removeEventListener('pointerup', handlePointerUp);\n    }\n  };\n  return (\n    <div ref={controlWrapperRef}>\n      {!showCaption && captionsEnabled && (\n        <button type=\"button\"\n          className=\"image-caption-button\"\n          ref={buttonRef}\n          onClick={() => {\n            setShowCaption(!showCaption);\n          }}>\n          Add Caption\n        </button>\n      )}\n      <div\n        className=\"image-resizer image-resizer-n\"\n        onPointerDown={(event) => {\n          handlePointerDown(event, Direction.north);\n        }}\n      />\n      <div\n        className=\"image-resizer image-resizer-ne\"\n        onPointerDown={(event) => {\n          handlePointerDown(event, Direction.north | Direction.east);\n        }}\n      />\n      <div\n        className=\"image-resizer image-resizer-e\"\n        onPointerDown={(event) => {\n          handlePointerDown(event, Direction.east);\n        }}\n      />\n      <div\n        className=\"image-resizer image-resizer-se\"\n        onPointerDown={(event) => {\n          handlePointerDown(event, Direction.south | Direction.east);\n        }}\n      />\n      <div\n        className=\"image-resizer image-resizer-s\"\n        onPointerDown={(event) => {\n          handlePointerDown(event, Direction.south);\n        }}\n      />\n      <div\n        className=\"image-resizer image-resizer-sw\"\n        onPointerDown={(event) => {\n          handlePointerDown(event, Direction.south | Direction.west);\n        }}\n      />\n      <div\n        className=\"image-resizer image-resizer-w\"\n        onPointerDown={(event) => {\n          handlePointerDown(event, Direction.west);\n        }}\n      />\n      <div\n        className=\"image-resizer image-resizer-nw\"\n        onPointerDown={(event) => {\n          handlePointerDown(event, Direction.north | Direction.west);\n        }}\n      />\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-GSFNU3JE.js

@@ -0,0 +1,211 @@
+// src/ui/KatexRenderer.tsx
+import { useEffect, useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var katexPromise = null;
+var katexLoaded = null;
+function getKatex() {
+  if (!katexPromise) {
+    katexPromise = Promise.all([
+      import("katex"),
+      // @ts-expect-error -- CSS module import handled by bundler
+      import("katex/dist/katex.css")
+    ]).then(([mod]) => {
+      katexLoaded = mod.default;
+      return mod.default;
+    });
+  }
+  return katexPromise;
+}
+function getKatexSync() {
+  return katexLoaded;
+}
+function KatexRenderer({
+  equation,
+  inline,
+  onDoubleClick
+}) {
+  const katexElementRef = useRef(null);
+  useEffect(() => {
+    let cancelled = false;
+    getKatex().then((katex) => {
+      if (cancelled) return;
+      const katexElement = katexElementRef.current;
+      if (katexElement !== null) {
+        katex.render(equation, katexElement, {
+          displayMode: !inline,
+          errorColor: "#cc0000",
+          output: "html",
+          strict: "warn",
+          throwOnError: false,
+          trust: false
+        });
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [equation, inline]);
+  return (
+    // We use an empty image tag either side to ensure Android doesn't try and compose from the
+    // inner text from Katex. There didn't seem to be any other way of making this work,
+    // without having a physical space.
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
+          width: "0",
+          height: "0",
+          alt: ""
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          role: "button",
+          tabIndex: -1,
+          onDoubleClick,
+          ref: katexElementRef
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
+          width: "0",
+          height: "0",
+          alt: ""
+        }
+      )
+    ] })
+  );
+}
+
+// src/nodes/EquationNode.tsx
+import { $applyNodeReplacement, DecoratorNode } from "lexical";
+import * as React from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var EquationComponent = React.lazy(() => import("./EquationComponent-3IW3ONJD.js"));
+function $convertEquationElement(domNode) {
+  let equation = domNode.getAttribute("data-lexical-equation");
+  const inline = domNode.getAttribute("data-lexical-inline") === "true";
+  equation = atob(equation || "");
+  if (equation) {
+    const node = $createEquationNode(equation, inline);
+    return { node };
+  }
+  return null;
+}
+var EquationNode = class _EquationNode extends DecoratorNode {
+  __equation;
+  __inline;
+  static getType() {
+    return "equation";
+  }
+  static clone(node) {
+    return new _EquationNode(node.__equation, node.__inline, node.__key);
+  }
+  constructor(equation, inline, key) {
+    super(key);
+    this.__equation = equation;
+    this.__inline = inline ?? false;
+  }
+  static importJSON(serializedNode) {
+    return $createEquationNode(
+      serializedNode.equation,
+      serializedNode.inline
+    ).updateFromJSON(serializedNode);
+  }
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      equation: this.getEquation(),
+      inline: this.__inline
+    };
+  }
+  createDOM(_config) {
+    const element = document.createElement(this.__inline ? "span" : "div");
+    element.className = "editor-equation";
+    return element;
+  }
+  exportDOM() {
+    const element = document.createElement(this.__inline ? "span" : "div");
+    const equation = btoa(this.__equation);
+    element.setAttribute("data-lexical-equation", equation);
+    element.setAttribute("data-lexical-inline", `${this.__inline}`);
+    const katex = getKatexSync();
+    if (katex) {
+      katex.render(this.__equation, element, {
+        displayMode: !this.__inline,
+        errorColor: "#cc0000",
+        output: "html",
+        strict: "warn",
+        throwOnError: false,
+        trust: false
+      });
+    } else {
+      element.textContent = this.__equation;
+    }
+    return { element };
+  }
+  static importDOM() {
+    return {
+      div: (domNode) => {
+        if (!domNode.hasAttribute("data-lexical-equation")) {
+          return null;
+        }
+        return {
+          conversion: $convertEquationElement,
+          priority: 2
+        };
+      },
+      span: (domNode) => {
+        if (!domNode.hasAttribute("data-lexical-equation")) {
+          return null;
+        }
+        return {
+          conversion: $convertEquationElement,
+          priority: 1
+        };
+      }
+    };
+  }
+  updateDOM(prevNode) {
+    return this.__inline !== prevNode.__inline;
+  }
+  getTextContent() {
+    return this.__equation;
+  }
+  getEquation() {
+    return this.__equation;
+  }
+  setEquation(equation) {
+    const writable = this.getWritable();
+    writable.__equation = equation;
+  }
+  decorate() {
+    return /* @__PURE__ */ jsx2(
+      EquationComponent,
+      {
+        equation: this.__equation,
+        inline: this.__inline,
+        nodeKey: this.__key
+      }
+    );
+  }
+};
+function $createEquationNode(equation = "", inline = false) {
+  const equationNode = new EquationNode(equation, inline);
+  return $applyNodeReplacement(equationNode);
+}
+function $isEquationNode(node) {
+  return node instanceof EquationNode;
+}
+
+export {
+  KatexRenderer,
+  EquationNode,
+  $createEquationNode,
+  $isEquationNode
+};
+//# sourceMappingURL=chunk-GSFNU3JE.js.map

package/dist/chunk-GSFNU3JE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/KatexRenderer.tsx","../src/nodes/EquationNode.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 * as React from 'react';\r\nimport {useEffect, useRef} from 'react';\r\n\r\nlet katexPromise: Promise<typeof import('katex')['default']> | null = null;\r\nlet katexLoaded: typeof import('katex')['default'] | null = null;\r\n\r\nfunction getKatex(): Promise<typeof import('katex')['default']> {\r\n  if (!katexPromise) {\r\n    katexPromise = Promise.all([\r\n      import('katex'),\r\n      // @ts-expect-error -- CSS module import handled by bundler\r\n      import('katex/dist/katex.css'),\r\n    ]).then(([mod]) => {\r\n      katexLoaded = mod.default;\r\n      return mod.default;\r\n    });\r\n  }\r\n  return katexPromise;\r\n}\r\n\r\n/**\r\n * Returns the katex module synchronously if it has already been loaded,\r\n * or null if it hasn't been loaded yet. Used by EquationNode.exportDOM()\r\n * which must be synchronous.\r\n */\r\nfunction getKatexSync(): typeof import('katex')['default'] | null {\r\n  return katexLoaded;\r\n}\r\n\r\nexport {getKatex, getKatexSync};\r\n\r\nexport default function KatexRenderer({\r\n  equation,\r\n  inline,\r\n  onDoubleClick,\r\n}: Readonly<{\r\n  equation: string;\r\n  inline: boolean;\r\n  onDoubleClick: () => void;\r\n}>): JSX.Element {\r\n  const katexElementRef = useRef(null);\r\n\r\n  useEffect(() => {\r\n    let cancelled = false;\r\n    getKatex().then((katex) => {\r\n      if (cancelled) return;\r\n      const katexElement = katexElementRef.current;\r\n      if (katexElement !== null) {\r\n        katex.render(equation, katexElement, {\r\n          displayMode: !inline,\r\n          errorColor: '#cc0000',\r\n          output: 'html',\r\n          strict: 'warn',\r\n          throwOnError: false,\r\n          trust: false,\r\n        });\r\n      }\r\n    });\r\n    return () => { cancelled = true; };\r\n  }, [equation, inline]);\r\n\r\n  return (\r\n    // We use an empty image tag either side to ensure Android doesn't try and compose from the\r\n    // inner text from Katex. There didn't seem to be any other way of making this work,\r\n    // without having a physical space.\r\n    <>\r\n      <img\r\n        src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n        width=\"0\"\r\n        height=\"0\"\r\n        alt=\"\"\r\n      />\r\n      <span\r\n        role=\"button\"\r\n        tabIndex={-1}\r\n        onDoubleClick={onDoubleClick}\r\n        ref={katexElementRef}\r\n      />\r\n      <img\r\n        src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n        width=\"0\"\r\n        height=\"0\"\r\n        alt=\"\"\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 {\r\n  DOMConversionMap,\r\n  DOMConversionOutput,\r\n  EditorConfig,\r\n  LexicalNode,\r\n  NodeKey,\r\n  SerializedLexicalNode,\r\n  Spread,\r\n} from 'lexical';\r\nimport type {JSX} from 'react';\r\n\r\nimport {$applyNodeReplacement, DecoratorNode, DOMExportOutput} from 'lexical';\r\nimport * as React from 'react';\r\n\r\nimport {getKatexSync} from '../ui/KatexRenderer';\r\n\r\nconst EquationComponent = React.lazy(() => import('./EquationComponent'));\r\n\r\nexport type SerializedEquationNode = Spread<\r\n  {\r\n    equation: string;\r\n    inline: boolean;\r\n  },\r\n  SerializedLexicalNode\r\n>;\r\n\r\nfunction $convertEquationElement(\r\n  domNode: HTMLElement,\r\n): null | DOMConversionOutput {\r\n  let equation = domNode.getAttribute('data-lexical-equation');\r\n  const inline = domNode.getAttribute('data-lexical-inline') === 'true';\r\n  // Decode the equation from base64\r\n  equation = atob(equation || '');\r\n  if (equation) {\r\n    const node = $createEquationNode(equation, inline);\r\n    return {node};\r\n  }\r\n\r\n  return null;\r\n}\r\n\r\nexport class EquationNode extends DecoratorNode<JSX.Element> {\r\n  __equation: string;\r\n  __inline: boolean;\r\n\r\n  static getType(): string {\r\n    return 'equation';\r\n  }\r\n\r\n  static clone(node: EquationNode): EquationNode {\r\n    return new EquationNode(node.__equation, node.__inline, node.__key);\r\n  }\r\n\r\n  constructor(equation: string, inline?: boolean, key?: NodeKey) {\r\n    super(key);\r\n    this.__equation = equation;\r\n    this.__inline = inline ?? false;\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedEquationNode): EquationNode {\r\n    return $createEquationNode(\r\n      serializedNode.equation,\r\n      serializedNode.inline,\r\n    ).updateFromJSON(serializedNode);\r\n  }\r\n\r\n  exportJSON(): SerializedEquationNode {\r\n    return {\r\n      ...super.exportJSON(),\r\n      equation: this.getEquation(),\r\n      inline: this.__inline,\r\n    };\r\n  }\r\n\r\n  createDOM(_config: EditorConfig): HTMLElement {\r\n    const element = document.createElement(this.__inline ? 'span' : 'div');\r\n    // EquationNodes should implement `user-action:none` in their CSS to avoid issues with deletion on Android.\r\n    element.className = 'editor-equation';\r\n    return element;\r\n  }\r\n\r\n  exportDOM(): DOMExportOutput {\r\n    const element = document.createElement(this.__inline ? 'span' : 'div');\r\n    // Encode the equation as base64 to avoid issues with special characters\r\n    const equation = btoa(this.__equation);\r\n    element.setAttribute('data-lexical-equation', equation);\r\n    element.setAttribute('data-lexical-inline', `${this.__inline}`);\r\n    // Use katex synchronously if already loaded (it will be, since\r\n    // EquationComponent renders via KatexRenderer which triggers the load).\r\n    // Falls back to plain text if katex hasn't loaded yet.\r\n    const katex = getKatexSync();\r\n    if (katex) {\r\n      katex.render(this.__equation, element, {\r\n        displayMode: !this.__inline,\r\n        errorColor: '#cc0000',\r\n        output: 'html',\r\n        strict: 'warn',\r\n        throwOnError: false,\r\n        trust: false,\r\n      });\r\n    } else {\r\n      element.textContent = this.__equation;\r\n    }\r\n    return {element};\r\n  }\r\n\r\n  static importDOM(): DOMConversionMap | null {\r\n    return {\r\n      div: (domNode: HTMLElement) => {\r\n        if (!domNode.hasAttribute('data-lexical-equation')) {\r\n          return null;\r\n        }\r\n        return {\r\n          conversion: $convertEquationElement,\r\n          priority: 2,\r\n        };\r\n      },\r\n      span: (domNode: HTMLElement) => {\r\n        if (!domNode.hasAttribute('data-lexical-equation')) {\r\n          return null;\r\n        }\r\n        return {\r\n          conversion: $convertEquationElement,\r\n          priority: 1,\r\n        };\r\n      },\r\n    };\r\n  }\r\n\r\n  updateDOM(prevNode: this): boolean {\r\n    // If the inline property changes, replace the element\r\n    return this.__inline !== prevNode.__inline;\r\n  }\r\n\r\n  getTextContent(): string {\r\n    return this.__equation;\r\n  }\r\n\r\n  getEquation(): string {\r\n    return this.__equation;\r\n  }\r\n\r\n  setEquation(equation: string): void {\r\n    const writable = this.getWritable();\r\n    writable.__equation = equation;\r\n  }\r\n\r\n  decorate(): JSX.Element {\r\n    return (\r\n      <EquationComponent\r\n        equation={this.__equation}\r\n        inline={this.__inline}\r\n        nodeKey={this.__key}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\nexport function $createEquationNode(\r\n  equation = '',\r\n  inline = false,\r\n): EquationNode {\r\n  const equationNode = new EquationNode(equation, inline);\r\n  return $applyNodeReplacement(equationNode);\r\n}\r\n\r\nexport function $isEquationNode(\r\n  node: LexicalNode | null | undefined,\r\n): node is EquationNode {\r\n  return node instanceof EquationNode;\r\n}\r\n"],"mappings":"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","names":["jsx"]}