@lexical/mark 0.50.1-nightly.20260916.0 → 0.51.0

package/dist/LexicalMark.dev.js

@@ -6,7 +6,7 @@
  *
  */
 
-import { ElementNode, $getDocument, addClassNamesToElement, removeClassNamesFromElement, $isRangeSelection, $applyNodeReplacement, $isTextNode, $createRangeSelection, $isElementNode, $isDecoratorNode } from 'lexical';
+import { getterTableOf, setterTableOf, setterDefaultOf, ElementNode, $getDocument, addClassNamesToElement, removeClassNamesFromElement, $isRangeSelection, $applyNodeReplacement, nodeSchema, withAccessors, arrayValue, stringValue, $isTextNode, $createRangeSelection, $isElementNode, $isDecoratorNode } from 'lexical';
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -16,30 +16,155 @@ import { ElementNode, $getDocument, addClassNamesToElement, removeClassNamesFrom
  *
  */
 
+
+// The JSON number grammar, anchored, matching numberValue: `Number()` alone
+// reads '0x10' as 16 and '' as 0, and neither is a shape a JSON encoder
+// produces. Emitted from the same source the codegen verified against, so the
+// two cannot be different functions.
+const JSON_NUMBER = /^-?(?:0|[1-9]\d*)(?:\.\d+)?(?:[eE][+-]?\d+)?$/;
+function num(v, d) {
+  if (typeof v === 'number') {
+    return Number.isFinite(v) ? v : d;
+  }
+  if (typeof v !== 'string' || !JSON_NUMBER.test(v)) {
+    return d;
+  }
+  const n = Number(v);
+  return Number.isFinite(n) ? n : d;
+}
+function numC(v, d, min, max, integer) {
+  const n = num(v, d);
+  return n >= min && n <= max && (false || Number.isInteger(n)) ? n : d;
+}
+
+/**
+ * MarkNode's schema-declared fields, for a clone. Generated from that
+ * schema; do not edit by hand.
+ *
+ * @internal
+ */
+function afterCloneMarkNode(node, prevNode) {
+  node.__ids = prevNode.__ids;
+}
+
+/** MarkNode's generated implementations, for its `$config`. @internal */
+const GENERATED_MARK = fields => {
+  const MARK_FORMAT_GETTER = getterTableOf(fields, 'format');
+  const MARK_FORMAT_SETTER = setterTableOf(fields, 'format');
+  const MARK_FORMAT_SETTER_DEFAULT = setterDefaultOf(fields, 'format');
+
+  /** Generated from MarkNode's serialization schema. Do not edit by hand. */
+  function exportMarkNode(node) {
+    const textFormat = node.__textFormat;
+    const textStyle = node.__textStyle;
+    const shouldSerializeTextStyles = (textFormat !== 0 || textStyle !== '') && node.shouldSerializeTextStyles();
+    return {
+      children: [],
+      ids: node.getIDs(),
+      direction: node.__dir,
+      format: MARK_FORMAT_GETTER[node.__format],
+      indent: node.__indent,
+      textFormat: textFormat !== 0 && shouldSerializeTextStyles ? textFormat : undefined,
+      textStyle: textStyle !== '' && shouldSerializeTextStyles ? textStyle : undefined,
+      type: node.__type,
+      version: 1
+    };
+  }
+
+  /** Generated from MarkNode's serialization schema. Do not edit by hand. */
+  function exportCompactMarkNode(node) {
+    const textFormat = node.__textFormat;
+    const textStyle = node.__textStyle;
+    const shouldSerializeTextStyles = (textFormat !== 0 || textStyle !== '') && node.shouldSerializeTextStyles();
+    const json = {
+      type: node.__type,
+      children: []
+    };
+    const ids = node.getIDs();
+    if (ids !== undefined && !(Array.isArray(ids) && ids.length === 0)) {
+      json.ids = ids;
+    }
+    const direction = node.__dir;
+    if (direction != null) {
+      json.direction = direction;
+    }
+    const format = MARK_FORMAT_GETTER[node.__format];
+    if (format !== undefined && format !== '') {
+      json.format = format;
+    }
+    const indent = node.__indent;
+    if (indent !== undefined && indent !== 0) {
+      json.indent = indent;
+    }
+    if (textFormat !== undefined && textFormat !== 0 && shouldSerializeTextStyles) {
+      json.textFormat = textFormat;
+    }
+    if (textStyle !== undefined && textStyle !== '' && shouldSerializeTextStyles) {
+      json.textStyle = textStyle;
+    }
+    return json;
+  }
+
+  /** Generated from MarkNode's serialization schema. Do not edit by hand. */
+  function updateMarkNode(node, json) {
+    const direction = json.direction;
+    node.__dir = direction === null || direction === 'ltr' || direction === 'rtl' ? direction : null;
+    const format = json.format;
+    node.__format = typeof format === 'string' && format in MARK_FORMAT_SETTER ? MARK_FORMAT_SETTER[format] : MARK_FORMAT_SETTER_DEFAULT;
+    node.__indent = numC(json.indent, 0, 0, Infinity);
+    node.__textFormat = num(json.textFormat, 0);
+    const textStyle = json.textStyle;
+    node.__textStyle = typeof textStyle === 'string' ? textStyle : '';
+    const ids = json.ids;
+    node.__ids = Array.isArray(ids) ? Array.from(ids, e0 => typeof e0 === 'string' ? e0 : '') : [];
+    return node;
+  }
+  return {
+    exportJSON: exportMarkNode,
+    exportCompactJSON: exportCompactMarkNode,
+    updateFromJSON: updateMarkNode,
+    afterCloneFrom: afterCloneMarkNode
+  };
+};
+
+/**
+ * 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.
+ *
+ */
+
+// Single source of truth for parsing the node-specific properties of a
+// SerializedMarkNode (those it adds over a SerializedElementNode).
+const markNodeSchema = /* @__PURE__ */nodeSchema()({
+  // The getter stays a method: getIDs hands out a copy, so the export does not
+  // give a caller the node's own array. The setter is the field it writes,
+  // which is also what tells the clone where `ids` lives.
+  ids: /* @__PURE__ */withAccessors(/* @__PURE__ */arrayValue(/* @__PURE__ */stringValue()), {
+    getter: 'getIDs',
+    setter: {
+      field: '__ids',
+      method: 'setIDs'
+    }
+  })
+});
 const NO_IDS = [];
 
+// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
+
 /** @noInheritDoc */
+// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
 class MarkNode extends ElementNode {
   /** @internal */
   __ids;
   $config() {
     return this.config('mark', {
-      extends: ElementNode
+      extends: ElementNode,
+      generated: GENERATED_MARK,
+      json: markNodeSchema
     });
   }
-  afterCloneFrom(prevNode) {
-    super.afterCloneFrom(prevNode);
-    this.__ids = prevNode.__ids;
-  }
-  updateFromJSON(serializedNode) {
-    return super.updateFromJSON(serializedNode).setIDs(serializedNode.ids);
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      ids: this.getIDs()
-    };
-  }
   constructor(ids = NO_IDS, key) {
     super(key);
     this.__ids = ids;

package/dist/LexicalMark.prod.js

@@ -6,4 +6,4 @@
  *
  */
 
-import{ElementNode as e,$getDocument as t,addClassNamesToElement as r,removeClassNamesFromElement as n,$isRangeSelection as s,$applyNodeReplacement as i,$isTextNode as o,$createRangeSelection as c,$isElementNode as f,$isDecoratorNode as u}from"lexical";const l=[];class a extends e{__ids;$config(){return this.config("mark",{extends:e})}afterCloneFrom(e){super.afterCloneFrom(e),this.__ids=e.__ids}updateFromJSON(e){return super.updateFromJSON(e).setIDs(e.ids)}exportJSON(){return{...super.exportJSON(),ids:this.getIDs()}}constructor(e=l,t){super(t),this.__ids=e}createDOM(e){const n=t().createElement("mark");return r(n,e.theme.mark),this.__ids.length>1&&r(n,e.theme.markOverlap),n}updateDOM(e,t,s){const i=e.__ids,o=this.__ids,c=i.length,f=o.length,u=s.theme.markOverlap,l=f>1;return c>1!==l&&(l?r(t,u):n(t,u)),!1}hasID(e){return this.getIDs().includes(e)}getIDs(){return Array.from(this.getLatest().__ids)}setIDs(e){const t=this.getWritable();return t.__ids=e,t}addID(e){const t=this.getWritable();return t.__ids.includes(e)?t:t.setIDs([...t.__ids,e])}deleteID(e){const t=this.getWritable(),r=t.__ids.indexOf(e);if(-1===r)return t;const n=Array.from(t.__ids);return n.splice(r,1),t.setIDs(n)}insertNewAfter(e,t=!0){const r=d(this.__ids);return this.insertAfter(r,t),r}canInsertTextBefore(){return!1}canInsertTextAfter(){return!1}canBeEmpty(){return!1}isInline(){return!0}extractWithChild(e,t,r){if(!s(t)||"html"===r)return!1;const n=t.anchor,i=t.focus,o=n.getNode(),c=i.getNode(),f=t.isBackward()?n.offset-i.offset:i.offset-n.offset;return this.isParentOf(o)&&this.isParentOf(c)&&this.getTextContent().length===f}excludeFromCopy(e){return"clone"!==e}}function d(e=l){return i(new a(e))}function h(e){return e instanceof a}function _(e){const t=e.getChildren();let r=null;for(let n=0;n<t.length;n++){const s=t[n];null===r?e.insertBefore(s):r.insertAfter(s),r=s}e.remove()}function g(e,t,r,n){const s=c(),[i,l]=e.isBackward()?[e.focus,e.anchor]:[e.anchor,e.focus];let a,_;s.anchor.set(i.key,i.offset,i.type),s.focus.set(l.key,l.offset,l.type);const g=s.extract();for(const e of g){if(f(_)&&_.isParentOf(e))continue;let t=null;if(o(e))t=e;else{if(h(e))continue;(f(e)||u(e))&&e.isInline()&&(t=e)}if(null!==t){if(t&&t.is(a))continue;const e=t.getParent();if(null!=e&&e.is(a)||(_=void 0),a=e,void 0===_){_=(n||d)([r]),t.insertBefore(_)}_.append(t)}else a=void 0,_=void 0}f(_)&&(t?_.selectStart():_.selectEnd())}function m(e,t){let r=e;for(;null!==r;){if(h(r))return r.getIDs();if(o(r)&&t===r.getTextContentSize()){const e=r.getNextSibling();if(h(e))return e.getIDs()}r=r.getParent()}return null}const p={name:"@lexical/mark",nodes:()=>[a]};export{d as $createMarkNode,m as $getMarkIDs,h as $isMarkNode,_ as $unwrapMarkNode,g as $wrapSelectionInMarkNode,p as MarkExtension,a as MarkNode};
+import{getterTableOf as t,setterTableOf as e,setterDefaultOf as n,ElementNode as r,$getDocument as i,addClassNamesToElement as s,removeClassNamesFromElement as o,$isRangeSelection as c,$applyNodeReplacement as f,nodeSchema as l,withAccessors as d,arrayValue as u,stringValue as a,$isTextNode as _,$createRangeSelection as m,$isElementNode as h,$isDecoratorNode as g}from"lexical";const y=/^-?(?:0|[1-9]\d*)(?:\.\d+)?(?:[eE][+-]?\d+)?$/;function x(t,e){if("number"==typeof t)return Number.isFinite(t)?t:e;if("string"!=typeof t||!y.test(t))return e;const n=Number(t);return Number.isFinite(n)?n:e}function p(t,e){t.__ids=e.__ids}const I=r=>{const i=t(r,"format"),s=e(r,"format"),o=n(r,"format");return{exportJSON:function(t){const e=t.__textFormat,n=t.__textStyle,r=(0!==e||""!==n)&&t.shouldSerializeTextStyles();return{children:[],ids:t.getIDs(),direction:t.__dir,format:i[t.__format],indent:t.__indent,textFormat:0!==e&&r?e:void 0,textStyle:""!==n&&r?n:void 0,type:t.__type,version:1}},exportCompactJSON:function(t){const e=t.__textFormat,n=t.__textStyle,r=(0!==e||""!==n)&&t.shouldSerializeTextStyles(),s={type:t.__type,children:[]},o=t.getIDs();void 0===o||Array.isArray(o)&&0===o.length||(s.ids=o);const c=t.__dir;null!=c&&(s.direction=c);const f=i[t.__format];void 0!==f&&""!==f&&(s.format=f);const l=t.__indent;return void 0!==l&&0!==l&&(s.indent=l),void 0!==e&&0!==e&&r&&(s.textFormat=e),void 0!==n&&""!==n&&r&&(s.textStyle=n),s},updateFromJSON:function(t,e){const n=e.direction;t.__dir=null===n||"ltr"===n||"rtl"===n?n:null;const r=e.format;t.__format="string"==typeof r&&r in s?s[r]:o,t.__indent=function(t,e,n,r){const i=x(t,e);return i>=n&&i<=r&&Number.isInteger(i)?i:e}(e.indent,0,0,Infinity),t.__textFormat=x(e.textFormat,0);const i=e.textStyle;t.__textStyle="string"==typeof i?i:"";const c=e.ids;return t.__ids=Array.isArray(c)?Array.from(c,t=>"string"==typeof t?t:""):[],t},afterCloneFrom:p}},D=/* @__PURE__ */l()({ids:/* @__PURE__ */d(/* @__PURE__ */u(/* @__PURE__ */a()),{getter:"getIDs",setter:{field:"__ids",method:"setIDs"}})}),S=[];class v extends r{__ids;$config(){return this.config("mark",{extends:r,generated:I,json:D})}constructor(t=S,e){super(e),this.__ids=t}createDOM(t){const e=i().createElement("mark");return s(e,t.theme.mark),this.__ids.length>1&&s(e,t.theme.markOverlap),e}updateDOM(t,e,n){const r=t.__ids,i=this.__ids,c=r.length,f=i.length,l=n.theme.markOverlap,d=f>1;return c>1!==d&&(d?s(e,l):o(e,l)),!1}hasID(t){return this.getIDs().includes(t)}getIDs(){return Array.from(this.getLatest().__ids)}setIDs(t){const e=this.getWritable();return e.__ids=t,e}addID(t){const e=this.getWritable();return e.__ids.includes(t)?e:e.setIDs([...e.__ids,t])}deleteID(t){const e=this.getWritable(),n=e.__ids.indexOf(t);if(-1===n)return e;const r=Array.from(e.__ids);return r.splice(n,1),e.setIDs(r)}insertNewAfter(t,e=!0){const n=A(this.__ids);return this.insertAfter(n,e),n}canInsertTextBefore(){return!1}canInsertTextAfter(){return!1}canBeEmpty(){return!1}isInline(){return!0}extractWithChild(t,e,n){if(!c(e)||"html"===n)return!1;const r=e.anchor,i=e.focus,s=r.getNode(),o=i.getNode(),f=e.isBackward()?r.offset-i.offset:i.offset-r.offset;return this.isParentOf(s)&&this.isParentOf(o)&&this.getTextContent().length===f}excludeFromCopy(t){return"clone"!==t}}function A(t=S){return f(new v(t))}function F(t){return t instanceof v}function N(t){const e=t.getChildren();let n=null;for(let r=0;r<e.length;r++){const i=e[r];null===n?t.insertBefore(i):n.insertAfter(i),n=i}t.remove()}function O(t,e,n,r){const i=m(),[s,o]=t.isBackward()?[t.focus,t.anchor]:[t.anchor,t.focus];let c,f;i.anchor.set(s.key,s.offset,s.type),i.focus.set(o.key,o.offset,o.type);const l=i.extract();for(const t of l){if(h(f)&&f.isParentOf(t))continue;let e=null;if(_(t))e=t;else{if(F(t))continue;(h(t)||g(t))&&t.isInline()&&(e=t)}if(null!==e){if(e&&e.is(c))continue;const t=e.getParent();if(null!=t&&t.is(c)||(f=void 0),c=t,void 0===f){f=(r||A)([n]),e.insertBefore(f)}f.append(e)}else c=void 0,f=void 0}h(f)&&(e?f.selectStart():f.selectEnd())}function k(t,e){let n=t;for(;null!==n;){if(F(n))return n.getIDs();if(_(n)&&e===n.getTextContentSize()){const t=n.getNextSibling();if(F(t))return t.getIDs()}n=n.getParent()}return null}const b={name:"@lexical/mark",nodes:()=>[v]};export{A as $createMarkNode,k as $getMarkIDs,F as $isMarkNode,N as $unwrapMarkNode,O as $wrapSelectionInMarkNode,b as MarkExtension,v as MarkNode};

package/dist/LexicalMarkGeneratedJSON.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import type { MarkNode } from './MarkNode.js';
+import { type GeneratedJSONFactory } from 'lexical';
+/**
+ * MarkNode's schema-declared fields, for a clone. Generated from that
+ * schema; do not edit by hand.
+ *
+ * @internal
+ */
+export declare function afterCloneMarkNode(node: MarkNode, prevNode: MarkNode): void;
+/** MarkNode's generated implementations, for its `$config`. @internal */
+export declare const GENERATED_MARK: GeneratedJSONFactory;

package/dist/MarkNode.d.ts

@@ -5,24 +5,45 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { type BaseSelection, type EditorConfig, ElementNode, type LexicalNode, type LexicalUpdateJSON, type NodeKey, type RangeSelection, type SerializedElementNode, type Spread } from 'lexical';
+import { type BaseSelection, type EditorConfig, ElementNode, type LexicalNode, type LexicalParseJSON, type NodeKey, type RangeSelection, type SerializedElementNode, type SerializedPartial, type Spread } from 'lexical';
 export type SerializedMarkNode = Spread<{
     ids: string[];
 }, SerializedElementNode>;
+export interface MarkNode {
+    exportJSON(compact?: false): SerializedMarkNode;
+    exportJSON(compact: boolean): SerializedPartial<SerializedMarkNode>;
+    updateFromJSON(serializedNode: LexicalParseJSON<SerializedMarkNode>): this;
+}
 /** @noInheritDoc */
 export declare class MarkNode extends ElementNode {
     /** @internal */
     __ids: readonly string[];
-    $config(): import("lexical").BaseStaticNodeConfig & {
+    $config(): import("lexical").BaseStaticNodeConfig & import("lexical").StaticNodeConfigAccessor<{
+        readonly $transform: (node: ElementNode) => void;
+        readonly extends: typeof LexicalNode;
+        readonly generated: import("lexical").GeneratedJSONFactory;
+        readonly json: import("lexical").NodeSerializationSchema<ElementNode, {
+            readonly direction?: "ltr" | "rtl" | null | undefined;
+            readonly format?: "" | "left" | "start" | "center" | "right" | "end" | "justify" | undefined;
+            readonly indent?: string | number | undefined;
+            readonly textFormat?: string | number | undefined;
+            readonly textStyle?: string | undefined;
+        }>;
+    }> & {
         readonly mark?: {
             readonly extends: typeof ElementNode;
+            readonly generated: import("lexical").GeneratedJSONFactory;
+            readonly json: import("lexical").NodeSerializationSchema<MarkNode, {
+                readonly ids?: readonly string[] | undefined;
+            }>;
         } | undefined;
     } & import("lexical").StaticNodeTypeAccessor<"mark"> & import("lexical").StaticNodeConfigAccessor<{
         readonly extends: typeof ElementNode;
+        readonly generated: import("lexical").GeneratedJSONFactory;
+        readonly json: import("lexical").NodeSerializationSchema<MarkNode, {
+            readonly ids?: readonly string[] | undefined;
+        }>;
     }>;
-    afterCloneFrom(prevNode: this): void;
-    updateFromJSON(serializedNode: LexicalUpdateJSON<SerializedMarkNode>): this;
-    exportJSON(): SerializedMarkNode;
     constructor(ids?: readonly string[], key?: NodeKey);
     createDOM(config: EditorConfig): HTMLElement;
     updateDOM(prevNode: this, element: HTMLElement, config: EditorConfig): boolean;

package/package.json

@@ -8,12 +8,12 @@
     "mark"
   ],
   "license": "MIT",
-  "version": "0.50.1-nightly.20260916.0",
+  "version": "0.51.0",
   "main": "./dist/LexicalMark.js",
   "types": "./dist/typescript-too-old.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.50.1-nightly.20260916.0",
-    "lexical": "0.50.1-nightly.20260916.0"
+    "@lexical/utils": "0.51.0",
+    "lexical": "0.51.0"
   },
   "repository": {
     "type": "git",

package/src/LexicalMarkGeneratedJSON.ts

@@ -0,0 +1,184 @@
+/**
+ * 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.
+ *
+ */
+
+// @generated by scripts/generate-node-json.mjs from each class's `json`
+// schema. Run `pnpm run generate-node-json` to regenerate; do not edit.
+
+// Keys are emitted in the order the schema-driven walk writes them, so the two
+// produce byte-identical JSON. That order is the schema's, not alphabetical.
+/* eslint-disable sort-keys-fix/sort-keys-fix */
+
+import type {MarkNode} from './MarkNode';
+
+import {
+  type GeneratedJSONFactory,
+  getterTableOf,
+  setterDefaultOf,
+  setterTableOf,
+} from 'lexical';
+
+// The JSON number grammar, anchored, matching numberValue: `Number()` alone
+// reads '0x10' as 16 and '' as 0, and neither is a shape a JSON encoder
+// produces. Emitted from the same source the codegen verified against, so the
+// two cannot be different functions.
+const JSON_NUMBER = /^-?(?:0|[1-9]\d*)(?:\.\d+)?(?:[eE][+-]?\d+)?$/;
+
+function num(v: unknown, d: number): number {
+  if (typeof v === 'number') {
+    return Number.isFinite(v) ? v : d;
+  }
+  if (typeof v !== 'string' || !JSON_NUMBER.test(v)) {
+    return d;
+  }
+  const n = Number(v);
+  return Number.isFinite(n) ? n : d;
+}
+
+function numC(
+  v: unknown,
+  d: number,
+  min: number,
+  max: number,
+  integer: boolean,
+): number {
+  const n = num(v, d);
+  return n >= min && n <= max && (!integer || Number.isInteger(n)) ? n : d;
+}
+
+/**
+ * MarkNode's schema-declared fields, for a clone. Generated from that
+ * schema; do not edit by hand.
+ *
+ * @internal
+ */
+export function afterCloneMarkNode(node: MarkNode, prevNode: MarkNode): void {
+  node.__ids = prevNode.__ids;
+}
+
+/** MarkNode's generated implementations, for its `$config`. @internal */
+export const GENERATED_MARK: GeneratedJSONFactory = fields => {
+  const MARK_FORMAT_GETTER = getterTableOf(fields, 'format') as {
+    readonly [key: string]:
+      | ''
+      | 'center'
+      | 'end'
+      | 'justify'
+      | 'left'
+      | 'right'
+      | 'start';
+  };
+
+  const MARK_FORMAT_SETTER = setterTableOf(fields, 'format') as {
+    readonly [key: string]: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+  };
+
+  const MARK_FORMAT_SETTER_DEFAULT = setterDefaultOf(fields, 'format') as
+    | 0
+    | 1
+    | 2
+    | 3
+    | 4
+    | 5
+    | 6;
+
+  /** Generated from MarkNode's serialization schema. Do not edit by hand. */
+  function exportMarkNode(node: MarkNode): {[key: string]: unknown} {
+    const textFormat = node.__textFormat;
+    const textStyle = node.__textStyle;
+    const shouldSerializeTextStyles =
+      (textFormat !== 0 || textStyle !== '') &&
+      node.shouldSerializeTextStyles();
+    return {
+      children: [],
+      ids: node.getIDs(),
+      direction: node.__dir,
+      format: MARK_FORMAT_GETTER[node.__format],
+      indent: node.__indent,
+      textFormat:
+        textFormat !== 0 && shouldSerializeTextStyles ? textFormat : undefined,
+      textStyle:
+        textStyle !== '' && shouldSerializeTextStyles ? textStyle : undefined,
+      type: node.__type,
+      version: 1,
+    };
+  }
+
+  /** Generated from MarkNode's serialization schema. Do not edit by hand. */
+  function exportCompactMarkNode(node: MarkNode): {[key: string]: unknown} {
+    const textFormat = node.__textFormat;
+    const textStyle = node.__textStyle;
+    const shouldSerializeTextStyles =
+      (textFormat !== 0 || textStyle !== '') &&
+      node.shouldSerializeTextStyles();
+    const json: {[key: string]: unknown} = {type: node.__type, children: []};
+    const ids = node.getIDs();
+    if (ids !== undefined && !(Array.isArray(ids) && ids.length === 0)) {
+      json.ids = ids;
+    }
+    const direction = node.__dir;
+    if (direction != null) {
+      json.direction = direction;
+    }
+    const format = MARK_FORMAT_GETTER[node.__format];
+    if (format !== undefined && format !== '') {
+      json.format = format;
+    }
+    const indent = node.__indent;
+    if (indent !== undefined && indent !== 0) {
+      json.indent = indent;
+    }
+    if (
+      textFormat !== undefined &&
+      textFormat !== 0 &&
+      shouldSerializeTextStyles
+    ) {
+      json.textFormat = textFormat;
+    }
+    if (
+      textStyle !== undefined &&
+      textStyle !== '' &&
+      shouldSerializeTextStyles
+    ) {
+      json.textStyle = textStyle;
+    }
+    return json;
+  }
+
+  /** Generated from MarkNode's serialization schema. Do not edit by hand. */
+  function updateMarkNode(
+    node: MarkNode,
+    json: {readonly [key: string]: unknown},
+  ): MarkNode {
+    const direction = json.direction;
+    node.__dir =
+      direction === null || direction === 'ltr' || direction === 'rtl'
+        ? direction
+        : null;
+    const format = json.format;
+    node.__format =
+      typeof format === 'string' && format in MARK_FORMAT_SETTER
+        ? MARK_FORMAT_SETTER[format]
+        : MARK_FORMAT_SETTER_DEFAULT;
+    node.__indent = numC(json.indent, 0, 0, Infinity, true);
+    node.__textFormat = num(json.textFormat, 0);
+    const textStyle = json.textStyle;
+    node.__textStyle = typeof textStyle === 'string' ? textStyle : '';
+    const ids = json.ids;
+    node.__ids = Array.isArray(ids)
+      ? Array.from(ids, e0 => (typeof e0 === 'string' ? e0 : ''))
+      : [];
+    return node;
+  }
+
+  return {
+    exportJSON: exportMarkNode,
+    exportCompactJSON: exportCompactMarkNode,
+    updateFromJSON: updateMarkNode,
+    afterCloneFrom: afterCloneMarkNode,
+  };
+};

package/src/MarkNode.ts

@@ -11,18 +11,25 @@ import {
   $getDocument,
   $isRangeSelection,
   addClassNamesToElement,
+  arrayValue,
   type BaseSelection,
   type EditorConfig,
   ElementNode,
   type LexicalNode,
-  type LexicalUpdateJSON,
+  type LexicalParseJSON,
   type NodeKey,
+  nodeSchema,
   type RangeSelection,
   removeClassNamesFromElement,
   type SerializedElementNode,
+  type SerializedPartial,
   type Spread,
+  stringValue,
+  withAccessors,
 } from 'lexical';
 
+import {GENERATED_MARK} from './LexicalMarkGeneratedJSON';
+
 export type SerializedMarkNode = Spread<
   {
     ids: string[];
@@ -30,31 +37,39 @@ export type SerializedMarkNode = Spread<
   SerializedElementNode
 >;
 
+// Single source of truth for parsing the node-specific properties of a
+// SerializedMarkNode (those it adds over a SerializedElementNode).
+const markNodeSchema = nodeSchema<MarkNode>()({
+  // The getter stays a method: getIDs hands out a copy, so the export does not
+  // give a caller the node's own array. The setter is the field it writes,
+  // which is also what tells the clone where `ids` lives.
+  ids: withAccessors(arrayValue(stringValue()), {
+    getter: 'getIDs',
+    setter: {field: '__ids', method: 'setIDs'},
+  }),
+});
+
 const NO_IDS: readonly string[] = [];
 
+// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
+export interface MarkNode {
+  exportJSON(compact?: false): SerializedMarkNode;
+  exportJSON(compact: boolean): SerializedPartial<SerializedMarkNode>;
+  updateFromJSON(serializedNode: LexicalParseJSON<SerializedMarkNode>): this;
+}
+
 /** @noInheritDoc */
+// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
 export class MarkNode extends ElementNode {
   /** @internal */
   __ids: readonly string[];
 
   $config() {
-    return this.config('mark', {extends: ElementNode});
-  }
-
-  afterCloneFrom(prevNode: this): void {
-    super.afterCloneFrom(prevNode);
-    this.__ids = prevNode.__ids;
-  }
-
-  updateFromJSON(serializedNode: LexicalUpdateJSON<SerializedMarkNode>): this {
-    return super.updateFromJSON(serializedNode).setIDs(serializedNode.ids);
-  }
-
-  exportJSON(): SerializedMarkNode {
-    return {
-      ...super.exportJSON(),
-      ids: this.getIDs(),
-    };
+    return this.config('mark', {
+      extends: ElementNode,
+      generated: GENERATED_MARK,
+      json: markNodeSchema,
+    });
   }
 
   constructor(ids: readonly string[] = NO_IDS, key?: NodeKey) {