@lexical/link 0.12.2 → 0.12.3

package/LexicalLink.dev.js

@@ -11,8 +11,8 @@ var lexical = require('lexical');
 
 /** @module @lexical/link */
 const SUPPORTED_URL_PROTOCOLS = new Set(['http:', 'https:', 'mailto:', 'sms:', 'tel:']);
-/** @noInheritDoc */
 
+/** @noInheritDoc */
 class LinkNode extends lexical.ElementNode {
   /** @internal */
 
@@ -21,10 +21,10 @@ class LinkNode extends lexical.ElementNode {
   /** @internal */
 
   /** @internal */
+
   static getType() {
     return 'link';
   }
-
   static clone(node) {
     return new LinkNode(node.__url, {
       rel: node.__rel,
@@ -32,7 +32,6 @@ class LinkNode extends lexical.ElementNode {
       title: node.__title
     }, node.__key);
   }
-
   constructor(url, attributes = {}, key) {
     super(key);
     const {
@@ -45,37 +44,29 @@ class LinkNode extends lexical.ElementNode {
     this.__rel = rel;
     this.__title = title;
   }
-
   createDOM(config) {
     const element = document.createElement('a');
     element.href = this.sanitizeUrl(this.__url);
-
     if (this.__target !== null) {
       element.target = this.__target;
     }
-
     if (this.__rel !== null) {
       element.rel = this.__rel;
     }
-
     if (this.__title !== null) {
       element.title = this.__title;
     }
-
     utils.addClassNamesToElement(element, config.theme.link);
     return element;
   }
-
   updateDOM(prevNode, anchor, config) {
     const url = this.__url;
     const target = this.__target;
     const rel = this.__rel;
     const title = this.__title;
-
     if (url !== prevNode.__url) {
       anchor.href = url;
     }
-
     if (target !== prevNode.__target) {
       if (target) {
         anchor.target = target;
@@ -83,7 +74,6 @@ class LinkNode extends lexical.ElementNode {
         anchor.removeAttribute('target');
       }
     }
-
     if (rel !== prevNode.__rel) {
       if (rel) {
         anchor.rel = rel;
@@ -91,7 +81,6 @@ class LinkNode extends lexical.ElementNode {
         anchor.removeAttribute('rel');
       }
     }
-
     if (title !== prevNode.__title) {
       if (title) {
         anchor.title = title;
@@ -99,10 +88,8 @@ class LinkNode extends lexical.ElementNode {
         anchor.removeAttribute('title');
       }
     }
-
     return false;
   }
-
   static importDOM() {
     return {
       a: node => ({
@@ -111,7 +98,6 @@ class LinkNode extends lexical.ElementNode {
       })
     };
   }
-
   static importJSON(serializedNode) {
     const node = $createLinkNode(serializedNode.url, {
       rel: serializedNode.rel,
@@ -123,23 +109,21 @@ class LinkNode extends lexical.ElementNode {
     node.setDirection(serializedNode.direction);
     return node;
   }
-
   sanitizeUrl(url) {
     try {
-      const parsedUrl = new URL(url); // eslint-disable-next-line no-script-url
-
+      const parsedUrl = new URL(url);
+      // eslint-disable-next-line no-script-url
       if (!SUPPORTED_URL_PROTOCOLS.has(parsedUrl.protocol)) {
         return 'about:blank';
       }
-    } catch {
+    } catch (_unused) {
       return url;
     }
-
     return url;
   }
-
   exportJSON() {
-    return { ...super.exportJSON(),
+    return {
+      ...super.exportJSON(),
       rel: this.getRel(),
       target: this.getTarget(),
       title: this.getTitle(),
@@ -148,94 +132,69 @@ class LinkNode extends lexical.ElementNode {
       version: 1
     };
   }
-
   getURL() {
     return this.getLatest().__url;
   }
-
   setURL(url) {
     const writable = this.getWritable();
     writable.__url = url;
   }
-
   getTarget() {
     return this.getLatest().__target;
   }
-
   setTarget(target) {
     const writable = this.getWritable();
     writable.__target = target;
   }
-
   getRel() {
     return this.getLatest().__rel;
   }
-
   setRel(rel) {
     const writable = this.getWritable();
     writable.__rel = rel;
   }
-
   getTitle() {
     return this.getLatest().__title;
   }
-
   setTitle(title) {
     const writable = this.getWritable();
     writable.__title = title;
   }
-
-  insertNewAfter(selection, restoreSelection = true) {
-    const element = this.getParentOrThrow().insertNewAfter(selection, restoreSelection);
-
-    if (lexical.$isElementNode(element)) {
-      const linkNode = $createLinkNode(this.__url, {
-        rel: this.__rel,
-        target: this.__target,
-        title: this.__title
-      });
-      element.append(linkNode);
-      return linkNode;
-    }
-
-    return null;
+  insertNewAfter(_, restoreSelection = true) {
+    const linkNode = $createLinkNode(this.__url, {
+      rel: this.__rel,
+      target: this.__target,
+      title: this.__title
+    });
+    this.insertAfter(linkNode, restoreSelection);
+    return linkNode;
   }
-
   canInsertTextBefore() {
     return false;
   }
-
   canInsertTextAfter() {
     return false;
   }
-
   canBeEmpty() {
     return false;
   }
-
   isInline() {
     return true;
   }
-
   extractWithChild(child, selection, destination) {
     if (!lexical.$isRangeSelection(selection)) {
       return false;
     }
-
     const anchorNode = selection.anchor.getNode();
     const focusNode = selection.focus.getNode();
     return this.isParentOf(anchorNode) && this.isParentOf(focusNode) && selection.getTextContent().length > 0;
   }
-
 }
-
 function convertAnchorElement(domNode) {
   let node = null;
-
   if (utils.isHTMLAnchorElement(domNode)) {
     const content = domNode.textContent;
-
-    if (content !== null && content !== '') {
+    if (content !== null && content !== '' || domNode.children.length > 0) {
       node = $createLinkNode(domNode.getAttribute('href') || '', {
         rel: domNode.getAttribute('rel'),
         target: domNode.getAttribute('target'),
@@ -243,28 +202,26 @@ function convertAnchorElement(domNode) {
       });
     }
   }
-
   return {
     node
   };
 }
+
 /**
  * Takes a URL and creates a LinkNode.
  * @param url - The URL the LinkNode should direct to.
  * @param attributes - Optional HTML a tag attributes { target, rel, title }
  * @returns The LinkNode.
  */
-
-
 function $createLinkNode(url, attributes) {
   return lexical.$applyNodeReplacement(new LinkNode(url, attributes));
 }
+
 /**
  * Determines if node is a LinkNode.
  * @param node - The node to be checked.
  * @returns true if node is a LinkNode, false otherwise.
  */
-
 function $isLinkNode(node) {
   return node instanceof LinkNode;
 }
@@ -274,7 +231,6 @@ class AutoLinkNode extends LinkNode {
   static getType() {
     return 'autolink';
   }
-
   static clone(node) {
     return new AutoLinkNode(node.__url, {
       rel: node.__rel,
@@ -282,7 +238,6 @@ class AutoLinkNode extends LinkNode {
       title: node.__title
     }, node.__key);
   }
-
   static importJSON(serializedNode) {
     const node = $createAutoLinkNode(serializedNode.url, {
       rel: serializedNode.rel,
@@ -294,36 +249,32 @@ class AutoLinkNode extends LinkNode {
     node.setDirection(serializedNode.direction);
     return node;
   }
-
   static importDOM() {
     // TODO: Should link node should handle the import over autolink?
     return null;
   }
-
   exportJSON() {
-    return { ...super.exportJSON(),
+    return {
+      ...super.exportJSON(),
       type: 'autolink',
       version: 1
     };
   }
-
   insertNewAfter(selection, restoreSelection = true) {
     const element = this.getParentOrThrow().insertNewAfter(selection, restoreSelection);
-
     if (lexical.$isElementNode(element)) {
       const linkNode = $createAutoLinkNode(this.__url, {
-        rel: this._rel,
+        rel: this.__rel,
         target: this.__target,
         title: this.__title
       });
       element.append(linkNode);
       return linkNode;
     }
-
     return null;
   }
-
 }
+
 /**
  * Takes a URL and creates an AutoLinkNode. AutoLinkNodes are generally automatically generated
  * during typing, which is especially useful when a button to generate a LinkNode is not practical.
@@ -331,27 +282,26 @@ class AutoLinkNode extends LinkNode {
  * @param attributes - Optional HTML a tag attributes. { target, rel, title }
  * @returns The LinkNode.
  */
-
 function $createAutoLinkNode(url, attributes) {
   return lexical.$applyNodeReplacement(new AutoLinkNode(url, attributes));
 }
+
 /**
  * Determines if node is an AutoLinkNode.
  * @param node - The node to be checked.
  * @returns true if node is an AutoLinkNode, false otherwise.
  */
-
 function $isAutoLinkNode(node) {
   return node instanceof AutoLinkNode;
 }
 const TOGGLE_LINK_COMMAND = lexical.createCommand('TOGGLE_LINK_COMMAND');
+
 /**
  * Generates or updates a LinkNode. It can also delete a LinkNode if the URL is null,
  * but saves any children and brings them up to the parent node.
  * @param url - The URL the link directs to.
  * @param attributes - Optional HTML a tag attributes. { target, rel, title }
  */
-
 function toggleLink(url, attributes = {}) {
   const {
     target,
@@ -359,90 +309,71 @@ function toggleLink(url, attributes = {}) {
   } = attributes;
   const rel = attributes.rel === undefined ? 'noreferrer' : attributes.rel;
   const selection = lexical.$getSelection();
-
   if (!lexical.$isRangeSelection(selection)) {
     return;
   }
-
   const nodes = selection.extract();
-
   if (url === null) {
     // Remove LinkNodes
     nodes.forEach(node => {
       const parent = node.getParent();
-
       if ($isLinkNode(parent)) {
         const children = parent.getChildren();
-
         for (let i = 0; i < children.length; i++) {
           parent.insertBefore(children[i]);
         }
-
         parent.remove();
       }
     });
   } else {
     // Add or merge LinkNodes
     if (nodes.length === 1) {
-      const firstNode = nodes[0]; // if the first node is a LinkNode or if its
+      const firstNode = nodes[0];
+      // if the first node is a LinkNode or if its
       // parent is a LinkNode, we update the URL, target and rel.
-
-      const linkNode = $isLinkNode(firstNode) ? firstNode : $getLinkAncestor(firstNode);
-
+      const linkNode = utils.$getAncestor(firstNode, $isLinkNode);
       if (linkNode !== null) {
         linkNode.setURL(url);
-
         if (target !== undefined) {
           linkNode.setTarget(target);
         }
-
         if (rel !== null) {
           linkNode.setRel(rel);
         }
-
         if (title !== undefined) {
           linkNode.setTitle(title);
         }
-
         return;
       }
     }
-
     let prevParent = null;
     let linkNode = null;
     nodes.forEach(node => {
       const parent = node.getParent();
-
       if (parent === linkNode || parent === null || lexical.$isElementNode(node) && !node.isInline()) {
         return;
       }
-
       if ($isLinkNode(parent)) {
         linkNode = parent;
         parent.setURL(url);
-
         if (target !== undefined) {
           parent.setTarget(target);
         }
-
         if (rel !== null) {
           linkNode.setRel(rel);
         }
-
         if (title !== undefined) {
           linkNode.setTitle(title);
         }
-
         return;
       }
-
       if (!parent.is(prevParent)) {
         prevParent = parent;
         linkNode = $createLinkNode(url, {
           rel,
-          target
+          target,
+          title
         });
-
         if ($isLinkNode(parent)) {
           if (node.getPreviousSibling() === null) {
             parent.insertBefore(linkNode);
@@ -453,24 +384,19 @@ function toggleLink(url, attributes = {}) {
           node.insertBefore(linkNode);
         }
       }
-
       if ($isLinkNode(node)) {
         if (node.is(linkNode)) {
           return;
         }
-
         if (linkNode !== null) {
           const children = node.getChildren();
-
           for (let i = 0; i < children.length; i++) {
             linkNode.append(children[i]);
           }
         }
-
         node.remove();
         return;
       }
-
       if (linkNode !== null) {
         linkNode.append(node);
       }
@@ -478,18 +404,6 @@ function toggleLink(url, attributes = {}) {
   }
 }
 
-function $getLinkAncestor(node) {
-  return $getAncestor(node, $isLinkNode);
-}
-
-function $getAncestor(node, predicate) {
-  let parent = node;
-
-  while (parent !== null && (parent = parent.getParent()) !== null && !predicate(parent));
-
-  return parent;
-}
-
 exports.$createAutoLinkNode = $createAutoLinkNode;
 exports.$createLinkNode = $createLinkNode;
 exports.$isAutoLinkNode = $isAutoLinkNode;

package/LexicalLink.prod.js

@@ -4,13 +4,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-'use strict';var k=require("@lexical/utils"),n=require("lexical");let p=new Set(["http:","https:","mailto:","sms:","tel:"]);
-class q extends n.ElementNode{static getType(){return"link"}static clone(a){return new q(a.__url,{rel:a.__rel,target:a.__target,title:a.__title},a.__key)}constructor(a,b={},d){super(d);let {target:l=null,rel:h=null,title:e=null}=b;this.__url=a;this.__target=l;this.__rel=h;this.__title=e}createDOM(a){let b=document.createElement("a");b.href=this.sanitizeUrl(this.__url);null!==this.__target&&(b.target=this.__target);null!==this.__rel&&(b.rel=this.__rel);null!==this.__title&&(b.title=this.__title);k.addClassNamesToElement(b,
-a.theme.link);return b}updateDOM(a,b){let d=this.__url,l=this.__target,h=this.__rel,e=this.__title;d!==a.__url&&(b.href=d);l!==a.__target&&(l?b.target=l:b.removeAttribute("target"));h!==a.__rel&&(h?b.rel=h:b.removeAttribute("rel"));e!==a.__title&&(e?b.title=e:b.removeAttribute("title"));return!1}static importDOM(){return{a:()=>({conversion:r,priority:1})}}static importJSON(a){let b=t(a.url,{rel:a.rel,target:a.target,title:a.title});b.setFormat(a.format);b.setIndent(a.indent);b.setDirection(a.direction);
-return b}sanitizeUrl(a){try{let b=new URL(a);if(!p.has(b.protocol))return"about:blank"}catch{}return a}exportJSON(){return{...super.exportJSON(),rel:this.getRel(),target:this.getTarget(),title:this.getTitle(),type:"link",url:this.getURL(),version:1}}getURL(){return this.getLatest().__url}setURL(a){this.getWritable().__url=a}getTarget(){return this.getLatest().__target}setTarget(a){this.getWritable().__target=a}getRel(){return this.getLatest().__rel}setRel(a){this.getWritable().__rel=a}getTitle(){return this.getLatest().__title}setTitle(a){this.getWritable().__title=
-a}insertNewAfter(a,b=!0){a=this.getParentOrThrow().insertNewAfter(a,b);return n.$isElementNode(a)?(b=t(this.__url,{rel:this.__rel,target:this.__target,title:this.__title}),a.append(b),b):null}canInsertTextBefore(){return!1}canInsertTextAfter(){return!1}canBeEmpty(){return!1}isInline(){return!0}extractWithChild(a,b){if(!n.$isRangeSelection(b))return!1;a=b.anchor.getNode();let d=b.focus.getNode();return this.isParentOf(a)&&this.isParentOf(d)&&0<b.getTextContent().length}}
-function r(a){let b=null;if(k.isHTMLAnchorElement(a)){let d=a.textContent;null!==d&&""!==d&&(b=t(a.getAttribute("href")||"",{rel:a.getAttribute("rel"),target:a.getAttribute("target"),title:a.getAttribute("title")}))}return{node:b}}function t(a,b){return n.$applyNodeReplacement(new q(a,b))}function v(a){return a instanceof q}
-class w extends q{static getType(){return"autolink"}static clone(a){return new w(a.__url,{rel:a.__rel,target:a.__target,title:a.__title},a.__key)}static importJSON(a){let b=x(a.url,{rel:a.rel,target:a.target,title:a.title});b.setFormat(a.format);b.setIndent(a.indent);b.setDirection(a.direction);return b}static importDOM(){return null}exportJSON(){return{...super.exportJSON(),type:"autolink",version:1}}insertNewAfter(a,b=!0){a=this.getParentOrThrow().insertNewAfter(a,b);return n.$isElementNode(a)?
-(b=x(this.__url,{rel:this._rel,target:this.__target,title:this.__title}),a.append(b),b):null}}function x(a,b){return n.$applyNodeReplacement(new w(a,b))}let y=n.createCommand("TOGGLE_LINK_COMMAND");function z(a,b){for(;null!==a&&null!==(a=a.getParent())&&!b(a););return a}exports.$createAutoLinkNode=x;exports.$createLinkNode=t;exports.$isAutoLinkNode=function(a){return a instanceof w};exports.$isLinkNode=v;exports.AutoLinkNode=w;exports.LinkNode=q;exports.TOGGLE_LINK_COMMAND=y;
-exports.toggleLink=function(a,b={}){let {target:d,title:l}=b,h=void 0===b.rel?"noreferrer":b.rel;b=n.$getSelection();if(n.$isRangeSelection(b))if(b=b.extract(),null===a)b.forEach(m=>{m=m.getParent();if(v(m)){let c=m.getChildren();for(let f=0;f<c.length;f++)m.insertBefore(c[f]);m.remove()}});else{if(1===b.length){var e=b[0];e=v(e)?e:z(e,v);if(null!==e){e.setURL(a);void 0!==d&&e.setTarget(d);null!==h&&e.setRel(h);void 0!==l&&e.setTitle(l);return}}let m=null,c=null;b.forEach(f=>{var g=f.getParent();
-if(g!==c&&null!==g&&(!n.$isElementNode(f)||f.isInline()))if(v(g))c=g,g.setURL(a),void 0!==d&&g.setTarget(d),null!==h&&c.setRel(h),void 0!==l&&c.setTitle(l);else if(g.is(m)||(m=g,c=t(a,{rel:h,target:d}),v(g)?null===f.getPreviousSibling()?g.insertBefore(c):g.insertAfter(c):f.insertBefore(c)),v(f)){if(!f.is(c)){if(null!==c){g=f.getChildren();for(let u=0;u<g.length;u++)c.append(g[u])}f.remove()}}else null!==c&&c.append(f)})}}
+'use strict';var l=require("@lexical/utils"),m=require("lexical");let n=new Set(["http:","https:","mailto:","sms:","tel:"]);
+class p extends m.ElementNode{static getType(){return"link"}static clone(a){return new p(a.__url,{rel:a.__rel,target:a.__target,title:a.__title},a.__key)}constructor(a,b={},e){super(e);let {target:h=null,rel:k=null,title:f=null}=b;this.__url=a;this.__target=h;this.__rel=k;this.__title=f}createDOM(a){let b=document.createElement("a");b.href=this.sanitizeUrl(this.__url);null!==this.__target&&(b.target=this.__target);null!==this.__rel&&(b.rel=this.__rel);null!==this.__title&&(b.title=this.__title);l.addClassNamesToElement(b,
+a.theme.link);return b}updateDOM(a,b){let e=this.__url,h=this.__target,k=this.__rel,f=this.__title;e!==a.__url&&(b.href=e);h!==a.__target&&(h?b.target=h:b.removeAttribute("target"));k!==a.__rel&&(k?b.rel=k:b.removeAttribute("rel"));f!==a.__title&&(f?b.title=f:b.removeAttribute("title"));return!1}static importDOM(){return{a:()=>({conversion:q,priority:1})}}static importJSON(a){let b=r(a.url,{rel:a.rel,target:a.target,title:a.title});b.setFormat(a.format);b.setIndent(a.indent);b.setDirection(a.direction);
+return b}sanitizeUrl(a){try{let b=new URL(a);if(!n.has(b.protocol))return"about:blank"}catch(b){}return a}exportJSON(){return{...super.exportJSON(),rel:this.getRel(),target:this.getTarget(),title:this.getTitle(),type:"link",url:this.getURL(),version:1}}getURL(){return this.getLatest().__url}setURL(a){this.getWritable().__url=a}getTarget(){return this.getLatest().__target}setTarget(a){this.getWritable().__target=a}getRel(){return this.getLatest().__rel}setRel(a){this.getWritable().__rel=a}getTitle(){return this.getLatest().__title}setTitle(a){this.getWritable().__title=
+a}insertNewAfter(a,b=!0){a=r(this.__url,{rel:this.__rel,target:this.__target,title:this.__title});this.insertAfter(a,b);return a}canInsertTextBefore(){return!1}canInsertTextAfter(){return!1}canBeEmpty(){return!1}isInline(){return!0}extractWithChild(a,b){if(!m.$isRangeSelection(b))return!1;a=b.anchor.getNode();let e=b.focus.getNode();return this.isParentOf(a)&&this.isParentOf(e)&&0<b.getTextContent().length}}
+function q(a){let b=null;if(l.isHTMLAnchorElement(a)){let e=a.textContent;if(null!==e&&""!==e||0<a.children.length)b=r(a.getAttribute("href")||"",{rel:a.getAttribute("rel"),target:a.getAttribute("target"),title:a.getAttribute("title")})}return{node:b}}function r(a,b){return m.$applyNodeReplacement(new p(a,b))}function t(a){return a instanceof p}
+class v extends p{static getType(){return"autolink"}static clone(a){return new v(a.__url,{rel:a.__rel,target:a.__target,title:a.__title},a.__key)}static importJSON(a){let b=w(a.url,{rel:a.rel,target:a.target,title:a.title});b.setFormat(a.format);b.setIndent(a.indent);b.setDirection(a.direction);return b}static importDOM(){return null}exportJSON(){return{...super.exportJSON(),type:"autolink",version:1}}insertNewAfter(a,b=!0){a=this.getParentOrThrow().insertNewAfter(a,b);return m.$isElementNode(a)?
+(b=w(this.__url,{rel:this.__rel,target:this.__target,title:this.__title}),a.append(b),b):null}}function w(a,b){return m.$applyNodeReplacement(new v(a,b))}let x=m.createCommand("TOGGLE_LINK_COMMAND");exports.$createAutoLinkNode=w;exports.$createLinkNode=r;exports.$isAutoLinkNode=function(a){return a instanceof v};exports.$isLinkNode=t;exports.AutoLinkNode=v;exports.LinkNode=p;exports.TOGGLE_LINK_COMMAND=x;
+exports.toggleLink=function(a,b={}){let {target:e,title:h}=b,k=void 0===b.rel?"noreferrer":b.rel;b=m.$getSelection();if(m.$isRangeSelection(b))if(b=b.extract(),null===a)b.forEach(f=>{f=f.getParent();if(t(f)){let d=f.getChildren();for(let c=0;c<d.length;c++)f.insertBefore(d[c]);f.remove()}});else{if(1===b.length){let c=l.$getAncestor(b[0],t);if(null!==c){c.setURL(a);void 0!==e&&c.setTarget(e);null!==k&&c.setRel(k);void 0!==h&&c.setTitle(h);return}}let f=null,d=null;b.forEach(c=>{var g=c.getParent();
+if(g!==d&&null!==g&&(!m.$isElementNode(c)||c.isInline()))if(t(g))d=g,g.setURL(a),void 0!==e&&g.setTarget(e),null!==k&&d.setRel(k),void 0!==h&&d.setTitle(h);else if(g.is(f)||(f=g,d=r(a,{rel:k,target:e,title:h}),t(g)?null===c.getPreviousSibling()?g.insertBefore(d):g.insertAfter(d):c.insertBefore(d)),t(c)){if(!c.is(d)){if(null!==d){g=c.getChildren();for(let u=0;u<g.length;u++)d.append(g[u])}c.remove()}}else null!==d&&d.append(c)})}}

package/index.d.ts

@@ -43,7 +43,7 @@ export declare class LinkNode extends ElementNode {
     setRel(rel: null | string): void;
     getTitle(): null | string;
     setTitle(title: null | string): void;
-    insertNewAfter(selection: RangeSelection, restoreSelection?: boolean): null | ElementNode;
+    insertNewAfter(_: RangeSelection, restoreSelection?: boolean): null | ElementNode;
     canInsertTextBefore(): false;
     canInsertTextAfter(): false;
     canBeEmpty(): false;

package/package.json

@@ -8,13 +8,13 @@
     "link"
   ],
   "license": "MIT",
-  "version": "0.12.2",
+  "version": "0.12.3",
   "main": "LexicalLink.js",
   "peerDependencies": {
-    "lexical": "0.12.2"
+    "lexical": "0.12.3"
   },
   "dependencies": {
-    "@lexical/utils": "0.12.2"
+    "@lexical/utils": "0.12.3"
   },
   "repository": {
     "type": "git",