@sparrowengg/twigs-editor-react 0.0.1

package/dist/es/plugins/emoji/index.js

@@ -0,0 +1,124 @@
+import { jsx } from 'react/jsx-runtime';
+import 'lexical';
+import { useState, useEffect } from 'react';
+import { EmojiNode, $createEmojiNode } from '../../nodes/emoji.js';
+import { useNodeFocusListener } from '../../utils/use-node-focus.js';
+import { EditorLookupDropdownBase } from '../../components/base-dropdown/index.js';
+import '@lexical/react/LexicalComposerContext';
+import '@lexical/utils';
+import 'react-dom';
+import '@lexical/selection';
+import '../../components/toolbar-context/store.js';
+import '@lexical/code';
+import '@lexical/link';
+import '../../utils/commands.js';
+import '@lexical/list';
+import '@lexical/rich-text';
+import '@lexical/react/LexicalContentEditable';
+import '@lexical/react/LexicalErrorBoundary';
+import '@lexical/react/LexicalRichTextPlugin';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const PUNCTUATION = `\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'"~=<>:;`;
+const TRIGGERS = [":"].join("");
+const VALID_CHARS = `[^${TRIGGERS}${PUNCTUATION}\\s]`;
+const LENGTH_LIMIT = 75;
+const emojiRegex = new RegExp(
+  `(^|\\s|\\()([${TRIGGERS}]((?:${VALID_CHARS}){0,${LENGTH_LIMIT}}))$`
+);
+function checkForHashTags(text, minMatchLength) {
+  const match = emojiRegex.exec(text);
+  if (match !== null) {
+    const maybeLeadingWhitespace = match[1];
+    const matchingString = match[3];
+    if (matchingString.length >= minMatchLength) {
+      return {
+        leadOffset: match.index + maybeLeadingWhitespace.length,
+        matchingString,
+        replaceableString: match[2]
+      };
+    }
+  }
+  return null;
+}
+function getPossibleQueryMatch(text, len = 0) {
+  return checkForHashTags(text, len);
+}
+const snakeCaseToTitleCase = (str) => {
+  return str.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+};
+const EmojiPlugin = (_a) => {
+  var _b = _a, {
+    getResults,
+    triggerStringLength,
+    suggestionsListLength = 10
+  } = _b, props = __objRest(_b, [
+    "getResults",
+    "triggerStringLength",
+    "suggestionsListLength"
+  ]);
+  const [emojis, setEmojis] = useState([]);
+  useEffect(() => {
+    import('./emoji-list.js').then((file) => setEmojis(file.default));
+  }, []);
+  useNodeFocusListener(EmojiNode);
+  return /* @__PURE__ */ jsx(
+    EditorLookupDropdownBase,
+    __spreadValues({
+      $createNode: ({ data }) => $createEmojiNode("emoji", data.value),
+      getResults: (text) => {
+        if (getResults) {
+          return getResults(text, emojis);
+        }
+        if (text === null) return [];
+        if (!text) {
+          return emojis.slice(0, suggestionsListLength).map((item) => ({
+            label: `${item.emoji}  ${snakeCaseToTitleCase(item.aliases[0])}`,
+            value: item.emoji
+          }));
+        }
+        const results = emojis.filter((emoji) => {
+          return emoji.aliases.join(" ").includes(text);
+        }).sort((a, b) => {
+          return a.aliases.join(" ").length - b.aliases.join(" ").length;
+        });
+        return results.map((item) => ({
+          label: `${item.emoji}  ${snakeCaseToTitleCase(item.aliases[0])}`,
+          value: item.emoji
+        }));
+      },
+      triggerFunction: (text) => getPossibleQueryMatch(text, triggerStringLength),
+      suggestionsListLength
+    }, props)
+  );
+};
+
+export { EmojiPlugin };
+//# sourceMappingURL=index.js.map

package/dist/es/plugins/emoji/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/plugins/emoji/index.tsx"],"sourcesContent":["import { MenuTextMatch } from '@lexical/react/LexicalTypeaheadMenuPlugin';\nimport { $createEmojiNode, EmojiNode } from '@src/nodes';\nimport { useEffect, useState } from 'react';\nimport { useNodeFocusListener } from '@src/utils/use-node-focus';\nimport {\n  EditorLookupDropdownBase,\n  EditorLookupDropdownBaseProps,\n  TypeaheadMenuData\n} from '../../components';\n\ntype Emoji = {\n  emoji: string;\n  description: string;\n  category: string;\n  aliases: string[];\n  tags: string[];\n  unicode_version: string;\n  ios_version: string;\n  skin_tones?: boolean;\n};\n\nconst PUNCTUATION = '\\\\.,\\\\+\\\\*\\\\?\\\\$\\\\@\\\\|#{}\\\\(\\\\)\\\\^\\\\-\\\\[\\\\]\\\\\\\\/!%\\'\"~=<>:;';\n\nconst TRIGGERS = [':'].join('');\n\nconst VALID_CHARS = `[^${TRIGGERS}${PUNCTUATION}\\\\s]`;\n\nconst LENGTH_LIMIT = 75;\n\n// eslint-disable-next-line no-useless-concat\nconst emojiRegex = new RegExp(\n  '(^|\\\\s|\\\\()('\n    + `[${TRIGGERS}]`\n    + `((?:${VALID_CHARS}){0,${LENGTH_LIMIT}})`\n    + ')$'\n);\n\nfunction checkForHashTags(\n  text: string,\n  minMatchLength: number\n): MenuTextMatch | null {\n  const match = emojiRegex.exec(text);\n\n  if (match !== null) {\n    const maybeLeadingWhitespace = match[1];\n\n    const matchingString = match[3];\n    if (matchingString.length >= minMatchLength) {\n      return {\n        leadOffset: match.index + maybeLeadingWhitespace.length,\n        matchingString,\n        replaceableString: match[2]\n      };\n    }\n  }\n  return null;\n}\n\nfunction getPossibleQueryMatch(text: string, len = 0): MenuTextMatch | null {\n  return checkForHashTags(text, len);\n}\n\nconst snakeCaseToTitleCase = (str: string) => {\n  return str\n    .split('_')\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(' ');\n};\n\nexport const EmojiPlugin = ({\n  getResults,\n  triggerStringLength,\n  suggestionsListLength = 10,\n  ...props\n}: Partial<EditorLookupDropdownBaseProps> & {\n  getResults?: (\n    text: string | null,\n    defaultEmojis?: Emoji[]\n  ) => TypeaheadMenuData[] | Promise<TypeaheadMenuData[]>;\n  triggerStringLength?: number;\n}) => {\n  const [emojis, setEmojis] = useState<Emoji[]>([]);\n\n  useEffect(() => {\n    import('./emoji-list').then((file) => setEmojis(file.default));\n  }, []);\n\n  useNodeFocusListener(EmojiNode);\n\n  return (\n    <EditorLookupDropdownBase\n      $createNode={({ data }) => $createEmojiNode('emoji', data.value)}\n      getResults={(text) => {\n        if (getResults) {\n          return getResults(text, emojis);\n        }\n        if (text === null) return [];\n\n        if (!text) {\n          return emojis.slice(0, suggestionsListLength).map((item) => ({\n            label: `${item.emoji}  ${snakeCaseToTitleCase(item.aliases[0])}`,\n            value: item.emoji\n          }));\n        }\n        const results = emojis\n          .filter((emoji) => {\n            return emoji.aliases.join(' ').includes(text);\n          })\n          .sort((a, b) => {\n            return a.aliases.join(' ').length - b.aliases.join(' ').length;\n          });\n\n        return results.map((item) => ({\n          label: `${item.emoji}  ${snakeCaseToTitleCase(item.aliases[0])}`,\n          value: item.emoji\n        }));\n      }}\n      triggerFunction={(text) => getPossibleQueryMatch(text, triggerStringLength)}\n      suggestionsListLength={suggestionsListLength}\n      {...props}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/es/plugins/hashtag/index.js

@@ -0,0 +1,98 @@
+import { jsx } from 'react/jsx-runtime';
+import { useNodeFocusListener } from '../../utils/use-node-focus.js';
+import { EditorLookupDropdownBase } from '../../components/base-dropdown/index.js';
+import '@lexical/react/LexicalComposerContext';
+import '@lexical/utils';
+import 'lexical';
+import 'react';
+import 'react-dom';
+import '@lexical/selection';
+import '../../components/toolbar-context/store.js';
+import '@lexical/code';
+import '@lexical/link';
+import '../../utils/commands.js';
+import '@lexical/list';
+import '@lexical/rich-text';
+import '@lexical/react/LexicalContentEditable';
+import '@lexical/react/LexicalErrorBoundary';
+import '@lexical/react/LexicalRichTextPlugin';
+import { HashTagNode, $createHashTagNode } from '../../nodes/hashtag.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const PUNCTUATION = `\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'"~=<>_:;`;
+const DocumentHashTagRegex = {
+  PUNCTUATION
+};
+const PUNC = DocumentHashTagRegex.PUNCTUATION;
+const TRIGGERS = ["#"].join("");
+const VALID_CHARS = `[^${TRIGGERS}${PUNC}\\s]`;
+const LENGTH_LIMIT = 75;
+const HashTagRegex = new RegExp(
+  `(^|\\s|\\()([${TRIGGERS}]((?:${VALID_CHARS}){0,${LENGTH_LIMIT}}))$`
+);
+function checkForHashTags(text, minMatchLength) {
+  const match = HashTagRegex.exec(text);
+  if (match !== null) {
+    const maybeLeadingWhitespace = match[1];
+    const matchingString = match[3];
+    if (matchingString.length >= minMatchLength) {
+      return {
+        leadOffset: match.index + maybeLeadingWhitespace.length,
+        matchingString,
+        replaceableString: match[2]
+      };
+    }
+  }
+  return null;
+}
+function getPossibleQueryMatch(text, len = 1) {
+  return checkForHashTags(text, len);
+}
+const HashTagPlugin = (_a) => {
+  var _b = _a, {
+    getResults,
+    triggerStringLength
+  } = _b, props = __objRest(_b, [
+    "getResults",
+    "triggerStringLength"
+  ]);
+  useNodeFocusListener(HashTagNode);
+  return /* @__PURE__ */ jsx(
+    EditorLookupDropdownBase,
+    __spreadValues({
+      $createNode: ({ data }) => $createHashTagNode(`#${data.value}`),
+      getResults,
+      triggerFunction: (text) => getPossibleQueryMatch(text, triggerStringLength)
+    }, props)
+  );
+};
+
+export { HashTagPlugin };
+//# sourceMappingURL=index.js.map

package/dist/es/plugins/hashtag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/plugins/hashtag/index.tsx"],"sourcesContent":["import { MenuTextMatch } from '@lexical/react/LexicalTypeaheadMenuPlugin';\nimport { useNodeFocusListener } from '@src/utils/use-node-focus';\nimport {\n  EditorLookupDropdownBase,\n  EditorLookupDropdownBaseProps,\n  TypeaheadMenuData\n} from '../../components';\nimport { $createHashTagNode, HashTagNode } from '../../nodes/hashtag';\n\nconst PUNCTUATION = '\\\\.,\\\\+\\\\*\\\\?\\\\$\\\\@\\\\|#{}\\\\(\\\\)\\\\^\\\\-\\\\[\\\\]\\\\\\\\/!%\\'\"~=<>_:;';\nconst NAME = `\\\\b[A-Z][^\\\\s${PUNCTUATION}]`;\n\nconst DocumentHashTagRegex = {\n  NAME,\n  PUNCTUATION\n};\n\nconst PUNC = DocumentHashTagRegex.PUNCTUATION;\n\nconst TRIGGERS = ['#'].join('');\n\n// Chars we expect to see in a mention (non-space, non-punctuation).\nconst VALID_CHARS = `[^${TRIGGERS}${PUNC}\\\\s]`;\n\nconst LENGTH_LIMIT = 75;\n\n// eslint-disable-next-line no-useless-concat\nconst HashTagRegex = new RegExp(\n  '(^|\\\\s|\\\\()('\n    + `[${TRIGGERS}]`\n    + `((?:${VALID_CHARS}){0,${LENGTH_LIMIT}})`\n    + ')$'\n);\n\nfunction checkForHashTags(\n  text: string,\n  minMatchLength: number\n): MenuTextMatch | null {\n  const match = HashTagRegex.exec(text);\n\n  if (match !== null) {\n    // The strategy ignores leading whitespace but we need to know it's\n    // length to add it to the leadOffset\n    const maybeLeadingWhitespace = match[1];\n\n    const matchingString = match[3];\n    if (matchingString.length >= minMatchLength) {\n      return {\n        leadOffset: match.index + maybeLeadingWhitespace.length,\n        matchingString,\n        replaceableString: match[2]\n      };\n    }\n  }\n  return null;\n}\n\nfunction getPossibleQueryMatch(\n  text: string,\n  len: number = 1\n): MenuTextMatch | null {\n  return checkForHashTags(text, len);\n}\n\nexport const HashTagPlugin = ({\n  getResults,\n  triggerStringLength,\n  ...props\n}: Partial<EditorLookupDropdownBaseProps> & {\n  getResults: (\n    text: string | null\n  ) => TypeaheadMenuData[] | Promise<TypeaheadMenuData[]>;\n  triggerStringLength?: number;\n}) => {\n  useNodeFocusListener(HashTagNode);\n\n  return (\n    <EditorLookupDropdownBase\n      $createNode={({ data }) => $createHashTagNode(`#${data.value}`)}\n      getResults={getResults}\n      triggerFunction={(text) => getPossibleQueryMatch(text, triggerStringLength)}\n      {...props}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,WAAc,GAAA,CAAA,2DAAA,CAAA;AAGpB,MAAM,oBAAuB,GAAA;AAAA,EAE3B;AACF,CAAA;AAEA,MAAM,OAAO,oBAAqB,CAAA,WAAA;AAElC,MAAM,QAAW,GAAA,CAAC,GAAG,CAAA,CAAE,KAAK,EAAE,CAAA;AAG9B,MAAM,WAAc,GAAA,CAAA,EAAA,EAAK,QAAQ,CAAA,EAAG,IAAI,CAAA,IAAA,CAAA;AAExC,MAAM,YAAe,GAAA,EAAA;AAGrB,MAAM,eAAe,IAAI,MAAA;AAAA,EACvB,CACQ,aAAA,EAAA,QAAQ,CACL,KAAA,EAAA,WAAW,OAAO,YAAY,CAAA,IAAA;AAE3C,CAAA;AAEA,SAAS,gBAAA,CACP,MACA,cACsB,EAAA;AACtB,EAAM,MAAA,KAAA,GAAQ,YAAa,CAAA,IAAA,CAAK,IAAI,CAAA;AAEpC,EAAA,IAAI,UAAU,IAAM,EAAA;AAGlB,IAAM,MAAA,sBAAA,GAAyB,MAAM,CAAC,CAAA;AAEtC,IAAM,MAAA,cAAA,GAAiB,MAAM,CAAC,CAAA;AAC9B,IAAI,IAAA,cAAA,CAAe,UAAU,cAAgB,EAAA;AAC3C,MAAO,OAAA;AAAA,QACL,UAAA,EAAY,KAAM,CAAA,KAAA,GAAQ,sBAAuB,CAAA,MAAA;AAAA,QACjD,cAAA;AAAA,QACA,iBAAA,EAAmB,MAAM,CAAC;AAAA,OAC5B;AAAA;AACF;AAEF,EAAO,OAAA,IAAA;AACT;AAEA,SAAS,qBAAA,CACP,IACA,EAAA,GAAA,GAAc,CACQ,EAAA;AACtB,EAAO,OAAA,gBAAA,CAAiB,MAAM,GAAG,CAAA;AACnC;AAEa,MAAA,aAAA,GAAgB,CAAC,EASxB,KAAA;AATwB,EAC5B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,UAAA;AAAA,IACA;AAAA,GAlEF,GAgE8B,EAGzB,EAAA,KAAA,GAAA,SAAA,CAHyB,EAGzB,EAAA;AAAA,IAFH,YAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAQA,EAAA,oBAAA,CAAqB,WAAW,CAAA;AAEhC,EACE,uBAAA,GAAA;AAAA,IAAC,wBAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,WAAA,EAAa,CAAC,EAAE,IAAA,OAAW,kBAAmB,CAAA,CAAA,CAAA,EAAI,IAAK,CAAA,KAAK,CAAE,CAAA,CAAA;AAAA,MAC9D,UAAA;AAAA,MACA,eAAiB,EAAA,CAAC,IAAS,KAAA,qBAAA,CAAsB,MAAM,mBAAmB;AAAA,KACtE,EAAA,KAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/es/plugins/images/index.js

@@ -0,0 +1,162 @@
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { mergeRegister, $wrapNodeInElement } from '@lexical/utils';
+import { $insertNodes, $isRootOrShadowRoot, $createParagraphNode, COMMAND_PRIORITY_EDITOR, DRAGSTART_COMMAND, COMMAND_PRIORITY_HIGH, DRAGOVER_COMMAND, COMMAND_PRIORITY_LOW, DROP_COMMAND, $createRangeSelection, $setSelection, $getSelection, $isNodeSelection } from 'lexical';
+import { useEffect } from 'react';
+import { ImageNode, $createImageNode, $isImageNode } from '../../nodes/image.js';
+import { INSERT_IMAGE_COMMAND, CAN_USE_DOM } from './utils.js';
+
+const getDOMSelection = (targetWindow) => CAN_USE_DOM ? (targetWindow || window).getSelection() : null;
+const ImagesPlugin = ({
+  captionsEnabled
+}) => {
+  const [editor] = useLexicalComposerContext();
+  useEffect(() => {
+    if (!editor.hasNodes([ImageNode])) {
+      throw new Error("ImagesPlugin: ImageNode not registered on editor");
+    }
+    return mergeRegister(
+      editor.registerCommand(
+        INSERT_IMAGE_COMMAND,
+        (payload) => {
+          const imageNode = $createImageNode(payload);
+          $insertNodes([imageNode]);
+          if ($isRootOrShadowRoot(imageNode.getParentOrThrow())) {
+            $wrapNodeInElement(imageNode, $createParagraphNode).selectEnd();
+          }
+          return true;
+        },
+        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 TRANSPARENT_IMAGE = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
+const img = document.createElement("img");
+img.src = TRANSPARENT_IMAGE;
+function onDragStart(event) {
+  const node = getImageNodeInSelection();
+  if (!node) {
+    return false;
+  }
+  const { dataTransfer } = event;
+  if (!dataTransfer) {
+    return false;
+  }
+  dataTransfer.setData("text/plain", "_");
+  dataTransfer.setDragImage(img, 0, 0);
+  dataTransfer.setData(
+    "application/x-lexical-drag",
+    JSON.stringify({
+      data: {
+        altText: node.__altText,
+        caption: node.__caption,
+        height: node.__height,
+        key: node.getKey(),
+        maxWidth: node.__maxWidth,
+        showCaption: node.__showCaption,
+        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;
+}
+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 !== void 0) {
+      rangeSelection.applyDOMRange(range);
+    }
+    $setSelection(rangeSelection);
+    editor.dispatchCommand(INSERT_IMAGE_COMMAND, data);
+  }
+  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;
+}
+function getDragImageData(event) {
+  var _a;
+  const dragData = (_a = event.dataTransfer) == null ? void 0 : _a.getData("application/x-lexical-drag");
+  if (!dragData) {
+    return null;
+  }
+  const { type, data } = JSON.parse(dragData);
+  if (type !== "image") {
+    return null;
+  }
+  return data;
+}
+function canDropImage(event) {
+  const { target } = event;
+  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 targetView = (target == null ? void 0 : target.nodeType) === 9 ? target.defaultView : target.ownerDocument.defaultView;
+  const targetWindow = target === null ? null : targetView;
+  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;
+}
+
+export { ImagesPlugin };
+//# sourceMappingURL=index.js.map

package/dist/es/plugins/images/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/plugins/images/index.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { $wrapNodeInElement, mergeRegister } from '@lexical/utils';\nimport {\n  $createParagraphNode,\n  $createRangeSelection,\n  $getSelection,\n  $insertNodes,\n  $isNodeSelection,\n  $isRootOrShadowRoot,\n  $setSelection,\n  COMMAND_PRIORITY_EDITOR,\n  COMMAND_PRIORITY_HIGH,\n  COMMAND_PRIORITY_LOW,\n  DRAGOVER_COMMAND,\n  DRAGSTART_COMMAND,\n  DROP_COMMAND,\n  LexicalEditor\n} from 'lexical';\nimport { useEffect } from 'react';\n\nimport {\n  $createImageNode,\n  $isImageNode,\n  ImageNode,\n  ImagePayload\n} from '../../nodes/image';\nimport { CAN_USE_DOM, INSERT_IMAGE_COMMAND } from './utils';\n\nexport type InsertImagePayload = Readonly<ImagePayload>;\n\nconst getDOMSelection = (targetWindow: Window | null): Selection | null => (CAN_USE_DOM ? (targetWindow || window).getSelection() : null);\n\nexport const ImagesPlugin = ({\n  captionsEnabled\n}: {\n  captionsEnabled?: boolean;\n}) => {\n  const [editor] = useLexicalComposerContext();\n\n  useEffect(() => {\n    if (!editor.hasNodes([ImageNode])) {\n      throw new Error('ImagesPlugin: ImageNode not registered on editor');\n    }\n\n    return mergeRegister(\n      editor.registerCommand<InsertImagePayload>(\n        INSERT_IMAGE_COMMAND,\n        (payload) => {\n          const imageNode = $createImageNode(payload);\n          $insertNodes([imageNode]);\n          if ($isRootOrShadowRoot(imageNode.getParentOrThrow())) {\n            $wrapNodeInElement(imageNode, $createParagraphNode).selectEnd();\n          }\n\n          return true;\n        },\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\nconst TRANSPARENT_IMAGE = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';\nconst img = document.createElement('img');\nimg.src = TRANSPARENT_IMAGE;\n\nfunction onDragStart(event: DragEvent): boolean {\n  const node = getImageNodeInSelection();\n  if (!node) {\n    return false;\n  }\n  const { dataTransfer } = event;\n  if (!dataTransfer) {\n    return false;\n  }\n  dataTransfer.setData('text/plain', '_');\n  dataTransfer.setDragImage(img, 0, 0);\n  dataTransfer.setData(\n    'application/x-lexical-drag',\n    JSON.stringify({\n      data: {\n        altText: node.__altText,\n        caption: node.__caption,\n        height: node.__height,\n        key: node.getKey(),\n        maxWidth: node.__maxWidth,\n        showCaption: node.__showCaption,\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;\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 targetView = target?.nodeType === 9\n    ? (target as Document).defaultView\n    : (target as Element).ownerDocument.defaultView;\n  const targetWindow = target === null ? null : targetView;\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":[],"mappings":";;;;;;;AA8BA,MAAM,kBAAkB,CAAC,YAAA,KAAmD,eAAe,YAAgB,IAAA,MAAA,EAAQ,cAAiB,GAAA,IAAA;AAE7H,MAAM,eAAe,CAAC;AAAA,EAC3B;AACF,CAEM,KAAA;AACJ,EAAM,MAAA,CAAC,MAAM,CAAA,GAAI,yBAA0B,EAAA;AAE3C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAO,CAAA,QAAA,CAAS,CAAC,SAAS,CAAC,CAAG,EAAA;AACjC,MAAM,MAAA,IAAI,MAAM,kDAAkD,CAAA;AAAA;AAGpE,IAAO,OAAA,aAAA;AAAA,MACL,MAAO,CAAA,eAAA;AAAA,QACL,oBAAA;AAAA,QACA,CAAC,OAAY,KAAA;AACX,UAAM,MAAA,SAAA,GAAY,iBAAiB,OAAO,CAAA;AAC1C,UAAa,YAAA,CAAA,CAAC,SAAS,CAAC,CAAA;AACxB,UAAA,IAAI,mBAAoB,CAAA,SAAA,CAAU,gBAAiB,EAAC,CAAG,EAAA;AACrD,YAAmB,kBAAA,CAAA,SAAA,EAAW,oBAAoB,CAAA,CAAE,SAAU,EAAA;AAAA;AAGhE,UAAO,OAAA,IAAA;AAAA,SACT;AAAA,QACA;AAAA,OACF;AAAA,MACA,MAAO,CAAA,eAAA;AAAA,QACL,iBAAA;AAAA,QACA,CAAC,KAAU,KAAA;AACT,UAAA,OAAO,YAAY,KAAK,CAAA;AAAA,SAC1B;AAAA,QACA;AAAA,OACF;AAAA,MACA,MAAO,CAAA,eAAA;AAAA,QACL,gBAAA;AAAA,QACA,CAAC,KAAU,KAAA;AACT,UAAA,OAAO,WAAW,KAAK,CAAA;AAAA,SACzB;AAAA,QACA;AAAA,OACF;AAAA,MACA,MAAO,CAAA,eAAA;AAAA,QACL,YAAA;AAAA,QACA,CAAC,KAAU,KAAA;AACT,UAAO,OAAA,MAAA,CAAO,OAAO,MAAM,CAAA;AAAA,SAC7B;AAAA,QACA;AAAA;AACF,KACF;AAAA,GACC,EAAA,CAAC,eAAiB,EAAA,MAAM,CAAC,CAAA;AAE5B,EAAO,OAAA,IAAA;AACT;AAEA,MAAM,iBAAoB,GAAA,gFAAA;AAC1B,MAAM,GAAA,GAAM,QAAS,CAAA,aAAA,CAAc,KAAK,CAAA;AACxC,GAAA,CAAI,GAAM,GAAA,iBAAA;AAEV,SAAS,YAAY,KAA2B,EAAA;AAC9C,EAAA,MAAM,OAAO,uBAAwB,EAAA;AACrC,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAO,OAAA,KAAA;AAAA;AAET,EAAM,MAAA,EAAE,cAAiB,GAAA,KAAA;AACzB,EAAA,IAAI,CAAC,YAAc,EAAA;AACjB,IAAO,OAAA,KAAA;AAAA;AAET,EAAa,YAAA,CAAA,OAAA,CAAQ,cAAc,GAAG,CAAA;AACtC,EAAa,YAAA,CAAA,YAAA,CAAa,GAAK,EAAA,CAAA,EAAG,CAAC,CAAA;AACnC,EAAa,YAAA,CAAA,OAAA;AAAA,IACX,4BAAA;AAAA,IACA,KAAK,SAAU,CAAA;AAAA,MACb,IAAM,EAAA;AAAA,QACJ,SAAS,IAAK,CAAA,SAAA;AAAA,QACd,SAAS,IAAK,CAAA,SAAA;AAAA,QACd,QAAQ,IAAK,CAAA,QAAA;AAAA,QACb,GAAA,EAAK,KAAK,MAAO,EAAA;AAAA,QACjB,UAAU,IAAK,CAAA,UAAA;AAAA,QACf,aAAa,IAAK,CAAA,aAAA;AAAA,QAClB,KAAK,IAAK,CAAA,KAAA;AAAA,QACV,OAAO,IAAK,CAAA;AAAA,OACd;AAAA,MACA,IAAM,EAAA;AAAA,KACP;AAAA,GACH;AAEA,EAAO,OAAA,IAAA;AACT;AAEA,SAAS,WAAW,KAA2B,EAAA;AAC7C,EAAA,MAAM,OAAO,uBAAwB,EAAA;AACrC,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAO,OAAA,KAAA;AAAA;AAET,EAAI,IAAA,CAAC,YAAa,CAAA,KAAK,CAAG,EAAA;AACxB,IAAA,KAAA,CAAM,cAAe,EAAA;AAAA;AAEvB,EAAO,OAAA,IAAA;AACT;AAEA,SAAS,MAAA,CAAO,OAAkB,MAAgC,EAAA;AAChE,EAAA,MAAM,OAAO,uBAAwB,EAAA;AACrC,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAO,OAAA,KAAA;AAAA;AAET,EAAM,MAAA,IAAA,GAAO,iBAAiB,KAAK,CAAA;AACnC,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAO,OAAA,KAAA;AAAA;AAET,EAAA,KAAA,CAAM,cAAe,EAAA;AACrB,EAAI,IAAA,YAAA,CAAa,KAAK,CAAG,EAAA;AACvB,IAAM,MAAA,KAAA,GAAQ,iBAAiB,KAAK,CAAA;AACpC,IAAA,IAAA,CAAK,MAAO,EAAA;AACZ,IAAA,MAAM,iBAAiB,qBAAsB,EAAA;AAC7C,IAAI,IAAA,KAAA,KAAU,IAAQ,IAAA,KAAA,KAAU,MAAW,EAAA;AACzC,MAAA,cAAA,CAAe,cAAc,KAAK,CAAA;AAAA;AAEpC,IAAA,aAAA,CAAc,cAAc,CAAA;AAC5B,IAAO,MAAA,CAAA,eAAA,CAAgB,sBAAsB,IAAI,CAAA;AAAA;AAEnD,EAAO,OAAA,IAAA;AACT;AAEA,SAAS,uBAA4C,GAAA;AACnD,EAAA,MAAM,YAAY,aAAc,EAAA;AAChC,EAAI,IAAA,CAAC,gBAAiB,CAAA,SAAS,CAAG,EAAA;AAChC,IAAO,OAAA,IAAA;AAAA;AAET,EAAM,MAAA,KAAA,GAAQ,UAAU,QAAS,EAAA;AACjC,EAAM,MAAA,IAAA,GAAO,MAAM,CAAC,CAAA;AACpB,EAAO,OAAA,YAAA,CAAa,IAAI,CAAA,GAAI,IAAO,GAAA,IAAA;AACrC;AAEA,SAAS,iBAAiB,KAA6C,EAAA;AApKvE,EAAA,IAAA,EAAA;AAqKE,EAAA,MAAM,QAAW,GAAA,CAAA,EAAA,GAAA,KAAA,CAAM,YAAN,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAoB,OAAQ,CAAA,4BAAA,CAAA;AAC7C,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IAAO,OAAA,IAAA;AAAA;AAET,EAAA,MAAM,EAAE,IAAM,EAAA,IAAA,EAAS,GAAA,IAAA,CAAK,MAAM,QAAQ,CAAA;AAC1C,EAAA,IAAI,SAAS,OAAS,EAAA;AACpB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAO,OAAA,IAAA;AACT;AASA,SAAS,aAAa,KAA2B,EAAA;AAC/C,EAAM,MAAA,EAAE,QAAW,GAAA,KAAA;AACnB,EAAA,OAAO,CAAC,EACN,MACG,IAAA,MAAA,YAAkB,eAClB,CAAC,MAAA,CAAO,OAAQ,CAAA,yBAAyB,KACzC,MAAO,CAAA,aAAA,IACP,MAAO,CAAA,aAAA,CAAc,QAAQ,2BAA2B,CAAA,CAAA;AAE/D;AAEA,SAAS,iBAAiB,KAA4C,EAAA;AACpE,EAAI,IAAA,KAAA;AACJ,EAAA,MAAM,SAAS,KAAM,CAAA,MAAA;AACrB,EAAA,MAAM,cAAa,MAAQ,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAA,QAAA,MAAa,IACnC,MAAoB,CAAA,WAAA,GACpB,OAAmB,aAAc,CAAA,WAAA;AACtC,EAAM,MAAA,YAAA,GAAe,MAAW,KAAA,IAAA,GAAO,IAAO,GAAA,UAAA;AAC9C,EAAM,MAAA,YAAA,GAAe,gBAAgB,YAAY,CAAA;AACjD,EAAA,IAAI,SAAS,mBAAqB,EAAA;AAChC,IAAA,KAAA,GAAQ,QAAS,CAAA,mBAAA,CAAoB,KAAM,CAAA,OAAA,EAAS,MAAM,OAAO,CAAA;AAAA,GACxD,MAAA,IAAA,KAAA,CAAM,WAAe,IAAA,YAAA,KAAiB,IAAM,EAAA;AACrD,IAAA,YAAA,CAAa,QAAS,CAAA,KAAA,CAAM,WAAa,EAAA,KAAA,CAAM,eAAe,CAAC,CAAA;AAC/D,IAAQ,KAAA,GAAA,YAAA,CAAa,WAAW,CAAC,CAAA;AAAA,GAC5B,MAAA;AACL,IAAA,MAAM,MAAM,wCAAwC,CAAA;AAAA;AAGtD,EAAO,OAAA,KAAA;AACT;;;;"}

package/dist/es/plugins/images/utils.js

@@ -0,0 +1,7 @@
+import { createCommand } from 'lexical';
+
+const CAN_USE_DOM = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
+const INSERT_IMAGE_COMMAND = createCommand("INSERT_IMAGE_COMMAND");
+
+export { CAN_USE_DOM, INSERT_IMAGE_COMMAND };
+//# sourceMappingURL=utils.js.map

package/dist/es/plugins/images/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/plugins/images/utils.ts"],"sourcesContent":["import { LexicalCommand, createCommand } from 'lexical';\nimport { InsertImagePayload } from '.';\n\nexport const CAN_USE_DOM = typeof window !== 'undefined'\n  && typeof window.document !== 'undefined'\n  && typeof window.document.createElement !== 'undefined';\n\nexport const INSERT_IMAGE_COMMAND: LexicalCommand<InsertImagePayload> = createCommand('INSERT_IMAGE_COMMAND');\n"],"names":[],"mappings":";;AAGa,MAAA,WAAA,GAAc,OAAO,MAAA,KAAW,WACxC,IAAA,OAAO,MAAO,CAAA,QAAA,KAAa,WAC3B,IAAA,OAAO,MAAO,CAAA,QAAA,CAAS,aAAkB,KAAA;AAEjC,MAAA,oBAAA,GAA2D,cAAc,sBAAsB;;;;"}

package/dist/es/plugins/link/auto-link.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import { createLinkMatcherWithRegExp, AutoLinkPlugin as AutoLinkPlugin$1 } from '@lexical/react/LexicalAutoLinkPlugin';
+
+const URL_REGEX = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
+const EMAIL_REGEX = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/;
+const MATCHERS = [
+  createLinkMatcherWithRegExp(URL_REGEX, (text) => {
+    return text.startsWith("http") ? text : `https://${text}`;
+  }),
+  createLinkMatcherWithRegExp(EMAIL_REGEX, (text) => {
+    return `mailto:${text}`;
+  })
+];
+const AutoLinkPlugin = () => {
+  return /* @__PURE__ */ jsx(AutoLinkPlugin$1, { matchers: MATCHERS });
+};
+
+export { AutoLinkPlugin };
+//# sourceMappingURL=auto-link.js.map

package/dist/es/plugins/link/auto-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-link.js","sources":["../../../../src/plugins/link/auto-link.tsx"],"sourcesContent":["import {\n  AutoLinkPlugin as LexicalAutoLinkPlugin,\n  createLinkMatcherWithRegExp\n} from '@lexical/react/LexicalAutoLinkPlugin';\n\nconst URL_REGEX = /((https?:\\/\\/(www\\.)?)|(www\\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;\n\nconst EMAIL_REGEX = /(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))/;\n\nconst MATCHERS = [\n  createLinkMatcherWithRegExp(URL_REGEX, (text) => {\n    return text.startsWith('http') ? text : `https://${text}`;\n  }),\n  createLinkMatcherWithRegExp(EMAIL_REGEX, (text) => {\n    return `mailto:${text}`;\n  })\n];\n\nexport const AutoLinkPlugin = () => {\n  return <LexicalAutoLinkPlugin matchers={MATCHERS} />;\n};\n"],"names":["LexicalAutoLinkPlugin"],"mappings":";;;AAKA,MAAM,SAAY,GAAA,iHAAA;AAElB,MAAM,WAAc,GAAA,qJAAA;AAEpB,MAAM,QAAW,GAAA;AAAA,EACf,2BAAA,CAA4B,SAAW,EAAA,CAAC,IAAS,KAAA;AAC/C,IAAA,OAAO,KAAK,UAAW,CAAA,MAAM,CAAI,GAAA,IAAA,GAAO,WAAW,IAAI,CAAA,CAAA;AAAA,GACxD,CAAA;AAAA,EACD,2BAAA,CAA4B,WAAa,EAAA,CAAC,IAAS,KAAA;AACjD,IAAA,OAAO,UAAU,IAAI,CAAA,CAAA;AAAA,GACtB;AACH,CAAA;AAEO,MAAM,iBAAiB,MAAM;AAClC,EAAO,uBAAA,GAAA,CAACA,gBAAsB,EAAA,EAAA,QAAA,EAAU,QAAU,EAAA,CAAA;AACpD;;;;"}

package/dist/es/plugins/link/convert-selection-on-paste.js

@@ -0,0 +1,32 @@
+import { toggleLink } from '@lexical/link';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { PASTE_COMMAND, $getSelection, $isRangeSelection, $isElementNode, COMMAND_PRIORITY_HIGH } from 'lexical';
+import { useEffect } from 'react';
+import isURL from '../../_virtual/isURL.js';
+
+const ConvertSelectionToLinkOnPastePlugin = () => {
+  const [editor] = useLexicalComposerContext();
+  useEffect(() => {
+    return editor.registerCommand(
+      PASTE_COMMAND,
+      (event) => {
+        var _a;
+        const text = (_a = event.clipboardData) == null ? void 0 : _a.getData("text/plain");
+        const selection = $getSelection();
+        if (isURL(text || "") && $isRangeSelection(selection) && !selection.isCollapsed()) {
+          if (!selection.getNodes().some((node) => $isElementNode(node))) {
+            toggleLink(text);
+            event.preventDefault();
+            return true;
+          }
+        }
+        return false;
+      },
+      COMMAND_PRIORITY_HIGH
+    );
+  }, []);
+  return null;
+};
+
+export { ConvertSelectionToLinkOnPastePlugin };
+//# sourceMappingURL=convert-selection-on-paste.js.map

package/dist/es/plugins/link/convert-selection-on-paste.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"convert-selection-on-paste.js","sources":["../../../../src/plugins/link/convert-selection-on-paste.tsx"],"sourcesContent":["import { toggleLink } from '@lexical/link';\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport {\n  $getSelection,\n  $isElementNode,\n  $isRangeSelection,\n  COMMAND_PRIORITY_HIGH,\n  PASTE_COMMAND\n} from 'lexical';\nimport { useEffect } from 'react';\nimport isURL from 'validator/lib/isURL';\n\nexport const ConvertSelectionToLinkOnPastePlugin = () => {\n  const [editor] = useLexicalComposerContext();\n\n  useEffect(() => {\n    return editor.registerCommand(\n      PASTE_COMMAND,\n      (event: ClipboardEvent) => {\n        const text = event.clipboardData?.getData('text/plain')!;\n        const selection = $getSelection();\n\n        if (\n          isURL(text || '')\n          && $isRangeSelection(selection)\n          && !selection.isCollapsed()\n        ) {\n          if (!selection.getNodes().some((node) => $isElementNode(node))) {\n            toggleLink(text);\n            event.preventDefault();\n            return true;\n          }\n        }\n        return false;\n      },\n      COMMAND_PRIORITY_HIGH\n    );\n  }, []);\n\n  return null;\n};\n"],"names":[],"mappings":";;;;;;AAYO,MAAM,sCAAsC,MAAM;AACvD,EAAM,MAAA,CAAC,MAAM,CAAA,GAAI,yBAA0B,EAAA;AAE3C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,MAAO,CAAA,eAAA;AAAA,MACZ,aAAA;AAAA,MACA,CAAC,KAA0B,KAAA;AAlBjC,QAAA,IAAA,EAAA;AAmBQ,QAAA,MAAM,IAAO,GAAA,CAAA,EAAA,GAAA,KAAA,CAAM,aAAN,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAqB,OAAQ,CAAA,YAAA,CAAA;AAC1C,QAAA,MAAM,YAAY,aAAc,EAAA;AAEhC,QACE,IAAA,KAAA,CAAM,IAAQ,IAAA,EAAE,CACb,IAAA,iBAAA,CAAkB,SAAS,CAC3B,IAAA,CAAC,SAAU,CAAA,WAAA,EACd,EAAA;AACA,UAAI,IAAA,CAAC,SAAU,CAAA,QAAA,EAAW,CAAA,IAAA,CAAK,CAAC,IAAS,KAAA,cAAA,CAAe,IAAI,CAAC,CAAG,EAAA;AAC9D,YAAA,UAAA,CAAW,IAAI,CAAA;AACf,YAAA,KAAA,CAAM,cAAe,EAAA;AACrB,YAAO,OAAA,IAAA;AAAA;AACT;AAEF,QAAO,OAAA,KAAA;AAAA,OACT;AAAA,MACA;AAAA,KACF;AAAA,GACF,EAAG,EAAE,CAAA;AAEL,EAAO,OAAA,IAAA;AACT;;;;"}

package/dist/es/plugins/link/link.js

@@ -0,0 +1,66 @@
+import { LinkNode, TOGGLE_LINK_COMMAND, toggleLink } from '@lexical/link';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { mergeRegister } from '@lexical/utils';
+import { COMMAND_PRIORITY_LOW, PASTE_COMMAND, $getSelection, $isRangeSelection, $isElementNode } from 'lexical';
+import { useEffect } from 'react';
+
+const LinkPlugin = ({ validateUrl }) => {
+  const [editor] = useLexicalComposerContext();
+  useEffect(() => {
+    if (!editor.hasNodes([LinkNode])) {
+      throw new Error("LinkPlugin: LinkNode not registered on editor");
+    }
+    return mergeRegister(
+      editor.registerCommand(
+        TOGGLE_LINK_COMMAND,
+        (payload) => {
+          if (payload === null) {
+            toggleLink(payload);
+            return true;
+          }
+          if (typeof payload === "string") {
+            if (validateUrl === void 0 || validateUrl(payload)) {
+              toggleLink(payload);
+              return true;
+            }
+            return false;
+          }
+          const {
+            url,
+            target,
+            rel,
+            title
+          } = payload;
+          toggleLink(url, { rel, target, title });
+          return true;
+        },
+        COMMAND_PRIORITY_LOW
+      ),
+      validateUrl !== void 0 ? 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 (!selection.getNodes().some((node) => $isElementNode(node))) {
+            editor.dispatchCommand(TOGGLE_LINK_COMMAND, clipboardText);
+            event.preventDefault();
+            return true;
+          }
+          return false;
+        },
+        COMMAND_PRIORITY_LOW
+      ) : () => {
+      }
+    );
+  }, [editor, validateUrl]);
+  return null;
+};
+
+export { LinkPlugin };
+//# sourceMappingURL=link.js.map

package/dist/es/plugins/link/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sources":["../../../../src/plugins/link/link.tsx"],"sourcesContent":["import { LinkNode, TOGGLE_LINK_COMMAND, toggleLink } from '@lexical/link';\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { mergeRegister } from '@lexical/utils';\nimport {\n  $getSelection,\n  $isElementNode,\n  $isRangeSelection,\n  COMMAND_PRIORITY_LOW,\n  PASTE_COMMAND\n} from 'lexical';\nimport { useEffect } from 'react';\n\ntype Props = {\n  validateUrl?: (url: string) => boolean;\n};\n\nexport const LinkPlugin = ({ validateUrl }: Props): null => {\n  const [editor] = useLexicalComposerContext();\n\n  useEffect(() => {\n    if (!editor.hasNodes([LinkNode])) {\n      throw new Error('LinkPlugin: LinkNode not registered on editor');\n    }\n    return mergeRegister(\n      editor.registerCommand(\n        TOGGLE_LINK_COMMAND,\n        (payload) => {\n          if (payload === null) {\n            toggleLink(payload);\n            return true;\n          }\n          if (typeof payload === 'string') {\n            if (validateUrl === undefined || validateUrl(payload)) {\n              toggleLink(payload);\n              return true;\n            }\n            return false;\n          }\n          const {\n            url, target, rel, title\n          } = payload;\n          toggleLink(url, { rel, target, title });\n          return true;\n        },\n        COMMAND_PRIORITY_LOW\n      ),\n      validateUrl !== undefined\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          // Don't paste arbritrary text as a link when there's no validate function\n        }\n    );\n  }, [editor, validateUrl]);\n\n  return null;\n};\n"],"names":[],"mappings":";;;;;;AAgBO,MAAM,UAAa,GAAA,CAAC,EAAE,WAAA,EAA+B,KAAA;AAC1D,EAAM,MAAA,CAAC,MAAM,CAAA,GAAI,yBAA0B,EAAA;AAE3C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAO,CAAA,QAAA,CAAS,CAAC,QAAQ,CAAC,CAAG,EAAA;AAChC,MAAM,MAAA,IAAI,MAAM,+CAA+C,CAAA;AAAA;AAEjE,IAAO,OAAA,aAAA;AAAA,MACL,MAAO,CAAA,eAAA;AAAA,QACL,mBAAA;AAAA,QACA,CAAC,OAAY,KAAA;AACX,UAAA,IAAI,YAAY,IAAM,EAAA;AACpB,YAAA,UAAA,CAAW,OAAO,CAAA;AAClB,YAAO,OAAA,IAAA;AAAA;AAET,UAAI,IAAA,OAAO,YAAY,QAAU,EAAA;AAC/B,YAAA,IAAI,WAAgB,KAAA,MAAA,IAAa,WAAY,CAAA,OAAO,CAAG,EAAA;AACrD,cAAA,UAAA,CAAW,OAAO,CAAA;AAClB,cAAO,OAAA,IAAA;AAAA;AAET,YAAO,OAAA,KAAA;AAAA;AAET,UAAM,MAAA;AAAA,YACJ,GAAA;AAAA,YAAK,MAAA;AAAA,YAAQ,GAAA;AAAA,YAAK;AAAA,WAChB,GAAA,OAAA;AACJ,UAAA,UAAA,CAAW,GAAK,EAAA,EAAE,GAAK,EAAA,MAAA,EAAQ,OAAO,CAAA;AACtC,UAAO,OAAA,IAAA;AAAA,SACT;AAAA,QACA;AAAA,OACF;AAAA,MACA,WAAA,KAAgB,SACZ,MAAO,CAAA,eAAA;AAAA,QACP,aAAA;AAAA,QACA,CAAC,KAAU,KAAA;AACT,UAAA,MAAM,YAAY,aAAc,EAAA;AAChC,UAAA,IACE,CAAC,iBAAA,CAAkB,SAAS,CAAA,IACvB,SAAU,CAAA,WAAA,EACV,IAAA,EAAE,KAAiB,YAAA,cAAA,CAAA,IACnB,KAAM,CAAA,aAAA,IAAiB,IAC5B,EAAA;AACA,YAAO,OAAA,KAAA;AAAA;AAET,UAAA,MAAM,aAAgB,GAAA,KAAA,CAAM,aAAc,CAAA,OAAA,CAAQ,MAAM,CAAA;AACxD,UAAI,IAAA,CAAC,WAAY,CAAA,aAAa,CAAG,EAAA;AAC/B,YAAO,OAAA,KAAA;AAAA;AAGT,UAAI,IAAA,CAAC,SAAU,CAAA,QAAA,EAAW,CAAA,IAAA,CAAK,CAAC,IAAS,KAAA,cAAA,CAAe,IAAI,CAAC,CAAG,EAAA;AAC9D,YAAO,MAAA,CAAA,eAAA,CAAgB,qBAAqB,aAAa,CAAA;AACzD,YAAA,KAAA,CAAM,cAAe,EAAA;AACrB,YAAO,OAAA,IAAA;AAAA;AAET,UAAO,OAAA,KAAA;AAAA,SACT;AAAA,QACA;AAAA,UAEA,MAAM;AAAA;AAER,KACJ;AAAA,GACC,EAAA,CAAC,MAAQ,EAAA,WAAW,CAAC,CAAA;AAExB,EAAO,OAAA,IAAA;AACT;;;;"}