@ruya.sa/richtext-lexical 3.71.7

package/dist/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.js

@@ -0,0 +1,327 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
+import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
+import { $findMatchingParent, mergeRegister } from '@lexical/utils';
+import { getTranslation } from '@ruya.sa/translations';
+import { CloseMenuIcon, EditIcon, ExternalLinkIcon, formatDrawerSlug, useConfig, useEditDepth, useLocale, useTranslation } from '@ruya.sa/ui';
+import { requests } from '@ruya.sa/ui/shared';
+import { $getSelection, $isLineBreakNode, $isRangeSelection, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, getDOMSelection, KEY_ESCAPE_COMMAND, SELECTION_CHANGE_COMMAND } from 'lexical';
+import { formatAdminURL } from '@ruya.sa/payload/shared';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useEditorConfigContext } from '../../../../../../lexical/config/client/EditorConfigProvider.js';
+import { getSelectedNode } from '../../../../../../lexical/utils/getSelectedNode.js';
+import { setFloatingElemPositionForLinkEditor } from '../../../../../../lexical/utils/setFloatingElemPositionForLinkEditor.js';
+import { FieldsDrawer } from '../../../../../../utilities/fieldsDrawer/Drawer.js';
+import { useLexicalDrawer } from '../../../../../../utilities/fieldsDrawer/useLexicalDrawer.js';
+import { $isAutoLinkNode } from '../../../../nodes/AutoLinkNode.js';
+import { $createLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from '../../../../nodes/LinkNode.js';
+import { TOGGLE_LINK_WITH_MODAL_COMMAND } from './commands.js';
+function preventDefault(event) {
+  event.preventDefault();
+}
+export function LinkEditor({
+  anchorElem
+}) {
+  const [editor] = useLexicalComposerContext();
+  // TO-DO: There are several states that should not be state, because they
+  // are derived from linkNode (linkUrl, linkLabel, stateData, isLink, isAutoLink...)
+  const [linkNode, setLinkNode] = useState();
+  const editorRef = useRef(null);
+  const [linkUrl, setLinkUrl] = useState(null);
+  const [linkLabel, setLinkLabel] = useState(null);
+  const {
+    fieldProps: {
+      schemaPath
+    },
+    uuid
+  } = useEditorConfigContext();
+  const isEditable = useLexicalEditable();
+  const {
+    config,
+    getEntityConfig
+  } = useConfig();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const [stateData, setStateData] = useState();
+  const editDepth = useEditDepth();
+  const [isLink, setIsLink] = useState(false);
+  const [selectedNodes, setSelectedNodes] = useState([]);
+  const locale = useLocale();
+  const [isAutoLink, setIsAutoLink] = useState(false);
+  const drawerSlug = formatDrawerSlug({
+    slug: `lexical-rich-text-link-` + uuid,
+    depth: editDepth
+  });
+  const {
+    toggleDrawer
+  } = useLexicalDrawer(drawerSlug);
+  const setNotLink = useCallback(() => {
+    setIsLink(false);
+    if (editorRef && editorRef.current) {
+      editorRef.current.style.opacity = '0';
+      editorRef.current.style.transform = 'translate(-10000px, -10000px)';
+    }
+    setIsAutoLink(false);
+    setLinkUrl(null);
+    setLinkLabel(null);
+    setSelectedNodes([]);
+    setStateData(undefined);
+  }, [setIsLink, setLinkUrl, setLinkLabel, setSelectedNodes]);
+  const $updateLinkEditor = useCallback(() => {
+    const selection = $getSelection();
+    let selectedNodeDomRect;
+    if (!$isRangeSelection(selection) || !selection) {
+      void setNotLink();
+      return;
+    }
+    // Handle the data displayed in the floating link editor & drawer when you click on a link node
+    const focusNode = getSelectedNode(selection);
+    selectedNodeDomRect = editor.getElementByKey(focusNode.getKey())?.getBoundingClientRect();
+    const focusLinkParent = $findMatchingParent(focusNode, $isLinkNode);
+    // Prevent link modal from showing if selection spans further than the link: https://github.com/facebook/lexical/issues/4064
+    const badNode = selection.getNodes().filter(node => !$isLineBreakNode(node)).find(node_0 => {
+      const linkNode_0 = $findMatchingParent(node_0, $isLinkNode);
+      return focusLinkParent && !focusLinkParent.is(linkNode_0) || linkNode_0 && !linkNode_0.is(focusLinkParent);
+    });
+    if (focusLinkParent == null || badNode) {
+      setNotLink();
+      return;
+    }
+    setLinkNode(focusLinkParent);
+    const fields = focusLinkParent.getFields();
+    // Initial state:
+    const data = {
+      ...fields,
+      id: focusLinkParent.getID(),
+      text: focusLinkParent.getTextContent()
+    };
+    if (fields?.linkType === 'custom') {
+      setLinkUrl(fields?.url ?? null);
+      setLinkLabel(null);
+    } else {
+      // internal link
+      setLinkUrl(`${config.routes.admin === '/' ? '' : config.routes.admin}/collections/${fields?.doc?.relationTo}/${fields?.doc?.value}`);
+      const relatedField = fields?.doc?.relationTo ? getEntityConfig({
+        collectionSlug: fields?.doc?.relationTo
+      }) : undefined;
+      if (!relatedField) {
+        // Usually happens if the user removed all default fields. In this case, we let them specify the label or do not display the label at all.
+        // label could be a virtual field the user added. This is useful if they want to use the link feature for things other than links.
+        setLinkLabel(fields?.label ? String(fields?.label) : null);
+        setLinkUrl(fields?.url ? String(fields?.url) : null);
+      } else {
+        const id = typeof fields.doc?.value === 'object' ? fields.doc.value.id : fields.doc?.value;
+        const collection = fields.doc?.relationTo;
+        if (!id || !collection) {
+          throw new Error(`Focus link parent is missing doc.value or doc.relationTo`);
+        }
+        const loadingLabel = t('fields:linkedTo', {
+          label: `${getTranslation(relatedField.labels.singular, i18n)} - ${t('lexical:link:loadingWithEllipsis', i18n)}`
+        }).replace(/<[^>]*>?/g, '');
+        setLinkLabel(loadingLabel);
+        requests.get(formatAdminURL({
+          apiRoute: config.routes.api,
+          path: `/${collection}/${id}`,
+          serverURL: config.serverURL
+        }), {
+          headers: {
+            'Accept-Language': i18n.language
+          },
+          params: {
+            depth: 0,
+            locale: locale?.code
+          }
+        }).then(async res => {
+          if (!res.ok) {
+            throw new Error(`HTTP error! Status: ${res.status}`);
+          }
+          const data_0 = await res.json();
+          const useAsTitle = relatedField?.admin?.useAsTitle || 'id';
+          const title = data_0[useAsTitle];
+          const label = t('fields:linkedTo', {
+            label: `${getTranslation(relatedField.labels.singular, i18n)} - ${title}`
+          }).replace(/<[^>]*>?/g, '');
+          setLinkLabel(label);
+        }).catch(() => {
+          const label_0 = t('fields:linkedTo', {
+            label: `${getTranslation(relatedField.labels.singular, i18n)} - ${t('general:untitled', i18n)} - ID: ${id}`
+          }).replace(/<[^>]*>?/g, '');
+          setLinkLabel(label_0);
+        });
+      }
+    }
+    setStateData(data);
+    setIsLink(true);
+    setSelectedNodes(selection ? selection?.getNodes() : []);
+    if ($isAutoLinkNode(focusLinkParent)) {
+      setIsAutoLink(true);
+    } else {
+      setIsAutoLink(false);
+    }
+    const editorElem = editorRef.current;
+    const nativeSelection = getDOMSelection(editor._window);
+    const {
+      activeElement
+    } = document;
+    if (editorElem === null) {
+      return;
+    }
+    const rootElement = editor.getRootElement();
+    if (nativeSelection !== null && rootElement !== null && rootElement.contains(nativeSelection.anchorNode)) {
+      if (!selectedNodeDomRect) {
+        // Get the DOM rect of the selected node using the native selection. This sometimes produces the wrong
+        // result, which is why we use lexical's selection preferably.
+        selectedNodeDomRect = nativeSelection.getRangeAt(0).getBoundingClientRect();
+      }
+      if (selectedNodeDomRect != null) {
+        selectedNodeDomRect.y += 40;
+        setFloatingElemPositionForLinkEditor(selectedNodeDomRect, editorElem, anchorElem);
+      }
+    } else if (activeElement == null || activeElement.className !== 'link-input') {
+      if (rootElement !== null) {
+        setFloatingElemPositionForLinkEditor(null, editorElem, anchorElem);
+      }
+      setLinkUrl(null);
+      setLinkLabel(null);
+    }
+    return true;
+  }, [editor, setNotLink, config.routes.admin, config.routes.api, config.serverURL, getEntityConfig, t, i18n, locale?.code, anchorElem]);
+  useEffect(() => {
+    return mergeRegister(editor.registerCommand(TOGGLE_LINK_WITH_MODAL_COMMAND, payload => {
+      editor.dispatchCommand(TOGGLE_LINK_COMMAND, payload);
+      // Now, open the modal
+      $updateLinkEditor();
+      toggleDrawer();
+      return true;
+    }, COMMAND_PRIORITY_LOW));
+  }, [editor, $updateLinkEditor, toggleDrawer, drawerSlug]);
+  useEffect(() => {
+    const scrollerElem = anchorElem.parentElement;
+    const update = () => {
+      editor.getEditorState().read(() => {
+        void $updateLinkEditor();
+      });
+    };
+    window.addEventListener('resize', update);
+    if (scrollerElem != null) {
+      scrollerElem.addEventListener('scroll', update);
+    }
+    return () => {
+      window.removeEventListener('resize', update);
+      if (scrollerElem != null) {
+        scrollerElem.removeEventListener('scroll', update);
+      }
+    };
+  }, [anchorElem.parentElement, editor, $updateLinkEditor]);
+  useEffect(() => {
+    return mergeRegister(editor.registerUpdateListener(({
+      editorState
+    }) => {
+      editorState.read(() => {
+        void $updateLinkEditor();
+      });
+    }), editor.registerCommand(SELECTION_CHANGE_COMMAND, () => {
+      void $updateLinkEditor();
+      return true;
+    }, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_ESCAPE_COMMAND, () => {
+      if (isLink) {
+        setNotLink();
+        return true;
+      }
+      return false;
+    }, COMMAND_PRIORITY_HIGH));
+  }, [editor, $updateLinkEditor, isLink, setNotLink]);
+  useEffect(() => {
+    editor.getEditorState().read(() => {
+      void $updateLinkEditor();
+    });
+  }, [editor, $updateLinkEditor]);
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "link-editor",
+      ref: editorRef,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "link-input",
+        children: [linkUrl && linkUrl.length > 0 ? /*#__PURE__*/_jsxs("a", {
+          href: linkUrl,
+          rel: "noopener noreferrer",
+          target: "_blank",
+          children: [linkNode?.__fields.newTab ? /*#__PURE__*/_jsx(ExternalLinkIcon, {}) : null, linkLabel != null && linkLabel.length > 0 ? linkLabel : linkUrl]
+        }) : linkLabel != null && linkLabel.length > 0 ? /*#__PURE__*/_jsxs(_Fragment, {
+          children: [linkNode?.__fields.newTab ? /*#__PURE__*/_jsx(ExternalLinkIcon, {}) : null, /*#__PURE__*/_jsx("span", {
+            className: "link-input__label-pure",
+            children: linkLabel
+          })]
+        }) : null, isEditable && /*#__PURE__*/_jsxs(React.Fragment, {
+          children: [/*#__PURE__*/_jsx("button", {
+            "aria-label": "Edit link",
+            className: "link-edit",
+            onClick: event => {
+              event.preventDefault();
+              toggleDrawer();
+            },
+            onMouseDown: preventDefault,
+            tabIndex: 0,
+            type: "button",
+            children: /*#__PURE__*/_jsx(EditIcon, {})
+          }), !isAutoLink && /*#__PURE__*/_jsx("button", {
+            "aria-label": "Remove link",
+            className: "link-trash",
+            onClick: () => {
+              editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
+            },
+            onMouseDown: preventDefault,
+            tabIndex: 0,
+            type: "button",
+            children: /*#__PURE__*/_jsx(CloseMenuIcon, {})
+          })]
+        })]
+      })
+    }), /*#__PURE__*/_jsx(FieldsDrawer, {
+      className: "lexical-link-edit-drawer",
+      data: stateData,
+      drawerSlug: drawerSlug,
+      drawerTitle: t('fields:editLink'),
+      featureKey: "link",
+      handleDrawerSubmit: (fields_0, data_1) => {
+        const newLinkPayload = data_1;
+        const bareLinkFields = {
+          ...newLinkPayload
+        };
+        delete bareLinkFields.text;
+        // See: https://github.com/facebook/lexical/pull/5536. This updates autolink nodes to link nodes whenever a change was made (which is good!).
+        editor.update(() => {
+          const selection_0 = $getSelection();
+          let linkParent = null;
+          if ($isRangeSelection(selection_0)) {
+            linkParent = getSelectedNode(selection_0).getParent();
+          } else {
+            if (selectedNodes.length) {
+              linkParent = selectedNodes[0]?.getParent() ?? null;
+            }
+          }
+          if (linkParent && $isAutoLinkNode(linkParent)) {
+            const linkNode_1 = $createLinkNode({
+              fields: bareLinkFields
+            });
+            linkParent.replace(linkNode_1, true);
+          }
+        });
+        // Needs to happen AFTER a potential auto link => link node conversion, as otherwise, the updated text to display may be lost due to
+        // it being applied to the auto link node instead of the link node.
+        editor.dispatchCommand(TOGGLE_LINK_COMMAND, {
+          fields: bareLinkFields,
+          selectedNodes,
+          text: newLinkPayload.text
+        });
+      },
+      schemaPath: schemaPath,
+      schemaPathSuffix: "fields"
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useLexicalComposerContext","useLexicalEditable","$findMatchingParent","mergeRegister","getTranslation","CloseMenuIcon","EditIcon","ExternalLinkIcon","formatDrawerSlug","useConfig","useEditDepth","useLocale","useTranslation","requests","$getSelection","$isLineBreakNode","$isRangeSelection","COMMAND_PRIORITY_HIGH","COMMAND_PRIORITY_LOW","getDOMSelection","KEY_ESCAPE_COMMAND","SELECTION_CHANGE_COMMAND","formatAdminURL","React","useCallback","useEffect","useRef","useState","useEditorConfigContext","getSelectedNode","setFloatingElemPositionForLinkEditor","FieldsDrawer","useLexicalDrawer","$isAutoLinkNode","$createLinkNode","$isLinkNode","TOGGLE_LINK_COMMAND","TOGGLE_LINK_WITH_MODAL_COMMAND","preventDefault","event","LinkEditor","anchorElem","editor","linkNode","setLinkNode","editorRef","linkUrl","setLinkUrl","linkLabel","setLinkLabel","fieldProps","schemaPath","uuid","isEditable","config","getEntityConfig","i18n","t","stateData","setStateData","editDepth","isLink","setIsLink","selectedNodes","setSelectedNodes","locale","isAutoLink","setIsAutoLink","drawerSlug","slug","depth","toggleDrawer","setNotLink","current","style","opacity","transform","undefined","$updateLinkEditor","selection","selectedNodeDomRect","focusNode","getElementByKey","getKey","getBoundingClientRect","focusLinkParent","badNode","getNodes","filter","node","find","is","fields","getFields","data","id","getID","text","getTextContent","linkType","url","routes","admin","doc","relationTo","value","relatedField","collectionSlug","label","String","collection","Error","loadingLabel","labels","singular","replace","get","apiRoute","api","path","serverURL","headers","language","params","code","then","res","ok","status","json","useAsTitle","title","catch","editorElem","nativeSelection","_window","activeElement","document","rootElement","getRootElement","contains","anchorNode","getRangeAt","y","className","registerCommand","payload","dispatchCommand","scrollerElem","parentElement","update","getEditorState","read","window","addEventListener","removeEventListener","registerUpdateListener","editorState","_jsxs","Fragment","_jsx","ref","length","href","rel","target","__fields","newTab","_Fragment","onClick","onMouseDown","tabIndex","type","drawerTitle","featureKey","handleDrawerSubmit","newLinkPayload","bareLinkFields","linkParent","getParent","schemaPathSuffix"],"sources":["../../../../../../../src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx"],"sourcesContent":["'use client'\nimport type { ElementNode, LexicalNode } from 'lexical'\nimport type { Data, FormState } from '@ruya.sa/payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils'\nimport { getTranslation } from '@ruya.sa/translations'\nimport {\n  CloseMenuIcon,\n  EditIcon,\n  ExternalLinkIcon,\n  formatDrawerSlug,\n  useConfig,\n  useEditDepth,\n  useLocale,\n  useTranslation,\n} from '@ruya.sa/ui'\nimport { requests } from '@ruya.sa/ui/shared'\nimport {\n  $getSelection,\n  $isLineBreakNode,\n  $isRangeSelection,\n  COMMAND_PRIORITY_HIGH,\n  COMMAND_PRIORITY_LOW,\n  getDOMSelection,\n  KEY_ESCAPE_COMMAND,\n  SELECTION_CHANGE_COMMAND,\n} from 'lexical'\nimport { formatAdminURL } from '@ruya.sa/payload/shared'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { LinkNode } from '../../../../nodes/LinkNode.js'\nimport type { LinkFields } from '../../../../nodes/types.js'\nimport type { LinkPayload } from '../types.js'\n\nimport { useEditorConfigContext } from '../../../../../../lexical/config/client/EditorConfigProvider.js'\nimport { getSelectedNode } from '../../../../../../lexical/utils/getSelectedNode.js'\nimport { setFloatingElemPositionForLinkEditor } from '../../../../../../lexical/utils/setFloatingElemPositionForLinkEditor.js'\nimport { FieldsDrawer } from '../../../../../../utilities/fieldsDrawer/Drawer.js'\nimport { useLexicalDrawer } from '../../../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isAutoLinkNode } from '../../../../nodes/AutoLinkNode.js'\nimport { $createLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from '../../../../nodes/LinkNode.js'\nimport { TOGGLE_LINK_WITH_MODAL_COMMAND } from './commands.js'\n\nfunction preventDefault(\n  event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLElement>,\n): void {\n  event.preventDefault()\n}\n\nexport function LinkEditor({ anchorElem }: { anchorElem: HTMLElement }): React.ReactNode {\n  const [editor] = useLexicalComposerContext()\n  // TO-DO: There are several states that should not be state, because they\n  // are derived from linkNode (linkUrl, linkLabel, stateData, isLink, isAutoLink...)\n  const [linkNode, setLinkNode] = useState<LinkNode>()\n\n  const editorRef = useRef<HTMLDivElement | null>(null)\n  const [linkUrl, setLinkUrl] = useState<null | string>(null)\n  const [linkLabel, setLinkLabel] = useState<null | string>(null)\n\n  const {\n    fieldProps: { schemaPath },\n    uuid,\n  } = useEditorConfigContext()\n  const isEditable = useLexicalEditable()\n\n  const { config, getEntityConfig } = useConfig()\n\n  const { i18n, t } = useTranslation<object, 'lexical:link:loadingWithEllipsis'>()\n\n  const [stateData, setStateData] = useState<\n    ({ id?: string; text: string } & LinkFields) | undefined\n  >()\n\n  const editDepth = useEditDepth()\n  const [isLink, setIsLink] = useState(false)\n  const [selectedNodes, setSelectedNodes] = useState<LexicalNode[]>([])\n  const locale = useLocale()\n\n  const [isAutoLink, setIsAutoLink] = useState(false)\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-rich-text-link-` + uuid,\n    depth: editDepth,\n  })\n\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug)\n\n  const setNotLink = useCallback(() => {\n    setIsLink(false)\n    if (editorRef && editorRef.current) {\n      editorRef.current.style.opacity = '0'\n      editorRef.current.style.transform = 'translate(-10000px, -10000px)'\n    }\n    setIsAutoLink(false)\n    setLinkUrl(null)\n    setLinkLabel(null)\n    setSelectedNodes([])\n    setStateData(undefined)\n  }, [setIsLink, setLinkUrl, setLinkLabel, setSelectedNodes])\n\n  const $updateLinkEditor = useCallback(() => {\n    const selection = $getSelection()\n    let selectedNodeDomRect: DOMRect | undefined\n\n    if (!$isRangeSelection(selection) || !selection) {\n      void setNotLink()\n      return\n    }\n\n    // Handle the data displayed in the floating link editor & drawer when you click on a link node\n\n    const focusNode = getSelectedNode(selection)\n    selectedNodeDomRect = editor.getElementByKey(focusNode.getKey())?.getBoundingClientRect()\n    const focusLinkParent = $findMatchingParent(focusNode, $isLinkNode)\n\n    // Prevent link modal from showing if selection spans further than the link: https://github.com/facebook/lexical/issues/4064\n    const badNode = selection\n      .getNodes()\n      .filter((node) => !$isLineBreakNode(node))\n      .find((node) => {\n        const linkNode = $findMatchingParent(node, $isLinkNode)\n        return (\n          (focusLinkParent && !focusLinkParent.is(linkNode)) ||\n          (linkNode && !linkNode.is(focusLinkParent))\n        )\n      })\n\n    if (focusLinkParent == null || badNode) {\n      setNotLink()\n      return\n    }\n    setLinkNode(focusLinkParent)\n\n    const fields = focusLinkParent.getFields()\n\n    // Initial state:\n    const data: { text: string } & LinkFields = {\n      ...fields,\n      id: focusLinkParent.getID(),\n      text: focusLinkParent.getTextContent(),\n    }\n\n    if (fields?.linkType === 'custom') {\n      setLinkUrl(fields?.url ?? null)\n      setLinkLabel(null)\n    } else {\n      // internal link\n      setLinkUrl(\n        `${config.routes.admin === '/' ? '' : config.routes.admin}/collections/${fields?.doc?.relationTo}/${\n          fields?.doc?.value\n        }`,\n      )\n\n      const relatedField = fields?.doc?.relationTo\n        ? getEntityConfig({ collectionSlug: fields?.doc?.relationTo })\n        : undefined\n      if (!relatedField) {\n        // Usually happens if the user removed all default fields. In this case, we let them specify the label or do not display the label at all.\n        // label could be a virtual field the user added. This is useful if they want to use the link feature for things other than links.\n        setLinkLabel(fields?.label ? String(fields?.label) : null)\n        setLinkUrl(fields?.url ? String(fields?.url) : null)\n      } else {\n        const id = typeof fields.doc?.value === 'object' ? fields.doc.value.id : fields.doc?.value\n        const collection = fields.doc?.relationTo\n        if (!id || !collection) {\n          throw new Error(`Focus link parent is missing doc.value or doc.relationTo`)\n        }\n\n        const loadingLabel = t('fields:linkedTo', {\n          label: `${getTranslation(relatedField.labels.singular, i18n)} - ${t('lexical:link:loadingWithEllipsis', i18n)}`,\n        }).replace(/<[^>]*>?/g, '')\n        setLinkLabel(loadingLabel)\n\n        requests\n          .get(\n            formatAdminURL({\n              apiRoute: config.routes.api,\n              path: `/${collection}/${id}`,\n              serverURL: config.serverURL,\n            }),\n            {\n              headers: {\n                'Accept-Language': i18n.language,\n              },\n              params: {\n                depth: 0,\n                locale: locale?.code,\n              },\n            },\n          )\n          .then(async (res) => {\n            if (!res.ok) {\n              throw new Error(`HTTP error! Status: ${res.status}`)\n            }\n            const data = await res.json()\n            const useAsTitle = relatedField?.admin?.useAsTitle || 'id'\n            const title = data[useAsTitle]\n            const label = t('fields:linkedTo', {\n              label: `${getTranslation(relatedField.labels.singular, i18n)} - ${title}`,\n            }).replace(/<[^>]*>?/g, '')\n            setLinkLabel(label)\n          })\n          .catch(() => {\n            const label = t('fields:linkedTo', {\n              label: `${getTranslation(relatedField.labels.singular, i18n)} - ${t('general:untitled', i18n)} - ID: ${id}`,\n            }).replace(/<[^>]*>?/g, '')\n            setLinkLabel(label)\n          })\n      }\n    }\n\n    setStateData(data)\n    setIsLink(true)\n    setSelectedNodes(selection ? selection?.getNodes() : [])\n\n    if ($isAutoLinkNode(focusLinkParent)) {\n      setIsAutoLink(true)\n    } else {\n      setIsAutoLink(false)\n    }\n\n    const editorElem = editorRef.current\n    const nativeSelection = getDOMSelection(editor._window)\n    const { activeElement } = document\n\n    if (editorElem === null) {\n      return\n    }\n\n    const rootElement = editor.getRootElement()\n\n    if (\n      nativeSelection !== null &&\n      rootElement !== null &&\n      rootElement.contains(nativeSelection.anchorNode)\n    ) {\n      if (!selectedNodeDomRect) {\n        // Get the DOM rect of the selected node using the native selection. This sometimes produces the wrong\n        // result, which is why we use lexical's selection preferably.\n        selectedNodeDomRect = nativeSelection.getRangeAt(0).getBoundingClientRect()\n      }\n\n      if (selectedNodeDomRect != null) {\n        selectedNodeDomRect.y += 40\n        setFloatingElemPositionForLinkEditor(selectedNodeDomRect, editorElem, anchorElem)\n      }\n    } else if (activeElement == null || activeElement.className !== 'link-input') {\n      if (rootElement !== null) {\n        setFloatingElemPositionForLinkEditor(null, editorElem, anchorElem)\n      }\n      setLinkUrl(null)\n      setLinkLabel(null)\n    }\n\n    return true\n  }, [\n    editor,\n    setNotLink,\n    config.routes.admin,\n    config.routes.api,\n    config.serverURL,\n    getEntityConfig,\n    t,\n    i18n,\n    locale?.code,\n    anchorElem,\n  ])\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand(\n        TOGGLE_LINK_WITH_MODAL_COMMAND,\n        (payload: LinkPayload) => {\n          editor.dispatchCommand(TOGGLE_LINK_COMMAND, payload)\n\n          // Now, open the modal\n          $updateLinkEditor()\n          toggleDrawer()\n\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n    )\n  }, [editor, $updateLinkEditor, toggleDrawer, drawerSlug])\n\n  useEffect(() => {\n    const scrollerElem = anchorElem.parentElement\n\n    const update = (): void => {\n      editor.getEditorState().read(() => {\n        void $updateLinkEditor()\n      })\n    }\n\n    window.addEventListener('resize', update)\n\n    if (scrollerElem != null) {\n      scrollerElem.addEventListener('scroll', update)\n    }\n\n    return () => {\n      window.removeEventListener('resize', update)\n\n      if (scrollerElem != null) {\n        scrollerElem.removeEventListener('scroll', update)\n      }\n    }\n  }, [anchorElem.parentElement, editor, $updateLinkEditor])\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerUpdateListener(({ editorState }) => {\n        editorState.read(() => {\n          void $updateLinkEditor()\n        })\n      }),\n\n      editor.registerCommand(\n        SELECTION_CHANGE_COMMAND,\n        () => {\n          void $updateLinkEditor()\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      editor.registerCommand(\n        KEY_ESCAPE_COMMAND,\n        () => {\n          if (isLink) {\n            setNotLink()\n\n            return true\n          }\n          return false\n        },\n        COMMAND_PRIORITY_HIGH,\n      ),\n    )\n  }, [editor, $updateLinkEditor, isLink, setNotLink])\n\n  useEffect(() => {\n    editor.getEditorState().read(() => {\n      void $updateLinkEditor()\n    })\n  }, [editor, $updateLinkEditor])\n\n  return (\n    <React.Fragment>\n      <div className=\"link-editor\" ref={editorRef}>\n        <div className=\"link-input\">\n          {linkUrl && linkUrl.length > 0 ? (\n            <a href={linkUrl} rel=\"noopener noreferrer\" target=\"_blank\">\n              {linkNode?.__fields.newTab ? <ExternalLinkIcon /> : null}\n              {linkLabel != null && linkLabel.length > 0 ? linkLabel : linkUrl}\n            </a>\n          ) : linkLabel != null && linkLabel.length > 0 ? (\n            <>\n              {linkNode?.__fields.newTab ? <ExternalLinkIcon /> : null}\n              <span className=\"link-input__label-pure\">{linkLabel}</span>\n            </>\n          ) : null}\n\n          {isEditable && (\n            <React.Fragment>\n              <button\n                aria-label=\"Edit link\"\n                className=\"link-edit\"\n                onClick={(event) => {\n                  event.preventDefault()\n                  toggleDrawer()\n                }}\n                onMouseDown={preventDefault}\n                tabIndex={0}\n                type=\"button\"\n              >\n                <EditIcon />\n              </button>\n              {!isAutoLink && (\n                <button\n                  aria-label=\"Remove link\"\n                  className=\"link-trash\"\n                  onClick={() => {\n                    editor.dispatchCommand(TOGGLE_LINK_COMMAND, null)\n                  }}\n                  onMouseDown={preventDefault}\n                  tabIndex={0}\n                  type=\"button\"\n                >\n                  <CloseMenuIcon />\n                </button>\n              )}\n            </React.Fragment>\n          )}\n        </div>\n      </div>\n      <FieldsDrawer\n        className=\"lexical-link-edit-drawer\"\n        data={stateData}\n        drawerSlug={drawerSlug}\n        drawerTitle={t('fields:editLink')}\n        featureKey=\"link\"\n        handleDrawerSubmit={(fields: FormState, data: Data) => {\n          const newLinkPayload = data as { text: string } & LinkFields\n\n          const bareLinkFields: LinkFields = {\n            ...newLinkPayload,\n          }\n          delete bareLinkFields.text\n\n          // See: https://github.com/facebook/lexical/pull/5536. This updates autolink nodes to link nodes whenever a change was made (which is good!).\n          editor.update(() => {\n            const selection = $getSelection()\n            let linkParent: ElementNode | null = null\n            if ($isRangeSelection(selection)) {\n              linkParent = getSelectedNode(selection).getParent()\n            } else {\n              if (selectedNodes.length) {\n                linkParent = selectedNodes[0]?.getParent() ?? null\n              }\n            }\n\n            if (linkParent && $isAutoLinkNode(linkParent)) {\n              const linkNode = $createLinkNode({\n                fields: bareLinkFields,\n              })\n              linkParent.replace(linkNode, true)\n            }\n          })\n\n          // Needs to happen AFTER a potential auto link => link node conversion, as otherwise, the updated text to display may be lost due to\n          // it being applied to the auto link node instead of the link node.\n          editor.dispatchCommand(TOGGLE_LINK_COMMAND, {\n            fields: bareLinkFields,\n            selectedNodes,\n            text: newLinkPayload.text,\n          })\n        }}\n        schemaPath={schemaPath}\n        schemaPathSuffix=\"fields\"\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/features/link/client/plugins/floatingLinkEditor/index.d.ts

@@ -0,0 +1,5 @@
+import type { PluginComponentWithAnchor } from '../../../../typesClient.js';
+import type { ClientProps } from '../../index.js';
+import './index.scss';
+export declare const FloatingLinkEditorPlugin: PluginComponentWithAnchor<ClientProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/features/link/client/plugins/floatingLinkEditor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/features/link/client/plugins/floatingLinkEditor/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAEjD,OAAO,cAAc,CAAA;AAGrB,eAAO,MAAM,wBAAwB,EAAE,yBAAyB,CAAC,WAAW,CAI3E,CAAA"}

package/dist/features/link/client/plugins/floatingLinkEditor/index.js

@@ -0,0 +1,15 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { LinkEditor } from './LinkEditor/index.js';
+export const FloatingLinkEditorPlugin = props => {
+  const {
+    anchorElem = document.body
+  } = props;
+  return /*#__PURE__*/createPortal(/*#__PURE__*/_jsx(LinkEditor, {
+    anchorElem: anchorElem
+  }), anchorElem);
+};
+//# sourceMappingURL=index.js.map

package/dist/features/link/client/plugins/floatingLinkEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","createPortal","LinkEditor","FloatingLinkEditorPlugin","props","anchorElem","document","body","_jsx"],"sources":["../../../../../../src/features/link/client/plugins/floatingLinkEditor/index.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { PluginComponentWithAnchor } from '../../../../typesClient.js'\nimport type { ClientProps } from '../../index.js'\n\nimport './index.scss'\nimport { LinkEditor } from './LinkEditor/index.js'\n\nexport const FloatingLinkEditorPlugin: PluginComponentWithAnchor<ClientProps> = (props) => {\n  const { anchorElem = document.body } = props\n\n  return createPortal(<LinkEditor anchorElem={anchorElem} />, anchorElem)\n}\n"],"mappings":"AAAA;;;AACA,YAAYA,KAAA,MAAW;AACvB,SAASC,YAAY,QAAQ;AAM7B,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,wBAAA,GAAoEC,KAAA;EAC/E,MAAM;IAAEC,UAAA,GAAaC,QAAA,CAASC;EAAI,CAAE,GAAGH,KAAA;EAEvC,oBAAOH,YAAA,cAAaO,IAAA,CAACN,UAAA;IAAWG,UAAA,EAAYA;MAAgBA,UAAA;AAC9D","ignoreList":[]}

package/dist/features/link/client/plugins/floatingLinkEditor/types.d.ts

@@ -0,0 +1,18 @@
+import type { LexicalNode } from 'lexical';
+import type { LinkFields } from '../../../nodes/types.js';
+/**
+ * The payload of a link node
+ * This can be delivered from the link node to the drawer, or from the drawer/anything to the TOGGLE_LINK_COMMAND
+ */
+export type LinkPayload = {
+    /**
+     * The fields of the link node. Undefined fields will be taken from the default values of the link node
+     */
+    fields: Partial<LinkFields>;
+    selectedNodes?: LexicalNode[];
+    /**
+     * The text content of the link node - will be displayed in the drawer
+     */
+    text: null | string;
+} | null;
+//# sourceMappingURL=types.d.ts.map

package/dist/features/link/client/plugins/floatingLinkEditor/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/link/client/plugins/floatingLinkEditor/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEzD;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;IAC3B,aAAa,CAAC,EAAE,WAAW,EAAE,CAAA;IAC7B;;OAEG;IACH,IAAI,EAAE,IAAI,GAAG,MAAM,CAAA;CACpB,GAAG,IAAI,CAAA"}

package/dist/features/link/client/plugins/floatingLinkEditor/types.js

@@ -0,0 +1,5 @@
+/**
+ * The payload of a link node
+ * This can be delivered from the link node to the drawer, or from the drawer/anything to the TOGGLE_LINK_COMMAND
+ */export {};
+//# sourceMappingURL=types.js.map

package/dist/features/link/client/plugins/floatingLinkEditor/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/features/link/client/plugins/floatingLinkEditor/types.ts"],"sourcesContent":["import type { LexicalNode } from 'lexical'\n\nimport type { LinkFields } from '../../../nodes/types.js'\n\n/**\n * The payload of a link node\n * This can be delivered from the link node to the drawer, or from the drawer/anything to the TOGGLE_LINK_COMMAND\n */\nexport type LinkPayload = {\n  /**\n   * The fields of the link node. Undefined fields will be taken from the default values of the link node\n   */\n  fields: Partial<LinkFields>\n  selectedNodes?: LexicalNode[]\n  /**\n   * The text content of the link node - will be displayed in the drawer\n   */\n  text: null | string\n} | null\n"],"mappings":"AAIA;;;GAIA","ignoreList":[]}

package/dist/features/link/client/plugins/link/index.d.ts

@@ -0,0 +1,4 @@
+import type { PluginComponent } from '../../../../typesClient.js';
+import type { ClientProps } from '../../index.js';
+export declare const LinkPlugin: PluginComponent<ClientProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/features/link/client/plugins/link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/features/link/client/plugins/link/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAEjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAMjD,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,WAAW,CAiEnD,CAAA"}

package/dist/features/link/client/plugins/link/index.js

@@ -0,0 +1,78 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
+import { mergeRegister } from '@lexical/utils';
+import { $getSelection, $isElementNode, $isRangeSelection, COMMAND_PRIORITY_LOW, PASTE_COMMAND } from 'lexical';
+import { useEffect } from 'react';
+import { validateUrl } from '../../../../../lexical/utils/url.js';
+import { $toggleLink, LinkNode, TOGGLE_LINK_COMMAND } from '../../../nodes/LinkNode.js';
+export const LinkPlugin = t0 => {
+  const $ = _c(5);
+  const {
+    clientProps
+  } = t0;
+  const [editor] = useLexicalComposerContext();
+  let t1;
+  let t2;
+  if ($[0] !== clientProps.defaultLinkType || $[1] !== clientProps.defaultLinkURL || $[2] !== editor) {
+    t1 = () => {
+      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(null);
+          return true;
+        }
+        if (!payload.fields?.linkType) {
+          payload.fields.linkType = clientProps.defaultLinkType;
+        }
+        if (!payload.fields?.url) {
+          payload.fields.url = clientProps.defaultLinkURL;
+        }
+        $toggleLink(payload);
+        return true;
+      }, COMMAND_PRIORITY_LOW), 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(_temp)) {
+          const linkFields = {
+            doc: null,
+            linkType: "custom",
+            newTab: false,
+            url: clipboardText
+          };
+          editor.dispatchCommand(TOGGLE_LINK_COMMAND, {
+            fields: linkFields,
+            text: null
+          });
+          event.preventDefault();
+          return true;
+        }
+        return false;
+      }, COMMAND_PRIORITY_LOW));
+    };
+    t2 = [clientProps.defaultLinkType, clientProps.defaultLinkURL, editor];
+    $[0] = clientProps.defaultLinkType;
+    $[1] = clientProps.defaultLinkURL;
+    $[2] = editor;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  useEffect(t1, t2);
+  return null;
+};
+function _temp(node) {
+  return $isElementNode(node);
+}
+//# sourceMappingURL=index.js.map

package/dist/features/link/client/plugins/link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","mergeRegister","$getSelection","$isElementNode","$isRangeSelection","COMMAND_PRIORITY_LOW","PASTE_COMMAND","useEffect","validateUrl","$toggleLink","LinkNode","TOGGLE_LINK_COMMAND","LinkPlugin","t0","$","clientProps","editor","t1","t2","defaultLinkType","defaultLinkURL","hasNodes","Error","registerCommand","payload","fields","linkType","url","event","selection","isCollapsed","ClipboardEvent","clipboardData","clipboardText","getData","getNodes","some","_temp","linkFields","doc","newTab","dispatchCommand","text","preventDefault","node"],"sources":["../../../../../../src/features/link/client/plugins/link/index.tsx"],"sourcesContent":["'use client'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\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\nimport type { PluginComponent } from '../../../../typesClient.js'\nimport type { LinkFields } from '../../../nodes/types.js'\nimport type { ClientProps } from '../../index.js'\nimport type { LinkPayload } from '../floatingLinkEditor/types.js'\n\nimport { validateUrl } from '../../../../../lexical/utils/url.js'\nimport { $toggleLink, LinkNode, TOGGLE_LINK_COMMAND } from '../../../nodes/LinkNode.js'\n\nexport const LinkPlugin: PluginComponent<ClientProps> = ({ clientProps }) => {\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: LinkPayload) => {\n          if (payload === null) {\n            $toggleLink(null)\n            return true\n          }\n          if (!payload.fields?.linkType) {\n            payload.fields.linkType = clientProps.defaultLinkType as any\n          }\n          if (!payload.fields?.url) {\n            payload.fields.url = clientProps.defaultLinkURL as any\n          }\n          $toggleLink(payload as { fields: LinkFields } & LinkPayload)\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\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            const linkFields: LinkFields = {\n              doc: null,\n              linkType: 'custom',\n              newTab: false,\n              url: clipboardText,\n            }\n            editor.dispatchCommand(TOGGLE_LINK_COMMAND, {\n              fields: linkFields,\n              text: null,\n            })\n            event.preventDefault()\n            return true\n          }\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n    )\n  }, [clientProps.defaultLinkType, clientProps.defaultLinkURL, editor])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,aAAa,QAAQ;AAC9B,SACEC,aAAa,EACbC,cAAc,EACdC,iBAAiB,EACjBC,oBAAoB,EACpBC,aAAa,QACR;AACP,SAASC,SAAS,QAAQ;AAO1B,SAASC,WAAW,QAAQ;AAC5B,SAASC,WAAW,EAAEC,QAAQ,EAAEC,mBAAmB,QAAQ;AAE3D,OAAO,MAAMC,UAAA,GAA2CC,EAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EAAC;IAAAgB;EAAA,IAAAF,EAAe;EACtE,OAAAG,MAAA,IAAiBhB,yBAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAC,WAAA,CAAAI,eAAA,IAAAL,CAAA,QAAAC,WAAA,CAAAK,cAAA,IAAAN,CAAA,QAAAE,MAAA;IAEPC,EAAA,GAAAA,CAAA;MAAA,KACHD,MAAA,CAAAK,QAAA,EAAAX,QAAA,CAA0B;QAAA,UAAAY,KAAA,CACb;MAAA;MAAA,OAEXrB,aAAA,CACLe,MAAA,CAAAO,eAAA,CAAAZ,mBAAA,EAAAa,OAAA;QAAA,IAGQA,OAAA,SAAY;UACdf,WAAA,KAAY;UAAA;QAAA;QAAA,KAGTe,OAAA,CAAAC,MAAA,EAAAC,QAAA;UACHF,OAAA,CAAAC,MAAA,CAAAC,QAAA,GAA0BX,WAAA,CAAAI,eAAA;QAAA;QAAA,KAEvBK,OAAA,CAAAC,MAAA,EAAAE,GAAA;UACHH,OAAA,CAAAC,MAAA,CAAAE,GAAA,GAAqBZ,WAAA,CAAAK,cAAA;QAAA;QAEvBX,WAAA,CAAYe,OAAA;QAAA;MAAA,GAAAnB,oBAGd,GAEFW,MAAA,CAAAO,eAAA,CAAAjB,aAAA,EAAAsB,KAAA;QAGI,MAAAC,SAAA,GAAkB3B,aAAA;QAAA,IAEhB,CAACE,iBAAA,CAAkByB,SAAA,KACnBA,SAAA,CAAAC,WAAA,CAAqB,OACnBF,KAAA,YAAAG,cAA8B,KAChCH,KAAA,CAAAI,aAAA,QAAuB;UAAA;QAAA;QAIzB,MAAAC,aAAA,GAAsBL,KAAA,CAAAI,aAAA,CAAAE,OAAA,CAA4B;QAAA,KAC7C1B,WAAA,CAAYyB,aAAA;UAAA;QAAA;QAAA,KAIZJ,SAAA,CAAAM,QAAA,CAAkB,EAAAC,IAAA,CAAAC,KAAiC;UACtD,MAAAC,UAAA;YAAAC,GAAA;YAAAb,QAAA,EAEY;YAAAc,MAAA;YAAAb,GAAA,EAELM;UAAA;UAEPjB,MAAA,CAAAyB,eAAA,CAAA9B,mBAAA;YAAAc,MAAA,EACUa,UAAA;YAAAI,IAAA;UAAA,CAEV;UACAd,KAAA,CAAAe,cAAA,CAAoB;UAAA;QAAA;QAAA;MAAA,GAAAtC,oBAKxB;IAAA;IAGHa,EAAA,IAACH,WAAA,CAAAI,eAAA,EAA6BJ,WAAA,CAAAK,cAAA,EAA4BJ,MAAA;IAAOF,CAAA,MAAAC,WAAA,CAAAI,eAAA;IAAAL,CAAA,MAAAC,WAAA,CAAAK,cAAA;IAAAN,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EA3DpEP,SAAA,CAAUU,EA2DV,EAAGC,EAAiE;EAAA;AAAA,CAGtE;AAjEwD,SAAAmB,MAAAO,IAAA;EAAA,OA2CLzC,cAAA,CAAeyC,IAAA;AAAA","ignoreList":[]}

package/dist/features/link/markdownTransformer.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Code taken from https://github.com/facebook/lexical/blob/main/packages/lexical-markdown/src/MarkdownTransformers.ts#L357
+ */
+import type { TextMatchTransformer } from '../../packages/@lexical/markdown/MarkdownTransformers.js';
+export declare const LinkMarkdownTransformer: TextMatchTransformer;
+//# sourceMappingURL=markdownTransformer.d.ts.map

package/dist/features/link/markdownTransformer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdownTransformer.d.ts","sourceRoot":"","sources":["../../../src/features/link/markdownTransformer.ts"],"names":[],"mappings":"AAAA;;GAEG;AAQH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0DAA0D,CAAA;AAKpG,eAAO,MAAM,uBAAuB,EAAE,oBAoCrC,CAAA"}

package/dist/features/link/markdownTransformer.js

@@ -0,0 +1,44 @@
+/**
+ * Code taken from https://github.com/facebook/lexical/blob/main/packages/lexical-markdown/src/MarkdownTransformers.ts#L357
+ */ // Order of text transformers matters:
+//
+// - code should go first as it prevents any transformations inside
+import { $createTextNode } from 'lexical';
+import { $createLinkNode, $isLinkNode, LinkNode } from './nodes/LinkNode.js';
+// - then longer tags match (e.g. ** or __ should go before * or _)
+export const LinkMarkdownTransformer = {
+  type: 'text-match',
+  dependencies: [LinkNode],
+  export: (_node, exportChildren) => {
+    if (!$isLinkNode(_node)) {
+      return null;
+    }
+    const node = _node;
+    const {
+      url
+    } = node.getFields();
+    const textContent = exportChildren(node);
+    const linkContent = `[${textContent}](${url})`;
+    return linkContent;
+  },
+  importRegExp: /\[([^[]+)\]\(([^()\s]+)(?:\s"((?:[^"]*\\")*[^"]*)"\s*)?\)/,
+  regExp: /\[([^[]+)\]\(([^()\s]+)(?:\s"((?:[^"]*\\")*[^"]*)"\s*)?\)$/,
+  replace: (textNode, match) => {
+    const [, linkText, linkUrl] = match;
+    const linkNode = $createLinkNode({
+      fields: {
+        doc: null,
+        linkType: 'custom',
+        newTab: false,
+        url: linkUrl
+      }
+    });
+    const linkTextNode = $createTextNode(linkText);
+    linkTextNode.setFormat(textNode.getFormat());
+    linkNode.append(linkTextNode);
+    textNode.replace(linkNode);
+    return linkTextNode;
+  },
+  trigger: ')'
+};
+//# sourceMappingURL=markdownTransformer.js.map

package/dist/features/link/markdownTransformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdownTransformer.js","names":["$createTextNode","$createLinkNode","$isLinkNode","LinkNode","LinkMarkdownTransformer","type","dependencies","export","_node","exportChildren","node","url","getFields","textContent","linkContent","importRegExp","regExp","replace","textNode","match","linkText","linkUrl","linkNode","fields","doc","linkType","newTab","linkTextNode","setFormat","getFormat","append","trigger"],"sources":["../../../src/features/link/markdownTransformer.ts"],"sourcesContent":["/**\n * Code taken from https://github.com/facebook/lexical/blob/main/packages/lexical-markdown/src/MarkdownTransformers.ts#L357\n */\n\n// Order of text transformers matters:\n//\n// - code should go first as it prevents any transformations inside\n\nimport { $createTextNode, $isTextNode } from 'lexical'\n\nimport type { TextMatchTransformer } from '../../packages/@lexical/markdown/MarkdownTransformers.js'\n\nimport { $createLinkNode, $isLinkNode, LinkNode } from './nodes/LinkNode.js'\n\n// - then longer tags match (e.g. ** or __ should go before * or _)\nexport const LinkMarkdownTransformer: TextMatchTransformer = {\n  type: 'text-match',\n  dependencies: [LinkNode],\n  export: (_node, exportChildren) => {\n    if (!$isLinkNode(_node)) {\n      return null\n    }\n    const node: LinkNode = _node\n    const { url } = node.getFields()\n\n    const textContent = exportChildren(node)\n\n    const linkContent = `[${textContent}](${url})`\n\n    return linkContent\n  },\n  importRegExp: /\\[([^[]+)\\]\\(([^()\\s]+)(?:\\s\"((?:[^\"]*\\\\\")*[^\"]*)\"\\s*)?\\)/,\n  regExp: /\\[([^[]+)\\]\\(([^()\\s]+)(?:\\s\"((?:[^\"]*\\\\\")*[^\"]*)\"\\s*)?\\)$/,\n  replace: (textNode, match) => {\n    const [, linkText, linkUrl] = match\n    const linkNode = $createLinkNode({\n      fields: {\n        doc: null,\n        linkType: 'custom',\n        newTab: false,\n        url: linkUrl,\n      },\n    })\n    const linkTextNode = $createTextNode(linkText)\n    linkTextNode.setFormat(textNode.getFormat())\n    linkNode.append(linkTextNode)\n    textNode.replace(linkNode)\n\n    return linkTextNode\n  },\n  trigger: ')',\n}\n"],"mappings":"AAAA;;GAAA,CAIA;AACA;AACA;AAEA,SAASA,eAAe,QAAqB;AAI7C,SAASC,eAAe,EAAEC,WAAW,EAAEC,QAAQ,QAAQ;AAEvD;AACA,OAAO,MAAMC,uBAAA,GAAgD;EAC3DC,IAAA,EAAM;EACNC,YAAA,EAAc,CAACH,QAAA,CAAS;EACxBI,MAAA,EAAQA,CAACC,KAAA,EAAOC,cAAA;IACd,IAAI,CAACP,WAAA,CAAYM,KAAA,GAAQ;MACvB,OAAO;IACT;IACA,MAAME,IAAA,GAAiBF,KAAA;IACvB,MAAM;MAAEG;IAAG,CAAE,GAAGD,IAAA,CAAKE,SAAS;IAE9B,MAAMC,WAAA,GAAcJ,cAAA,CAAeC,IAAA;IAEnC,MAAMI,WAAA,GAAc,IAAID,WAAA,KAAgBF,GAAA,GAAM;IAE9C,OAAOG,WAAA;EACT;EACAC,YAAA,EAAc;EACdC,MAAA,EAAQ;EACRC,OAAA,EAASA,CAACC,QAAA,EAAUC,KAAA;IAClB,MAAM,GAAGC,QAAA,EAAUC,OAAA,CAAQ,GAAGF,KAAA;IAC9B,MAAMG,QAAA,GAAWrB,eAAA,CAAgB;MAC/BsB,MAAA,EAAQ;QACNC,GAAA,EAAK;QACLC,QAAA,EAAU;QACVC,MAAA,EAAQ;QACRf,GAAA,EAAKU;MACP;IACF;IACA,MAAMM,YAAA,GAAe3B,eAAA,CAAgBoB,QAAA;IACrCO,YAAA,CAAaC,SAAS,CAACV,QAAA,CAASW,SAAS;IACzCP,QAAA,CAASQ,MAAM,CAACH,YAAA;IAChBT,QAAA,CAASD,OAAO,CAACK,QAAA;IAEjB,OAAOK,YAAA;EACT;EACAI,OAAA,EAAS;AACX","ignoreList":[]}