@lexical/react 0.35.1-nightly.20250924.0 → 0.36.0

package/LexicalAutoLinkPlugin.dev.mjs

@@ -6,10 +6,9 @@
  *
  */
 
-import { AutoLinkNode, $isAutoLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND, $createAutoLinkNode } from '@lexical/link';
+import { AutoLinkNode, registerAutoLink } from '@lexical/link';
+export { createLinkMatcherWithRegExp } from '@lexical/link';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { mergeRegister } from '@lexical/utils';
-import { TextNode, $getSelection, $isRangeSelection, COMMAND_PRIORITY_LOW, $isTextNode, $isElementNode, $isLineBreakNode, $createTextNode, $isNodeSelection } from 'lexical';
 import { useEffect } from 'react';
 
 /**
@@ -26,279 +25,6 @@ function formatDevErrorMessage(message) {
   throw new Error(message);
 }
 
-function createLinkMatcherWithRegExp(regExp, urlTransformer = text => text) {
-  return text => {
-    const match = regExp.exec(text);
-    if (match === null) {
-      return null;
-    }
-    return {
-      index: match.index,
-      length: match[0].length,
-      text: match[0],
-      url: urlTransformer(match[0])
-    };
-  };
-}
-function findFirstMatch(text, matchers) {
-  for (let i = 0; i < matchers.length; i++) {
-    const match = matchers[i](text);
-    if (match) {
-      return match;
-    }
-  }
-  return null;
-}
-const PUNCTUATION_OR_SPACE = /[.,;\s]/;
-function isSeparator(char) {
-  return PUNCTUATION_OR_SPACE.test(char);
-}
-function endsWithSeparator(textContent) {
-  return isSeparator(textContent[textContent.length - 1]);
-}
-function startsWithSeparator(textContent) {
-  return isSeparator(textContent[0]);
-}
-
-/**
- * Check if the text content starts with a fullstop followed by a top-level domain.
- * Meaning if the text content can be a beginning of a top level domain.
- * @param textContent
- * @param isEmail
- * @returns boolean
- */
-function startsWithTLD(textContent, isEmail) {
-  if (isEmail) {
-    return /^\.[a-zA-Z]{2,}/.test(textContent);
-  } else {
-    return /^\.[a-zA-Z0-9]{1,}/.test(textContent);
-  }
-}
-function isPreviousNodeValid(node) {
-  let previousNode = node.getPreviousSibling();
-  if ($isElementNode(previousNode)) {
-    previousNode = previousNode.getLastDescendant();
-  }
-  return previousNode === null || $isLineBreakNode(previousNode) || $isTextNode(previousNode) && endsWithSeparator(previousNode.getTextContent());
-}
-function isNextNodeValid(node) {
-  let nextNode = node.getNextSibling();
-  if ($isElementNode(nextNode)) {
-    nextNode = nextNode.getFirstDescendant();
-  }
-  return nextNode === null || $isLineBreakNode(nextNode) || $isTextNode(nextNode) && startsWithSeparator(nextNode.getTextContent());
-}
-function isContentAroundIsValid(matchStart, matchEnd, text, nodes) {
-  const contentBeforeIsValid = matchStart > 0 ? isSeparator(text[matchStart - 1]) : isPreviousNodeValid(nodes[0]);
-  if (!contentBeforeIsValid) {
-    return false;
-  }
-  const contentAfterIsValid = matchEnd < text.length ? isSeparator(text[matchEnd]) : isNextNodeValid(nodes[nodes.length - 1]);
-  return contentAfterIsValid;
-}
-function extractMatchingNodes(nodes, startIndex, endIndex) {
-  const unmodifiedBeforeNodes = [];
-  const matchingNodes = [];
-  const unmodifiedAfterNodes = [];
-  let matchingOffset = 0;
-  let currentOffset = 0;
-  const currentNodes = [...nodes];
-  while (currentNodes.length > 0) {
-    const currentNode = currentNodes[0];
-    const currentNodeText = currentNode.getTextContent();
-    const currentNodeLength = currentNodeText.length;
-    const currentNodeStart = currentOffset;
-    const currentNodeEnd = currentOffset + currentNodeLength;
-    if (currentNodeEnd <= startIndex) {
-      unmodifiedBeforeNodes.push(currentNode);
-      matchingOffset += currentNodeLength;
-    } else if (currentNodeStart >= endIndex) {
-      unmodifiedAfterNodes.push(currentNode);
-    } else {
-      matchingNodes.push(currentNode);
-    }
-    currentOffset += currentNodeLength;
-    currentNodes.shift();
-  }
-  return [matchingOffset, unmodifiedBeforeNodes, matchingNodes, unmodifiedAfterNodes];
-}
-function $createAutoLinkNode_(nodes, startIndex, endIndex, match) {
-  const linkNode = $createAutoLinkNode(match.url, match.attributes);
-  if (nodes.length === 1) {
-    let remainingTextNode = nodes[0];
-    let linkTextNode;
-    if (startIndex === 0) {
-      [linkTextNode, remainingTextNode] = remainingTextNode.splitText(endIndex);
-    } else {
-      [, linkTextNode, remainingTextNode] = remainingTextNode.splitText(startIndex, endIndex);
-    }
-    const textNode = $createTextNode(match.text);
-    textNode.setFormat(linkTextNode.getFormat());
-    textNode.setDetail(linkTextNode.getDetail());
-    textNode.setStyle(linkTextNode.getStyle());
-    linkNode.append(textNode);
-    linkTextNode.replace(linkNode);
-    return remainingTextNode;
-  } else if (nodes.length > 1) {
-    const firstTextNode = nodes[0];
-    let offset = firstTextNode.getTextContent().length;
-    let firstLinkTextNode;
-    if (startIndex === 0) {
-      firstLinkTextNode = firstTextNode;
-    } else {
-      [, firstLinkTextNode] = firstTextNode.splitText(startIndex);
-    }
-    const linkNodes = [];
-    let remainingTextNode;
-    for (let i = 1; i < nodes.length; i++) {
-      const currentNode = nodes[i];
-      const currentNodeText = currentNode.getTextContent();
-      const currentNodeLength = currentNodeText.length;
-      const currentNodeStart = offset;
-      const currentNodeEnd = offset + currentNodeLength;
-      if (currentNodeStart < endIndex) {
-        if (currentNodeEnd <= endIndex) {
-          linkNodes.push(currentNode);
-        } else {
-          const [linkTextNode, endNode] = currentNode.splitText(endIndex - currentNodeStart);
-          linkNodes.push(linkTextNode);
-          remainingTextNode = endNode;
-        }
-      }
-      offset += currentNodeLength;
-    }
-    const selection = $getSelection();
-    const selectedTextNode = selection ? selection.getNodes().find($isTextNode) : undefined;
-    const textNode = $createTextNode(firstLinkTextNode.getTextContent());
-    textNode.setFormat(firstLinkTextNode.getFormat());
-    textNode.setDetail(firstLinkTextNode.getDetail());
-    textNode.setStyle(firstLinkTextNode.getStyle());
-    linkNode.append(textNode, ...linkNodes);
-    // it does not preserve caret position if caret was at the first text node
-    // so we need to restore caret position
-    if (selectedTextNode && selectedTextNode === firstLinkTextNode) {
-      if ($isRangeSelection(selection)) {
-        textNode.select(selection.anchor.offset, selection.focus.offset);
-      } else if ($isNodeSelection(selection)) {
-        textNode.select(0, textNode.getTextContent().length);
-      }
-    }
-    firstLinkTextNode.replace(linkNode);
-    return remainingTextNode;
-  }
-  return undefined;
-}
-function $handleLinkCreation(nodes, matchers, onChange) {
-  let currentNodes = [...nodes];
-  const initialText = currentNodes.map(node => node.getTextContent()).join('');
-  let text = initialText;
-  let match;
-  let invalidMatchEnd = 0;
-  while ((match = findFirstMatch(text, matchers)) && match !== null) {
-    const matchStart = match.index;
-    const matchLength = match.length;
-    const matchEnd = matchStart + matchLength;
-    const isValid = isContentAroundIsValid(invalidMatchEnd + matchStart, invalidMatchEnd + matchEnd, initialText, currentNodes);
-    if (isValid) {
-      const [matchingOffset,, matchingNodes, unmodifiedAfterNodes] = extractMatchingNodes(currentNodes, invalidMatchEnd + matchStart, invalidMatchEnd + matchEnd);
-      const actualMatchStart = invalidMatchEnd + matchStart - matchingOffset;
-      const actualMatchEnd = invalidMatchEnd + matchEnd - matchingOffset;
-      const remainingTextNode = $createAutoLinkNode_(matchingNodes, actualMatchStart, actualMatchEnd, match);
-      currentNodes = remainingTextNode ? [remainingTextNode, ...unmodifiedAfterNodes] : unmodifiedAfterNodes;
-      onChange(match.url, null);
-      invalidMatchEnd = 0;
-    } else {
-      invalidMatchEnd += matchEnd;
-    }
-    text = text.substring(matchEnd);
-  }
-}
-function handleLinkEdit(linkNode, matchers, onChange) {
-  // Check children are simple text
-  const children = linkNode.getChildren();
-  const childrenLength = children.length;
-  for (let i = 0; i < childrenLength; i++) {
-    const child = children[i];
-    if (!$isTextNode(child) || !child.isSimpleText()) {
-      replaceWithChildren(linkNode);
-      onChange(null, linkNode.getURL());
-      return;
-    }
-  }
-
-  // Check text content fully matches
-  const text = linkNode.getTextContent();
-  const match = findFirstMatch(text, matchers);
-  if (match === null || match.text !== text) {
-    replaceWithChildren(linkNode);
-    onChange(null, linkNode.getURL());
-    return;
-  }
-
-  // Check neighbors
-  if (!isPreviousNodeValid(linkNode) || !isNextNodeValid(linkNode)) {
-    replaceWithChildren(linkNode);
-    onChange(null, linkNode.getURL());
-    return;
-  }
-  const url = linkNode.getURL();
-  if (url !== match.url) {
-    linkNode.setURL(match.url);
-    onChange(match.url, url);
-  }
-  if (match.attributes) {
-    const rel = linkNode.getRel();
-    if (rel !== match.attributes.rel) {
-      linkNode.setRel(match.attributes.rel || null);
-      onChange(match.attributes.rel || null, rel);
-    }
-    const target = linkNode.getTarget();
-    if (target !== match.attributes.target) {
-      linkNode.setTarget(match.attributes.target || null);
-      onChange(match.attributes.target || null, target);
-    }
-  }
-}
-
-// Bad neighbors are edits in neighbor nodes that make AutoLinks incompatible.
-// Given the creation preconditions, these can only be simple text nodes.
-function handleBadNeighbors(textNode, matchers, onChange) {
-  const previousSibling = textNode.getPreviousSibling();
-  const nextSibling = textNode.getNextSibling();
-  const text = textNode.getTextContent();
-  if ($isAutoLinkNode(previousSibling) && !previousSibling.getIsUnlinked() && (!startsWithSeparator(text) || startsWithTLD(text, previousSibling.isEmailURI()))) {
-    previousSibling.append(textNode);
-    handleLinkEdit(previousSibling, matchers, onChange);
-    onChange(null, previousSibling.getURL());
-  }
-  if ($isAutoLinkNode(nextSibling) && !nextSibling.getIsUnlinked() && !endsWithSeparator(text)) {
-    replaceWithChildren(nextSibling);
-    handleLinkEdit(nextSibling, matchers, onChange);
-    onChange(null, nextSibling.getURL());
-  }
-}
-function replaceWithChildren(node) {
-  const children = node.getChildren();
-  const childrenLength = children.length;
-  for (let j = childrenLength - 1; j >= 0; j--) {
-    node.insertAfter(children[j]);
-  }
-  node.remove();
-  return children.map(child => child.getLatest());
-}
-function getTextNodesToMatch(textNode) {
-  // check if next siblings are simple text nodes till a node contains a space separator
-  const textNodesToMatch = [textNode];
-  let nextSibling = textNode.getNextSibling();
-  while (nextSibling !== null && $isTextNode(nextSibling) && nextSibling.isSimpleText()) {
-    textNodesToMatch.push(nextSibling);
-    if (/[\s]/.test(nextSibling.getTextContent())) {
-      break;
-    }
-    nextSibling = nextSibling.getNextSibling();
-  }
-  return textNodesToMatch;
-}
 function useAutoLink(editor, matchers, onChange) {
   useEffect(() => {
     if (!editor.hasNodes([AutoLinkNode])) {
@@ -306,39 +32,12 @@ function useAutoLink(editor, matchers, onChange) {
         formatDevErrorMessage(`LexicalAutoLinkPlugin: AutoLinkNode not registered on editor`);
       }
     }
-    const onChangeWrapped = (url, prevUrl) => {
-      if (onChange) {
-        onChange(url, prevUrl);
-      }
-    };
-    return mergeRegister(editor.registerNodeTransform(TextNode, textNode => {
-      const parent = textNode.getParentOrThrow();
-      const previous = textNode.getPreviousSibling();
-      if ($isAutoLinkNode(parent) && !parent.getIsUnlinked()) {
-        handleLinkEdit(parent, matchers, onChangeWrapped);
-      } else if (!$isLinkNode(parent)) {
-        if (textNode.isSimpleText() && (startsWithSeparator(textNode.getTextContent()) || !$isAutoLinkNode(previous))) {
-          const textNodesToMatch = getTextNodesToMatch(textNode);
-          $handleLinkCreation(textNodesToMatch, matchers, onChangeWrapped);
-        }
-        handleBadNeighbors(textNode, matchers, onChangeWrapped);
-      }
-    }), editor.registerCommand(TOGGLE_LINK_COMMAND, payload => {
-      const selection = $getSelection();
-      if (payload !== null || !$isRangeSelection(selection)) {
-        return false;
-      }
-      const nodes = selection.extract();
-      nodes.forEach(node => {
-        const parent = node.getParent();
-        if ($isAutoLinkNode(parent)) {
-          // invert the value
-          parent.setIsUnlinked(!parent.getIsUnlinked());
-          parent.markDirty();
-        }
-      });
-      return false;
-    }, COMMAND_PRIORITY_LOW));
+  });
+  useEffect(() => {
+    return registerAutoLink(editor, {
+      changeHandlers: onChange ? [onChange] : [],
+      matchers
+    });
   }, [editor, matchers, onChange]);
 }
 function AutoLinkPlugin({
@@ -350,4 +49,4 @@ function AutoLinkPlugin({
   return null;
 }
 
-export { AutoLinkPlugin, createLinkMatcherWithRegExp };
+export { AutoLinkPlugin };

package/LexicalAutoLinkPlugin.js.flow

@@ -7,24 +7,10 @@
  * @flow strict
  */
 
-import type {LinkAttributes} from '@lexical/link';
-
-type ChangeHandler = (url: string | null, prevUrl: string | null) => void;
-
-type LinkMatcherResult = {
-  attributes?: LinkAttributes,
-  index: number,
-  length: number,
-  text: string,
-  url: string,
-};
-
-export type LinkMatcher = (text: string) => LinkMatcherResult | null;
-
-declare export function createLinkMatcherWithRegExp(
-  regExp: RegExp,
-  urlTransformer?: (text: string) => string,
-): LinkMatcher;
+import type {LinkAttributes, ChangeHandler, LinkMatcher} from '@lexical/link';
+import {createLinkMatcherWithRegExp} from '@lexical/link';
+export {createLinkMatcherWithRegExp};
+export type {ChangeHandler, LinkMatcher};
 
 declare export function AutoLinkPlugin(props: {
   matchers: Array<LinkMatcher>,

package/LexicalAutoLinkPlugin.prod.js

@@ -6,4 +6,4 @@
  *
  */
 
-"use strict";var e=require("@lexical/link"),t=require("@lexical/react/LexicalComposerContext"),n=require("@lexical/utils"),i=require("lexical"),r=require("react");function o(e,t){for(let n=0;n<t.length;n++){const i=t[n](e);if(i)return i}return null}const l=/[.,;\s]/;function s(e){return l.test(e)}function u(e){return s(e[e.length-1])}function g(e){return s(e[0])}function c(e){let t=e.getPreviousSibling();return i.$isElementNode(t)&&(t=t.getLastDescendant()),null===t||i.$isLineBreakNode(t)||i.$isTextNode(t)&&u(t.getTextContent())}function a(e){let t=e.getNextSibling();return i.$isElementNode(t)&&(t=t.getFirstDescendant()),null===t||i.$isLineBreakNode(t)||i.$isTextNode(t)&&g(t.getTextContent())}function f(e,t,n,i){if(!(e>0?s(n[e-1]):c(i[0])))return!1;return t<n.length?s(n[t]):a(i[i.length-1])}function d(e,t,n){const i=[],r=[],o=[];let l=0,s=0;const u=[...e];for(;u.length>0;){const e=u[0],g=e.getTextContent().length,c=s;s+g<=t?(i.push(e),l+=g):c>=n?o.push(e):r.push(e),s+=g,u.shift()}return[l,i,r,o]}function x(t,n,r,o){const l=e.$createAutoLinkNode(o.url,o.attributes);if(1===t.length){let e,s=t[0];0===n?[e,s]=s.splitText(r):[,e,s]=s.splitText(n,r);const u=i.$createTextNode(o.text);return u.setFormat(e.getFormat()),u.setDetail(e.getDetail()),u.setStyle(e.getStyle()),l.append(u),e.replace(l),s}if(t.length>1){const e=t[0];let o,s=e.getTextContent().length;0===n?o=e:[,o]=e.splitText(n);const u=[];let g;for(let e=1;e<t.length;e++){const n=t[e],i=n.getTextContent().length,o=s;if(o<r)if(s+i<=r)u.push(n);else{const[e,t]=n.splitText(r-o);u.push(e),g=t}s+=i}const c=i.$getSelection(),a=c?c.getNodes().find(i.$isTextNode):void 0,f=i.$createTextNode(o.getTextContent());return f.setFormat(o.getFormat()),f.setDetail(o.getDetail()),f.setStyle(o.getStyle()),l.append(f,...u),a&&a===o&&(i.$isRangeSelection(c)?f.select(c.anchor.offset,c.focus.offset):i.$isNodeSelection(c)&&f.select(0,f.getTextContent().length)),o.replace(l),g}}function h(e,t,n){const r=e.getChildren(),l=r.length;for(let t=0;t<l;t++){const o=r[t];if(!i.$isTextNode(o)||!o.isSimpleText())return p(e),void n(null,e.getURL())}const s=e.getTextContent(),u=o(s,t);if(null===u||u.text!==s)return p(e),void n(null,e.getURL());if(!c(e)||!a(e))return p(e),void n(null,e.getURL());const g=e.getURL();if(g!==u.url&&(e.setURL(u.url),n(u.url,g)),u.attributes){const t=e.getRel();t!==u.attributes.rel&&(e.setRel(u.attributes.rel||null),n(u.attributes.rel||null,t));const i=e.getTarget();i!==u.attributes.target&&(e.setTarget(u.attributes.target||null),n(u.attributes.target||null,i))}}function p(e){const t=e.getChildren();for(let n=t.length-1;n>=0;n--)e.insertAfter(t[n]);return e.remove(),t.map((e=>e.getLatest()))}function T(t,l,s){r.useEffect((()=>{t.hasNodes([e.AutoLinkNode])||function(e,...t){const n=new URL("https://lexical.dev/docs/error"),i=new URLSearchParams;i.append("code",e);for(const e of t)i.append("v",e);throw n.search=i.toString(),Error(`Minified Lexical error #${e}; visit ${n.toString()} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`)}(77);const r=(e,t)=>{s&&s(e,t)};return n.mergeRegister(t.registerNodeTransform(i.TextNode,(t=>{const n=t.getParentOrThrow(),s=t.getPreviousSibling();if(e.$isAutoLinkNode(n)&&!n.getIsUnlinked())h(n,l,r);else if(!e.$isLinkNode(n)){if(t.isSimpleText()&&(g(t.getTextContent())||!e.$isAutoLinkNode(s))){const e=function(e){const t=[e];let n=e.getNextSibling();for(;null!==n&&i.$isTextNode(n)&&n.isSimpleText()&&(t.push(n),!/[\s]/.test(n.getTextContent()));)n=n.getNextSibling();return t}(t);!function(e,t,n){let i=[...e];const r=i.map((e=>e.getTextContent())).join("");let l,s=r,u=0;for(;(l=o(s,t))&&null!==l;){const e=l.index,t=e+l.length;if(f(u+e,u+t,r,i)){const[r,,o,s]=d(i,u+e,u+t),g=x(o,u+e-r,u+t-r,l);i=g?[g,...s]:s,n(l.url,null),u=0}else u+=t;s=s.substring(t)}}(e,l,r)}!function(t,n,i){const r=t.getPreviousSibling(),o=t.getNextSibling(),l=t.getTextContent();var s;!e.$isAutoLinkNode(r)||r.getIsUnlinked()||g(l)&&(s=l,!(r.isEmailURI()?/^\.[a-zA-Z]{2,}/.test(s):/^\.[a-zA-Z0-9]{1,}/.test(s)))||(r.append(t),h(r,n,i),i(null,r.getURL())),!e.$isAutoLinkNode(o)||o.getIsUnlinked()||u(l)||(p(o),h(o,n,i),i(null,o.getURL()))}(t,l,r)}})),t.registerCommand(e.TOGGLE_LINK_COMMAND,(t=>{const n=i.$getSelection();if(null!==t||!i.$isRangeSelection(n))return!1;return n.extract().forEach((t=>{const n=t.getParent();e.$isAutoLinkNode(n)&&(n.setIsUnlinked(!n.getIsUnlinked()),n.markDirty())})),!1}),i.COMMAND_PRIORITY_LOW))}),[t,l,s])}exports.AutoLinkPlugin=function({matchers:e,onChange:n}){const[i]=t.useLexicalComposerContext();return T(i,e,n),null},exports.createLinkMatcherWithRegExp=function(e,t=(e=>e)){return n=>{const i=e.exec(n);return null===i?null:{index:i.index,length:i[0].length,text:i[0],url:t(i[0])}}};
+"use strict";var e=require("@lexical/link"),r=require("@lexical/react/LexicalComposerContext"),t=require("react");function n(r,n,i){t.useEffect((()=>{r.hasNodes([e.AutoLinkNode])||function(e,...r){const t=new URL("https://lexical.dev/docs/error"),n=new URLSearchParams;n.append("code",e);for(const e of r)n.append("v",e);throw t.search=n.toString(),Error(`Minified Lexical error #${e}; visit ${t.toString()} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`)}(77)})),t.useEffect((()=>e.registerAutoLink(r,{changeHandlers:i?[i]:[],matchers:n})),[r,n,i])}exports.createLinkMatcherWithRegExp=e.createLinkMatcherWithRegExp,exports.AutoLinkPlugin=function({matchers:e,onChange:t}){const[i]=r.useLexicalComposerContext();return n(i,e,t),null};

package/LexicalAutoLinkPlugin.prod.mjs

@@ -6,4 +6,4 @@
  *
  */
 
-import{AutoLinkNode as t,$isAutoLinkNode as e,$isLinkNode as n,TOGGLE_LINK_COMMAND as r,$createAutoLinkNode as l}from"@lexical/link";import{useLexicalComposerContext as o}from"@lexical/react/LexicalComposerContext";import{mergeRegister as i}from"@lexical/utils";import{TextNode as s,$getSelection as u,$isRangeSelection as g,COMMAND_PRIORITY_LOW as c,$isTextNode as a,$isElementNode as f,$isLineBreakNode as x,$createTextNode as h,$isNodeSelection as p}from"lexical";import{useEffect as d}from"react";function m(t,e=(t=>t)){return n=>{const r=t.exec(n);return null===r?null:{index:r.index,length:r[0].length,text:r[0],url:e(r[0])}}}function T(t,e){for(let n=0;n<e.length;n++){const r=e[n](t);if(r)return r}return null}const C=/[.,;\s]/;function S(t){return C.test(t)}function b(t){return S(t[t.length-1])}function U(t){return S(t[0])}function v(t){let e=t.getPreviousSibling();return f(e)&&(e=e.getLastDescendant()),null===e||x(e)||a(e)&&b(e.getTextContent())}function L(t){let e=t.getNextSibling();return f(e)&&(e=e.getFirstDescendant()),null===e||x(e)||a(e)&&U(e.getTextContent())}function R(t,e,n,r){if(!(t>0?S(n[t-1]):v(r[0])))return!1;return e<n.length?S(n[e]):L(r[r.length-1])}function k(t,e,n){const r=[],l=[],o=[];let i=0,s=0;const u=[...t];for(;u.length>0;){const t=u[0],g=t.getTextContent().length,c=s;s+g<=e?(r.push(t),i+=g):c>=n?o.push(t):l.push(t),s+=g,u.shift()}return[i,r,l,o]}function D(t,e,n,r){const o=l(r.url,r.attributes);if(1===t.length){let l,i=t[0];0===e?[l,i]=i.splitText(n):[,l,i]=i.splitText(e,n);const s=h(r.text);return s.setFormat(l.getFormat()),s.setDetail(l.getDetail()),s.setStyle(l.getStyle()),o.append(s),l.replace(o),i}if(t.length>1){const r=t[0];let l,i=r.getTextContent().length;0===e?l=r:[,l]=r.splitText(e);const s=[];let c;for(let e=1;e<t.length;e++){const r=t[e],l=r.getTextContent().length,o=i;if(o<n)if(i+l<=n)s.push(r);else{const[t,e]=r.splitText(n-o);s.push(t),c=e}i+=l}const f=u(),x=f?f.getNodes().find(a):void 0,d=h(l.getTextContent());return d.setFormat(l.getFormat()),d.setDetail(l.getDetail()),d.setStyle(l.getStyle()),o.append(d,...s),x&&x===l&&(g(f)?d.select(f.anchor.offset,f.focus.offset):p(f)&&d.select(0,d.getTextContent().length)),l.replace(o),c}}function N(t,e,n){const r=t.getChildren(),l=r.length;for(let e=0;e<l;e++){const l=r[e];if(!a(l)||!l.isSimpleText())return I(t),void n(null,t.getURL())}const o=t.getTextContent(),i=T(o,e);if(null===i||i.text!==o)return I(t),void n(null,t.getURL());if(!v(t)||!L(t))return I(t),void n(null,t.getURL());const s=t.getURL();if(s!==i.url&&(t.setURL(i.url),n(i.url,s)),i.attributes){const e=t.getRel();e!==i.attributes.rel&&(t.setRel(i.attributes.rel||null),n(i.attributes.rel||null,e));const r=t.getTarget();r!==i.attributes.target&&(t.setTarget(i.attributes.target||null),n(i.attributes.target||null,r))}}function I(t){const e=t.getChildren();for(let n=e.length-1;n>=0;n--)t.insertAfter(e[n]);return t.remove(),e.map((t=>t.getLatest()))}function P(l,o,f){d((()=>{l.hasNodes([t])||function(t,...e){const n=new URL("https://lexical.dev/docs/error"),r=new URLSearchParams;r.append("code",t);for(const t of e)r.append("v",t);throw n.search=r.toString(),Error(`Minified Lexical error #${t}; visit ${n.toString()} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`)}(77);const x=(t,e)=>{f&&f(t,e)};return i(l.registerNodeTransform(s,(t=>{const r=t.getParentOrThrow(),l=t.getPreviousSibling();if(e(r)&&!r.getIsUnlinked())N(r,o,x);else if(!n(r)){if(t.isSimpleText()&&(U(t.getTextContent())||!e(l))){const e=function(t){const e=[t];let n=t.getNextSibling();for(;null!==n&&a(n)&&n.isSimpleText()&&(e.push(n),!/[\s]/.test(n.getTextContent()));)n=n.getNextSibling();return e}(t);!function(t,e,n){let r=[...t];const l=r.map((t=>t.getTextContent())).join("");let o,i=l,s=0;for(;(o=T(i,e))&&null!==o;){const t=o.index,e=t+o.length;if(R(s+t,s+e,l,r)){const[l,,i,u]=k(r,s+t,s+e),g=D(i,s+t-l,s+e-l,o);r=g?[g,...u]:u,n(o.url,null),s=0}else s+=e;i=i.substring(e)}}(e,o,x)}!function(t,n,r){const l=t.getPreviousSibling(),o=t.getNextSibling(),i=t.getTextContent();var s;!e(l)||l.getIsUnlinked()||U(i)&&(s=i,!(l.isEmailURI()?/^\.[a-zA-Z]{2,}/.test(s):/^\.[a-zA-Z0-9]{1,}/.test(s)))||(l.append(t),N(l,n,r),r(null,l.getURL())),!e(o)||o.getIsUnlinked()||b(i)||(I(o),N(o,n,r),r(null,o.getURL()))}(t,o,x)}})),l.registerCommand(r,(t=>{const n=u();if(null!==t||!g(n))return!1;return n.extract().forEach((t=>{const n=t.getParent();e(n)&&(n.setIsUnlinked(!n.getIsUnlinked()),n.markDirty())})),!1}),c))}),[l,o,f])}function w({matchers:t,onChange:e}){const[n]=o();return P(n,t,e),null}export{w as AutoLinkPlugin,m as createLinkMatcherWithRegExp};
+import{AutoLinkNode as e,registerAutoLink as r}from"@lexical/link";export{createLinkMatcherWithRegExp}from"@lexical/link";import{useLexicalComposerContext as o}from"@lexical/react/LexicalComposerContext";import{useEffect as n}from"react";function t(o,t,i){n((()=>{o.hasNodes([e])||function(e,...r){const o=new URL("https://lexical.dev/docs/error"),n=new URLSearchParams;n.append("code",e);for(const e of r)n.append("v",e);throw o.search=n.toString(),Error(`Minified Lexical error #${e}; visit ${o.toString()} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`)}(77)})),n((()=>r(o,{changeHandlers:i?[i]:[],matchers:t})),[o,t,i])}function i({matchers:e,onChange:r}){const[n]=o();return t(n,e,r),null}export{i as AutoLinkPlugin};

package/LexicalClearEditorPlugin.dev.js

@@ -8,8 +8,8 @@
 
 'use strict';
 
+var extension = require('@lexical/extension');
 var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
-var lexical = require('lexical');
 var react = require('react');
 
 /**
@@ -48,28 +48,7 @@ function ClearEditorPlugin({
   onClear
 }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
-  useLayoutEffectImpl(() => {
-    return editor.registerCommand(lexical.CLEAR_EDITOR_COMMAND, payload => {
-      editor.update(() => {
-        if (onClear == null) {
-          const root = lexical.$getRoot();
-          const selection = lexical.$getSelection();
-          const paragraph = lexical.$createParagraphNode();
-          root.clear();
-          root.append(paragraph);
-          if (selection !== null) {
-            paragraph.select();
-          }
-          if (lexical.$isRangeSelection(selection)) {
-            selection.format = 0;
-          }
-        } else {
-          onClear();
-        }
-      });
-      return true;
-    }, lexical.COMMAND_PRIORITY_EDITOR);
-  }, [editor, onClear]);
+  useLayoutEffectImpl(() => extension.registerClearEditor(editor, onClear), [editor, onClear]);
   return null;
 }
 

package/LexicalClearEditorPlugin.dev.mjs

@@ -6,8 +6,8 @@
  *
  */
 
+import { registerClearEditor } from '@lexical/extension';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { CLEAR_EDITOR_COMMAND, $getRoot, $getSelection, $createParagraphNode, $isRangeSelection, COMMAND_PRIORITY_EDITOR } from 'lexical';
 import { useLayoutEffect, useEffect } from 'react';
 
 /**
@@ -46,28 +46,7 @@ function ClearEditorPlugin({
   onClear
 }) {
   const [editor] = useLexicalComposerContext();
-  useLayoutEffectImpl(() => {
-    return editor.registerCommand(CLEAR_EDITOR_COMMAND, payload => {
-      editor.update(() => {
-        if (onClear == null) {
-          const root = $getRoot();
-          const selection = $getSelection();
-          const paragraph = $createParagraphNode();
-          root.clear();
-          root.append(paragraph);
-          if (selection !== null) {
-            paragraph.select();
-          }
-          if ($isRangeSelection(selection)) {
-            selection.format = 0;
-          }
-        } else {
-          onClear();
-        }
-      });
-      return true;
-    }, COMMAND_PRIORITY_EDITOR);
-  }, [editor, onClear]);
+  useLayoutEffectImpl(() => registerClearEditor(editor, onClear), [editor, onClear]);
   return null;
 }
 

package/LexicalClearEditorPlugin.prod.js

@@ -6,4 +6,4 @@
  *
  */
 
-"use strict";var e=require("@lexical/react/LexicalComposerContext"),t=require("lexical"),o=require("react");const n="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?o.useLayoutEffect:o.useEffect;exports.ClearEditorPlugin=function({onClear:o}){const[r]=e.useLexicalComposerContext();return n((()=>r.registerCommand(t.CLEAR_EDITOR_COMMAND,(e=>(r.update((()=>{if(null==o){const e=t.$getRoot(),o=t.$getSelection(),n=t.$createParagraphNode();e.clear(),e.append(n),null!==o&&n.select(),t.$isRangeSelection(o)&&(o.format=0)}else o()})),!0)),t.COMMAND_PRIORITY_EDITOR)),[r,o]),null};
+"use strict";var e=require("@lexical/extension"),t=require("@lexical/react/LexicalComposerContext"),o=require("react");const r="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?o.useLayoutEffect:o.useEffect;exports.ClearEditorPlugin=function({onClear:o}){const[i]=t.useLexicalComposerContext();return r((()=>e.registerClearEditor(i,o)),[i,o]),null};

package/LexicalClearEditorPlugin.prod.mjs

@@ -6,4 +6,4 @@
  *
  */
 
-import{useLexicalComposerContext as e}from"@lexical/react/LexicalComposerContext";import{CLEAR_EDITOR_COMMAND as o,$getRoot as t,$getSelection as n,$createParagraphNode as r,$isRangeSelection as l,COMMAND_PRIORITY_EDITOR as i}from"lexical";import{useLayoutEffect as c,useEffect as m}from"react";const a="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?c:m;function d({onClear:c}){const[m]=e();return a((()=>m.registerCommand(o,(e=>(m.update((()=>{if(null==c){const e=t(),o=n(),i=r();e.clear(),e.append(i),null!==o&&i.select(),l(o)&&(o.format=0)}else c()})),!0)),i)),[m,c]),null}export{d as ClearEditorPlugin};
+import{registerClearEditor as o}from"@lexical/extension";import{useLexicalComposerContext as e}from"@lexical/react/LexicalComposerContext";import{useLayoutEffect as n,useEffect as t}from"react";const i="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?n:t;function r({onClear:n}){const[t]=e();return i((()=>o(t,n)),[t,n]),null}export{r as ClearEditorPlugin};

package/LexicalClickableLinkPlugin.dev.js

@@ -8,10 +8,9 @@
 
 'use strict';
 
+var extension = require('@lexical/extension');
 var link = require('@lexical/link');
 var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
-var utils = require('@lexical/utils');
-var lexical = require('lexical');
 var react = require('react');
 
 /**
@@ -22,80 +21,16 @@ var react = require('react');
  *
  */
 
-function findMatchingDOM(startNode, predicate) {
-  let node = startNode;
-  while (node != null) {
-    if (predicate(node)) {
-      return node;
-    }
-    node = node.parentNode;
-  }
-  return null;
-}
 function ClickableLinkPlugin({
   newTab = true,
   disabled = false
 }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
   react.useEffect(() => {
-    const onClick = event => {
-      const target = event.target;
-      if (!lexical.isDOMNode(target)) {
-        return;
-      }
-      const nearestEditor = lexical.getNearestEditorFromDOMNode(target);
-      if (nearestEditor === null) {
-        return;
-      }
-      let url = null;
-      let urlTarget = null;
-      nearestEditor.update(() => {
-        const clickedNode = lexical.$getNearestNodeFromDOMNode(target);
-        if (clickedNode !== null) {
-          const maybeLinkNode = utils.$findMatchingParent(clickedNode, lexical.$isElementNode);
-          if (!disabled) {
-            if (link.$isLinkNode(maybeLinkNode)) {
-              url = maybeLinkNode.sanitizeUrl(maybeLinkNode.getURL());
-              urlTarget = maybeLinkNode.getTarget();
-            } else {
-              const a = findMatchingDOM(target, utils.isHTMLAnchorElement);
-              if (a !== null) {
-                url = a.href;
-                urlTarget = a.target;
-              }
-            }
-          }
-        }
-      });
-      if (url === null || url === '') {
-        return;
-      }
-
-      // Allow user to select link text without following url
-      const selection = editor.getEditorState().read(lexical.$getSelection);
-      if (lexical.$isRangeSelection(selection) && !selection.isCollapsed()) {
-        event.preventDefault();
-        return;
-      }
-      const isMiddle = event.type === 'auxclick' && event.button === 1;
-      window.open(url, newTab || isMiddle || event.metaKey || event.ctrlKey || urlTarget === '_blank' ? '_blank' : '_self');
-      event.preventDefault();
-    };
-    const onMouseUp = event => {
-      if (event.button === 1) {
-        onClick(event);
-      }
-    };
-    return editor.registerRootListener((rootElement, prevRootElement) => {
-      if (prevRootElement !== null) {
-        prevRootElement.removeEventListener('click', onClick);
-        prevRootElement.removeEventListener('mouseup', onMouseUp);
-      }
-      if (rootElement !== null) {
-        rootElement.addEventListener('click', onClick);
-        rootElement.addEventListener('mouseup', onMouseUp);
-      }
-    });
+    return link.registerClickableLink(editor, extension.namedSignals({
+      disabled,
+      newTab
+    }));
   }, [editor, newTab, disabled]);
   return null;
 }