sykpcomposer 0.0.103 → 0.0.105

package/dist/ImageComponent-e1234939.js

@@ -0,0 +1,402 @@
+import { j as i, u as J, d as M, w as Y, x as A, $ as B, a as T, b as Q, c as Z, e as K, C as b, f as ee, k as te, g as ne, I as re, r as se, h as ie, i as oe, l as ae, t as ce } from "./index-476bdf57.js";
+import { u as le, d as ue, L as de, P as me } from "./Placeholder-7d1203f2.js";
+import { useRef as S, useState as U, useCallback as k, useEffect as ge, Suspense as he } from "react";
+import "react-dom";
+function G(f, w, d) {
+  return Math.min(Math.max(f, w), d);
+}
+const n = {
+  east: 1,
+  north: 8,
+  south: 2,
+  west: 4
+};
+function fe({
+  onResizeStart: f,
+  onResizeEnd: w,
+  buttonRef: d,
+  imageRef: v,
+  maxWidth: j,
+  editor: C,
+  showCaption: P,
+  setShowCaption: N,
+  captionsEnabled: E
+}) {
+  const H = S(null), x = S({
+    priority: "",
+    value: "default"
+  }), R = S({
+    currentHeight: 0,
+    currentWidth: 0,
+    direction: 0,
+    isResizing: !1,
+    ratio: 0,
+    startHeight: 0,
+    startWidth: 0,
+    startX: 0,
+    startY: 0
+  }), u = C.getRootElement(), y = j || (u !== null ? u.getBoundingClientRect().width - 20 : 100), I = u !== null ? u.getBoundingClientRect().height - 20 : 100, z = 100, X = 100, s = (e) => {
+    const r = e === n.east || e === n.west, t = e === n.north || e === n.south, g = e & n.north && e & n.west || e & n.south && e & n.east, m = r ? "ew" : t ? "ns" : g ? "nwse" : "nesw";
+    u !== null && u.style.setProperty(
+      "cursor",
+      `${m}-resize`,
+      "important"
+    ), document.body !== null && (document.body.style.setProperty(
+      "cursor",
+      `${m}-resize`,
+      "important"
+    ), x.current.value = document.body.style.getPropertyValue(
+      "-webkit-user-select"
+    ), x.current.priority = document.body.style.getPropertyPriority(
+      "-webkit-user-select"
+    ), document.body.style.setProperty(
+      "-webkit-user-select",
+      "none",
+      "important"
+    ));
+  }, W = () => {
+    u !== null && u.style.setProperty("cursor", "text"), document.body !== null && (document.body.style.setProperty("cursor", "default"), document.body.style.setProperty(
+      "-webkit-user-select",
+      x.current.value,
+      x.current.priority
+    ));
+  }, p = (e, r) => {
+    if (!C.isEditable())
+      return;
+    const t = v.current, g = H.current;
+    if (t !== null && g !== null) {
+      e.preventDefault();
+      const { width: m, height: o } = t.getBoundingClientRect(), a = R.current;
+      a.startWidth = m, a.startHeight = o, a.ratio = m / o, a.currentWidth = m, a.currentHeight = o, a.startX = e.clientX, a.startY = e.clientY, a.isResizing = !0, a.direction = r, s(r), f(), g.classList.add("image-control-wrapper--resizing"), t.style.height = `${o}px`, t.style.width = `${m}px`, document.addEventListener("pointermove", L), document.addEventListener("pointerup", D);
+    }
+  }, L = (e) => {
+    const r = v.current, t = R.current, g = t.direction & (n.east | n.west), m = t.direction & (n.south | n.north);
+    if (r !== null && t.isResizing)
+      if (g && m) {
+        let o = Math.floor(t.startX - e.clientX);
+        o = t.direction & n.east ? -o : o;
+        const a = G(
+          t.startWidth + o,
+          z,
+          y
+        ), _ = a / t.ratio;
+        r.style.width = `${a}px`, r.style.height = `${_}px`, t.currentHeight = _, t.currentWidth = a;
+      } else if (m) {
+        let o = Math.floor(t.startY - e.clientY);
+        o = t.direction & n.south ? -o : o;
+        const a = G(
+          t.startHeight + o,
+          X,
+          I
+        );
+        r.style.height = `${a}px`, t.currentHeight = a;
+      } else {
+        let o = Math.floor(t.startX - e.clientX);
+        o = t.direction & n.east ? -o : o;
+        const a = G(
+          t.startWidth + o,
+          z,
+          y
+        );
+        r.style.width = `${a}px`, t.currentWidth = a;
+      }
+  }, D = () => {
+    const e = v.current, r = R.current, t = H.current;
+    if (e !== null && t !== null && r.isResizing) {
+      const g = r.currentWidth, m = r.currentHeight;
+      r.startWidth = 0, r.startHeight = 0, r.ratio = 0, r.startX = 0, r.startY = 0, r.currentWidth = 0, r.currentHeight = 0, r.isResizing = !1, t.classList.remove("image-control-wrapper--resizing"), W(), w(g, m), document.removeEventListener("pointermove", L), document.removeEventListener("pointerup", D);
+    }
+  };
+  return /* @__PURE__ */ i.jsxs("div", { ref: H, children: [
+    !P && E && /* @__PURE__ */ i.jsx(
+      "button",
+      {
+        className: "image-caption-button",
+        ref: d,
+        onClick: () => {
+          N(!P);
+        },
+        children: "Add Caption"
+      }
+    ),
+    /* @__PURE__ */ i.jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-n",
+        onPointerDown: (e) => {
+          p(e, n.north);
+        }
+      }
+    ),
+    /* @__PURE__ */ i.jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-ne",
+        onPointerDown: (e) => {
+          p(e, n.north | n.east);
+        }
+      }
+    ),
+    /* @__PURE__ */ i.jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-e",
+        onPointerDown: (e) => {
+          p(e, n.east);
+        }
+      }
+    ),
+    /* @__PURE__ */ i.jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-se",
+        onPointerDown: (e) => {
+          p(e, n.south | n.east);
+        }
+      }
+    ),
+    /* @__PURE__ */ i.jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-s",
+        onPointerDown: (e) => {
+          p(e, n.south);
+        }
+      }
+    ),
+    /* @__PURE__ */ i.jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-sw",
+        onPointerDown: (e) => {
+          p(e, n.south | n.west);
+        }
+      }
+    ),
+    /* @__PURE__ */ i.jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-w",
+        onPointerDown: (e) => {
+          p(e, n.west);
+        }
+      }
+    ),
+    /* @__PURE__ */ i.jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-nw",
+        onPointerDown: (e) => {
+          p(e, n.north | n.west);
+        }
+      }
+    )
+  ] });
+}
+const V = /* @__PURE__ */ new Set(), O = ce();
+function pe(f) {
+  if (!V.has(f))
+    throw new Promise((w) => {
+      const d = new Image();
+      d.src = f, d.onload = () => {
+        V.add(f), w(null);
+      };
+    });
+}
+function we({
+  altText: f,
+  className: w,
+  imageRef: d,
+  src: v,
+  width: j,
+  height: C,
+  maxWidth: P
+}) {
+  return pe(v), /* @__PURE__ */ i.jsx(
+    "img",
+    {
+      className: w || void 0,
+      src: v,
+      alt: f,
+      ref: d,
+      style: {
+        height: C,
+        maxWidth: P,
+        width: j
+      },
+      draggable: "false"
+    }
+  );
+}
+function be({
+  src: f,
+  altText: w,
+  nodeKey: d,
+  width: v,
+  height: j,
+  maxWidth: C,
+  resizable: P,
+  showCaption: N,
+  caption: E,
+  captionsEnabled: H
+}) {
+  const x = S(null), R = S(null), [u, y, I] = le(d), [z, X] = U(!1), [s] = J(), [W, p] = U(null), L = S(null), D = k(
+    (l) => {
+      if (u && M(Y())) {
+        l.preventDefault();
+        const h = A(d);
+        if (B(h))
+          return h.remove(), !0;
+      }
+      return !1;
+    },
+    [u, d]
+  ), e = k(
+    (l) => {
+      const c = Y(), h = R.current;
+      if (u && M(c) && c.getNodes().length === 1) {
+        if (N)
+          return T(null), l.preventDefault(), E.focus(), !0;
+        if (h !== null && h !== document.activeElement)
+          return l.preventDefault(), h.focus(), !0;
+      }
+      return !1;
+    },
+    [E, u, N]
+  ), r = k(
+    (l) => L.current === E || R.current === l.target ? (T(null), s.update(() => {
+      y(!0);
+      const c = s.getRootElement();
+      c !== null && c.focus();
+    }), !0) : !1,
+    [E, s, y]
+  ), t = k(
+    (l) => {
+      const c = l;
+      return z ? !0 : c.target === x.current ? (c.shiftKey ? y(!u) : (I(), y(!0)), !0) : !1;
+    },
+    [z, u, y, I]
+  ), g = k(
+    (l) => {
+      s.getEditorState().read(() => {
+        const c = Y();
+        l.target.tagName === "IMG" && Q(c) && c.getNodes().length === 1 && s.dispatchCommand(
+          O,
+          l
+        );
+      });
+    },
+    [s]
+  );
+  ge(() => {
+    let l = !0;
+    const c = s.getRootElement(), h = Z(
+      s.registerUpdateListener(({ editorState: $ }) => {
+        l && p($.read(() => Y()));
+      }),
+      s.registerCommand(
+        ie,
+        ($, q) => (L.current = q, !1),
+        b
+      ),
+      s.registerCommand(
+        se,
+        t,
+        b
+      ),
+      s.registerCommand(
+        O,
+        t,
+        b
+      ),
+      s.registerCommand(
+        re,
+        ($) => $.target === x.current ? ($.preventDefault(), !0) : !1,
+        b
+      ),
+      s.registerCommand(
+        ne,
+        D,
+        b
+      ),
+      s.registerCommand(
+        te,
+        D,
+        b
+      ),
+      s.registerCommand(ee, e, b),
+      s.registerCommand(K, r, b)
+    );
+    return c == null || c.addEventListener("contextmenu", g), () => {
+      l = !1, h(), c == null || c.removeEventListener("contextmenu", g);
+    };
+  }, [
+    I,
+    s,
+    z,
+    u,
+    d,
+    D,
+    e,
+    r,
+    t,
+    g,
+    y
+  ]);
+  const m = () => {
+    s.update(() => {
+      const l = A(d);
+      B(l) && l.setShowCaption(!0);
+    });
+  }, o = (l, c) => {
+    setTimeout(() => {
+      X(!1);
+    }, 200), s.update(() => {
+      const h = A(d);
+      B(h) && h.setWidthAndHeight(l, c);
+    });
+  }, a = () => {
+    X(!0);
+  }, _ = u && M(W) && !z, F = u || z;
+  return /* @__PURE__ */ i.jsx(he, { fallback: null, children: /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    /* @__PURE__ */ i.jsx("div", { draggable: _, children: /* @__PURE__ */ i.jsx(
+      we,
+      {
+        className: F ? `focused ${M(W) ? "draggable" : ""}` : null,
+        src: f,
+        altText: w,
+        imageRef: x,
+        width: v,
+        height: j,
+        maxWidth: C
+      }
+    ) }),
+    N && /* @__PURE__ */ i.jsx("div", { className: "image-caption-container", children: /* @__PURE__ */ i.jsx(ue, { initialEditor: E, children: /* @__PURE__ */ i.jsx(
+      oe,
+      {
+        contentEditable: /* @__PURE__ */ i.jsx(de, { className: "ImageNode__contentEditable" }),
+        placeholder: /* @__PURE__ */ i.jsx(me, { className: "ImageNode__placeholder", children: "Enter a caption..." }),
+        ErrorBoundary: ae
+      }
+    ) }) }),
+    P && M(W) && F && /* @__PURE__ */ i.jsx(
+      fe,
+      {
+        showCaption: N,
+        setShowCaption: m,
+        editor: s,
+        buttonRef: R,
+        imageRef: x,
+        maxWidth: C,
+        onResizeStart: a,
+        onResizeEnd: o,
+        captionsEnabled: H
+      }
+    )
+  ] }) });
+}
+export {
+  O as RIGHT_CLICK_IMAGE_COMMAND,
+  be as default
+};
+//# sourceMappingURL=ImageComponent-e1234939.js.map

package/dist/ImageComponent-e1234939.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageComponent-e1234939.js","sources":["../src/components/ui/ImageResizer.tsx","../src/components/nodes/ImageComponent.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';\n\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 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;\n      positioning.startY = event.clientY;\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      // Corner cursor\n      if (isHorizontal && isVertical) {\n        let diff = Math.floor(positioning.startX - event.clientX);\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);\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);\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\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","/**\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    BaseSelection,\r\n    LexicalCommand,\r\n    LexicalEditor,\r\n    NodeKey,\r\n  } from \"lexical\";\r\n  \r\n  import \"./ImageNode.css\";\r\n  \r\n  import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\r\n  import LexicalErrorBoundary from \"@lexical/react/LexicalErrorBoundary\";\r\n  import { LexicalNestedComposer } from \"@lexical/react/LexicalNestedComposer\";\r\n  import { RichTextPlugin } from \"@lexical/react/LexicalRichTextPlugin\";\r\n  import { useLexicalNodeSelection } from \"@lexical/react/useLexicalNodeSelection\";\r\n  import { mergeRegister } from \"@lexical/utils\";\r\n  import {\r\n    $getNodeByKey,\r\n    $getSelection,\r\n    $isNodeSelection,\r\n    $isRangeSelection,\r\n    $setSelection,\r\n    CLICK_COMMAND,\r\n    COMMAND_PRIORITY_LOW,\r\n    createCommand,\r\n    DRAGSTART_COMMAND,\r\n    KEY_BACKSPACE_COMMAND,\r\n    KEY_DELETE_COMMAND,\r\n    KEY_ENTER_COMMAND,\r\n    KEY_ESCAPE_COMMAND,\r\n    SELECTION_CHANGE_COMMAND,\r\n  } from \"lexical\";\r\n  import { Suspense, useCallback, useEffect, useRef, useState } from \"react\";\r\n  import ContentEditable from \"../ui/ContentEditable\";\r\n  import ImageResizer from \"../ui/ImageResizer\";\r\n  import Placeholder from \"../ui/Placeholder\";\r\n  import { $isImageNode } from \"./ImageNode\";\r\n  \r\n  const imageCache = new Set();\r\n  \r\n  export const RIGHT_CLICK_IMAGE_COMMAND: LexicalCommand<MouseEvent> =\r\n    createCommand(\"RIGHT_CLICK_IMAGE_COMMAND\");\r\n  \r\n  function useSuspenseImage(src: string) {\r\n    if (!imageCache.has(src)) {\r\n      throw new Promise((resolve) => {\r\n        const img = new Image();\r\n        img.src = src;\r\n        img.onload = () => {\r\n          imageCache.add(src);\r\n          resolve(null);\r\n        };\r\n      });\r\n    }\r\n  }\r\n  \r\n  function LazyImage({\r\n    altText,\r\n    className,\r\n    imageRef,\r\n    src,\r\n    width,\r\n    height,\r\n    maxWidth,\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  }): JSX.Element {\r\n    useSuspenseImage(src);\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={{\r\n          height,\r\n          maxWidth,\r\n          width,\r\n        }}\r\n        draggable=\"false\"\r\n      />\r\n    );\r\n  }\r\n  \r\n  export 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 [selection, setSelection] = useState<BaseSelection | null>(null);\r\n    const activeEditorRef = useRef<LexicalEditor | null>(null);\r\n  \r\n    const onDelete = useCallback(\r\n      (payload: KeyboardEvent) => {\r\n        if (isSelected && $isNodeSelection($getSelection())) {\r\n          const event: KeyboardEvent = payload;\r\n          event.preventDefault();\r\n          const node = $getNodeByKey(nodeKey);\r\n          if ($isImageNode(node)) {\r\n            node.remove();\r\n            return true;\r\n          }\r\n        }\r\n        return false;\r\n      },\r\n      [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          isSelected &&\r\n          $isNodeSelection(latestSelection) &&\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, isSelected, 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(\r\n              RIGHT_CLICK_IMAGE_COMMAND,\r\n              event as MouseEvent\r\n            );\r\n          }\r\n        });\r\n      },\r\n      [editor]\r\n    );\r\n  \r\n    useEffect(() => {\r\n      let isMounted = true;\r\n      const rootElement = editor.getRootElement();\r\n      const unregister = mergeRegister(\r\n        editor.registerUpdateListener(({ editorState }) => {\r\n          if (isMounted) {\r\n            setSelection(editorState.read(() => $getSelection()));\r\n          }\r\n        }),\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<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(\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        editor.registerCommand(\r\n          KEY_DELETE_COMMAND,\r\n          onDelete,\r\n          COMMAND_PRIORITY_LOW\r\n        ),\r\n        editor.registerCommand(\r\n          KEY_BACKSPACE_COMMAND,\r\n          onDelete,\r\n          COMMAND_PRIORITY_LOW\r\n        ),\r\n        editor.registerCommand(KEY_ENTER_COMMAND, onEnter, COMMAND_PRIORITY_LOW),\r\n        editor.registerCommand(KEY_ESCAPE_COMMAND, onEscape, COMMAND_PRIORITY_LOW)\r\n      );\r\n  \r\n      rootElement?.addEventListener(\"contextmenu\", onRightClick);\r\n  \r\n      return () => {\r\n        isMounted = false;\r\n        unregister();\r\n        rootElement?.removeEventListener(\"contextmenu\", onRightClick);\r\n      };\r\n    }, [\r\n      clearSelection,\r\n      editor,\r\n      isResizing,\r\n      isSelected,\r\n      nodeKey,\r\n      onDelete,\r\n      onEnter,\r\n      onEscape,\r\n      onClick,\r\n      onRightClick,\r\n      setSelected,\r\n    ]);\r\n  \r\n    const setShowCaption = () => {\r\n      editor.update(() => {\r\n        const node = $getNodeByKey(nodeKey);\r\n        if ($isImageNode(node)) {\r\n          node.setShowCaption(true);\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 draggable = isSelected && $isNodeSelection(selection) && !isResizing;\r\n    const isFocused = isSelected || isResizing;\r\n  \r\n    return (\r\n      <Suspense fallback={null}>\r\n        <>\r\n          <div draggable={draggable}>\r\n            <LazyImage\r\n              className={\r\n                isFocused\r\n                  ? `focused ${$isNodeSelection(selection) ? \"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            />\r\n          </div>\r\n  \r\n          {showCaption && (\r\n            <div className=\"image-caption-container\">\r\n              <LexicalNestedComposer initialEditor={caption}>\r\n                <RichTextPlugin\r\n                  contentEditable={\r\n                    <ContentEditable className=\"ImageNode__contentEditable\" />\r\n                  }\r\n                  placeholder={\r\n                    <Placeholder className=\"ImageNode__placeholder\">\r\n                      Enter a caption...\r\n                    </Placeholder>\r\n                  }\r\n                  ErrorBoundary={LexicalErrorBoundary}\r\n                />\r\n              </LexicalNestedComposer>\r\n            </div>\r\n          )}\r\n  \r\n          {resizable && $isNodeSelection(selection) && 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={captionsEnabled}\r\n            />\r\n          )}\r\n        </>\r\n      </Suspense>\r\n    );\r\n  }\r\n  "],"names":["clamp","value","min","max","Direction","ImageResizer","onResizeStart","onResizeEnd","buttonRef","imageRef","maxWidth","editor","showCaption","setShowCaption","captionsEnabled","controlWrapperRef","useRef","userSelect","positioningRef","editorRootElement","maxWidthContainer","maxHeightContainer","minWidth","minHeight","setStartCursor","direction","ew","ns","nwse","cursorDir","setEndCursor","handlePointerDown","event","image","controlWrapper","width","height","positioning","handlePointerMove","handlePointerUp","isHorizontal","isVertical","diff","jsxs","jsx","imageCache","RIGHT_CLICK_IMAGE_COMMAND","createCommand","useSuspenseImage","src","resolve","img","LazyImage","altText","className","ImageComponent","nodeKey","resizable","caption","isSelected","setSelected","clearSelection","useLexicalNodeSelection","isResizing","setIsResizing","useState","useLexicalComposerContext","selection","setSelection","activeEditorRef","onDelete","useCallback","payload","$isNodeSelection","$getSelection","node","$getNodeByKey","$isImageNode","onEnter","latestSelection","buttonElem","$setSelection","onEscape","parentRootElement","onClick","onRightClick","$isRangeSelection","useEffect","isMounted","rootElement","unregister","mergeRegister","editorState","SELECTION_CHANGE_COMMAND","_","activeEditor","COMMAND_PRIORITY_LOW","CLICK_COMMAND","DRAGSTART_COMMAND","KEY_DELETE_COMMAND","KEY_BACKSPACE_COMMAND","KEY_ENTER_COMMAND","KEY_ESCAPE_COMMAND","nextWidth","nextHeight","draggable","isFocused","Suspense","Fragment","LexicalNestedComposer","RichTextPlugin","ContentEditable","Placeholder","LexicalErrorBoundary"],"mappings":"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"}