@lexical/react 0.1.10 → 0.1.11

package/LexicalCharacterLimitPlugin.dev.js

@@ -20,11 +20,15 @@ var OverflowNode = require('lexical/OverflowNode');
  *
  * 
  */
-function $dfs__DEPRECATED(startingNode, nextNode) {
-  let node = startingNode;
-  nextNode(node);
+function $dfs(startingNode, endingNode) {
+  const nodes = [];
+  const start = (startingNode || lexical.$getRoot()).getLatest();
+  const end = endingNode || (lexical.$isElementNode(start) ? start.getLastDescendant() : start);
+  let node = start;
+
+  while (node !== null && !node.is(end)) {
+    nodes.push(node);
 
-  while (node !== null) {
     if (lexical.$isElementNode(node) && node.getChildrenSize() > 0) {
       node = node.getFirstChild();
     } else {
@@ -41,11 +45,13 @@ function $dfs__DEPRECATED(startingNode, nextNode) {
         }
       }
     }
+  }
 
-    if (node !== null) {
-      node = nextNode(node);
-    }
+  if (node !== null && node.is(end)) {
+    nodes.push(node);
   }
+
+  return nodes;
 }
 
 /**
@@ -159,10 +165,13 @@ function findOffset(text, maxCharacters, strlen) {
 }
 
 function $wrapOverflowedNodes(offset) {
-  const root = lexical.$getRoot();
+  const dfsNodes = $dfs();
+  const dfsNodesLength = dfsNodes.length;
   let accumulatedLength = 0;
-  let previousNode = root;
-  $dfs__DEPRECATED(root, node => {
+
+  for (let i = 0; i < dfsNodesLength; i += 1) {
+    const node = dfsNodes[i];
+
     if (OverflowNode.$isOverflowNode(node)) {
       const previousLength = accumulatedLength;
       const nextLength = accumulatedLength + node.getTextContentSize();
@@ -183,8 +192,6 @@ function $wrapOverflowedNodes(offset) {
             parent.select();
           }
         }
-
-        return previousNode;
       } else if (previousLength < offset) {
         const descendant = node.getFirstDescendant();
         const descendantLength = descendant !== null ? descendant.getTextContentSize() : 0;
@@ -196,7 +203,6 @@ function $wrapOverflowedNodes(offset) {
 
         if (firstDescendantIsSimpleText || firstDescendantDoesNotOverflow) {
           $unwrapNode(node);
-          return previousNode;
         }
       }
     } else if (lexical.$isLeafNode(node)) {
@@ -222,10 +228,7 @@ function $wrapOverflowedNodes(offset) {
         mergePrevious(overflowNode);
       }
     }
-
-    previousNode = node;
-    return node;
-  });
+  }
 }
 
 function $wrapNode(node) {

package/LexicalCharacterLimitPlugin.js.flow

@@ -0,0 +1,12 @@
+/**
+ * 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
+ */
+
+declare export default function LexicalCharacterLimitPlugin(props: {
+  charset: 'UTF-8' | 'UTF-16',
+}): React$Node;

package/LexicalCharacterLimitPlugin.prod.js

@@ -4,11 +4,12 @@
  * 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/react/LexicalComposerContext"),p=require("react"),q=require("lexical"),r=require("@lexical/react/withSubscriptions"),t=require("lexical/OverflowNode");function u(a,e){for(e(a);null!==a;){if(q.$isElementNode(a)&&0<a.getChildrenSize())a=a.getFirstChild();else{let f=null;for(;null===f&&null!==a;)f=a.getNextSibling(),a=null===f?a.getParent():f}null!==a&&(a=e(a))}}function w(){return q.$getRoot().getTextContent()}
-function x(a,e,f=Object.freeze({})){const {strlen:h=c=>c.length,remainingCharacters:d=()=>{}}=f;p.useEffect(()=>{if(!a.hasNodes([t.OverflowNode]))throw Error("Minified Lexical error #58; see codes.json for the full message or use the non-minified dev environment for full errors and additional helpful warnings.");},[a]);p.useEffect(()=>{let c=a.getEditorState().read(w),b=0;return r(a.addListener("textcontent",g=>{c=g}),a.addListener("update",({dirtyLeaves:g})=>{var k=a.isComposing();g=0<g.size;if(!k&&
-g){k=h(c);g=k>e||null!==b&&b>e;d(e-k);if(null===b||g){const n=y(c,e,h);a.update(()=>{z(n)},{tag:"history-merge"})}b=k}}))},[a,e,d,h])}function y(a,e,f){var h=Intl.Segmenter;let d=0;var c=0;if("function"===typeof h){a=(new h).segment(a);for(var {segment:b}of a){c+=f(b);if(c>e)break;d+=b.length}}else for(b=Array.from(a),a=b.length,h=0;h<a;h++){const g=b[h];c+=f(g);if(c>e)break;d+=g.length}return d}
-function z(a){const e=q.$getRoot();let f=0,h=e;u(e,d=>{if(t.$isOverflowNode(d)){var c=f;if(f+d.getTextContentSize()<=a){var b=d.getParent();c=d.getPreviousSibling();var g=d.getNextSibling();A(d);d=q.$getSelection();!q.$isRangeSelection(d)||d.anchor.getNode().isAttached()&&d.focus.getNode().isAttached()||(q.$isTextNode(c)?c.select():q.$isTextNode(g)?g.select():null!==b&&b.select());return h}if(c<a&&(b=d.getFirstDescendant(),g=null!==b?b.getTextContentSize():0,c+=g,b=q.$isTextNode(b)&&b.isSimpleText(),
-c=c<=a,b||c))return A(d),h}else if(q.$isLeafNode(d)&&(c=f,f+=d.getTextContentSize(),f>a&&!t.$isOverflowNode(d.getParent())&&(b=q.$getSelection(),c<a&&q.$isTextNode(d)&&d.isSimpleText()?([,c]=d.splitText(a-c),c=B(c)):c=B(d),null!==b&&q.$setSelection(b),b=c,g=b.getPreviousSibling(),t.$isOverflowNode(g)))){var k=b.getFirstChild(),n=g.getChildren();c=n.length;if(null===k)b.append(...n);else for(var m=0;m<c;m++)k.insertBefore(n[m]);m=q.$getSelection();if(q.$isRangeSelection(m)){k=m.anchor;n=k.getNode();
-m=m.focus;const v=k.getNode();n.is(g)?k.set(b.getKey(),k.offset,"element"):n.is(b)&&k.set(b.getKey(),c+k.offset,"element");v.is(g)?m.set(b.getKey(),m.offset,"element"):v.is(b)&&m.set(b.getKey(),c+m.offset,"element")}g.remove()}return h=d})}function B(a){const e=t.$createOverflowNode();a.insertBefore(e);e.append(a);return e}function A(a){const e=a.getChildren(),f=e.length;for(let h=0;h<f;h++)a.insertBefore(e[h]);a.remove();return 0<f?e[f-1]:null}let C=null;
-module.exports=function({charset:a="UTF-16"}){const [e]=l.useLexicalComposerContext(),[f,h]=p.useState(0),d=p.useMemo(()=>({remainingCharacters:h,strlen:c=>{if("UTF-8"===a){if(void 0===window.TextEncoder)var b=null;else null===C&&(C=new window.TextEncoder),b=C;null===b?(b=encodeURIComponent(c).match(/%[89ABab]/g),c=c.length+(b?b.length:0)):c=b.encode(c).length;return c}if("UTF-16"===a)return c.length;throw Error("Unrecognized charset");}}),[a]);x(e,5,d);return p.createElement("span",{className:`characters-limit ${0>
-f?"characters-limit-exceeded":""}`},f)};
+var l=require("@lexical/react/LexicalComposerContext"),w=require("react"),x=require("lexical"),B=require("@lexical/react/withSubscriptions"),C=require("lexical/OverflowNode");function D(){return x.$getRoot().getTextContent()}
+function F(b,d,p=Object.freeze({})){const {strlen:h=e=>e.length,remainingCharacters:r=()=>{}}=p;w.useEffect(()=>{if(!b.hasNodes([C.OverflowNode]))throw Error("Minified Lexical error #58; see codes.json for the full message or use the non-minified dev environment for full errors and additional helpful warnings.");},[b]);w.useEffect(()=>{let e=b.getEditorState().read(D),f=0;return B(b.addListener("textcontent",q=>{e=q}),b.addListener("update",({dirtyLeaves:q})=>{var y=b.isComposing();q=0<q.size;if(!y&&
+q){y=h(e);q=y>d||null!==f&&f>d;r(d-y);if(null===f||q){const u=G(e,d,h);b.update(()=>{const z=[];for(var c=x.$getRoot().getLatest(),A=x.$isElementNode(c)?c.getLastDescendant():c;null!==c&&!c.is(A);)if(z.push(c),x.$isElementNode(c)&&0<c.getChildrenSize())c=c.getFirstChild();else for(var t=null;null===t&&null!==c;)t=c.getNextSibling(),c=null===t?c.getParent():t;null!==c&&c.is(A)&&z.push(c);A=z.length;c=0;for(t=0;t<A;t+=1){var a=z[t];if(C.$isOverflowNode(a)){var g=c;if(c+a.getTextContentSize()<=u){var k=
+a.getParent();g=a.getPreviousSibling();var m=a.getNextSibling();H(a);a=x.$getSelection();!x.$isRangeSelection(a)||a.anchor.getNode().isAttached()&&a.focus.getNode().isAttached()||(x.$isTextNode(g)?g.select():x.$isTextNode(m)?m.select():null!==k&&k.select())}else g<u&&(k=a.getFirstDescendant(),m=null!==k?k.getTextContentSize():0,g+=m,k=x.$isTextNode(k)&&k.isSimpleText(),g=g<=u,(k||g)&&H(a))}else if(x.$isLeafNode(a)&&(g=c,c+=a.getTextContentSize(),c>u&&!C.$isOverflowNode(a.getParent())&&(k=x.$getSelection(),
+g<u&&x.$isTextNode(a)&&a.isSimpleText()?([,a]=a.splitText(u-g),a=I(a)):a=I(a),null!==k&&x.$setSelection(k),g=a.getPreviousSibling(),C.$isOverflowNode(g)))){m=a.getFirstChild();var v=g.getChildren();k=v.length;if(null===m)a.append(...v);else for(var n=0;n<k;n++)m.insertBefore(v[n]);n=x.$getSelection();if(x.$isRangeSelection(n)){m=n.anchor;v=m.getNode();n=n.focus;const E=m.getNode();v.is(g)?m.set(a.getKey(),m.offset,"element"):v.is(a)&&m.set(a.getKey(),k+m.offset,"element");E.is(g)?n.set(a.getKey(),
+n.offset,"element"):E.is(a)&&n.set(a.getKey(),k+n.offset,"element")}g.remove()}}},{tag:"history-merge"})}f=y}}))},[b,d,r,h])}function G(b,d,p){var h=Intl.Segmenter;let r=0;var e=0;if("function"===typeof h){b=(new h).segment(b);for(var {segment:f}of b){e+=p(f);if(e>d)break;r+=f.length}}else for(f=Array.from(b),b=f.length,h=0;h<b;h++){const q=f[h];e+=p(q);if(e>d)break;r+=q.length}return r}function I(b){const d=C.$createOverflowNode();b.insertBefore(d);d.append(b);return d}
+function H(b){const d=b.getChildren(),p=d.length;for(let h=0;h<p;h++)b.insertBefore(d[h]);b.remove();return 0<p?d[p-1]:null}let J=null;
+module.exports=function({charset:b="UTF-16"}){const [d]=l.useLexicalComposerContext(),[p,h]=w.useState(0),r=w.useMemo(()=>({remainingCharacters:h,strlen:e=>{if("UTF-8"===b){if(void 0===window.TextEncoder)var f=null;else null===J&&(J=new window.TextEncoder),f=J;null===f?(f=encodeURIComponent(e).match(/%[89ABab]/g),e=e.length+(f?f.length:0)):e=f.encode(e).length;return e}if("UTF-16"===b)return e.length;throw Error("Unrecognized charset");}}),[b]);F(d,5,r);return w.createElement("span",{className:`characters-limit ${0>
+p?"characters-limit-exceeded":""}`},p)};

package/LexicalClearEditorPlugin.dev.js

@@ -0,0 +1,52 @@
+/**
+ * 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 LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
+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.
+ *
+ * 
+ */
+function LexicalClearEditorPlugin({
+  onClear
+}) {
+  const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  react.useLayoutEffect(() => {
+    return editor.addListener('command', (type, payload) => {
+      if (type === 'clearEditor') {
+        editor.update(() => {
+          if (onClear == null) {
+            const root = lexical.$getRoot();
+            const selection = lexical.$getSelection();
+            const paragraph = lexical.$createParagraphNode();
+            root.clear();
+            root.append(paragraph);
+
+            if (selection !== null) {
+              paragraph.select();
+            }
+          } else {
+            onClear();
+          }
+        });
+        return true;
+      }
+
+      return false;
+    }, 0);
+  }, [editor, onClear]);
+  return null;
+}
+
+module.exports = LexicalClearEditorPlugin;

package/LexicalClearEditorPlugin.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'
+const LexicalClearEditorPlugin = process.env.NODE_ENV === 'development' ? require('./LexicalClearEditorPlugin.dev.js') : require('./LexicalClearEditorPlugin.prod.js')
+module.exports = LexicalClearEditorPlugin;

package/LexicalClearEditorPlugin.js.flow

@@ -0,0 +1,14 @@
+/**
+ * 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
+ */
+
+type Props = $ReadOnly<{
+  onClear?: () => void,
+}>;
+
+declare export default function LexicalClearEditorPlugin(Props): React$Node;

package/LexicalClearEditorPlugin.prod.js

@@ -0,0 +1,7 @@
+/**
+ * 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.
+ */
+var a=require("@lexical/react/LexicalComposerContext"),f=require("lexical"),g=require("react");module.exports=function({onClear:b}){const [c]=a.useLexicalComposerContext();g.useLayoutEffect(()=>c.addListener("command",h=>"clearEditor"===h?(c.update(()=>{if(null==b){const d=f.$getRoot(),k=f.$getSelection(),e=f.$createParagraphNode();d.clear();d.append(e);null!==k&&e.select()}else b()}),!0):!1,0),[c,b]);return null};

package/LexicalCollaborationPlugin.dev.js

@@ -9,6 +9,7 @@
 var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
 var React = require('react');
 var yjs = require('@lexical/yjs');
+var lexical = require('lexical');
 var reactDom = require('react-dom');
 
 /**
@@ -20,7 +21,6 @@ var reactDom = require('react-dom');
  * 
  */
 const EditorPriority = 0;
-const BootstrapPriority = 1;
 function useYjsCollaboration(editor, id, provider, docMap, name, color, shouldBootstrap) {
   const binding = React.useMemo(() => yjs.createBinding(editor, provider, id, docMap), [editor, provider, id, docMap]);
   const connect = React.useCallback(() => {
@@ -33,15 +33,6 @@ function useYjsCollaboration(editor, id, provider, docMap, name, color, shouldBo
     }
   }, [provider]);
   const bootstrapPropagationRef = React.useRef(true);
-  React.useLayoutEffect(() => {
-    return editor.addListener('command', type => {
-      if (type === 'bootstrapEditor') {
-        return bootstrapPropagationRef.current;
-      }
-
-      return false;
-    }, BootstrapPriority);
-  }, [editor]);
   React.useEffect(() => {
     const {
       root
@@ -59,7 +50,7 @@ function useYjsCollaboration(editor, id, provider, docMap, name, color, shouldBo
     const onSync = isSynced => {
       if (shouldBootstrap && isSynced && root.isEmpty() && root._xmlText._length === 0) {
         bootstrapPropagationRef.current = false;
-        editor.execCommand('bootstrapEditor');
+        initializeEditor(editor);
       }
     };
 
@@ -176,6 +167,25 @@ function useYjsHistory(editor, binding) {
   return clearHistory;
 }
 
+function initializeEditor(editor) {
+  editor.update(() => {
+    const root = lexical.$getRoot();
+    const firstChild = root.getFirstChild();
+
+    if (firstChild === null) {
+      const paragraph = lexical.$createParagraphNode();
+      root.append(paragraph);
+      const activeElement = document.activeElement;
+
+      if (lexical.$getSelection() !== null || activeElement !== null && activeElement === editor.getRootElement()) {
+        paragraph.select();
+      }
+    }
+  }, {
+    tag: 'history-merge'
+  });
+}
+
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/LexicalCollaborationPlugin.js.flow

@@ -0,0 +1,55 @@
+/**
+ * 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 {Doc, RelativePosition} from 'yjs';
+
+export type UserState = {
+  anchorPos: null | RelativePosition,
+  focusPos: null | RelativePosition,
+  name: string,
+  color: string,
+  focusing: boolean,
+};
+
+export type ProviderAwareness = {
+  getLocalState: () => UserState,
+  setLocalState: (UserState) => void,
+  getStates: () => Array<UserState>,
+  on: (type: 'update', cb: () => void) => void,
+  off: (type: 'update', cb: () => void) => void,
+};
+
+export interface Provider {
+  connect(): void | Promise<void>;
+  disconnect(): void;
+  awareness: ProviderAwareness;
+  on(type: 'sync', cb: (isSynced: boolean) => void): void;
+  on(type: 'status', cb: ({status: string}) => void): void;
+  // $FlowFixMe: temp
+  on(type: 'update', cb: (any) => void): void;
+  off(type: 'sync', cb: (isSynced: boolean) => void): void;
+  // $FlowFixMe: temp
+  off(type: 'update', cb: (any) => void): void;
+  off(type: 'status', cb: ({status: string}) => void): void;
+}
+
+type CollaborationContextType = {
+  clientID: number,
+  color: string,
+  name: string,
+  yjsDocMap: Map<string, Doc>,
+};
+
+declare export function CollaborationPlugin(arg0: {
+  id: string,
+  providerFactory: (id: string, yjsDocMap: Map<string, Doc>) => Provider,
+  shouldBootstrap: boolean,
+}): React$Node;
+declare export var CollaborationContext: React$Context<CollaborationContextType>;
+declare export function useCollaborationContext(): CollaborationContextType;

package/LexicalCollaborationPlugin.prod.js

@@ -4,10 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var c=require("@lexical/react/LexicalComposerContext"),g=require("react"),z=require("@lexical/yjs"),A=require("react-dom");
-function B(b,d,a,h,n,q,r){const e=g.useMemo(()=>z.createBinding(b,a,d,h),[b,a,d,h]),k=g.useCallback(()=>{a.connect()},[a]),l=g.useCallback(()=>{try{a.disconnect()}catch(f){}},[a]),p=g.useRef(!0);g.useLayoutEffect(()=>b.addListener("command",f=>"bootstrapEditor"===f?p.current:!1,1),[b]);g.useEffect(()=>{const {root:f}=e,{awareness:t}=a,v=({status:m})=>{b.execCommand("connected","connected"===m)},w=m=>{r&&m&&f.isEmpty()&&0===f._xmlText._length&&(p.current=!1,b.execCommand("bootstrapEditor"))},x=()=>
-{z.syncCursorPositions(e,a)},y=(m,u)=>{u.origin!==e&&z.syncYjsChangesToLexical(e,a,m)};z.initLocalState(a,n,q,document.activeElement===b.getRootElement());a.on("status",v);a.on("sync",w);t.on("update",x);f.getSharedType().observeDeep(y);const K=b.addListener("update",({prevEditorState:m,editorState:u,dirtyLeaves:G,dirtyElements:H,normalizedNodes:I,tags:J})=>{z.syncLexicalUpdateToYjs(e,a,m,u,H,G,I,J)});k();return()=>{l();a.off("sync",w);a.off("status",v);t.off("update",x);f.getSharedType().unobserveDeep(y);
-K()}},[e,q,k,l,b,n,a,r]);const L=g.useMemo(()=>A.createPortal(g.createElement("div",{ref:f=>{e.cursorsContainer=f}}),document.body),[e]);g.useEffect(()=>b.addListener("command",(f,t)=>{"toggleConnect"===f&&void 0!==k&&void 0!==l&&(t?(console.log("Collaboration connected!"),k()):(console.log("Collaboration disconnected!"),l()));return!1},0),[k,l,b]);return[L,e]}
-function C(b,d){g.useEffect(()=>b.addListener("command",a=>{"focus"===a?z.setLocalStateFocus(d,!0):"blur"===a&&z.setLocalStateFocus(d,!1);return!1},0),[b,d])}function D(b,d){const a=g.useMemo(()=>z.createUndoManager(d,d.root.getSharedType()),[d]);g.useEffect(()=>b.addListener("command",h=>"undo"===h?(a.undo(),!0):"redo"===h?(a.redo(),!0):!1,0));return g.useCallback(()=>{a.clear()},[a])}
-const E=[["Cat","255,165,0"],["Dog","0,200,55"],["Rabbit","160,0,200"],["Frog","0,172,200"],["Fox","197,200,0"],["Hedgehog","31,200,0"],["Pigeon","200,0,0"],["Squirrel","200,0,148"],["Bear","255,235,0"],["Tiger","86,255,0"],["Leopard","0,255,208"],["Zebra","0,243,255"],["Wolf","0,102,255"],["Owl","147,0,255"],["Gull","255,0,153"],["Squid","0,220,255"]],F=E[Math.floor(Math.random()*(E.length-1+1))],M=g.createContext({clientID:0,color:F[1],name:F[0],yjsDocMap:new Map});
-function N(){return g.useContext(M)}exports.CollaborationContext=M;exports.CollaborationPlugin=function({id:b,providerFactory:d,shouldBootstrap:a}){const h=N(),{yjsDocMap:n,name:q,color:r}=h,[e]=c.useLexicalComposerContext(),k=g.useMemo(()=>d(b,n),[b,d,n]),[l,p]=B(e,b,k,n,q,r,a);h.clientID=p.clientID;D(e,p);C(e,k);return l};exports.useCollaborationContext=N;
+var d=require("@lexical/react/LexicalComposerContext"),g=require("react"),u=require("@lexical/yjs"),A=require("lexical"),B=require("react-dom");
+function C(b,c,a,h,n,p,q){const e=g.useMemo(()=>u.createBinding(b,a,c,h),[b,a,c,h]),k=g.useCallback(()=>{a.connect()},[a]),l=g.useCallback(()=>{try{a.disconnect()}catch(f){}},[a]),r=g.useRef(!0);g.useEffect(()=>{const {root:f}=e,{awareness:t}=a,w=({status:m})=>{b.execCommand("connected","connected"===m)},x=m=>{q&&m&&f.isEmpty()&&0===f._xmlText._length&&(r.current=!1,D(b))},y=()=>{u.syncCursorPositions(e,a)},z=(m,v)=>{v.origin!==e&&u.syncYjsChangesToLexical(e,a,m)};u.initLocalState(a,n,p,document.activeElement===
+b.getRootElement());a.on("status",w);a.on("sync",x);t.on("update",y);f.getSharedType().observeDeep(z);const M=b.addListener("update",({prevEditorState:m,editorState:v,dirtyLeaves:I,dirtyElements:J,normalizedNodes:K,tags:L})=>{u.syncLexicalUpdateToYjs(e,a,m,v,J,I,K,L)});k();return()=>{l();a.off("sync",x);a.off("status",w);t.off("update",y);f.getSharedType().unobserveDeep(z);M()}},[e,p,k,l,b,n,a,q]);const N=g.useMemo(()=>B.createPortal(g.createElement("div",{ref:f=>{e.cursorsContainer=f}}),document.body),
+[e]);g.useEffect(()=>b.addListener("command",(f,t)=>{"toggleConnect"===f&&void 0!==k&&void 0!==l&&(t?(console.log("Collaboration connected!"),k()):(console.log("Collaboration disconnected!"),l()));return!1},0),[k,l,b]);return[N,e]}function E(b,c){g.useEffect(()=>b.addListener("command",a=>{"focus"===a?u.setLocalStateFocus(c,!0):"blur"===a&&u.setLocalStateFocus(c,!1);return!1},0),[b,c])}
+function F(b,c){const a=g.useMemo(()=>u.createUndoManager(c,c.root.getSharedType()),[c]);g.useEffect(()=>b.addListener("command",h=>"undo"===h?(a.undo(),!0):"redo"===h?(a.redo(),!0):!1,0));return g.useCallback(()=>{a.clear()},[a])}function D(b){b.update(()=>{var c=A.$getRoot();if(null===c.getFirstChild()){const a=A.$createParagraphNode();c.append(a);c=document.activeElement;(null!==A.$getSelection()||null!==c&&c===b.getRootElement())&&a.select()}},{tag:"history-merge"})}
+const G=[["Cat","255,165,0"],["Dog","0,200,55"],["Rabbit","160,0,200"],["Frog","0,172,200"],["Fox","197,200,0"],["Hedgehog","31,200,0"],["Pigeon","200,0,0"],["Squirrel","200,0,148"],["Bear","255,235,0"],["Tiger","86,255,0"],["Leopard","0,255,208"],["Zebra","0,243,255"],["Wolf","0,102,255"],["Owl","147,0,255"],["Gull","255,0,153"],["Squid","0,220,255"]],H=G[Math.floor(Math.random()*(G.length-1+1))],O=g.createContext({clientID:0,color:H[1],name:H[0],yjsDocMap:new Map});
+function P(){return g.useContext(O)}exports.CollaborationContext=O;exports.CollaborationPlugin=function({id:b,providerFactory:c,shouldBootstrap:a}){const h=P(),{yjsDocMap:n,name:p,color:q}=h,[e]=d.useLexicalComposerContext(),k=g.useMemo(()=>c(b,n),[b,c,n]),[l,r]=C(e,b,k,n,p,q,a);h.clientID=r.clientID;F(e,r);E(e,k);return l};exports.useCollaborationContext=P;

package/LexicalComposer.dev.js

@@ -57,12 +57,19 @@ function LexicalComposer({
         parentEditor,
         theme: composerTheme
       });
+      editor.setReadOnly(true);
     }
 
     return [editor, context];
   }, // We only do this for init
   // eslint-disable-next-line react-hooks/exhaustive-deps
   []);
+  React.useLayoutEffect(() => {
+    const isReadOnly = initialConfig.isReadOnly;
+    const [editor] = composerContext;
+    editor.setReadOnly(isReadOnly || false); // We only do this for init
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   return /*#__PURE__*/React.createElement(LexicalComposerContext.LexicalComposerContext.Provider, {
     value: composerContext
   }, children);

package/LexicalComposer.js.flow

@@ -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.
+ *
+ * @flow strict
+ */
+
+import type {EditorThemeClasses, LexicalEditor, LexicalNode} from 'lexical';
+
+type Props = {
+  initialConfig?: {
+    editor?: LexicalEditor | null,
+    namespace?: string,
+    nodes?: Array<Class<LexicalNode>>,
+    theme?: EditorThemeClasses,
+    onError?: (Error) => void,
+  },
+  children: React$Node,
+};
+
+declare export default function LexicalComposer(Props): React$MixedElement;

package/LexicalComposer.prod.js

@@ -4,5 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var d=require("@lexical/react/LexicalComposerContext"),e=require("lexical"),k=require("react");
-module.exports=function({initialConfig:l={},children:m}){const b=k.useContext(d.LexicalComposerContext),t=k.useMemo(()=>{let c,g;const {theme:h,namespace:n,editor:p,nodes:q,onError:r}=l;if(null!=h)c=h;else if(null!=b){g=b[0];var a=b[1].getTheme();null!=a&&(c=a)}a=d.createLexicalComposerContext(b,c);let f=p||null;null===f&&(f=e.createEditor({context:a,namespace:n,nodes:q,onError:r,parentEditor:g,theme:c}));return[f,a]},[]);return k.createElement(d.LexicalComposerContext.Provider,{value:t},m)};
+var c=require("@lexical/react/LexicalComposerContext"),g=require("lexical"),m=require("react");
+module.exports=function({initialConfig:h={},children:n}){const d=m.useContext(c.LexicalComposerContext),l=m.useMemo(()=>{let a,e;const {theme:k,namespace:p,editor:q,nodes:r,onError:t}=h;if(null!=k)a=k;else if(null!=d){e=d[0];var b=d[1].getTheme();null!=b&&(a=b)}b=c.createLexicalComposerContext(d,a);let f=q||null;null===f&&(f=g.createEditor({context:b,namespace:p,nodes:r,onError:t,parentEditor:e,theme:a}),f.setReadOnly(!0));return[f,b]},[]);m.useLayoutEffect(()=>{const a=h.isReadOnly,[e]=l;e.setReadOnly(a||
+!1)},[]);return m.createElement(c.LexicalComposerContext.Provider,{value:l},n)};

package/LexicalComposerContext.js.flow

@@ -0,0 +1,27 @@
+/**
+ * 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 {EditorThemeClasses, LexicalEditor} from 'lexical';
+
+export type LexicalComposerContextType = {
+  getTheme: () => ?EditorThemeClasses,
+};
+
+export type LexicalComposerContextWithEditor = [
+  LexicalEditor,
+  LexicalComposerContextType,
+];
+
+export let LexicalComposerContext: React$Context<?LexicalComposerContextWithEditor>;
+
+declare export function createLexicalComposerContext(
+  parent: ?LexicalComposerContextWithEditor,
+  theme: ?EditorThemeClasses,
+): LexicalComposerContextType;
+declare export function useLexicalComposerContext(): LexicalComposerContextWithEditor;

package/LexicalContentEditable.dev.js

@@ -32,7 +32,6 @@ function LexicalContentEditable({
   autoComplete,
   autoCorrect,
   className,
-  readOnly = false,
   role = 'textbox',
   spellCheck = true,
   style,
@@ -40,28 +39,35 @@ function LexicalContentEditable({
   testid
 }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  const [isReadOnly, setReadOnly] = React.useState(true);
   const ref = React.useCallback(rootElement => {
     editor.setRootElement(rootElement);
   }, [editor]);
+  React.useLayoutEffect(() => {
+    setReadOnly(editor.isReadOnly());
+    return editor.addListener('readonly', currentIsReadOnly => {
+      setReadOnly(currentIsReadOnly);
+    });
+  }, [editor]);
   return /*#__PURE__*/React.createElement("div", {
-    "aria-activedescendant": readOnly ? null : ariaActiveDescendantID,
-    "aria-autocomplete": readOnly ? null : ariaAutoComplete,
-    "aria-controls": readOnly ? null : ariaControls,
+    "aria-activedescendant": isReadOnly ? null : ariaActiveDescendantID,
+    "aria-autocomplete": isReadOnly ? null : ariaAutoComplete,
+    "aria-controls": isReadOnly ? null : ariaControls,
     "aria-describedby": ariaDescribedBy,
-    "aria-expanded": readOnly ? null : role === 'combobox' ? !!ariaExpanded : null,
+    "aria-expanded": isReadOnly ? null : role === 'combobox' ? !!ariaExpanded : null,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
     "aria-multiline": ariaMultiline,
-    "aria-owns": readOnly ? null : ariaOwneeID,
+    "aria-owns": isReadOnly ? null : ariaOwneeID,
     "aria-required": ariaRequired,
     autoCapitalize: autoCapitalize,
     autoComplete: autoComplete,
     autoCorrect: autoCorrect,
     className: className,
-    contentEditable: !readOnly,
+    contentEditable: !isReadOnly,
     "data-testid": testid,
     ref: ref,
-    role: readOnly ? null : role,
+    role: isReadOnly ? null : role,
     spellCheck: spellCheck,
     style: style,
     tabIndex: tabIndex

package/LexicalContentEditable.js.flow

@@ -0,0 +1,35 @@
+/**
+ * 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
+ */
+
+export type Props = $ReadOnly<{
+  ariaActiveDescendantID?: string,
+  ariaAutoComplete?: string,
+  ariaControls?: string,
+  ariaDescribedBy?: string,
+  ariaExpanded?: boolean,
+  ariaLabel?: string,
+  ariaLabelledBy?: string,
+  ariaMultiline?: boolean,
+  ariaOwneeID?: string,
+  ariaRequired?: string,
+  autoCapitalize?: boolean,
+  autoComplete?: boolean,
+  autoCorrect?: boolean,
+  className?: string,
+  readOnly?: boolean,
+  role?: string,
+  style?: StyleSheetList,
+  spellCheck?: boolean,
+  tabIndex?: number,
+  testid?: string,
+}>;
+
+declare export default function LexicalContentEditable(
+  props: Props,
+): React$Node;

package/LexicalContentEditable.prod.js

@@ -4,6 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var b=require("@lexical/react/LexicalComposerContext"),e=require("react");
-module.exports=function({ariaActiveDescendantID:f,ariaAutoComplete:g,ariaControls:h,ariaDescribedBy:k,ariaExpanded:l,ariaLabel:m,ariaLabelledBy:n,ariaMultiline:p,ariaOwneeID:q,ariaRequired:r,autoCapitalize:t,autoComplete:u,autoCorrect:v,className:w,readOnly:a=!1,role:c="textbox",spellCheck:x=!0,style:y,tabIndex:z,testid:A}){const [d]=b.useLexicalComposerContext(),C=e.useCallback(B=>{d.setRootElement(B)},[d]);return e.createElement("div",{"aria-activedescendant":a?null:f,"aria-autocomplete":a?null:
-g,"aria-controls":a?null:h,"aria-describedby":k,"aria-expanded":a?null:"combobox"===c?!!l:null,"aria-label":m,"aria-labelledby":n,"aria-multiline":p,"aria-owns":a?null:q,"aria-required":r,autoCapitalize:t,autoComplete:u,autoCorrect:v,className:w,contentEditable:!a,"data-testid":A,ref:C,role:a?null:c,spellCheck:x,style:y,tabIndex:z})};
+var c=require("@lexical/react/LexicalComposerContext"),g=require("react");
+module.exports=function({ariaActiveDescendantID:h,ariaAutoComplete:k,ariaControls:l,ariaDescribedBy:m,ariaExpanded:n,ariaLabel:p,ariaLabelledBy:q,ariaMultiline:r,ariaOwneeID:t,ariaRequired:u,autoCapitalize:v,autoComplete:w,autoCorrect:x,className:y,role:e="textbox",spellCheck:z=!0,style:A,tabIndex:B,testid:C}){const [b]=c.useLexicalComposerContext(),[a,f]=g.useState(!0),D=g.useCallback(d=>{b.setRootElement(d)},[b]);g.useLayoutEffect(()=>{f(b.isReadOnly());return b.addListener("readonly",d=>{f(d)})},
+[b]);return g.createElement("div",{"aria-activedescendant":a?null:h,"aria-autocomplete":a?null:k,"aria-controls":a?null:l,"aria-describedby":m,"aria-expanded":a?null:"combobox"===e?!!n:null,"aria-label":p,"aria-labelledby":q,"aria-multiline":r,"aria-owns":a?null:t,"aria-required":u,autoCapitalize:v,autoComplete:w,autoCorrect:x,className:y,contentEditable:!a,"data-testid":C,ref:D,role:a?null:e,spellCheck:z,style:A,tabIndex:B})};

package/LexicalHashtagPlugin.js.flow

@@ -0,0 +1,20 @@
+/**
+ * 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, TextNode} from 'lexical';
+
+declare function getHashtagRegexStringChars(): $ReadOnly<{
+  alpha: string,
+  alphanumeric: string,
+  hashChars: string,
+}>;
+
+declare function getHashtagRegexString(): string;
+declare function textNodeTransform(node: TextNode): void;
+declare function useHashtags(editor: LexicalEditor): void;
+declare export default function LexicalHashtagPlugin(): React$Node;

package/LexicalHistoryPlugin.js.flow

@@ -0,0 +1,34 @@
+/**
+ * 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 {
+  EditorState,
+  GridSelection,
+  LexicalEditor,
+  NodeSelection,
+  RangeSelection,
+} from 'lexical';
+
+export type HistoryStateEntry = {
+  editor: LexicalEditor,
+  editorState: EditorState,
+  undoSelection?: RangeSelection | NodeSelection | GridSelection | null,
+};
+
+export type HistoryState = {
+  current: null | HistoryStateEntry,
+  redoStack: Array<HistoryStateEntry>,
+  undoStack: Array<HistoryStateEntry>,
+};
+
+declare export function HistoryPlugin({
+  externalHistoryState?: HistoryState,
+}): React$Node;
+
+declare export function createEmptyHistoryState(): HistoryState;

package/LexicalHorizontalRuleNode.js.flow

@@ -0,0 +1,25 @@
+/**
+ * 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 {LexicalNode} from 'lexical';
+
+import {DecoratorNode} from 'lexical';
+
+declare export class HorizontalRuleNode extends DecoratorNode<React$Node> {
+  static getType(): string;
+  static clone(node: HorizontalRuleNode): HorizontalRuleNode;
+  createDOM(): HTMLElement;
+  getTextContent(): '\n';
+  isTopLevel(): true;
+  updateDOM(): false;
+  decorate(): React$Node;
+}
+
+declare export function $createHorizontalRuleNode(): HorizontalRuleNode;
+declare export function $isHorizontalRuleNode(node: ?LexicalNode): boolean;