@lexical/react 0.1.7 → 0.1.8

package/LexicalRichTextPlugin.js

@@ -1,27 +1,9 @@
-'use strict';var g=require("react"),v=require("@lexical/react/LexicalComposerContext"),x=require("lexical"),z=require("@lexical/list"),A=require("lexical/HeadingNode"),B=require("lexical/LinkNode"),C=require("lexical/CodeNode"),D=require("@lexical/react/withSubscriptions"),E=require("react-dom");
-function F(a){g.useEffect(()=>{const c=f=>{var e=a.getRootElement();if(document.activeElement===e&&(e=f.data,"string"===typeof e)){try{var d=JSON.parse(e)}catch(b){return}if(d&&"nuanria_messaging"===d.protocol&&"request"===d.type&&(d=d.payload)&&"makeChanges"===d.functionId&&(d=d.args)){const [b,k,h,l,q]=d;a.update(()=>{x.$log("useLexicalDragonSupport");const m=x.$getSelection();if(null!==m){var n=m.anchor;let r=n.getNode(),p=0,t=0;x.$isTextNode(r)&&0<=b&&0<=k&&(p=b,t=b+k,m.setTextNodeRange(r,p,r,
-t));if(p!==t||""!==h)m.insertRawText(h),r=n.getNode();x.$isTextNode(r)&&(p=l,t=l+q,n=r.getTextContentSize(),p=p>n?n:p,t=t>n?n:t,m.setTextNodeRange(r,p,r,t));f.stopImmediatePropagation()}})}}};window.addEventListener("message",c,!0);return()=>{window.removeEventListener("message",c,!0)}},[a])}
-function G(a){a=a.getLatest();const c=a.constructor.clone(a);c.__parent=a.__parent;x.$isElementNode(a)&&x.$isElementNode(c)?(c.__children=Array.from(a.__children),c.__format=a.__format,c.__indent=a.__indent,c.__dir=a.__dir):x.$isTextNode(a)&&x.$isTextNode(c)?(c.__format=a.__format,c.__style=a.__style,c.__mode=a.__mode,c.__detail=a.__detail):x.$isDecoratorNode(a)&&x.$isDecoratorNode(c)&&(c.__state=a.__state);return c}
-function H(a,c,f,e,d){for(var b=c;null!==a;){for(c=a.getParent();null!==c&&c.excludeFromCopy();)c=c.getParent();if(null===c)break;if(!x.$isElementNode(a)||!a.excludeFromCopy()){const k=a.getKey();let h=d.get(k);const l=void 0===h;l&&(h=G(a),d.set(k,h));!x.$isTextNode(h)||h.isSegmented()||h.isToken()?x.$isElementNode(h)&&(h.__children=h.__children.slice(f?b:0,f?void 0:b+1)):h.__text=h.__text.slice(f?b:0,f?void 0:b);if(x.$isRootNode(c)){l&&e.push(k);break}}b=d.get(c.getKey());b=x.$isElementNode(b)?
-b.__children.indexOf(a.getKey()):a.getIndexWithinParent();a=c}}
-const I={ul:()=>({node:z.$createListNode("ul")}),ol:()=>({node:z.$createListNode("ol")}),li:()=>({node:z.$createListItemNode()}),h1:()=>({node:A.$createHeadingNode("h1")}),h2:()=>({node:A.$createHeadingNode("h2")}),h3:()=>({node:A.$createHeadingNode("h3")}),h4:()=>({node:A.$createHeadingNode("h4")}),h5:()=>({node:A.$createHeadingNode("h5")}),p:()=>({node:x.$createParagraphNode()}),br:()=>({node:x.$createLineBreakNode()}),a:a=>({node:a instanceof HTMLAnchorElement?B.$createLinkNode(a.href):x.$createTextNode(a.textContent)}),
-u:()=>({node:null,forChild:a=>{x.$isTextNode(a)&&a.toggleFormat("underline")}}),b:a=>{const c="normal"===a.style.fontWeight;return{node:null,forChild:f=>{x.$isTextNode(f)&&!c&&f.toggleFormat("bold")}}},strong:()=>({node:null,forChild:a=>{x.$isTextNode(a)&&a.toggleFormat("bold")}}),i:()=>({node:null,forChild:a=>{x.$isTextNode(a)&&a.toggleFormat("italic")}}),em:()=>({node:null,forChild:a=>{x.$isTextNode(a)&&a.toggleFormat("italic")}}),td:a=>{const c=a.classList.contains("js-file-line");return{node:null,
-after:f=>{c&&a.parentNode&&a.parentNode.nextSibling&&f.push(x.$createLineBreakNode());return f}}},table:a=>({node:a.classList.contains("js-file-line-container")?C.$createCodeNode():null}),span:a=>{const c="700"===a.style.fontWeight;return{node:null,forChild:f=>{x.$isTextNode(f)&&c&&f.toggleFormat("bold")}}},"#text":a=>({node:x.$createTextNode(a.textContent)}),pre:()=>({node:C.$createCodeNode()}),div:a=>({node:null!==a.style.fontFamily.match("monospace")?C.$createCodeNode():null,after:c=>{const f=
-a.parentNode;null!=f&&a!==f.lastChild&&c.push(x.$createLineBreakNode());return c}})};
-function J(a,c,f,e=new Map){let d=[],b=null;var k=a.nodeName.toLowerCase(),h=(f._config.htmlTransforms||{})[k]||c[k],l=h?h(a):null;h=null;if(null!==l){h=l.after;b=l.node;if(null!==b){d.push(b);const q=Array.from(e.values());for(let m=0;m<q.length;m++)q[m](b)}null!=l.forChild&&e.set(k,l.forChild)}a=a.childNodes;k=[];for(l=0;l<a.length;l++)k.push(...J(a[l],c,f,e));null!=h&&(k=h(k));null==b?d=d.concat(k):x.$isElementNode(b)&&b.append(...k);return d}
-function K(a,c,f){var e=a.getData("application/x-lexical-editor");if(e){var d=f._config.namespace;try{const l=JSON.parse(e);if(l.namespace===d){const {range:q,nodeMap:m}=l.state;var b=new Map(m);e=[];for(d=0;d<q.length;d++){var k=b.get(q[d]);if(void 0!==k){var h=x.$createNodeFromParse(k,b);e.push(h)}}c.insertNodes(e);return}}catch(l){}}if(b=a.getData("text/html")){b=(new DOMParser).parseFromString(b,"text/html");a=[];b=b.body?Array.from(b.body.childNodes):[];k=b.length;for(h=0;h<k;h++)e=J(b[h],I,
-f),null!==e&&(a=a.concat(e));f=a;a=[];b=null;for(k=0;k<f.length;k++)h=f[k],!x.$isElementNode(h)||h.isInline()?(null===b&&(b=x.$createParagraphNode(),a.push(b)),null!==b&&b.append(h)):(a.push(h),b=null);c.insertNodes(a)}else f=a.getData("text/plain"),null!=f&&c.insertRawText(f)}
-function L(a,c){var f=a.focus;a=f.offset;"element"===f.type?c=f.getNode().getChildAtIndex(c?a-1:a):(f=f.getNode(),c=c&&0===a||!c&&a===f.getTextContentSize()?c?f.getPreviousSibling():f.getNextSibling():null);return x.$isDecoratorNode(c)}function M(a,c){a.preventDefault();c.update(()=>{x.$log("onPasteForRichText");const f=x.$getSelection(),e=a.clipboardData;null!=e&&null!==f&&K(e,f,c)})}
-function N(a,c){O(a,c);c.update(()=>{x.$log("onCutForRichText");const f=x.$getSelection();null!==f&&f.removeText()})}
-function O(a,c){a.preventDefault();c.update(()=>{x.$log("onCopyForRichText");const f=a.clipboardData;var e=x.$getSelection();if(null!==e&&null!=f){var d=window.getSelection();if(!d.isCollapsed){var b=d.getRangeAt(0);b&&(d=document.createElement("div"),b=b.cloneContents(),d.appendChild(b),f.setData("text/html",d.innerHTML));f.setData("text/plain",e.getTextContent());d=c._config.namespace;b=f.setData;var k=JSON,h=k.stringify;{var l=e.anchor,q=e.focus;var m=l.getCharacterOffset();const y=q.getCharacterOffset();
-var n=l.getNode(),r=q.getNode(),p=n.getParentOrThrow();if(n===r&&x.$isTextNode(n)&&(p.canBeEmpty()||1<p.getChildrenSize()))e=G(n),n=y>m,e.__text=e.__text.slice(n?m:y,n?y:m),m=e.getKey(),m={range:[m],nodeMap:[[m,e]]};else if(e=e.getNodes(),0===e.length)m={range:[],nodeMap:[]};else{n=e.length;r=e[0];p=r.getParent();if(null!==p&&!p.canBeEmpty()){var t=p.__children;if(t.length===n){var u=!0;for(var w=0;w<t.length;w++)if(t[w]!==e[w].__key){u=!1;break}u&&(n++,e.push(p))}}p=e[n-1];l=l.isBefore(q);q=new Map;
-t=[];H(r,l?m:y,!0,t,q);for(r=0;r<n;r++)if(u=e[r],w=u.getKey(),!(q.has(w)||x.$isElementNode(u)&&u.excludeFromCopy())){const S=G(u);x.$isRootNode(u.getParent())&&t.push(u.getKey());q.set(w,S)}H(p,l?y:m,!1,t,q);m={range:t,nodeMap:Array.from(q.entries())}}}b.call(f,"application/x-lexical-editor",h.call(k,{namespace:d,state:m}))}}})}var P="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?g.useLayoutEffect:g.useEffect;
-function Q(a,c){const f=x.$createParagraphNode();a.append(f);a=document.activeElement;(null!==x.$getSelection()||null!==a&&a===c.getRootElement())&&f.select()}function R(a){a.update(()=>{x.$log("initEditor");const c=x.$getRoot();null===c.getFirstChild()&&Q(c,a)})}function T(a,c){a.update(()=>{x.$log("clearEditor");const f=x.$getRoot();f.clear();Q(f,a)},{onUpdate:c})}
-function U(a,c){P(()=>{const f=D(a.addListener("command",(e,d)=>{var b=x.$getSelection();if(null===b)return!1;switch(e){case "deleteCharacter":return b.deleteCharacter(d),!0;case "deleteWord":return b.deleteWord(d),!0;case "deleteLine":return b.deleteLine(d),!0;case "insertText":return"string"===typeof d?b.insertText(d):(e=d.dataTransfer,null!=e?K(e,b,a):(d=d.data)&&b.insertText(d)),!0;case "removeText":return b.removeText(),!0;case "formatText":return b.formatText(d),!0;case "formatElement":return b=
-b.anchor.getNode(),(x.$isElementNode(b)?b:b.getParentOrThrow()).setFormat(d),!0;case "insertLineBreak":return b.insertLineBreak(d),!0;case "insertParagraph":return b.insertParagraph(),!0;case "indentContent":return b=b.anchor,b="element"===b.type?b.getNode():b.getNode().getParentOrThrow(),b.canInsertTab()?a.execCommand("insertText","\t"):10!==b.getIndent()&&b.setIndent(b.getIndent()+1),!0;case "outdentContent":return b=b.anchor,d=b.getNode(),e="element"===b.type?b.getNode():b.getNode().getParentOrThrow(),
-e.canInsertTab()?"\t"===d.getTextContent()[b.offset-1]&&a.execCommand("deleteCharacter",!0):0!==e.getIndent()&&e.setIndent(e.getIndent()-1),!0;case "keyArrowLeft":e=d.shiftKey;if(L(b,!0))return d.preventDefault(),d=e,e="rtl"===b.anchor.getNode().getParentOrThrow().getDirection(),b.modify(d?"extend":"move",!e,"character"),!0;break;case "keyArrowRight":e=d.shiftKey;if(L(b,!1))return d.preventDefault(),d=e,e="rtl"===b.anchor.getNode().getParentOrThrow().getDirection(),b.modify(d?"extend":"move",e,"character"),
-!0;break;case "keyBackspace":return d.preventDefault(),{anchor:d}=b,b.isCollapsed()&&0===d.offset&&0<("element"===d.type?d.getNode():d.getNode().getParentOrThrow()).getIndent()?a.execCommand("outdentContent"):a.execCommand("deleteCharacter",!0);case "keyDelete":return d.preventDefault(),a.execCommand("deleteCharacter",!1);case "keyEnter":return d.preventDefault(),d.shiftKey?a.execCommand("insertLineBreak"):a.execCommand("insertParagraph");case "keyTab":return d.preventDefault(),a.execCommand(d.shiftKey?
-"outdentContent":"indentContent");case "keyEscape":return a.blur(),!0;case "clearEditor":T(a);break;case "copy":return O(d,a),!0;case "cut":return N(d,a),!0;case "paste":return M(d,a),!0;case "drop":case "dragstart":return d.preventDefault(),!0}return!1},0));c&&R(a);return f},[a,c]);F(a)}
-function V(a){const [c,f]=g.useState(()=>a.getDecorators());P(()=>a.addListener("decorator",e=>{E.flushSync(()=>{f(e)})}),[a]);return g.useMemo(()=>{const e=[],d=Object.keys(c);for(let k=0;k<d.length;k++){var b=d[k];const h=c[b];b=a.getElementByKey(b);null!==b&&e.push(E.createPortal(h,b))}return e},[c,a])}function W(a,c=!0){if(a)return!1;a=x.$getRoot().getTextContent();c&&(a=a.trim());return""===a}
-function X(a){if(!W(a,!1))return!1;a=x.$getRoot().getChildren();const c=a.length;if(1<c)return!1;for(let e=0;e<c;e++){var f=a[e];if(x.$isElementNode(f)){if("paragraph"!==f.__type||0!==f.__indent)return!1;f=f.getChildren();const d=f.length;for(let b=0;b<d;b++)if(!x.$isTextNode(f[e]))return!1}}return!0}function Y(a){return()=>X(a)}
-function Z(a){const [c,f]=g.useState(a.getEditorState().read(Y(a.isComposing())));P(()=>a.addListener("update",({editorState:e})=>{const d=a.isComposing();e=e.read(Y(d));f(e)}),[a]);return c}module.exports=function({contentEditable:a,placeholder:c,skipInit:f}){const [e]=v.useLexicalComposerContext(),d=Z(e);U(e,!f);f=V(e);return g.createElement(g.Fragment,null,a,d&&c,f)};
+/**
+ * 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.
+ */
+'use strict'
+const LexicalRichTextPlugin = process.env.NODE_ENV === 'development' ? require('./LexicalRichTextPlugin.dev.js') : require('./LexicalRichTextPlugin.prod.js')
+module.exports = LexicalRichTextPlugin;

package/LexicalRichTextPlugin.prod.js

@@ -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.
+ */
+'use strict';var g=require("@lexical/react/LexicalComposerContext"),v=require("react"),x=require("lexical"),z=require("react-dom"),A=require("@lexical/list"),B=require("lexical/CodeNode"),C=require("lexical/HeadingNode"),D=require("lexical/LinkNode");function E(a,e=!0){if(a)return!1;a=x.$getRoot().getTextContent();e&&(a=a.trim());return""===a}
+function F(a){if(!E(a,!1))return!1;a=x.$getRoot().getChildren();const e=a.length;if(1<e)return!1;for(let b=0;b<e;b++){var c=a[b];if(x.$isElementNode(c)){if("paragraph"!==c.__type||0!==c.__indent)return!1;c=c.getChildren();const d=c.length;for(let f=0;f<d;f++)if(!x.$isTextNode(c[b]))return!1}}return!0}function G(a){return()=>F(a)}var H="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?v.useLayoutEffect:v.useEffect;
+function I(a){const [e,c]=v.useState(a.getEditorState().read(G(a.isComposing())));H(()=>a.addListener("update",({editorState:b})=>{const d=a.isComposing();b=b.read(G(d));c(b)}),[a]);return e}function J(a){const [e,c]=v.useState(()=>a.getDecorators());H(()=>a.addListener("decorator",b=>{z.flushSync(()=>{c(b)})}),[a]);return v.useMemo(()=>{const b=[],d=Object.keys(e);for(let k=0;k<d.length;k++){var f=d[k];const h=e[f];f=a.getElementByKey(f);null!==f&&b.push(z.createPortal(h,f))}return b},[e,a])}
+function K(a){a=a.getLatest();const e=a.constructor.clone(a);e.__parent=a.__parent;x.$isElementNode(a)&&x.$isElementNode(e)?(e.__children=Array.from(a.__children),e.__format=a.__format,e.__indent=a.__indent,e.__dir=a.__dir):x.$isTextNode(a)&&x.$isTextNode(e)?(e.__format=a.__format,e.__style=a.__style,e.__mode=a.__mode,e.__detail=a.__detail):x.$isDecoratorNode(a)&&x.$isDecoratorNode(e)&&(e.__state=a.__state);return e}
+function L(a,e,c,b,d){for(var f=e;null!==a;){for(e=a.getParent();null!==e&&e.excludeFromCopy();)e=e.getParent();if(null===e)break;if(!x.$isElementNode(a)||!a.excludeFromCopy()){const k=a.getKey();let h=d.get(k);const l=void 0===h;l&&(h=K(a),d.set(k,h));!x.$isTextNode(h)||h.isSegmented()||h.isToken()?x.$isElementNode(h)&&(h.__children=h.__children.slice(c?f:0,c?void 0:f+1)):h.__text=h.__text.slice(c?f:0,c?void 0:f);if(x.$isRootNode(e)){l&&b.push(k);break}}f=d.get(e.getKey());f=x.$isElementNode(f)?
+f.__children.indexOf(a.getKey()):a.getIndexWithinParent();a=e}}
+const M={"#text":a=>({node:x.$createTextNode(a.textContent)}),a:a=>({node:a instanceof HTMLAnchorElement?D.$createLinkNode(a.href):x.$createTextNode(a.textContent)}),b:a=>{const e="normal"===a.style.fontWeight;return{forChild:c=>{x.$isTextNode(c)&&!e&&c.toggleFormat("bold")},node:null}},br:()=>({node:x.$createLineBreakNode()}),div:a=>({after:e=>{const c=a.parentNode;null!=c&&a!==c.lastChild&&e.push(x.$createLineBreakNode());return e},node:null!==a.style.fontFamily.match("monospace")?B.$createCodeNode():
+null}),em:()=>({forChild:a=>{x.$isTextNode(a)&&a.toggleFormat("italic")},node:null}),h1:()=>({node:C.$createHeadingNode("h1")}),h2:()=>({node:C.$createHeadingNode("h2")}),h3:()=>({node:C.$createHeadingNode("h3")}),h4:()=>({node:C.$createHeadingNode("h4")}),h5:()=>({node:C.$createHeadingNode("h5")}),i:()=>({forChild:a=>{x.$isTextNode(a)&&a.toggleFormat("italic")},node:null}),li:()=>({node:A.$createListItemNode()}),ol:()=>({node:A.$createListNode("ol")}),p:()=>({node:x.$createParagraphNode()}),pre:()=>
+({node:B.$createCodeNode()}),span:a=>{const e="700"===a.style.fontWeight;return{forChild:c=>{x.$isTextNode(c)&&e&&c.toggleFormat("bold")},node:null}},strong:()=>({forChild:a=>{x.$isTextNode(a)&&a.toggleFormat("bold")},node:null}),table:a=>({node:a.classList.contains("js-file-line-container")?B.$createCodeNode():null}),td:a=>{const e=a.classList.contains("js-file-line");return{after:c=>{e&&a.parentNode&&a.parentNode.nextSibling&&c.push(x.$createLineBreakNode());return c},node:null}},u:()=>({forChild:a=>
+{x.$isTextNode(a)&&a.toggleFormat("underline")},node:null}),ul:()=>({node:A.$createListNode("ul")})};
+function N(a,e,c,b=new Map){let d=[],f=null;var k=a.nodeName.toLowerCase(),h=(c._config.htmlTransforms||{})[k]||e[k],l=h?h(a):null;h=null;if(null!==l){h=l.after;f=l.node;if(null!==f){d.push(f);const q=Array.from(b.values());for(let m=0;m<q.length;m++)q[m](f)}null!=l.forChild&&b.set(k,l.forChild)}a=a.childNodes;k=[];for(l=0;l<a.length;l++)k.push(...N(a[l],e,c,b));null!=h&&(k=h(k));null==f?d=d.concat(k):x.$isElementNode(f)&&f.append(...k);return d}
+function O(a,e,c){var b=a.getData("application/x-lexical-editor");if(b){var d=c._config.namespace;try{const l=JSON.parse(b);if(l.namespace===d){const {range:q,nodeMap:m}=l.state;var f=new Map(m);b=[];for(d=0;d<q.length;d++){var k=f.get(q[d]);if(void 0!==k){var h=x.$createNodeFromParse(k,f);b.push(h)}}e.insertNodes(b);return}}catch(l){}}if(f=a.getData("text/html")){f=(new DOMParser).parseFromString(f,"text/html");a=[];f=f.body?Array.from(f.body.childNodes):[];k=f.length;for(h=0;h<k;h++)b=N(f[h],M,
+c),null!==b&&(a=a.concat(b));c=a;a=[];f=null;for(k=0;k<c.length;k++)h=c[k],!x.$isElementNode(h)||h.isInline()?(null===f&&(f=x.$createParagraphNode(),a.push(f)),null!==f&&f.append(h)):(a.push(h),f=null);e.insertNodes(a)}else c=a.getData("text/plain"),null!=c&&e.insertRawText(c)}
+function P(a,e){var c=a.focus;a=c.offset;"element"===c.type?e=c.getNode().getChildAtIndex(e?a-1:a):(c=c.getNode(),e=e&&0===a||!e&&a===c.getTextContentSize()?e?c.getPreviousSibling():c.getNextSibling():null);return x.$isDecoratorNode(e)}function Q(a,e){a.preventDefault();e.update(()=>{x.$log("onPasteForRichText");const c=x.$getSelection(),b=a.clipboardData;null!=b&&null!==c&&O(b,c,e)})}
+function R(a,e){S(a,e);e.update(()=>{x.$log("onCutForRichText");const c=x.$getSelection();null!==c&&c.removeText()})}
+function S(a,e){a.preventDefault();e.update(()=>{x.$log("onCopyForRichText");const c=a.clipboardData;var b=x.$getSelection();if(null!==b&&null!=c){var d=window.getSelection();if(!d.isCollapsed){var f=d.getRangeAt(0);f&&(d=document.createElement("div"),f=f.cloneContents(),d.appendChild(f),c.setData("text/html",d.innerHTML));c.setData("text/plain",b.getTextContent());d=e._config.namespace;f=c.setData;var k=JSON,h=k.stringify;{var l=b.anchor,q=b.focus;var m=l.getCharacterOffset();const y=q.getCharacterOffset();
+var n=l.getNode(),r=q.getNode(),p=n.getParentOrThrow();if(n===r&&x.$isTextNode(n)&&(p.canBeEmpty()||1<p.getChildrenSize()))b=K(n),n=y>m,b.__text=b.__text.slice(n?m:y,n?y:m),m=b.getKey(),m={nodeMap:[[m,b]],range:[m]};else if(b=b.getNodes(),0===b.length)m={nodeMap:[],range:[]};else{n=b.length;r=b[0];p=r.getParent();if(null!==p&&!p.canBeEmpty()){var t=p.__children;if(t.length===n){var u=!0;for(var w=0;w<t.length;w++)if(t[w]!==b[w].__key){u=!1;break}u&&(n++,b.push(p))}}p=b[n-1];l=l.isBefore(q);q=new Map;
+t=[];L(r,l?m:y,!0,t,q);for(r=0;r<n;r++)if(u=b[r],w=u.getKey(),!(q.has(w)||x.$isElementNode(u)&&u.excludeFromCopy())){const T=K(u);x.$isRootNode(u.getParent())&&t.push(u.getKey());q.set(w,T)}L(p,l?y:m,!1,t,q);m={nodeMap:Array.from(q.entries()),range:t}}}f.call(c,"application/x-lexical-editor",h.call(k,{namespace:d,state:m}))}}})}
+function U(a){v.useEffect(()=>{const e=c=>{var b=a.getRootElement();if(document.activeElement===b&&(b=c.data,"string"===typeof b)){try{var d=JSON.parse(b)}catch(f){return}if(d&&"nuanria_messaging"===d.protocol&&"request"===d.type&&(d=d.payload)&&"makeChanges"===d.functionId&&(d=d.args)){const [f,k,h,l,q]=d;a.update(()=>{x.$log("useLexicalDragonSupport");const m=x.$getSelection();if(null!==m){var n=m.anchor;let r=n.getNode(),p=0,t=0;x.$isTextNode(r)&&0<=f&&0<=k&&(p=f,t=f+k,m.setTextNodeRange(r,p,r,
+t));if(p!==t||""!==h)m.insertRawText(h),r=n.getNode();x.$isTextNode(r)&&(p=l,t=l+q,n=r.getTextContentSize(),p=p>n?n:p,t=t>n?n:t,m.setTextNodeRange(r,p,r,t));c.stopImmediatePropagation()}})}}};window.addEventListener("message",e,!0);return()=>{window.removeEventListener("message",e,!0)}},[a])}
+function V(a){H(()=>{const e=a.addListener("command",(c,b)=>{var d=x.$getSelection();if(null===d)return!1;switch(c){case "deleteCharacter":return d.deleteCharacter(b),!0;case "deleteWord":return d.deleteWord(b),!0;case "deleteLine":return d.deleteLine(b),!0;case "insertText":return"string"===typeof b?d.insertText(b):(c=b.dataTransfer,null!=c?O(c,d,a):(b=b.data)&&d.insertText(b)),!0;case "removeText":return d.removeText(),!0;case "formatText":return d.formatText(b),!0;case "formatElement":return d=
+d.anchor.getNode(),(x.$isElementNode(d)?d:d.getParentOrThrow()).setFormat(b),!0;case "insertLineBreak":return d.insertLineBreak(b),!0;case "insertParagraph":return d.insertParagraph(),!0;case "indentContent":return d=d.anchor,d="element"===d.type?d.getNode():d.getNode().getParentOrThrow(),d.canInsertTab()?a.execCommand("insertText","\t"):10!==d.getIndent()&&d.setIndent(d.getIndent()+1),!0;case "outdentContent":return d=d.anchor,b=d.getNode(),c="element"===d.type?d.getNode():d.getNode().getParentOrThrow(),
+c.canInsertTab()?"\t"===b.getTextContent()[d.offset-1]&&a.execCommand("deleteCharacter",!0):0!==c.getIndent()&&c.setIndent(c.getIndent()-1),!0;case "keyArrowLeft":c=b.shiftKey;if(P(d,!0))return b.preventDefault(),b=c,c="rtl"===d.anchor.getNode().getParentOrThrow().getDirection(),d.modify(b?"extend":"move",!c,"character"),!0;break;case "keyArrowRight":c=b.shiftKey;if(P(d,!1))return b.preventDefault(),b=c,c="rtl"===d.anchor.getNode().getParentOrThrow().getDirection(),d.modify(b?"extend":"move",c,"character"),
+!0;break;case "keyBackspace":return b.preventDefault(),{anchor:b}=d,d.isCollapsed()&&0===b.offset&&0<("element"===b.type?b.getNode():b.getNode().getParentOrThrow()).getIndent()?a.execCommand("outdentContent"):a.execCommand("deleteCharacter",!0);case "keyDelete":return b.preventDefault(),a.execCommand("deleteCharacter",!1);case "keyEnter":return b.preventDefault(),b.shiftKey?a.execCommand("insertLineBreak"):a.execCommand("insertParagraph");case "keyTab":return b.preventDefault(),a.execCommand(b.shiftKey?
+"outdentContent":"indentContent");case "keyEscape":return a.blur(),!0;case "copy":return S(b,a),!0;case "cut":return R(b,a),!0;case "paste":return Q(b,a),!0;case "drop":case "dragstart":return b.preventDefault(),!0}return!1},0);a.execCommand("bootstrapEditor");return e},[a]);U(a)}module.exports=function({contentEditable:a,placeholder:e}){var [c]=g.useLexicalComposerContext();const b=I(c);V(c);c=J(c);return v.createElement(v.Fragment,null,a,b&&e,c)};

package/LexicalTablePlugin.dev.js

@@ -0,0 +1,95 @@
+/**
+ * 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.
+ */
+'use strict';
+
+var lexical = require('lexical');
+var TableCellNode = require('lexical/TableCellNode');
+var TableNode = require('lexical/TableNode');
+var TableRowNode = require('lexical/TableRowNode');
+var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
+var react = require('react');
+
+/**
+ * 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.
+ *
+ * 
+ */
+function $createTableNodeWithDimensions(rowCount, columnCount, includeHeader = true) {
+  const tableNode = TableNode.$createTableNode();
+
+  for (let iRow = 0; iRow < rowCount; iRow++) {
+    const tableRowNode = TableRowNode.$createTableRowNode();
+
+    for (let iColumn = 0; iColumn < columnCount; iColumn++) {
+      const tableCellNode = TableCellNode.$createTableCellNode(iRow === 0 && includeHeader);
+      const paragraphNode = lexical.$createParagraphNode();
+      paragraphNode.append(lexical.$createTextNode());
+      tableCellNode.append(paragraphNode);
+      tableRowNode.append(tableCellNode);
+    }
+
+    tableNode.append(tableRowNode);
+  }
+
+  return tableNode;
+}
+
+/**
+ * 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 EditorPriority = 0;
+function TablePlugin() {
+  const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  react.useEffect(() => {
+    if (!editor.hasNodes([TableNode.TableNode, TableCellNode.TableCellNode, TableRowNode.TableRowNode])) {
+      {
+        throw Error(`TablePlugin: TableNode, TableCellNode or TableRowNode not registered on editor`);
+      }
+    }
+
+    return editor.addListener('command', (type, payload) => {
+      if (type === 'insertTable') {
+        const {
+          columns,
+          rows
+        } = payload;
+        lexical.$log('handleAddTable');
+        const selection = lexical.$getSelection();
+
+        if (selection === null) {
+          return true;
+        }
+
+        const focusNode = selection.focus.getNode();
+
+        if (focusNode !== null) {
+          const topLevelNode = focusNode.getTopLevelElementOrThrow();
+          const tableNode = $createTableNodeWithDimensions(rows, columns);
+          topLevelNode.insertAfter(tableNode);
+          tableNode.insertAfter(lexical.$createParagraphNode());
+          const firstCell = tableNode.getFirstChildOrThrow().getFirstChildOrThrow();
+          firstCell.select();
+        }
+
+        return true;
+      }
+
+      return false;
+    }, EditorPriority);
+  }, [editor]);
+  return null;
+}
+
+module.exports = TablePlugin;

package/LexicalTablePlugin.js

@@ -1,3 +1,9 @@
-'use strict';var c=require("react"),g=require("@lexical/react/LexicalComposerContext"),h=require("lexical"),k=require("lexical/TableNode"),q=require("lexical/TableRowNode"),r=require("lexical/TableCellNode");function t(d,a,b=!0){const f=k.$createTableNode();for(let e=0;e<d;e++){const l=q.$createTableRowNode();for(let m=0;m<a;m++){const n=r.$createTableCellNode(0===e&&b),p=h.$createParagraphNode();p.append(h.$createTextNode());n.append(p);l.append(n)}f.append(l)}return f}
-module.exports=function(){const [d]=g.useLexicalComposerContext();c.useEffect(()=>{if(!d.hasNodes([k.TableNode,r.TableCellNode,q.TableRowNode]))throw Error("TablePlugin: TableNode, TableCellNode or TableRowNode not registered on editor");return d.addListener("command",(a,b)=>{if("insertTable"===a){const {columns:f,rows:e}=b;h.$log("handleAddTable");a=h.$getSelection();if(null===a)return!0;a=a.focus.getNode();null!==a&&(a=a.getTopLevelElementOrThrow(),b=t(e,f),a.insertAfter(b),b.insertAfter(h.$createParagraphNode()),
-b.getFirstChildOrThrow().getFirstChildOrThrow().select());return!0}return!1},0)},[d]);return null};
+/**
+ * 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.
+ */
+'use strict'
+const LexicalTablePlugin = process.env.NODE_ENV === 'development' ? require('./LexicalTablePlugin.dev.js') : require('./LexicalTablePlugin.prod.js')
+module.exports = LexicalTablePlugin;

package/LexicalTablePlugin.prod.js

@@ -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.
+ */
+'use strict';var c=require("lexical"),g=require("lexical/TableCellNode"),h=require("lexical/TableNode"),k=require("lexical/TableRowNode"),q=require("@lexical/react/LexicalComposerContext"),r=require("react");function t(d,a,b=!0){const f=h.$createTableNode();for(let e=0;e<d;e++){const l=k.$createTableRowNode();for(let m=0;m<a;m++){const n=g.$createTableCellNode(0===e&&b),p=c.$createParagraphNode();p.append(c.$createTextNode());n.append(p);l.append(n)}f.append(l)}return f}
+module.exports=function(){const [d]=q.useLexicalComposerContext();r.useEffect(()=>{if(!d.hasNodes([h.TableNode,g.TableCellNode,k.TableRowNode]))throw Error("TablePlugin: TableNode, TableCellNode or TableRowNode not registered on editor");return d.addListener("command",(a,b)=>{if("insertTable"===a){const {columns:f,rows:e}=b;c.$log("handleAddTable");a=c.$getSelection();if(null===a)return!0;a=a.focus.getNode();null!==a&&(a=a.getTopLevelElementOrThrow(),b=t(e,f),a.insertAfter(b),b.insertAfter(c.$createParagraphNode()),
+b.getFirstChildOrThrow().getFirstChildOrThrow().select());return!0}return!1},0)},[d]);return null};

package/LexicalTreeView.dev.js

@@ -0,0 +1,340 @@
+/**
+ * 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.
+ */
+'use strict';
+
+var lexical = require('lexical');
+var React = require('react');
+
+/**
+ * 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 NON_SINGLE_WIDTH_CHARS_REPLACEMENT = Object.freeze({
+  '\t': '\\t',
+  '\n': '\\n'
+});
+const NON_SINGLE_WIDTH_CHARS_REGEX = new RegExp(Object.keys(NON_SINGLE_WIDTH_CHARS_REPLACEMENT).join('|'), 'g');
+const SYMBOLS = Object.freeze({
+  ancestorHasNextSibling: '|',
+  ancestorIsLastChild: ' ',
+  hasNextSibling: '├',
+  isLastChild: '└',
+  selectedChar: '^',
+  selectedLine: '>'
+});
+function TreeView({
+  timeTravelButtonClassName,
+  timeTravelPanelSliderClassName,
+  timeTravelPanelButtonClassName,
+  viewClassName,
+  timeTravelPanelClassName,
+  editor
+}) {
+  const [timeStampedEditorStates, setTimeStampedEditorStates] = React.useState([]);
+  const [content, setContent] = React.useState('');
+  const [timeTravelEnabled, setTimeTravelEnabled] = React.useState(false);
+  const playingIndexRef = React.useRef(0);
+  const treeElementRef = React.useRef(null);
+  const inputRef = React.useRef(null);
+  const [isPlaying, setIsPlaying] = React.useState(false);
+  React.useEffect(() => {
+    setContent(generateContent(editor.getEditorState()));
+    return editor.addListener('update', ({
+      editorState
+    }) => {
+      const compositionKey = editor._compositionKey;
+      const treeText = generateContent(editor.getEditorState());
+      const compositionText = compositionKey !== null && `Composition key: ${compositionKey}`;
+      setContent([treeText, compositionText].filter(Boolean).join('\n\n'));
+
+      if (!timeTravelEnabled) {
+        setTimeStampedEditorStates(currentEditorStates => [...currentEditorStates, [Date.now(), editorState]]);
+      }
+    });
+  }, [timeTravelEnabled, editor]);
+  const totalEditorStates = timeStampedEditorStates.length;
+  React.useEffect(() => {
+    if (isPlaying) {
+      let timeoutId;
+
+      const play = () => {
+        const currentIndex = playingIndexRef.current;
+
+        if (currentIndex === totalEditorStates - 1) {
+          setIsPlaying(false);
+          return;
+        }
+
+        const currentTime = timeStampedEditorStates[currentIndex][0];
+        const nextTime = timeStampedEditorStates[currentIndex + 1][0];
+        const timeDiff = nextTime - currentTime;
+        timeoutId = setTimeout(() => {
+          playingIndexRef.current++;
+          const index = playingIndexRef.current;
+          const input = inputRef.current;
+
+          if (input !== null) {
+            input.value = String(index);
+          }
+
+          editor.setEditorState(timeStampedEditorStates[index][1]);
+          play();
+        }, timeDiff);
+      };
+
+      play();
+      return () => {
+        window.clearTimeout(timeoutId);
+      };
+    }
+  }, [timeStampedEditorStates, isPlaying, editor, totalEditorStates]);
+  React.useEffect(() => {
+    const element = treeElementRef.current;
+
+    if (element !== null) {
+      // $FlowExpectedError[prop-missing] Internal field
+      element.__lexicalEditor = editor;
+      return () => {
+        // $FlowExpectedError[prop-missing] Internal field
+        element.__lexicalEditor = null;
+      };
+    }
+  }, [editor]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: viewClassName
+  }, !timeTravelEnabled && totalEditorStates > 2 && /*#__PURE__*/React.createElement("button", {
+    onClick: () => {
+      const rootElement = editor.getRootElement();
+
+      if (rootElement !== null) {
+        rootElement.contentEditable = 'false';
+        playingIndexRef.current = totalEditorStates - 1;
+        setTimeTravelEnabled(true);
+      }
+    },
+    className: timeTravelButtonClassName
+  }, "Time Travel"), /*#__PURE__*/React.createElement("pre", {
+    ref: treeElementRef
+  }, content), timeTravelEnabled && /*#__PURE__*/React.createElement("div", {
+    className: timeTravelPanelClassName
+  }, /*#__PURE__*/React.createElement("button", {
+    className: timeTravelPanelButtonClassName,
+    onClick: () => {
+      setIsPlaying(!isPlaying);
+    }
+  }, isPlaying ? 'Pause' : 'Play'), /*#__PURE__*/React.createElement("input", {
+    className: timeTravelPanelSliderClassName,
+    ref: inputRef,
+    onChange: event => {
+      const editorStateIndex = Number(event.target.value);
+      const timeStampedEditorState = timeStampedEditorStates[editorStateIndex];
+
+      if (timeStampedEditorState) {
+        playingIndexRef.current = editorStateIndex;
+        editor.setEditorState(timeStampedEditorState[1]);
+      }
+    },
+    type: "range",
+    min: "1",
+    max: totalEditorStates - 1
+  }), /*#__PURE__*/React.createElement("button", {
+    className: timeTravelPanelButtonClassName,
+    onClick: () => {
+      const rootElement = editor.getRootElement();
+
+      if (rootElement !== null) {
+        rootElement.contentEditable = 'true';
+        const index = timeStampedEditorStates.length - 1;
+        const timeStampedEditorState = timeStampedEditorStates[index];
+        editor.setEditorState(timeStampedEditorState[1]);
+        const input = inputRef.current;
+
+        if (input !== null) {
+          input.value = String(index);
+        }
+
+        setTimeTravelEnabled(false);
+        setIsPlaying(false);
+      }
+    }
+  }, "Exit")));
+}
+
+function printRangeSelection(selection) {
+  let res = '';
+  const formatText = printFormatProperties(selection);
+  res += `: range ${formatText !== '' ? `{ ${formatText} }` : ''}`;
+  const anchor = selection.anchor;
+  const focus = selection.focus;
+  const anchorOffset = anchor.offset;
+  const focusOffset = focus.offset;
+  res += `\n  ├ anchor { key: ${anchor.key}, offset: ${anchorOffset === null ? 'null' : anchorOffset}, type: ${anchor.type} }`;
+  res += `\n  └ focus { key: ${focus.key}, offset: ${focusOffset === null ? 'null' : focusOffset}, type: ${focus.type} }`;
+  return res;
+}
+
+function generateContent(editorState) {
+  let res = ' root\n';
+  const selectionString = editorState.read(() => {
+    const selection = lexical.$getSelection();
+    visitTree(lexical.$getRoot(), (node, indent) => {
+      const nodeKey = node.getKey();
+      const nodeKeyDisplay = `(${nodeKey})`;
+      const typeDisplay = node.getType() || '';
+      const isSelected = node.isSelected();
+      res += `${isSelected ? SYMBOLS.selectedLine : ' '} ${indent.join(' ')} ${nodeKeyDisplay} ${typeDisplay} ${printNode(node)}\n`;
+      res += printSelectedCharsLine({
+        indent,
+        isSelected,
+        node,
+        nodeKeyDisplay,
+        selection,
+        typeDisplay
+      });
+    });
+    return selection === null ? ': null' : printRangeSelection(selection);
+  });
+  return res + '\n selection' + selectionString;
+}
+
+function visitTree(currentNode, visitor, indent = []) {
+  const childNodes = currentNode.getChildren();
+  const childNodesLength = childNodes.length;
+  childNodes.forEach((childNode, i) => {
+    visitor(childNode, indent.concat(i === childNodesLength - 1 ? SYMBOLS.isLastChild : SYMBOLS.hasNextSibling));
+
+    if (lexical.$isElementNode(childNode)) {
+      visitTree(childNode, visitor, indent.concat(i === childNodesLength - 1 ? SYMBOLS.ancestorIsLastChild : SYMBOLS.ancestorHasNextSibling));
+    }
+  });
+}
+
+function normalize(text) {
+  return Object.entries(NON_SINGLE_WIDTH_CHARS_REPLACEMENT).reduce((acc, [key, value]) => acc.replace(new RegExp(key, 'g'), String(value)), text);
+}
+
+function printNode(node) {
+  if (lexical.$isTextNode(node)) {
+    const text = node.getTextContent(true);
+    const title = text.length === 0 ? '(empty)' : `"${normalize(text)}"`;
+    const properties = printAllProperties(node);
+    return [title, properties.length !== 0 ? `{ ${properties} }` : null].filter(Boolean).join(' ').trim();
+  }
+
+  return '';
+}
+
+const FORMAT_PREDICATES = [node => node.hasFormat('bold') && 'Bold', node => node.hasFormat('code') && 'Code', node => node.hasFormat('italic') && 'Italic', node => node.hasFormat('strikethrough') && 'Strikethrough', node => node.hasFormat('underline') && 'Underline'];
+const DETAIL_PREDICATES = [node => node.isDirectionless() && 'Directionless', node => node.isUnmergeable() && 'Unmergeable'];
+const MODE_PREDICATES = [node => node.isToken() && 'Token', node => node.isSegmented() && 'Segmented', node => node.isInert() && 'Inert'];
+
+function printAllProperties(node) {
+  return [printFormatProperties(node), printDetailProperties(node), printModeProperties(node)].filter(Boolean).join(', ');
+}
+
+function printDetailProperties(nodeOrSelection) {
+  let str = DETAIL_PREDICATES.map(predicate => predicate(nodeOrSelection)).filter(Boolean).join(', ').toLocaleLowerCase();
+
+  if (str !== '') {
+    str = 'detail: ' + str;
+  }
+
+  return str;
+}
+
+function printModeProperties(nodeOrSelection) {
+  let str = MODE_PREDICATES.map(predicate => predicate(nodeOrSelection)).filter(Boolean).join(', ').toLocaleLowerCase();
+
+  if (str !== '') {
+    str = 'mode: ' + str;
+  }
+
+  return str;
+}
+
+function printFormatProperties(nodeOrSelection) {
+  let str = FORMAT_PREDICATES.map(predicate => predicate(nodeOrSelection)).filter(Boolean).join(', ').toLocaleLowerCase();
+
+  if (str !== '') {
+    str = 'format: ' + str;
+  }
+
+  return str;
+}
+
+function printSelectedCharsLine({
+  indent,
+  isSelected,
+  node,
+  nodeKeyDisplay,
+  selection,
+  typeDisplay
+}) {
+  // No selection or node is not selected.
+  if (!lexical.$isTextNode(node) || selection === null || !isSelected || lexical.$isElementNode(node)) {
+    return '';
+  } // No selected characters.
+
+
+  const anchor = selection.anchor;
+  const focus = selection.focus;
+
+  if (node.getTextContent() === '' || anchor.getNode() === selection.focus.getNode() && anchor.offset === focus.offset) {
+    return '';
+  }
+
+  const [start, end] = $getSelectionStartEnd(node, selection);
+
+  if (start === end) {
+    return '';
+  }
+
+  const selectionLastIndent = indent[indent.length - 1] === SYMBOLS.hasNextSibling ? SYMBOLS.ancestorHasNextSibling : SYMBOLS.ancestorIsLastChild;
+  const indentionChars = [...indent.slice(0, indent.length - 1), selectionLastIndent];
+  const unselectedChars = Array(start).fill(' ');
+  const selectedChars = Array(end - start).fill(SYMBOLS.selectedChar);
+  const paddingLength = typeDisplay.length + 3; // 2 for the spaces around + 1 for the double quote.
+
+  const nodePrintSpaces = Array(nodeKeyDisplay.length + paddingLength).fill(' ');
+  return [SYMBOLS.selectedLine, indentionChars.join(' '), [...nodePrintSpaces, ...unselectedChars, ...selectedChars].join('')].join(' ') + '\n';
+}
+
+function $getSelectionStartEnd(node, selection) {
+  const anchor = selection.anchor;
+  const focus = selection.focus;
+  const textContent = node.getTextContent(true);
+  const textLength = textContent.length;
+  let start = -1;
+  let end = -1; // Only one node is being selected.
+
+  if (anchor.type === 'text' && focus.type === 'text') {
+    const anchorNode = anchor.getNode();
+    const focusNode = focus.getNode();
+
+    if (anchorNode === focusNode && node === anchorNode && anchor.offset !== focus.offset) {
+      [start, end] = anchor.offset < focus.offset ? [anchor.offset, focus.offset] : [focus.offset, anchor.offset];
+    } else if (node === anchorNode) {
+      [start, end] = anchorNode.isBefore(focusNode) ? [anchor.offset, textLength] : [0, anchor.offset];
+    } else if (node === focusNode) {
+      [start, end] = focusNode.isBefore(anchorNode) ? [focus.offset, textLength] : [0, focus.offset];
+    } else {
+      // Node is within selection but not the anchor nor focus.
+      [start, end] = [0, textLength];
+    }
+  } // Account for non-single width characters.
+
+
+  const numNonSingleWidthCharBeforeSelection = (textContent.slice(0, start).match(NON_SINGLE_WIDTH_CHARS_REGEX) || []).length;
+  const numNonSingleWidthCharInSelection = (textContent.slice(start, end).match(NON_SINGLE_WIDTH_CHARS_REGEX) || []).length;
+  return [start + numNonSingleWidthCharBeforeSelection, end + numNonSingleWidthCharBeforeSelection + numNonSingleWidthCharInSelection];
+}
+
+module.exports = TreeView;

package/LexicalTreeView.js

@@ -1,13 +1,9 @@
-'use strict';var k=require("lexical"),q=require("react");const w=Object.freeze({"\n":"\\n","\t":"\\t"}),D=new RegExp(Object.keys(w).join("|"),"g"),E=Object.freeze({hasNextSibling:"\u251c",isLastChild:"\u2514",ancestorHasNextSibling:"|",ancestorIsLastChild:" ",selectedChar:"^",selectedLine:">"});
-function F(a){let b="";const c=G(a),e=a.anchor;a=a.focus;const d=e.offset,f=a.offset;b=b+`: range ${""!==c?`{ ${c} }`:""}`+`\n  \u251c anchor { key: ${e.key}, offset: ${null===d?"null":d}, type: ${e.type} }`;return b+=`\n  \u2514 focus { key: ${a.key}, offset: ${null===f?"null":f}, type: ${a.type} }`}
-function H(a){let b=" root\n";a=a.read(()=>{const c=k.$getSelection();J(k.$getRoot(),(e,d)=>{const f=`(${e.getKey()})`,g=e.getType()||"",m=e.isSelected();var v=b,t=m?E.selectedLine:" ",r=d.join(" ");if(k.$isTextNode(e)){var l=e.getTextContent(!0);const n=0===l.length?"(empty)":`"${K(l)}"`;l=[G(e),L(e),M(e)].filter(Boolean).join(", ");l=[n,0!==l.length?`{ ${l} }`:null].filter(Boolean).join(" ").trim()}else l="";b=v+`${t} ${r} ${f} ${g} ${l}\n`;b+=N({isSelected:m,indent:d,node:e,nodeKeyDisplay:f,selection:c,
-typeDisplay:g})});return null===c?": null":F(c)});return b+"\n selection"+a}function J(a,b,c=[]){a=a.getChildren();const e=a.length;a.forEach((d,f)=>{b(d,c.concat(f===e-1?E.isLastChild:E.hasNextSibling));k.$isElementNode(d)&&J(d,b,c.concat(f===e-1?E.ancestorIsLastChild:E.ancestorHasNextSibling))})}function K(a){return Object.entries(w).reduce((b,[c,e])=>b.replace(new RegExp(c,"g"),String(e)),a)}
-const O=[a=>a.hasFormat("bold")&&"Bold",a=>a.hasFormat("code")&&"Code",a=>a.hasFormat("italic")&&"Italic",a=>a.hasFormat("strikethrough")&&"Strikethrough",a=>a.hasFormat("underline")&&"Underline"],P=[a=>a.isDirectionless()&&"Directionless",a=>a.isUnmergeable()&&"Unmergeable"],Q=[a=>a.isToken()&&"Token",a=>a.isSegmented()&&"Segmented",a=>a.isInert()&&"Inert"];function L(a){let b=P.map(c=>c(a)).filter(Boolean).join(", ").toLocaleLowerCase();""!==b&&(b="detail: "+b);return b}
-function M(a){let b=Q.map(c=>c(a)).filter(Boolean).join(", ").toLocaleLowerCase();""!==b&&(b="mode: "+b);return b}function G(a){let b=O.map(c=>c(a)).filter(Boolean).join(", ").toLocaleLowerCase();""!==b&&(b="format: "+b);return b}
-function N({indent:a,isSelected:b,node:c,nodeKeyDisplay:e,selection:d,typeDisplay:f}){if(!k.$isTextNode(c)||null===d||!b||k.$isElementNode(c))return"";b=d.anchor;var g=d.focus;if(""===c.getTextContent()||b.getNode()===d.focus.getNode()&&b.offset===g.offset)return"";g=d.anchor;const m=d.focus,v=c.getTextContent(!0),t=v.length;b=d=-1;if("text"===g.type&&"text"===m.type){const n=g.getNode(),u=m.getNode();n===u&&c===n&&g.offset!==m.offset?[d,b]=g.offset<m.offset?[g.offset,m.offset]:[m.offset,g.offset]:
-c===n?[d,b]=n.isBefore(u)?[g.offset,t]:[0,g.offset]:c===u?[d,b]=u.isBefore(n)?[m.offset,t]:[0,m.offset]:[d,b]=[0,t]}c=(v.slice(0,d).match(D)||[]).length;g=(v.slice(d,b).match(D)||[]).length;const [r,l]=[d+c,b+c+g];if(r===l)return"";c=a[a.length-1]===E.hasNextSibling?E.ancestorHasNextSibling:E.ancestorIsLastChild;a=[...a.slice(0,a.length-1),c];c=Array(r).fill(" ");d=Array(l-r).fill(E.selectedChar);e=Array(e.length+(f.length+3)).fill(" ");return[E.selectedLine,a.join(" "),[...e,...c,...d].join("")].join(" ")+
-"\n"}
-module.exports=function({timeTravelButtonClassName:a,timeTravelPanelSliderClassName:b,timeTravelPanelButtonClassName:c,viewClassName:e,timeTravelPanelClassName:d,editor:f}){const [g,m]=q.useState([]),[v,t]=q.useState(""),[r,l]=q.useState(!1),n=q.useRef(0),u=q.useRef(null),B=q.useRef(null),[z,C]=q.useState(!1);q.useEffect(()=>{t(H(f.getEditorState()));return f.addListener("update",({editorState:h})=>{const p=f._compositionKey,x=H(f.getEditorState());t([x,null!==p&&`Composition key: ${p}`].filter(Boolean).join("\n\n"));r||
-m(A=>[...A,[Date.now(),h]])})},[r,f]);const y=g.length;q.useEffect(()=>{if(z){let h;const p=()=>{const x=n.current;x===y-1?C(!1):h=setTimeout(()=>{n.current++;const A=n.current,I=B.current;null!==I&&(I.value=String(A));f.setEditorState(g[A][1]);p()},g[x+1][0]-g[x][0])};p();return()=>{window.clearTimeout(h)}}},[g,z,f,y]);q.useEffect(()=>{u.current&&(u.current.__lexicalEditor=f)},[f]);return q.createElement("div",{className:e},!r&&2<y&&q.createElement("button",{onClick:()=>{const h=f.getRootElement();
-null!==h&&(h.contentEditable="false",n.current=y-1,l(!0))},className:a},"Time Travel"),q.createElement("pre",{ref:u},v),r&&q.createElement("div",{className:d},q.createElement("button",{className:c,onClick:()=>{C(!z)}},z?"Pause":"Play"),q.createElement("input",{className:b,ref:B,onChange:h=>{h=Number(h.target.value);const p=g[h];p&&(n.current=h,f.setEditorState(p[1]))},type:"range",min:"1",max:y-1}),q.createElement("button",{className:c,onClick:()=>{var h=f.getRootElement();if(null!==h){h.contentEditable=
-"true";h=g.length-1;f.setEditorState(g[h][1]);const p=B.current;null!==p&&(p.value=String(h));l(!1);C(!1)}}},"Exit")))};
+/**
+ * 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.
+ */
+'use strict'
+const LexicalTreeView = process.env.NODE_ENV === 'development' ? require('./LexicalTreeView.dev.js') : require('./LexicalTreeView.prod.js')
+module.exports = LexicalTreeView;

package/LexicalTreeView.prod.js

@@ -0,0 +1,19 @@
+/**
+ * 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.
+ */
+'use strict';var k=require("lexical"),q=require("react");const w=Object.freeze({"\t":"\\t","\n":"\\n"}),D=new RegExp(Object.keys(w).join("|"),"g"),E=Object.freeze({ancestorHasNextSibling:"|",ancestorIsLastChild:" ",hasNextSibling:"\u251c",isLastChild:"\u2514",selectedChar:"^",selectedLine:">"});
+function F(a){let b="";const c=G(a),e=a.anchor;a=a.focus;const d=e.offset,f=a.offset;b=b+`: range ${""!==c?`{ ${c} }`:""}`+`\n  \u251c anchor { key: ${e.key}, offset: ${null===d?"null":d}, type: ${e.type} }`;return b+=`\n  \u2514 focus { key: ${a.key}, offset: ${null===f?"null":f}, type: ${a.type} }`}
+function H(a){let b=" root\n";a=a.read(()=>{const c=k.$getSelection();J(k.$getRoot(),(e,d)=>{const f=`(${e.getKey()})`,g=e.getType()||"",m=e.isSelected();var u=b,t=m?E.selectedLine:" ",r=d.join(" ");if(k.$isTextNode(e)){var l=e.getTextContent(!0);const n=0===l.length?"(empty)":`"${K(l)}"`;l=[G(e),L(e),M(e)].filter(Boolean).join(", ");l=[n,0!==l.length?`{ ${l} }`:null].filter(Boolean).join(" ").trim()}else l="";b=u+`${t} ${r} ${f} ${g} ${l}\n`;b+=N({indent:d,isSelected:m,node:e,nodeKeyDisplay:f,selection:c,
+typeDisplay:g})});return null===c?": null":F(c)});return b+"\n selection"+a}function J(a,b,c=[]){a=a.getChildren();const e=a.length;a.forEach((d,f)=>{b(d,c.concat(f===e-1?E.isLastChild:E.hasNextSibling));k.$isElementNode(d)&&J(d,b,c.concat(f===e-1?E.ancestorIsLastChild:E.ancestorHasNextSibling))})}function K(a){return Object.entries(w).reduce((b,[c,e])=>b.replace(new RegExp(c,"g"),String(e)),a)}
+const O=[a=>a.hasFormat("bold")&&"Bold",a=>a.hasFormat("code")&&"Code",a=>a.hasFormat("italic")&&"Italic",a=>a.hasFormat("strikethrough")&&"Strikethrough",a=>a.hasFormat("underline")&&"Underline"],P=[a=>a.isDirectionless()&&"Directionless",a=>a.isUnmergeable()&&"Unmergeable"],Q=[a=>a.isToken()&&"Token",a=>a.isSegmented()&&"Segmented",a=>a.isInert()&&"Inert"];function L(a){let b=P.map(c=>c(a)).filter(Boolean).join(", ").toLocaleLowerCase();""!==b&&(b="detail: "+b);return b}
+function M(a){let b=Q.map(c=>c(a)).filter(Boolean).join(", ").toLocaleLowerCase();""!==b&&(b="mode: "+b);return b}function G(a){let b=O.map(c=>c(a)).filter(Boolean).join(", ").toLocaleLowerCase();""!==b&&(b="format: "+b);return b}
+function N({indent:a,isSelected:b,node:c,nodeKeyDisplay:e,selection:d,typeDisplay:f}){if(!k.$isTextNode(c)||null===d||!b||k.$isElementNode(c))return"";b=d.anchor;var g=d.focus;if(""===c.getTextContent()||b.getNode()===d.focus.getNode()&&b.offset===g.offset)return"";g=d.anchor;const m=d.focus,u=c.getTextContent(!0),t=u.length;b=d=-1;if("text"===g.type&&"text"===m.type){const n=g.getNode(),v=m.getNode();n===v&&c===n&&g.offset!==m.offset?[d,b]=g.offset<m.offset?[g.offset,m.offset]:[m.offset,g.offset]:
+c===n?[d,b]=n.isBefore(v)?[g.offset,t]:[0,g.offset]:c===v?[d,b]=v.isBefore(n)?[m.offset,t]:[0,m.offset]:[d,b]=[0,t]}c=(u.slice(0,d).match(D)||[]).length;g=(u.slice(d,b).match(D)||[]).length;const [r,l]=[d+c,b+c+g];if(r===l)return"";c=a[a.length-1]===E.hasNextSibling?E.ancestorHasNextSibling:E.ancestorIsLastChild;a=[...a.slice(0,a.length-1),c];c=Array(r).fill(" ");d=Array(l-r).fill(E.selectedChar);e=Array(e.length+(f.length+3)).fill(" ");return[E.selectedLine,a.join(" "),[...e,...c,...d].join("")].join(" ")+
+"\n"}
+module.exports=function({timeTravelButtonClassName:a,timeTravelPanelSliderClassName:b,timeTravelPanelButtonClassName:c,viewClassName:e,timeTravelPanelClassName:d,editor:f}){const [g,m]=q.useState([]),[u,t]=q.useState(""),[r,l]=q.useState(!1),n=q.useRef(0),v=q.useRef(null),B=q.useRef(null),[z,C]=q.useState(!1);q.useEffect(()=>{t(H(f.getEditorState()));return f.addListener("update",({editorState:h})=>{const p=f._compositionKey,x=H(f.getEditorState());t([x,null!==p&&`Composition key: ${p}`].filter(Boolean).join("\n\n"));r||
+m(A=>[...A,[Date.now(),h]])})},[r,f]);const y=g.length;q.useEffect(()=>{if(z){let h;const p=()=>{const x=n.current;x===y-1?C(!1):h=setTimeout(()=>{n.current++;const A=n.current,I=B.current;null!==I&&(I.value=String(A));f.setEditorState(g[A][1]);p()},g[x+1][0]-g[x][0])};p();return()=>{window.clearTimeout(h)}}},[g,z,f,y]);q.useEffect(()=>{const h=v.current;if(null!==h)return h.__lexicalEditor=f,()=>{h.__lexicalEditor=null}},[f]);return q.createElement("div",{className:e},!r&&2<y&&q.createElement("button",
+{onClick:()=>{const h=f.getRootElement();null!==h&&(h.contentEditable="false",n.current=y-1,l(!0))},className:a},"Time Travel"),q.createElement("pre",{ref:v},u),r&&q.createElement("div",{className:d},q.createElement("button",{className:c,onClick:()=>{C(!z)}},z?"Pause":"Play"),q.createElement("input",{className:b,ref:B,onChange:h=>{h=Number(h.target.value);const p=g[h];p&&(n.current=h,f.setEditorState(p[1]))},type:"range",min:"1",max:y-1}),q.createElement("button",{className:c,onClick:()=>{var h=f.getRootElement();
+if(null!==h){h.contentEditable="true";h=g.length-1;f.setEditorState(g[h][1]);const p=B.current;null!==p&&(p.value=String(h));l(!1);C(!1)}}},"Exit")))};

package/README.md

@@ -70,6 +70,7 @@ function Editor() {
 
   return (
     <LexicalComposer initialConfig={initialConfig}>
+      <LexicalBootstrapPlugin />
       <LexicalPlainTextPlugin
         contentEditable={<LexicalContentEditable />}
         placeholder={<div>Enter some text...</div>}