@lexical/clipboard 0.1.19 → 0.2.0

package/LexicalClipboard.dev.js

@@ -9,18 +9,6 @@
 var selection = require('@lexical/selection');
 var lexical = require('lexical');
 
-/**
- * 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.
- *
- * 
- */
-const getSelection = () => window.getSelection();
-
-var getDOMSelection = getSelection;
-
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -31,22 +19,93 @@ 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
+  const selection$1 = lexical.$getSelection();
+
+  if (selection$1 == null) {
+    throw new Error('Expected valid LexicalSelection');
+  } // If we haven't selected anything
+
 
-  if (domSelection.isCollapsed) {
+  if (lexical.$isRangeSelection(selection$1) && selection$1.isCollapsed() || selection$1.getNodes().length === 0) {
     return null;
   }
 
-  const range = domSelection.getRangeAt(0);
+  const state = selection.$cloneContents(selection$1);
+  return $convertSelectedLexicalContentToHtml(editor, selection$1, state);
+}
+function $convertSelectedLexicalNodeToHTMLElement(editor, selection, node) {
+  let nodeToConvert = node;
+
+  if (lexical.$isRangeSelection(selection) || lexical.$isGridSelection(selection)) {
+    const anchor = selection.anchor.getNode();
+    const focus = selection.focus.getNode();
+    const isAnchor = node.is(anchor);
+    const isFocus = node.is(focus);
+
+    if (lexical.$isTextNode(node) && (isAnchor || isFocus)) {
+      const anchorOffset = selection.anchor.getCharacterOffset();
+      const focusOffset = selection.focus.getCharacterOffset();
+      const isBackward = selection.isBackward();
+      const isSame = anchor.is(focus);
+      const isFirst = node.is(isBackward ? focus : anchor);
+      const nodeText = node.getTextContent();
+      const nodeTextLength = nodeText.length;
+
+      if (isSame) {
+        const startOffset = anchorOffset > focusOffset ? focusOffset : anchorOffset;
+        const endOffset = anchorOffset > focusOffset ? anchorOffset : focusOffset;
+        const splitNodes = node.splitText(startOffset, endOffset);
+        nodeToConvert = startOffset === 0 ? splitNodes[0] : splitNodes[1];
+      } else {
+        let endOffset;
+
+        if (isFirst) {
+          endOffset = isBackward ? focusOffset : anchorOffset;
+        } else {
+          endOffset = isBackward ? anchorOffset : focusOffset;
+        }
+
+        if (!isBackward && endOffset === 0) {
+          return null;
+        } else if (endOffset !== nodeTextLength) {
+          nodeToConvert = node.splitText(endOffset)[isFirst && endOffset !== 0 ? 1 : 0];
+        }
+      }
+    }
+  }
+
+  const {
+    element,
+    after
+  } = nodeToConvert.exportDOM(editor);
+  if (!element) return null;
+  const children = lexical.$isElementNode(nodeToConvert) ? nodeToConvert.getChildren() : [];
+
+  for (let i = 0; i < children.length; i++) {
+    const childNode = children[i];
 
-  if (range) {
-    const container = document.createElement('div');
-    const frag = range.cloneContents();
-    container.appendChild(frag);
-    return container.innerHTML;
+    if (childNode.isSelected()) {
+      const newElement = $convertSelectedLexicalNodeToHTMLElement(editor, selection, childNode);
+      if (newElement) element.append(newElement);
+    }
   }
 
-  return null;
+  return after ? after.call(nodeToConvert, element) : element;
+}
+function $convertSelectedLexicalContentToHtml(editor, selection, state) {
+  const container = document.createElement('div');
+
+  for (let i = 0; i < state.range.length; i++) {
+    const nodeKey = state.range[i];
+    const node = lexical.$getNodeByKey(nodeKey);
+
+    if (node && node.isSelected()) {
+      const element = $convertSelectedLexicalNodeToHTMLElement(editor, selection, node);
+      if (element) container.append(element);
+    }
+  }
+
+  return container.innerHTML;
 }
 function $getLexicalContent(editor) {
   const selection$1 = lexical.$getSelection();

package/LexicalClipboard.prod.js

@@ -4,8 +4,11 @@
  * 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");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};
+var l=require("@lexical/selection"),p=require("lexical");const q=new Set(["STYLE"]);
+function r(c,d,h){var b=h;if(p.$isRangeSelection(d)||p.$isGridSelection(d)){var f=d.anchor.getNode(),a=d.focus.getNode(),e=h.is(f),g=h.is(a);if(p.$isTextNode(h)&&(e||g)){e=d.anchor.getCharacterOffset();g=d.focus.getCharacterOffset();const m=d.isBackward(),v=f.is(a);f=h.is(m?a:f);a=h.getTextContent().length;if(v)b=e>g?g:e,h=h.splitText(b,e>g?e:g),b=0===b?h[0]:h[1];else if(e=f?m?g:e:m?e:g,m||0!==e)e!==a&&(b=h.splitText(e)[f&&0!==e?1:0]);else return null}}const {element:k,after:n}=b.exportDOM(c);if(!k)return null;
+h=p.$isElementNode(b)?b.getChildren():[];for(e=0;e<h.length;e++)g=h[e],g.isSelected()&&(g=r(c,d,g))&&k.append(g);return n?n.call(b,k):k}function t(c,d){c=c.getData("text/plain");null!=c&&d.insertRawText(c)}function u(c,d){const {nodeName:h}=c;d=d._htmlConversions.get(h.toLowerCase());let b=null;void 0!==d&&d.forEach(f=>{f=f(c);null!==f&&(null===b||b.priority<f.priority)&&(b=f)});return null!==b?b.conversion:null}
+function w(c,d,h=new Map,b){let f=[];if(q.has(c.nodeName))return f;let a=null;var e=u(c,d);const g=e?e(c):null;e=null;if(null!==g){e=g.after;a=g.node;if(null!==a){for(var [,k]of h)if(a=k(a,b),!a)break;a&&f.push(a)}null!=g.forChild&&h.set(c.nodeName,g.forChild)}c=c.childNodes;b=[];for(k=0;k<c.length;k++)b.push(...w(c[k],d,h,a));null!=e&&(b=e(b));null==a?f=f.concat(b):p.$isElementNode(a)&&a.append(...b);return f}
+exports.$getLexicalContent=function(c){var d=p.$getSelection();return null!==d?(c=c._config.namespace,d=l.$cloneContents(d),JSON.stringify({namespace:c,state:d})):null};exports.$insertDataTransferForPlainText=t;
+exports.$insertDataTransferForRichText=function(c,d,h){var b=c.getData("application/x-lexical-editor");if(b){var f=h._config.namespace;try{const k=JSON.parse(b);if(k.namespace===f){const {range:n,nodeMap:m}=k.state;var a=new Map(m);b=[];for(f=0;f<n.length;f++){var e=a.get(n[f]);if(void 0!==e){var g=p.$createNodeFromParse(e,a);b.push(g)}}d.insertNodes(b);return}}catch(k){}}if(a=c.getData("text/html")){a=(new DOMParser).parseFromString(a,"text/html");c=[];a=a.body?Array.from(a.body.childNodes):[];e=
+a.length;for(g=0;g<e;g++)b=a[g],q.has(b.nodeName)||(b=w(b,h),null!==b&&(c=c.concat(b)));h=c;c=[];a=null;for(e=0;e<h.length;e++)g=h[e],!p.$isElementNode(g)||g.isInline()?(null===a&&(a=p.$createParagraphNode(),c.push(a)),null!==a&&a.append(g)):(c.push(g),a=null);d.insertNodes(c)}else t(c,d)};
+exports.getHtmlContent=function(c){const d=p.$getSelection();if(null==d)throw Error("Expected valid LexicalSelection");if(p.$isRangeSelection(d)&&d.isCollapsed()||0===d.getNodes().length)return null;var h=l.$cloneContents(d);const b=document.createElement("div");for(let a=0;a<h.range.length;a++){var f=p.$getNodeByKey(h.range[a]);f&&f.isSelected()&&(f=r(c,d,f))&&b.append(f)}return b.innerHTML};

package/package.json

@@ -9,14 +9,14 @@
     "paste"
   ],
   "license": "MIT",
-  "version": "0.1.19",
+  "version": "0.2.0",
   "main": "LexicalClipboard.js",
   "peerDependencies": {
-    "lexical": "0.1.19"
+    "lexical": "0.2.0"
   },
   "dependencies": {
-    "@lexical/utils": "0.1.19",
-    "@lexical/selection": "0.1.19"
+    "@lexical/utils": "0.2.0",
+    "@lexical/selection": "0.2.0"
   },
   "repository": {
     "type": "git",