@webiny/lexical-editor 6.3.0 → 6.4.0-beta.1

package/plugins/FontColorPlugin/applyColorToSelection.js

@@ -1,66 +1,48 @@
 import { TextNode } from "lexical";
 import { applyColorToNode } from "./applyColorToNode.js";
-export function applyColorToSelection(selection, color) {
-  // Basic variables
-  const textNodes = selection.getNodes().filter(node => node instanceof TextNode);
-  const selectedTextNodesLength = textNodes.length;
-  const startEndPoints = selection.getStartEndPoints();
-  if (startEndPoints === null) {
-    return;
-  }
-  const [anchor, focus] = startEndPoints;
-  const lastIndex = selectedTextNodesLength - 1;
-  const firstNode = textNodes[0];
-  const lastNode = textNodes[lastIndex];
-  const firstNodeText = firstNode.getTextContent();
-  const firstNodeTextLength = firstNodeText.length;
-  const focusOffset = focus.offset;
-  const anchorOffset = anchor.offset;
-  const isBefore = anchor.isBefore(focus);
-  const startOffset = isBefore ? anchorOffset : focusOffset;
-  const endOffset = isBefore ? focusOffset : anchorOffset;
-
-  // No actual text is selected, so do nothing.
-  if (startOffset === endOffset) {
-    return;
-  }
-
-  // Only one node is selected.
-  if (selectedTextNodesLength === 1) {
-    // The entire node is selected.
-    if (startOffset === 0 && endOffset === firstNodeTextLength) {
-      const fontColorNode = applyColorToNode(firstNode, color);
-      fontColorNode.select(startOffset, endOffset);
-      return;
-    }
-
-    // The node is partially selected, so split it into two nodes and style the selected part.
-    const splitNodes = firstNode.splitText(startOffset, endOffset);
-    const replacement = startOffset === 0 ? splitNodes[0] : splitNodes[1];
-    const fontColorNode = applyColorToNode(replacement, color);
-    fontColorNode.select(0, endOffset - startOffset);
-    return;
-  }
-
-  // Several nodes are selected.
-  textNodes.forEach(textNode => {
-    // First node is partially selected.
-    if (textNode === firstNode && startOffset > 0) {
-      const [, toColor] = textNode.splitText(startOffset);
-      applyColorToNode(toColor, color);
-      return;
-    }
-
-    // Last node is partially selected.
-    if (textNode === lastNode && lastNode.getTextContent().length !== endOffset) {
-      const [toColor] = textNode.splitText(endOffset);
-      applyColorToNode(toColor, color);
-      return;
+function applyColorToSelection(selection, color) {
+    const textNodes = selection.getNodes().filter((node)=>node instanceof TextNode);
+    const selectedTextNodesLength = textNodes.length;
+    const startEndPoints = selection.getStartEndPoints();
+    if (null === startEndPoints) return;
+    const [anchor, focus] = startEndPoints;
+    const lastIndex = selectedTextNodesLength - 1;
+    const firstNode = textNodes[0];
+    const lastNode = textNodes[lastIndex];
+    const firstNodeText = firstNode.getTextContent();
+    const firstNodeTextLength = firstNodeText.length;
+    const focusOffset = focus.offset;
+    const anchorOffset = anchor.offset;
+    const isBefore = anchor.isBefore(focus);
+    const startOffset = isBefore ? anchorOffset : focusOffset;
+    const endOffset = isBefore ? focusOffset : anchorOffset;
+    if (startOffset === endOffset) return;
+    if (1 === selectedTextNodesLength) {
+        if (0 === startOffset && endOffset === firstNodeTextLength) {
+            const fontColorNode = applyColorToNode(firstNode, color);
+            fontColorNode.select(startOffset, endOffset);
+            return;
+        }
+        const splitNodes = firstNode.splitText(startOffset, endOffset);
+        const replacement = 0 === startOffset ? splitNodes[0] : splitNodes[1];
+        const fontColorNode = applyColorToNode(replacement, color);
+        fontColorNode.select(0, endOffset - startOffset);
+        return;
     }
-
-    // Colorize the whole node.
-    applyColorToNode(textNode, color);
-  });
+    textNodes.forEach((textNode)=>{
+        if (textNode === firstNode && startOffset > 0) {
+            const [, toColor] = textNode.splitText(startOffset);
+            applyColorToNode(toColor, color);
+            return;
+        }
+        if (textNode === lastNode && lastNode.getTextContent().length !== endOffset) {
+            const [toColor] = textNode.splitText(endOffset);
+            applyColorToNode(toColor, color);
+            return;
+        }
+        applyColorToNode(textNode, color);
+    });
 }
+export { applyColorToSelection };
 
 //# sourceMappingURL=applyColorToSelection.js.map

package/plugins/FontColorPlugin/applyColorToSelection.js.map

@@ -1 +1 @@
-{"version":3,"names":["TextNode","applyColorToNode","applyColorToSelection","selection","color","textNodes","getNodes","filter","node","selectedTextNodesLength","length","startEndPoints","getStartEndPoints","anchor","focus","lastIndex","firstNode","lastNode","firstNodeText","getTextContent","firstNodeTextLength","focusOffset","offset","anchorOffset","isBefore","startOffset","endOffset","fontColorNode","select","splitNodes","splitText","replacement","forEach","textNode","toColor"],"sources":["applyColorToSelection.ts"],"sourcesContent":["import type { RangeSelection } from \"lexical\";\nimport { TextNode } from \"lexical\";\nimport type { ThemeColorValue } from \"@webiny/lexical-nodes\";\nimport { applyColorToNode } from \"~/plugins/FontColorPlugin/applyColorToNode.js\";\n\nexport function applyColorToSelection(selection: RangeSelection, color: ThemeColorValue) {\n    // Basic variables\n    const textNodes = selection.getNodes().filter(node => node instanceof TextNode) as TextNode[];\n\n    const selectedTextNodesLength = textNodes.length;\n    const startEndPoints = selection.getStartEndPoints();\n\n    if (startEndPoints === null) {\n        return;\n    }\n\n    const [anchor, focus] = startEndPoints;\n\n    const lastIndex = selectedTextNodesLength - 1;\n    const firstNode = textNodes[0];\n    const lastNode = textNodes[lastIndex];\n    const firstNodeText = firstNode.getTextContent();\n    const firstNodeTextLength = firstNodeText.length;\n    const focusOffset = focus.offset;\n    const anchorOffset = anchor.offset;\n    const isBefore = anchor.isBefore(focus);\n    const startOffset = isBefore ? anchorOffset : focusOffset;\n    const endOffset = isBefore ? focusOffset : anchorOffset;\n\n    // No actual text is selected, so do nothing.\n    if (startOffset === endOffset) {\n        return;\n    }\n\n    // Only one node is selected.\n    if (selectedTextNodesLength === 1) {\n        // The entire node is selected.\n        if (startOffset === 0 && endOffset === firstNodeTextLength) {\n            const fontColorNode = applyColorToNode(firstNode, color);\n            fontColorNode.select(startOffset, endOffset);\n            return;\n        }\n\n        // The node is partially selected, so split it into two nodes and style the selected part.\n        const splitNodes = firstNode.splitText(startOffset, endOffset);\n        const replacement = startOffset === 0 ? splitNodes[0] : splitNodes[1];\n        const fontColorNode = applyColorToNode(replacement, color);\n        fontColorNode.select(0, endOffset - startOffset);\n\n        return;\n    }\n\n    // Several nodes are selected.\n    textNodes.forEach(textNode => {\n        // First node is partially selected.\n        if (textNode === firstNode && startOffset > 0) {\n            const [, toColor] = textNode.splitText(startOffset);\n            applyColorToNode(toColor, color);\n\n            return;\n        }\n\n        // Last node is partially selected.\n        if (textNode === lastNode && lastNode.getTextContent().length !== endOffset) {\n            const [toColor] = textNode.splitText(endOffset);\n            applyColorToNode(toColor, color);\n            return;\n        }\n\n        // Colorize the whole node.\n        applyColorToNode(textNode, color);\n    });\n}\n"],"mappings":"AACA,SAASA,QAAQ,QAAQ,SAAS;AAElC,SAASC,gBAAgB;AAEzB,OAAO,SAASC,qBAAqBA,CAACC,SAAyB,EAAEC,KAAsB,EAAE;EACrF;EACA,MAAMC,SAAS,GAAGF,SAAS,CAACG,QAAQ,CAAC,CAAC,CAACC,MAAM,CAACC,IAAI,IAAIA,IAAI,YAAYR,QAAQ,CAAe;EAE7F,MAAMS,uBAAuB,GAAGJ,SAAS,CAACK,MAAM;EAChD,MAAMC,cAAc,GAAGR,SAAS,CAACS,iBAAiB,CAAC,CAAC;EAEpD,IAAID,cAAc,KAAK,IAAI,EAAE;IACzB;EACJ;EAEA,MAAM,CAACE,MAAM,EAAEC,KAAK,CAAC,GAAGH,cAAc;EAEtC,MAAMI,SAAS,GAAGN,uBAAuB,GAAG,CAAC;EAC7C,MAAMO,SAAS,GAAGX,SAAS,CAAC,CAAC,CAAC;EAC9B,MAAMY,QAAQ,GAAGZ,SAAS,CAACU,SAAS,CAAC;EACrC,MAAMG,aAAa,GAAGF,SAAS,CAACG,cAAc,CAAC,CAAC;EAChD,MAAMC,mBAAmB,GAAGF,aAAa,CAACR,MAAM;EAChD,MAAMW,WAAW,GAAGP,KAAK,CAACQ,MAAM;EAChC,MAAMC,YAAY,GAAGV,MAAM,CAACS,MAAM;EAClC,MAAME,QAAQ,GAAGX,MAAM,CAACW,QAAQ,CAACV,KAAK,CAAC;EACvC,MAAMW,WAAW,GAAGD,QAAQ,GAAGD,YAAY,GAAGF,WAAW;EACzD,MAAMK,SAAS,GAAGF,QAAQ,GAAGH,WAAW,GAAGE,YAAY;;EAEvD;EACA,IAAIE,WAAW,KAAKC,SAAS,EAAE;IAC3B;EACJ;;EAEA;EACA,IAAIjB,uBAAuB,KAAK,CAAC,EAAE;IAC/B;IACA,IAAIgB,WAAW,KAAK,CAAC,IAAIC,SAAS,KAAKN,mBAAmB,EAAE;MACxD,MAAMO,aAAa,GAAG1B,gBAAgB,CAACe,SAAS,EAAEZ,KAAK,CAAC;MACxDuB,aAAa,CAACC,MAAM,CAACH,WAAW,EAAEC,SAAS,CAAC;MAC5C;IACJ;;IAEA;IACA,MAAMG,UAAU,GAAGb,SAAS,CAACc,SAAS,CAACL,WAAW,EAAEC,SAAS,CAAC;IAC9D,MAAMK,WAAW,GAAGN,WAAW,KAAK,CAAC,GAAGI,UAAU,CAAC,CAAC,CAAC,GAAGA,UAAU,CAAC,CAAC,CAAC;IACrE,MAAMF,aAAa,GAAG1B,gBAAgB,CAAC8B,WAAW,EAAE3B,KAAK,CAAC;IAC1DuB,aAAa,CAACC,MAAM,CAAC,CAAC,EAAEF,SAAS,GAAGD,WAAW,CAAC;IAEhD;EACJ;;EAEA;EACApB,SAAS,CAAC2B,OAAO,CAACC,QAAQ,IAAI;IAC1B;IACA,IAAIA,QAAQ,KAAKjB,SAAS,IAAIS,WAAW,GAAG,CAAC,EAAE;MAC3C,MAAM,GAAGS,OAAO,CAAC,GAAGD,QAAQ,CAACH,SAAS,CAACL,WAAW,CAAC;MACnDxB,gBAAgB,CAACiC,OAAO,EAAE9B,KAAK,CAAC;MAEhC;IACJ;;IAEA;IACA,IAAI6B,QAAQ,KAAKhB,QAAQ,IAAIA,QAAQ,CAACE,cAAc,CAAC,CAAC,CAACT,MAAM,KAAKgB,SAAS,EAAE;MACzE,MAAM,CAACQ,OAAO,CAAC,GAAGD,QAAQ,CAACH,SAAS,CAACJ,SAAS,CAAC;MAC/CzB,gBAAgB,CAACiC,OAAO,EAAE9B,KAAK,CAAC;MAChC;IACJ;;IAEA;IACAH,gBAAgB,CAACgC,QAAQ,EAAE7B,KAAK,CAAC;EACrC,CAAC,CAAC;AACN","ignoreList":[]}
+{"version":3,"file":"plugins/FontColorPlugin/applyColorToSelection.js","sources":["../../../src/plugins/FontColorPlugin/applyColorToSelection.ts"],"sourcesContent":["import type { RangeSelection } from \"lexical\";\nimport { TextNode } from \"lexical\";\nimport type { ThemeColorValue } from \"@webiny/lexical-nodes\";\nimport { applyColorToNode } from \"~/plugins/FontColorPlugin/applyColorToNode.js\";\n\nexport function applyColorToSelection(selection: RangeSelection, color: ThemeColorValue) {\n    // Basic variables\n    const textNodes = selection.getNodes().filter(node => node instanceof TextNode) as TextNode[];\n\n    const selectedTextNodesLength = textNodes.length;\n    const startEndPoints = selection.getStartEndPoints();\n\n    if (startEndPoints === null) {\n        return;\n    }\n\n    const [anchor, focus] = startEndPoints;\n\n    const lastIndex = selectedTextNodesLength - 1;\n    const firstNode = textNodes[0];\n    const lastNode = textNodes[lastIndex];\n    const firstNodeText = firstNode.getTextContent();\n    const firstNodeTextLength = firstNodeText.length;\n    const focusOffset = focus.offset;\n    const anchorOffset = anchor.offset;\n    const isBefore = anchor.isBefore(focus);\n    const startOffset = isBefore ? anchorOffset : focusOffset;\n    const endOffset = isBefore ? focusOffset : anchorOffset;\n\n    // No actual text is selected, so do nothing.\n    if (startOffset === endOffset) {\n        return;\n    }\n\n    // Only one node is selected.\n    if (selectedTextNodesLength === 1) {\n        // The entire node is selected.\n        if (startOffset === 0 && endOffset === firstNodeTextLength) {\n            const fontColorNode = applyColorToNode(firstNode, color);\n            fontColorNode.select(startOffset, endOffset);\n            return;\n        }\n\n        // The node is partially selected, so split it into two nodes and style the selected part.\n        const splitNodes = firstNode.splitText(startOffset, endOffset);\n        const replacement = startOffset === 0 ? splitNodes[0] : splitNodes[1];\n        const fontColorNode = applyColorToNode(replacement, color);\n        fontColorNode.select(0, endOffset - startOffset);\n\n        return;\n    }\n\n    // Several nodes are selected.\n    textNodes.forEach(textNode => {\n        // First node is partially selected.\n        if (textNode === firstNode && startOffset > 0) {\n            const [, toColor] = textNode.splitText(startOffset);\n            applyColorToNode(toColor, color);\n\n            return;\n        }\n\n        // Last node is partially selected.\n        if (textNode === lastNode && lastNode.getTextContent().length !== endOffset) {\n            const [toColor] = textNode.splitText(endOffset);\n            applyColorToNode(toColor, color);\n            return;\n        }\n\n        // Colorize the whole node.\n        applyColorToNode(textNode, color);\n    });\n}\n"],"names":["applyColorToSelection","selection","color","textNodes","node","TextNode","selectedTextNodesLength","startEndPoints","anchor","focus","lastIndex","firstNode","lastNode","firstNodeText","firstNodeTextLength","focusOffset","anchorOffset","isBefore","startOffset","endOffset","fontColorNode","applyColorToNode","splitNodes","replacement","textNode","toColor"],"mappings":";;AAKO,SAASA,sBAAsBC,SAAyB,EAAEC,KAAsB;IAEnF,MAAMC,YAAYF,UAAU,QAAQ,GAAG,MAAM,CAACG,CAAAA,OAAQA,gBAAgBC;IAEtE,MAAMC,0BAA0BH,UAAU,MAAM;IAChD,MAAMI,iBAAiBN,UAAU,iBAAiB;IAElD,IAAIM,AAAmB,SAAnBA,gBACA;IAGJ,MAAM,CAACC,QAAQC,MAAM,GAAGF;IAExB,MAAMG,YAAYJ,0BAA0B;IAC5C,MAAMK,YAAYR,SAAS,CAAC,EAAE;IAC9B,MAAMS,WAAWT,SAAS,CAACO,UAAU;IACrC,MAAMG,gBAAgBF,UAAU,cAAc;IAC9C,MAAMG,sBAAsBD,cAAc,MAAM;IAChD,MAAME,cAAcN,MAAM,MAAM;IAChC,MAAMO,eAAeR,OAAO,MAAM;IAClC,MAAMS,WAAWT,OAAO,QAAQ,CAACC;IACjC,MAAMS,cAAcD,WAAWD,eAAeD;IAC9C,MAAMI,YAAYF,WAAWF,cAAcC;IAG3C,IAAIE,gBAAgBC,WAChB;IAIJ,IAAIb,AAA4B,MAA5BA,yBAA+B;QAE/B,IAAIY,AAAgB,MAAhBA,eAAqBC,cAAcL,qBAAqB;YACxD,MAAMM,gBAAgBC,iBAAiBV,WAAWT;YAClDkB,cAAc,MAAM,CAACF,aAAaC;YAClC;QACJ;QAGA,MAAMG,aAAaX,UAAU,SAAS,CAACO,aAAaC;QACpD,MAAMI,cAAcL,AAAgB,MAAhBA,cAAoBI,UAAU,CAAC,EAAE,GAAGA,UAAU,CAAC,EAAE;QACrE,MAAMF,gBAAgBC,iBAAiBE,aAAarB;QACpDkB,cAAc,MAAM,CAAC,GAAGD,YAAYD;QAEpC;IACJ;IAGAf,UAAU,OAAO,CAACqB,CAAAA;QAEd,IAAIA,aAAab,aAAaO,cAAc,GAAG;YAC3C,MAAM,GAAGO,QAAQ,GAAGD,SAAS,SAAS,CAACN;YACvCG,iBAAiBI,SAASvB;YAE1B;QACJ;QAGA,IAAIsB,aAAaZ,YAAYA,SAAS,cAAc,GAAG,MAAM,KAAKO,WAAW;YACzE,MAAM,CAACM,QAAQ,GAAGD,SAAS,SAAS,CAACL;YACrCE,iBAAiBI,SAASvB;YAC1B;QACJ;QAGAmB,iBAAiBG,UAAUtB;IAC/B;AACJ"}

package/plugins/ImagesPlugin/ImagesPlugin.js

@@ -1,148 +1,106 @@
 "use client";
-
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
 import { useEffect } from "react";
-import { $createRangeSelection, $getSelection, $isNodeSelection, $setSelection, mergeRegister, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, DRAGOVER_COMMAND, DRAGSTART_COMMAND, DROP_COMMAND } from "lexical";
+import { $createRangeSelection, $getSelection, $isNodeSelection, $setSelection, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, DRAGOVER_COMMAND, DRAGSTART_COMMAND, DROP_COMMAND, mergeRegister } from "lexical";
 import { $isImageNode, ImageNode } from "@webiny/lexical-nodes";
 import { INSERT_IMAGE_COMMAND } from "../../commands/index.js";
 import { CAN_USE_DOM } from "../../utils/canUseDOM.js";
 import { insertImage } from "../../utils/insertImage.js";
 import { useRichTextEditor } from "../../hooks/index.js";
-const getDOMSelection = targetWindow => CAN_USE_DOM ? (targetWindow || window).getSelection() : null;
-export function ImagesPlugin({
-  captionsEnabled
-}) {
-  const {
-    editor
-  } = useRichTextEditor();
-  useEffect(() => {
-    if (!editor.hasNodes([ImageNode])) {
-      throw new Error("ImagesPlugin: ImageNode not registered in the editor!");
-    }
-    return mergeRegister(editor.registerCommand(INSERT_IMAGE_COMMAND, payload => insertImage(payload), COMMAND_PRIORITY_EDITOR), editor.registerCommand(DRAGSTART_COMMAND, event => {
-      return onDragStart(event);
-    }, COMMAND_PRIORITY_HIGH), editor.registerCommand(DRAGOVER_COMMAND, event => {
-      return onDragover(event);
-    }, COMMAND_PRIORITY_LOW), editor.registerCommand(DROP_COMMAND, event => {
-      return onDrop(event, editor);
-    }, COMMAND_PRIORITY_HIGH));
-  }, [captionsEnabled, editor]);
-  return null;
+const getDOMSelection = (targetWindow)=>CAN_USE_DOM ? (targetWindow || window).getSelection() : null;
+function ImagesPlugin({ captionsEnabled }) {
+    const { editor } = useRichTextEditor();
+    useEffect(()=>{
+        if (!editor.hasNodes([
+            ImageNode
+        ])) throw new Error("ImagesPlugin: ImageNode not registered in the editor!");
+        return mergeRegister(editor.registerCommand(INSERT_IMAGE_COMMAND, (payload)=>insertImage(payload), COMMAND_PRIORITY_EDITOR), editor.registerCommand(DRAGSTART_COMMAND, (event)=>onDragStart(event), COMMAND_PRIORITY_HIGH), editor.registerCommand(DRAGOVER_COMMAND, (event)=>onDragover(event), COMMAND_PRIORITY_LOW), editor.registerCommand(DROP_COMMAND, (event)=>onDrop(event, editor), COMMAND_PRIORITY_HIGH));
+    }, [
+        captionsEnabled,
+        editor
+    ]);
+    return null;
 }
 function getDragImage() {
-  if (!document) {
-    return undefined;
-  }
-  const TRANSPARENT_IMAGE = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
-  const img = document.createElement("img");
-  img.src = TRANSPARENT_IMAGE;
-  return img;
+    if (!document) return;
+    const TRANSPARENT_IMAGE = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
+    const img = document.createElement("img");
+    img.src = TRANSPARENT_IMAGE;
+    return img;
 }
 function onDragStart(event) {
-  const node = getImageNodeInSelection();
-  if (!node) {
-    return false;
-  }
-  const dataTransfer = event.dataTransfer;
-  const dragImage = getDragImage();
-  if (!dataTransfer || !dragImage) {
-    return false;
-  }
-  dataTransfer.setData("text/plain", "_");
-  dataTransfer.setDragImage(dragImage, 0, 0);
-  dataTransfer.setData("application/x-lexical-drag", JSON.stringify({
-    data: {
-      id: node.__id,
-      altText: node.__altText,
-      height: node.__height,
-      key: node.getKey(),
-      maxWidth: node.__maxWidth,
-      src: node.__src,
-      width: node.__width
-    },
-    type: "image"
-  }));
-  return true;
+    const node = getImageNodeInSelection();
+    if (!node) return false;
+    const dataTransfer = event.dataTransfer;
+    const dragImage = getDragImage();
+    if (!dataTransfer || !dragImage) return false;
+    dataTransfer.setData("text/plain", "_");
+    dataTransfer.setDragImage(dragImage, 0, 0);
+    dataTransfer.setData("application/x-lexical-drag", JSON.stringify({
+        data: {
+            id: node.__id,
+            altText: node.__altText,
+            height: node.__height,
+            key: node.getKey(),
+            maxWidth: node.__maxWidth,
+            src: node.__src,
+            width: node.__width
+        },
+        type: "image"
+    }));
+    return true;
 }
 function onDragover(event) {
-  const node = getImageNodeInSelection();
-  if (!node) {
-    return false;
-  }
-  if (!canDropImage(event)) {
-    event.preventDefault();
-  }
-  return true;
+    const node = getImageNodeInSelection();
+    if (!node) return false;
+    if (!canDropImage(event)) event.preventDefault();
+    return true;
 }
 function onDrop(event, editor) {
-  const node = getImageNodeInSelection();
-  if (!node) {
-    return false;
-  }
-  const data = getDragImageData(event);
-  if (!data) {
-    return false;
-  }
-  event.preventDefault();
-  if (canDropImage(event)) {
-    const range = getDragSelection(event);
-    node.remove();
-    const rangeSelection = $createRangeSelection();
-    if (range !== null && range !== undefined) {
-      rangeSelection.applyDOMRange(range);
+    const node = getImageNodeInSelection();
+    if (!node) return false;
+    const data = getDragImageData(event);
+    if (!data) return false;
+    event.preventDefault();
+    if (canDropImage(event)) {
+        const range = getDragSelection(event);
+        node.remove();
+        const rangeSelection = $createRangeSelection();
+        if (null != range) rangeSelection.applyDOMRange(range);
+        $setSelection(rangeSelection);
+        editor.dispatchCommand(INSERT_IMAGE_COMMAND, data);
     }
-    $setSelection(rangeSelection);
-    editor.dispatchCommand(INSERT_IMAGE_COMMAND, data);
-  }
-  return true;
+    return true;
 }
 function getImageNodeInSelection() {
-  const selection = $getSelection();
-  if (!$isNodeSelection(selection)) {
-    return null;
-  }
-  const nodes = selection.getNodes();
-  const node = nodes[0];
-  return $isImageNode(node) ? node : null;
+    const selection = $getSelection();
+    if (!$isNodeSelection(selection)) return null;
+    const nodes = selection.getNodes();
+    const node = nodes[0];
+    return $isImageNode(node) ? node : null;
 }
 function getDragImageData(event) {
-  const dragData = event.dataTransfer?.getData("application/x-lexical-drag");
-  if (!dragData) {
-    return null;
-  }
-  const {
-    type,
-    data
-  } = JSON.parse(dragData);
-  if (type !== "image") {
-    return null;
-  }
-  return data;
+    const dragData = event.dataTransfer?.getData("application/x-lexical-drag");
+    if (!dragData) return null;
+    const { type, data } = JSON.parse(dragData);
+    if ("image" !== type) return null;
+    return data;
 }
 function canDropImage(event) {
-  const target = event.target;
-  return !!(target && target instanceof HTMLElement && !target.closest("code, span.editor-image") && target.parentElement && target.parentElement.closest("div.ContentEditable__root"));
+    const target = event.target;
+    return !!(target && target instanceof HTMLElement && !target.closest("code, span.editor-image") && target.parentElement && target.parentElement.closest("div.ContentEditable__root"));
 }
 function getDragSelection(event) {
-  let range;
-  const target = event.target;
-  const targetWindow = target == null ? null : target.nodeType === 9 ? target.defaultView : target.ownerDocument.defaultView;
-  const domSelection = getDOMSelection(targetWindow);
-  if (document.caretRangeFromPoint) {
-    range = document.caretRangeFromPoint(event.clientX, event.clientY);
-  } else if (event.rangeParent && domSelection !== null) {
-    domSelection.collapse(event.rangeParent, event.rangeOffset || 0);
-    range = domSelection.getRangeAt(0);
-  } else {
-    throw Error(`Cannot get the selection when dragging`);
-  }
-  return range;
+    let range;
+    const target = event.target;
+    const targetWindow = null == target ? null : 9 === target.nodeType ? target.defaultView : target.ownerDocument.defaultView;
+    const domSelection = getDOMSelection(targetWindow);
+    if (document.caretRangeFromPoint) range = document.caretRangeFromPoint(event.clientX, event.clientY);
+    else if (event.rangeParent && null !== domSelection) {
+        domSelection.collapse(event.rangeParent, event.rangeOffset || 0);
+        range = domSelection.getRangeAt(0);
+    } else throw Error("Cannot get the selection when dragging");
+    return range;
 }
+export { ImagesPlugin };
 
 //# sourceMappingURL=ImagesPlugin.js.map

package/plugins/ImagesPlugin/ImagesPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","$createRangeSelection","$getSelection","$isNodeSelection","$setSelection","mergeRegister","COMMAND_PRIORITY_EDITOR","COMMAND_PRIORITY_HIGH","COMMAND_PRIORITY_LOW","DRAGOVER_COMMAND","DRAGSTART_COMMAND","DROP_COMMAND","$isImageNode","ImageNode","INSERT_IMAGE_COMMAND","CAN_USE_DOM","insertImage","useRichTextEditor","getDOMSelection","targetWindow","window","getSelection","ImagesPlugin","captionsEnabled","editor","hasNodes","Error","registerCommand","payload","event","onDragStart","onDragover","onDrop","getDragImage","document","undefined","TRANSPARENT_IMAGE","img","createElement","src","node","getImageNodeInSelection","dataTransfer","dragImage","setData","setDragImage","JSON","stringify","data","id","__id","altText","__altText","height","__height","key","getKey","maxWidth","__maxWidth","__src","width","__width","type","canDropImage","preventDefault","getDragImageData","range","getDragSelection","remove","rangeSelection","applyDOMRange","dispatchCommand","selection","nodes","getNodes","dragData","getData","parse","target","HTMLElement","closest","parentElement","nodeType","defaultView","ownerDocument","domSelection","caretRangeFromPoint","clientX","clientY","rangeParent","collapse","rangeOffset","getRangeAt"],"sources":["ImagesPlugin.tsx"],"sourcesContent":["\"use client\";\n/**\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 */\nimport { useEffect } from \"react\";\nimport type { LexicalEditor } from \"lexical\";\nimport {\n    $createRangeSelection,\n    $getSelection,\n    $isNodeSelection,\n    $setSelection,\n    mergeRegister,\n    COMMAND_PRIORITY_EDITOR,\n    COMMAND_PRIORITY_HIGH,\n    COMMAND_PRIORITY_LOW,\n    DRAGOVER_COMMAND,\n    DRAGSTART_COMMAND,\n    DROP_COMMAND\n} from \"lexical\";\nimport { $isImageNode, ImageNode } from \"@webiny/lexical-nodes\";\nimport type { ImagePayload } from \"~/commands/index.js\";\nimport { INSERT_IMAGE_COMMAND } from \"~/commands/index.js\";\nimport { CAN_USE_DOM } from \"~/utils/canUseDOM.js\";\nimport { insertImage } from \"~/utils/insertImage.js\";\nimport { useRichTextEditor } from \"~/hooks/index.js\";\n\nexport type InsertImagePayload = Readonly<ImagePayload>;\n\nconst getDOMSelection = (targetWindow: Window | null): Selection | null =>\n    CAN_USE_DOM ? (targetWindow || window).getSelection() : null;\n\nexport function ImagesPlugin({\n    captionsEnabled\n}: {\n    captionsEnabled?: boolean;\n}): React.JSX.Element | null {\n    const { editor } = useRichTextEditor();\n\n    useEffect(() => {\n        if (!editor.hasNodes([ImageNode])) {\n            throw new Error(\"ImagesPlugin: ImageNode not registered in the editor!\");\n        }\n\n        return mergeRegister(\n            editor.registerCommand<InsertImagePayload>(\n                INSERT_IMAGE_COMMAND,\n                payload => insertImage(payload),\n                COMMAND_PRIORITY_EDITOR\n            ),\n            editor.registerCommand<DragEvent>(\n                DRAGSTART_COMMAND,\n                event => {\n                    return onDragStart(event);\n                },\n                COMMAND_PRIORITY_HIGH\n            ),\n            editor.registerCommand<DragEvent>(\n                DRAGOVER_COMMAND,\n                event => {\n                    return onDragover(event);\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n            editor.registerCommand<DragEvent>(\n                DROP_COMMAND,\n                event => {\n                    return onDrop(event, editor);\n                },\n                COMMAND_PRIORITY_HIGH\n            )\n        );\n    }, [captionsEnabled, editor]);\n\n    return null;\n}\n\nfunction getDragImage() {\n    if (!document) {\n        return undefined;\n    }\n\n    const TRANSPARENT_IMAGE =\n        \"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\";\n    const img = document.createElement(\"img\");\n    img.src = TRANSPARENT_IMAGE;\n    return img;\n}\n\nfunction onDragStart(event: DragEvent): boolean {\n    const node = getImageNodeInSelection();\n    if (!node) {\n        return false;\n    }\n    const dataTransfer = event.dataTransfer;\n    const dragImage = getDragImage();\n    if (!dataTransfer || !dragImage) {\n        return false;\n    }\n    dataTransfer.setData(\"text/plain\", \"_\");\n    dataTransfer.setDragImage(dragImage, 0, 0);\n    dataTransfer.setData(\n        \"application/x-lexical-drag\",\n        JSON.stringify({\n            data: {\n                id: node.__id,\n                altText: node.__altText,\n                height: node.__height,\n                key: node.getKey(),\n                maxWidth: node.__maxWidth,\n                src: node.__src,\n                width: node.__width\n            },\n            type: \"image\"\n        })\n    );\n\n    return true;\n}\n\nfunction onDragover(event: DragEvent): boolean {\n    const node = getImageNodeInSelection();\n    if (!node) {\n        return false;\n    }\n    if (!canDropImage(event)) {\n        event.preventDefault();\n    }\n    return true;\n}\n\nfunction onDrop(event: DragEvent, editor: LexicalEditor): boolean {\n    const node = getImageNodeInSelection();\n    if (!node) {\n        return false;\n    }\n    const data = getDragImageData(event);\n    if (!data) {\n        return false;\n    }\n    event.preventDefault();\n    if (canDropImage(event)) {\n        const range = getDragSelection(event);\n        node.remove();\n        const rangeSelection = $createRangeSelection();\n        if (range !== null && range !== undefined) {\n            rangeSelection.applyDOMRange(range);\n        }\n        $setSelection(rangeSelection);\n        editor.dispatchCommand(INSERT_IMAGE_COMMAND, data);\n    }\n    return true;\n}\n\nfunction getImageNodeInSelection(): ImageNode | null {\n    const selection = $getSelection();\n    if (!$isNodeSelection(selection)) {\n        return null;\n    }\n    const nodes = selection.getNodes();\n    const node = nodes[0];\n    return $isImageNode(node) ? node : null;\n}\n\nfunction getDragImageData(event: DragEvent): null | InsertImagePayload {\n    const dragData = event.dataTransfer?.getData(\"application/x-lexical-drag\");\n    if (!dragData) {\n        return null;\n    }\n    const { type, data } = JSON.parse(dragData);\n    if (type !== \"image\") {\n        return null;\n    }\n\n    return data;\n}\n\ndeclare global {\n    interface DragEvent {\n        rangeOffset?: number;\n        rangeParent?: Node;\n    }\n}\n\nfunction canDropImage(event: DragEvent): boolean {\n    const target = event.target;\n    return !!(\n        target &&\n        target instanceof HTMLElement &&\n        !target.closest(\"code, span.editor-image\") &&\n        target.parentElement &&\n        target.parentElement.closest(\"div.ContentEditable__root\")\n    );\n}\n\nfunction getDragSelection(event: DragEvent): Range | null | undefined {\n    let range;\n    const target = event.target as null | Element | Document;\n    const targetWindow =\n        target == null\n            ? null\n            : target.nodeType === 9\n              ? (target as Document).defaultView\n              : (target as Element).ownerDocument.defaultView;\n    const domSelection = getDOMSelection(targetWindow);\n    if (document.caretRangeFromPoint) {\n        range = document.caretRangeFromPoint(event.clientX, event.clientY);\n    } else if (event.rangeParent && domSelection !== null) {\n        domSelection.collapse(event.rangeParent, event.rangeOffset || 0);\n        range = domSelection.getRangeAt(0);\n    } else {\n        throw Error(`Cannot get the selection when dragging`);\n    }\n\n    return range;\n}\n"],"mappings":"AAAA,YAAY;;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,OAAO;AAEjC,SACIC,qBAAqB,EACrBC,aAAa,EACbC,gBAAgB,EAChBC,aAAa,EACbC,aAAa,EACbC,uBAAuB,EACvBC,qBAAqB,EACrBC,oBAAoB,EACpBC,gBAAgB,EAChBC,iBAAiB,EACjBC,YAAY,QACT,SAAS;AAChB,SAASC,YAAY,EAAEC,SAAS,QAAQ,uBAAuB;AAE/D,SAASC,oBAAoB;AAC7B,SAASC,WAAW;AACpB,SAASC,WAAW;AACpB,SAASC,iBAAiB;AAI1B,MAAMC,eAAe,GAAIC,YAA2B,IAChDJ,WAAW,GAAG,CAACI,YAAY,IAAIC,MAAM,EAAEC,YAAY,CAAC,CAAC,GAAG,IAAI;AAEhE,OAAO,SAASC,YAAYA,CAAC;EACzBC;AAGJ,CAAC,EAA4B;EACzB,MAAM;IAAEC;EAAO,CAAC,GAAGP,iBAAiB,CAAC,CAAC;EAEtCjB,SAAS,CAAC,MAAM;IACZ,IAAI,CAACwB,MAAM,CAACC,QAAQ,CAAC,CAACZ,SAAS,CAAC,CAAC,EAAE;MAC/B,MAAM,IAAIa,KAAK,CAAC,uDAAuD,CAAC;IAC5E;IAEA,OAAOrB,aAAa,CAChBmB,MAAM,CAACG,eAAe,CAClBb,oBAAoB,EACpBc,OAAO,IAAIZ,WAAW,CAACY,OAAO,CAAC,EAC/BtB,uBACJ,CAAC,EACDkB,MAAM,CAACG,eAAe,CAClBjB,iBAAiB,EACjBmB,KAAK,IAAI;MACL,OAAOC,WAAW,CAACD,KAAK,CAAC;IAC7B,CAAC,EACDtB,qBACJ,CAAC,EACDiB,MAAM,CAACG,eAAe,CAClBlB,gBAAgB,EAChBoB,KAAK,IAAI;MACL,OAAOE,UAAU,CAACF,KAAK,CAAC;IAC5B,CAAC,EACDrB,oBACJ,CAAC,EACDgB,MAAM,CAACG,eAAe,CAClBhB,YAAY,EACZkB,KAAK,IAAI;MACL,OAAOG,MAAM,CAACH,KAAK,EAAEL,MAAM,CAAC;IAChC,CAAC,EACDjB,qBACJ,CACJ,CAAC;EACL,CAAC,EAAE,CAACgB,eAAe,EAAEC,MAAM,CAAC,CAAC;EAE7B,OAAO,IAAI;AACf;AAEA,SAASS,YAAYA,CAAA,EAAG;EACpB,IAAI,CAACC,QAAQ,EAAE;IACX,OAAOC,SAAS;EACpB;EAEA,MAAMC,iBAAiB,GACnB,gFAAgF;EACpF,MAAMC,GAAG,GAAGH,QAAQ,CAACI,aAAa,CAAC,KAAK,CAAC;EACzCD,GAAG,CAACE,GAAG,GAAGH,iBAAiB;EAC3B,OAAOC,GAAG;AACd;AAEA,SAASP,WAAWA,CAACD,KAAgB,EAAW;EAC5C,MAAMW,IAAI,GAAGC,uBAAuB,CAAC,CAAC;EACtC,IAAI,CAACD,IAAI,EAAE;IACP,OAAO,KAAK;EAChB;EACA,MAAME,YAAY,GAAGb,KAAK,CAACa,YAAY;EACvC,MAAMC,SAAS,GAAGV,YAAY,CAAC,CAAC;EAChC,IAAI,CAACS,YAAY,IAAI,CAACC,SAAS,EAAE;IAC7B,OAAO,KAAK;EAChB;EACAD,YAAY,CAACE,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC;EACvCF,YAAY,CAACG,YAAY,CAACF,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC;EAC1CD,YAAY,CAACE,OAAO,CAChB,4BAA4B,EAC5BE,IAAI,CAACC,SAAS,CAAC;IACXC,IAAI,EAAE;MACFC,EAAE,EAAET,IAAI,CAACU,IAAI;MACbC,OAAO,EAAEX,IAAI,CAACY,SAAS;MACvBC,MAAM,EAAEb,IAAI,CAACc,QAAQ;MACrBC,GAAG,EAAEf,IAAI,CAACgB,MAAM,CAAC,CAAC;MAClBC,QAAQ,EAAEjB,IAAI,CAACkB,UAAU;MACzBnB,GAAG,EAAEC,IAAI,CAACmB,KAAK;MACfC,KAAK,EAAEpB,IAAI,CAACqB;IAChB,CAAC;IACDC,IAAI,EAAE;EACV,CAAC,CACL,CAAC;EAED,OAAO,IAAI;AACf;AAEA,SAAS/B,UAAUA,CAACF,KAAgB,EAAW;EAC3C,MAAMW,IAAI,GAAGC,uBAAuB,CAAC,CAAC;EACtC,IAAI,CAACD,IAAI,EAAE;IACP,OAAO,KAAK;EAChB;EACA,IAAI,CAACuB,YAAY,CAAClC,KAAK,CAAC,EAAE;IACtBA,KAAK,CAACmC,cAAc,CAAC,CAAC;EAC1B;EACA,OAAO,IAAI;AACf;AAEA,SAAShC,MAAMA,CAACH,KAAgB,EAAEL,MAAqB,EAAW;EAC9D,MAAMgB,IAAI,GAAGC,uBAAuB,CAAC,CAAC;EACtC,IAAI,CAACD,IAAI,EAAE;IACP,OAAO,KAAK;EAChB;EACA,MAAMQ,IAAI,GAAGiB,gBAAgB,CAACpC,KAAK,CAAC;EACpC,IAAI,CAACmB,IAAI,EAAE;IACP,OAAO,KAAK;EAChB;EACAnB,KAAK,CAACmC,cAAc,CAAC,CAAC;EACtB,IAAID,YAAY,CAAClC,KAAK,CAAC,EAAE;IACrB,MAAMqC,KAAK,GAAGC,gBAAgB,CAACtC,KAAK,CAAC;IACrCW,IAAI,CAAC4B,MAAM,CAAC,CAAC;IACb,MAAMC,cAAc,GAAGpE,qBAAqB,CAAC,CAAC;IAC9C,IAAIiE,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK/B,SAAS,EAAE;MACvCkC,cAAc,CAACC,aAAa,CAACJ,KAAK,CAAC;IACvC;IACA9D,aAAa,CAACiE,cAAc,CAAC;IAC7B7C,MAAM,CAAC+C,eAAe,CAACzD,oBAAoB,EAAEkC,IAAI,CAAC;EACtD;EACA,OAAO,IAAI;AACf;AAEA,SAASP,uBAAuBA,CAAA,EAAqB;EACjD,MAAM+B,SAAS,GAAGtE,aAAa,CAAC,CAAC;EACjC,IAAI,CAACC,gBAAgB,CAACqE,SAAS,CAAC,EAAE;IAC9B,OAAO,IAAI;EACf;EACA,MAAMC,KAAK,GAAGD,SAAS,CAACE,QAAQ,CAAC,CAAC;EAClC,MAAMlC,IAAI,GAAGiC,KAAK,CAAC,CAAC,CAAC;EACrB,OAAO7D,YAAY,CAAC4B,IAAI,CAAC,GAAGA,IAAI,GAAG,IAAI;AAC3C;AAEA,SAASyB,gBAAgBA,CAACpC,KAAgB,EAA6B;EACnE,MAAM8C,QAAQ,GAAG9C,KAAK,CAACa,YAAY,EAAEkC,OAAO,CAAC,4BAA4B,CAAC;EAC1E,IAAI,CAACD,QAAQ,EAAE;IACX,OAAO,IAAI;EACf;EACA,MAAM;IAAEb,IAAI;IAAEd;EAAK,CAAC,GAAGF,IAAI,CAAC+B,KAAK,CAACF,QAAQ,CAAC;EAC3C,IAAIb,IAAI,KAAK,OAAO,EAAE;IAClB,OAAO,IAAI;EACf;EAEA,OAAOd,IAAI;AACf;AASA,SAASe,YAAYA,CAAClC,KAAgB,EAAW;EAC7C,MAAMiD,MAAM,GAAGjD,KAAK,CAACiD,MAAM;EAC3B,OAAO,CAAC,EACJA,MAAM,IACNA,MAAM,YAAYC,WAAW,IAC7B,CAACD,MAAM,CAACE,OAAO,CAAC,yBAAyB,CAAC,IAC1CF,MAAM,CAACG,aAAa,IACpBH,MAAM,CAACG,aAAa,CAACD,OAAO,CAAC,2BAA2B,CAAC,CAC5D;AACL;AAEA,SAASb,gBAAgBA,CAACtC,KAAgB,EAA4B;EAClE,IAAIqC,KAAK;EACT,MAAMY,MAAM,GAAGjD,KAAK,CAACiD,MAAmC;EACxD,MAAM3D,YAAY,GACd2D,MAAM,IAAI,IAAI,GACR,IAAI,GACJA,MAAM,CAACI,QAAQ,KAAK,CAAC,GAClBJ,MAAM,CAAcK,WAAW,GAC/BL,MAAM,CAAaM,aAAa,CAACD,WAAW;EACzD,MAAME,YAAY,GAAGnE,eAAe,CAACC,YAAY,CAAC;EAClD,IAAIe,QAAQ,CAACoD,mBAAmB,EAAE;IAC9BpB,KAAK,GAAGhC,QAAQ,CAACoD,mBAAmB,CAACzD,KAAK,CAAC0D,OAAO,EAAE1D,KAAK,CAAC2D,OAAO,CAAC;EACtE,CAAC,MAAM,IAAI3D,KAAK,CAAC4D,WAAW,IAAIJ,YAAY,KAAK,IAAI,EAAE;IACnDA,YAAY,CAACK,QAAQ,CAAC7D,KAAK,CAAC4D,WAAW,EAAE5D,KAAK,CAAC8D,WAAW,IAAI,CAAC,CAAC;IAChEzB,KAAK,GAAGmB,YAAY,CAACO,UAAU,CAAC,CAAC,CAAC;EACtC,CAAC,MAAM;IACH,MAAMlE,KAAK,CAAC,wCAAwC,CAAC;EACzD;EAEA,OAAOwC,KAAK;AAChB","ignoreList":[]}
+{"version":3,"file":"plugins/ImagesPlugin/ImagesPlugin.js","sources":["../../../src/plugins/ImagesPlugin/ImagesPlugin.tsx"],"sourcesContent":["\"use client\";\n/**\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 */\nimport { useEffect } from \"react\";\nimport type { LexicalEditor } from \"lexical\";\nimport {\n    $createRangeSelection,\n    $getSelection,\n    $isNodeSelection,\n    $setSelection,\n    mergeRegister,\n    COMMAND_PRIORITY_EDITOR,\n    COMMAND_PRIORITY_HIGH,\n    COMMAND_PRIORITY_LOW,\n    DRAGOVER_COMMAND,\n    DRAGSTART_COMMAND,\n    DROP_COMMAND\n} from \"lexical\";\nimport { $isImageNode, ImageNode } from \"@webiny/lexical-nodes\";\nimport type { ImagePayload } from \"~/commands/index.js\";\nimport { INSERT_IMAGE_COMMAND } from \"~/commands/index.js\";\nimport { CAN_USE_DOM } from \"~/utils/canUseDOM.js\";\nimport { insertImage } from \"~/utils/insertImage.js\";\nimport { useRichTextEditor } from \"~/hooks/index.js\";\n\nexport type InsertImagePayload = Readonly<ImagePayload>;\n\nconst getDOMSelection = (targetWindow: Window | null): Selection | null =>\n    CAN_USE_DOM ? (targetWindow || window).getSelection() : null;\n\nexport function ImagesPlugin({\n    captionsEnabled\n}: {\n    captionsEnabled?: boolean;\n}): React.JSX.Element | null {\n    const { editor } = useRichTextEditor();\n\n    useEffect(() => {\n        if (!editor.hasNodes([ImageNode])) {\n            throw new Error(\"ImagesPlugin: ImageNode not registered in the editor!\");\n        }\n\n        return mergeRegister(\n            editor.registerCommand<InsertImagePayload>(\n                INSERT_IMAGE_COMMAND,\n                payload => insertImage(payload),\n                COMMAND_PRIORITY_EDITOR\n            ),\n            editor.registerCommand<DragEvent>(\n                DRAGSTART_COMMAND,\n                event => {\n                    return onDragStart(event);\n                },\n                COMMAND_PRIORITY_HIGH\n            ),\n            editor.registerCommand<DragEvent>(\n                DRAGOVER_COMMAND,\n                event => {\n                    return onDragover(event);\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n            editor.registerCommand<DragEvent>(\n                DROP_COMMAND,\n                event => {\n                    return onDrop(event, editor);\n                },\n                COMMAND_PRIORITY_HIGH\n            )\n        );\n    }, [captionsEnabled, editor]);\n\n    return null;\n}\n\nfunction getDragImage() {\n    if (!document) {\n        return undefined;\n    }\n\n    const TRANSPARENT_IMAGE =\n        \"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\";\n    const img = document.createElement(\"img\");\n    img.src = TRANSPARENT_IMAGE;\n    return img;\n}\n\nfunction onDragStart(event: DragEvent): boolean {\n    const node = getImageNodeInSelection();\n    if (!node) {\n        return false;\n    }\n    const dataTransfer = event.dataTransfer;\n    const dragImage = getDragImage();\n    if (!dataTransfer || !dragImage) {\n        return false;\n    }\n    dataTransfer.setData(\"text/plain\", \"_\");\n    dataTransfer.setDragImage(dragImage, 0, 0);\n    dataTransfer.setData(\n        \"application/x-lexical-drag\",\n        JSON.stringify({\n            data: {\n                id: node.__id,\n                altText: node.__altText,\n                height: node.__height,\n                key: node.getKey(),\n                maxWidth: node.__maxWidth,\n                src: node.__src,\n                width: node.__width\n            },\n            type: \"image\"\n        })\n    );\n\n    return true;\n}\n\nfunction onDragover(event: DragEvent): boolean {\n    const node = getImageNodeInSelection();\n    if (!node) {\n        return false;\n    }\n    if (!canDropImage(event)) {\n        event.preventDefault();\n    }\n    return true;\n}\n\nfunction onDrop(event: DragEvent, editor: LexicalEditor): boolean {\n    const node = getImageNodeInSelection();\n    if (!node) {\n        return false;\n    }\n    const data = getDragImageData(event);\n    if (!data) {\n        return false;\n    }\n    event.preventDefault();\n    if (canDropImage(event)) {\n        const range = getDragSelection(event);\n        node.remove();\n        const rangeSelection = $createRangeSelection();\n        if (range !== null && range !== undefined) {\n            rangeSelection.applyDOMRange(range);\n        }\n        $setSelection(rangeSelection);\n        editor.dispatchCommand(INSERT_IMAGE_COMMAND, data);\n    }\n    return true;\n}\n\nfunction getImageNodeInSelection(): ImageNode | null {\n    const selection = $getSelection();\n    if (!$isNodeSelection(selection)) {\n        return null;\n    }\n    const nodes = selection.getNodes();\n    const node = nodes[0];\n    return $isImageNode(node) ? node : null;\n}\n\nfunction getDragImageData(event: DragEvent): null | InsertImagePayload {\n    const dragData = event.dataTransfer?.getData(\"application/x-lexical-drag\");\n    if (!dragData) {\n        return null;\n    }\n    const { type, data } = JSON.parse(dragData);\n    if (type !== \"image\") {\n        return null;\n    }\n\n    return data;\n}\n\ndeclare global {\n    interface DragEvent {\n        rangeOffset?: number;\n        rangeParent?: Node;\n    }\n}\n\nfunction canDropImage(event: DragEvent): boolean {\n    const target = event.target;\n    return !!(\n        target &&\n        target instanceof HTMLElement &&\n        !target.closest(\"code, span.editor-image\") &&\n        target.parentElement &&\n        target.parentElement.closest(\"div.ContentEditable__root\")\n    );\n}\n\nfunction getDragSelection(event: DragEvent): Range | null | undefined {\n    let range;\n    const target = event.target as null | Element | Document;\n    const targetWindow =\n        target == null\n            ? null\n            : target.nodeType === 9\n              ? (target as Document).defaultView\n              : (target as Element).ownerDocument.defaultView;\n    const domSelection = getDOMSelection(targetWindow);\n    if (document.caretRangeFromPoint) {\n        range = document.caretRangeFromPoint(event.clientX, event.clientY);\n    } else if (event.rangeParent && domSelection !== null) {\n        domSelection.collapse(event.rangeParent, event.rangeOffset || 0);\n        range = domSelection.getRangeAt(0);\n    } else {\n        throw Error(`Cannot get the selection when dragging`);\n    }\n\n    return range;\n}\n"],"names":["getDOMSelection","targetWindow","CAN_USE_DOM","window","ImagesPlugin","captionsEnabled","editor","useRichTextEditor","useEffect","ImageNode","Error","mergeRegister","INSERT_IMAGE_COMMAND","payload","insertImage","COMMAND_PRIORITY_EDITOR","DRAGSTART_COMMAND","event","onDragStart","COMMAND_PRIORITY_HIGH","DRAGOVER_COMMAND","onDragover","COMMAND_PRIORITY_LOW","DROP_COMMAND","onDrop","getDragImage","document","TRANSPARENT_IMAGE","img","node","getImageNodeInSelection","dataTransfer","dragImage","JSON","canDropImage","data","getDragImageData","range","getDragSelection","rangeSelection","$createRangeSelection","$setSelection","selection","$getSelection","$isNodeSelection","nodes","$isImageNode","dragData","type","target","HTMLElement","domSelection"],"mappings":"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"}

package/plugins/LinkPlugin/LinkPlugin.js

@@ -1,58 +1,52 @@
 import { useEffect } from "react";
-import { $getSelection, $isElementNode, $isRangeSelection, mergeRegister, COMMAND_PRIORITY_LOW, PASTE_COMMAND } from "lexical";
+import { $getSelection, $isElementNode, $isRangeSelection, COMMAND_PRIORITY_LOW, PASTE_COMMAND, mergeRegister } from "lexical";
 import { LinkNode, TOGGLE_LINK_COMMAND, toggleLink } from "@webiny/lexical-nodes";
 import { useRichTextEditor } from "../../hooks/index.js";
-export function LinkPlugin({
-  validateUrl
-}) {
-  const {
-    editor
-  } = useRichTextEditor();
-  useEffect(() => {
-    if (!editor.hasNodes([LinkNode])) {
-      throw new Error("LinkPlugin: LinkNode not registered in the editor!");
-    }
-    const commands = [editor.registerCommand(TOGGLE_LINK_COMMAND, payload => {
-      if (payload === null) {
-        toggleLink(payload);
-        return true;
-      } else if (typeof payload === "string") {
-        if (validateUrl === undefined || validateUrl(payload)) {
-          toggleLink(payload);
-          return true;
-        }
-        return false;
-      } else {
-        const {
-          url,
-          ...attrs
-        } = payload;
-        toggleLink(url, attrs);
-        return true;
-      }
-    }, COMMAND_PRIORITY_LOW)];
-    if (validateUrl !== undefined) {
-      commands.push(editor.registerCommand(PASTE_COMMAND, event => {
-        const selection = $getSelection();
-        if (!$isRangeSelection(selection) || selection.isCollapsed() || !(event instanceof ClipboardEvent) || event.clipboardData == null) {
-          return false;
-        }
-        const clipboardText = event.clipboardData.getData("text");
-        if (!validateUrl(clipboardText)) {
-          return false;
-        }
-        // If we select nodes that are elements then avoid applying the link.
-        if (!selection.getNodes().some(node => $isElementNode(node))) {
-          editor.dispatchCommand(TOGGLE_LINK_COMMAND, clipboardText);
-          event.preventDefault();
-          return true;
-        }
-        return false;
-      }, COMMAND_PRIORITY_LOW));
-    }
-    return mergeRegister(...commands);
-  }, [editor, validateUrl]);
-  return null;
+function LinkPlugin({ validateUrl }) {
+    const { editor } = useRichTextEditor();
+    useEffect(()=>{
+        if (!editor.hasNodes([
+            LinkNode
+        ])) throw new Error("LinkPlugin: LinkNode not registered in the editor!");
+        const commands = [
+            editor.registerCommand(TOGGLE_LINK_COMMAND, (payload)=>{
+                if (null === payload) {
+                    toggleLink(payload);
+                    return true;
+                }
+                if ("string" == typeof payload) {
+                    if (void 0 === validateUrl || validateUrl(payload)) {
+                        toggleLink(payload);
+                        return true;
+                    }
+                    return false;
+                }
+                {
+                    const { url, ...attrs } = payload;
+                    toggleLink(url, attrs);
+                    return true;
+                }
+            }, COMMAND_PRIORITY_LOW)
+        ];
+        if (void 0 !== validateUrl) commands.push(editor.registerCommand(PASTE_COMMAND, (event)=>{
+            const selection = $getSelection();
+            if (!$isRangeSelection(selection) || selection.isCollapsed() || !(event instanceof ClipboardEvent) || null == event.clipboardData) return false;
+            const clipboardText = event.clipboardData.getData("text");
+            if (!validateUrl(clipboardText)) return false;
+            if (!selection.getNodes().some((node)=>$isElementNode(node))) {
+                editor.dispatchCommand(TOGGLE_LINK_COMMAND, clipboardText);
+                event.preventDefault();
+                return true;
+            }
+            return false;
+        }, COMMAND_PRIORITY_LOW));
+        return mergeRegister(...commands);
+    }, [
+        editor,
+        validateUrl
+    ]);
+    return null;
 }
+export { LinkPlugin };
 
 //# sourceMappingURL=LinkPlugin.js.map

package/plugins/LinkPlugin/LinkPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","$getSelection","$isElementNode","$isRangeSelection","mergeRegister","COMMAND_PRIORITY_LOW","PASTE_COMMAND","LinkNode","TOGGLE_LINK_COMMAND","toggleLink","useRichTextEditor","LinkPlugin","validateUrl","editor","hasNodes","Error","commands","registerCommand","payload","undefined","url","attrs","push","event","selection","isCollapsed","ClipboardEvent","clipboardData","clipboardText","getData","getNodes","some","node","dispatchCommand","preventDefault"],"sources":["LinkPlugin.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport {\n    $getSelection,\n    $isElementNode,\n    $isRangeSelection,\n    mergeRegister,\n    COMMAND_PRIORITY_LOW,\n    PASTE_COMMAND\n} from \"lexical\";\nimport { LinkNode, TOGGLE_LINK_COMMAND, toggleLink } from \"@webiny/lexical-nodes\";\nimport { useRichTextEditor } from \"~/hooks/index.js\";\n\ntype Props = {\n    validateUrl?: (url: string) => boolean;\n};\n\nexport function LinkPlugin({ validateUrl }: Props): null {\n    const { editor } = useRichTextEditor();\n\n    useEffect(() => {\n        if (!editor.hasNodes([LinkNode])) {\n            throw new Error(\"LinkPlugin: LinkNode not registered in the editor!\");\n        }\n\n        const commands = [\n            editor.registerCommand(\n                TOGGLE_LINK_COMMAND,\n                payload => {\n                    if (payload === null) {\n                        toggleLink(payload);\n                        return true;\n                    } else if (typeof payload === \"string\") {\n                        if (validateUrl === undefined || validateUrl(payload)) {\n                            toggleLink(payload);\n                            return true;\n                        }\n                        return false;\n                    } else {\n                        const { url, ...attrs } = payload;\n                        toggleLink(url, attrs);\n                        return true;\n                    }\n                },\n                COMMAND_PRIORITY_LOW\n            )\n        ];\n\n        if (validateUrl !== undefined) {\n            commands.push(\n                editor.registerCommand(\n                    PASTE_COMMAND,\n                    event => {\n                        const selection = $getSelection();\n                        if (\n                            !$isRangeSelection(selection) ||\n                            selection.isCollapsed() ||\n                            !(event instanceof ClipboardEvent) ||\n                            event.clipboardData == null\n                        ) {\n                            return false;\n                        }\n                        const clipboardText = event.clipboardData.getData(\"text\");\n                        if (!validateUrl(clipboardText)) {\n                            return false;\n                        }\n                        // If we select nodes that are elements then avoid applying the link.\n                        if (!selection.getNodes().some(node => $isElementNode(node))) {\n                            editor.dispatchCommand(TOGGLE_LINK_COMMAND, clipboardText);\n                            event.preventDefault();\n                            return true;\n                        }\n                        return false;\n                    },\n                    COMMAND_PRIORITY_LOW\n                )\n            );\n        }\n\n        return mergeRegister(...commands);\n    }, [editor, validateUrl]);\n\n    return null;\n}\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SACIC,aAAa,EACbC,cAAc,EACdC,iBAAiB,EACjBC,aAAa,EACbC,oBAAoB,EACpBC,aAAa,QACV,SAAS;AAChB,SAASC,QAAQ,EAAEC,mBAAmB,EAAEC,UAAU,QAAQ,uBAAuB;AACjF,SAASC,iBAAiB;AAM1B,OAAO,SAASC,UAAUA,CAAC;EAAEC;AAAmB,CAAC,EAAQ;EACrD,MAAM;IAAEC;EAAO,CAAC,GAAGH,iBAAiB,CAAC,CAAC;EAEtCV,SAAS,CAAC,MAAM;IACZ,IAAI,CAACa,MAAM,CAACC,QAAQ,CAAC,CAACP,QAAQ,CAAC,CAAC,EAAE;MAC9B,MAAM,IAAIQ,KAAK,CAAC,oDAAoD,CAAC;IACzE;IAEA,MAAMC,QAAQ,GAAG,CACbH,MAAM,CAACI,eAAe,CAClBT,mBAAmB,EACnBU,OAAO,IAAI;MACP,IAAIA,OAAO,KAAK,IAAI,EAAE;QAClBT,UAAU,CAACS,OAAO,CAAC;QACnB,OAAO,IAAI;MACf,CAAC,MAAM,IAAI,OAAOA,OAAO,KAAK,QAAQ,EAAE;QACpC,IAAIN,WAAW,KAAKO,SAAS,IAAIP,WAAW,CAACM,OAAO,CAAC,EAAE;UACnDT,UAAU,CAACS,OAAO,CAAC;UACnB,OAAO,IAAI;QACf;QACA,OAAO,KAAK;MAChB,CAAC,MAAM;QACH,MAAM;UAAEE,GAAG;UAAE,GAAGC;QAAM,CAAC,GAAGH,OAAO;QACjCT,UAAU,CAACW,GAAG,EAAEC,KAAK,CAAC;QACtB,OAAO,IAAI;MACf;IACJ,CAAC,EACDhB,oBACJ,CAAC,CACJ;IAED,IAAIO,WAAW,KAAKO,SAAS,EAAE;MAC3BH,QAAQ,CAACM,IAAI,CACTT,MAAM,CAACI,eAAe,CAClBX,aAAa,EACbiB,KAAK,IAAI;QACL,MAAMC,SAAS,GAAGvB,aAAa,CAAC,CAAC;QACjC,IACI,CAACE,iBAAiB,CAACqB,SAAS,CAAC,IAC7BA,SAAS,CAACC,WAAW,CAAC,CAAC,IACvB,EAAEF,KAAK,YAAYG,cAAc,CAAC,IAClCH,KAAK,CAACI,aAAa,IAAI,IAAI,EAC7B;UACE,OAAO,KAAK;QAChB;QACA,MAAMC,aAAa,GAAGL,KAAK,CAACI,aAAa,CAACE,OAAO,CAAC,MAAM,CAAC;QACzD,IAAI,CAACjB,WAAW,CAACgB,aAAa,CAAC,EAAE;UAC7B,OAAO,KAAK;QAChB;QACA;QACA,IAAI,CAACJ,SAAS,CAACM,QAAQ,CAAC,CAAC,CAACC,IAAI,CAACC,IAAI,IAAI9B,cAAc,CAAC8B,IAAI,CAAC,CAAC,EAAE;UAC1DnB,MAAM,CAACoB,eAAe,CAACzB,mBAAmB,EAAEoB,aAAa,CAAC;UAC1DL,KAAK,CAACW,cAAc,CAAC,CAAC;UACtB,OAAO,IAAI;QACf;QACA,OAAO,KAAK;MAChB,CAAC,EACD7B,oBACJ,CACJ,CAAC;IACL;IAEA,OAAOD,aAAa,CAAC,GAAGY,QAAQ,CAAC;EACrC,CAAC,EAAE,CAACH,MAAM,EAAED,WAAW,CAAC,CAAC;EAEzB,OAAO,IAAI;AACf","ignoreList":[]}
+{"version":3,"file":"plugins/LinkPlugin/LinkPlugin.js","sources":["../../../src/plugins/LinkPlugin/LinkPlugin.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport {\n    $getSelection,\n    $isElementNode,\n    $isRangeSelection,\n    mergeRegister,\n    COMMAND_PRIORITY_LOW,\n    PASTE_COMMAND\n} from \"lexical\";\nimport { LinkNode, TOGGLE_LINK_COMMAND, toggleLink } from \"@webiny/lexical-nodes\";\nimport { useRichTextEditor } from \"~/hooks/index.js\";\n\ntype Props = {\n    validateUrl?: (url: string) => boolean;\n};\n\nexport function LinkPlugin({ validateUrl }: Props): null {\n    const { editor } = useRichTextEditor();\n\n    useEffect(() => {\n        if (!editor.hasNodes([LinkNode])) {\n            throw new Error(\"LinkPlugin: LinkNode not registered in the editor!\");\n        }\n\n        const commands = [\n            editor.registerCommand(\n                TOGGLE_LINK_COMMAND,\n                payload => {\n                    if (payload === null) {\n                        toggleLink(payload);\n                        return true;\n                    } else if (typeof payload === \"string\") {\n                        if (validateUrl === undefined || validateUrl(payload)) {\n                            toggleLink(payload);\n                            return true;\n                        }\n                        return false;\n                    } else {\n                        const { url, ...attrs } = payload;\n                        toggleLink(url, attrs);\n                        return true;\n                    }\n                },\n                COMMAND_PRIORITY_LOW\n            )\n        ];\n\n        if (validateUrl !== undefined) {\n            commands.push(\n                editor.registerCommand(\n                    PASTE_COMMAND,\n                    event => {\n                        const selection = $getSelection();\n                        if (\n                            !$isRangeSelection(selection) ||\n                            selection.isCollapsed() ||\n                            !(event instanceof ClipboardEvent) ||\n                            event.clipboardData == null\n                        ) {\n                            return false;\n                        }\n                        const clipboardText = event.clipboardData.getData(\"text\");\n                        if (!validateUrl(clipboardText)) {\n                            return false;\n                        }\n                        // If we select nodes that are elements then avoid applying the link.\n                        if (!selection.getNodes().some(node => $isElementNode(node))) {\n                            editor.dispatchCommand(TOGGLE_LINK_COMMAND, clipboardText);\n                            event.preventDefault();\n                            return true;\n                        }\n                        return false;\n                    },\n                    COMMAND_PRIORITY_LOW\n                )\n            );\n        }\n\n        return mergeRegister(...commands);\n    }, [editor, validateUrl]);\n\n    return null;\n}\n"],"names":["LinkPlugin","validateUrl","editor","useRichTextEditor","useEffect","LinkNode","Error","commands","TOGGLE_LINK_COMMAND","payload","toggleLink","undefined","url","attrs","COMMAND_PRIORITY_LOW","PASTE_COMMAND","event","selection","$getSelection","$isRangeSelection","ClipboardEvent","clipboardText","node","$isElementNode","mergeRegister"],"mappings":";;;;AAgBO,SAASA,WAAW,EAAEC,WAAW,EAAS;IAC7C,MAAM,EAAEC,MAAM,EAAE,GAAGC;IAEnBC,UAAU;QACN,IAAI,CAACF,OAAO,QAAQ,CAAC;YAACG;SAAS,GAC3B,MAAM,IAAIC,MAAM;QAGpB,MAAMC,WAAW;YACbL,OAAO,eAAe,CAClBM,qBACAC,CAAAA;gBACI,IAAIA,AAAY,SAAZA,SAAkB;oBAClBC,WAAWD;oBACX,OAAO;gBACX;gBAAO,IAAI,AAAmB,YAAnB,OAAOA,SAAsB;oBACpC,IAAIR,AAAgBU,WAAhBV,eAA6BA,YAAYQ,UAAU;wBACnDC,WAAWD;wBACX,OAAO;oBACX;oBACA,OAAO;gBACX;gBAAO;oBACH,MAAM,EAAEG,GAAG,EAAE,GAAGC,OAAO,GAAGJ;oBAC1BC,WAAWE,KAAKC;oBAChB,OAAO;gBACX;YACJ,GACAC;SAEP;QAED,IAAIb,AAAgBU,WAAhBV,aACAM,SAAS,IAAI,CACTL,OAAO,eAAe,CAClBa,eACAC,CAAAA;YACI,MAAMC,YAAYC;YAClB,IACI,CAACC,kBAAkBF,cACnBA,UAAU,WAAW,MACrB,CAAED,CAAAA,iBAAiBI,cAAa,KAChCJ,AAAuB,QAAvBA,MAAM,aAAa,EAEnB,OAAO;YAEX,MAAMK,gBAAgBL,MAAM,aAAa,CAAC,OAAO,CAAC;YAClD,IAAI,CAACf,YAAYoB,gBACb,OAAO;YAGX,IAAI,CAACJ,UAAU,QAAQ,GAAG,IAAI,CAACK,CAAAA,OAAQC,eAAeD,QAAQ;gBAC1DpB,OAAO,eAAe,CAACM,qBAAqBa;gBAC5CL,MAAM,cAAc;gBACpB,OAAO;YACX;YACA,OAAO;QACX,GACAF;QAKZ,OAAOU,iBAAiBjB;IAC5B,GAAG;QAACL;QAAQD;KAAY;IAExB,OAAO;AACX"}