@lexical/clipboard 0.1.16 → 0.1.19

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 Dominic Gannaway
+Copyright (c) Meta Platforms, Inc. and affiliates.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/LexicalClipboard.d.ts

@@ -0,0 +1,31 @@
+/**
+ * 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, RangeSelection} from 'lexical';
+
+/*
+ * Rich Text
+ */
+
+export function $insertDataTransferForRichText(
+  dataTransfer: DataTransfer,
+  selection: RangeSelection,
+  editor: LexicalEditor,
+): void;
+
+export function getHtmlContent(editor: LexicalEditor): string;
+export function $getLexicalContent(editor: LexicalEditor): string;
+
+/*
+ * Plain Text
+ */
+
+export function $insertDataTransferForPlainText(
+  dataTransfer: DataTransfer,
+  selection: RangeSelection,
+): void;

package/LexicalClipboard.dev.js

@@ -29,6 +29,7 @@ var getDOMSelection = getSelection;
  *
  * 
  */
+const IGNORE_TAGS = new Set(['STYLE']);
 function getHtmlContent(editor) {
   const domSelection = getDOMSelection(); // If we haven't selected a range, then don't copy anything
 
@@ -52,9 +53,10 @@ function $getLexicalContent(editor) {
 
   if (selection$1 !== null) {
     const namespace = editor._config.namespace;
+    const state = selection.$cloneContents(selection$1);
     return JSON.stringify({
       namespace,
-      state: selection.$cloneContents(selection$1)
+      state
     });
   }
 
@@ -167,8 +169,13 @@ function getConversionFunction(domNode, editor) {
   return currentConversion !== null ? currentConversion.conversion : null;
 }
 
-function $createNodesFromDOM(node, editor, forChildMap = new Map()) {
+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;
@@ -179,11 +186,16 @@ function $createNodesFromDOM(node, editor, forChildMap = new Map()) {
     currentLexicalNode = transformOutput.node;
 
     if (currentLexicalNode !== null) {
-      lexicalNodes.push(currentLexicalNode);
-      const forChildFunctions = Array.from(forChildMap.values());
+      for (const [, forChildFunction] of forChildMap) {
+        currentLexicalNode = forChildFunction(currentLexicalNode, parentLexicalNode);
+
+        if (!currentLexicalNode) {
+          break;
+        }
+      }
 
-      for (let i = 0; i < forChildFunctions.length; i++) {
-        forChildFunctions[i](currentLexicalNode);
+      if (currentLexicalNode) {
+        lexicalNodes.push(currentLexicalNode);
       }
     }
 
@@ -198,7 +210,7 @@ function $createNodesFromDOM(node, editor, forChildMap = new Map()) {
   let childLexicalNodes = [];
 
   for (let i = 0; i < children.length; i++) {
-    childLexicalNodes.push(...$createNodesFromDOM(children[i], editor, forChildMap));
+    childLexicalNodes.push(...$createNodesFromDOM(children[i], editor, forChildMap, currentLexicalNode));
   }
 
   if (postTransform != null) {
@@ -226,10 +238,14 @@ function $generateNodesFromDOM(dom, editor) {
   const elementsLength = elements.length;
 
   for (let i = 0; i < elementsLength; i++) {
-    const lexicalNode = $createNodesFromDOM(elements[i], editor);
+    const element = elements[i];
 
-    if (lexicalNode !== null) {
-      lexicalNodes = lexicalNodes.concat(lexicalNode);
+    if (!IGNORE_TAGS.has(element.nodeName)) {
+      const lexicalNode = $createNodesFromDOM(element, editor);
+
+      if (lexicalNode !== null) {
+        lexicalNodes = lexicalNodes.concat(lexicalNode);
+      }
     }
   }
 

package/LexicalClipboard.js.flow

@@ -0,0 +1,32 @@
+/**
+ * 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 {LexicalEditor, RangeSelection} from 'lexical';
+
+/*
+ * Rich Text
+ */
+
+declare export function $insertDataTransferForRichText(
+  dataTransfer: DataTransfer,
+  selection: RangeSelection,
+  editor: LexicalEditor,
+): void;
+
+declare export function getHtmlContent(editor: LexicalEditor): string;
+declare export function $getLexicalContent(editor: LexicalEditor): string;
+
+/*
+ * Plain Text
+ */
+
+declare export function $insertDataTransferForPlainText(
+  dataTransfer: DataTransfer,
+  selection: RangeSelection,
+): void;

package/LexicalClipboard.prod.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var l=require("@lexical/selection"),m=require("lexical");function n(a,c){a=a.getData("text/plain");null!=a&&c.insertRawText(a)}function q(a,c){const {nodeName:h}=a;c=c._htmlConversions.get(h.toLowerCase());let e=null;void 0!==c&&c.forEach(f=>{f=f(a);null!==f&&(null===e||e.priority<f.priority)&&(e=f)});return null!==e?e.conversion:null}
-function r(a,c,h=new Map){let e=[],f=null;var b=q(a,c),d=b?b(a):null;b=null;if(null!==d){b=d.after;f=d.node;if(null!==f){e.push(f);var g=Array.from(h.values());for(let k=0;k<g.length;k++)g[k](f)}null!=d.forChild&&h.set(a.nodeName,d.forChild)}a=a.childNodes;d=[];for(g=0;g<a.length;g++)d.push(...r(a[g],c,h));null!=b&&(d=b(d));null==f?e=e.concat(d):m.$isElementNode(f)&&f.append(...d);return e}
-exports.$getLexicalContent=function(a){const c=m.$getSelection();return null!==c?JSON.stringify({namespace:a._config.namespace,state:l.$cloneContents(c)}):null};exports.$insertDataTransferForPlainText=n;
-exports.$insertDataTransferForRichText=function(a,c,h){var e=a.getData("application/x-lexical-editor");if(e){var f=h._config.namespace;try{const k=JSON.parse(e);if(k.namespace===f){const {range:p,nodeMap:t}=k.state;var b=new Map(t);e=[];for(f=0;f<p.length;f++){var d=b.get(p[f]);if(void 0!==d){var g=m.$createNodeFromParse(d,b);e.push(g)}}c.insertNodes(e);return}}catch(k){}}if(b=a.getData("text/html")){b=(new DOMParser).parseFromString(b,"text/html");a=[];b=b.body?Array.from(b.body.childNodes):[];d=
-b.length;for(g=0;g<d;g++)e=r(b[g],h),null!==e&&(a=a.concat(e));h=a;a=[];b=null;for(d=0;d<h.length;d++)g=h[d],!m.$isElementNode(g)||g.isInline()?(null===b&&(b=m.$createParagraphNode(),a.push(b)),null!==b&&b.append(g)):(a.push(g),b=null);c.insertNodes(a)}else n(a,c)};exports.getHtmlContent=function(){var a=window.getSelection();if(a.isCollapsed)return null;var c=a.getRangeAt(0);return c?(a=document.createElement("div"),c=c.cloneContents(),a.appendChild(c),a.innerHTML):null};
+var l=require("@lexical/selection"),m=require("lexical");const n=new Set(["STYLE"]);function p(a,d){a=a.getData("text/plain");null!=a&&d.insertRawText(a)}function r(a,d){const {nodeName:h}=a;d=d._htmlConversions.get(h.toLowerCase());let c=null;void 0!==d&&d.forEach(e=>{e=e(a);null!==e&&(null===c||c.priority<e.priority)&&(c=e)});return null!==c?c.conversion:null}
+function t(a,d,h=new Map,c){let e=[];if(n.has(a.nodeName))return e;let b=null;var g=r(a,d);const f=g?g(a):null;g=null;if(null!==f){g=f.after;b=f.node;if(null!==b){for(var [,k]of h)if(b=k(b,c),!b)break;b&&e.push(b)}null!=f.forChild&&h.set(a.nodeName,f.forChild)}a=a.childNodes;c=[];for(k=0;k<a.length;k++)c.push(...t(a[k],d,h,b));null!=g&&(c=g(c));null==b?e=e.concat(c):m.$isElementNode(b)&&b.append(...c);return e}
+exports.$getLexicalContent=function(a){var d=m.$getSelection();return null!==d?(a=a._config.namespace,d=l.$cloneContents(d),JSON.stringify({namespace:a,state:d})):null};exports.$insertDataTransferForPlainText=p;
+exports.$insertDataTransferForRichText=function(a,d,h){var c=a.getData("application/x-lexical-editor");if(c){var e=h._config.namespace;try{const k=JSON.parse(c);if(k.namespace===e){const {range:q,nodeMap:u}=k.state;var b=new Map(u);c=[];for(e=0;e<q.length;e++){var g=b.get(q[e]);if(void 0!==g){var f=m.$createNodeFromParse(g,b);c.push(f)}}d.insertNodes(c);return}}catch(k){}}if(b=a.getData("text/html")){b=(new DOMParser).parseFromString(b,"text/html");a=[];b=b.body?Array.from(b.body.childNodes):[];g=
+b.length;for(f=0;f<g;f++)c=b[f],n.has(c.nodeName)||(c=t(c,h),null!==c&&(a=a.concat(c)));h=a;a=[];b=null;for(g=0;g<h.length;g++)f=h[g],!m.$isElementNode(f)||f.isInline()?(null===b&&(b=m.$createParagraphNode(),a.push(b)),null!==b&&b.append(f)):(a.push(f),b=null);d.insertNodes(a)}else p(a,d)};exports.getHtmlContent=function(){var a=window.getSelection();if(a.isCollapsed)return null;var d=a.getRangeAt(0);return d?(a=document.createElement("div"),d=d.cloneContents(),a.appendChild(d),a.innerHTML):null};

package/package.json

@@ -1,9 +1,5 @@
 {
   "name": "@lexical/clipboard",
-  "author": {
-    "name": "Dominic Gannaway",
-    "email": "dg@domgan.com"
-  },
   "description": "This package provides the copy/paste functionality for Lexical.",
   "keywords": [
     "lexical",
@@ -13,14 +9,14 @@
     "paste"
   ],
   "license": "MIT",
-  "version": "0.1.16",
+  "version": "0.1.19",
   "main": "LexicalClipboard.js",
   "peerDependencies": {
-    "lexical": "0.1.16"
+    "lexical": "0.1.19"
   },
   "dependencies": {
-    "@lexical/utils": "0.1.16",
-    "@lexical/selection": "0.1.16"
+    "@lexical/utils": "0.1.19",
+    "@lexical/selection": "0.1.19"
   },
   "repository": {
     "type": "git",