@payloadcms/richtext-lexical 3.71.0-canary.3 → 3.71.0-internal-debug.dea9d74

package/dist/features/migrations/slateToLexical/feature.server.js

@@ -3,6 +3,15 @@ import { defaultSlateConverters } from './converter/defaultConverters.js';
 import { convertSlateToLexical } from './converter/index.js';
 import { UnknownConvertedNode } from './nodes/unknownConvertedNode/index.js';
 /**
+   * Custom converters to transform Slate nodes to Lexical nodes.
+   * Can be an array of converters or a function that receives default converters and returns an array.
+   * @default defaultSlateConverters
+   */ /**
+   * When true, disables the afterRead hook that converts Slate data on-the-fly.
+   * Set this to true when running the migration script. That way, this feature is only used
+   * to "pass through" the converters to the migration script.
+   * @default false
+   */ /**
  * Enables on-the-fly conversion of Slate data to Lexical format through an afterRead hook.
  * Used for testing migrations before running the permanent migration script.
  * Only converts data that is in Slate format (arrays); Lexical data passes through unchanged.
@@ -19,50 +28,50 @@ import { UnknownConvertedNode } from './nodes/unknownConvertedNode/index.js';
  *   ],
  * })
  * ```
- */
-export const SlateToLexicalFeature = createServerFeature({
-  feature: ({
-    props
-  }) => {
-    if (!props) {
-      props = {};
-    }
-    let converters = [];
-    if (props?.converters && typeof props?.converters === 'function') {
-      converters = props.converters({
-        defaultConverters: defaultSlateConverters
-      });
-    } else if (props.converters && typeof props?.converters !== 'function') {
-      converters = props.converters;
-    } else {
-      converters = defaultSlateConverters;
-    }
-    props.converters = converters;
-    return {
-      ClientFeature: '@payloadcms/richtext-lexical/client#SlateToLexicalFeatureClient',
-      hooks: props.disableHooks ? undefined : {
-        afterRead: [({
-          value
-        }) => {
-          if (!value || !Array.isArray(value) || 'root' in value) {
-            // incomingEditorState null or not from Slate
-            return value;
-          }
-          // Slate => convert to lexical
-          return convertSlateToLexical({
-            converters: props.converters,
-            slateData: value
-          });
-        }]
-      },
-      nodes: [{
-        node: UnknownConvertedNode
-      }],
-      sanitizedServerFeatureProps: {
-        converters
-      }
-    };
-  },
-  key: 'slateToLexical'
+ */ export const SlateToLexicalFeature = createServerFeature({
+    feature: ({ props })=>{
+        if (!props) {
+            props = {};
+        }
+        let converters = [];
+        if (props?.converters && typeof props?.converters === 'function') {
+            converters = props.converters({
+                defaultConverters: defaultSlateConverters
+            });
+        } else if (props.converters && typeof props?.converters !== 'function') {
+            converters = props.converters;
+        } else {
+            converters = defaultSlateConverters;
+        }
+        props.converters = converters;
+        return {
+            ClientFeature: '@payloadcms/richtext-lexical/client#SlateToLexicalFeatureClient',
+            hooks: props.disableHooks ? undefined : {
+                afterRead: [
+                    ({ value })=>{
+                        if (!value || !Array.isArray(value) || 'root' in value) {
+                            // incomingEditorState null or not from Slate
+                            return value;
+                        }
+                        // Slate => convert to lexical
+                        return convertSlateToLexical({
+                            converters: props.converters,
+                            slateData: value
+                        });
+                    }
+                ]
+            },
+            nodes: [
+                {
+                    node: UnknownConvertedNode
+                }
+            ],
+            sanitizedServerFeatureProps: {
+                converters
+            }
+        };
+    },
+    key: 'slateToLexical'
 });
+
 //# sourceMappingURL=feature.server.js.map

package/dist/features/migrations/slateToLexical/feature.server.js.map

@@ -1 +1 @@
-{"version":3,"file":"feature.server.js","names":["createServerFeature","defaultSlateConverters","convertSlateToLexical","UnknownConvertedNode","SlateToLexicalFeature","feature","props","converters","defaultConverters","ClientFeature","hooks","disableHooks","undefined","afterRead","value","Array","isArray","slateData","nodes","node","sanitizedServerFeatureProps","key"],"sources":["../../../../src/features/migrations/slateToLexical/feature.server.ts"],"sourcesContent":["import type { SlateNodeConverter } from './converter/types.js'\n\nimport { createServerFeature } from '../../../utilities/createServerFeature.js'\nimport { defaultSlateConverters } from './converter/defaultConverters.js'\nimport { convertSlateToLexical } from './converter/index.js'\nimport { UnknownConvertedNode } from './nodes/unknownConvertedNode/index.js'\n\nexport type SlateToLexicalFeatureProps = {\n  /**\n   * Custom converters to transform Slate nodes to Lexical nodes.\n   * Can be an array of converters or a function that receives default converters and returns an array.\n   * @default defaultSlateConverters\n   */\n  converters?:\n    | (({ defaultConverters }: { defaultConverters: SlateNodeConverter[] }) => SlateNodeConverter[])\n    | SlateNodeConverter[]\n  /**\n   * When true, disables the afterRead hook that converts Slate data on-the-fly.\n   * Set this to true when running the migration script. That way, this feature is only used\n   * to \"pass through\" the converters to the migration script.\n   * @default false\n   */\n  disableHooks?: boolean\n}\n\n/**\n * Enables on-the-fly conversion of Slate data to Lexical format through an afterRead hook.\n * Used for testing migrations before running the permanent migration script.\n * Only converts data that is in Slate format (arrays); Lexical data passes through unchanged.\n *\n * @example\n * ```ts\n * lexicalEditor({\n *   features: ({ defaultFeatures }) => [\n *     ...defaultFeatures,\n *     SlateToLexicalFeature({\n *       converters: [...defaultSlateConverters, MyCustomConverter],\n *       disableHooks: false, // Set to true during migration script\n *     }),\n *   ],\n * })\n * ```\n */\nexport const SlateToLexicalFeature = createServerFeature<\n  SlateToLexicalFeatureProps,\n  {\n    converters?: SlateNodeConverter[]\n  }\n>({\n  feature: ({ props }) => {\n    if (!props) {\n      props = {}\n    }\n\n    let converters: SlateNodeConverter[] = []\n    if (props?.converters && typeof props?.converters === 'function') {\n      converters = props.converters({ defaultConverters: defaultSlateConverters })\n    } else if (props.converters && typeof props?.converters !== 'function') {\n      converters = props.converters\n    } else {\n      converters = defaultSlateConverters\n    }\n\n    props.converters = converters\n\n    return {\n      ClientFeature: '@payloadcms/richtext-lexical/client#SlateToLexicalFeatureClient',\n      hooks: props.disableHooks\n        ? undefined\n        : {\n            afterRead: [\n              ({ value }) => {\n                if (!value || !Array.isArray(value) || 'root' in value) {\n                  // incomingEditorState null or not from Slate\n                  return value\n                }\n\n                // Slate => convert to lexical\n                return convertSlateToLexical({\n                  converters: props.converters as SlateNodeConverter[],\n                  slateData: value,\n                })\n              },\n            ],\n          },\n      nodes: [\n        {\n          node: UnknownConvertedNode,\n        },\n      ],\n      sanitizedServerFeatureProps: {\n        converters,\n      },\n    }\n  },\n  key: 'slateToLexical',\n})\n"],"mappings":"AAEA,SAASA,mBAAmB,QAAQ;AACpC,SAASC,sBAAsB,QAAQ;AACvC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,oBAAoB,QAAQ;AAoBrC;;;;;;;;;;;;;;;;;;AAkBA,OAAO,MAAMC,qBAAA,GAAwBJ,mBAAA,CAKnC;EACAK,OAAA,EAASA,CAAC;IAAEC;EAAK,CAAE;IACjB,IAAI,CAACA,KAAA,EAAO;MACVA,KAAA,GAAQ,CAAC;IACX;IAEA,IAAIC,UAAA,GAAmC,EAAE;IACzC,IAAID,KAAA,EAAOC,UAAA,IAAc,OAAOD,KAAA,EAAOC,UAAA,KAAe,YAAY;MAChEA,UAAA,GAAaD,KAAA,CAAMC,UAAU,CAAC;QAAEC,iBAAA,EAAmBP;MAAuB;IAC5E,OAAO,IAAIK,KAAA,CAAMC,UAAU,IAAI,OAAOD,KAAA,EAAOC,UAAA,KAAe,YAAY;MACtEA,UAAA,GAAaD,KAAA,CAAMC,UAAU;IAC/B,OAAO;MACLA,UAAA,GAAaN,sBAAA;IACf;IAEAK,KAAA,CAAMC,UAAU,GAAGA,UAAA;IAEnB,OAAO;MACLE,aAAA,EAAe;MACfC,KAAA,EAAOJ,KAAA,CAAMK,YAAY,GACrBC,SAAA,GACA;QACEC,SAAA,EAAW,CACT,CAAC;UAAEC;QAAK,CAAE;UACR,IAAI,CAACA,KAAA,IAAS,CAACC,KAAA,CAAMC,OAAO,CAACF,KAAA,KAAU,UAAUA,KAAA,EAAO;YACtD;YACA,OAAOA,KAAA;UACT;UAEA;UACA,OAAOZ,qBAAA,CAAsB;YAC3BK,UAAA,EAAYD,KAAA,CAAMC,UAAU;YAC5BU,SAAA,EAAWH;UACb;QACF;MAEJ;MACJI,KAAA,EAAO,CACL;QACEC,IAAA,EAAMhB;MACR,EACD;MACDiB,2BAAA,EAA6B;QAC3Bb;MACF;IACF;EACF;EACAc,GAAA,EAAK;AACP","ignoreList":[]}
+{"version":3,"sources":["../../../../src/features/migrations/slateToLexical/feature.server.ts"],"sourcesContent":["import type { SlateNodeConverter } from './converter/types.js'\n\nimport { createServerFeature } from '../../../utilities/createServerFeature.js'\nimport { defaultSlateConverters } from './converter/defaultConverters.js'\nimport { convertSlateToLexical } from './converter/index.js'\nimport { UnknownConvertedNode } from './nodes/unknownConvertedNode/index.js'\n\nexport type SlateToLexicalFeatureProps = {\n  /**\n   * Custom converters to transform Slate nodes to Lexical nodes.\n   * Can be an array of converters or a function that receives default converters and returns an array.\n   * @default defaultSlateConverters\n   */\n  converters?:\n    | (({ defaultConverters }: { defaultConverters: SlateNodeConverter[] }) => SlateNodeConverter[])\n    | SlateNodeConverter[]\n  /**\n   * When true, disables the afterRead hook that converts Slate data on-the-fly.\n   * Set this to true when running the migration script. That way, this feature is only used\n   * to \"pass through\" the converters to the migration script.\n   * @default false\n   */\n  disableHooks?: boolean\n}\n\n/**\n * Enables on-the-fly conversion of Slate data to Lexical format through an afterRead hook.\n * Used for testing migrations before running the permanent migration script.\n * Only converts data that is in Slate format (arrays); Lexical data passes through unchanged.\n *\n * @example\n * ```ts\n * lexicalEditor({\n *   features: ({ defaultFeatures }) => [\n *     ...defaultFeatures,\n *     SlateToLexicalFeature({\n *       converters: [...defaultSlateConverters, MyCustomConverter],\n *       disableHooks: false, // Set to true during migration script\n *     }),\n *   ],\n * })\n * ```\n */\nexport const SlateToLexicalFeature = createServerFeature<\n  SlateToLexicalFeatureProps,\n  {\n    converters?: SlateNodeConverter[]\n  }\n>({\n  feature: ({ props }) => {\n    if (!props) {\n      props = {}\n    }\n\n    let converters: SlateNodeConverter[] = []\n    if (props?.converters && typeof props?.converters === 'function') {\n      converters = props.converters({ defaultConverters: defaultSlateConverters })\n    } else if (props.converters && typeof props?.converters !== 'function') {\n      converters = props.converters\n    } else {\n      converters = defaultSlateConverters\n    }\n\n    props.converters = converters\n\n    return {\n      ClientFeature: '@payloadcms/richtext-lexical/client#SlateToLexicalFeatureClient',\n      hooks: props.disableHooks\n        ? undefined\n        : {\n            afterRead: [\n              ({ value }) => {\n                if (!value || !Array.isArray(value) || 'root' in value) {\n                  // incomingEditorState null or not from Slate\n                  return value\n                }\n\n                // Slate => convert to lexical\n                return convertSlateToLexical({\n                  converters: props.converters as SlateNodeConverter[],\n                  slateData: value,\n                })\n              },\n            ],\n          },\n      nodes: [\n        {\n          node: UnknownConvertedNode,\n        },\n      ],\n      sanitizedServerFeatureProps: {\n        converters,\n      },\n    }\n  },\n  key: 'slateToLexical',\n})\n"],"names":["createServerFeature","defaultSlateConverters","convertSlateToLexical","UnknownConvertedNode","SlateToLexicalFeature","feature","props","converters","defaultConverters","ClientFeature","hooks","disableHooks","undefined","afterRead","value","Array","isArray","slateData","nodes","node","sanitizedServerFeatureProps","key"],"mappings":"AAEA,SAASA,mBAAmB,QAAQ,4CAA2C;AAC/E,SAASC,sBAAsB,QAAQ,mCAAkC;AACzE,SAASC,qBAAqB,QAAQ,uBAAsB;AAC5D,SAASC,oBAAoB,QAAQ,wCAAuC;AAG1E;;;;GAIC,GAID;;;;;GAKC,GAIH;;;;;;;;;;;;;;;;;CAiBC,GACD,OAAO,MAAMC,wBAAwBJ,oBAKnC;IACAK,SAAS,CAAC,EAAEC,KAAK,EAAE;QACjB,IAAI,CAACA,OAAO;YACVA,QAAQ,CAAC;QACX;QAEA,IAAIC,aAAmC,EAAE;QACzC,IAAID,OAAOC,cAAc,OAAOD,OAAOC,eAAe,YAAY;YAChEA,aAAaD,MAAMC,UAAU,CAAC;gBAAEC,mBAAmBP;YAAuB;QAC5E,OAAO,IAAIK,MAAMC,UAAU,IAAI,OAAOD,OAAOC,eAAe,YAAY;YACtEA,aAAaD,MAAMC,UAAU;QAC/B,OAAO;YACLA,aAAaN;QACf;QAEAK,MAAMC,UAAU,GAAGA;QAEnB,OAAO;YACLE,eAAe;YACfC,OAAOJ,MAAMK,YAAY,GACrBC,YACA;gBACEC,WAAW;oBACT,CAAC,EAAEC,KAAK,EAAE;wBACR,IAAI,CAACA,SAAS,CAACC,MAAMC,OAAO,CAACF,UAAU,UAAUA,OAAO;4BACtD,6CAA6C;4BAC7C,OAAOA;wBACT;wBAEA,8BAA8B;wBAC9B,OAAOZ,sBAAsB;4BAC3BK,YAAYD,MAAMC,UAAU;4BAC5BU,WAAWH;wBACb;oBACF;iBACD;YACH;YACJI,OAAO;gBACL;oBACEC,MAAMhB;gBACR;aACD;YACDiB,6BAA6B;gBAC3Bb;YACF;QACF;IACF;IACAc,KAAK;AACP,GAAE"}

package/dist/features/migrations/slateToLexical/nodes/unknownConvertedNode/Component.js

@@ -1,15 +1,25 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
-export const UnknownConvertedNodeComponent = props => {
-  const {
-    data
-  } = props;
-  return /*#__PURE__*/_jsxs("div", {
-    children: ["Unknown converted Slate node: ", /*#__PURE__*/_jsx("strong", {
-      children: data?.nodeType
-    })]
-  });
+import './index.scss';
+export const UnknownConvertedNodeComponent = (props)=>{
+    const { data } = props;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        children: [
+            "Unknown converted Slate node: ",
+            /*#__PURE__*/ _jsxDEV("strong", {
+                children: data?.nodeType
+            }, void 0, false, {
+                fileName: "src/features/migrations/slateToLexical/nodes/unknownConvertedNode/Component.tsx",
+                lineNumber: 17,
+                columnNumber: 37
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/features/migrations/slateToLexical/nodes/unknownConvertedNode/Component.tsx",
+        lineNumber: 16,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=Component.js.map

package/dist/features/migrations/slateToLexical/nodes/unknownConvertedNode/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","names":["React","UnknownConvertedNodeComponent","props","data","_jsxs","_jsx","nodeType"],"sources":["../../../../../../src/features/migrations/slateToLexical/nodes/unknownConvertedNode/Component.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { UnknownConvertedNodeData } from './index.js'\n\nimport './index.scss'\n\ntype Props = {\n  data: UnknownConvertedNodeData\n}\n\nexport const UnknownConvertedNodeComponent: React.FC<Props> = (props) => {\n  const { data } = props\n\n  return (\n    <div>\n      Unknown converted Slate node: <strong>{data?.nodeType}</strong>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAUlB,OAAO,MAAMC,6BAAA,GAAkDC,KAAA;EAC7D,MAAM;IAAEC;EAAI,CAAE,GAAGD,KAAA;EAEjB,oBACEE,KAAA,CAAC;eAAI,kC,aAC2BC,IAAA,CAAC;gBAAQF,IAAA,EAAMG;;;AAGnD","ignoreList":[]}
+{"version":3,"sources":["../../../../../../src/features/migrations/slateToLexical/nodes/unknownConvertedNode/Component.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { UnknownConvertedNodeData } from './index.js'\n\nimport './index.scss'\n\ntype Props = {\n  data: UnknownConvertedNodeData\n}\n\nexport const UnknownConvertedNodeComponent: React.FC<Props> = (props) => {\n  const { data } = props\n\n  return (\n    <div>\n      Unknown converted Slate node: <strong>{data?.nodeType}</strong>\n    </div>\n  )\n}\n"],"names":["React","UnknownConvertedNodeComponent","props","data","div","strong","nodeType"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAIzB,OAAO,eAAc;AAMrB,OAAO,MAAMC,gCAAiD,CAACC;IAC7D,MAAM,EAAEC,IAAI,EAAE,GAAGD;IAEjB,qBACE,QAACE;;YAAI;0BAC2B,QAACC;0BAAQF,MAAMG;;;;;;;;;;;;AAGnD,EAAC"}

package/dist/features/migrations/slateToLexical/nodes/unknownConvertedNode/index.js

@@ -1,74 +1,73 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { addClassNamesToElement } from '@lexical/utils';
 import { $applyNodeReplacement, DecoratorNode } from 'lexical';
 import * as React from 'react';
-const Component = /*#__PURE__*/React.lazy(() => import('./Component.js').then(module => ({
-  default: module.UnknownConvertedNodeComponent
-})));
-/** @noInheritDoc */
-export class UnknownConvertedNode extends DecoratorNode {
-  __data;
-  constructor({
-    data,
-    key
-  }) {
-    super(key);
-    this.__data = data;
-  }
-  static clone(node) {
-    return new this({
-      data: node.__data,
-      key: node.__key
-    });
-  }
-  static getType() {
-    return 'unknownConverted';
-  }
-  static importJSON(serializedNode) {
-    const node = $createUnknownConvertedNode({
-      data: serializedNode.data
-    });
-    return node;
-  }
-  canInsertTextAfter() {
-    return true;
-  }
-  canInsertTextBefore() {
-    return true;
-  }
-  createDOM(config) {
-    const element = document.createElement('span');
-    addClassNamesToElement(element, 'unknownConverted');
-    return element;
-  }
-  decorate() {
-    return /*#__PURE__*/_jsx(Component, {
-      data: this.__data
-    });
-  }
-  exportJSON() {
-    return {
-      type: this.getType(),
-      data: this.__data,
-      version: 1
-    };
-  }
-  // Mutation
-  isInline() {
-    return true;
-  }
-  updateDOM(prevNode, dom) {
-    return false;
-  }
+const Component = /*#__PURE__*/ React.lazy(()=>import('./Component.js').then((module)=>({
+            default: module.UnknownConvertedNodeComponent
+        })));
+/** @noInheritDoc */ export class UnknownConvertedNode extends DecoratorNode {
+    __data;
+    constructor({ data, key }){
+        super(key);
+        this.__data = data;
+    }
+    static clone(node) {
+        return new this({
+            data: node.__data,
+            key: node.__key
+        });
+    }
+    static getType() {
+        return 'unknownConverted';
+    }
+    static importJSON(serializedNode) {
+        const node = $createUnknownConvertedNode({
+            data: serializedNode.data
+        });
+        return node;
+    }
+    canInsertTextAfter() {
+        return true;
+    }
+    canInsertTextBefore() {
+        return true;
+    }
+    createDOM(config) {
+        const element = document.createElement('span');
+        addClassNamesToElement(element, 'unknownConverted');
+        return element;
+    }
+    decorate() {
+        return /*#__PURE__*/ _jsxDEV(Component, {
+            data: this.__data
+        }, void 0, false, {
+            fileName: "src/features/migrations/slateToLexical/nodes/unknownConvertedNode/index.tsx",
+            lineNumber: 66,
+            columnNumber: 12
+        }, this);
+    }
+    exportJSON() {
+        return {
+            type: this.getType(),
+            data: this.__data,
+            version: 1
+        };
+    }
+    // Mutation
+    isInline() {
+        return true;
+    }
+    updateDOM(prevNode, dom) {
+        return false;
+    }
 }
-export function $createUnknownConvertedNode({
-  data
-}) {
-  return $applyNodeReplacement(new UnknownConvertedNode({
-    data
-  }));
+export function $createUnknownConvertedNode({ data }) {
+    return $applyNodeReplacement(new UnknownConvertedNode({
+        data
+    }));
 }
 export function $isUnknownConvertedNode(node) {
-  return node instanceof UnknownConvertedNode;
+    return node instanceof UnknownConvertedNode;
 }
+
 //# sourceMappingURL=index.js.map

package/dist/features/migrations/slateToLexical/nodes/unknownConvertedNode/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["addClassNamesToElement","$applyNodeReplacement","DecoratorNode","React","Component","lazy","then","module","default","UnknownConvertedNodeComponent","UnknownConvertedNode","__data","constructor","data","key","clone","node","__key","getType","importJSON","serializedNode","$createUnknownConvertedNode","canInsertTextAfter","canInsertTextBefore","createDOM","config","element","document","createElement","decorate","_jsx","exportJSON","type","version","isInline","updateDOM","prevNode","dom","$isUnknownConvertedNode"],"sources":["../../../../../../src/features/migrations/slateToLexical/nodes/unknownConvertedNode/index.tsx"],"sourcesContent":["import type { EditorConfig, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical'\nimport type { JSX } from 'react'\n\nimport { addClassNamesToElement } from '@lexical/utils'\nimport { $applyNodeReplacement, DecoratorNode } from 'lexical'\nimport * as React from 'react'\n\nexport type UnknownConvertedNodeData = {\n  nodeData: unknown\n  nodeType: string\n}\n\nexport type SerializedUnknownConvertedNode = Spread<\n  {\n    data: UnknownConvertedNodeData\n  },\n  SerializedLexicalNode\n>\n\nconst Component = React.lazy(() =>\n  import('./Component.js').then((module) => ({\n    default: module.UnknownConvertedNodeComponent,\n  })),\n)\n\n/** @noInheritDoc */\nexport class UnknownConvertedNode extends DecoratorNode<JSX.Element> {\n  __data: UnknownConvertedNodeData\n\n  constructor({ data, key }: { data: UnknownConvertedNodeData; key?: NodeKey }) {\n    super(key)\n    this.__data = data\n  }\n\n  static override clone(node: UnknownConvertedNode): UnknownConvertedNode {\n    return new this({\n      data: node.__data,\n      key: node.__key,\n    })\n  }\n\n  static override getType(): string {\n    return 'unknownConverted'\n  }\n\n  static override importJSON(serializedNode: SerializedUnknownConvertedNode): UnknownConvertedNode {\n    const node = $createUnknownConvertedNode({ data: serializedNode.data })\n    return node\n  }\n\n  canInsertTextAfter(): true {\n    return true\n  }\n\n  canInsertTextBefore(): true {\n    return true\n  }\n\n  override createDOM(config: EditorConfig): HTMLElement {\n    const element = document.createElement('span')\n    addClassNamesToElement(element, 'unknownConverted')\n    return element\n  }\n\n  override decorate(): JSX.Element {\n    return <Component data={this.__data} />\n  }\n\n  override exportJSON(): SerializedUnknownConvertedNode {\n    return {\n      type: this.getType(),\n      data: this.__data,\n      version: 1,\n    }\n  }\n\n  // Mutation\n\n  override isInline(): boolean {\n    return true\n  }\n\n  override updateDOM(prevNode: this, dom: HTMLElement): boolean {\n    return false\n  }\n}\n\nexport function $createUnknownConvertedNode({\n  data,\n}: {\n  data: UnknownConvertedNodeData\n}): UnknownConvertedNode {\n  return $applyNodeReplacement(\n    new UnknownConvertedNode({\n      data,\n    }),\n  )\n}\n\nexport function $isUnknownConvertedNode(\n  node: LexicalNode | null | undefined,\n): node is UnknownConvertedNode {\n  return node instanceof UnknownConvertedNode\n}\n"],"mappings":";AAGA,SAASA,sBAAsB,QAAQ;AACvC,SAASC,qBAAqB,EAAEC,aAAa,QAAQ;AACrD,YAAYC,KAAA,MAAW;AAcvB,MAAMC,SAAA,gBAAYD,KAAA,CAAME,IAAI,CAAC,MAC3B,MAAM,CAAC,kBAAkBC,IAAI,CAAEC,MAAA,KAAY;EACzCC,OAAA,EAASD,MAAA,CAAOE;AAClB;AAGF;AACA,OAAO,MAAMC,oBAAA,SAA6BR,aAAA;EACxCS,MAAA;EAEAC,YAAY;IAAEC,IAAI;IAAEC;EAAG,CAAqD,EAAE;IAC5E,KAAK,CAACA,GAAA;IACN,IAAI,CAACH,MAAM,GAAGE,IAAA;EAChB;EAEA,OAAgBE,MAAMC,IAA0B,EAAwB;IACtE,OAAO,IAAI,IAAI,CAAC;MACdH,IAAA,EAAMG,IAAA,CAAKL,MAAM;MACjBG,GAAA,EAAKE,IAAA,CAAKC;IACZ;EACF;EAEA,OAAgBC,QAAA,EAAkB;IAChC,OAAO;EACT;EAEA,OAAgBC,WAAWC,cAA8C,EAAwB;IAC/F,MAAMJ,IAAA,GAAOK,2BAAA,CAA4B;MAAER,IAAA,EAAMO,cAAA,CAAeP;IAAK;IACrE,OAAOG,IAAA;EACT;EAEAM,mBAAA,EAA2B;IACzB,OAAO;EACT;EAEAC,oBAAA,EAA4B;IAC1B,OAAO;EACT;EAESC,UAAUC,MAAoB,EAAe;IACpD,MAAMC,OAAA,GAAUC,QAAA,CAASC,aAAa,CAAC;IACvC5B,sBAAA,CAAuB0B,OAAA,EAAS;IAChC,OAAOA,OAAA;EACT;EAESG,SAAA,EAAwB;IAC/B,oBAAOC,IAAA,CAAC1B,SAAA;MAAUS,IAAA,EAAM,IAAI,CAACF;;EAC/B;EAESoB,WAAA,EAA6C;IACpD,OAAO;MACLC,IAAA,EAAM,IAAI,CAACd,OAAO;MAClBL,IAAA,EAAM,IAAI,CAACF,MAAM;MACjBsB,OAAA,EAAS;IACX;EACF;EAEA;EAESC,SAAA,EAAoB;IAC3B,OAAO;EACT;EAESC,UAAUC,QAAc,EAAEC,GAAgB,EAAW;IAC5D,OAAO;EACT;AACF;AAEA,OAAO,SAAShB,4BAA4B;EAC1CR;AAAI,CAGL;EACC,OAAOZ,qBAAA,CACL,IAAIS,oBAAA,CAAqB;IACvBG;EACF;AAEJ;AAEA,OAAO,SAASyB,wBACdtB,IAAoC;EAEpC,OAAOA,IAAA,YAAgBN,oBAAA;AACzB","ignoreList":[]}
+{"version":3,"sources":["../../../../../../src/features/migrations/slateToLexical/nodes/unknownConvertedNode/index.tsx"],"sourcesContent":["import type { EditorConfig, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical'\nimport type { JSX } from 'react'\n\nimport { addClassNamesToElement } from '@lexical/utils'\nimport { $applyNodeReplacement, DecoratorNode } from 'lexical'\nimport * as React from 'react'\n\nexport type UnknownConvertedNodeData = {\n  nodeData: unknown\n  nodeType: string\n}\n\nexport type SerializedUnknownConvertedNode = Spread<\n  {\n    data: UnknownConvertedNodeData\n  },\n  SerializedLexicalNode\n>\n\nconst Component = React.lazy(() =>\n  import('./Component.js').then((module) => ({\n    default: module.UnknownConvertedNodeComponent,\n  })),\n)\n\n/** @noInheritDoc */\nexport class UnknownConvertedNode extends DecoratorNode<JSX.Element> {\n  __data: UnknownConvertedNodeData\n\n  constructor({ data, key }: { data: UnknownConvertedNodeData; key?: NodeKey }) {\n    super(key)\n    this.__data = data\n  }\n\n  static override clone(node: UnknownConvertedNode): UnknownConvertedNode {\n    return new this({\n      data: node.__data,\n      key: node.__key,\n    })\n  }\n\n  static override getType(): string {\n    return 'unknownConverted'\n  }\n\n  static override importJSON(serializedNode: SerializedUnknownConvertedNode): UnknownConvertedNode {\n    const node = $createUnknownConvertedNode({ data: serializedNode.data })\n    return node\n  }\n\n  canInsertTextAfter(): true {\n    return true\n  }\n\n  canInsertTextBefore(): true {\n    return true\n  }\n\n  override createDOM(config: EditorConfig): HTMLElement {\n    const element = document.createElement('span')\n    addClassNamesToElement(element, 'unknownConverted')\n    return element\n  }\n\n  override decorate(): JSX.Element {\n    return <Component data={this.__data} />\n  }\n\n  override exportJSON(): SerializedUnknownConvertedNode {\n    return {\n      type: this.getType(),\n      data: this.__data,\n      version: 1,\n    }\n  }\n\n  // Mutation\n\n  override isInline(): boolean {\n    return true\n  }\n\n  override updateDOM(prevNode: this, dom: HTMLElement): boolean {\n    return false\n  }\n}\n\nexport function $createUnknownConvertedNode({\n  data,\n}: {\n  data: UnknownConvertedNodeData\n}): UnknownConvertedNode {\n  return $applyNodeReplacement(\n    new UnknownConvertedNode({\n      data,\n    }),\n  )\n}\n\nexport function $isUnknownConvertedNode(\n  node: LexicalNode | null | undefined,\n): node is UnknownConvertedNode {\n  return node instanceof UnknownConvertedNode\n}\n"],"names":["addClassNamesToElement","$applyNodeReplacement","DecoratorNode","React","Component","lazy","then","module","default","UnknownConvertedNodeComponent","UnknownConvertedNode","__data","data","key","clone","node","__key","getType","importJSON","serializedNode","$createUnknownConvertedNode","canInsertTextAfter","canInsertTextBefore","createDOM","config","element","document","createElement","decorate","exportJSON","type","version","isInline","updateDOM","prevNode","dom","$isUnknownConvertedNode"],"mappings":";AAGA,SAASA,sBAAsB,QAAQ,iBAAgB;AACvD,SAASC,qBAAqB,EAAEC,aAAa,QAAQ,UAAS;AAC9D,YAAYC,WAAW,QAAO;AAc9B,MAAMC,0BAAYD,MAAME,IAAI,CAAC,IAC3B,MAAM,CAAC,kBAAkBC,IAAI,CAAC,CAACC,SAAY,CAAA;YACzCC,SAASD,OAAOE,6BAA6B;QAC/C,CAAA;AAGF,kBAAkB,GAClB,OAAO,MAAMC,6BAA6BR;IACxCS,OAAgC;IAEhC,YAAY,EAAEC,IAAI,EAAEC,GAAG,EAAqD,CAAE;QAC5E,KAAK,CAACA;QACN,IAAI,CAACF,MAAM,GAAGC;IAChB;IAEA,OAAgBE,MAAMC,IAA0B,EAAwB;QACtE,OAAO,IAAI,IAAI,CAAC;YACdH,MAAMG,KAAKJ,MAAM;YACjBE,KAAKE,KAAKC,KAAK;QACjB;IACF;IAEA,OAAgBC,UAAkB;QAChC,OAAO;IACT;IAEA,OAAgBC,WAAWC,cAA8C,EAAwB;QAC/F,MAAMJ,OAAOK,4BAA4B;YAAER,MAAMO,eAAeP,IAAI;QAAC;QACrE,OAAOG;IACT;IAEAM,qBAA2B;QACzB,OAAO;IACT;IAEAC,sBAA4B;QAC1B,OAAO;IACT;IAESC,UAAUC,MAAoB,EAAe;QACpD,MAAMC,UAAUC,SAASC,aAAa,CAAC;QACvC3B,uBAAuByB,SAAS;QAChC,OAAOA;IACT;IAESG,WAAwB;QAC/B,qBAAO,QAACxB;YAAUQ,MAAM,IAAI,CAACD,MAAM;;;;;;IACrC;IAESkB,aAA6C;QACpD,OAAO;YACLC,MAAM,IAAI,CAACb,OAAO;YAClBL,MAAM,IAAI,CAACD,MAAM;YACjBoB,SAAS;QACX;IACF;IAEA,WAAW;IAEFC,WAAoB;QAC3B,OAAO;IACT;IAESC,UAAUC,QAAc,EAAEC,GAAgB,EAAW;QAC5D,OAAO;IACT;AACF;AAEA,OAAO,SAASf,4BAA4B,EAC1CR,IAAI,EAGL;IACC,OAAOX,sBACL,IAAIS,qBAAqB;QACvBE;IACF;AAEJ;AAEA,OAAO,SAASwB,wBACdrB,IAAoC;IAEpC,OAAOA,gBAAgBL;AACzB"}

package/dist/features/migrations/slateToLexical/nodes/unknownConvertedNode/index.scss

@@ -0,0 +1,16 @@
+@layer payload-default {
+  span.unknownConverted {
+    text-transform: uppercase;
+    font-family: 'Roboto Mono', monospace;
+    letter-spacing: 2px;
+    font-size: calc(var(--base) * 0.5);
+    margin: 0 0 var(--base);
+    background: red;
+    color: white;
+    display: inline-block;
+
+    div {
+      background: red;
+    }
+  }
+}

package/dist/features/paragraph/client/index.js

@@ -1,68 +1,71 @@
 'use client';
-
 import { $setBlocksType } from '@lexical/selection';
 import { $createParagraphNode, $getSelection, $isParagraphNode, $isRangeSelection } from 'lexical';
 import { TextIcon } from '../../../lexical/ui/icons/Text/index.js';
 import { createClientFeature } from '../../../utilities/createClientFeature.js';
 import { slashMenuBasicGroupWithItems } from '../../shared/slashMenu/basicGroup.js';
 import { toolbarTextDropdownGroupWithItems } from '../../shared/toolbar/textDropdownGroup.js';
-const toolbarGroups = [toolbarTextDropdownGroupWithItems([{
-  ChildComponent: TextIcon,
-  isActive: ({
-    selection
-  }) => {
-    if (!$isRangeSelection(selection)) {
-      return false;
-    }
-    for (const node of selection.getNodes()) {
-      if (!$isParagraphNode(node) && !$isParagraphNode(node.getParent())) {
-        return false;
-      }
-    }
-    return true;
-  },
-  key: 'paragraph',
-  label: ({
-    i18n
-  }) => {
-    return i18n.t('lexical:paragraph:label2');
-  },
-  onSelect: ({
-    editor
-  }) => {
-    editor.update(() => {
-      const selection = $getSelection();
-      $setBlocksType(selection, () => $createParagraphNode());
-    });
-  },
-  order: 1
-}])];
+const toolbarGroups = [
+    toolbarTextDropdownGroupWithItems([
+        {
+            ChildComponent: TextIcon,
+            isActive: ({ selection })=>{
+                if (!$isRangeSelection(selection)) {
+                    return false;
+                }
+                for (const node of selection.getNodes()){
+                    if (!$isParagraphNode(node) && !$isParagraphNode(node.getParent())) {
+                        return false;
+                    }
+                }
+                return true;
+            },
+            key: 'paragraph',
+            label: ({ i18n })=>{
+                return i18n.t('lexical:paragraph:label2');
+            },
+            onSelect: ({ editor })=>{
+                editor.update(()=>{
+                    const selection = $getSelection();
+                    $setBlocksType(selection, ()=>$createParagraphNode());
+                });
+            },
+            order: 1
+        }
+    ])
+];
 export const ParagraphFeatureClient = createClientFeature({
-  slashMenu: {
-    groups: [slashMenuBasicGroupWithItems([{
-      Icon: TextIcon,
-      key: 'paragraph',
-      keywords: ['normal', 'paragraph', 'p', 'text'],
-      label: ({
-        i18n
-      }) => {
-        return i18n.t('lexical:paragraph:label');
-      },
-      onSelect: ({
-        editor
-      }) => {
-        editor.update(() => {
-          const selection = $getSelection();
-          $setBlocksType(selection, () => $createParagraphNode());
-        });
-      }
-    }])]
-  },
-  toolbarFixed: {
-    groups: toolbarGroups
-  },
-  toolbarInline: {
-    groups: toolbarGroups
-  }
+    slashMenu: {
+        groups: [
+            slashMenuBasicGroupWithItems([
+                {
+                    Icon: TextIcon,
+                    key: 'paragraph',
+                    keywords: [
+                        'normal',
+                        'paragraph',
+                        'p',
+                        'text'
+                    ],
+                    label: ({ i18n })=>{
+                        return i18n.t('lexical:paragraph:label');
+                    },
+                    onSelect: ({ editor })=>{
+                        editor.update(()=>{
+                            const selection = $getSelection();
+                            $setBlocksType(selection, ()=>$createParagraphNode());
+                        });
+                    }
+                }
+            ])
+        ]
+    },
+    toolbarFixed: {
+        groups: toolbarGroups
+    },
+    toolbarInline: {
+        groups: toolbarGroups
+    }
 });
+
 //# sourceMappingURL=index.js.map

package/dist/features/paragraph/client/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["$setBlocksType","$createParagraphNode","$getSelection","$isParagraphNode","$isRangeSelection","TextIcon","createClientFeature","slashMenuBasicGroupWithItems","toolbarTextDropdownGroupWithItems","toolbarGroups","ChildComponent","isActive","selection","node","getNodes","getParent","key","label","i18n","t","onSelect","editor","update","order","ParagraphFeatureClient","slashMenu","groups","Icon","keywords","toolbarFixed","toolbarInline"],"sources":["../../../../src/features/paragraph/client/index.tsx"],"sourcesContent":["'use client'\n\nimport { $setBlocksType } from '@lexical/selection'\nimport { $createParagraphNode, $getSelection, $isParagraphNode, $isRangeSelection } from 'lexical'\n\nimport type { ToolbarGroup } from '../../toolbars/types.js'\n\nimport { TextIcon } from '../../../lexical/ui/icons/Text/index.js'\nimport { createClientFeature } from '../../../utilities/createClientFeature.js'\nimport { slashMenuBasicGroupWithItems } from '../../shared/slashMenu/basicGroup.js'\nimport { toolbarTextDropdownGroupWithItems } from '../../shared/toolbar/textDropdownGroup.js'\n\nconst toolbarGroups: ToolbarGroup[] = [\n  toolbarTextDropdownGroupWithItems([\n    {\n      ChildComponent: TextIcon,\n      isActive: ({ selection }) => {\n        if (!$isRangeSelection(selection)) {\n          return false\n        }\n        for (const node of selection.getNodes()) {\n          if (!$isParagraphNode(node) && !$isParagraphNode(node.getParent())) {\n            return false\n          }\n        }\n        return true\n      },\n      key: 'paragraph',\n      label: ({ i18n }) => {\n        return i18n.t('lexical:paragraph:label2')\n      },\n      onSelect: ({ editor }) => {\n        editor.update(() => {\n          const selection = $getSelection()\n          $setBlocksType(selection, () => $createParagraphNode())\n        })\n      },\n      order: 1,\n    },\n  ]),\n]\n\nexport const ParagraphFeatureClient = createClientFeature({\n  slashMenu: {\n    groups: [\n      slashMenuBasicGroupWithItems([\n        {\n          Icon: TextIcon,\n          key: 'paragraph',\n          keywords: ['normal', 'paragraph', 'p', 'text'],\n          label: ({ i18n }) => {\n            return i18n.t('lexical:paragraph:label')\n          },\n          onSelect: ({ editor }) => {\n            editor.update(() => {\n              const selection = $getSelection()\n              $setBlocksType(selection, () => $createParagraphNode())\n            })\n          },\n        },\n      ]),\n    ],\n  },\n  toolbarFixed: {\n    groups: toolbarGroups,\n  },\n  toolbarInline: {\n    groups: toolbarGroups,\n  },\n})\n"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ;AAC/B,SAASC,oBAAoB,EAAEC,aAAa,EAAEC,gBAAgB,EAAEC,iBAAiB,QAAQ;AAIzF,SAASC,QAAQ,QAAQ;AACzB,SAASC,mBAAmB,QAAQ;AACpC,SAASC,4BAA4B,QAAQ;AAC7C,SAASC,iCAAiC,QAAQ;AAElD,MAAMC,aAAA,GAAgC,CACpCD,iCAAA,CAAkC,CAChC;EACEE,cAAA,EAAgBL,QAAA;EAChBM,QAAA,EAAUA,CAAC;IAAEC;EAAS,CAAE;IACtB,IAAI,CAACR,iBAAA,CAAkBQ,SAAA,GAAY;MACjC,OAAO;IACT;IACA,KAAK,MAAMC,IAAA,IAAQD,SAAA,CAAUE,QAAQ,IAAI;MACvC,IAAI,CAACX,gBAAA,CAAiBU,IAAA,KAAS,CAACV,gBAAA,CAAiBU,IAAA,CAAKE,SAAS,KAAK;QAClE,OAAO;MACT;IACF;IACA,OAAO;EACT;EACAC,GAAA,EAAK;EACLC,KAAA,EAAOA,CAAC;IAAEC;EAAI,CAAE;IACd,OAAOA,IAAA,CAAKC,CAAC,CAAC;EAChB;EACAC,QAAA,EAAUA,CAAC;IAAEC;EAAM,CAAE;IACnBA,MAAA,CAAOC,MAAM,CAAC;MACZ,MAAMV,SAAA,GAAYV,aAAA;MAClBF,cAAA,CAAeY,SAAA,EAAW,MAAMX,oBAAA;IAClC;EACF;EACAsB,KAAA,EAAO;AACT,EACD,EACF;AAED,OAAO,MAAMC,sBAAA,GAAyBlB,mBAAA,CAAoB;EACxDmB,SAAA,EAAW;IACTC,MAAA,EAAQ,CACNnB,4BAAA,CAA6B,CAC3B;MACEoB,IAAA,EAAMtB,QAAA;MACNW,GAAA,EAAK;MACLY,QAAA,EAAU,CAAC,UAAU,aAAa,KAAK,OAAO;MAC9CX,KAAA,EAAOA,CAAC;QAAEC;MAAI,CAAE;QACd,OAAOA,IAAA,CAAKC,CAAC,CAAC;MAChB;MACAC,QAAA,EAAUA,CAAC;QAAEC;MAAM,CAAE;QACnBA,MAAA,CAAOC,MAAM,CAAC;UACZ,MAAMV,SAAA,GAAYV,aAAA;UAClBF,cAAA,CAAeY,SAAA,EAAW,MAAMX,oBAAA;QAClC;MACF;IACF,EACD;EAEL;EACA4B,YAAA,EAAc;IACZH,MAAA,EAAQjB;EACV;EACAqB,aAAA,EAAe;IACbJ,MAAA,EAAQjB;EACV;AACF","ignoreList":[]}
+{"version":3,"sources":["../../../../src/features/paragraph/client/index.tsx"],"sourcesContent":["'use client'\n\nimport { $setBlocksType } from '@lexical/selection'\nimport { $createParagraphNode, $getSelection, $isParagraphNode, $isRangeSelection } from 'lexical'\n\nimport type { ToolbarGroup } from '../../toolbars/types.js'\n\nimport { TextIcon } from '../../../lexical/ui/icons/Text/index.js'\nimport { createClientFeature } from '../../../utilities/createClientFeature.js'\nimport { slashMenuBasicGroupWithItems } from '../../shared/slashMenu/basicGroup.js'\nimport { toolbarTextDropdownGroupWithItems } from '../../shared/toolbar/textDropdownGroup.js'\n\nconst toolbarGroups: ToolbarGroup[] = [\n  toolbarTextDropdownGroupWithItems([\n    {\n      ChildComponent: TextIcon,\n      isActive: ({ selection }) => {\n        if (!$isRangeSelection(selection)) {\n          return false\n        }\n        for (const node of selection.getNodes()) {\n          if (!$isParagraphNode(node) && !$isParagraphNode(node.getParent())) {\n            return false\n          }\n        }\n        return true\n      },\n      key: 'paragraph',\n      label: ({ i18n }) => {\n        return i18n.t('lexical:paragraph:label2')\n      },\n      onSelect: ({ editor }) => {\n        editor.update(() => {\n          const selection = $getSelection()\n          $setBlocksType(selection, () => $createParagraphNode())\n        })\n      },\n      order: 1,\n    },\n  ]),\n]\n\nexport const ParagraphFeatureClient = createClientFeature({\n  slashMenu: {\n    groups: [\n      slashMenuBasicGroupWithItems([\n        {\n          Icon: TextIcon,\n          key: 'paragraph',\n          keywords: ['normal', 'paragraph', 'p', 'text'],\n          label: ({ i18n }) => {\n            return i18n.t('lexical:paragraph:label')\n          },\n          onSelect: ({ editor }) => {\n            editor.update(() => {\n              const selection = $getSelection()\n              $setBlocksType(selection, () => $createParagraphNode())\n            })\n          },\n        },\n      ]),\n    ],\n  },\n  toolbarFixed: {\n    groups: toolbarGroups,\n  },\n  toolbarInline: {\n    groups: toolbarGroups,\n  },\n})\n"],"names":["$setBlocksType","$createParagraphNode","$getSelection","$isParagraphNode","$isRangeSelection","TextIcon","createClientFeature","slashMenuBasicGroupWithItems","toolbarTextDropdownGroupWithItems","toolbarGroups","ChildComponent","isActive","selection","node","getNodes","getParent","key","label","i18n","t","onSelect","editor","update","order","ParagraphFeatureClient","slashMenu","groups","Icon","keywords","toolbarFixed","toolbarInline"],"mappings":"AAAA;AAEA,SAASA,cAAc,QAAQ,qBAAoB;AACnD,SAASC,oBAAoB,EAAEC,aAAa,EAAEC,gBAAgB,EAAEC,iBAAiB,QAAQ,UAAS;AAIlG,SAASC,QAAQ,QAAQ,0CAAyC;AAClE,SAASC,mBAAmB,QAAQ,4CAA2C;AAC/E,SAASC,4BAA4B,QAAQ,uCAAsC;AACnF,SAASC,iCAAiC,QAAQ,4CAA2C;AAE7F,MAAMC,gBAAgC;IACpCD,kCAAkC;QAChC;YACEE,gBAAgBL;YAChBM,UAAU,CAAC,EAAEC,SAAS,EAAE;gBACtB,IAAI,CAACR,kBAAkBQ,YAAY;oBACjC,OAAO;gBACT;gBACA,KAAK,MAAMC,QAAQD,UAAUE,QAAQ,GAAI;oBACvC,IAAI,CAACX,iBAAiBU,SAAS,CAACV,iBAAiBU,KAAKE,SAAS,KAAK;wBAClE,OAAO;oBACT;gBACF;gBACA,OAAO;YACT;YACAC,KAAK;YACLC,OAAO,CAAC,EAAEC,IAAI,EAAE;gBACd,OAAOA,KAAKC,CAAC,CAAC;YAChB;YACAC,UAAU,CAAC,EAAEC,MAAM,EAAE;gBACnBA,OAAOC,MAAM,CAAC;oBACZ,MAAMV,YAAYV;oBAClBF,eAAeY,WAAW,IAAMX;gBAClC;YACF;YACAsB,OAAO;QACT;KACD;CACF;AAED,OAAO,MAAMC,yBAAyBlB,oBAAoB;IACxDmB,WAAW;QACTC,QAAQ;YACNnB,6BAA6B;gBAC3B;oBACEoB,MAAMtB;oBACNW,KAAK;oBACLY,UAAU;wBAAC;wBAAU;wBAAa;wBAAK;qBAAO;oBAC9CX,OAAO,CAAC,EAAEC,IAAI,EAAE;wBACd,OAAOA,KAAKC,CAAC,CAAC;oBAChB;oBACAC,UAAU,CAAC,EAAEC,MAAM,EAAE;wBACnBA,OAAOC,MAAM,CAAC;4BACZ,MAAMV,YAAYV;4BAClBF,eAAeY,WAAW,IAAMX;wBAClC;oBACF;gBACF;aACD;SACF;IACH;IACA4B,cAAc;QACZH,QAAQjB;IACV;IACAqB,eAAe;QACbJ,QAAQjB;IACV;AACF,GAAE"}