@lexical/html 0.8.1 → 0.9.1

package/LexicalHtml.dev.js

@@ -10,68 +10,83 @@ var selection = require('@lexical/selection');
 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) {
   let lexicalNodes = [];
-  const elements = dom.body ? Array.from(dom.body.childNodes) : [];
-  const elementsLength = elements.length;
-  for (let i = 0; i < elementsLength; i++) {
+  const elements = dom.body ? dom.body.childNodes : [];
+
+  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() : 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 {
     element,
     after
   } = target.exportDOM(editor);
+
   if (!element) {
     return false;
   }
+
   const fragment = new DocumentFragment();
+
   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) {
     element.append(fragment);
     parentElement.append(element);
+
     if (after) {
       const newElement = after.call(target, element);
       if (newElement) element.replaceWith(newElement);
@@ -79,63 +94,82 @@ 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']);
+
 function $createNodesFromDOM(node, editor, forChildMap = new Map(), parentLexicalNode, preformatted = false) {
   let lexicalNodes = [];
+
   if (IGNORE_TAGS.has(node.nodeName)) {
     return lexicalNodes;
   }
+
   let currentLexicalNode = null;
   const transformFunction = getConversionFunction(node, editor);
   const transformOutput = transformFunction ? transformFunction(node, undefined, preformatted) : null;
   let postTransform = null;
+
   if (transformOutput !== null) {
     postTransform = transformOutput.after;
     currentLexicalNode = transformOutput.node;
+
     if (currentLexicalNode !== null) {
       for (const [, forChildFunction] of forChildMap) {
         currentLexicalNode = forChildFunction(currentLexicalNode, parentLexicalNode);
+
         if (!currentLexicalNode) {
           break;
         }
       }
+
       if (currentLexicalNode) {
         lexicalNodes.push(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
+  } // 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, preformatted || (transformOutput && transformOutput.preformatted) === true));
   }
+
   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.
@@ -147,6 +181,7 @@ function $createNodesFromDOM(node, editor, forChildMap = new Map(), parentLexica
       currentLexicalNode.append(...childLexicalNodes);
     }
   }
+
   return lexicalNodes;
 }
 

package/LexicalHtml.prod.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 'use strict';var n=require("@lexical/selection"),q=require("lexical");
-function r(c,d,h,b=null){let e=null!=b?d.isSelected():!0,l=q.$isElementNode(d)&&d.excludeFromCopy("html");var a=d;null!==b&&(a=n.$cloneWithProperties(d),a=q.$isTextNode(a)&&null!=b?n.$sliceSelectedTextNodeContent(b,a):a);let f=q.$isElementNode(a)?a.getChildren():[],{element:k,after:g}=a.exportDOM(c);if(!k)return!1;let m=new DocumentFragment;for(let p=0;p<f.length;p++){let t=f[p],w=r(c,t,m,b);!e&&q.$isElementNode(d)&&w&&d.extractWithChild(t,b,"html")&&(e=!0)}e&&!l?(k.append(m),h.append(k),g&&(c=g.call(a,
-k))&&k.replaceWith(c)):h.append(m);return e}let u=new Set(["STYLE"]);
-function v(c,d,h=new Map,b,e=!1){let l=[];if(u.has(c.nodeName))return l;let a=null;var {nodeName:f}=c,k=d._htmlConversions.get(f.toLowerCase());f=null;if(void 0!==k)for(g of k)k=g(c),null!==k&&(null===f||f.priority<k.priority)&&(f=k);var g=(g=null!==f?f.conversion:null)?g(c,void 0,e):null;f=null;if(null!==g){f=g.after;a=g.node;if(null!==a){for(var [,m]of h)if(a=m(a,b),!a)break;a&&l.push(a)}null!=g.forChild&&h.set(c.nodeName,g.forChild)}c=c.childNodes;b=[];for(m=0;m<c.length;m++)b.push(...v(c[m],d,
-new Map(h),a,e||!0===(g&&g.preformatted)));null!=f&&(b=f(b));null==a?l=l.concat(b):q.$isElementNode(a)&&a.append(...b);return l}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"),b=q.$getRoot().getChildren();for(let e=0;e<b.length;e++)r(c,b[e],h,d);return h.innerHTML};
-exports.$generateNodesFromDOM=function(c,d){let h=[];d=d.body?Array.from(d.body.childNodes):[];let b=d.length;for(let l=0;l<b;l++){var e=d[l];u.has(e.nodeName)||(e=v(e,c),null!==e&&(h=h.concat(e)))}return h}
+function r(c,d,h,a=null){let e=null!=a?d.isSelected():!0,m=q.$isElementNode(d)&&d.excludeFromCopy("html");var b=d;null!==a&&(b=n.$cloneWithProperties(d),b=q.$isTextNode(b)&&null!=a?n.$sliceSelectedTextNodeContent(a,b):b);let f=q.$isElementNode(b)?b.getChildren():[],{element:k,after:g}=b.exportDOM(c);if(!k)return!1;let l=new DocumentFragment;for(let p=0;p<f.length;p++){let t=f[p],w=r(c,t,l,a);!e&&q.$isElementNode(d)&&w&&d.extractWithChild(t,a,"html")&&(e=!0)}e&&!m?(k.append(l),h.append(k),g&&(c=g.call(b,
+k))&&k.replaceWith(c)):h.append(l);return e}let u=new Set(["STYLE"]);
+function v(c,d,h=new Map,a,e=!1){let m=[];if(u.has(c.nodeName))return m;let b=null;var {nodeName:f}=c,k=d._htmlConversions.get(f.toLowerCase());f=null;if(void 0!==k)for(g of k)k=g(c),null!==k&&(null===f||f.priority<k.priority)&&(f=k);var g=(g=null!==f?f.conversion:null)?g(c,void 0,e):null;f=null;if(null!==g){f=g.after;b=g.node;if(null!==b){for(var [,l]of h)if(b=l(b,a),!b)break;b&&m.push(b)}null!=g.forChild&&h.set(c.nodeName,g.forChild)}c=c.childNodes;a=[];for(l=0;l<c.length;l++)a.push(...v(c[l],d,
+new Map(h),b,e||!0===(g&&g.preformatted)));null!=f&&(a=f(a));null==b?m=m.concat(a):q.$isElementNode(b)&&b.append(...a);return m}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=q.$getRoot().getChildren();for(let e=0;e<a.length;e++)r(c,a[e],h,d);return h.innerHTML};
+exports.$generateNodesFromDOM=function(c,d){let h=[];d=d.body?d.body.childNodes:[];for(let e=0;e<d.length;e++){var a=d[e];u.has(a.nodeName)||(a=v(a,c),null!==a&&(h=h.concat(a)))}return h}

package/package.json

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