@blocklet/editor 2.4.90 → 2.4.91

package/lib/main/plugins/KeywordsPlugin/index.js

@@ -1,38 +0,0 @@
-/**
- * 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 { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { useLexicalTextEntity } from '@lexical/react/useLexicalTextEntity';
-import { useCallback, useEffect } from 'react';
-import { $createKeywordNode, KeywordNode } from '../../nodes/KeywordNode';
-const KEYWORDS_REGEX = /(^|$|[^A-Za-zªµºÀ-ÖØ-öø-ˁˆ-ˑˠ-ˤˬˮͰ-ʹͶͷͺ-ͽΆΈ-ΊΌΎ-ΡΣ-ϵϷ-ҁҊ-ԧԱ-Ֆՙա-ևא-תװ-ײؠ-يٮٯٱ-ۓەۥۦۮۯۺ-ۼۿܐܒ-ܯݍ-ޥޱߊ-ߪߴߵߺࠀ-ࠕࠚࠤࠨࡀ-ࡘࢠࢢ-ࢬऄ-हऽॐक़-ॡॱ-ॷॹ-ॿঅ-ঌএঐও-নপ-রলশ-হঽৎড়ঢ়য়-ৡৰৱਅ-ਊਏਐਓ-ਨਪ-ਰਲਲ਼ਵਸ਼ਸਹਖ਼-ੜਫ਼ੲ-ੴઅ-ઍએ-ઑઓ-નપ-રલળવ-હઽૐૠૡଅ-ଌଏଐଓ-ନପ-ରଲଳଵ-ହଽଡ଼ଢ଼ୟ-ୡୱஃஅ-ஊஎ-ஐஒ-கஙசஜஞடணதந-பம-ஹௐఅ-ఌఎ-ఐఒ-నప-ళవ-హఽౘౙౠౡಅ-ಌಎ-ಐಒ-ನಪ-ಳವ-ಹಽೞೠೡೱೲഅ-ഌഎ-ഐഒ-ഺഽൎൠൡൺ-ൿඅ-ඖක-නඳ-රලව-ෆก-ะาำเ-ๆກຂຄງຈຊຍດ-ທນ-ຟມ-ຣລວສຫອ-ະາຳຽເ-ໄໆໜ-ໟༀཀ-ཇཉ-ཬྈ-ྌက-ဪဿၐ-ၕၚ-ၝၡၥၦၮ-ၰၵ-ႁႎႠ-ჅჇჍა-ჺჼ-ቈቊ-ቍቐ-ቖቘቚ-ቝበ-ኈኊ-ኍነ-ኰኲ-ኵኸ-ኾዀዂ-ዅወ-ዖዘ-ጐጒ-ጕጘ-ፚᎀ-ᎏᎠ-Ᏼᐁ-ᙬᙯ-ᙿᚁ-ᚚᚠ-ᛪᜀ-ᜌᜎ-ᜑᜠ-ᜱᝀ-ᝑᝠ-ᝬᝮ-ᝰក-ឳៗៜᠠ-ᡷᢀ-ᢨᢪᢰ-ᣵᤀ-ᤜᥐ-ᥭᥰ-ᥴᦀ-ᦫᧁ-ᧇᨀ-ᨖᨠ-ᩔᪧᬅ-ᬳᭅ-ᭋᮃ-ᮠᮮᮯᮺ-ᯥᰀ-ᰣᱍ-ᱏᱚ-ᱽᳩ-ᳬᳮ-ᳱᳵᳶᴀ-ᶿḀ-ἕἘ-Ἕἠ-ὅὈ-Ὅὐ-ὗὙὛὝὟ-ώᾀ-ᾴᾶ-ᾼιῂ-ῄῆ-ῌῐ-ΐῖ-Ίῠ-Ῥῲ-ῴῶ-ῼⁱⁿₐ-ₜℂℇℊ-ℓℕℙ-ℝℤΩℨK-ℭℯ-ℹℼ-ℿⅅ-ⅉⅎↃↄⰀ-Ⱞⰰ-ⱞⱠ-ⳤⳫ-ⳮⳲⳳⴀ-ⴥⴧⴭⴰ-ⵧⵯⶀ-ⶖⶠ-ⶦⶨ-ⶮⶰ-ⶶⶸ-ⶾⷀ-ⷆⷈ-ⷎⷐ-ⷖⷘ-ⷞⸯ々〆〱-〵〻〼ぁ-ゖゝ-ゟァ-ヺー-ヿㄅ-ㄭㄱ-ㆎㆠ-ㆺㇰ-ㇿ㐀-䶵一-鿌ꀀ-ꒌꓐ-ꓽꔀ-ꘌꘐ-ꘟꘪꘫꙀ-ꙮꙿ-ꚗꚠ-ꛥꜗ-ꜟꜢ-ꞈꞋ-ꞎꞐ-ꞓꞠ-Ɦꟸ-ꠁꠃ-ꠅꠇ-ꠊꠌ-ꠢꡀ-ꡳꢂ-ꢳꣲ-ꣷꣻꤊ-ꤥꤰ-ꥆꥠ-ꥼꦄ-ꦲꧏꨀ-ꨨꩀ-ꩂꩄ-ꩋꩠ-ꩶꩺꪀ-ꪯꪱꪵꪶꪹ-ꪽꫀꫂꫛ-ꫝꫠ-ꫪꫲ-ꫴꬁ-ꬆꬉ-ꬎꬑ-ꬖꬠ-ꬦꬨ-ꬮꯀ-ꯢ가-힣ힰ-ퟆퟋ-ퟻ豈-舘並-龎ff-stﬓ-ﬗיִײַ-ﬨשׁ-זּטּ-לּמּנּסּףּפּצּ-ﮱﯓ-ﴽﵐ-ﶏﶒ-ﷇﷰ-ﷻﹰ-ﹴﹶ-ﻼＡ-Ｚａ-ｚｦ-ﾾￂ-ￇￊ-ￏￒ-ￗￚ-ￜ])(congrats|congratulations|gratuluju|gratuluji|gratulujeme|blahopřeju|blahopřeji|blahopřejeme|Til lykke|Tillykke|Glückwunsch|Gratuliere|felicitaciones|enhorabuena|paljon onnea|onnittelut|Félicitations|gratula|gratulálok|gratulálunk|congratulazioni|complimenti|おめでとう|おめでとうございます|축하해|축하해요|gratulerer|Gefeliciteerd|gratulacje|Parabéns|parabéns|felicitações|felicitări|мои поздравления|поздравляем|поздравляю|gratulujem|blahoželám|ยินดีด้วย|ขอแสดงความยินดี|tebrikler|tebrik ederim|恭喜|祝贺你|恭喜你|恭喜|恭喜|baie geluk|veels geluk|অভিনন্দন|Čestitam|Čestitke|Čestitamo|Συγχαρητήρια|Μπράβο|અભિનંદન|badhai|बधाई|अभिनंदन|Честитам|Свака част|hongera|வாழ்த்துகள்|வாழ்த்துக்கள்|అభినందనలు|അഭിനന്ദനങ്ങൾ|Chúc mừng|מזל טוב|mazel tov|mazal tov)(^|$|[^A-Za-zªµºÀ-ÖØ-öø-ˁˆ-ˑˠ-ˤˬˮͰ-ʹͶͷͺ-ͽΆΈ-ΊΌΎ-ΡΣ-ϵϷ-ҁҊ-ԧԱ-Ֆՙա-ևא-תװ-ײؠ-يٮٯٱ-ۓەۥۦۮۯۺ-ۼۿܐܒ-ܯݍ-ޥޱߊ-ߪߴߵߺࠀ-ࠕࠚࠤࠨࡀ-ࡘࢠࢢ-ࢬऄ-हऽॐक़-ॡॱ-ॷॹ-ॿঅ-ঌএঐও-নপ-রলশ-হঽৎড়ঢ়য়-ৡৰৱਅ-ਊਏਐਓ-ਨਪ-ਰਲਲ਼ਵਸ਼ਸਹਖ਼-ੜਫ਼ੲ-ੴઅ-ઍએ-ઑઓ-નપ-રલળવ-હઽૐૠૡଅ-ଌଏଐଓ-ନପ-ରଲଳଵ-ହଽଡ଼ଢ଼ୟ-ୡୱஃஅ-ஊஎ-ஐஒ-கஙசஜஞடணதந-பம-ஹௐఅ-ఌఎ-ఐఒ-నప-ళవ-హఽౘౙౠౡಅ-ಌಎ-ಐಒ-ನಪ-ಳವ-ಹಽೞೠೡೱೲഅ-ഌഎ-ഐഒ-ഺഽൎൠൡൺ-ൿඅ-ඖක-නඳ-රලව-ෆก-ะาำเ-ๆກຂຄງຈຊຍດ-ທນ-ຟມ-ຣລວສຫອ-ະາຳຽເ-ໄໆໜ-ໟༀཀ-ཇཉ-ཬྈ-ྌက-ဪဿၐ-ၕၚ-ၝၡၥၦၮ-ၰၵ-ႁႎႠ-ჅჇჍა-ჺჼ-ቈቊ-ቍቐ-ቖቘቚ-ቝበ-ኈኊ-ኍነ-ኰኲ-ኵኸ-ኾዀዂ-ዅወ-ዖዘ-ጐጒ-ጕጘ-ፚᎀ-ᎏᎠ-Ᏼᐁ-ᙬᙯ-ᙿᚁ-ᚚᚠ-ᛪᜀ-ᜌᜎ-ᜑᜠ-ᜱᝀ-ᝑᝠ-ᝬᝮ-ᝰក-ឳៗៜᠠ-ᡷᢀ-ᢨᢪᢰ-ᣵᤀ-ᤜᥐ-ᥭᥰ-ᥴᦀ-ᦫᧁ-ᧇᨀ-ᨖᨠ-ᩔᪧᬅ-ᬳᭅ-ᭋᮃ-ᮠᮮᮯᮺ-ᯥᰀ-ᰣᱍ-ᱏᱚ-ᱽᳩ-ᳬᳮ-ᳱᳵᳶᴀ-ᶿḀ-ἕἘ-Ἕἠ-ὅὈ-Ὅὐ-ὗὙὛὝὟ-ώᾀ-ᾴᾶ-ᾼιῂ-ῄῆ-ῌῐ-ΐῖ-Ίῠ-Ῥῲ-ῴῶ-ῼⁱⁿₐ-ₜℂℇℊ-ℓℕℙ-ℝℤΩℨK-ℭℯ-ℹℼ-ℿⅅ-ⅉⅎↃↄⰀ-Ⱞⰰ-ⱞⱠ-ⳤⳫ-ⳮⳲⳳⴀ-ⴥⴧⴭⴰ-ⵧⵯⶀ-ⶖⶠ-ⶦⶨ-ⶮⶰ-ⶶⶸ-ⶾⷀ-ⷆⷈ-ⷎⷐ-ⷖⷘ-ⷞⸯ々〆〱-〵〻〼ぁ-ゖゝ-ゟァ-ヺー-ヿㄅ-ㄭㄱ-ㆎㆠ-ㆺㇰ-ㇿ㐀-䶵一-鿌ꀀ-ꒌꓐ-ꓽꔀ-ꘌꘐ-ꘟꘪꘫꙀ-ꙮꙿ-ꚗꚠ-ꛥꜗ-ꜟꜢ-ꞈꞋ-ꞎꞐ-ꞓꞠ-Ɦꟸ-ꠁꠃ-ꠅꠇ-ꠊꠌ-ꠢꡀ-ꡳꢂ-ꢳꣲ-ꣷꣻꤊ-ꤥꤰ-ꥆꥠ-ꥼꦄ-ꦲꧏꨀ-ꨨꩀ-ꩂꩄ-ꩋꩠ-ꩶꩺꪀ-ꪯꪱꪵꪶꪹ-ꪽꫀꫂꫛ-ꫝꫠ-ꫪꫲ-ꫴꬁ-ꬆꬉ-ꬎꬑ-ꬖꬠ-ꬦꬨ-ꬮꯀ-ꯢ가-힣ힰ-ퟆퟋ-ퟻ豈-舘並-龎ff-stﬓ-ﬗיִײַ-ﬨשׁ-זּטּ-לּמּנּסּףּפּצּ-ﮱﯓ-ﴽﵐ-ﶏﶒ-ﷇﷰ-ﷻﹰ-ﹴﹶ-ﻼＡ-Ｚａ-ｚｦ-ﾾￂ-ￇￊ-ￏￒ-ￗￚ-ￜ])/i;
-export default function KeywordsPlugin() {
-    const [editor] = useLexicalComposerContext();
-    useEffect(() => {
-        if (!editor.hasNodes([KeywordNode])) {
-            throw new Error('KeywordsPlugin: KeywordNode not registered on editor');
-        }
-    }, [editor]);
-    const createKeywordNode = useCallback((textNode) => {
-        return $createKeywordNode(textNode.getTextContent());
-    }, []);
-    const getKeywordMatch = useCallback((text) => {
-        const matchArr = KEYWORDS_REGEX.exec(text);
-        if (matchArr === null) {
-            return null;
-        }
-        const hashtagLength = matchArr[2].length;
-        const startOffset = matchArr.index + matchArr[1].length;
-        const endOffset = startOffset + hashtagLength;
-        return {
-            end: endOffset,
-            start: startOffset,
-        };
-    }, []);
-    useLexicalTextEntity(getKeywordMatch, KeywordNode, createKeywordNode);
-    return null;
-}

package/lib/main/plugins/PasteLogPlugin/index.d.ts

@@ -1,9 +0,0 @@
-/**
- * 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 JSX } from 'react';
-export default function PasteLogPlugin(): JSX.Element;

package/lib/main/plugins/PasteLogPlugin/index.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * 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 { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { COMMAND_PRIORITY_NORMAL, PASTE_COMMAND } from 'lexical';
-import { useEffect, useState } from 'react';
-export default function PasteLogPlugin() {
-    const [editor] = useLexicalComposerContext();
-    const [isActive, setIsActive] = useState(false);
-    const [lastClipboardData, setLastClipboardData] = useState(null);
-    useEffect(() => {
-        if (isActive) {
-            return editor.registerCommand(PASTE_COMMAND, (e) => {
-                const { clipboardData } = e;
-                const allData = [];
-                if (clipboardData && clipboardData.types) {
-                    clipboardData.types.forEach((type) => {
-                        allData.push(type.toUpperCase(), clipboardData.getData(type));
-                    });
-                }
-                setLastClipboardData(allData.join('\n\n'));
-                return false;
-            }, COMMAND_PRIORITY_NORMAL);
-        }
-    }, [editor, isActive]);
-    return (_jsxs(_Fragment, { children: [_jsx("button", { id: "paste-log-button", className: `editor-dev-button ${isActive ? 'active' : ''}`, onClick: () => {
-                    setIsActive(!isActive);
-                }, title: isActive ? 'Disable paste log' : 'Enable paste log' }), isActive && lastClipboardData !== null ? _jsx("pre", { children: lastClipboardData }) : null] }));
-}

package/lib/main/plugins/TestRecorderPlugin/index.d.ts

@@ -1,10 +0,0 @@
-/**
- * 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 JSX } from 'react';
-export declare function isSelectAll(event: KeyboardEvent): boolean;
-export default function TestRecorderPlugin(): JSX.Element;

package/lib/main/plugins/TestRecorderPlugin/index.js

@@ -1,340 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { $createParagraphNode, $createTextNode, $getRoot } from 'lexical';
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { IS_APPLE } from '../../../shared/environment';
-import useLayoutEffect from '../../../shared/useLayoutEffect';
-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 `
-/**
- * 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 {
-  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 }];
-                    }
-                    // 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, { count: 1, name, value }];
-        });
-    }, [steps, setSteps]);
-    useLayoutEffect(() => {
-        const onKeyDown = (event) => {
-            if (!isRecording) {
-                return;
-            }
-            const { key } = event;
-            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;
-            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(({ editorState, dirtyLeaves, dirtyElements }) => {
-            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 = (_jsx("button", { id: "test-recorder-button", className: `editor-dev-button ${isRecording ? 'active' : ''}`, onClick: () => toggleEditorSelection(getCurrentEditor()), title: isRecording ? 'Disable test recorder' : 'Enable test recorder' }));
-    const output = isRecording ? (_jsxs("div", { className: "test-recorder-output", children: [_jsxs("div", { className: "test-recorder-toolbar", children: [_jsx("button", { className: "test-recorder-button", id: "test-recorder-button-snapshot", title: "Insert snapshot", onClick: onSnapshotClick }), _jsx("button", { className: "test-recorder-button", id: "test-recorder-button-copy", title: "Copy to clipboard", onClick: onCopyClick }), _jsx("button", { className: "test-recorder-button", id: "test-recorder-button-download", title: "Download as a file", onClick: onDownloadClick })] }), _jsx("pre", { id: "test-recorder", ref: preRef, children: templatedTest })] })) : null;
-    return [button, output];
-}
-export default function TestRecorderPlugin() {
-    const [editor] = useLexicalComposerContext();
-    const [testRecorderButton, testRecorderOutput] = useTestRecorder(editor);
-    return (_jsxs(_Fragment, { children: [testRecorderButton, testRecorderOutput] }));
-}

package/lib/main/ui/Switch.d.ts

@@ -1,15 +0,0 @@
-/**
- * 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 * as React from 'react';
-import { type JSX } from 'react';
-export default function Switch({ checked, onClick, text, id, }: Readonly<{
-    checked: boolean;
-    id?: string;
-    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    text: string;
-}>): JSX.Element;

package/lib/main/ui/Switch.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-export default function Switch({ checked, onClick, text, id, }) {
-    const buttonId = useMemo(() => `id_${Math.floor(Math.random() * 10000)}`, []);
-    return (_jsxs("div", { className: "switch", id: id, children: [_jsx("label", { htmlFor: buttonId, children: text }), _jsx("button", { role: "switch", "aria-checked": checked, id: buttonId, onClick: onClick, children: _jsx("span", {}) })] }));
-}