lexical 0.3.3 → 0.3.4

package/Lexical.dev.js

@@ -6,6 +6,58 @@
  */
 'use strict';
 
+/**
+ * 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 createCommand() {
+  return {};
+}
+const SELECTION_CHANGE_COMMAND = createCommand();
+const CLICK_COMMAND = createCommand();
+const DELETE_CHARACTER_COMMAND = createCommand();
+const INSERT_LINE_BREAK_COMMAND = createCommand();
+const INSERT_PARAGRAPH_COMMAND = createCommand();
+const CONTROLLED_TEXT_INSERTION_COMMAND = createCommand();
+const PASTE_COMMAND = createCommand();
+const REMOVE_TEXT_COMMAND = createCommand();
+const DELETE_WORD_COMMAND = createCommand();
+const DELETE_LINE_COMMAND = createCommand();
+const FORMAT_TEXT_COMMAND = createCommand();
+const UNDO_COMMAND = createCommand();
+const REDO_COMMAND = createCommand();
+const KEY_ARROW_RIGHT_COMMAND = createCommand();
+const MOVE_TO_END = createCommand();
+const KEY_ARROW_LEFT_COMMAND = createCommand();
+const MOVE_TO_START = createCommand();
+const KEY_ARROW_UP_COMMAND = createCommand();
+const KEY_ARROW_DOWN_COMMAND = createCommand();
+const KEY_ENTER_COMMAND = createCommand();
+const KEY_SPACE_COMMAND = createCommand();
+const KEY_BACKSPACE_COMMAND = createCommand();
+const KEY_ESCAPE_COMMAND = createCommand();
+const KEY_DELETE_COMMAND = createCommand();
+const KEY_TAB_COMMAND = createCommand();
+const INDENT_CONTENT_COMMAND = createCommand();
+const OUTDENT_CONTENT_COMMAND = createCommand();
+const DROP_COMMAND = createCommand();
+const FORMAT_ELEMENT_COMMAND = createCommand();
+const DRAGSTART_COMMAND = createCommand();
+const DRAGOVER_COMMAND = createCommand();
+const DRAGEND_COMMAND = createCommand();
+const COPY_COMMAND = createCommand();
+const CUT_COMMAND = createCommand();
+const CLEAR_EDITOR_COMMAND = createCommand();
+const CLEAR_HISTORY_COMMAND = createCommand();
+const CAN_REDO_COMMAND = createCommand();
+const CAN_UNDO_COMMAND = createCommand();
+const FOCUS_COMMAND = createCommand();
+const BLUR_COMMAND = createCommand();
+const KEY_MODIFIER_COMMAND = createCommand();
+
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -173,12 +225,25 @@ function handleTextMutation(target, node, editor) {
   $updateTextNodeFromDOMContent(node, text, anchorOffset, focusOffset, false);
 }
 
+function shouldUpdateTextNodeFromMutation(selection, targetDOM, targetNode) {
+  if ($isRangeSelection(selection)) {
+    const anchorNode = selection.anchor.getNode();
+
+    if (anchorNode.is(targetNode) && selection.format !== anchorNode.getFormat()) {
+      return false;
+    }
+  }
+
+  return targetDOM.nodeType === DOM_TEXT_TYPE && targetNode.isAttached();
+}
+
 function $flushMutations$1(editor, mutations, observer) {
   isProcessingMutations = true;
   const shouldFlushTextMutations = performance.now() - lastTextEntryTimeStamp > TEXT_MUTATION_VARIANCE;
 
   try {
     updateEditor(editor, () => {
+      const selection = $getSelection() || getLastSelection(editor);
       const badDOMTargets = new Map();
       const rootElement = editor.getRootElement(); // We use the current edtior state, as that reflects what is
       // actually "on screen".
@@ -200,7 +265,7 @@ function $flushMutations$1(editor, mutations, observer) {
         if (type === 'characterData') {
           // Text mutations are deferred and passed to mutation listeners to be
           // processed outside of the Lexical engine.
-          if (shouldFlushTextMutations && targetDOM.nodeType === DOM_TEXT_TYPE && $isTextNode(targetNode) && targetNode.isAttached()) {
+          if (shouldFlushTextMutations && $isTextNode(targetNode) && shouldUpdateTextNodeFromMutation(selection, targetDOM, targetNode)) {
             handleTextMutation( // nodeType === DOM_TEXT_TYPE is a Text DOM node
             targetDOM, targetNode);
           }
@@ -315,8 +380,6 @@ function $flushMutations$1(editor, mutations, observer) {
         observer.takeRecords();
       }
 
-      const selection = $getSelection() || getLastSelection(editor);
-
       if (selection !== null) {
         if (shouldRevertSelection) {
           selection.dirty = true;
@@ -664,7 +727,6 @@ function $setSelection(selection) {
   const editorState = getActiveEditorState();
 
   if (selection !== null) {
-    // @ts-ignore
     {
       if (Object.isFrozen(selection)) {
         {
@@ -1474,7 +1536,7 @@ function createNode(key, parentDOM, insertDOM) {
     const text = node.getTextContent();
 
     if ($isDecoratorNode(node)) {
-      const decorator = node.decorate(activeEditor$1);
+      const decorator = node.decorate(activeEditor$1, activeEditorConfig);
 
       if (decorator !== null) {
         reconcileDecorator(key, decorator);
@@ -1514,8 +1576,7 @@ function createNode(key, parentDOM, insertDOM) {
         parentDOM.appendChild(dom);
       }
     }
-  } // @ts-ignore
-
+  }
 
   {
     // Freeze the node in DEV to prevent accidental mutations
@@ -1790,7 +1851,7 @@ function reconcileNode(key, parentDOM) {
     const text = nextNode.getTextContent();
 
     if ($isDecoratorNode(nextNode)) {
-      const decorator = nextNode.decorate(activeEditor$1);
+      const decorator = nextNode.decorate(activeEditor$1, activeEditorConfig);
 
       if (decorator !== null) {
         reconcileDecorator(key, decorator);
@@ -1811,8 +1872,7 @@ function reconcileNode(key, parentDOM) {
     // Cache the latest text content.
     nextNode = nextNode.getWritable();
     nextNode.__cachedText = editorTextContent;
-  } // @ts-ignore
-
+  }
 
   {
     // Freeze the node in DEV to prevent accidental mutations
@@ -1971,58 +2031,6 @@ function getPrevElementByKeyOrThrow(key) {
   return element;
 }
 
-/**
- * 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 createCommand() {
-  return {};
-}
-const SELECTION_CHANGE_COMMAND = createCommand();
-const CLICK_COMMAND = createCommand();
-const DELETE_CHARACTER_COMMAND = createCommand();
-const INSERT_LINE_BREAK_COMMAND = createCommand();
-const INSERT_PARAGRAPH_COMMAND = createCommand();
-const CONTROLLED_TEXT_INSERTION_COMMAND = createCommand();
-const PASTE_COMMAND = createCommand();
-const REMOVE_TEXT_COMMAND = createCommand();
-const DELETE_WORD_COMMAND = createCommand();
-const DELETE_LINE_COMMAND = createCommand();
-const FORMAT_TEXT_COMMAND = createCommand();
-const UNDO_COMMAND = createCommand();
-const REDO_COMMAND = createCommand();
-const KEY_ARROW_RIGHT_COMMAND = createCommand();
-const MOVE_TO_END = createCommand();
-const KEY_ARROW_LEFT_COMMAND = createCommand();
-const MOVE_TO_START = createCommand();
-const KEY_ARROW_UP_COMMAND = createCommand();
-const KEY_ARROW_DOWN_COMMAND = createCommand();
-const KEY_ENTER_COMMAND = createCommand();
-const KEY_SPACE_COMMAND = createCommand();
-const KEY_BACKSPACE_COMMAND = createCommand();
-const KEY_ESCAPE_COMMAND = createCommand();
-const KEY_DELETE_COMMAND = createCommand();
-const KEY_TAB_COMMAND = createCommand();
-const INDENT_CONTENT_COMMAND = createCommand();
-const OUTDENT_CONTENT_COMMAND = createCommand();
-const DROP_COMMAND = createCommand();
-const FORMAT_ELEMENT_COMMAND = createCommand();
-const DRAGSTART_COMMAND = createCommand();
-const DRAGOVER_COMMAND = createCommand();
-const DRAGEND_COMMAND = createCommand();
-const COPY_COMMAND = createCommand();
-const CUT_COMMAND = createCommand();
-const CLEAR_EDITOR_COMMAND = createCommand();
-const CLEAR_HISTORY_COMMAND = createCommand();
-const CAN_REDO_COMMAND = createCommand();
-const CAN_UNDO_COMMAND = createCommand();
-const FOCUS_COMMAND = createCommand();
-const BLUR_COMMAND = createCommand();
-const KEY_MODIFIER_COMMAND = createCommand();
-
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -2039,6 +2047,7 @@ if (CAN_USE_BEFORE_INPUT) {
 }
 
 let lastKeyDownTimeStamp = 0;
+let lastKeyCode = 0;
 let rootElementsRegistered = 0;
 let isSelectionChangeFromDOMUpdate = false;
 let isInsertLineBreak = false;
@@ -2180,6 +2189,10 @@ function $canRemoveText(anchorNode, focusNode) {
   return anchorNode !== focusNode || $isElementNode(anchorNode) || $isElementNode(focusNode) || !$isTokenOrInert(anchorNode) || !$isTokenOrInert(focusNode);
 }
 
+function isPossiblyAndroidKeyPress(timeStamp) {
+  return lastKeyCode === 229 && timeStamp < lastKeyDownTimeStamp + ANDROID_COMPOSITION_LATENCY;
+}
+
 function onBeforeInput(event, editor) {
   const inputType = event.inputType; // We let the browser do its own thing for composition.
 
@@ -2196,7 +2209,9 @@ function onBeforeInput(event, editor) {
     // during composition and see if the previous text contains
     // part of the composed text to work out the actual text that
     // we need to insert.
-    const composedText = event.data;
+    const composedText = event.data; // TODO: evaluate if this is Android only. It doesn't always seem
+    // to have any real impact, so could probably be refactored or removed
+    // for an alternative approach.
 
     if (composedText) {
       updateEditor(editor, () => {
@@ -2240,20 +2255,32 @@ function onBeforeInput(event, editor) {
         }
 
         $setSelection(prevSelection.clone());
-      } // Used for Android
+      }
 
+      if ($isRangeSelection(selection)) {
+        // Used for handling backspace in Android.
+        if (isPossiblyAndroidKeyPress(event.timeStamp) && selection.anchor.key === selection.focus.key) {
+          $setCompositionKey(null);
+          lastKeyDownTimeStamp = 0; // Fixes an Android bug where selection flickers when backspacing
 
-      $setCompositionKey(null);
-      event.preventDefault();
-      lastKeyDownTimeStamp = 0;
-      dispatchCommand(editor, DELETE_CHARACTER_COMMAND, true); // Fixes an Android bug where selection flickers when backspacing
+          setTimeout(() => {
+            updateEditor(editor, () => {
+              $setCompositionKey(null);
+            });
+          }, ANDROID_COMPOSITION_LATENCY);
 
-      setTimeout(() => {
-        updateEditor(editor, () => {
-          $setCompositionKey(null);
-        });
-      }, ANDROID_COMPOSITION_LATENCY);
-      return;
+          if ($isRangeSelection(selection)) {
+            const anchorNode = selection.anchor.getNode();
+            anchorNode.markDirty();
+            selection.format = anchorNode.getFormat();
+          }
+        } else {
+          event.preventDefault();
+          dispatchCommand(editor, DELETE_CHARACTER_COMMAND, false);
+        }
+
+        return;
+      }
     }
 
     if (!$isRangeSelection(selection)) {
@@ -2548,6 +2575,7 @@ function onCompositionEnd(event, editor) {
 
 function onKeyDown(event, editor) {
   lastKeyDownTimeStamp = event.timeStamp;
+  lastKeyCode = event.keyCode;
 
   if (editor.isComposing()) {
     return;
@@ -2813,7 +2841,6 @@ function markCollapsedSelectionFormat(format, offset, key, timeStamp) {
  * LICENSE file in the root directory of this source tree.
  *
  */
-
 class Point {
   constructor(key, offset, type) {
     this._selection = null;
@@ -3450,6 +3477,7 @@ class RangeSelection {
 
       if (!$isTextNode(nextSibling) || $isTokenOrInertOrSegmented(nextSibling)) {
         nextSibling = $createTextNode();
+        nextSibling.setFormat(format);
 
         if (!firstNodeParent.canInsertTextAfter()) {
           firstNodeParent.insertAfter(nextSibling);
@@ -3470,6 +3498,7 @@ class RangeSelection {
 
       if (!$isTextNode(prevSibling) || $isTokenOrInertOrSegmented(prevSibling)) {
         prevSibling = $createTextNode();
+        prevSibling.setFormat(format);
 
         if (!firstNodeParent.canInsertTextBefore()) {
           firstNodeParent.insertBefore(prevSibling);
@@ -3487,6 +3516,7 @@ class RangeSelection {
       }
     } else if (firstNode.isSegmented() && startOffset !== firstNodeTextLength) {
       const textNode = $createTextNode(firstNode.getTextContent());
+      textNode.setFormat(format);
       firstNode.replace(textNode);
       firstNode = textNode;
     } else if (!this.isCollapsed() && text !== '') {
@@ -3544,10 +3574,14 @@ class RangeSelection {
 
       if (firstNode.getTextContent() === '') {
         firstNode.remove();
-      } else if (firstNode.isComposing() && this.anchor.type === 'text') {
-        // When composing, we need to adjust the anchor offset so that
-        // we correctly replace that right range.
-        this.anchor.offset -= text.length;
+      } else if (this.anchor.type === 'text') {
+        if (firstNode.isComposing()) {
+          // When composing, we need to adjust the anchor offset so that
+          // we correctly replace that right range.
+          this.anchor.offset -= text.length;
+        } else {
+          this.format = firstNodeFormat;
+        }
       }
     } else {
       const markedNodeKeysForKeep = new Set([...firstNode.getParentKeys(), ...lastNode.getParentKeys()]); // We have to get the parent elements before the next section,
@@ -4746,15 +4780,15 @@ function internalMakeRangeSelection(anchorKey, anchorOffset, focusKey, focusOffs
   editorState._selection = selection;
   return selection;
 }
-function $createEmptyRangeSelection() {
+function $createRangeSelection() {
   const anchor = $createPoint('root', 0, 'element');
   const focus = $createPoint('root', 0, 'element');
   return new RangeSelection(anchor, focus, 0);
 }
-function $createEmptyObjectSelection() {
+function $createNodeSelection() {
   return new NodeSelection(new Set());
 }
-function $createEmptyGridSelection() {
+function $createGridSelection() {
   const anchor = $createPoint('root', 0, 'element');
   const focus = $createPoint('root', 0, 'element');
   return new GridSelection('root', anchor, focus);
@@ -5348,7 +5382,7 @@ function parseEditorState(serializedEditorState, editor, updateFn) {
     } // Make the editorState immutable
 
 
-    editorState._readOnly = true; // @ts-ignore
+    editorState._readOnly = true;
 
     {
       handleDEVOnlyPendingUpdateGuarantees(editorState);
@@ -5472,7 +5506,7 @@ function commitPendingUpdates(editor) {
     }
   }
 
-  pendingEditorState._readOnly = true; // @ts-ignore
+  pendingEditorState._readOnly = true;
 
   {
     handleDEVOnlyPendingUpdateGuarantees(pendingEditorState);
@@ -5817,7 +5851,13 @@ function internalGetActiveEditor() {
   return activeEditor;
 }
 
-/* eslint-disable no-constant-condition */
+/**
+ * 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 removeNode(nodeToRemove, restoreSelection, preserveEmptyParent) {
   errorOnReadOnly();
   const key = nodeToRemove.__key;
@@ -5906,7 +5946,7 @@ class LexicalNode {
     // @ts-expect-error
     this.__type = this.constructor.getType();
     this.__parent = null;
-    $setNodeKey(this, key); // @ts-ignore
+    $setNodeKey(this, key);
 
     {
       if (this.__type !== 'root') {
@@ -6375,52 +6415,11 @@ class LexicalNode {
 
   exportDOM(editor) {
     const element = this.createDOM(editor._config, editor);
-    const serializedNode = this.exportJSON();
-    element.setAttribute('data-lexical-node-type', this.__type);
-    element.setAttribute('data-lexical-node-json', JSON.stringify(serializedNode));
-    element.setAttribute('data-lexical-editor-key', editor._key);
     return {
       element
     };
   }
 
-  static importDOM() {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const proto = this.prototype.constructor;
-    return {
-      // Catch-all key because we don't know the nodeName of the element returned by exportDOM.
-      '*': domNode => {
-        if (!(domNode instanceof HTMLElement)) return null;
-        const editorKey = domNode.getAttribute('data-lexical-editor-key');
-        const nodeType = domNode.getAttribute('data-lexical-node-type');
-        if (editorKey == null || nodeType == null) return null;
-        const editor = getActiveEditor();
-
-        if (editorKey === editor.getKey() && nodeType === proto.getType()) {
-          try {
-            const json = domNode.getAttribute('data-lexical-node-json');
-
-            if (json != null) {
-              const serializedNode = JSON.parse(json);
-              const node = proto.importJSON(serializedNode);
-              return {
-                conversion: () => ({
-                  node
-                }),
-                // Max priority because of the 'data-lexical-node-type' attribute
-                // matching the one on node klass guarantees a match.
-                priority: 4
-              }; // eslint-disable-next-line no-empty
-            } // eslint-disable-next-line no-empty
-
-          } catch {}
-        }
-
-        return null;
-      }
-    };
-  }
-
   exportJSON() {
     {
       throw Error(`exportJSON: base method not extended`);
@@ -6639,7 +6638,7 @@ class DecoratorNode extends LexicalNode {
     super(key);
   }
 
-  decorate(editor) {
+  decorate(editor, config) {
     {
       throw Error(`decorate: base method not extended`);
     }
@@ -7108,7 +7107,7 @@ class ElementNode extends LexicalNode {
     return false;
   }
 
-  excludeFromCopy() {
+  excludeFromCopy(destination) {
     return false;
   }
 
@@ -8162,8 +8161,21 @@ function convertBringAttentionToElement(domNode) {
 }
 
 function convertTextDOMNode(domNode) {
+  const {
+    parentElement,
+    textContent
+  } = domNode;
+  const textContentTrim = textContent.trim();
+  const isPre = parentElement != null && parentElement.tagName.toLowerCase() === 'pre';
+
+  if (!isPre && textContentTrim.length === 0 && textContent.includes('\n')) {
+    return {
+      node: null
+    };
+  }
+
   return {
-    node: $createTextNode(domNode.textContent)
+    node: $createTextNode(textContent)
   };
 }
 
@@ -8376,10 +8388,11 @@ function initializeConversionCache(nodes) {
   const conversionCache = new Map();
   const handledConversions = new Set();
   nodes.forEach(node => {
-    // @ts-expect-error TODO Replace Class utility type with InstanceType
-    const importDOM = node.klass.importDOM.bind(node.klass); // debugger;
+    const importDOM = // @ts-expect-error TODO Replace Class utility type with InstanceType
+    node.klass.importDOM != null ? // @ts-expect-error TODO Replace Class utility type with InstanceType
+    node.klass.importDOM.bind(node.klass) : null;
 
-    if (handledConversions.has(importDOM)) {
+    if (importDOM == null || handledConversions.has(importDOM)) {
       return;
     }
 
@@ -8423,7 +8436,6 @@ function createEditor(editorConfig) {
 
     for (let i = 0; i < nodes.length; i++) {
       const klass = nodes[i]; // Ensure custom nodes implement required methods.
-      // @ts-ignore
 
       {
         const name = klass.name;
@@ -8630,9 +8642,7 @@ class LexicalEditor {
     };
   }
 
-  registerNodeTransform( // There's no Flow-safe way to preserve the T in Transform<T>, but <T = LexicalNode> in the
-  // declaration below guarantees these are LexicalNodes.
-  klass, listener) {
+  registerNodeTransform(klass, listener) {
     // @ts-expect-error TODO Replace Class utility type with InstanceType
     const type = klass.getType();
 
@@ -8654,7 +8664,7 @@ class LexicalEditor {
 
   hasNodes(nodes) {
     for (let i = 0; i < nodes.length; i++) {
-      const klass = nodes[i]; // @ts-expect-error TODO Replace Class utility type with InstanceType
+      const klass = nodes[i]; // @ts-expect-error
 
       const type = klass.getType();
 
@@ -8823,7 +8833,7 @@ class LexicalEditor {
 
   toJSON() {
     return {
-      editorState: this._editorState
+      editorState: this._editorState.toJSON()
     };
   }
 
@@ -8836,7 +8846,7 @@ class LexicalEditor {
  * LICENSE file in the root directory of this source tree.
  *
  */
-const VERSION = '0.3.3';
+const VERSION = '0.3.4';
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -8886,11 +8896,11 @@ function $isGridRowNode(node) {
   return node instanceof GridRowNode;
 }
 
-exports.$createGridSelection = $createEmptyGridSelection;
+exports.$createGridSelection = $createGridSelection;
 exports.$createLineBreakNode = $createLineBreakNode;
-exports.$createNodeSelection = $createEmptyObjectSelection;
+exports.$createNodeSelection = $createNodeSelection;
 exports.$createParagraphNode = $createParagraphNode;
-exports.$createRangeSelection = $createEmptyRangeSelection;
+exports.$createRangeSelection = $createRangeSelection;
 exports.$createTextNode = $createTextNode;
 exports.$getDecoratorNode = $getDecoratorNode;
 exports.$getNearestNodeFromDOMNode = $getNearestNodeFromDOMNode;

package/Lexical.js.flow

@@ -164,8 +164,8 @@ declare export class LexicalEditor {
   getElementByKey(key: NodeKey): null | HTMLElement;
   getEditorState(): EditorState;
   setEditorState(editorState: EditorState, options?: EditorSetOptions): void;
-  parseEditorState<SerializedNode>(
-    maybeStringifiedEditorState: string | SerializedEditorState<SerializedNode>,
+  parseEditorState(
+    maybeStringifiedEditorState: string | SerializedEditorState,
     updateFn?: () => void,
   ): EditorState;
   update(updateFn: () => void, options?: EditorUpdateOptions): boolean;
@@ -173,7 +173,7 @@ declare export class LexicalEditor {
   blur(): void;
   isReadOnly(): boolean;
   setReadOnly(readOnly: boolean): void;
-  toJSON(): SerializedEditor<>;
+  toJSON(): SerializedEditor;
 }
 type EditorUpdateOptions = {
   onUpdate?: () => void,
@@ -233,6 +233,10 @@ export type EditorThemeClasses = {
     h5?: EditorThemeClassName,
     h6?: EditorThemeClassName,
   },
+  embedBlock?: {
+    base?: EditorThemeClassName,
+    focus?: EditorThemeClassName,
+  },
   // Handle other generic values
   [string]: EditorThemeClassName | {[string]: EditorThemeClassName},
 };
@@ -275,7 +279,7 @@ export interface EditorState {
   ): void;
   isEmpty(): boolean;
   read<V>(callbackFn: () => V): V;
-  toJSON<SerializedNode>(): SerializedEditorState<SerializedNode>;
+  toJSON(): SerializedEditorState;
   clone(
     selection?: RangeSelection | NodeSelection | GridSelection | null,
   ): EditorState;
@@ -729,7 +733,7 @@ declare export function $isElementNode(
 
 declare export class DecoratorNode<X> extends LexicalNode {
   constructor(key?: NodeKey): void;
-  decorate(editor: LexicalEditor): X;
+  decorate(editor: LexicalEditor, config: EditorConfig): X;
   isIsolated(): boolean;
   isTopLevel(): boolean;
 }
@@ -877,10 +881,10 @@ export type SerializedGridCellNode = {
   ...
 };
 
-export interface SerializedEditorState<SerializedNode> {
-  root: SerializedRootNode<SerializedNode>;
+export interface SerializedEditorState {
+  root: SerializedRootNode;
 }
 
-export type SerializedEditor<SerializedNode> = {
-  editorState: SerializedEditorState<SerializedNode>,
+export type SerializedEditor = {
+  editorState: SerializedEditorState,
 };