@payloadcms/richtext-lexical 3.0.0-beta.9 → 3.0.0-beta.91

package/dist/field/features/converters/html/field/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/field/features/converters/html/field/index.ts"],"sourcesContent":["import type { SerializedEditorState } from 'lexical'\nimport type { Field, RichTextField, TextField } from 'payload/types'\n\nimport type { AdapterProps, LexicalRichTextAdapter } from '../../../../../types.js'\nimport type { SanitizedServerEditorConfig } from '../../../../lexical/config/types.js'\nimport type { HTMLConverter } from '../converter/types.js'\nimport type { HTMLConverterFeatureProps } from '../feature.server.js'\n\nimport { defaultHTMLConverters } from '../converter/defaultConverters.js'\nimport { convertLexicalToHTML } from '../converter/index.js'\n\ntype Props = {\n  name: string\n}\n\n/**\n * Combines the default HTML converters with HTML converters found in the features, and with HTML converters configured in the htmlConverter feature.\n *\n * @param editorConfig\n */\nexport const consolidateHTMLConverters = ({\n  editorConfig,\n}: {\n  editorConfig: SanitizedServerEditorConfig\n}) => {\n  const htmlConverterFeature = editorConfig.resolvedFeatureMap.get('htmlConverter')\n  const htmlConverterFeatureProps: HTMLConverterFeatureProps =\n    htmlConverterFeature?.serverFeatureProps\n\n  const defaultConvertersWithConvertersFromFeatures = defaultHTMLConverters\n\n  for (const converter of editorConfig.features.converters.html) {\n    defaultConvertersWithConvertersFromFeatures.push(converter)\n  }\n\n  const finalConverters =\n    htmlConverterFeatureProps?.converters &&\n    typeof htmlConverterFeatureProps?.converters === 'function'\n      ? htmlConverterFeatureProps.converters({\n          defaultConverters: defaultConvertersWithConvertersFromFeatures,\n        })\n      : (htmlConverterFeatureProps?.converters as HTMLConverter[]) ||\n        defaultConvertersWithConvertersFromFeatures\n\n  return finalConverters\n}\n\nexport const lexicalHTML: (\n  /**\n   * A string which matches the lexical field name you want to convert to HTML.\n   *\n   * This has to be a SIBLING field of this lexicalHTML field - otherwise, it won't be able to find the lexical field.\n   **/\n  lexicalFieldName: string,\n  props: Props,\n) => TextField = (lexicalFieldName, props) => {\n  const { name = 'lexicalHTML' } = props\n  return {\n    name,\n    type: 'text',\n    admin: {\n      hidden: true,\n    },\n    hooks: {\n      afterRead: [\n        async ({ collection, field, global, req, siblingData }) => {\n          const fields = collection ? collection.fields : global.fields\n\n          // find the path of this field, as well as its sibling fields, by looking for this `field` in fields and traversing it recursively\n          function findFieldPathAndSiblingFields(\n            fields: Field[],\n            path: string[],\n          ): {\n            path: string[]\n            siblingFields: Field[]\n          } {\n            for (const curField of fields) {\n              if (curField === field) {\n                return {\n                  path: [...path, curField.name],\n                  siblingFields: fields,\n                }\n              }\n\n              if ('fields' in curField) {\n                const result = findFieldPathAndSiblingFields(\n                  curField.fields,\n                  'name' in curField ? [...path, curField.name] : [...path],\n                )\n                if (result) {\n                  return result\n                }\n              } else if ('tabs' in curField) {\n                for (const tab of curField.tabs) {\n                  const result = findFieldPathAndSiblingFields(\n                    tab.fields,\n                    'name' in tab ? [...path, tab.name] : [...path],\n                  )\n                  if (result) {\n                    return result\n                  }\n                }\n              } else if ('blocks' in curField) {\n                for (const block of curField.blocks) {\n                  if (block?.fields?.length) {\n                    const result = findFieldPathAndSiblingFields(block.fields, [\n                      ...path,\n                      curField.name,\n                      block.slug,\n                    ])\n                    if (result) {\n                      return result\n                    }\n                  }\n                }\n              }\n            }\n\n            return null\n          }\n\n          const foundSiblingFields = findFieldPathAndSiblingFields(fields, [])\n\n          if (!foundSiblingFields)\n            throw new Error(\n              `Could not find sibling fields of current lexicalHTML field with name ${field?.name}`,\n            )\n\n          const { siblingFields } = foundSiblingFields\n          const lexicalField: RichTextField<SerializedEditorState, AdapterProps> =\n            siblingFields.find(\n              (field) => 'name' in field && field.name === lexicalFieldName,\n            ) as RichTextField<SerializedEditorState, AdapterProps>\n\n          const lexicalFieldData: SerializedEditorState = siblingData[lexicalFieldName]\n\n          if (!lexicalFieldData) {\n            return ''\n          }\n\n          if (!lexicalField) {\n            throw new Error(\n              'You cannot use the lexicalHTML field because the referenced lexical field was not found',\n            )\n          }\n\n          const config = (lexicalField?.editor as LexicalRichTextAdapter)?.editorConfig\n\n          if (!config) {\n            throw new Error(\n              'The linked lexical field does not have an editorConfig. This is needed for the lexicalHTML field.',\n            )\n          }\n\n          if (!config?.resolvedFeatureMap?.has('htmlConverter')) {\n            throw new Error(\n              'You cannot use the lexicalHTML field because the linked lexical field does not have a HTMLConverterFeature',\n            )\n          }\n\n          const finalConverters = consolidateHTMLConverters({\n            editorConfig: config,\n          })\n\n          return await convertLexicalToHTML({\n            converters: finalConverters,\n            data: lexicalFieldData,\n            payload: req.payload,\n          })\n        },\n      ],\n    },\n  }\n}\n"],"names":["defaultHTMLConverters","convertLexicalToHTML","consolidateHTMLConverters","editorConfig","htmlConverterFeature","resolvedFeatureMap","get","htmlConverterFeatureProps","serverFeatureProps","defaultConvertersWithConvertersFromFeatures","converter","features","converters","html","push","finalConverters","defaultConverters","lexicalHTML","lexicalFieldName","props","name","type","admin","hidden","hooks","afterRead","collection","field","global","req","siblingData","fields","findFieldPathAndSiblingFields","path","curField","siblingFields","result","tab","tabs","block","blocks","length","slug","foundSiblingFields","Error","lexicalField","find","lexicalFieldData","config","editor","has","data","payload"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/field/features/createClientComponent.d.ts

@@ -1,6 +0,0 @@
-import type { FeatureProviderProviderClient, ServerFeature } from './types.js';
-/**
- * Utility function to create a client component for the client feature
- */
-export declare const createClientComponent: <ClientFeatureProps>(clientFeature: FeatureProviderProviderClient<ClientFeatureProps>) => ServerFeature<unknown, ClientFeatureProps>['ClientComponent'];
-//# sourceMappingURL=createClientComponent.d.ts.map

package/dist/field/features/createClientComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createClientComponent.d.ts","sourceRoot":"","sources":["../../../src/field/features/createClientComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,6BAA6B,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAI9E;;GAEG;AACH,eAAO,MAAM,qBAAqB,sCACjB,8BAA8B,kBAAkB,CAAC,KAC/D,cAAc,OAAO,EAAE,kBAAkB,CAAC,CAAC,iBAAiB,CAK9D,CAAA"}

package/dist/field/features/createClientComponent.js

@@ -1,12 +0,0 @@
-'use client';
-import { useLexicalFeature } from '../../useLexicalFeature.js';
-/**
- * Utility function to create a client component for the client feature
- */ export const createClientComponent = (clientFeature)=>{
-    return (props)=>{
-        useLexicalFeature(props.featureKey, clientFeature(props));
-        return null;
-    };
-};
-
-//# sourceMappingURL=createClientComponent.js.map

package/dist/field/features/createClientComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/field/features/createClientComponent.tsx"],"sourcesContent":["'use client'\n\nimport type { FeatureProviderProviderClient, ServerFeature } from './types.js'\n\nimport { useLexicalFeature } from '../../useLexicalFeature.js'\n\n/**\n * Utility function to create a client component for the client feature\n */\nexport const createClientComponent = <ClientFeatureProps,>(\n  clientFeature: FeatureProviderProviderClient<ClientFeatureProps>,\n): ServerFeature<unknown, ClientFeatureProps>['ClientComponent'] => {\n  return (props) => {\n    useLexicalFeature(props.featureKey, clientFeature(props))\n    return null\n  }\n}\n"],"names":["useLexicalFeature","createClientComponent","clientFeature","props","featureKey"],"rangeMappings":";;;;;;;;;","mappings":"AAAA;AAIA,SAASA,iBAAiB,QAAQ,6BAA4B;AAE9D;;CAEC,GACD,OAAO,MAAMC,wBAAwB,CACnCC;IAEA,OAAO,CAACC;QACNH,kBAAkBG,MAAMC,UAAU,EAAEF,cAAcC;QAClD,OAAO;IACT;AACF,EAAC"}

package/dist/field/features/createFeaturePropComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createFeaturePropComponent.d.ts","sourceRoot":"","sources":["../../../src/field/features/createFeaturePropComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B,eAAO,MAAM,0BAA0B,sBAC/B,CAAC,KACN,MAAM,EAAE,CAAC;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CAKvD,CAAA"}

package/dist/field/features/createFeaturePropComponent.js

@@ -1,15 +0,0 @@
-'use client';
-import { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider';
-import { useAddClientFunction } from '@payloadcms/ui/providers/ClientFunction';
-const useLexicalFeatureProp = (featureKey, componentKey, prop)=>{
-    const { schemaPath } = useFieldProps();
-    useAddClientFunction(`lexicalFeature.${schemaPath}.${featureKey}.components.${componentKey}`, prop);
-};
-export const createFeaturePropComponent = (prop)=>{
-    return (props)=>{
-        useLexicalFeatureProp(props.featureKey, props.componentKey, prop);
-        return null;
-    };
-};
-
-//# sourceMappingURL=createFeaturePropComponent.js.map

package/dist/field/features/createFeaturePropComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/field/features/createFeaturePropComponent.tsx"],"sourcesContent":["'use client'\n\nimport type React from 'react'\n\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport { useAddClientFunction } from '@payloadcms/ui/providers/ClientFunction'\n\nconst useLexicalFeatureProp = <T,>(featureKey: string, componentKey: string, prop: T) => {\n  const { schemaPath } = useFieldProps()\n\n  useAddClientFunction(\n    `lexicalFeature.${schemaPath}.${featureKey}.components.${componentKey}`,\n    prop,\n  )\n}\n\nexport const createFeaturePropComponent = <T = unknown,>(\n  prop: T,\n): React.FC<{ componentKey: string; featureKey: string }> => {\n  return (props) => {\n    useLexicalFeatureProp(props.featureKey, props.componentKey, prop)\n    return null\n  }\n}\n"],"names":["useFieldProps","useAddClientFunction","useLexicalFeatureProp","featureKey","componentKey","prop","schemaPath","createFeaturePropComponent","props"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA;AAIA,SAASA,aAAa,QAAQ,0CAAyC;AACvE,SAASC,oBAAoB,QAAQ,0CAAyC;AAE9E,MAAMC,wBAAwB,CAAKC,YAAoBC,cAAsBC;IAC3E,MAAM,EAAEC,UAAU,EAAE,GAAGN;IAEvBC,qBACE,CAAC,eAAe,EAAEK,WAAW,CAAC,EAAEH,WAAW,YAAY,EAAEC,aAAa,CAAC,EACvEC;AAEJ;AAEA,OAAO,MAAME,6BAA6B,CACxCF;IAEA,OAAO,CAACG;QACNN,sBAAsBM,MAAML,UAAU,EAAEK,MAAMJ,YAAY,EAAEC;QAC5D,OAAO;IACT;AACF,EAAC"}

package/dist/field/features/debug/testrecorder/feature.client.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" resolution-mode="require"/>
-export declare const TestRecorderFeatureClientComponent: import("react").FC<undefined>;
-//# sourceMappingURL=feature.client.d.ts.map

package/dist/field/features/debug/testrecorder/feature.client.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/debug/testrecorder/feature.client.tsx"],"names":[],"mappings":";AAqBA,eAAO,MAAM,kCAAkC,+BAAmD,CAAA"}

package/dist/field/features/debug/testrecorder/feature.client.js

@@ -1,20 +0,0 @@
-'use client';
-import { createClientComponent } from '../../createClientComponent.js';
-import { TestRecorderPlugin } from './plugin/index.js';
-const TestRecorderFeatureClient = (props)=>{
-    return {
-        clientFeatureProps: props,
-        feature: ()=>({
-                clientFeatureProps: props,
-                plugins: [
-                    {
-                        Component: TestRecorderPlugin,
-                        position: 'bottom'
-                    }
-                ]
-            })
-    };
-};
-export const TestRecorderFeatureClientComponent = createClientComponent(TestRecorderFeatureClient);
-
-//# sourceMappingURL=feature.client.js.map

package/dist/field/features/debug/testrecorder/feature.client.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/field/features/debug/testrecorder/feature.client.tsx"],"sourcesContent":["'use client'\nimport type { FeatureProviderProviderClient } from '../../types.js'\n\nimport { createClientComponent } from '../../createClientComponent.js'\nimport { TestRecorderPlugin } from './plugin/index.js'\n\nconst TestRecorderFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => ({\n      clientFeatureProps: props,\n      plugins: [\n        {\n          Component: TestRecorderPlugin,\n          position: 'bottom',\n        },\n      ],\n    }),\n  }\n}\n\nexport const TestRecorderFeatureClientComponent = createClientComponent(TestRecorderFeatureClient)\n"],"names":["createClientComponent","TestRecorderPlugin","TestRecorderFeatureClient","props","clientFeatureProps","feature","plugins","Component","position","TestRecorderFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,SAASA,qBAAqB,QAAQ,iCAAgC;AACtE,SAASC,kBAAkB,QAAQ,oBAAmB;AAEtD,MAAMC,4BAAsE,CAACC;IAC3E,OAAO;QACLC,oBAAoBD;QACpBE,SAAS,IAAO,CAAA;gBACdD,oBAAoBD;gBACpBG,SAAS;oBACP;wBACEC,WAAWN;wBACXO,UAAU;oBACZ;iBACD;YACH,CAAA;IACF;AACF;AAEA,OAAO,MAAMC,qCAAqCT,sBAAsBE,2BAA0B"}

package/dist/field/features/debug/testrecorder/feature.server.d.ts

@@ -1,3 +0,0 @@
-import type { FeatureProviderProviderServer } from '../../types.js';
-export declare const TestRecorderFeature: FeatureProviderProviderServer<undefined, undefined>;
-//# sourceMappingURL=feature.server.d.ts.map

package/dist/field/features/debug/testrecorder/feature.server.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"feature.server.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/debug/testrecorder/feature.server.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,gBAAgB,CAAA;AAInE,eAAO,MAAM,mBAAmB,EAAE,6BAA6B,CAAC,SAAS,EAAE,SAAS,CAWnF,CAAA"}

package/dist/field/features/debug/testrecorder/feature.server.js

@@ -1,15 +0,0 @@
-import { TestRecorderFeatureClientComponent } from './feature.client.js';
-export const TestRecorderFeature = (props)=>{
-    return {
-        feature: ()=>{
-            return {
-                ClientComponent: TestRecorderFeatureClientComponent,
-                serverFeatureProps: props
-            };
-        },
-        key: 'testrecorder',
-        serverFeatureProps: props
-    };
-};
-
-//# sourceMappingURL=feature.server.js.map

package/dist/field/features/debug/testrecorder/feature.server.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/field/features/debug/testrecorder/feature.server.ts"],"sourcesContent":["import type { FeatureProviderProviderServer } from '../../types.js'\n\nimport { TestRecorderFeatureClientComponent } from './feature.client.js'\n\nexport const TestRecorderFeature: FeatureProviderProviderServer<undefined, undefined> = (props) => {\n  return {\n    feature: () => {\n      return {\n        ClientComponent: TestRecorderFeatureClientComponent,\n        serverFeatureProps: props,\n      }\n    },\n    key: 'testrecorder',\n    serverFeatureProps: props,\n  }\n}\n"],"names":["TestRecorderFeatureClientComponent","TestRecorderFeature","props","feature","ClientComponent","serverFeatureProps","key"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAEA,SAASA,kCAAkC,QAAQ,sBAAqB;AAExE,OAAO,MAAMC,sBAA2E,CAACC;IACvF,OAAO;QACLC,SAAS;YACP,OAAO;gBACLC,iBAAiBJ;gBACjBK,oBAAoBH;YACtB;QACF;QACAI,KAAK;QACLD,oBAAoBH;IACtB;AACF,EAAC"}

package/dist/field/features/debug/testrecorder/plugin/index.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import './index.scss';
-export declare function isSelectAll(event: KeyboardEvent): boolean;
-export declare const TestRecorderPlugin: React.FC;
-//# sourceMappingURL=index.d.ts.map

package/dist/field/features/debug/testrecorder/plugin/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/field/features/debug/testrecorder/plugin/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,cAAc,CAAA;AA8ErB,wBAAgB,WAAW,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAEzD;AAmWD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAYtC,CAAA"}

package/dist/field/features/debug/testrecorder/plugin/index.js

@@ -1,448 +0,0 @@
-'use client';
-import lexicalComposerContextImport from '@lexical/react/LexicalComposerContext.js';
-const { useLexicalComposerContext } = lexicalComposerContextImport;
-import lexicalImport from 'lexical';
-const { $createParagraphNode, $createTextNode, $getRoot } = lexicalImport;
-import * as React from 'react';
-import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
-import { IS_APPLE } from '../../../../lexical/utils/environment.js';
-import './index.scss';
-const copy = (text)=>{
-    const textArea = document.createElement('textarea');
-    textArea.value = text || '';
-    textArea.style.position = 'absolute';
-    textArea.style.opacity = '0';
-    document.body?.appendChild(textArea);
-    textArea.focus();
-    textArea.select();
-    try {
-        const result = document.execCommand('copy');
-        // eslint-disable-next-line no-console
-        console.log(result);
-    } catch (error) {
-        console.error(error);
-    }
-    document.body?.removeChild(textArea);
-};
-const download = (filename, text)=>{
-    const a = document.createElement('a');
-    a.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text || ''));
-    a.setAttribute('download', filename);
-    a.style.display = 'none';
-    document.body?.appendChild(a);
-    a.click();
-    document.body?.removeChild(a);
-};
-const formatStep = (step)=>{
-    const formatOneStep = (name, value)=>{
-        switch(name){
-            case 'click':
-                {
-                    return `      await page.mouse.click(${value.x}, ${value.y});`;
-                }
-            case 'press':
-                {
-                    return `      await page.keyboard.press('${value}');`;
-                }
-            case 'keydown':
-                {
-                    return `      await page.keyboard.keydown('${value}');`;
-                }
-            case 'keyup':
-                {
-                    return `      await page.keyboard.keyup('${value}');`;
-                }
-            case 'type':
-                {
-                    return `      await page.keyboard.type('${value}');`;
-                }
-            case 'selectAll':
-                {
-                    return `      await selectAll(page);`;
-                }
-            case 'snapshot':
-                {
-                    return `      await assertHTMLSnapshot(page);
-      await assertSelection(page, {
-        anchorPath: [${value.anchorPath.toString()}],
-        anchorOffset: ${value.anchorOffset},
-        focusPath: [${value.focusPath.toString()}],
-        focusOffset: ${value.focusOffset},
-      });
-`;
-                }
-            default:
-                return ``;
-        }
-    };
-    const formattedStep = formatOneStep(step.name, step.value);
-    switch(step.count){
-        case 1:
-            return formattedStep;
-        case 2:
-            return [
-                formattedStep,
-                formattedStep
-            ].join(`\n`);
-        default:
-            return `      await repeat(${step.count}, async () => {
-  ${formattedStep}
-      );`;
-    }
-};
-export function isSelectAll(event) {
-    return event.keyCode === 65 && (IS_APPLE ? event.metaKey : event.ctrlKey);
-}
-// stolen from LexicalSelection-test
-function sanitizeSelection(selection) {
-    const { anchorNode, focusNode } = selection;
-    let { anchorOffset, focusOffset } = selection;
-    if (anchorOffset !== 0) {
-        anchorOffset--;
-    }
-    if (focusOffset !== 0) {
-        focusOffset--;
-    }
-    return {
-        anchorNode,
-        anchorOffset,
-        focusNode,
-        focusOffset
-    };
-}
-function getPathFromNodeToEditor(node, rootElement) {
-    let currentNode = node;
-    const path = [];
-    while(currentNode !== rootElement){
-        if (currentNode !== null && currentNode !== undefined) {
-            path.unshift(Array.from(currentNode?.parentNode?.childNodes ?? []).indexOf(currentNode));
-        }
-        currentNode = currentNode?.parentNode;
-    }
-    return path;
-}
-const keyPresses = new Set([
-    'Enter',
-    'Backspace',
-    'Delete',
-    'Escape',
-    'ArrowLeft',
-    'ArrowRight',
-    'ArrowUp',
-    'ArrowDown'
-]);
-function useTestRecorder(editor) {
-    const [steps, setSteps] = useState([]);
-    const [isRecording, setIsRecording] = useState(false);
-    const [, setCurrentInnerHTML] = useState('');
-    const [templatedTest, setTemplatedTest] = useState('');
-    const previousSelectionRef = useRef(null);
-    const skipNextSelectionChangeRef = useRef(false);
-    const preRef = useRef(null);
-    const getCurrentEditor = useCallback(()=>{
-        return editor;
-    }, [
-        editor
-    ]);
-    const generateTestContent = useCallback(()=>{
-        const rootElement = editor.getRootElement();
-        const browserSelection = window.getSelection();
-        if (rootElement == null || browserSelection == null || browserSelection.anchorNode == null || browserSelection.focusNode == null || !rootElement.contains(browserSelection.anchorNode) || !rootElement.contains(browserSelection.focusNode)) {
-            return null;
-        }
-        return `
-import {
-  initializeE2E,
-  assertHTMLSnapshot,
-  assertSelection,
-  repeat,
-} from '../utils';
-import {selectAll} from '../keyboardShortcuts';
-import { RangeSelection } from 'lexical';
-import { NodeSelection } from 'lexical';
-
-describe('Test case', () => {
-  initializeE2E((e2e) => {
-    it('Should pass this test', async () => {
-      const {page} = e2e;
-
-      await page.focus('div[contenteditable="true"]');
-${steps.map(formatStep).join(`\n`)}
-    });
-});
-    `;
-    }, [
-        editor,
-        steps
-    ]);
-    // just a wrapper around inserting new actions so that we can
-    // coalesce some actions like insertText/moveNativeSelection
-    const pushStep = useCallback((name, value)=>{
-        setSteps((currentSteps)=>{
-            // trying to group steps
-            const currentIndex = steps.length - 1;
-            const lastStep = steps[currentIndex];
-            if (lastStep) {
-                if (lastStep.name === name) {
-                    if (name === 'type') {
-                        // for typing events we just append the text
-                        return [
-                            ...steps.slice(0, currentIndex),
-                            {
-                                ...lastStep,
-                                value: lastStep.value + value
-                            }
-                        ];
-                    } else {
-                        // for other events we bump the counter if their values are the same
-                        if (lastStep.value === value) {
-                            return [
-                                ...steps.slice(0, currentIndex),
-                                {
-                                    ...lastStep,
-                                    count: lastStep.count + 1
-                                }
-                            ];
-                        }
-                    }
-                }
-            }
-            // could not group, just append a new one
-            return [
-                ...currentSteps,
-                {
-                    name,
-                    count: 1,
-                    value
-                }
-            ];
-        });
-    }, [
-        steps,
-        setSteps
-    ]);
-    useLayoutEffect(()=>{
-        const onKeyDown = (event)=>{
-            if (!isRecording) {
-                return;
-            }
-            const key = event.key;
-            if (isSelectAll(event)) {
-                pushStep('selectAll', '');
-            } else if (keyPresses.has(key)) {
-                pushStep('press', event.key);
-            } else if ([
-                ...key
-            ].length > 1) {
-                pushStep('keydown', event.key);
-            } else {
-                pushStep('type', event.key);
-            }
-        };
-        const onKeyUp = (event)=>{
-            if (!isRecording) {
-                return;
-            }
-            const key = event.key;
-            if (!keyPresses.has(key) && [
-                ...key
-            ].length > 1) {
-                pushStep('keyup', event.key);
-            }
-        };
-        return editor.registerRootListener((rootElement, prevRootElement)=>{
-            if (prevRootElement !== null) {
-                prevRootElement.removeEventListener('keydown', onKeyDown);
-                prevRootElement.removeEventListener('keyup', onKeyUp);
-            }
-            if (rootElement !== null) {
-                rootElement.addEventListener('keydown', onKeyDown);
-                rootElement.addEventListener('keyup', onKeyUp);
-            }
-        });
-    }, [
-        editor,
-        isRecording,
-        pushStep
-    ]);
-    useLayoutEffect(()=>{
-        if (preRef.current) {
-            preRef.current.scrollTo(0, preRef.current.scrollHeight);
-        }
-    }, [
-        generateTestContent
-    ]);
-    useEffect(()=>{
-        if (steps) {
-            const testContent = generateTestContent();
-            if (testContent !== null) {
-                setTemplatedTest(testContent);
-            }
-            if (preRef.current) {
-                preRef.current.scrollTo(0, preRef.current.scrollHeight);
-            }
-        }
-    }, [
-        generateTestContent,
-        steps
-    ]);
-    useEffect(()=>{
-        const removeUpdateListener = editor.registerUpdateListener(({ dirtyElements, dirtyLeaves, editorState })=>{
-            if (!isRecording) {
-                return;
-            }
-            const currentSelection = editorState._selection;
-            const previousSelection = previousSelectionRef.current;
-            const skipNextSelectionChange = skipNextSelectionChangeRef.current;
-            if (previousSelection !== currentSelection) {
-                if (dirtyLeaves.size === 0 && dirtyElements.size === 0 && !skipNextSelectionChange) {
-                    const browserSelection = window.getSelection();
-                    if (browserSelection && (browserSelection.anchorNode == null || browserSelection.focusNode == null)) {
-                        return;
-                    }
-                }
-                previousSelectionRef.current = currentSelection;
-            }
-            skipNextSelectionChangeRef.current = false;
-            const testContent = generateTestContent();
-            if (testContent !== null) {
-                setTemplatedTest(testContent);
-            }
-        });
-        return removeUpdateListener;
-    }, [
-        editor,
-        generateTestContent,
-        isRecording,
-        pushStep
-    ]);
-    // save innerHTML
-    useEffect(()=>{
-        if (!isRecording) {
-            return;
-        }
-        const removeUpdateListener = editor.registerUpdateListener(()=>{
-            const rootElement = editor.getRootElement();
-            if (rootElement !== null) {
-                setCurrentInnerHTML(rootElement?.innerHTML);
-            }
-        });
-        return removeUpdateListener;
-    }, [
-        editor,
-        isRecording
-    ]);
-    // clear editor and start recording
-    const toggleEditorSelection = useCallback((currentEditor)=>{
-        if (!isRecording) {
-            currentEditor.update(()=>{
-                const root = $getRoot();
-                root.clear();
-                const text = $createTextNode();
-                root.append($createParagraphNode().append(text));
-                text.select();
-            });
-            setSteps([]);
-        }
-        setIsRecording((currentIsRecording)=>!currentIsRecording);
-    }, [
-        isRecording
-    ]);
-    const onSnapshotClick = useCallback(()=>{
-        if (!isRecording) {
-            return;
-        }
-        const browserSelection = window.getSelection();
-        if (browserSelection === null || browserSelection.anchorNode == null || browserSelection.focusNode == null) {
-            return;
-        }
-        const { anchorNode, anchorOffset, focusNode, focusOffset } = sanitizeSelection(browserSelection);
-        const rootElement = getCurrentEditor().getRootElement();
-        let anchorPath;
-        if (anchorNode !== null) {
-            anchorPath = getPathFromNodeToEditor(anchorNode, rootElement);
-        }
-        let focusPath;
-        if (focusNode !== null) {
-            focusPath = getPathFromNodeToEditor(focusNode, rootElement);
-        }
-        pushStep('snapshot', {
-            anchorNode,
-            anchorOffset,
-            anchorPath,
-            focusNode,
-            focusOffset,
-            focusPath
-        });
-    }, [
-        pushStep,
-        isRecording,
-        getCurrentEditor
-    ]);
-    const onCopyClick = useCallback(()=>{
-        copy(generateTestContent());
-    }, [
-        generateTestContent
-    ]);
-    const onDownloadClick = useCallback(()=>{
-        download('test.js', generateTestContent());
-    }, [
-        generateTestContent
-    ]);
-    const button = /*#__PURE__*/ React.createElement("button", {
-        className: `editor-dev-button ${isRecording ? 'active' : ''}`,
-        id: "test-recorder-button",
-        onClick: (e)=>{
-            toggleEditorSelection(getCurrentEditor());
-            e.preventDefault();
-        },
-        title: isRecording ? 'Disable test recorder' : 'Enable test recorder',
-        type: "button"
-    }, isRecording ? 'Disable test recorder' : 'Enable test recorder');
-    const output = isRecording ? /*#__PURE__*/ React.createElement("div", {
-        className: "test-recorder-output"
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: "test-recorder-toolbar"
-    }, /*#__PURE__*/ React.createElement("button", {
-        className: "test-recorder-button",
-        id: "test-recorder-button-snapshot",
-        onClick: (e)=>{
-            onSnapshotClick();
-            e.preventDefault();
-        },
-        title: "Insert snapshot",
-        type: "button"
-    }, "Insert Snapshot"), /*#__PURE__*/ React.createElement("button", {
-        className: "test-recorder-button",
-        id: "test-recorder-button-copy",
-        onClick: (e)=>{
-            onCopyClick();
-            e.preventDefault();
-        },
-        title: "Copy to clipboard",
-        type: "button"
-    }, "Copy"), /*#__PURE__*/ React.createElement("button", {
-        className: "test-recorder-button",
-        id: "test-recorder-button-download",
-        onClick: (e)=>{
-            onDownloadClick();
-            e.preventDefault();
-        },
-        title: "Download as a file",
-        type: "button"
-    }, "Download")), /*#__PURE__*/ React.createElement("pre", {
-        id: "test-recorder",
-        ref: preRef
-    }, templatedTest)) : null;
-    return [
-        button,
-        output
-    ];
-}
-export const TestRecorderPlugin = ()=>{
-    const [editor] = useLexicalComposerContext();
-    const [testRecorderButton, testRecorderOutput] = useTestRecorder(editor);
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("p", null, "HI"), testRecorderButton, testRecorderOutput, /*#__PURE__*/ React.createElement("p", null, "DONE"));
-};
-
-//# sourceMappingURL=index.js.map