@lexical/html 0.3.3 → 0.3.6

package/LexicalHtml.dev.js

@@ -52,7 +52,10 @@ function $generateHtmlFromNodes(editor, selection) {
 
   for (let i = 0; i < topLevelChildren.length; i++) {
     const topLevelNode = topLevelChildren[i];
-    $appendNodesToHTML(editor, selection, topLevelNode, container);
+
+    if (selection !== undefined) {
+      $appendNodesToHTML(editor, selection, topLevelNode, container);
+    }
   }
 
   return container.innerHTML;
@@ -103,21 +106,19 @@ function getConversionFunction(domNode, editor) {
   const {
     nodeName
   } = domNode;
-  const baseCacheConversions = domNode instanceof HTMLElement && domNode.hasAttribute('data-lexical-node-type') ? editor._htmlConversions.get('*') : [];
-  const nodeNameCacheConversions = editor._htmlConversions.get(nodeName.toLowerCase()) || [];
-  const cachedConversions = Array.from(nodeNameCacheConversions).concat(baseCacheConversions);
+
+  const cachedConversions = editor._htmlConversions.get(nodeName.toLowerCase());
+
   let currentConversion = null;
 
   if (cachedConversions !== undefined) {
-    cachedConversions.forEach(cachedConversion => {
+    for (const cachedConversion of cachedConversions) {
       const domConversion = cachedConversion(domNode);
 
-      if (domConversion !== null) {
-        if (currentConversion === null || currentConversion.priority < domConversion.priority) {
-          currentConversion = domConversion;
-        }
+      if (domConversion !== null && (currentConversion === null || currentConversion.priority < domConversion.priority)) {
+        currentConversion = domConversion;
       }
-    });
+    }
   }
 
   return currentConversion !== null ? currentConversion.conversion : null;

package/LexicalHtml.prod.js

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

package/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 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.
+ *
+ */
+import type { GridSelection, LexicalEditor, LexicalNode, NodeSelection, RangeSelection } from 'lexical';
+/**
+ * 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.
+ */
+export declare function $generateNodesFromDOM(editor: LexicalEditor, dom: Document): Array<LexicalNode>;
+export declare function $generateHtmlFromNodes(editor: LexicalEditor, selection?: RangeSelection | NodeSelection | GridSelection | null): string;

package/package.json

@@ -8,10 +8,10 @@
     "html"
   ],
   "license": "MIT",
-  "version": "0.3.3",
+  "version": "0.3.6",
   "main": "LexicalHtml.js",
   "peerDependencies": {
-    "lexical": "0.3.3"
+    "lexical": "0.3.6"
   },
   "repository": {
     "type": "git",

package/LexicalHtml.d.ts

@@ -1,25 +0,0 @@
-/**
- * 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.
- *
- */
-
-import type {
-  LexicalEditor,
-  LexicalNode,
-  RangeSelection,
-  NodeSelection,
-  GridSelection,
-} from 'lexical';
-
-export function $generateHtmlFromNodes(
-  editor: LexicalEditor,
-  selection?: RangeSelection | NodeSelection | GridSelection | null,
-): string;
-
-export function $generateNodesFromDOM(
-  editor: LexicalEditor,
-  dom: Document,
-): Array<LexicalNode>;