@baasix/lexical 0.0.2

package/dist/ImageComponent-IYUGOT6O.css

@@ -0,0 +1,73 @@
+/* src/nodes/ImageNode.css */
+.ImageNode__contentEditable {
+  min-height: 20px;
+  border: 0px;
+  resize: none;
+  cursor: text;
+  caret-color: rgb(5, 5, 5);
+  display: block;
+  position: relative;
+  outline: 0px;
+  padding: 10px;
+  user-select: text;
+  font-size: 12px;
+  width: 100%;
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow-wrap: break-word;
+  box-sizing: border-box;
+}
+.ImageNode__placeholder {
+  font-size: 12px;
+  color: #888;
+  overflow: hidden;
+  position: absolute;
+  text-overflow: ellipsis;
+  top: 10px;
+  left: 10px;
+  user-select: none;
+  white-space: nowrap;
+  display: inline-block;
+  pointer-events: none;
+}
+.image-control-wrapper--resizing {
+  touch-action: none;
+}
+
+/* src/ui/ContentEditable.css */
+.ContentEditable__root {
+  border: 0;
+  font-size: 15px;
+  display: block;
+  position: relative;
+  outline: 0;
+  padding: 8px 46px 40px;
+  min-height: 150px;
+}
+@media (max-width: 1025px) {
+  .ContentEditable__root {
+    padding-left: 8px;
+    padding-right: 8px;
+  }
+}
+.ContentEditable__placeholder {
+  font-size: 15px;
+  color: #999;
+  overflow: hidden;
+  position: absolute;
+  text-overflow: ellipsis;
+  top: 8px;
+  left: 46px;
+  right: 28px;
+  user-select: none;
+  white-space: nowrap;
+  display: inline-block;
+  pointer-events: none;
+}
+@media (max-width: 1025px) {
+  .ContentEditable__placeholder {
+    left: 8px;
+    right: 8px;
+  }
+}
+/*# sourceMappingURL=ImageComponent-IYUGOT6O.css.map */

package/dist/ImageComponent-IYUGOT6O.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/nodes/ImageNode.css","../src/ui/ContentEditable.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.ImageNode__contentEditable {\r\n  min-height: 20px;\r\n  border: 0px;\r\n  resize: none;\r\n  cursor: text;\r\n  caret-color: rgb(5, 5, 5);\r\n  display: block;\r\n  position: relative;\r\n  outline: 0px;\r\n  padding: 10px;\r\n  user-select: text;\r\n  font-size: 12px;\r\n  width: 100%;\r\n  white-space: pre-wrap;\r\n  word-break: break-word;\r\n  overflow-wrap: break-word;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.ImageNode__placeholder {\r\n  font-size: 12px;\r\n  color: #888;\r\n  overflow: hidden;\r\n  position: absolute;\r\n  text-overflow: ellipsis;\r\n  top: 10px;\r\n  left: 10px;\r\n  user-select: none;\r\n  white-space: nowrap;\r\n  display: inline-block;\r\n  pointer-events: none;\r\n}\r\n\r\n.image-control-wrapper--resizing {\r\n  touch-action: none;\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.ContentEditable__root {\r\n  border: 0;\r\n  font-size: 15px;\r\n  display: block;\r\n  position: relative;\r\n  outline: 0;\r\n  padding: 8px 46px 40px;\r\n  min-height: 150px;\r\n}\r\n@media (max-width: 1025px) {\r\n  .ContentEditable__root {\r\n    padding-left: 8px;\r\n    padding-right: 8px;\r\n  }\r\n}\r\n\r\n.ContentEditable__placeholder {\r\n  font-size: 15px;\r\n  color: #999;\r\n  overflow: hidden;\r\n  position: absolute;\r\n  text-overflow: ellipsis;\r\n  top: 8px;\r\n  left: 46px;\r\n  right: 28px;\r\n  user-select: none;\r\n  white-space: nowrap;\r\n  display: inline-block;\r\n  pointer-events: none;\r\n}\r\n@media (max-width: 1025px) {\r\n  .ContentEditable__placeholder {\r\n    left: 8px;\r\n    right: 8px;\r\n  }\r\n}\r\n"],"mappings":";AASA,CAAC;AACC,cAAY;AACZ,UAAQ;AACR,UAAQ;AACR,UAAQ;AACR,eAAa,IAAI,CAAC,EAAE,CAAC,EAAE;AACvB,WAAS;AACT,YAAU;AACV,WAAS;AACT,WAAS;AACT,eAAa;AACb,aAAW;AACX,SAAO;AACP,eAAa;AACb,cAAY;AACZ,iBAAe;AACf,cAAY;AACd;AAEA,CAAC;AACC,aAAW;AACX,SAAO;AACP,YAAU;AACV,YAAU;AACV,iBAAe;AACf,OAAK;AACL,QAAM;AACN,eAAa;AACb,eAAa;AACb,WAAS;AACT,kBAAgB;AAClB;AAEA,CAAC;AACC,gBAAc;AAChB;;;ACpCA,CAAC;AACC,UAAQ;AACR,aAAW;AACX,WAAS;AACT,YAAU;AACV,WAAS;AACT,WAAS,IAAI,KAAK;AAClB,cAAY;AACd;AACA,QAAO,WAAY;AACjB,GAVD;AAWG,kBAAc;AACd,mBAAe;AACjB;AACF;AAEA,CAAC;AACC,aAAW;AACX,SAAO;AACP,YAAU;AACV,YAAU;AACV,iBAAe;AACf,OAAK;AACL,QAAM;AACN,SAAO;AACP,eAAa;AACb,eAAa;AACb,WAAS;AACT,kBAAgB;AAClB;AACA,QAAO,WAAY;AACjB,GAfD;AAgBG,UAAM;AACN,WAAO;AACT;AACF;","names":[]}

package/dist/ImageComponent-TTUYUG3M.js

@@ -0,0 +1,429 @@
+import {
+  $isCaptionEditorEmpty,
+  $isImageNode,
+  EmojisPlugin,
+  KeywordsPlugin,
+  LinkPlugin,
+  NewMentionsPlugin,
+  TreeViewPlugin,
+  useSettings
+} from "./chunk-I43VQAHW.js";
+import {
+  ImageResizer
+} from "./chunk-FJ6COZ4H.js";
+import {
+  LexicalContentEditable,
+  useSharedHistoryContext
+} from "./chunk-BHROZTZU.js";
+import "./chunk-PZ5AY32C.js";
+
+// src/nodes/ImageComponent.tsx
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
+import { HashtagPlugin } from "@lexical/react/LexicalHashtagPlugin";
+import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
+import { LexicalNestedComposer } from "@lexical/react/LexicalNestedComposer";
+import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
+import { useLexicalEditable } from "@lexical/react/useLexicalEditable";
+import { useLexicalNodeSelection } from "@lexical/react/useLexicalNodeSelection";
+import { mergeRegister } from "@lexical/utils";
+import {
+  $getNodeByKey,
+  $getRoot,
+  $getSelection,
+  $isNodeSelection,
+  $isRangeSelection,
+  $setSelection,
+  BLUR_COMMAND,
+  CLICK_COMMAND,
+  COMMAND_PRIORITY_EDITOR,
+  COMMAND_PRIORITY_LOW,
+  createCommand,
+  DRAGSTART_COMMAND,
+  KEY_ENTER_COMMAND,
+  KEY_ESCAPE_COMMAND,
+  SELECTION_CHANGE_COMMAND
+} from "lexical";
+import {
+  Suspense,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+
+// src/images/image-broken.svg
+var image_broken_default = 'data:image/svg+xml,<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->%0D%0A<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0D%0A    <path d="M22 3H2v18h20v-2h-2v-2h2v-2h-2v-2h2v-2h-2V9h2V7h-2V5h2V3zm-2 4v2h-2v2h2v2h-2v2h2v2h-2v2H4V5h14v2h2zm-6 2h-2v2h-2v2H8v2H6v2h2v-2h2v-2h2v-2h2v2h2v-2h-2V9zM6 7h2v2H6V7z" fill="%23000000"/>%0D%0A</svg>';
+
+// src/nodes/ImageComponent.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var brokenImage = typeof image_broken_default === "string" ? image_broken_default : image_broken_default.src;
+var imageCache = /* @__PURE__ */ new Map();
+var RIGHT_CLICK_IMAGE_COMMAND = createCommand("RIGHT_CLICK_IMAGE_COMMAND");
+function DisableCaptionOnBlur({
+  setShowCaption
+}) {
+  const [editor] = useLexicalComposerContext();
+  useEffect(
+    () => editor.registerCommand(
+      BLUR_COMMAND,
+      () => {
+        if ($isCaptionEditorEmpty()) {
+          setShowCaption(false);
+        }
+        return false;
+      },
+      COMMAND_PRIORITY_EDITOR
+    )
+  );
+  return null;
+}
+function useSuspenseImage(src) {
+  let cached = imageCache.get(src);
+  if (cached && "error" in cached && typeof cached.error === "boolean") {
+    return cached;
+  } else if (!cached) {
+    cached = new Promise((resolve) => {
+      const img = new Image();
+      img.src = src;
+      img.onload = () => resolve({
+        error: false,
+        height: img.naturalHeight,
+        width: img.naturalWidth
+      });
+      img.onerror = () => resolve({ error: true });
+    }).then((rval) => {
+      imageCache.set(src, rval);
+      return rval;
+    });
+    imageCache.set(src, cached);
+    throw cached;
+  }
+  throw cached;
+}
+function isSVG(src) {
+  return src.toLowerCase().endsWith(".svg");
+}
+function LazyImage({
+  altText,
+  className,
+  imageRef,
+  src,
+  width,
+  height,
+  maxWidth,
+  onError
+}) {
+  const isSVGImage = isSVG(src);
+  const status = useSuspenseImage(src);
+  useEffect(() => {
+    if (status.error) {
+      onError();
+    }
+  }, [status.error, onError]);
+  if (status.error) {
+    return /* @__PURE__ */ jsx(BrokenImage, {});
+  }
+  const calculateDimensions = () => {
+    if (!isSVGImage) {
+      return {
+        height,
+        maxWidth,
+        width
+      };
+    }
+    const naturalWidth = status.width;
+    const naturalHeight = status.height;
+    let finalWidth = naturalWidth;
+    let finalHeight = naturalHeight;
+    if (finalWidth > maxWidth) {
+      const scale = maxWidth / finalWidth;
+      finalWidth = maxWidth;
+      finalHeight = Math.round(finalHeight * scale);
+    }
+    const maxHeight = 500;
+    if (finalHeight > maxHeight) {
+      const scale = maxHeight / finalHeight;
+      finalHeight = maxHeight;
+      finalWidth = Math.round(finalWidth * scale);
+    }
+    return {
+      height: finalHeight,
+      maxWidth,
+      width: finalWidth
+    };
+  };
+  const imageStyle = calculateDimensions();
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      className: className || void 0,
+      src,
+      alt: altText,
+      ref: imageRef,
+      style: imageStyle,
+      onError,
+      draggable: "false"
+    }
+  );
+}
+function BrokenImage() {
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: brokenImage,
+      style: {
+        height: 200,
+        opacity: 0.2,
+        width: 200
+      },
+      draggable: "false",
+      alt: "Broken image"
+    }
+  );
+}
+function noop() {
+}
+function ImageComponent({
+  src,
+  altText,
+  nodeKey,
+  width,
+  height,
+  maxWidth,
+  resizable,
+  showCaption,
+  caption,
+  captionsEnabled
+}) {
+  const imageRef = useRef(null);
+  const buttonRef = useRef(null);
+  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey);
+  const [isResizing, setIsResizing] = useState(false);
+  const [editor] = useLexicalComposerContext();
+  const activeEditorRef = useRef(null);
+  const [isLoadError, setIsLoadError] = useState(false);
+  const isEditable = useLexicalEditable();
+  const isInNodeSelection = useMemo(
+    () => isSelected && editor.getEditorState().read(() => {
+      const selection = $getSelection();
+      return $isNodeSelection(selection) && selection.has(nodeKey);
+    }),
+    [editor, isSelected, nodeKey]
+  );
+  const $onEnter = useCallback(
+    (event) => {
+      const latestSelection = $getSelection();
+      const buttonElem = buttonRef.current;
+      if ($isNodeSelection(latestSelection) && latestSelection.has(nodeKey) && latestSelection.getNodes().length === 1) {
+        if (showCaption) {
+          $setSelection(null);
+          event.preventDefault();
+          caption.focus();
+          return true;
+        } else if (buttonElem !== null && buttonElem !== document.activeElement) {
+          event.preventDefault();
+          buttonElem.focus();
+          return true;
+        }
+      }
+      return false;
+    },
+    [caption, nodeKey, showCaption]
+  );
+  const $onEscape = useCallback(
+    (event) => {
+      if (activeEditorRef.current === caption || buttonRef.current === event.target) {
+        $setSelection(null);
+        editor.update(() => {
+          setSelected(true);
+          const parentRootElement = editor.getRootElement();
+          if (parentRootElement !== null) {
+            parentRootElement.focus();
+          }
+        });
+        return true;
+      }
+      return false;
+    },
+    [caption, editor, setSelected]
+  );
+  const onClick = useCallback(
+    (payload) => {
+      const event = payload;
+      if (isResizing) {
+        return true;
+      }
+      if (event.target === imageRef.current) {
+        if (event.shiftKey) {
+          setSelected(!isSelected);
+        } else {
+          clearSelection();
+          setSelected(true);
+        }
+        return true;
+      }
+      return false;
+    },
+    [isResizing, isSelected, setSelected, clearSelection]
+  );
+  const onRightClick = useCallback(
+    (event) => {
+      editor.getEditorState().read(() => {
+        const latestSelection = $getSelection();
+        const domElement = event.target;
+        if (domElement.tagName === "IMG" && $isRangeSelection(latestSelection) && latestSelection.getNodes().length === 1) {
+          editor.dispatchCommand(RIGHT_CLICK_IMAGE_COMMAND, event);
+        }
+      });
+    },
+    [editor]
+  );
+  useEffect(() => {
+    return mergeRegister(
+      editor.registerCommand(
+        SELECTION_CHANGE_COMMAND,
+        (_, activeEditor) => {
+          activeEditorRef.current = activeEditor;
+          return false;
+        },
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        DRAGSTART_COMMAND,
+        (event) => {
+          if (event.target === imageRef.current) {
+            event.preventDefault();
+            return true;
+          }
+          return false;
+        },
+        COMMAND_PRIORITY_LOW
+      )
+    );
+  }, [editor]);
+  useEffect(() => {
+    let rootCleanup = noop;
+    return mergeRegister(
+      editor.registerCommand(
+        CLICK_COMMAND,
+        onClick,
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        RIGHT_CLICK_IMAGE_COMMAND,
+        onClick,
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(KEY_ENTER_COMMAND, $onEnter, COMMAND_PRIORITY_LOW),
+      editor.registerCommand(
+        KEY_ESCAPE_COMMAND,
+        $onEscape,
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerRootListener((rootElement) => {
+        rootCleanup();
+        rootCleanup = noop;
+        if (rootElement) {
+          rootElement.addEventListener("contextmenu", onRightClick);
+          rootCleanup = () => rootElement.removeEventListener("contextmenu", onRightClick);
+        }
+      }),
+      () => rootCleanup()
+    );
+  }, [editor, $onEnter, $onEscape, onClick, onRightClick]);
+  const setShowCaption = (show) => {
+    editor.update(() => {
+      const node = $getNodeByKey(nodeKey);
+      if ($isImageNode(node)) {
+        node.setShowCaption(show);
+        if (show) {
+          node.__caption.update(() => {
+            if (!$getSelection()) {
+              $getRoot().selectEnd();
+            }
+          });
+        }
+      }
+    });
+  };
+  const onResizeEnd = (nextWidth, nextHeight) => {
+    setTimeout(() => {
+      setIsResizing(false);
+    }, 200);
+    editor.update(() => {
+      const node = $getNodeByKey(nodeKey);
+      if ($isImageNode(node)) {
+        node.setWidthAndHeight(nextWidth, nextHeight);
+      }
+    });
+  };
+  const onResizeStart = () => {
+    setIsResizing(true);
+  };
+  const { historyState } = useSharedHistoryContext();
+  const {
+    settings: { showTreeView: showNestedEditorTreeView }
+  } = useSettings();
+  const draggable = isInNodeSelection && !isResizing;
+  const isFocused = (isSelected || isResizing) && isEditable;
+  return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { draggable, children: isLoadError ? /* @__PURE__ */ jsx(BrokenImage, {}) : /* @__PURE__ */ jsx(
+      LazyImage,
+      {
+        className: isFocused ? `focused ${isInNodeSelection ? "draggable" : ""}` : null,
+        src,
+        altText,
+        imageRef,
+        width,
+        height,
+        maxWidth,
+        onError: () => setIsLoadError(true)
+      }
+    ) }),
+    showCaption && /* @__PURE__ */ jsx("div", { className: "image-caption-container", children: /* @__PURE__ */ jsxs(LexicalNestedComposer, { initialEditor: caption, children: [
+      /* @__PURE__ */ jsx(DisableCaptionOnBlur, { setShowCaption }),
+      /* @__PURE__ */ jsx(NewMentionsPlugin, {}),
+      /* @__PURE__ */ jsx(LinkPlugin, {}),
+      /* @__PURE__ */ jsx(EmojisPlugin, {}),
+      /* @__PURE__ */ jsx(HashtagPlugin, {}),
+      /* @__PURE__ */ jsx(KeywordsPlugin, {}),
+      /* @__PURE__ */ jsx(HistoryPlugin, { externalHistoryState: historyState }),
+      /* @__PURE__ */ jsx(
+        RichTextPlugin,
+        {
+          contentEditable: /* @__PURE__ */ jsx(
+            LexicalContentEditable,
+            {
+              placeholder: "Enter a caption...",
+              placeholderClassName: "ImageNode__placeholder",
+              className: "ImageNode__contentEditable"
+            }
+          ),
+          ErrorBoundary: LexicalErrorBoundary
+        }
+      ),
+      showNestedEditorTreeView === true ? /* @__PURE__ */ jsx(TreeViewPlugin, {}) : null
+    ] }) }),
+    resizable && isInNodeSelection && isFocused && /* @__PURE__ */ jsx(
+      ImageResizer,
+      {
+        showCaption,
+        setShowCaption,
+        editor,
+        buttonRef,
+        imageRef,
+        maxWidth,
+        onResizeStart,
+        onResizeEnd,
+        captionsEnabled: !isLoadError && captionsEnabled
+      }
+    )
+  ] }) });
+}
+export {
+  RIGHT_CLICK_IMAGE_COMMAND,
+  ImageComponent as default
+};
+//# sourceMappingURL=ImageComponent-TTUYUG3M.js.map

package/dist/ImageComponent-TTUYUG3M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/nodes/ImageComponent.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 {LexicalCommand, LexicalEditor, NodeKey} from 'lexical';\r\nimport type {JSX} from 'react';\r\n\r\nimport './ImageNode.css';\r\n\r\nimport {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';\r\nimport {LexicalErrorBoundary} from '@lexical/react/LexicalErrorBoundary';\r\nimport {HashtagPlugin} from '@lexical/react/LexicalHashtagPlugin';\r\nimport {HistoryPlugin} from '@lexical/react/LexicalHistoryPlugin';\r\nimport {LexicalNestedComposer} from '@lexical/react/LexicalNestedComposer';\r\nimport {RichTextPlugin} from '@lexical/react/LexicalRichTextPlugin';\r\nimport {useLexicalEditable} from '@lexical/react/useLexicalEditable';\r\nimport {useLexicalNodeSelection} from '@lexical/react/useLexicalNodeSelection';\r\nimport {mergeRegister} from '@lexical/utils';\r\nimport {\r\n  $getNodeByKey,\r\n  $getRoot,\r\n  $getSelection,\r\n  $isNodeSelection,\r\n  $isRangeSelection,\r\n  $setSelection,\r\n  BLUR_COMMAND,\r\n  CLICK_COMMAND,\r\n  COMMAND_PRIORITY_EDITOR,\r\n  COMMAND_PRIORITY_LOW,\r\n  createCommand,\r\n  DRAGSTART_COMMAND,\r\n  KEY_ENTER_COMMAND,\r\n  KEY_ESCAPE_COMMAND,\r\n  SELECTION_CHANGE_COMMAND,\r\n} from 'lexical';\r\nimport * as React from 'react';\r\nimport {\r\n  Suspense,\r\n  useCallback,\r\n  useEffect,\r\n  useMemo,\r\n  useRef,\r\n  useState,\r\n} from 'react';\r\n\r\nimport {useSettings} from '../context/SettingsContext';\r\nimport {useSharedHistoryContext} from '../context/SharedHistoryContext';\r\nimport brokenImageImport from '../images/image-broken.svg';\r\nimport EmojisPlugin from '../plugins/EmojisPlugin';\r\nimport KeywordsPlugin from '../plugins/KeywordsPlugin';\r\nimport LinkPlugin from '../plugins/LinkPlugin';\r\nimport MentionsPlugin from '../plugins/MentionsPlugin';\r\nimport TreeViewPlugin from '../plugins/TreeViewPlugin';\r\nimport ContentEditable from '../ui/ContentEditable';\r\nimport ImageResizer from '../ui/ImageResizer';\r\nimport {$isCaptionEditorEmpty, $isImageNode} from './ImageNode';\r\n\r\nconst brokenImage = (typeof brokenImageImport === 'string' ? brokenImageImport : (brokenImageImport as {src: string}).src) as string;\r\n\r\ntype ImageStatus =\r\n  | {error: true}\r\n  | {error: false; width: number; height: number};\r\n\r\nconst imageCache = new Map<string, Promise<ImageStatus> | ImageStatus>();\r\n\r\nexport const RIGHT_CLICK_IMAGE_COMMAND: LexicalCommand<MouseEvent> =\r\n  createCommand('RIGHT_CLICK_IMAGE_COMMAND');\r\n\r\nfunction DisableCaptionOnBlur({\r\n  setShowCaption,\r\n}: {\r\n  setShowCaption: (show: boolean) => void;\r\n}) {\r\n  const [editor] = useLexicalComposerContext();\r\n  useEffect(() =>\r\n    editor.registerCommand(\r\n      BLUR_COMMAND,\r\n      () => {\r\n        if ($isCaptionEditorEmpty()) {\r\n          setShowCaption(false);\r\n        }\r\n        return false;\r\n      },\r\n      COMMAND_PRIORITY_EDITOR,\r\n    ),\r\n  );\r\n  return null;\r\n}\r\n\r\nfunction useSuspenseImage(src: string): ImageStatus {\r\n  let cached = imageCache.get(src);\r\n  if (cached && 'error' in cached && typeof cached.error === 'boolean') {\r\n    return cached;\r\n  } else if (!cached) {\r\n    cached = new Promise<ImageStatus>((resolve) => {\r\n      const img = new Image();\r\n      img.src = src;\r\n      img.onload = () =>\r\n        resolve({\r\n          error: false,\r\n          height: img.naturalHeight,\r\n          width: img.naturalWidth,\r\n        });\r\n      img.onerror = () => resolve({error: true});\r\n    }).then((rval) => {\r\n      imageCache.set(src, rval);\r\n      return rval;\r\n    });\r\n    imageCache.set(src, cached);\r\n    throw cached;\r\n  }\r\n  throw cached;\r\n}\r\n\r\nfunction isSVG(src: string): boolean {\r\n  return src.toLowerCase().endsWith('.svg');\r\n}\r\n\r\nfunction LazyImage({\r\n  altText,\r\n  className,\r\n  imageRef,\r\n  src,\r\n  width,\r\n  height,\r\n  maxWidth,\r\n  onError,\r\n}: {\r\n  altText: string;\r\n  className: string | null;\r\n  height: 'inherit' | number;\r\n  imageRef: {current: null | HTMLImageElement};\r\n  maxWidth: number;\r\n  src: string;\r\n  width: 'inherit' | number;\r\n  onError: () => void;\r\n}): JSX.Element {\r\n  const isSVGImage = isSVG(src);\r\n  const status = useSuspenseImage(src);\r\n\r\n  useEffect(() => {\r\n    if (status.error) {\r\n      onError();\r\n    }\r\n  }, [status.error, onError]);\r\n\r\n  if (status.error) {\r\n    return <BrokenImage />;\r\n  }\r\n\r\n  // Calculate final dimensions with proper scaling\r\n  const calculateDimensions = () => {\r\n    if (!isSVGImage) {\r\n      return {\r\n        height,\r\n        maxWidth,\r\n        width,\r\n      };\r\n    }\r\n\r\n    // Use natural dimensions if available, otherwise fallback to defaults\r\n    const naturalWidth = status.width;\r\n    const naturalHeight = status.height;\r\n\r\n    let finalWidth = naturalWidth;\r\n    let finalHeight = naturalHeight;\r\n\r\n    // Scale down if width exceeds maxWidth while maintaining aspect ratio\r\n    if (finalWidth > maxWidth) {\r\n      const scale = maxWidth / finalWidth;\r\n      finalWidth = maxWidth;\r\n      finalHeight = Math.round(finalHeight * scale);\r\n    }\r\n\r\n    // Scale down if height exceeds maxHeight while maintaining aspect ratio\r\n    const maxHeight = 500;\r\n    if (finalHeight > maxHeight) {\r\n      const scale = maxHeight / finalHeight;\r\n      finalHeight = maxHeight;\r\n      finalWidth = Math.round(finalWidth * scale);\r\n    }\r\n\r\n    return {\r\n      height: finalHeight,\r\n      maxWidth,\r\n      width: finalWidth,\r\n    };\r\n  };\r\n\r\n  const imageStyle = calculateDimensions();\r\n\r\n  return (\r\n    <img\r\n      className={className || undefined}\r\n      src={src}\r\n      alt={altText}\r\n      ref={imageRef}\r\n      style={imageStyle}\r\n      onError={onError}\r\n      draggable=\"false\"\r\n    />\r\n  );\r\n}\r\n\r\nfunction BrokenImage(): JSX.Element {\r\n  return (\r\n    <img\r\n      src={brokenImage}\r\n      style={{\r\n        height: 200,\r\n        opacity: 0.2,\r\n        width: 200,\r\n      }}\r\n      draggable=\"false\"\r\n      alt=\"Broken image\"\r\n    />\r\n  );\r\n}\r\n\r\nfunction noop() {}\r\n\r\nexport default function ImageComponent({\r\n  src,\r\n  altText,\r\n  nodeKey,\r\n  width,\r\n  height,\r\n  maxWidth,\r\n  resizable,\r\n  showCaption,\r\n  caption,\r\n  captionsEnabled,\r\n}: {\r\n  altText: string;\r\n  caption: LexicalEditor;\r\n  height: 'inherit' | number;\r\n  maxWidth: number;\r\n  nodeKey: NodeKey;\r\n  resizable: boolean;\r\n  showCaption: boolean;\r\n  src: string;\r\n  width: 'inherit' | number;\r\n  captionsEnabled: boolean;\r\n}): JSX.Element {\r\n  const imageRef = useRef<null | HTMLImageElement>(null);\r\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\r\n  const [isSelected, setSelected, clearSelection] =\r\n    useLexicalNodeSelection(nodeKey);\r\n  const [isResizing, setIsResizing] = useState<boolean>(false);\r\n  const [editor] = useLexicalComposerContext();\r\n  const activeEditorRef = useRef<LexicalEditor | null>(null);\r\n  const [isLoadError, setIsLoadError] = useState<boolean>(false);\r\n  const isEditable = useLexicalEditable();\r\n  const isInNodeSelection = useMemo(\r\n    () =>\r\n      isSelected &&\r\n      editor.getEditorState().read(() => {\r\n        const selection = $getSelection();\r\n        return $isNodeSelection(selection) && selection.has(nodeKey);\r\n      }),\r\n    [editor, isSelected, nodeKey],\r\n  );\r\n\r\n  const $onEnter = useCallback(\r\n    (event: KeyboardEvent) => {\r\n      const latestSelection = $getSelection();\r\n      const buttonElem = buttonRef.current;\r\n      if (\r\n        $isNodeSelection(latestSelection) &&\r\n        latestSelection.has(nodeKey) &&\r\n        latestSelection.getNodes().length === 1\r\n      ) {\r\n        if (showCaption) {\r\n          // Move focus into nested editor\r\n          $setSelection(null);\r\n          event.preventDefault();\r\n          caption.focus();\r\n          return true;\r\n        } else if (\r\n          buttonElem !== null &&\r\n          buttonElem !== document.activeElement\r\n        ) {\r\n          event.preventDefault();\r\n          buttonElem.focus();\r\n          return true;\r\n        }\r\n      }\r\n      return false;\r\n    },\r\n    [caption, nodeKey, showCaption],\r\n  );\r\n\r\n  const $onEscape = useCallback(\r\n    (event: KeyboardEvent) => {\r\n      if (\r\n        activeEditorRef.current === caption ||\r\n        buttonRef.current === event.target\r\n      ) {\r\n        $setSelection(null);\r\n        editor.update(() => {\r\n          setSelected(true);\r\n          const parentRootElement = editor.getRootElement();\r\n          if (parentRootElement !== null) {\r\n            parentRootElement.focus();\r\n          }\r\n        });\r\n        return true;\r\n      }\r\n      return false;\r\n    },\r\n    [caption, editor, setSelected],\r\n  );\r\n\r\n  const onClick = useCallback(\r\n    (payload: MouseEvent) => {\r\n      const event = payload;\r\n\r\n      if (isResizing) {\r\n        return true;\r\n      }\r\n      if (event.target === imageRef.current) {\r\n        if (event.shiftKey) {\r\n          setSelected(!isSelected);\r\n        } else {\r\n          clearSelection();\r\n          setSelected(true);\r\n        }\r\n        return true;\r\n      }\r\n\r\n      return false;\r\n    },\r\n    [isResizing, isSelected, setSelected, clearSelection],\r\n  );\r\n\r\n  const onRightClick = useCallback(\r\n    (event: MouseEvent): void => {\r\n      editor.getEditorState().read(() => {\r\n        const latestSelection = $getSelection();\r\n        const domElement = event.target as HTMLElement;\r\n        if (\r\n          domElement.tagName === 'IMG' &&\r\n          $isRangeSelection(latestSelection) &&\r\n          latestSelection.getNodes().length === 1\r\n        ) {\r\n          editor.dispatchCommand(RIGHT_CLICK_IMAGE_COMMAND, event);\r\n        }\r\n      });\r\n    },\r\n    [editor],\r\n  );\r\n\r\n  useEffect(() => {\r\n    return mergeRegister(\r\n      editor.registerCommand(\r\n        SELECTION_CHANGE_COMMAND,\r\n        (_, activeEditor) => {\r\n          activeEditorRef.current = activeEditor;\r\n          return false;\r\n        },\r\n        COMMAND_PRIORITY_LOW,\r\n      ),\r\n      editor.registerCommand(\r\n        DRAGSTART_COMMAND,\r\n        (event) => {\r\n          if (event.target === imageRef.current) {\r\n            // TODO This is just a temporary workaround for FF to behave like other browsers.\r\n            // Ideally, this handles drag & drop too (and all browsers).\r\n            event.preventDefault();\r\n            return true;\r\n          }\r\n          return false;\r\n        },\r\n        COMMAND_PRIORITY_LOW,\r\n      ),\r\n    );\r\n  }, [editor]);\r\n  useEffect(() => {\r\n    let rootCleanup = noop;\r\n    return mergeRegister(\r\n      editor.registerCommand<MouseEvent>(\r\n        CLICK_COMMAND,\r\n        onClick,\r\n        COMMAND_PRIORITY_LOW,\r\n      ),\r\n      editor.registerCommand<MouseEvent>(\r\n        RIGHT_CLICK_IMAGE_COMMAND,\r\n        onClick,\r\n        COMMAND_PRIORITY_LOW,\r\n      ),\r\n      editor.registerCommand(KEY_ENTER_COMMAND, $onEnter, COMMAND_PRIORITY_LOW),\r\n      editor.registerCommand(\r\n        KEY_ESCAPE_COMMAND,\r\n        $onEscape,\r\n        COMMAND_PRIORITY_LOW,\r\n      ),\r\n      editor.registerRootListener((rootElement) => {\r\n        rootCleanup();\r\n        rootCleanup = noop;\r\n        if (rootElement) {\r\n          rootElement.addEventListener('contextmenu', onRightClick);\r\n          rootCleanup = () =>\r\n            rootElement.removeEventListener('contextmenu', onRightClick);\r\n        }\r\n      }),\r\n      () => rootCleanup(),\r\n    );\r\n  }, [editor, $onEnter, $onEscape, onClick, onRightClick]);\r\n\r\n  const setShowCaption = (show: boolean) => {\r\n    editor.update(() => {\r\n      const node = $getNodeByKey(nodeKey);\r\n      if ($isImageNode(node)) {\r\n        node.setShowCaption(show);\r\n        if (show) {\r\n          node.__caption.update(() => {\r\n            if (!$getSelection()) {\r\n              $getRoot().selectEnd();\r\n            }\r\n          });\r\n        }\r\n      }\r\n    });\r\n  };\r\n\r\n  const onResizeEnd = (\r\n    nextWidth: 'inherit' | number,\r\n    nextHeight: 'inherit' | number,\r\n  ) => {\r\n    // Delay hiding the resize bars for click case\r\n    setTimeout(() => {\r\n      setIsResizing(false);\r\n    }, 200);\r\n\r\n    editor.update(() => {\r\n      const node = $getNodeByKey(nodeKey);\r\n      if ($isImageNode(node)) {\r\n        node.setWidthAndHeight(nextWidth, nextHeight);\r\n      }\r\n    });\r\n  };\r\n\r\n  const onResizeStart = () => {\r\n    setIsResizing(true);\r\n  };\r\n\r\n  const {historyState} = useSharedHistoryContext();\r\n  const {\r\n    settings: {showTreeView: showNestedEditorTreeView},\r\n  } = useSettings();\r\n\r\n  const draggable = isInNodeSelection && !isResizing;\r\n  const isFocused = (isSelected || isResizing) && isEditable;\r\n  return (\r\n    <Suspense fallback={null}>\r\n      <>\r\n        <div draggable={draggable}>\r\n          {isLoadError ? (\r\n            <BrokenImage />\r\n          ) : (\r\n            <LazyImage\r\n              className={\r\n                isFocused\r\n                  ? `focused ${isInNodeSelection ? 'draggable' : ''}`\r\n                  : null\r\n              }\r\n              src={src}\r\n              altText={altText}\r\n              imageRef={imageRef}\r\n              width={width}\r\n              height={height}\r\n              maxWidth={maxWidth}\r\n              onError={() => setIsLoadError(true)}\r\n            />\r\n          )}\r\n        </div>\r\n\r\n        {showCaption && (\r\n          <div className=\"image-caption-container\">\r\n            <LexicalNestedComposer initialEditor={caption}>\r\n              <DisableCaptionOnBlur setShowCaption={setShowCaption} />\r\n              <MentionsPlugin />\r\n              <LinkPlugin />\r\n              <EmojisPlugin />\r\n              <HashtagPlugin />\r\n              <KeywordsPlugin />\r\n              <HistoryPlugin externalHistoryState={historyState} />\r\n              <RichTextPlugin\r\n                contentEditable={\r\n                  <ContentEditable\r\n                    placeholder=\"Enter a caption...\"\r\n                    placeholderClassName=\"ImageNode__placeholder\"\r\n                    className=\"ImageNode__contentEditable\"\r\n                  />\r\n                }\r\n                ErrorBoundary={LexicalErrorBoundary}\r\n              />\r\n              {showNestedEditorTreeView === true ? <TreeViewPlugin /> : null}\r\n            </LexicalNestedComposer>\r\n          </div>\r\n        )}\r\n        {resizable && isInNodeSelection && isFocused && (\r\n          <ImageResizer\r\n            showCaption={showCaption}\r\n            setShowCaption={setShowCaption}\r\n            editor={editor}\r\n            buttonRef={buttonRef}\r\n            imageRef={imageRef}\r\n            maxWidth={maxWidth}\r\n            onResizeStart={onResizeStart}\r\n            onResizeEnd={onResizeEnd}\r\n            captionsEnabled={!isLoadError && captionsEnabled}\r\n          />\r\n        )}\r\n      </>\r\n    </Suspense>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}