@lexical/link 0.2.7 → 0.3.0

package/LexicalLink.d.ts

@@ -1,11 +1,12 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict
+
  */
+
 import type {
   DOMConversionMap,
   DOMConversionOutput,
@@ -39,13 +40,18 @@ export declare class LinkNode extends ElementNode {
 }
 export function convertAnchorElement(domNode: Node): DOMConversionOutput;
 export function $createLinkNode(url: string): LinkNode;
-export function $isLinkNode(node: ?LexicalNode): node is LinkNode;
+export function $isLinkNode(
+  node: LinkNode | LexicalNode | null | undefined,
+): node is LinkNode;
 export declare class AutoLinkNode extends LinkNode {
   static getType(): string;
   static clone(node: AutoLinkNode): AutoLinkNode;
   insertNewAfter(selection: RangeSelection): null | ElementNode;
 }
 export function $createAutoLinkNode(url: string): AutoLinkNode;
-export function $isAutoLinkNode(node: ?LexicalNode): node is AutoLinkNode;
+export function $isAutoLinkNode(
+  node: LinkNode | LexicalNode | null | undefined,
+): node is AutoLinkNode;
 
 export var TOGGLE_LINK_COMMAND: LexicalCommand<string | null>;
+export function toggleLink(url: null | string): void;

package/LexicalLink.dev.js

@@ -10,12 +10,12 @@ var utils = require('@lexical/utils');
 var lexical = require('lexical');
 
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * 
+
  */
 class LinkNode extends lexical.ElementNode {
   static getType() {
@@ -38,10 +38,7 @@ class LinkNode extends lexical.ElementNode {
     return element;
   }
 
-  updateDOM( // $FlowFixMe: not sure how to fix this
-  prevNode, dom, config) {
-    // $FlowFixMe: not sure how to fix this
-    const anchor = dom;
+  updateDOM(prevNode, anchor, config) {
     const url = this.__url;
 
     if (url !== prevNode.__url) {
@@ -60,6 +57,21 @@ class LinkNode extends lexical.ElementNode {
     };
   }
 
+  static importJSON(serializedNode) {
+    const node = $createLinkNode(serializedNode.url);
+    node.setFormat(serializedNode.format);
+    node.setIndent(serializedNode.indent);
+    node.setDirection(serializedNode.direction);
+    return node;
+  }
+
+  exportJSON() {
+    return { ...super.exportJSON(),
+      type: 'link',
+      url: this.getURL()
+    };
+  }
+
   getURL() {
     return this.getLatest().__url;
   }
@@ -103,7 +115,7 @@ function convertAnchorElement(domNode) {
   let node = null;
 
   if (domNode instanceof HTMLAnchorElement) {
-    node = $createLinkNode(domNode.href);
+    node = $createLinkNode(domNode.getAttribute('href'));
   }
 
   return {
@@ -116,19 +128,37 @@ function $createLinkNode(url) {
 }
 function $isLinkNode(node) {
   return node instanceof LinkNode;
-} // Custom node type to override `canInsertTextAfter` that will
+}
+// Custom node type to override `canInsertTextAfter` that will
 // allow typing within the link
-
 class AutoLinkNode extends LinkNode {
   static getType() {
     return 'autolink';
-  } // $FlowFixMe[incompatible-extend]
-
+  }
 
   static clone(node) {
     return new AutoLinkNode(node.__url, node.__key);
   }
 
+  static importJSON(serializedNode) {
+    const node = $createAutoLinkNode(serializedNode.url);
+    node.setFormat(serializedNode.format);
+    node.setIndent(serializedNode.indent);
+    node.setDirection(serializedNode.direction);
+    return node;
+  }
+
+  static importDOM() {
+    // TODO: Should link node should handle the import over autolink?
+    return null;
+  }
+
+  exportJSON() {
+    return { ...super.exportJSON(),
+      type: 'autolink'
+    };
+  }
+
   insertNewAfter(selection) {
     const element = this.getParentOrThrow().insertNewAfter(selection);
 
@@ -149,6 +179,105 @@ function $isAutoLinkNode(node) {
   return node instanceof AutoLinkNode;
 }
 const TOGGLE_LINK_COMMAND = lexical.createCommand();
+function toggleLink(url) {
+  const selection = lexical.$getSelection();
+
+  if (selection !== null) {
+    lexical.$setSelection(selection);
+  }
+
+  const sel = lexical.$getSelection();
+
+  if (sel !== null) {
+    const nodes = sel.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
+        // parent is a LinkNode, we update the URL.
+
+        if ($isLinkNode(firstNode)) {
+          firstNode.setURL(url);
+          return;
+        } else {
+          const parent = firstNode.getParent();
+
+          if ($isLinkNode(parent)) {
+            // set parent to be the current linkNode
+            // so that other nodes in the same parent
+            // aren't handled separately below.
+            parent.setURL(url);
+            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);
+          return;
+        }
+
+        if (!parent.is(prevParent)) {
+          prevParent = parent;
+          linkNode = $createLinkNode(url);
+
+          if ($isLinkNode(parent)) {
+            if (node.getPreviousSibling() === null) {
+              parent.insertBefore(linkNode);
+            } else {
+              parent.insertAfter(linkNode);
+            }
+          } else {
+            node.insertBefore(linkNode);
+          }
+        }
+
+        if ($isLinkNode(node)) {
+          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);
+        }
+      });
+    }
+  }
+}
 
 exports.$createAutoLinkNode = $createAutoLinkNode;
 exports.$createLinkNode = $createLinkNode;
@@ -157,3 +286,4 @@ exports.$isLinkNode = $isLinkNode;
 exports.AutoLinkNode = AutoLinkNode;
 exports.LinkNode = LinkNode;
 exports.TOGGLE_LINK_COMMAND = TOGGLE_LINK_COMMAND;
+exports.toggleLink = toggleLink;

package/LexicalLink.js.flow

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -52,3 +52,4 @@ declare export function $isAutoLinkNode(
 ): boolean %checks(node instanceof AutoLinkNode);
 
 declare export var TOGGLE_LINK_COMMAND: LexicalCommand<string | null>;
+declare export function toggleLink(url: null | string): void;

package/LexicalLink.prod.js

@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var c=require("@lexical/utils"),d=require("lexical");
-class e extends d.ElementNode{static getType(){return"link"}static clone(a){return new e(a.__url,a.__key)}constructor(a,b){super(b);this.__url=a}createDOM(a){const b=document.createElement("a");b.href=this.__url;c.addClassNamesToElement(b,a.theme.link);return b}updateDOM(a,b){const g=this.__url;g!==a.__url&&(b.href=g);return!1}static importDOM(){return{a:()=>({conversion:f,priority:1})}}getURL(){return this.getLatest().__url}setURL(a){this.getWritable().__url=a}insertNewAfter(a){a=this.getParentOrThrow().insertNewAfter(a);
-if(d.$isElementNode(a)){const b=h(this.__url);a.append(b);return b}return null}canInsertTextBefore(){return!1}canInsertTextAfter(){return!1}canBeEmpty(){return!1}isInline(){return!0}}function f(a){let b=null;a instanceof HTMLAnchorElement&&(b=h(a.href));return{node:b}}function h(a){return new e(a)}
-class k extends e{static getType(){return"autolink"}static clone(a){return new k(a.__url,a.__key)}insertNewAfter(a){a=this.getParentOrThrow().insertNewAfter(a);if(d.$isElementNode(a)){const b=l(this.__url);a.append(b);return b}return null}}function l(a){return new k(a)}const m=d.createCommand();exports.$createAutoLinkNode=l;exports.$createLinkNode=h;exports.$isAutoLinkNode=function(a){return a instanceof k};exports.$isLinkNode=function(a){return a instanceof e};exports.AutoLinkNode=k;
-exports.LinkNode=e;exports.TOGGLE_LINK_COMMAND=m;
+'use strict';var h=require("@lexical/utils"),k=require("lexical");
+class l extends k.ElementNode{static getType(){return"link"}static clone(a){return new l(a.__url,a.__key)}constructor(a,b){super(b);this.__url=a}createDOM(a){let b=document.createElement("a");b.href=this.__url;h.addClassNamesToElement(b,a.theme.link);return b}updateDOM(a,b){let f=this.__url;f!==a.__url&&(b.href=f);return!1}static importDOM(){return{a:()=>({conversion:m,priority:1})}}static importJSON(a){let b=n(a.url);b.setFormat(a.format);b.setIndent(a.indent);b.setDirection(a.direction);return b}exportJSON(){return{...super.exportJSON(),
+type:"link",url:this.getURL()}}getURL(){return this.getLatest().__url}setURL(a){this.getWritable().__url=a}insertNewAfter(a){a=this.getParentOrThrow().insertNewAfter(a);if(k.$isElementNode(a)){let b=n(this.__url);a.append(b);return b}return null}canInsertTextBefore(){return!1}canInsertTextAfter(){return!1}canBeEmpty(){return!1}isInline(){return!0}}function m(a){let b=null;a instanceof HTMLAnchorElement&&(b=n(a.getAttribute("href")));return{node:b}}function n(a){return new l(a)}
+function p(a){return a instanceof l}class r extends l{static getType(){return"autolink"}static clone(a){return new r(a.__url,a.__key)}static importJSON(a){let b=t(a.url);b.setFormat(a.format);b.setIndent(a.indent);b.setDirection(a.direction);return b}static importDOM(){return null}exportJSON(){return{...super.exportJSON(),type:"autolink"}}insertNewAfter(a){a=this.getParentOrThrow().insertNewAfter(a);if(k.$isElementNode(a)){let b=t(this.__url);a.append(b);return b}return null}}
+function t(a){return new r(a)}let u=k.createCommand();exports.$createAutoLinkNode=t;exports.$createLinkNode=n;exports.$isAutoLinkNode=function(a){return a instanceof r};exports.$isLinkNode=p;exports.AutoLinkNode=r;exports.LinkNode=l;exports.TOGGLE_LINK_COMMAND=u;
+exports.toggleLink=function(a){var b=k.$getSelection();null!==b&&k.$setSelection(b);b=k.$getSelection();if(null!==b)if(b=b.extract(),null===a)b.forEach(g=>{g=g.getParent();if(p(g)){let c=g.getChildren();for(let d=0;d<c.length;d++)g.insertBefore(c[d]);g.remove()}});else{if(1===b.length){var f=b[0];if(p(f)){f.setURL(a);return}f=f.getParent();if(p(f)){f.setURL(a);return}}let g=null,c=null;b.forEach(d=>{var e=d.getParent();if(e!==c&&null!==e&&(!k.$isElementNode(d)||d.isInline()))if(p(e))c=e,e.setURL(a);
+else if(e.is(g)||(g=e,c=n(a),p(e)?null===d.getPreviousSibling()?e.insertBefore(c):e.insertAfter(c):d.insertBefore(c)),p(d)){if(null!==c){e=d.getChildren();for(let q=0;q<e.length;q++)c.append(e[q])}d.remove()}else null!==c&&c.append(d)})}}

package/package.json

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