@lexical/clipboard 0.3.3 → 0.3.6

package/LexicalClipboard.dev.js

@@ -7,6 +7,7 @@
 'use strict';
 
 var html = require('@lexical/html');
+var list = require('@lexical/list');
 var selection = require('@lexical/selection');
 var utils = require('@lexical/utils');
 var lexical = require('lexical');
@@ -54,7 +55,6 @@ function $insertDataTransferForPlainText(dataTransfer, selection) {
   }
 }
 function $insertDataTransferForRichText(dataTransfer, selection, editor) {
-  const htmlString = dataTransfer.getData('text/html');
   const lexicalString = dataTransfer.getData('application/x-lexical-editor');
 
   if (lexicalString) {
@@ -69,15 +69,36 @@ function $insertDataTransferForRichText(dataTransfer, selection, editor) {
     } catch {}
   }
 
+  const htmlString = dataTransfer.getData('text/html');
+
   if (htmlString) {
     try {
       const parser = new DOMParser();
       const dom = parser.parseFromString(htmlString, 'text/html');
       return $insertGeneratedNodes(editor, html.$generateNodesFromDOM(editor, dom), selection); // eslint-disable-next-line no-empty
     } catch {}
-  }
+  } // Multi-line plain text in rich text mode pasted as separate paragrahs
+  // instead of single paragraph with linebreaks.
+
+
+  const text = dataTransfer.getData('text/plain');
+
+  if (text != null) {
+    if (lexical.$isRangeSelection(selection)) {
+      const lines = text.split(/\r?\n/);
+      const linesLength = lines.length;
 
-  $insertDataTransferForPlainText(dataTransfer, selection);
+      for (let i = 0; i < linesLength; i++) {
+        selection.insertText(lines[i]);
+
+        if (i < linesLength - 1) {
+          selection.insertParagraph();
+        }
+      }
+    } else {
+      selection.insertRawText(text);
+    }
+  }
 }
 
 function $insertGeneratedNodes(editor, nodes, selection) {
@@ -88,43 +109,54 @@ function $insertGeneratedNodes(editor, nodes, selection) {
     return;
   }
 
-  $basicInsertStrategy(nodes, selection, false);
+  $basicInsertStrategy(nodes, selection);
   return;
 }
 
-function $basicInsertStrategy(nodes, selection, isFromLexical) {
-  let nodesToInsert;
-
-  if (!isFromLexical) {
-    // Wrap text and inline nodes in paragraph nodes so we have all blocks at the top-level
-    const topLevelBlocks = [];
-    let currentBlock = null;
+function $basicInsertStrategy(nodes, selection) {
+  // Wrap text and inline nodes in paragraph nodes so we have all blocks at the top-level
+  const topLevelBlocks = [];
+  let currentBlock = null;
+  let list$1 = null;
+
+  for (let i = 0; i < nodes.length; i++) {
+    const node = nodes[i];
+    /**
+     * There's no good way to add this to importDOM or importJSON directly,
+     * so this is here in order to safely correct faulty clipboard data
+     * that we can't control and avoid crashing the app.
+     * https://github.com/facebook/lexical/issues/2405
+     */
+
+    if (list.$isListItemNode(node)) {
+      if (list$1 == null) {
+        list$1 = list.$createListNode('bullet');
+        topLevelBlocks.push(list$1);
+      }
 
-    for (let i = 0; i < nodes.length; i++) {
-      const node = nodes[i];
+      list$1.append(node);
+      continue;
+    } else if (list$1 != null) {
+      list$1 = null;
+    }
 
-      if (lexical.$isDecoratorNode(node) && !node.isTopLevel() || lexical.$isElementNode(node) && node.isInline() || lexical.$isTextNode(node) || lexical.$isLineBreakNode(node)) {
-        if (currentBlock === null) {
-          currentBlock = lexical.$createParagraphNode();
-          topLevelBlocks.push(currentBlock);
-        }
+    if (lexical.$isDecoratorNode(node) && !node.isTopLevel() || lexical.$isElementNode(node) && node.isInline() || lexical.$isTextNode(node) || lexical.$isLineBreakNode(node)) {
+      if (currentBlock === null) {
+        currentBlock = lexical.$createParagraphNode();
+        topLevelBlocks.push(currentBlock);
+      }
 
-        if (currentBlock !== null) {
-          currentBlock.append(node);
-        }
-      } else {
-        topLevelBlocks.push(node);
-        currentBlock = null;
+      if (currentBlock !== null) {
+        currentBlock.append(node);
       }
+    } else {
+      topLevelBlocks.push(node);
+      currentBlock = null;
     }
-
-    nodesToInsert = topLevelBlocks;
-  } else {
-    nodesToInsert = nodes;
   }
 
   if (lexical.$isRangeSelection(selection)) {
-    selection.insertNodes(nodesToInsert);
+    selection.insertNodes(topLevelBlocks);
   } else if (lexical.$isGridSelection(selection)) {
     // If there's an active grid selection and a non grid is pasted, add to the anchor.
     const anchorCell = selection.anchor.getNode();
@@ -135,7 +167,7 @@ function $basicInsertStrategy(nodes, selection, isFromLexical) {
       }
     }
 
-    anchorCell.append(...nodesToInsert);
+    anchorCell.append(...topLevelBlocks);
   }
 }
 
@@ -266,7 +298,7 @@ function exportNodeToJSON(node) {
   return serializedNode;
 }
 
-function $appendNodesToJSON(editor, selection$1, currentNode, targetArray) {
+function $appendNodesToJSON(editor, selection$1, currentNode, targetArray = []) {
   let shouldInclude = selection$1 != null ? currentNode.isSelected() : true;
   const shouldExclude = lexical.$isElementNode(currentNode) && currentNode.excludeFromCopy('html');
   let clone = selection.$cloneWithProperties(currentNode);
@@ -280,7 +312,6 @@ function $appendNodesToJSON(editor, selection$1, currentNode, targetArray) {
   // until then this hack will work for the selected text extract use case.
 
   if (lexical.$isTextNode(clone)) {
-    // @ts-ignore
     serializedNode.text = clone.__text;
   }
 
@@ -325,7 +356,13 @@ function $generateNodesFromSerializedNodes(serializedNodes) {
 
   for (let i = 0; i < serializedNodes.length; i++) {
     const serializedNode = serializedNodes[i];
-    nodes.push(lexical.$parseSerializedNode(serializedNode));
+    const node = lexical.$parseSerializedNode(serializedNode);
+
+    if (lexical.$isTextNode(node)) {
+      selection.$addNodeStyle(node);
+    }
+
+    nodes.push(node);
   }
 
   return nodes;

package/LexicalClipboard.js.flow

@@ -12,6 +12,7 @@ import type {
   LexicalEditor,
   NodeSelection,
   RangeSelection,
+  LexicalNode,
 } from 'lexical';
 
 /*
@@ -20,7 +21,7 @@ import type {
 
 declare export function $insertDataTransferForRichText(
   dataTransfer: DataTransfer,
-  selection: RangeSelection | GridSelection | NodeSelection,
+  selection: RangeSelection | GridSelection,
   editor: LexicalEditor,
 ): void;
 
@@ -32,7 +33,31 @@ declare export function $getLexicalContent(
  * Plain Text
  */
 
+/*
+ * Export as JSON
+ */
+
 declare export function $insertDataTransferForPlainText(
   dataTransfer: DataTransfer,
   selection: RangeSelection,
 ): void;
+
+interface BaseSerializedNode {
+  children?: Array<BaseSerializedNode>;
+  type: string;
+  version: number;
+}
+
+declare export function $generateJSONFromSelectedNodes<
+  SerializedNode: BaseSerializedNode,
+>(
+  editor: LexicalEditor,
+  selection: RangeSelection | NodeSelection | GridSelection | null,
+): {
+  namespace: string,
+  nodes: Array<SerializedNode>,
+};
+
+declare export function $generateNodesFromSerializedNodes(
+  serializedNodes: Array<BaseSerializedNode>,
+): Array<LexicalNode>;

package/LexicalClipboard.prod.js

@@ -4,13 +4,15 @@
  * 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 b=require("@lexical/html"),p=require("@lexical/selection"),t=require("@lexical/utils"),y=require("lexical");function z(c){throw Error(`Minified Lexical error #${c}; see codes.json for the full message or `+"use the non-minified dev environment for full errors and additional helpful warnings.");}function A(c,a){c=c.getData("text/plain");null!=c&&a.insertRawText(c)}
-function B(c,a,d){(y.$isGridSelection(d)||null!==t.$findMatchingParent(d.anchor.getNode(),h=>y.$isGridCellNode(h))&&null!==t.$findMatchingParent(d.focus.getNode(),h=>y.$isGridCellNode(h)))&&1===a.length&&y.$isGridNode(a[0])?E(a,d,!1,c):F(a,d,!1)}
-function F(c,a,d){if(!d){d=[];let h=null;for(let g=0;g<c.length;g++){let f=c[g];y.$isDecoratorNode(f)&&!f.isTopLevel()||y.$isElementNode(f)&&f.isInline()||y.$isTextNode(f)||y.$isLineBreakNode(f)?(null===h&&(h=y.$createParagraphNode(),d.push(h)),null!==h&&h.append(f)):(d.push(f),h=null)}c=d}y.$isRangeSelection(a)?a.insertNodes(c):y.$isGridSelection(a)&&(a=a.anchor.getNode(),y.$isGridCellNode(a)||z(41),a.append(...c))}
-function E(c,a,d,h){1===c.length&&y.$isGridNode(c[0])||z(42);var g=c[0];c=g.getChildren();d=g.getFirstChildOrThrow().getChildrenSize();var f=g.getChildrenSize(),e=t.$findMatchingParent(a.anchor.getNode(),l=>y.$isGridCellNode(l));a=(g=e&&t.$findMatchingParent(e,l=>y.$isGridRowNode(l)))&&t.$findMatchingParent(g,l=>y.$isGridNode(l));y.$isGridCellNode(e)&&y.$isGridRowNode(g)&&y.$isGridNode(a)||z(43);var m=g.getIndexWithinParent(),n=Math.min(a.getChildrenSize()-1,m+f-1);f=e.getIndexWithinParent();e=Math.min(g.getChildrenSize()-
-1,f+d-1);d=Math.min(f,e);g=Math.min(m,n);f=Math.max(f,e);m=Math.max(m,n);n=a.getChildren();e=0;let k,q;for(let l=g;l<=m;l++){var r=n[l];y.$isGridRowNode(r)||z(24);var x=c[e];y.$isGridRowNode(x)||z(24);r=r.getChildren();x=x.getChildren();let C=0;for(let u=d;u<=f;u++){let v=r[u];y.$isGridCellNode(v)||z(25);let D=x[C];y.$isGridCellNode(D)||z(25);l===g&&u===d?k=v.getKey():l===m&&u===f&&(q=v.getKey());let H=v.getChildren();D.getChildren().forEach(w=>{y.$isTextNode(w)&&y.$createParagraphNode().append(w);
-v.append(w)});H.forEach(w=>w.remove());C++}e++}k&&q&&(c=y.$createGridSelection(),c.set(a.getKey(),k,q),y.$setSelection(c),h.dispatchCommand(y.SELECTION_CHANGE_COMMAND,void 0))}
-function G(c,a,d,h){let g=null!=a?d.isSelected():!0,f=y.$isElementNode(d)&&d.excludeFromCopy("html");var e=p.$cloneWithProperties(d);e=y.$isTextNode(e)&&null!=a?p.$sliceSelectedTextNodeContent(a,e):e;let m=y.$isElementNode(e)?e.getChildren():[];var n=e;let k=n.exportJSON();var q=n.constructor;k.type!==q.getType()&&z(58,q.name);let r=k.children;y.$isElementNode(n)&&(Array.isArray(r)||z(59,q.name));y.$isTextNode(e)&&(k.text=e.__text);for(e=0;e<m.length;e++)n=m[e],q=G(c,a,n,k.children),!g&&y.$isElementNode(d)&&
-q&&d.extractWithChild(n,a,"clone")&&(g=!0);if(g&&!f)h.push(k);else if(Array.isArray(k.children))for(c=0;c<k.children.length;c++)h.push(k.children[c]);return g}exports.$getHtmlContent=function(c){let a=y.$getSelection();if(null==a)throw Error("Expected valid LexicalSelection");return y.$isRangeSelection(a)&&a.isCollapsed()||0===a.getNodes().length?null:b.$generateHtmlFromNodes(c,a)};
-exports.$getLexicalContent=function(c){let a=y.$getSelection();if(null==a)throw Error("Expected valid LexicalSelection");if(y.$isRangeSelection(a)&&a.isCollapsed()||0===a.getNodes().length)return null;var d=JSON,h=d.stringify;let g=[],f=y.$getRoot().getChildren();for(let e=0;e<f.length;e++)G(c,a,f[e],g);return h.call(d,{namespace:c._config.namespace,nodes:g})};exports.$insertDataTransferForPlainText=A;
-exports.$insertDataTransferForRichText=function(c,a,d){let h=c.getData("text/html");var g=c.getData("application/x-lexical-editor");if(g)try{var f=JSON.parse(g);if(f.namespace===d._config.namespace&&Array.isArray(f.nodes)){var e=f.nodes;g=[];for(f=0;f<e.length;f++)g.push(y.$parseSerializedNode(e[f]));return B(d,g,a)}}catch{}if(h)try{let m=(new DOMParser).parseFromString(h,"text/html");return B(d,b.$generateNodesFromDOM(d,m),a)}catch{}A(c,a)}
+'use strict';var d=require("@lexical/html"),p=require("@lexical/list"),r=require("@lexical/selection"),y=require("@lexical/utils"),z=require("lexical");function A(b){throw Error(`Minified Lexical error #${b}; see codes.json for the full message or `+"use the non-minified dev environment for full errors and additional helpful warnings.");}
+function B(b,c,e){(z.$isGridSelection(e)||null!==y.$findMatchingParent(e.anchor.getNode(),g=>z.$isGridCellNode(g))&&null!==y.$findMatchingParent(e.focus.getNode(),g=>z.$isGridCellNode(g)))&&1===c.length&&z.$isGridNode(c[0])?E(c,e,!1,b):F(c,e)}
+function F(b,c){let e=[],g=null,f=null;for(let h=0;h<b.length;h++){let a=b[h];p.$isListItemNode(a)?(null==f&&(f=p.$createListNode("bullet"),e.push(f)),f.append(a)):(null!=f&&(f=null),z.$isDecoratorNode(a)&&!a.isTopLevel()||z.$isElementNode(a)&&a.isInline()||z.$isTextNode(a)||z.$isLineBreakNode(a)?(null===g&&(g=z.$createParagraphNode(),e.push(g)),null!==g&&g.append(a)):(e.push(a),g=null))}z.$isRangeSelection(c)?c.insertNodes(e):z.$isGridSelection(c)&&(b=c.anchor.getNode(),z.$isGridCellNode(b)||A(41),
+b.append(...e))}
+function E(b,c,e,g){1===b.length&&z.$isGridNode(b[0])||A(42);var f=b[0];b=f.getChildren();e=f.getFirstChildOrThrow().getChildrenSize();var h=f.getChildrenSize(),a=y.$findMatchingParent(c.anchor.getNode(),m=>z.$isGridCellNode(m));c=(f=a&&y.$findMatchingParent(a,m=>z.$isGridRowNode(m)))&&y.$findMatchingParent(f,m=>z.$isGridNode(m));z.$isGridCellNode(a)&&z.$isGridRowNode(f)&&z.$isGridNode(c)||A(43);var k=f.getIndexWithinParent(),n=Math.min(c.getChildrenSize()-1,k+h-1);h=a.getIndexWithinParent();a=Math.min(f.getChildrenSize()-
+1,h+e-1);e=Math.min(h,a);f=Math.min(k,n);h=Math.max(h,a);k=Math.max(k,n);n=c.getChildren();a=0;let l,q;for(let m=f;m<=k;m++){var w=n[m];z.$isGridRowNode(w)||A(24);var x=b[a];z.$isGridRowNode(x)||A(24);w=w.getChildren();x=x.getChildren();let C=0;for(let t=e;t<=h;t++){let u=w[t];z.$isGridCellNode(u)||A(25);let D=x[C];z.$isGridCellNode(D)||A(25);m===f&&t===e?l=u.getKey():m===k&&t===h&&(q=u.getKey());let H=u.getChildren();D.getChildren().forEach(v=>{z.$isTextNode(v)&&z.$createParagraphNode().append(v);
+u.append(v)});H.forEach(v=>v.remove());C++}a++}l&&q&&(b=z.$createGridSelection(),b.set(c.getKey(),l,q),z.$setSelection(b),g.dispatchCommand(z.SELECTION_CHANGE_COMMAND,void 0))}
+function G(b,c,e,g=[]){let f=null!=c?e.isSelected():!0,h=z.$isElementNode(e)&&e.excludeFromCopy("html");var a=r.$cloneWithProperties(e);a=z.$isTextNode(a)&&null!=c?r.$sliceSelectedTextNodeContent(c,a):a;let k=z.$isElementNode(a)?a.getChildren():[];var n=a;let l=n.exportJSON();l.type!==n.constructor.getType()&&A(58);var q=l.children;z.$isElementNode(n)&&(Array.isArray(q)||A(59));z.$isTextNode(a)&&(l.text=a.__text);for(a=0;a<k.length;a++)n=k[a],q=G(b,c,n,l.children),!f&&z.$isElementNode(e)&&q&&e.extractWithChild(n,
+c,"clone")&&(f=!0);if(f&&!h)g.push(l);else if(Array.isArray(l.children))for(b=0;b<l.children.length;b++)g.push(l.children[b]);return f}exports.$getHtmlContent=function(b){let c=z.$getSelection();if(null==c)throw Error("Expected valid LexicalSelection");return z.$isRangeSelection(c)&&c.isCollapsed()||0===c.getNodes().length?null:d.$generateHtmlFromNodes(b,c)};
+exports.$getLexicalContent=function(b){let c=z.$getSelection();if(null==c)throw Error("Expected valid LexicalSelection");if(z.$isRangeSelection(c)&&c.isCollapsed()||0===c.getNodes().length)return null;var e=JSON,g=e.stringify;let f=[],h=z.$getRoot().getChildren();for(let a=0;a<h.length;a++)G(b,c,h[a],f);return g.call(e,{namespace:b._config.namespace,nodes:f})};exports.$insertDataTransferForPlainText=function(b,c){b=b.getData("text/plain");null!=b&&c.insertRawText(b)};
+exports.$insertDataTransferForRichText=function(b,c,e){var g=b.getData("application/x-lexical-editor");if(g)try{var f=JSON.parse(g);if(f.namespace===e._config.namespace&&Array.isArray(f.nodes)){var h=f.nodes;g=[];for(f=0;f<h.length;f++){let k=z.$parseSerializedNode(h[f]);z.$isTextNode(k)&&r.$addNodeStyle(k);g.push(k)}return B(e,g,c)}}catch{}if(h=b.getData("text/html"))try{var a=(new DOMParser).parseFromString(h,"text/html");return B(e,d.$generateNodesFromDOM(e,a),c)}catch{}b=b.getData("text/plain");
+if(null!=b)if(z.$isRangeSelection(c))for(b=b.split(/\r?\n/),e=b.length,a=0;a<e;a++)c.insertText(b[a]),a<e-1&&c.insertParagraph();else c.insertRawText(b)}

package/clipboard.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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';
+export declare function $getHtmlContent(editor: LexicalEditor): string | null;
+export declare function $getLexicalContent(editor: LexicalEditor): string | null;
+export declare function $insertDataTransferForPlainText(dataTransfer: DataTransfer, selection: RangeSelection | GridSelection): void;
+export declare function $insertDataTransferForRichText(dataTransfer: DataTransfer, selection: RangeSelection | GridSelection, editor: LexicalEditor): void;
+interface BaseSerializedNode {
+    children?: Array<BaseSerializedNode>;
+    type: string;
+    version: number;
+}
+export declare function $generateJSONFromSelectedNodes<SerializedNode extends BaseSerializedNode>(editor: LexicalEditor, selection: RangeSelection | NodeSelection | GridSelection | null): {
+    namespace: string;
+    nodes: Array<SerializedNode>;
+};
+export declare function $generateNodesFromSerializedNodes(serializedNodes: Array<BaseSerializedNode>): Array<LexicalNode>;
+export {};

package/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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 { $getHtmlContent, $getLexicalContent, $insertDataTransferForPlainText, $insertDataTransferForRichText } from './clipboard';
+export { $getHtmlContent, $getLexicalContent, $insertDataTransferForPlainText, $insertDataTransferForRichText, };

package/package.json

@@ -9,15 +9,15 @@
     "paste"
   ],
   "license": "MIT",
-  "version": "0.3.3",
+  "version": "0.3.6",
   "main": "LexicalClipboard.js",
   "peerDependencies": {
-    "lexical": "0.3.3"
+    "lexical": "0.3.6"
   },
   "dependencies": {
-    "@lexical/utils": "0.3.3",
-    "@lexical/selection": "0.3.3",
-    "@lexical/html": "0.3.3"
+    "@lexical/utils": "0.3.6",
+    "@lexical/selection": "0.3.6",
+    "@lexical/html": "0.3.6"
   },
   "repository": {
     "type": "git",

package/LexicalClipboard.d.ts

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