@lexical/html 0.12.2 → 0.12.4

package/LexicalHtml.dev.js

@@ -11,86 +11,78 @@ var utils = require('@lexical/utils');
 var lexical = require('lexical');
 
 /** @module @lexical/html */
+
 /**
  * How you parse your html string to get a document is left up to you. In the browser you can use the native
  * DOMParser API to generate a document (see clipboard.ts), but to use in a headless environment you can use JSDom
  * or an equivilant library and pass in the document here.
  */
-
 function $generateNodesFromDOM(editor, dom) {
   const elements = dom.body ? dom.body.childNodes : [];
   let lexicalNodes = [];
-
   for (let i = 0; i < elements.length; i++) {
     const element = elements[i];
-
     if (!IGNORE_TAGS.has(element.nodeName)) {
       const lexicalNode = $createNodesFromDOM(element, editor);
-
       if (lexicalNode !== null) {
         lexicalNodes = lexicalNodes.concat(lexicalNode);
       }
     }
   }
-
   return lexicalNodes;
 }
 function $generateHtmlFromNodes(editor, selection) {
   if (typeof document === 'undefined' || typeof window === 'undefined') {
     throw new Error('To use $generateHtmlFromNodes in headless mode please initialize a headless browser implementation such as JSDom before calling this function.');
   }
-
   const container = document.createElement('div');
   const root = lexical.$getRoot();
   const topLevelChildren = root.getChildren();
-
   for (let i = 0; i < topLevelChildren.length; i++) {
     const topLevelNode = topLevelChildren[i];
     $appendNodesToHTML(editor, topLevelNode, container, selection);
   }
-
   return container.innerHTML;
 }
-
 function $appendNodesToHTML(editor, currentNode, parentElement, selection$1 = null) {
   let shouldInclude = selection$1 != null ? currentNode.isSelected(selection$1) : true;
   const shouldExclude = lexical.$isElementNode(currentNode) && currentNode.excludeFromCopy('html');
   let target = currentNode;
-
   if (selection$1 !== null) {
     let clone = selection.$cloneWithProperties(currentNode);
     clone = lexical.$isTextNode(clone) && selection$1 != null ? selection.$sliceSelectedTextNodeContent(selection$1, clone) : clone;
     target = clone;
   }
-
   const children = lexical.$isElementNode(target) ? target.getChildren() : [];
+  const registeredNode = editor._nodes.get(target.getType());
+  let exportOutput;
+
+  // Use HTMLConfig overrides, if available.
+  if (registeredNode && registeredNode.exportDOM !== undefined) {
+    exportOutput = registeredNode.exportDOM(editor, target);
+  } else {
+    exportOutput = target.exportDOM(editor);
+  }
   const {
     element,
     after
-  } = target.exportDOM(editor);
-
+  } = exportOutput;
   if (!element) {
     return false;
   }
-
   const fragment = document.createDocumentFragment();
-
   for (let i = 0; i < children.length; i++) {
     const childNode = children[i];
     const shouldIncludeChild = $appendNodesToHTML(editor, childNode, fragment, selection$1);
-
     if (!shouldInclude && lexical.$isElementNode(currentNode) && shouldIncludeChild && currentNode.extractWithChild(childNode, selection$1, 'html')) {
       shouldInclude = true;
     }
   }
-
   if (shouldInclude && !shouldExclude) {
     if (utils.isHTMLElement(element)) {
       element.append(fragment);
     }
-
     parentElement.append(element);
-
     if (after) {
       const newElement = after.call(target, element);
       if (newElement) element.replaceWith(newElement);
@@ -98,83 +90,64 @@ function $appendNodesToHTML(editor, currentNode, parentElement, selection$1 = nu
   } else {
     parentElement.append(fragment);
   }
-
   return shouldInclude;
 }
-
 function getConversionFunction(domNode, editor) {
   const {
     nodeName
   } = domNode;
-
   const cachedConversions = editor._htmlConversions.get(nodeName.toLowerCase());
-
   let currentConversion = null;
-
   if (cachedConversions !== undefined) {
     for (const cachedConversion of cachedConversions) {
       const domConversion = cachedConversion(domNode);
-
       if (domConversion !== null && (currentConversion === null || currentConversion.priority < domConversion.priority)) {
         currentConversion = domConversion;
       }
     }
   }
-
   return currentConversion !== null ? currentConversion.conversion : null;
 }
-
 const IGNORE_TAGS = new Set(['STYLE', 'SCRIPT']);
-
 function $createNodesFromDOM(node, editor, forChildMap = new Map(), parentLexicalNode) {
   let lexicalNodes = [];
-
   if (IGNORE_TAGS.has(node.nodeName)) {
     return lexicalNodes;
   }
-
   let currentLexicalNode = null;
   const transformFunction = getConversionFunction(node, editor);
   const transformOutput = transformFunction ? transformFunction(node) : null;
   let postTransform = null;
-
   if (transformOutput !== null) {
     postTransform = transformOutput.after;
     const transformNodes = transformOutput.node;
     currentLexicalNode = Array.isArray(transformNodes) ? transformNodes[transformNodes.length - 1] : transformNodes;
-
     if (currentLexicalNode !== null) {
       for (const [, forChildFunction] of forChildMap) {
         currentLexicalNode = forChildFunction(currentLexicalNode, parentLexicalNode);
-
         if (!currentLexicalNode) {
           break;
         }
       }
-
       if (currentLexicalNode) {
         lexicalNodes.push(...(Array.isArray(transformNodes) ? transformNodes : [currentLexicalNode]));
       }
     }
-
     if (transformOutput.forChild != null) {
       forChildMap.set(node.nodeName, transformOutput.forChild);
     }
-  } // If the DOM node doesn't have a transformer, we don't know what
-  // to do with it but we still need to process any childNodes.
-
+  }
 
+  // If the DOM node doesn't have a transformer, we don't know what
+  // to do with it but we still need to process any childNodes.
   const children = node.childNodes;
   let childLexicalNodes = [];
-
   for (let i = 0; i < children.length; i++) {
     childLexicalNodes.push(...$createNodesFromDOM(children[i], editor, new Map(forChildMap), currentLexicalNode));
   }
-
   if (postTransform != null) {
     childLexicalNodes = postTransform(childLexicalNodes);
   }
-
   if (currentLexicalNode == null) {
     // If it hasn't been converted to a LexicalNode, we hoist its children
     // up to the same level as it.
@@ -186,7 +159,6 @@ function $createNodesFromDOM(node, editor, forChildMap = new Map(), parentLexica
       currentLexicalNode.append(...childLexicalNodes);
     }
   }
-
   return lexicalNodes;
 }
 

package/LexicalHtml.prod.js

@@ -4,10 +4,10 @@
  * 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 m=require("@lexical/selection"),q=require("@lexical/utils"),r=require("lexical");
-function u(c,d,h,a=null){let e=null!=a?d.isSelected(a):!0,k=r.$isElementNode(d)&&d.excludeFromCopy("html");var f=d;null!==a&&(f=m.$cloneWithProperties(d),f=r.$isTextNode(f)&&null!=a?m.$sliceSelectedTextNodeContent(a,f):f);let g=r.$isElementNode(f)?f.getChildren():[],{element:b,after:l}=f.exportDOM(c);if(!b)return!1;let n=document.createDocumentFragment();for(let p=0;p<g.length;p++){let t=g[p],x=u(c,t,n,a);!e&&r.$isElementNode(d)&&x&&d.extractWithChild(t,a,"html")&&(e=!0)}e&&!k?(q.isHTMLElement(b)&&
-b.append(n),h.append(b),l&&(c=l.call(f,b))&&b.replaceWith(c)):h.append(n);return e}let v=new Set(["STYLE","SCRIPT"]);
-function w(c,d,h=new Map,a){let e=[];if(v.has(c.nodeName))return e;let k=null;var f,{nodeName:g}=c,b=d._htmlConversions.get(g.toLowerCase());g=null;if(void 0!==b)for(f of b)b=f(c),null!==b&&(null===g||g.priority<b.priority)&&(g=b);g=(f=null!==g?g.conversion:null)?f(c):null;f=null;if(null!==g){f=g.after;b=g.node;k=Array.isArray(b)?b[b.length-1]:b;if(null!==k){for(var [,l]of h)if(k=l(k,a),!k)break;k&&e.push(...(Array.isArray(b)?b:[k]))}null!=g.forChild&&h.set(c.nodeName,g.forChild)}c=c.childNodes;a=
-[];for(l=0;l<c.length;l++)a.push(...w(c[l],d,new Map(h),k));null!=f&&(a=f(a));null==k?e=e.concat(a):r.$isElementNode(k)&&k.append(...a);return e}
-exports.$generateHtmlFromNodes=function(c,d){if("undefined"===typeof document||"undefined"===typeof window)throw Error("To use $generateHtmlFromNodes in headless mode please initialize a headless browser implementation such as JSDom before calling this function.");let h=document.createElement("div"),a=r.$getRoot().getChildren();for(let e=0;e<a.length;e++)u(c,a[e],h,d);return h.innerHTML};
-exports.$generateNodesFromDOM=function(c,d){d=d.body?d.body.childNodes:[];let h=[];for(let e=0;e<d.length;e++){var a=d[e];v.has(a.nodeName)||(a=w(a,c),null!==a&&(h=h.concat(a)))}return h}
+'use strict';var m=require("@lexical/selection"),p=require("@lexical/utils"),q=require("lexical");
+function u(c,e,h,a=null){let f=null!=a?e.isSelected(a):!0,k=q.$isElementNode(e)&&e.excludeFromCopy("html");var d=e;null!==a&&(d=m.$cloneWithProperties(e),d=q.$isTextNode(d)&&null!=a?m.$sliceSelectedTextNodeContent(a,d):d);let g=q.$isElementNode(d)?d.getChildren():[];var b=c._nodes.get(d.getType());b=b&&void 0!==b.exportDOM?b.exportDOM(c,d):d.exportDOM(c);let {element:l,after:r}=b;if(!l)return!1;b=document.createDocumentFragment();for(let n=0;n<g.length;n++){let t=g[n],x=u(c,t,b,a);!f&&q.$isElementNode(e)&&
+x&&e.extractWithChild(t,a,"html")&&(f=!0)}f&&!k?(p.isHTMLElement(l)&&l.append(b),h.append(l),r&&(c=r.call(d,l))&&l.replaceWith(c)):h.append(b);return f}let v=new Set(["STYLE","SCRIPT"]);
+function w(c,e,h=new Map,a){let f=[];if(v.has(c.nodeName))return f;let k=null;var d,{nodeName:g}=c,b=e._htmlConversions.get(g.toLowerCase());g=null;if(void 0!==b)for(d of b)b=d(c),null!==b&&(null===g||g.priority<b.priority)&&(g=b);g=(d=null!==g?g.conversion:null)?d(c):null;d=null;if(null!==g){d=g.after;b=g.node;k=Array.isArray(b)?b[b.length-1]:b;if(null!==k){for(var [,l]of h)if(k=l(k,a),!k)break;k&&f.push(...(Array.isArray(b)?b:[k]))}null!=g.forChild&&h.set(c.nodeName,g.forChild)}c=c.childNodes;a=
+[];for(l=0;l<c.length;l++)a.push(...w(c[l],e,new Map(h),k));null!=d&&(a=d(a));null==k?f=f.concat(a):q.$isElementNode(k)&&k.append(...a);return f}
+exports.$generateHtmlFromNodes=function(c,e){if("undefined"===typeof document||"undefined"===typeof window)throw Error("To use $generateHtmlFromNodes in headless mode please initialize a headless browser implementation such as JSDom before calling this function.");let h=document.createElement("div"),a=q.$getRoot().getChildren();for(let f=0;f<a.length;f++)u(c,a[f],h,e);return h.innerHTML};
+exports.$generateNodesFromDOM=function(c,e){e=e.body?e.body.childNodes:[];let h=[];for(let f=0;f<e.length;f++){var a=e[f];v.has(a.nodeName)||(a=w(a,c),null!==a&&(h=h.concat(a)))}return h}

package/package.json

@@ -8,10 +8,10 @@
     "html"
   ],
   "license": "MIT",
-  "version": "0.12.2",
+  "version": "0.12.4",
   "main": "LexicalHtml.js",
   "peerDependencies": {
-    "lexical": "0.12.2"
+    "lexical": "0.12.4"
   },
   "repository": {
     "type": "git",
@@ -19,6 +19,7 @@
     "directory": "packages/lexical-html"
   },
   "dependencies": {
-    "@lexical/selection": "0.12.2"
+    "@lexical/selection": "0.12.4",
+    "@lexical/utils": "0.12.4"
   }
 }