@payloadcms/richtext-lexical 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.185cc5f

package/dist/features/blocks/server/markdown/markdownTransformer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/features/blocks/server/markdown/markdownTransformer.ts"],"sourcesContent":["import type { ElementNode, SerializedLexicalNode } from 'lexical'\nimport type { Block } from 'payload'\n\nimport { $parseSerializedNode } from 'lexical'\n\nimport type { NodeWithHooks } from '../../../typesServer.js'\n\nimport { getEnabledNodesFromServerNodes } from '../../../../lexical/nodes/index.js'\nimport {\n  type MultilineElementTransformer,\n  type TextMatchTransformer,\n  type Transformer,\n} from '../../../../packages/@lexical/markdown/index.js'\nimport { extractPropsFromJSXPropsString } from '../../../../utilities/jsx/extractPropsFromJSXPropsString.js'\nimport { propsToJSXString } from '../../../../utilities/jsx/jsx.js'\nimport { getLexicalToMarkdown } from '../../client/markdown/getLexicalToMarkdown.js'\nimport { getMarkdownToLexical } from '../../client/markdown/getMarkdownToLexical.js'\nimport { $createServerBlockNode, $isServerBlockNode, ServerBlockNode } from '../nodes/BlocksNode.js'\nimport {\n  $createServerInlineBlockNode,\n  $isServerInlineBlockNode,\n  ServerInlineBlockNode,\n} from '../nodes/InlineBlocksNode.js'\nimport { linesFromStartToContentAndPropsString } from './linesFromMatchToContentAndPropsString.js'\n\nexport function createTagRegexes(tagName: string) {\n  const escapedTagName = tagName.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n\n  // Regex components\n  const openingTag = `<${escapedTagName}`\n  const closingTag = `</${escapedTagName}`\n  const optionalWhitespace = `\\\\s*`\n  const mandatoryClosingBracket = `>`\n\n  // Assembled regex patterns\n  const startPattern = `${openingTag}(?=\\\\s|>|$)` // Only match the tag name\n  const endPattern = `${closingTag}${optionalWhitespace}${mandatoryClosingBracket}`\n\n  return {\n    regExpEnd: new RegExp(endPattern, 'i'),\n    regExpStart: new RegExp(startPattern, 'i'),\n  }\n}\nexport const getBlockMarkdownTransformers = ({\n  blocks,\n  inlineBlocks,\n}: {\n  blocks: Block[]\n  inlineBlocks: Block[]\n}): ((props: {\n  allNodes: Array<NodeWithHooks>\n  allTransformers: Transformer[]\n}) => MultilineElementTransformer | TextMatchTransformer)[] => {\n  if (!blocks?.length && !inlineBlocks?.length) {\n    return []\n  }\n\n  let transformers: ((props: {\n    allNodes: Array<NodeWithHooks>\n    allTransformers: Transformer[]\n  }) => MultilineElementTransformer | TextMatchTransformer)[] = []\n\n  if (blocks?.length) {\n    for (const block of blocks) {\n      const transformer = getMarkdownTransformerForBlock(block, false)\n\n      if (transformer) {\n        transformers = transformers.concat(transformer)\n      }\n    }\n  }\n\n  if (inlineBlocks?.length) {\n    for (const block of inlineBlocks) {\n      const transformer = getMarkdownTransformerForBlock(block, true)\n\n      if (transformer) {\n        transformers = transformers.concat(transformer)\n      }\n    }\n  }\n\n  return transformers\n}\n\nfunction getMarkdownTransformerForBlock(\n  block: Block,\n  isInlineBlock: boolean,\n): Array<\n  (props: {\n    allNodes: Array<NodeWithHooks>\n    allTransformers: Transformer[]\n  }) => MultilineElementTransformer | TextMatchTransformer\n> | null {\n  if (!block.jsx) {\n    return null\n  }\n\n  const regex = createTagRegexes(block.slug)\n  const toReturn: Array<\n    (props: {\n      allNodes: Array<NodeWithHooks>\n      allTransformers: Transformer[]\n    }) => MultilineElementTransformer | TextMatchTransformer\n  > = []\n\n  if (isInlineBlock) {\n    toReturn.push(({ allNodes, allTransformers }) => ({\n      type: 'text-match',\n      dependencies: [ServerInlineBlockNode],\n      export: (node) => {\n        if (!$isServerInlineBlockNode(node)) {\n          return null\n        }\n\n        if (node.getFields()?.blockType?.toLowerCase() !== block.slug.toLowerCase()) {\n          return null\n        }\n\n        const nodeFields = node.getFields()\n        const lexicalToMarkdown = getLexicalToMarkdown(\n          getEnabledNodesFromServerNodes({\n            nodes: allNodes,\n          }),\n          allTransformers,\n        )\n\n        const exportResult = block.jsx!.export({\n          fields: nodeFields,\n          lexicalToMarkdown,\n        })\n        if (exportResult === false) {\n          return null\n        }\n        if (typeof exportResult === 'string') {\n          return exportResult\n        }\n\n        const hasProps = exportResult.props && Object.keys(exportResult.props)?.length > 0\n        const props = exportResult.props ?? {}\n\n        if (exportResult?.children?.length) {\n          return `<${nodeFields.blockType}${hasProps ? ' ' + propsToJSXString({ props }) : ''}>${exportResult.children}</${nodeFields.blockType}>`\n        }\n\n        return `<${nodeFields.blockType}${hasProps ? ' ' + propsToJSXString({ props }) : ''}/>`\n      },\n      getEndIndex: (node, match) => {\n        const { endlineLastCharIndex } = linesFromStartToContentAndPropsString({\n          isEndOptional: false,\n          lines: [node.getTextContent()],\n          regexpEndRegex: regex.regExpEnd,\n          startLineIndex: 0,\n          startMatch: match,\n          trimChildren: false,\n        })\n\n        return endlineLastCharIndex\n      },\n      importRegExp: block.jsx?.customStartRegex ?? regex.regExpStart,\n      regExp: /___ignoreignoreignore___/g,\n      replace(node, match) {\n        const { content, propsString } = linesFromStartToContentAndPropsString({\n          isEndOptional: false,\n          lines: [node.getTextContent()],\n          regexpEndRegex: regex.regExpEnd,\n          startLineIndex: 0,\n          startMatch: {\n            ...match,\n            index: 0,\n          },\n          trimChildren: false,\n        })\n\n        if (!block?.jsx?.import) {\n          // No multiline transformer handled this line successfully\n          return\n        }\n\n        const markdownToLexical = getMarkdownToLexical(\n          getEnabledNodesFromServerNodes({\n            nodes: allNodes,\n          }),\n          allTransformers,\n        )\n\n        const blockFields = block.jsx.import({\n          children: content,\n          closeMatch: null,\n          htmlToLexical: null, // TODO\n          markdownToLexical,\n          openMatch: match,\n          props: propsString\n            ? extractPropsFromJSXPropsString({\n                propsString,\n              })\n            : {},\n        })\n        if (blockFields === false) {\n          return\n        }\n\n        const inlineBlockNode = $createServerInlineBlockNode({\n          blockType: block.slug,\n          ...(blockFields as any),\n        })\n\n        node.replace(inlineBlockNode)\n      },\n    }))\n\n    return toReturn\n  }\n\n  toReturn.push(({ allNodes, allTransformers }) => ({\n    dependencies: [ServerBlockNode],\n    export: (node) => {\n      if (!$isServerBlockNode(node)) {\n        return null\n      }\n\n      if (node.getFields()?.blockType?.toLowerCase() !== block.slug.toLowerCase()) {\n        return null\n      }\n\n      const nodeFields = node.getFields()\n      const lexicalToMarkdown = getLexicalToMarkdown(\n        getEnabledNodesFromServerNodes({\n          nodes: allNodes,\n        }),\n        allTransformers,\n      )\n\n      const exportResult = block.jsx!.export({\n        fields: nodeFields,\n        lexicalToMarkdown,\n      })\n      if (exportResult === false) {\n        return null\n      }\n      if (typeof exportResult === 'string') {\n        return exportResult\n      }\n\n      const hasProps = exportResult.props && Object.keys(exportResult.props)?.length > 0\n      const props = exportResult.props ?? {}\n\n      if (exportResult?.children?.length) {\n        const children = exportResult.children\n        let sanitizedChildren = ''\n\n        // Ensure it has a leftpad of at least 2 spaces. The data is saved without those spaces, so we can just blindly add it to every child\n        if (children.includes('\\n')) {\n          for (const child of children.split('\\n')) {\n            let sanitizedChild = ''\n            if (!block?.jsx?.doNotTrimChildren && child !== '') {\n              sanitizedChild = '  '\n            }\n            sanitizedChild += child + '\\n'\n\n            sanitizedChildren += sanitizedChild\n          }\n        } else {\n          sanitizedChildren = (block?.jsx?.doNotTrimChildren ? '' : '  ') + children + '\\n'\n        }\n\n        return `<${nodeFields.blockType}${hasProps ? ' ' + propsToJSXString({ props }) : ''}>\\n${sanitizedChildren}</${nodeFields.blockType}>`\n      }\n\n      return `<${nodeFields.blockType}${hasProps ? ' ' + propsToJSXString({ props }) : ''}/>`\n    },\n    handleImportAfterStartMatch: block.jsx?.customEndRegex\n      ? undefined\n      : ({ lines, rootNode, startLineIndex, startMatch, transformer }) => {\n          const regexpEndRegex: RegExp | undefined =\n            typeof transformer.regExpEnd === 'object' && 'regExp' in transformer.regExpEnd\n              ? transformer.regExpEnd.regExp\n              : transformer.regExpEnd\n\n          const isEndOptional =\n            transformer.regExpEnd &&\n            typeof transformer.regExpEnd === 'object' &&\n            'optional' in transformer.regExpEnd\n              ? transformer.regExpEnd.optional\n              : !transformer.regExpEnd\n\n          const {\n            afterEndLine,\n            beforeStartLine,\n            content: unsanitizedContent,\n            endLineIndex,\n            propsString,\n          } = linesFromStartToContentAndPropsString({\n            isEndOptional,\n            lines,\n            regexpEndRegex,\n            startLineIndex,\n            startMatch,\n            trimChildren: false,\n          })\n\n          let content = ''\n\n          if (block?.jsx?.doNotTrimChildren) {\n            content = unsanitizedContent.endsWith('\\n')\n              ? unsanitizedContent.slice(0, -1)\n              : unsanitizedContent\n          } else {\n            // Ensure it has a leftpad of at least 2 spaces. The data is saved without those spaces, so we can just blindly add it to every child\n            if (unsanitizedContent.includes('\\n')) {\n              const split = unsanitizedContent.split('\\n')\n              let index = 0\n              for (const child of split) {\n                index++\n\n                if (child.startsWith('  ')) {\n                  content += child.slice(2)\n                } else {\n                  // If one child is misaligned, skip aligning completely, unless it's just empty\n                  if (child === '') {\n                    content += child\n                  } else {\n                    content = unsanitizedContent.endsWith('\\n')\n                      ? unsanitizedContent.slice(0, -1)\n                      : unsanitizedContent\n                    break\n                  }\n                }\n\n                content += index === split.length ? '' : '\\n'\n              }\n            } else {\n              content =\n                (!unsanitizedContent.startsWith('  ')\n                  ? unsanitizedContent\n                  : unsanitizedContent.slice(2)) + '\\n'\n            }\n          }\n\n          if (!block?.jsx?.import) {\n            // No multiline transformer handled this line successfully\n            return [false, startLineIndex]\n          }\n\n          const markdownToLexical = getMarkdownToLexical(\n            getEnabledNodesFromServerNodes({\n              nodes: allNodes,\n            }),\n            allTransformers,\n          )\n\n          const blockFields = block.jsx.import({\n            children: content,\n            closeMatch: null,\n            htmlToLexical: null, // TODO\n            markdownToLexical,\n            openMatch: startMatch,\n            props: propsString\n              ? extractPropsFromJSXPropsString({\n                  propsString,\n                })\n              : {},\n          })\n          if (blockFields === false) {\n            return [false, startLineIndex]\n          }\n\n          const node = $createServerBlockNode({\n            blockType: block.slug,\n            ...blockFields,\n          } as any)\n\n          if (node) {\n            // Now handle beforeStartLine and afterEndLine. If those are not empty, we need to add them as text nodes before and after the block node.\n            // However, those themselves can contain other markdown matches, so we need to parse them as well.\n            // Example where this is needed: \"Hello <InlineCode>inline code</InlineCode> test.\"\n            let prevNodes: null | SerializedLexicalNode[] = null\n            let nextNodes: null | SerializedLexicalNode[] = null\n            // TODO: Might not need this prevNodes and nextNodes handling if inline nodes are handled by textmatch transformers\n\n            if (beforeStartLine?.length) {\n              prevNodes = markdownToLexical({ markdown: beforeStartLine })?.root?.children ?? []\n\n              const firstPrevNode = prevNodes?.[0]\n              if (firstPrevNode) {\n                rootNode.append($parseSerializedNode(firstPrevNode))\n              }\n            }\n\n            rootNode.append(node)\n\n            if (afterEndLine?.length) {\n              nextNodes = markdownToLexical({ markdown: afterEndLine })?.root?.children\n              const lastChild = rootNode.getChildren()[rootNode.getChildren().length - 1]\n\n              const children = ($parseSerializedNode(nextNodes[0]!) as ElementNode)?.getChildren()\n              if (children?.length) {\n                for (const child of children) {\n                  ;(lastChild as ElementNode).append(child)\n                }\n              }\n            }\n          }\n\n          return [true, endLineIndex]\n        },\n    regExpEnd: block.jsx?.customEndRegex ?? regex.regExpEnd,\n    regExpStart: block.jsx?.customStartRegex ?? regex.regExpStart,\n    // This replace is ONLY run for ``` code blocks (so any blocks with custom start and end regexes). For others, we use the special JSX handling above:\n    type: 'multiline-element',\n    replace: (rootNode, children, openMatch, closeMatch, linesInBetween) => {\n      if (block?.jsx?.import) {\n        if (!linesInBetween) {\n          // convert children to linesInBetween\n          let line = ''\n          if (children) {\n            for (const child of children) {\n              line += child.getTextContent()\n            }\n          }\n\n          linesInBetween = [line]\n        }\n\n        let childrenString = ''\n        if (block?.jsx?.doNotTrimChildren) {\n          childrenString = linesInBetween.join('\\n')\n        } else {\n          childrenString = linesInBetween.join('\\n').trim()\n        }\n\n        const propsString = openMatch[1]?.trim()\n\n        const markdownToLexical = getMarkdownToLexical(\n          getEnabledNodesFromServerNodes({\n            nodes: allNodes,\n          }),\n          allTransformers,\n        )\n\n        const blockFields = block.jsx.import({\n          children: childrenString,\n          closeMatch: closeMatch as RegExpMatchArray,\n          htmlToLexical: null, // TODO\n          markdownToLexical,\n          openMatch: openMatch as RegExpMatchArray,\n          props: propsString\n            ? extractPropsFromJSXPropsString({\n                propsString,\n              })\n            : {},\n        })\n        if (blockFields === false) {\n          return false\n        }\n\n        const node = $createServerBlockNode({\n          blockType: block.slug,\n          ...blockFields,\n        } as any)\n\n        if (node) {\n          rootNode.append(node)\n        }\n\n        return\n      }\n      return false // Run next transformer\n    },\n  }))\n\n  return toReturn\n}\n"],"names":["$parseSerializedNode","getEnabledNodesFromServerNodes","extractPropsFromJSXPropsString","propsToJSXString","getLexicalToMarkdown","getMarkdownToLexical","$createServerBlockNode","$isServerBlockNode","ServerBlockNode","$createServerInlineBlockNode","$isServerInlineBlockNode","ServerInlineBlockNode","linesFromStartToContentAndPropsString","createTagRegexes","tagName","escapedTagName","replace","openingTag","closingTag","optionalWhitespace","mandatoryClosingBracket","startPattern","endPattern","regExpEnd","RegExp","regExpStart","getBlockMarkdownTransformers","blocks","inlineBlocks","length","transformers","block","transformer","getMarkdownTransformerForBlock","concat","isInlineBlock","jsx","regex","slug","toReturn","push","allNodes","allTransformers","type","dependencies","export","node","getFields","blockType","toLowerCase","nodeFields","lexicalToMarkdown","nodes","exportResult","fields","hasProps","props","Object","keys","children","getEndIndex","match","endlineLastCharIndex","isEndOptional","lines","getTextContent","regexpEndRegex","startLineIndex","startMatch","trimChildren","importRegExp","customStartRegex","regExp","content","propsString","index","import","markdownToLexical","blockFields","closeMatch","htmlToLexical","openMatch","inlineBlockNode","sanitizedChildren","includes","child","split","sanitizedChild","doNotTrimChildren","handleImportAfterStartMatch","customEndRegex","undefined","rootNode","optional","afterEndLine","beforeStartLine","unsanitizedContent","endLineIndex","endsWith","slice","startsWith","prevNodes","nextNodes","markdown","root","firstPrevNode","append","lastChild","getChildren","linesInBetween","line","childrenString","join","trim"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/features/blocks/server/markdown/markdownTransformer.ts"],"sourcesContent":["import type { ElementNode, SerializedLexicalNode } from 'lexical'\nimport type { Block } from 'payload'\n\nimport { $parseSerializedNode } from 'lexical'\n\nimport type { NodeWithHooks } from '../../../typesServer.js'\n\nimport { getEnabledNodesFromServerNodes } from '../../../../lexical/nodes/index.js'\nimport {\n  type MultilineElementTransformer,\n  type TextMatchTransformer,\n  type Transformer,\n} from '../../../../packages/@lexical/markdown/index.js'\nimport { extractPropsFromJSXPropsString } from '../../../../utilities/jsx/extractPropsFromJSXPropsString.js'\nimport { propsToJSXString } from '../../../../utilities/jsx/jsx.js'\nimport { getLexicalToMarkdown } from '../../client/markdown/getLexicalToMarkdown.js'\nimport { getMarkdownToLexical } from '../../client/markdown/getMarkdownToLexical.js'\nimport { $createServerBlockNode, $isServerBlockNode, ServerBlockNode } from '../nodes/BlocksNode.js'\nimport {\n  $createServerInlineBlockNode,\n  $isServerInlineBlockNode,\n  ServerInlineBlockNode,\n} from '../nodes/InlineBlocksNode.js'\nimport { linesFromStartToContentAndPropsString } from './linesFromMatchToContentAndPropsString.js'\n\nexport function createTagRegexes(tagName: string) {\n  const escapedTagName = tagName.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n\n  // Regex components\n  const openingTag = `<${escapedTagName}`\n  const closingTag = `</${escapedTagName}`\n  const optionalWhitespace = `\\\\s*`\n  const mandatoryClosingBracket = `>`\n\n  // Assembled regex patterns\n  const startPattern = `${openingTag}(?=\\\\s|>|$)` // Only match the tag name\n  const endPattern = `${closingTag}${optionalWhitespace}${mandatoryClosingBracket}`\n\n  return {\n    regExpEnd: new RegExp(endPattern, 'i'),\n    regExpStart: new RegExp(startPattern, 'i'),\n  }\n}\nexport const getBlockMarkdownTransformers = ({\n  blocks,\n  inlineBlocks,\n}: {\n  blocks: Block[]\n  inlineBlocks: Block[]\n}): ((props: {\n  allNodes: Array<NodeWithHooks>\n  allTransformers: Transformer[]\n}) => MultilineElementTransformer | TextMatchTransformer)[] => {\n  if (!blocks?.length && !inlineBlocks?.length) {\n    return []\n  }\n\n  let transformers: ((props: {\n    allNodes: Array<NodeWithHooks>\n    allTransformers: Transformer[]\n  }) => MultilineElementTransformer | TextMatchTransformer)[] = []\n\n  if (blocks?.length) {\n    for (const block of blocks) {\n      const transformer = getMarkdownTransformerForBlock(block, false)\n\n      if (transformer) {\n        transformers = transformers.concat(transformer)\n      }\n    }\n  }\n\n  if (inlineBlocks?.length) {\n    for (const block of inlineBlocks) {\n      const transformer = getMarkdownTransformerForBlock(block, true)\n\n      if (transformer) {\n        transformers = transformers.concat(transformer)\n      }\n    }\n  }\n\n  return transformers\n}\n\nfunction getMarkdownTransformerForBlock(\n  block: Block,\n  isInlineBlock: boolean,\n): Array<\n  (props: {\n    allNodes: Array<NodeWithHooks>\n    allTransformers: Transformer[]\n  }) => MultilineElementTransformer | TextMatchTransformer\n> | null {\n  if (!block.jsx) {\n    return null\n  }\n\n  const regex = createTagRegexes(block.slug)\n  const toReturn: Array<\n    (props: {\n      allNodes: Array<NodeWithHooks>\n      allTransformers: Transformer[]\n    }) => MultilineElementTransformer | TextMatchTransformer\n  > = []\n\n  if (isInlineBlock) {\n    toReturn.push(({ allNodes, allTransformers }) => ({\n      type: 'text-match',\n      dependencies: [ServerInlineBlockNode],\n      export: (node) => {\n        if (!$isServerInlineBlockNode(node)) {\n          return null\n        }\n\n        if (node.getFields()?.blockType?.toLowerCase() !== block.slug.toLowerCase()) {\n          return null\n        }\n\n        const nodeFields = node.getFields()\n        const lexicalToMarkdown = getLexicalToMarkdown(\n          getEnabledNodesFromServerNodes({\n            nodes: allNodes,\n          }),\n          allTransformers,\n        )\n\n        const exportResult = block.jsx!.export({\n          fields: nodeFields,\n          lexicalToMarkdown,\n        })\n        if (exportResult === false) {\n          return null\n        }\n        if (typeof exportResult === 'string') {\n          return exportResult\n        }\n\n        const hasProps = exportResult.props && Object.keys(exportResult.props)?.length > 0\n        const props = exportResult.props ?? {}\n\n        if (exportResult?.children?.length) {\n          return `<${nodeFields.blockType}${hasProps ? ' ' + propsToJSXString({ props }) : ''}>${exportResult.children}</${nodeFields.blockType}>`\n        }\n\n        return `<${nodeFields.blockType}${hasProps ? ' ' + propsToJSXString({ props }) : ''}/>`\n      },\n      getEndIndex: (node, match) => {\n        const { endlineLastCharIndex } = linesFromStartToContentAndPropsString({\n          isEndOptional: false,\n          lines: [node.getTextContent()],\n          regexpEndRegex: regex.regExpEnd,\n          startLineIndex: 0,\n          startMatch: match,\n          trimChildren: false,\n        })\n\n        return endlineLastCharIndex\n      },\n      importRegExp: block.jsx?.customStartRegex ?? regex.regExpStart,\n      regExp: /___ignoreignoreignore___/g,\n      replace(node, match) {\n        const { content, propsString } = linesFromStartToContentAndPropsString({\n          isEndOptional: false,\n          lines: [node.getTextContent()],\n          regexpEndRegex: regex.regExpEnd,\n          startLineIndex: 0,\n          startMatch: {\n            ...match,\n            index: 0,\n          },\n          trimChildren: false,\n        })\n\n        if (!block?.jsx?.import) {\n          // No multiline transformer handled this line successfully\n          return\n        }\n\n        const markdownToLexical = getMarkdownToLexical(\n          getEnabledNodesFromServerNodes({\n            nodes: allNodes,\n          }),\n          allTransformers,\n        )\n\n        const blockFields = block.jsx.import({\n          children: content,\n          closeMatch: null,\n          htmlToLexical: null, // TODO\n          markdownToLexical,\n          openMatch: match,\n          props: propsString\n            ? extractPropsFromJSXPropsString({\n                propsString,\n              })\n            : {},\n        })\n        if (blockFields === false) {\n          return\n        }\n\n        const inlineBlockNode = $createServerInlineBlockNode({\n          blockType: block.slug,\n          ...(blockFields as any),\n        })\n\n        node.replace(inlineBlockNode)\n      },\n    }))\n\n    return toReturn\n  }\n\n  toReturn.push(({ allNodes, allTransformers }) => ({\n    dependencies: [ServerBlockNode],\n    export: (node) => {\n      if (!$isServerBlockNode(node)) {\n        return null\n      }\n\n      if (node.getFields()?.blockType?.toLowerCase() !== block.slug.toLowerCase()) {\n        return null\n      }\n\n      const nodeFields = node.getFields()\n      const lexicalToMarkdown = getLexicalToMarkdown(\n        getEnabledNodesFromServerNodes({\n          nodes: allNodes,\n        }),\n        allTransformers,\n      )\n\n      const exportResult = block.jsx!.export({\n        fields: nodeFields,\n        lexicalToMarkdown,\n      })\n      if (exportResult === false) {\n        return null\n      }\n      if (typeof exportResult === 'string') {\n        return exportResult\n      }\n\n      const hasProps = exportResult.props && Object.keys(exportResult.props)?.length > 0\n      const props = exportResult.props ?? {}\n\n      if (exportResult?.children?.length) {\n        const children = exportResult.children\n        let sanitizedChildren = ''\n\n        // Ensure it has a leftpad of at least 2 spaces. The data is saved without those spaces, so we can just blindly add it to every child\n        if (children.includes('\\n')) {\n          for (const child of children.split('\\n')) {\n            let sanitizedChild = ''\n            if (!block?.jsx?.doNotTrimChildren && child !== '') {\n              sanitizedChild = '  '\n            }\n            sanitizedChild += child + '\\n'\n\n            sanitizedChildren += sanitizedChild\n          }\n        } else {\n          sanitizedChildren = (block?.jsx?.doNotTrimChildren ? '' : '  ') + children + '\\n'\n        }\n\n        return `<${nodeFields.blockType}${hasProps ? ' ' + propsToJSXString({ props }) : ''}>\\n${sanitizedChildren}</${nodeFields.blockType}>`\n      }\n\n      return `<${nodeFields.blockType}${hasProps ? ' ' + propsToJSXString({ props }) : ''}/>`\n    },\n    handleImportAfterStartMatch: block.jsx?.customEndRegex\n      ? undefined\n      : ({ lines, rootNode, startLineIndex, startMatch, transformer }) => {\n          const regexpEndRegex: RegExp | undefined =\n            typeof transformer.regExpEnd === 'object' && 'regExp' in transformer.regExpEnd\n              ? transformer.regExpEnd.regExp\n              : transformer.regExpEnd\n\n          const isEndOptional =\n            transformer.regExpEnd &&\n            typeof transformer.regExpEnd === 'object' &&\n            'optional' in transformer.regExpEnd\n              ? transformer.regExpEnd.optional\n              : !transformer.regExpEnd\n\n          const {\n            afterEndLine,\n            beforeStartLine,\n            content: unsanitizedContent,\n            endLineIndex,\n            propsString,\n          } = linesFromStartToContentAndPropsString({\n            isEndOptional,\n            lines,\n            regexpEndRegex,\n            startLineIndex,\n            startMatch,\n            trimChildren: false,\n          })\n\n          let content = ''\n\n          if (block?.jsx?.doNotTrimChildren) {\n            content = unsanitizedContent.endsWith('\\n')\n              ? unsanitizedContent.slice(0, -1)\n              : unsanitizedContent\n          } else {\n            // Ensure it has a leftpad of at least 2 spaces. The data is saved without those spaces, so we can just blindly add it to every child\n            if (unsanitizedContent.includes('\\n')) {\n              const split = unsanitizedContent.split('\\n')\n              let index = 0\n              for (const child of split) {\n                index++\n\n                if (child.startsWith('  ')) {\n                  content += child.slice(2)\n                } else {\n                  // If one child is misaligned, skip aligning completely, unless it's just empty\n                  if (child === '') {\n                    content += child\n                  } else {\n                    content = unsanitizedContent.endsWith('\\n')\n                      ? unsanitizedContent.slice(0, -1)\n                      : unsanitizedContent\n                    break\n                  }\n                }\n\n                content += index === split.length ? '' : '\\n'\n              }\n            } else {\n              content =\n                (!unsanitizedContent.startsWith('  ')\n                  ? unsanitizedContent\n                  : unsanitizedContent.slice(2)) + '\\n'\n            }\n          }\n\n          if (!block?.jsx?.import) {\n            // No multiline transformer handled this line successfully\n            return [false, startLineIndex]\n          }\n\n          const markdownToLexical = getMarkdownToLexical(\n            getEnabledNodesFromServerNodes({\n              nodes: allNodes,\n            }),\n            allTransformers,\n          )\n\n          const blockFields = block.jsx.import({\n            children: content,\n            closeMatch: null,\n            htmlToLexical: null, // TODO\n            markdownToLexical,\n            openMatch: startMatch,\n            props: propsString\n              ? extractPropsFromJSXPropsString({\n                  propsString,\n                })\n              : {},\n          })\n          if (blockFields === false) {\n            return [false, startLineIndex]\n          }\n\n          const node = $createServerBlockNode({\n            blockType: block.slug,\n            ...blockFields,\n          } as any)\n\n          if (node) {\n            // Now handle beforeStartLine and afterEndLine. If those are not empty, we need to add them as text nodes before and after the block node.\n            // However, those themselves can contain other markdown matches, so we need to parse them as well.\n            // Example where this is needed: \"Hello <InlineCode>inline code</InlineCode> test.\"\n            let prevNodes: null | SerializedLexicalNode[] = null\n            let nextNodes: null | SerializedLexicalNode[] = null\n            // TODO: Might not need this prevNodes and nextNodes handling if inline nodes are handled by textmatch transformers\n\n            if (beforeStartLine?.length) {\n              prevNodes = markdownToLexical({ markdown: beforeStartLine })?.root?.children ?? []\n\n              const firstPrevNode = prevNodes?.[0]\n              if (firstPrevNode) {\n                rootNode.append($parseSerializedNode(firstPrevNode))\n              }\n            }\n\n            rootNode.append(node)\n\n            if (afterEndLine?.length) {\n              nextNodes = markdownToLexical({ markdown: afterEndLine })?.root?.children\n              const lastChild = rootNode.getChildren()[rootNode.getChildren().length - 1]\n\n              const children = ($parseSerializedNode(nextNodes[0]!) as ElementNode)?.getChildren()\n              if (children?.length) {\n                for (const child of children) {\n                  ;(lastChild as ElementNode).append(child)\n                }\n              }\n            }\n          }\n\n          return [true, endLineIndex]\n        },\n    regExpEnd: block.jsx?.customEndRegex ?? regex.regExpEnd,\n    regExpStart: block.jsx?.customStartRegex ?? regex.regExpStart,\n    // This replace is ONLY run for ``` code blocks (so any blocks with custom start and end regexes). For others, we use the special JSX handling above:\n    type: 'multiline-element',\n    replace: (rootNode, children, openMatch, closeMatch, linesInBetween) => {\n      if (block?.jsx?.import) {\n        if (!linesInBetween) {\n          // convert children to linesInBetween\n          let line = ''\n          if (children) {\n            for (const child of children) {\n              line += child.getTextContent()\n            }\n          }\n\n          linesInBetween = [line]\n        }\n\n        let childrenString = ''\n        if (block?.jsx?.doNotTrimChildren) {\n          childrenString = linesInBetween.join('\\n')\n        } else {\n          childrenString = linesInBetween.join('\\n').trim()\n        }\n\n        const propsString = openMatch[1]?.trim()\n\n        const markdownToLexical = getMarkdownToLexical(\n          getEnabledNodesFromServerNodes({\n            nodes: allNodes,\n          }),\n          allTransformers,\n        )\n\n        const blockFields = block.jsx.import({\n          children: childrenString,\n          closeMatch: closeMatch as RegExpMatchArray,\n          htmlToLexical: null, // TODO\n          markdownToLexical,\n          openMatch: openMatch as RegExpMatchArray,\n          props: propsString\n            ? extractPropsFromJSXPropsString({\n                propsString,\n              })\n            : {},\n        })\n        if (blockFields === false) {\n          return false\n        }\n\n        const node = $createServerBlockNode({\n          blockType: block.slug,\n          ...blockFields,\n        } as any)\n\n        if (node) {\n          rootNode.append(node)\n        }\n\n        return\n      }\n      return false // Run next transformer\n    },\n  }))\n\n  return toReturn\n}\n"],"names":["$parseSerializedNode","getEnabledNodesFromServerNodes","extractPropsFromJSXPropsString","propsToJSXString","getLexicalToMarkdown","getMarkdownToLexical","$createServerBlockNode","$isServerBlockNode","ServerBlockNode","$createServerInlineBlockNode","$isServerInlineBlockNode","ServerInlineBlockNode","linesFromStartToContentAndPropsString","createTagRegexes","tagName","escapedTagName","replace","openingTag","closingTag","optionalWhitespace","mandatoryClosingBracket","startPattern","endPattern","regExpEnd","RegExp","regExpStart","getBlockMarkdownTransformers","blocks","inlineBlocks","length","transformers","block","transformer","getMarkdownTransformerForBlock","concat","isInlineBlock","jsx","regex","slug","toReturn","push","allNodes","allTransformers","type","dependencies","export","node","getFields","blockType","toLowerCase","nodeFields","lexicalToMarkdown","nodes","exportResult","fields","hasProps","props","Object","keys","children","getEndIndex","match","endlineLastCharIndex","isEndOptional","lines","getTextContent","regexpEndRegex","startLineIndex","startMatch","trimChildren","importRegExp","customStartRegex","regExp","content","propsString","index","import","markdownToLexical","blockFields","closeMatch","htmlToLexical","openMatch","inlineBlockNode","sanitizedChildren","includes","child","split","sanitizedChild","doNotTrimChildren","handleImportAfterStartMatch","customEndRegex","undefined","rootNode","optional","afterEndLine","beforeStartLine","unsanitizedContent","endLineIndex","endsWith","slice","startsWith","prevNodes","nextNodes","markdown","root","firstPrevNode","append","lastChild","getChildren","linesInBetween","line","childrenString","join","trim"],"mappings":"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"}

package/dist/features/debug/jsxConverter/client/plugin/index.js

@@ -4,6 +4,7 @@ import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext
 import { useEffect, useState } from 'react';
 // eslint-disable-next-line payload/no-imports-from-exports-dir
 import { defaultJSXConverters, RichText } from '../../../../../exports/react/index.js';
+import './style.scss';
 export function RichTextPlugin() {
     const [editor] = useLexicalComposerContext();
     const [editorState, setEditorState] = useState(editor.getEditorState().toJSON());

package/dist/features/debug/jsxConverter/client/plugin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/debug/jsxConverter/client/plugin/index.tsx"],"sourcesContent":["'use client'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useEffect, useState } from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { defaultJSXConverters, RichText } from '../../../../../exports/react/index.js'\nimport './style.scss'\n\nexport function RichTextPlugin() {\n  const [editor] = useLexicalComposerContext()\n  const [editorState, setEditorState] = useState(editor.getEditorState().toJSON())\n\n  useEffect(() => {\n    return editor.registerUpdateListener(({ editorState }) => {\n      setEditorState(editorState.toJSON())\n    })\n  }, [editor])\n\n  return (\n    <div className=\"debug-jsx-converter\">\n      <RichText converters={defaultJSXConverters} data={editorState} />\n    </div>\n  )\n}\n"],"names":["useLexicalComposerContext","useEffect","useState","defaultJSXConverters","RichText","RichTextPlugin","editor","editorState","setEditorState","getEditorState","toJSON","registerUpdateListener","div","className","converters","data"],"mappings":"AAAA;;AAEA,SAASA,yBAAyB,QAAQ,wCAAuC;AACjF,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE3C,+DAA+D;AAC/D,SAASC,oBAAoB,EAAEC,QAAQ,QAAQ,wCAAuC;AAGtF,OAAO,SAASC;IACd,MAAM,CAACC,OAAO,GAAGN;IACjB,MAAM,CAACO,aAAaC,eAAe,GAAGN,SAASI,OAAOG,cAAc,GAAGC,MAAM;IAE7ET,UAAU;QACR,OAAOK,OAAOK,sBAAsB,CAAC,CAAC,EAAEJ,WAAW,EAAE;YACnDC,eAAeD,YAAYG,MAAM;QACnC;IACF,GAAG;QAACJ;KAAO;IAEX,qBACE,KAACM;QAAIC,WAAU;kBACb,cAAA,KAACT;YAASU,YAAYX;YAAsBY,MAAMR;;;AAGxD"}
+{"version":3,"sources":["../../../../../../src/features/debug/jsxConverter/client/plugin/index.tsx"],"sourcesContent":["'use client'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useEffect, useState } from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { defaultJSXConverters, RichText } from '../../../../../exports/react/index.js'\nimport './style.scss'\n\nexport function RichTextPlugin() {\n  const [editor] = useLexicalComposerContext()\n  const [editorState, setEditorState] = useState(editor.getEditorState().toJSON())\n\n  useEffect(() => {\n    return editor.registerUpdateListener(({ editorState }) => {\n      setEditorState(editorState.toJSON())\n    })\n  }, [editor])\n\n  return (\n    <div className=\"debug-jsx-converter\">\n      <RichText converters={defaultJSXConverters} data={editorState} />\n    </div>\n  )\n}\n"],"names":["useLexicalComposerContext","useEffect","useState","defaultJSXConverters","RichText","RichTextPlugin","editor","editorState","setEditorState","getEditorState","toJSON","registerUpdateListener","div","className","converters","data"],"mappings":"AAAA;;AAEA,SAASA,yBAAyB,QAAQ,wCAAuC;AACjF,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE3C,+DAA+D;AAC/D,SAASC,oBAAoB,EAAEC,QAAQ,QAAQ,wCAAuC;AACtF,OAAO,eAAc;AAErB,OAAO,SAASC;IACd,MAAM,CAACC,OAAO,GAAGN;IACjB,MAAM,CAACO,aAAaC,eAAe,GAAGN,SAASI,OAAOG,cAAc,GAAGC,MAAM;IAE7ET,UAAU;QACR,OAAOK,OAAOK,sBAAsB,CAAC,CAAC,EAAEJ,WAAW,EAAE;YACnDC,eAAeD,YAAYG,MAAM;QACnC;IACF,GAAG;QAACJ;KAAO;IAEX,qBACE,KAACM;QAAIC,WAAU;kBACb,cAAA,KAACT;YAASU,YAAYX;YAAsBY,MAAMR;;;AAGxD"}

package/dist/features/debug/testRecorder/client/plugin/index.js

@@ -5,6 +5,7 @@ import { $createParagraphNode, $createTextNode, $getRoot, getDOMSelection } from
 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 || '';

package/dist/features/debug/testRecorder/client/plugin/index.js.map

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

package/dist/features/debug/treeView/client/plugin/index.js

@@ -3,6 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
 import { TreeView } from '@lexical/react/LexicalTreeView.js';
 import * as React from 'react';
+import './index.scss';
 export const TreeViewPlugin = ()=>{
     const [editor] = useLexicalComposerContext();
     return /*#__PURE__*/ _jsx(TreeView, {

package/dist/features/debug/treeView/client/plugin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/debug/treeView/client/plugin/index.tsx"],"sourcesContent":["'use client'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { TreeView } from '@lexical/react/LexicalTreeView.js'\nimport * as React from 'react'\n\nimport type { PluginComponent } from '../../../../typesClient.js'\n\nimport './index.scss'\n\nexport const TreeViewPlugin: PluginComponent<undefined> = () => {\n  const [editor] = useLexicalComposerContext()\n  return (\n    <TreeView\n      editor={editor}\n      timeTravelButtonClassName=\"debug-timetravel-button\"\n      timeTravelPanelButtonClassName=\"debug-timetravel-panel-button\"\n      timeTravelPanelClassName=\"debug-timetravel-panel\"\n      timeTravelPanelSliderClassName=\"debug-timetravel-panel-slider\"\n      treeTypeButtonClassName=\"debug-treetype-button\"\n      viewClassName=\"tree-view-output\"\n    />\n  )\n}\n"],"names":["useLexicalComposerContext","TreeView","React","TreeViewPlugin","editor","timeTravelButtonClassName","timeTravelPanelButtonClassName","timeTravelPanelClassName","timeTravelPanelSliderClassName","treeTypeButtonClassName","viewClassName"],"mappings":"AAAA;;AACA,SAASA,yBAAyB,QAAQ,2CAA0C;AACpF,SAASC,QAAQ,QAAQ,oCAAmC;AAC5D,YAAYC,WAAW,QAAO;AAM9B,OAAO,MAAMC,iBAA6C;IACxD,MAAM,CAACC,OAAO,GAAGJ;IACjB,qBACE,KAACC;QACCG,QAAQA;QACRC,2BAA0B;QAC1BC,gCAA+B;QAC/BC,0BAAyB;QACzBC,gCAA+B;QAC/BC,yBAAwB;QACxBC,eAAc;;AAGpB,EAAC"}
+{"version":3,"sources":["../../../../../../src/features/debug/treeView/client/plugin/index.tsx"],"sourcesContent":["'use client'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { TreeView } from '@lexical/react/LexicalTreeView.js'\nimport * as React from 'react'\n\nimport type { PluginComponent } from '../../../../typesClient.js'\n\nimport './index.scss'\n\nexport const TreeViewPlugin: PluginComponent<undefined> = () => {\n  const [editor] = useLexicalComposerContext()\n  return (\n    <TreeView\n      editor={editor}\n      timeTravelButtonClassName=\"debug-timetravel-button\"\n      timeTravelPanelButtonClassName=\"debug-timetravel-panel-button\"\n      timeTravelPanelClassName=\"debug-timetravel-panel\"\n      timeTravelPanelSliderClassName=\"debug-timetravel-panel-slider\"\n      treeTypeButtonClassName=\"debug-treetype-button\"\n      viewClassName=\"tree-view-output\"\n    />\n  )\n}\n"],"names":["useLexicalComposerContext","TreeView","React","TreeViewPlugin","editor","timeTravelButtonClassName","timeTravelPanelButtonClassName","timeTravelPanelClassName","timeTravelPanelSliderClassName","treeTypeButtonClassName","viewClassName"],"mappings":"AAAA;;AACA,SAASA,yBAAyB,QAAQ,2CAA0C;AACpF,SAASC,QAAQ,QAAQ,oCAAmC;AAC5D,YAAYC,WAAW,QAAO;AAI9B,OAAO,eAAc;AAErB,OAAO,MAAMC,iBAA6C;IACxD,MAAM,CAACC,OAAO,GAAGJ;IACjB,qBACE,KAACC;QACCG,QAAQA;QACRC,2BAA0B;QAC1BC,gCAA+B;QAC/BC,0BAAyB;QACzBC,gCAA+B;QAC/BC,yBAAwB;QACxBC,eAAc;;AAGpB,EAAC"}

package/dist/features/experimental_table/client/plugins/TableActionMenuPlugin/index.js

@@ -9,6 +9,7 @@ import { $getSelection, $isElementNode, $isRangeSelection, $isTextNode, $setSele
 import * as React from 'react';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
+import './index.scss';
 import { MeatballsIcon } from '../../../../../lexical/ui/icons/Meatballs/index.js';
 function computeSelectionCount(selection) {
     const selectionShape = selection.getShape();

package/dist/features/experimental_table/client/plugins/TableActionMenuPlugin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TableObserver, TableSelection } from '@lexical/table'\nimport type { ElementNode } from 'lexical'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport {\n  $computeTableMapSkipCellCheck,\n  $deleteTableColumnAtSelection,\n  $deleteTableRowAtSelection,\n  $getNodeTriplet,\n  $getTableCellNodeFromLexicalNode,\n  $getTableColumnIndexFromTableCellNode,\n  $getTableNodeFromLexicalNodeOrThrow,\n  $getTableRowIndexFromTableCellNode,\n  $insertTableColumnAtSelection,\n  $insertTableRowAtSelection,\n  $isTableCellNode,\n  $isTableSelection,\n  $mergeCells,\n  $unmergeCell,\n  getTableElement,\n  getTableObserverFromTableElement,\n  TableCellHeaderStates,\n  TableCellNode,\n} from '@lexical/table'\nimport { mergeRegister } from '@lexical/utils'\nimport { useScrollInfo } from '@payloadcms/ui'\nimport {\n  $getSelection,\n  $isElementNode,\n  $isRangeSelection,\n  $isTextNode,\n  $setSelection,\n  COMMAND_PRIORITY_CRITICAL,\n  getDOMSelection,\n  isDOMNode,\n  SELECTION_CHANGE_COMMAND,\n} from 'lexical'\nimport * as React from 'react'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { PluginComponentWithAnchor } from '../../../../typesClient.js'\n\nimport './index.scss'\nimport { MeatballsIcon } from '../../../../../lexical/ui/icons/Meatballs/index.js'\n\nfunction computeSelectionCount(selection: TableSelection): {\n  columns: number\n  rows: number\n} {\n  const selectionShape = selection.getShape()\n  return {\n    columns: selectionShape.toX - selectionShape.fromX + 1,\n    rows: selectionShape.toY - selectionShape.fromY + 1,\n  }\n}\n\nfunction $canUnmerge(): boolean {\n  const selection = $getSelection()\n  if (\n    ($isRangeSelection(selection) && !selection.isCollapsed()) ||\n    ($isTableSelection(selection) && !selection.anchor.is(selection.focus)) ||\n    (!$isRangeSelection(selection) && !$isTableSelection(selection))\n  ) {\n    return false\n  }\n  const [cell] = $getNodeTriplet(selection.anchor)\n  return cell.__colSpan > 1 || cell.__rowSpan > 1\n}\n\nfunction $selectLastDescendant(node: ElementNode): void {\n  const lastDescendant = node.getLastDescendant()\n  if ($isTextNode(lastDescendant)) {\n    lastDescendant.select()\n  } else if ($isElementNode(lastDescendant)) {\n    lastDescendant.selectEnd()\n  } else if (lastDescendant !== null) {\n    lastDescendant.selectNext()\n  }\n}\n\ntype TableCellActionMenuProps = Readonly<{\n  cellMerge: boolean\n  contextRef: { current: HTMLElement | null }\n  onClose: () => void\n  setIsMenuOpen: (isOpen: boolean) => void\n  tableCellNode: TableCellNode\n}>\n\nfunction TableActionMenu({\n  cellMerge,\n  contextRef,\n  onClose,\n  setIsMenuOpen,\n  tableCellNode: _tableCellNode,\n}: TableCellActionMenuProps) {\n  const [editor] = useLexicalComposerContext()\n  const dropDownRef = useRef<HTMLDivElement | null>(null)\n  const [tableCellNode, updateTableCellNode] = useState(_tableCellNode)\n  const [selectionCounts, updateSelectionCounts] = useState({\n    columns: 1,\n    rows: 1,\n  })\n  const [canMergeCells, setCanMergeCells] = useState(false)\n  const [canUnmergeCell, setCanUnmergeCell] = useState(false)\n  const { y } = useScrollInfo()\n\n  useEffect(() => {\n    return editor.registerMutationListener(\n      TableCellNode,\n      (nodeMutations) => {\n        const nodeUpdated = nodeMutations.get(tableCellNode.getKey()) === 'updated'\n\n        if (nodeUpdated) {\n          editor.getEditorState().read(() => {\n            updateTableCellNode(tableCellNode.getLatest())\n          })\n        }\n      },\n      { skipInitialization: true },\n    )\n  }, [editor, tableCellNode])\n\n  useEffect(() => {\n    editor.getEditorState().read(() => {\n      const selection = $getSelection()\n      // Merge cells\n      if ($isTableSelection(selection)) {\n        const currentSelectionCounts = computeSelectionCount(selection)\n        updateSelectionCounts(computeSelectionCount(selection))\n\n        setCanMergeCells(currentSelectionCounts.columns > 1 || currentSelectionCounts.rows > 1)\n      }\n      // Unmerge cell\n      setCanUnmergeCell($canUnmerge())\n    })\n  }, [editor])\n\n  useEffect(() => {\n    const menuButtonElement = contextRef.current\n    const dropDownElement = dropDownRef.current\n    const rootElement = editor.getRootElement()\n\n    if (menuButtonElement != null && dropDownElement != null && rootElement != null) {\n      const rootEleRect = rootElement.getBoundingClientRect()\n      const menuButtonRect = menuButtonElement.getBoundingClientRect()\n      dropDownElement.style.opacity = '1'\n      const dropDownElementRect = dropDownElement.getBoundingClientRect()\n      const margin = 5\n      let leftPosition = menuButtonRect.right + margin\n      if (\n        leftPosition + dropDownElementRect.width > window.innerWidth ||\n        leftPosition + dropDownElementRect.width > rootEleRect.right\n      ) {\n        const position = menuButtonRect.left - dropDownElementRect.width - margin\n        leftPosition = (position < 0 ? margin : position) + window.pageXOffset\n      }\n      dropDownElement.style.left = `${leftPosition + window.pageXOffset}px`\n\n      let topPosition = menuButtonRect.top\n      if (topPosition + dropDownElementRect.height > window.innerHeight) {\n        const position = menuButtonRect.bottom - dropDownElementRect.height\n        topPosition = position < 0 ? margin : position\n      }\n      dropDownElement.style.top = `${topPosition}px`\n    }\n  }, [contextRef, dropDownRef, editor, y])\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (\n        dropDownRef.current != null &&\n        contextRef.current != null &&\n        isDOMNode(event.target) &&\n        !dropDownRef.current.contains(event.target) &&\n        !contextRef.current.contains(event.target)\n      ) {\n        setIsMenuOpen(false)\n      }\n    }\n\n    window.addEventListener('click', handleClickOutside)\n\n    return () => window.removeEventListener('click', handleClickOutside)\n  }, [setIsMenuOpen, contextRef])\n\n  const clearTableSelection = useCallback(() => {\n    editor.update(() => {\n      if (tableCellNode.isAttached()) {\n        const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n        const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()))\n\n        if (tableElement === null) {\n          throw new Error('Expected to find tableElement in DOM')\n        }\n\n        const tableObserver = getTableObserverFromTableElement(tableElement)\n        if (tableObserver !== null) {\n          tableObserver.$clearHighlight()\n        }\n\n        tableNode.markDirty()\n        updateTableCellNode(tableCellNode.getLatest())\n      }\n\n      $setSelection(null)\n    })\n  }, [editor, tableCellNode])\n\n  const mergeTableCellsAtSelection = () => {\n    editor.update(() => {\n      const selection = $getSelection()\n      if (!$isTableSelection(selection)) {\n        return\n      }\n      const nodes = selection.getNodes()\n      const tableCells = nodes.filter($isTableCellNode)\n      const targetCell = $mergeCells(tableCells)\n\n      if (targetCell) {\n        $selectLastDescendant(targetCell)\n        onClose()\n      }\n    })\n  }\n\n  const unmergeTableCellsAtSelection = () => {\n    editor.update(() => {\n      $unmergeCell()\n    })\n  }\n\n  const insertTableRowAtSelection = useCallback(\n    (shouldInsertAfter: boolean) => {\n      editor.update(() => {\n        for (let i = 0; i < selectionCounts.rows; i++) {\n          $insertTableRowAtSelection(shouldInsertAfter)\n        }\n        onClose()\n      })\n    },\n    [editor, onClose, selectionCounts.rows],\n  )\n\n  const insertTableColumnAtSelection = useCallback(\n    (shouldInsertAfter: boolean) => {\n      editor.update(() => {\n        for (let i = 0; i < selectionCounts.columns; i++) {\n          $insertTableColumnAtSelection(shouldInsertAfter)\n        }\n        onClose()\n      })\n    },\n    [editor, onClose, selectionCounts.columns],\n  )\n\n  const deleteTableRowAtSelection = useCallback(() => {\n    editor.update(() => {\n      $deleteTableRowAtSelection()\n      onClose()\n    })\n  }, [editor, onClose])\n\n  const deleteTableAtSelection = useCallback(() => {\n    editor.update(() => {\n      const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n      tableNode.remove()\n\n      clearTableSelection()\n      onClose()\n    })\n  }, [editor, tableCellNode, clearTableSelection, onClose])\n\n  const deleteTableColumnAtSelection = useCallback(() => {\n    editor.update(() => {\n      $deleteTableColumnAtSelection()\n      onClose()\n    })\n  }, [editor, onClose])\n\n  const toggleTableRowIsHeader = useCallback(() => {\n    editor.update(() => {\n      const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n\n      const tableRowIndex = $getTableRowIndexFromTableCellNode(tableCellNode)\n\n      const [gridMap] = $computeTableMapSkipCellCheck(tableNode, null, null)\n\n      const rowCells = new Set<TableCellNode>()\n\n      const newStyle = tableCellNode.getHeaderStyles() ^ TableCellHeaderStates.ROW\n      if (gridMap[tableRowIndex]) {\n        for (let col = 0; col < gridMap[tableRowIndex].length; col++) {\n          const mapCell = gridMap[tableRowIndex][col]\n\n          if (!mapCell?.cell) {\n            continue\n          }\n\n          if (!rowCells.has(mapCell.cell)) {\n            rowCells.add(mapCell.cell)\n            mapCell.cell.setHeaderStyles(newStyle, TableCellHeaderStates.ROW)\n          }\n        }\n      }\n\n      clearTableSelection()\n      onClose()\n    })\n  }, [editor, tableCellNode, clearTableSelection, onClose])\n\n  const toggleTableColumnIsHeader = useCallback(() => {\n    editor.update(() => {\n      const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n\n      const tableColumnIndex = $getTableColumnIndexFromTableCellNode(tableCellNode)\n\n      const [gridMap] = $computeTableMapSkipCellCheck(tableNode, null, null)\n\n      const columnCells = new Set<TableCellNode>()\n\n      const newStyle = tableCellNode.getHeaderStyles() ^ TableCellHeaderStates.COLUMN\n      if (gridMap) {\n        for (let row = 0; row < gridMap.length; row++) {\n          const mapCell = gridMap?.[row]?.[tableColumnIndex]\n\n          if (!mapCell?.cell) {\n            continue\n          }\n\n          if (!columnCells.has(mapCell.cell)) {\n            columnCells.add(mapCell.cell)\n            mapCell.cell.setHeaderStyles(newStyle, TableCellHeaderStates.COLUMN)\n          }\n        }\n      }\n\n      clearTableSelection()\n      onClose()\n    })\n  }, [editor, tableCellNode, clearTableSelection, onClose])\n\n  const toggleRowStriping = useCallback(() => {\n    editor.update(() => {\n      if (tableCellNode.isAttached()) {\n        const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n        if (tableNode) {\n          tableNode.setRowStriping(!tableNode.getRowStriping())\n        }\n      }\n\n      clearTableSelection()\n      onClose()\n    })\n  }, [editor, tableCellNode, clearTableSelection, onClose])\n\n  const toggleFirstColumnFreeze = useCallback(() => {\n    editor.update(() => {\n      if (tableCellNode.isAttached()) {\n        const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n        if (tableNode) {\n          tableNode.setFrozenColumns(tableNode.getFrozenColumns() === 0 ? 1 : 0)\n        }\n      }\n      clearTableSelection()\n      onClose()\n    })\n  }, [editor, tableCellNode, clearTableSelection, onClose])\n\n  let mergeCellButton: JSX.Element | null = null\n  if (cellMerge) {\n    if (canMergeCells) {\n      mergeCellButton = (\n        <button\n          className=\"item\"\n          data-test-id=\"table-merge-cells\"\n          onClick={() => mergeTableCellsAtSelection()}\n          type=\"button\"\n        >\n          <span className=\"text\">Merge cells</span>\n        </button>\n      )\n    } else if (canUnmergeCell) {\n      mergeCellButton = (\n        <button\n          className=\"item\"\n          data-test-id=\"table-unmerge-cells\"\n          onClick={() => unmergeTableCellsAtSelection()}\n          type=\"button\"\n        >\n          <span className=\"text\">Unmerge cells</span>\n        </button>\n      )\n    }\n  }\n\n  return createPortal(\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events\n    <div\n      className=\"table-action-menu-dropdown\"\n      onClick={(e) => {\n        e.stopPropagation()\n      }}\n      ref={dropDownRef}\n    >\n      {mergeCellButton ? (\n        <React.Fragment>\n          {mergeCellButton}\n          <hr />\n        </React.Fragment>\n      ) : null}\n\n      <button\n        className=\"item\"\n        data-test-id=\"table-row-striping\"\n        onClick={() => toggleRowStriping()}\n        type=\"button\"\n      >\n        <span className=\"text\">Toggle Row Striping</span>\n      </button>\n      <button\n        className=\"item\"\n        data-test-id=\"table-freeze-first-column\"\n        onClick={() => toggleFirstColumnFreeze()}\n        type=\"button\"\n      >\n        <span className=\"text\">Toggle First Column Freeze</span>\n      </button>\n      <button\n        className=\"item\"\n        data-test-id=\"table-insert-row-above\"\n        onClick={() => insertTableRowAtSelection(false)}\n        type=\"button\"\n      >\n        <span className=\"text\">\n          Insert {selectionCounts.rows === 1 ? 'row' : `${selectionCounts.rows} rows`} above\n        </span>\n      </button>\n      <button\n        className=\"item\"\n        data-test-id=\"table-insert-row-below\"\n        onClick={() => insertTableRowAtSelection(true)}\n        type=\"button\"\n      >\n        <span className=\"text\">\n          Insert {selectionCounts.rows === 1 ? 'row' : `${selectionCounts.rows} rows`} below\n        </span>\n      </button>\n      <hr />\n      <button\n        className=\"item\"\n        data-test-id=\"table-insert-column-before\"\n        onClick={() => insertTableColumnAtSelection(false)}\n        type=\"button\"\n      >\n        <span className=\"text\">\n          Insert {selectionCounts.columns === 1 ? 'column' : `${selectionCounts.columns} columns`}{' '}\n          left\n        </span>\n      </button>\n      <button\n        className=\"item\"\n        data-test-id=\"table-insert-column-after\"\n        onClick={() => insertTableColumnAtSelection(true)}\n        type=\"button\"\n      >\n        <span className=\"text\">\n          Insert {selectionCounts.columns === 1 ? 'column' : `${selectionCounts.columns} columns`}{' '}\n          right\n        </span>\n      </button>\n      <hr />\n      <button\n        className=\"item\"\n        data-test-id=\"table-delete-columns\"\n        onClick={() => deleteTableColumnAtSelection()}\n        type=\"button\"\n      >\n        <span className=\"text\">Delete column</span>\n      </button>\n      <button\n        className=\"item\"\n        data-test-id=\"table-delete-rows\"\n        onClick={() => deleteTableRowAtSelection()}\n        type=\"button\"\n      >\n        <span className=\"text\">Delete row</span>\n      </button>\n      <button\n        className=\"item\"\n        data-test-id=\"table-delete\"\n        onClick={() => deleteTableAtSelection()}\n        type=\"button\"\n      >\n        <span className=\"text\">Delete table</span>\n      </button>\n      <hr />\n      <button\n        className=\"item\"\n        data-test-id=\"table-row-header\"\n        onClick={() => toggleTableRowIsHeader()}\n        type=\"button\"\n      >\n        <span className=\"text\">\n          {(tableCellNode.__headerState & TableCellHeaderStates.ROW) === TableCellHeaderStates.ROW\n            ? 'Remove'\n            : 'Add'}{' '}\n          row header\n        </span>\n      </button>\n      <button\n        className=\"item\"\n        data-test-id=\"table-column-header\"\n        onClick={() => toggleTableColumnIsHeader()}\n        type=\"button\"\n      >\n        <span className=\"text\">\n          {(tableCellNode.__headerState & TableCellHeaderStates.COLUMN) ===\n          TableCellHeaderStates.COLUMN\n            ? 'Remove'\n            : 'Add'}{' '}\n          column header\n        </span>\n      </button>\n    </div>,\n    document.body,\n  )\n}\n\nfunction TableCellActionMenuContainer({\n  anchorElem,\n  cellMerge,\n}: {\n  anchorElem: HTMLElement\n  cellMerge: boolean\n}): JSX.Element {\n  const [editor] = useLexicalComposerContext()\n\n  const menuButtonRef = useRef<HTMLDivElement | null>(null)\n  const menuRootRef = useRef<HTMLButtonElement | null>(null)\n  const [isMenuOpen, setIsMenuOpen] = useState(false)\n\n  const [tableCellNode, setTableMenuCellNode] = useState<null | TableCellNode>(null)\n\n  const $moveMenu = useCallback(() => {\n    const menu = menuButtonRef.current\n    const selection = $getSelection()\n    const nativeSelection = getDOMSelection(editor._window)\n    const activeElement = document.activeElement\n    function disable() {\n      if (menu) {\n        menu.classList.remove('table-cell-action-button-container--active')\n        menu.classList.add('table-cell-action-button-container--inactive')\n      }\n      setTableMenuCellNode(null)\n    }\n\n    if (selection == null || menu == null) {\n      return disable()\n    }\n\n    const rootElement = editor.getRootElement()\n    let tableObserver: null | TableObserver = null\n    let tableCellParentNodeDOM: HTMLElement | null = null\n\n    if (\n      $isRangeSelection(selection) &&\n      rootElement !== null &&\n      nativeSelection !== null &&\n      rootElement.contains(nativeSelection.anchorNode)\n    ) {\n      const tableCellNodeFromSelection = $getTableCellNodeFromLexicalNode(\n        selection.anchor.getNode(),\n      )\n\n      if (tableCellNodeFromSelection == null) {\n        return disable()\n      }\n\n      tableCellParentNodeDOM = editor.getElementByKey(tableCellNodeFromSelection.getKey())\n\n      if (tableCellParentNodeDOM == null || !tableCellNodeFromSelection.isAttached()) {\n        return disable()\n      }\n\n      const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNodeFromSelection)\n      const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()))\n\n      if (tableElement === null) {\n        throw new Error('TableActionMenu: Expected to find tableElement in DOM')\n      }\n\n      tableObserver = getTableObserverFromTableElement(tableElement)\n      setTableMenuCellNode(tableCellNodeFromSelection)\n    } else if ($isTableSelection(selection)) {\n      const anchorNode = $getTableCellNodeFromLexicalNode(selection.anchor.getNode())\n      if (!$isTableCellNode(anchorNode)) {\n        throw new Error('TableSelection anchorNode must be a TableCellNode')\n      }\n      const tableNode = $getTableNodeFromLexicalNodeOrThrow(anchorNode)\n      const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()))\n\n      if (tableElement === null) {\n        throw new Error('TableActionMenu: Expected to find tableElement in DOM')\n      }\n\n      tableObserver = getTableObserverFromTableElement(tableElement)\n      tableCellParentNodeDOM = editor.getElementByKey(anchorNode.getKey())\n    } else if (!activeElement) {\n      return disable()\n    }\n    if (tableObserver === null || tableCellParentNodeDOM === null) {\n      return disable()\n    }\n    const enabled = !tableObserver || !tableObserver.isSelecting\n    menu.classList.toggle('table-cell-action-button-container--active', enabled)\n    menu.classList.toggle('table-cell-action-button-container--inactive', !enabled)\n    if (enabled) {\n      const tableCellRect = tableCellParentNodeDOM.getBoundingClientRect()\n      const anchorRect = anchorElem.getBoundingClientRect()\n      const top = tableCellRect.top - anchorRect.top\n      const left = tableCellRect.right - anchorRect.left\n      menu.style.transform = `translate(${left}px, ${top}px)`\n    }\n  }, [editor, anchorElem])\n\n  useEffect(() => {\n    // We call the $moveMenu callback every time the selection changes,\n    // once up front, and once after each pointerup\n    let timeoutId: ReturnType<typeof setTimeout> | undefined = undefined\n    const callback = () => {\n      timeoutId = undefined\n      editor.getEditorState().read($moveMenu)\n    }\n    const delayedCallback = () => {\n      if (timeoutId === undefined) {\n        timeoutId = setTimeout(callback, 0)\n      }\n      return false\n    }\n    return mergeRegister(\n      editor.registerUpdateListener(delayedCallback),\n      editor.registerCommand(SELECTION_CHANGE_COMMAND, delayedCallback, COMMAND_PRIORITY_CRITICAL),\n      editor.registerRootListener((rootElement, prevRootElement) => {\n        if (prevRootElement) {\n          prevRootElement.removeEventListener('pointerup', delayedCallback)\n        }\n        if (rootElement) {\n          rootElement.addEventListener('pointerup', delayedCallback)\n          delayedCallback()\n        }\n      }),\n      () => clearTimeout(timeoutId),\n    )\n  })\n\n  const prevTableCellDOM = useRef(tableCellNode)\n\n  useEffect(() => {\n    if (prevTableCellDOM.current !== tableCellNode) {\n      setIsMenuOpen(false)\n    }\n\n    prevTableCellDOM.current = tableCellNode\n  }, [prevTableCellDOM, tableCellNode])\n\n  return (\n    <div className=\"table-cell-action-button-container\" ref={menuButtonRef}>\n      {tableCellNode != null && (\n        <React.Fragment>\n          <button\n            className=\"table-cell-action-button\"\n            onClick={(e) => {\n              e.stopPropagation()\n              setIsMenuOpen(!isMenuOpen)\n            }}\n            ref={menuRootRef}\n            type=\"button\"\n          >\n            <MeatballsIcon />\n          </button>\n          {isMenuOpen && (\n            <TableActionMenu\n              cellMerge={cellMerge}\n              contextRef={menuRootRef}\n              onClose={() => setIsMenuOpen(false)}\n              setIsMenuOpen={setIsMenuOpen}\n              tableCellNode={tableCellNode}\n            />\n          )}\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n\nexport const TableActionMenuPlugin: PluginComponentWithAnchor = ({ anchorElem }) => {\n  const isEditable = useLexicalEditable()\n  return createPortal(\n    isEditable ? (\n      <TableCellActionMenuContainer anchorElem={anchorElem ?? document.body} cellMerge />\n    ) : null,\n    anchorElem ?? document.body,\n  )\n}\n"],"names":["useLexicalComposerContext","useLexicalEditable","$computeTableMapSkipCellCheck","$deleteTableColumnAtSelection","$deleteTableRowAtSelection","$getNodeTriplet","$getTableCellNodeFromLexicalNode","$getTableColumnIndexFromTableCellNode","$getTableNodeFromLexicalNodeOrThrow","$getTableRowIndexFromTableCellNode","$insertTableColumnAtSelection","$insertTableRowAtSelection","$isTableCellNode","$isTableSelection","$mergeCells","$unmergeCell","getTableElement","getTableObserverFromTableElement","TableCellHeaderStates","TableCellNode","mergeRegister","useScrollInfo","$getSelection","$isElementNode","$isRangeSelection","$isTextNode","$setSelection","COMMAND_PRIORITY_CRITICAL","getDOMSelection","isDOMNode","SELECTION_CHANGE_COMMAND","React","useCallback","useEffect","useRef","useState","createPortal","MeatballsIcon","computeSelectionCount","selection","selectionShape","getShape","columns","toX","fromX","rows","toY","fromY","$canUnmerge","isCollapsed","anchor","is","focus","cell","__colSpan","__rowSpan","$selectLastDescendant","node","lastDescendant","getLastDescendant","select","selectEnd","selectNext","TableActionMenu","cellMerge","contextRef","onClose","setIsMenuOpen","tableCellNode","_tableCellNode","editor","dropDownRef","updateTableCellNode","selectionCounts","updateSelectionCounts","canMergeCells","setCanMergeCells","canUnmergeCell","setCanUnmergeCell","y","registerMutationListener","nodeMutations","nodeUpdated","get","getKey","getEditorState","read","getLatest","skipInitialization","currentSelectionCounts","menuButtonElement","current","dropDownElement","rootElement","getRootElement","rootEleRect","getBoundingClientRect","menuButtonRect","style","opacity","dropDownElementRect","margin","leftPosition","right","width","window","innerWidth","position","left","pageXOffset","topPosition","top","height","innerHeight","bottom","handleClickOutside","event","target","contains","addEventListener","removeEventListener","clearTableSelection","update","isAttached","tableNode","tableElement","getElementByKey","Error","tableObserver","$clearHighlight","markDirty","mergeTableCellsAtSelection","nodes","getNodes","tableCells","filter","targetCell","unmergeTableCellsAtSelection","insertTableRowAtSelection","shouldInsertAfter","i","insertTableColumnAtSelection","deleteTableRowAtSelection","deleteTableAtSelection","remove","deleteTableColumnAtSelection","toggleTableRowIsHeader","tableRowIndex","gridMap","rowCells","Set","newStyle","getHeaderStyles","ROW","col","length","mapCell","has","add","setHeaderStyles","toggleTableColumnIsHeader","tableColumnIndex","columnCells","COLUMN","row","toggleRowStriping","setRowStriping","getRowStriping","toggleFirstColumnFreeze","setFrozenColumns","getFrozenColumns","mergeCellButton","button","className","data-test-id","onClick","type","span","div","e","stopPropagation","ref","Fragment","hr","__headerState","document","body","TableCellActionMenuContainer","anchorElem","menuButtonRef","menuRootRef","isMenuOpen","setTableMenuCellNode","$moveMenu","menu","nativeSelection","_window","activeElement","disable","classList","tableCellParentNodeDOM","anchorNode","tableCellNodeFromSelection","getNode","enabled","isSelecting","toggle","tableCellRect","anchorRect","transform","timeoutId","undefined","callback","delayedCallback","setTimeout","registerUpdateListener","registerCommand","registerRootListener","prevRootElement","clearTimeout","prevTableCellDOM","TableActionMenuPlugin","isEditable"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TableObserver, TableSelection } from '@lexical/table'\nimport type { ElementNode } from 'lexical'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport {\n  $computeTableMapSkipCellCheck,\n  $deleteTableColumnAtSelection,\n  $deleteTableRowAtSelection,\n  $getNodeTriplet,\n  $getTableCellNodeFromLexicalNode,\n  $getTableColumnIndexFromTableCellNode,\n  $getTableNodeFromLexicalNodeOrThrow,\n  $getTableRowIndexFromTableCellNode,\n  $insertTableColumnAtSelection,\n  $insertTableRowAtSelection,\n  $isTableCellNode,\n  $isTableSelection,\n  $mergeCells,\n  $unmergeCell,\n  getTableElement,\n  getTableObserverFromTableElement,\n  TableCellHeaderStates,\n  TableCellNode,\n} from '@lexical/table'\nimport { mergeRegister } from '@lexical/utils'\nimport { useScrollInfo } from '@payloadcms/ui'\nimport {\n  $getSelection,\n  $isElementNode,\n  $isRangeSelection,\n  $isTextNode,\n  $setSelection,\n  COMMAND_PRIORITY_CRITICAL,\n  getDOMSelection,\n  isDOMNode,\n  SELECTION_CHANGE_COMMAND,\n} from 'lexical'\nimport * as React from 'react'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { PluginComponentWithAnchor } from '../../../../typesClient.js'\n\nimport './index.scss'\nimport { MeatballsIcon } from '../../../../../lexical/ui/icons/Meatballs/index.js'\n\nfunction computeSelectionCount(selection: TableSelection): {\n  columns: number\n  rows: number\n} {\n  const selectionShape = selection.getShape()\n  return {\n    columns: selectionShape.toX - selectionShape.fromX + 1,\n    rows: selectionShape.toY - selectionShape.fromY + 1,\n  }\n}\n\nfunction $canUnmerge(): boolean {\n  const selection = $getSelection()\n  if (\n    ($isRangeSelection(selection) && !selection.isCollapsed()) ||\n    ($isTableSelection(selection) && !selection.anchor.is(selection.focus)) ||\n    (!$isRangeSelection(selection) && !$isTableSelection(selection))\n  ) {\n    return false\n  }\n  const [cell] = $getNodeTriplet(selection.anchor)\n  return cell.__colSpan > 1 || cell.__rowSpan > 1\n}\n\nfunction $selectLastDescendant(node: ElementNode): void {\n  const lastDescendant = node.getLastDescendant()\n  if ($isTextNode(lastDescendant)) {\n    lastDescendant.select()\n  } else if ($isElementNode(lastDescendant)) {\n    lastDescendant.selectEnd()\n  } else if (lastDescendant !== null) {\n    lastDescendant.selectNext()\n  }\n}\n\ntype TableCellActionMenuProps = Readonly<{\n  cellMerge: boolean\n  contextRef: { current: HTMLElement | null }\n  onClose: () => void\n  setIsMenuOpen: (isOpen: boolean) => void\n  tableCellNode: TableCellNode\n}>\n\nfunction TableActionMenu({\n  cellMerge,\n  contextRef,\n  onClose,\n  setIsMenuOpen,\n  tableCellNode: _tableCellNode,\n}: TableCellActionMenuProps) {\n  const [editor] = useLexicalComposerContext()\n  const dropDownRef = useRef<HTMLDivElement | null>(null)\n  const [tableCellNode, updateTableCellNode] = useState(_tableCellNode)\n  const [selectionCounts, updateSelectionCounts] = useState({\n    columns: 1,\n    rows: 1,\n  })\n  const [canMergeCells, setCanMergeCells] = useState(false)\n  const [canUnmergeCell, setCanUnmergeCell] = useState(false)\n  const { y } = useScrollInfo()\n\n  useEffect(() => {\n    return editor.registerMutationListener(\n      TableCellNode,\n      (nodeMutations) => {\n        const nodeUpdated = nodeMutations.get(tableCellNode.getKey()) === 'updated'\n\n        if (nodeUpdated) {\n          editor.getEditorState().read(() => {\n            updateTableCellNode(tableCellNode.getLatest())\n          })\n        }\n      },\n      { skipInitialization: true },\n    )\n  }, [editor, tableCellNode])\n\n  useEffect(() => {\n    editor.getEditorState().read(() => {\n      const selection = $getSelection()\n      // Merge cells\n      if ($isTableSelection(selection)) {\n        const currentSelectionCounts = computeSelectionCount(selection)\n        updateSelectionCounts(computeSelectionCount(selection))\n\n        setCanMergeCells(currentSelectionCounts.columns > 1 || currentSelectionCounts.rows > 1)\n      }\n      // Unmerge cell\n      setCanUnmergeCell($canUnmerge())\n    })\n  }, [editor])\n\n  useEffect(() => {\n    const menuButtonElement = contextRef.current\n    const dropDownElement = dropDownRef.current\n    const rootElement = editor.getRootElement()\n\n    if (menuButtonElement != null && dropDownElement != null && rootElement != null) {\n      const rootEleRect = rootElement.getBoundingClientRect()\n      const menuButtonRect = menuButtonElement.getBoundingClientRect()\n      dropDownElement.style.opacity = '1'\n      const dropDownElementRect = dropDownElement.getBoundingClientRect()\n      const margin = 5\n      let leftPosition = menuButtonRect.right + margin\n      if (\n        leftPosition + dropDownElementRect.width > window.innerWidth ||\n        leftPosition + dropDownElementRect.width > rootEleRect.right\n      ) {\n        const position = menuButtonRect.left - dropDownElementRect.width - margin\n        leftPosition = (position < 0 ? margin : position) + window.pageXOffset\n      }\n      dropDownElement.style.left = `${leftPosition + window.pageXOffset}px`\n\n      let topPosition = menuButtonRect.top\n      if (topPosition + dropDownElementRect.height > window.innerHeight) {\n        const position = menuButtonRect.bottom - dropDownElementRect.height\n        topPosition = position < 0 ? margin : position\n      }\n      dropDownElement.style.top = `${topPosition}px`\n    }\n  }, [contextRef, dropDownRef, editor, y])\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (\n        dropDownRef.current != null &&\n        contextRef.current != null &&\n        isDOMNode(event.target) &&\n        !dropDownRef.current.contains(event.target) &&\n        !contextRef.current.contains(event.target)\n      ) {\n        setIsMenuOpen(false)\n      }\n    }\n\n    window.addEventListener('click', handleClickOutside)\n\n    return () => window.removeEventListener('click', handleClickOutside)\n  }, [setIsMenuOpen, contextRef])\n\n  const clearTableSelection = useCallback(() => {\n    editor.update(() => {\n      if (tableCellNode.isAttached()) {\n        const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n        const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()))\n\n        if (tableElement === null) {\n          throw new Error('Expected to find tableElement in DOM')\n        }\n\n        const tableObserver = getTableObserverFromTableElement(tableElement)\n        if (tableObserver !== null) {\n          tableObserver.$clearHighlight()\n        }\n\n        tableNode.markDirty()\n        updateTableCellNode(tableCellNode.getLatest())\n      }\n\n      $setSelection(null)\n    })\n  }, [editor, tableCellNode])\n\n  const mergeTableCellsAtSelection = () => {\n    editor.update(() => {\n      const selection = $getSelection()\n      if (!$isTableSelection(selection)) {\n        return\n      }\n      const nodes = selection.getNodes()\n      const tableCells = nodes.filter($isTableCellNode)\n      const targetCell = $mergeCells(tableCells)\n\n      if (targetCell) {\n        $selectLastDescendant(targetCell)\n        onClose()\n      }\n    })\n  }\n\n  const unmergeTableCellsAtSelection = () => {\n    editor.update(() => {\n      $unmergeCell()\n    })\n  }\n\n  const insertTableRowAtSelection = useCallback(\n    (shouldInsertAfter: boolean) => {\n      editor.update(() => {\n        for (let i = 0; i < selectionCounts.rows; i++) {\n          $insertTableRowAtSelection(shouldInsertAfter)\n        }\n        onClose()\n      })\n    },\n    [editor, onClose, selectionCounts.rows],\n  )\n\n  const insertTableColumnAtSelection = useCallback(\n    (shouldInsertAfter: boolean) => {\n      editor.update(() => {\n        for (let i = 0; i < selectionCounts.columns; i++) {\n          $insertTableColumnAtSelection(shouldInsertAfter)\n        }\n        onClose()\n      })\n    },\n    [editor, onClose, selectionCounts.columns],\n  )\n\n  const deleteTableRowAtSelection = useCallback(() => {\n    editor.update(() => {\n      $deleteTableRowAtSelection()\n      onClose()\n    })\n  }, [editor, onClose])\n\n  const deleteTableAtSelection = useCallback(() => {\n    editor.update(() => {\n      const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n      tableNode.remove()\n\n      clearTableSelection()\n      onClose()\n    })\n  }, [editor, tableCellNode, clearTableSelection, onClose])\n\n  const deleteTableColumnAtSelection = useCallback(() => {\n    editor.update(() => {\n      $deleteTableColumnAtSelection()\n      onClose()\n    })\n  }, [editor, onClose])\n\n  const toggleTableRowIsHeader = useCallback(() => {\n    editor.update(() => {\n      const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n\n      const tableRowIndex = $getTableRowIndexFromTableCellNode(tableCellNode)\n\n      const [gridMap] = $computeTableMapSkipCellCheck(tableNode, null, null)\n\n      const rowCells = new Set<TableCellNode>()\n\n      const newStyle = tableCellNode.getHeaderStyles() ^ TableCellHeaderStates.ROW\n      if (gridMap[tableRowIndex]) {\n        for (let col = 0; col < gridMap[tableRowIndex].length; col++) {\n          const mapCell = gridMap[tableRowIndex][col]\n\n          if (!mapCell?.cell) {\n            continue\n          }\n\n          if (!rowCells.has(mapCell.cell)) {\n            rowCells.add(mapCell.cell)\n            mapCell.cell.setHeaderStyles(newStyle, TableCellHeaderStates.ROW)\n          }\n        }\n      }\n\n      clearTableSelection()\n      onClose()\n    })\n  }, [editor, tableCellNode, clearTableSelection, onClose])\n\n  const toggleTableColumnIsHeader = useCallback(() => {\n    editor.update(() => {\n      const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n\n      const tableColumnIndex = $getTableColumnIndexFromTableCellNode(tableCellNode)\n\n      const [gridMap] = $computeTableMapSkipCellCheck(tableNode, null, null)\n\n      const columnCells = new Set<TableCellNode>()\n\n      const newStyle = tableCellNode.getHeaderStyles() ^ TableCellHeaderStates.COLUMN\n      if (gridMap) {\n        for (let row = 0; row < gridMap.length; row++) {\n          const mapCell = gridMap?.[row]?.[tableColumnIndex]\n\n          if (!mapCell?.cell) {\n            continue\n          }\n\n          if (!columnCells.has(mapCell.cell)) {\n            columnCells.add(mapCell.cell)\n            mapCell.cell.setHeaderStyles(newStyle, TableCellHeaderStates.COLUMN)\n          }\n        }\n      }\n\n      clearTableSelection()\n      onClose()\n    })\n  }, [editor, tableCellNode, clearTableSelection, onClose])\n\n  const toggleRowStriping = useCallback(() => {\n    editor.update(() => {\n      if (tableCellNode.isAttached()) {\n        const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n        if (tableNode) {\n          tableNode.setRowStriping(!tableNode.getRowStriping())\n        }\n      }\n\n      clearTableSelection()\n      onClose()\n    })\n  }, [editor, tableCellNode, clearTableSelection, onClose])\n\n  const toggleFirstColumnFreeze = useCallback(() => {\n    editor.update(() => {\n      if (tableCellNode.isAttached()) {\n        const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n        if (tableNode) {\n          tableNode.setFrozenColumns(tableNode.getFrozenColumns() === 0 ? 1 : 0)\n        }\n      }\n      clearTableSelection()\n      onClose()\n    })\n  }, [editor, tableCellNode, clearTableSelection, onClose])\n\n  let mergeCellButton: JSX.Element | null = null\n  if (cellMerge) {\n    if (canMergeCells) {\n      mergeCellButton = (\n        <button\n          className=\"item\"\n          data-test-id=\"table-merge-cells\"\n          onClick={() => mergeTableCellsAtSelection()}\n          type=\"button\"\n        >\n          <span className=\"text\">Merge cells</span>\n        </button>\n      )\n    } else if (canUnmergeCell) {\n      mergeCellButton = (\n        <button\n          className=\"item\"\n          data-test-id=\"table-unmerge-cells\"\n          onClick={() => unmergeTableCellsAtSelection()}\n          type=\"button\"\n        >\n          <span className=\"text\">Unmerge cells</span>\n        </button>\n      )\n    }\n  }\n\n  return createPortal(\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events\n    <div\n      className=\"table-action-menu-dropdown\"\n      onClick={(e) => {\n        e.stopPropagation()\n      }}\n      ref={dropDownRef}\n    >\n      {mergeCellButton ? (\n        <React.Fragment>\n          {mergeCellButton}\n          <hr />\n        </React.Fragment>\n      ) : null}\n\n      <button\n        className=\"item\"\n        data-test-id=\"table-row-striping\"\n        onClick={() => toggleRowStriping()}\n        type=\"button\"\n      >\n        <span className=\"text\">Toggle Row Striping</span>\n      </button>\n      <button\n        className=\"item\"\n        data-test-id=\"table-freeze-first-column\"\n        onClick={() => toggleFirstColumnFreeze()}\n        type=\"button\"\n      >\n        <span className=\"text\">Toggle First Column Freeze</span>\n      </button>\n      <button\n        className=\"item\"\n        data-test-id=\"table-insert-row-above\"\n        onClick={() => insertTableRowAtSelection(false)}\n        type=\"button\"\n      >\n        <span className=\"text\">\n          Insert {selectionCounts.rows === 1 ? 'row' : `${selectionCounts.rows} rows`} above\n        </span>\n      </button>\n      <button\n        className=\"item\"\n        data-test-id=\"table-insert-row-below\"\n        onClick={() => insertTableRowAtSelection(true)}\n        type=\"button\"\n      >\n        <span className=\"text\">\n          Insert {selectionCounts.rows === 1 ? 'row' : `${selectionCounts.rows} rows`} below\n        </span>\n      </button>\n      <hr />\n      <button\n        className=\"item\"\n        data-test-id=\"table-insert-column-before\"\n        onClick={() => insertTableColumnAtSelection(false)}\n        type=\"button\"\n      >\n        <span className=\"text\">\n          Insert {selectionCounts.columns === 1 ? 'column' : `${selectionCounts.columns} columns`}{' '}\n          left\n        </span>\n      </button>\n      <button\n        className=\"item\"\n        data-test-id=\"table-insert-column-after\"\n        onClick={() => insertTableColumnAtSelection(true)}\n        type=\"button\"\n      >\n        <span className=\"text\">\n          Insert {selectionCounts.columns === 1 ? 'column' : `${selectionCounts.columns} columns`}{' '}\n          right\n        </span>\n      </button>\n      <hr />\n      <button\n        className=\"item\"\n        data-test-id=\"table-delete-columns\"\n        onClick={() => deleteTableColumnAtSelection()}\n        type=\"button\"\n      >\n        <span className=\"text\">Delete column</span>\n      </button>\n      <button\n        className=\"item\"\n        data-test-id=\"table-delete-rows\"\n        onClick={() => deleteTableRowAtSelection()}\n        type=\"button\"\n      >\n        <span className=\"text\">Delete row</span>\n      </button>\n      <button\n        className=\"item\"\n        data-test-id=\"table-delete\"\n        onClick={() => deleteTableAtSelection()}\n        type=\"button\"\n      >\n        <span className=\"text\">Delete table</span>\n      </button>\n      <hr />\n      <button\n        className=\"item\"\n        data-test-id=\"table-row-header\"\n        onClick={() => toggleTableRowIsHeader()}\n        type=\"button\"\n      >\n        <span className=\"text\">\n          {(tableCellNode.__headerState & TableCellHeaderStates.ROW) === TableCellHeaderStates.ROW\n            ? 'Remove'\n            : 'Add'}{' '}\n          row header\n        </span>\n      </button>\n      <button\n        className=\"item\"\n        data-test-id=\"table-column-header\"\n        onClick={() => toggleTableColumnIsHeader()}\n        type=\"button\"\n      >\n        <span className=\"text\">\n          {(tableCellNode.__headerState & TableCellHeaderStates.COLUMN) ===\n          TableCellHeaderStates.COLUMN\n            ? 'Remove'\n            : 'Add'}{' '}\n          column header\n        </span>\n      </button>\n    </div>,\n    document.body,\n  )\n}\n\nfunction TableCellActionMenuContainer({\n  anchorElem,\n  cellMerge,\n}: {\n  anchorElem: HTMLElement\n  cellMerge: boolean\n}): JSX.Element {\n  const [editor] = useLexicalComposerContext()\n\n  const menuButtonRef = useRef<HTMLDivElement | null>(null)\n  const menuRootRef = useRef<HTMLButtonElement | null>(null)\n  const [isMenuOpen, setIsMenuOpen] = useState(false)\n\n  const [tableCellNode, setTableMenuCellNode] = useState<null | TableCellNode>(null)\n\n  const $moveMenu = useCallback(() => {\n    const menu = menuButtonRef.current\n    const selection = $getSelection()\n    const nativeSelection = getDOMSelection(editor._window)\n    const activeElement = document.activeElement\n    function disable() {\n      if (menu) {\n        menu.classList.remove('table-cell-action-button-container--active')\n        menu.classList.add('table-cell-action-button-container--inactive')\n      }\n      setTableMenuCellNode(null)\n    }\n\n    if (selection == null || menu == null) {\n      return disable()\n    }\n\n    const rootElement = editor.getRootElement()\n    let tableObserver: null | TableObserver = null\n    let tableCellParentNodeDOM: HTMLElement | null = null\n\n    if (\n      $isRangeSelection(selection) &&\n      rootElement !== null &&\n      nativeSelection !== null &&\n      rootElement.contains(nativeSelection.anchorNode)\n    ) {\n      const tableCellNodeFromSelection = $getTableCellNodeFromLexicalNode(\n        selection.anchor.getNode(),\n      )\n\n      if (tableCellNodeFromSelection == null) {\n        return disable()\n      }\n\n      tableCellParentNodeDOM = editor.getElementByKey(tableCellNodeFromSelection.getKey())\n\n      if (tableCellParentNodeDOM == null || !tableCellNodeFromSelection.isAttached()) {\n        return disable()\n      }\n\n      const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNodeFromSelection)\n      const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()))\n\n      if (tableElement === null) {\n        throw new Error('TableActionMenu: Expected to find tableElement in DOM')\n      }\n\n      tableObserver = getTableObserverFromTableElement(tableElement)\n      setTableMenuCellNode(tableCellNodeFromSelection)\n    } else if ($isTableSelection(selection)) {\n      const anchorNode = $getTableCellNodeFromLexicalNode(selection.anchor.getNode())\n      if (!$isTableCellNode(anchorNode)) {\n        throw new Error('TableSelection anchorNode must be a TableCellNode')\n      }\n      const tableNode = $getTableNodeFromLexicalNodeOrThrow(anchorNode)\n      const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()))\n\n      if (tableElement === null) {\n        throw new Error('TableActionMenu: Expected to find tableElement in DOM')\n      }\n\n      tableObserver = getTableObserverFromTableElement(tableElement)\n      tableCellParentNodeDOM = editor.getElementByKey(anchorNode.getKey())\n    } else if (!activeElement) {\n      return disable()\n    }\n    if (tableObserver === null || tableCellParentNodeDOM === null) {\n      return disable()\n    }\n    const enabled = !tableObserver || !tableObserver.isSelecting\n    menu.classList.toggle('table-cell-action-button-container--active', enabled)\n    menu.classList.toggle('table-cell-action-button-container--inactive', !enabled)\n    if (enabled) {\n      const tableCellRect = tableCellParentNodeDOM.getBoundingClientRect()\n      const anchorRect = anchorElem.getBoundingClientRect()\n      const top = tableCellRect.top - anchorRect.top\n      const left = tableCellRect.right - anchorRect.left\n      menu.style.transform = `translate(${left}px, ${top}px)`\n    }\n  }, [editor, anchorElem])\n\n  useEffect(() => {\n    // We call the $moveMenu callback every time the selection changes,\n    // once up front, and once after each pointerup\n    let timeoutId: ReturnType<typeof setTimeout> | undefined = undefined\n    const callback = () => {\n      timeoutId = undefined\n      editor.getEditorState().read($moveMenu)\n    }\n    const delayedCallback = () => {\n      if (timeoutId === undefined) {\n        timeoutId = setTimeout(callback, 0)\n      }\n      return false\n    }\n    return mergeRegister(\n      editor.registerUpdateListener(delayedCallback),\n      editor.registerCommand(SELECTION_CHANGE_COMMAND, delayedCallback, COMMAND_PRIORITY_CRITICAL),\n      editor.registerRootListener((rootElement, prevRootElement) => {\n        if (prevRootElement) {\n          prevRootElement.removeEventListener('pointerup', delayedCallback)\n        }\n        if (rootElement) {\n          rootElement.addEventListener('pointerup', delayedCallback)\n          delayedCallback()\n        }\n      }),\n      () => clearTimeout(timeoutId),\n    )\n  })\n\n  const prevTableCellDOM = useRef(tableCellNode)\n\n  useEffect(() => {\n    if (prevTableCellDOM.current !== tableCellNode) {\n      setIsMenuOpen(false)\n    }\n\n    prevTableCellDOM.current = tableCellNode\n  }, [prevTableCellDOM, tableCellNode])\n\n  return (\n    <div className=\"table-cell-action-button-container\" ref={menuButtonRef}>\n      {tableCellNode != null && (\n        <React.Fragment>\n          <button\n            className=\"table-cell-action-button\"\n            onClick={(e) => {\n              e.stopPropagation()\n              setIsMenuOpen(!isMenuOpen)\n            }}\n            ref={menuRootRef}\n            type=\"button\"\n          >\n            <MeatballsIcon />\n          </button>\n          {isMenuOpen && (\n            <TableActionMenu\n              cellMerge={cellMerge}\n              contextRef={menuRootRef}\n              onClose={() => setIsMenuOpen(false)}\n              setIsMenuOpen={setIsMenuOpen}\n              tableCellNode={tableCellNode}\n            />\n          )}\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n\nexport const TableActionMenuPlugin: PluginComponentWithAnchor = ({ anchorElem }) => {\n  const isEditable = useLexicalEditable()\n  return createPortal(\n    isEditable ? (\n      <TableCellActionMenuContainer anchorElem={anchorElem ?? document.body} cellMerge />\n    ) : null,\n    anchorElem ?? document.body,\n  )\n}\n"],"names":["useLexicalComposerContext","useLexicalEditable","$computeTableMapSkipCellCheck","$deleteTableColumnAtSelection","$deleteTableRowAtSelection","$getNodeTriplet","$getTableCellNodeFromLexicalNode","$getTableColumnIndexFromTableCellNode","$getTableNodeFromLexicalNodeOrThrow","$getTableRowIndexFromTableCellNode","$insertTableColumnAtSelection","$insertTableRowAtSelection","$isTableCellNode","$isTableSelection","$mergeCells","$unmergeCell","getTableElement","getTableObserverFromTableElement","TableCellHeaderStates","TableCellNode","mergeRegister","useScrollInfo","$getSelection","$isElementNode","$isRangeSelection","$isTextNode","$setSelection","COMMAND_PRIORITY_CRITICAL","getDOMSelection","isDOMNode","SELECTION_CHANGE_COMMAND","React","useCallback","useEffect","useRef","useState","createPortal","MeatballsIcon","computeSelectionCount","selection","selectionShape","getShape","columns","toX","fromX","rows","toY","fromY","$canUnmerge","isCollapsed","anchor","is","focus","cell","__colSpan","__rowSpan","$selectLastDescendant","node","lastDescendant","getLastDescendant","select","selectEnd","selectNext","TableActionMenu","cellMerge","contextRef","onClose","setIsMenuOpen","tableCellNode","_tableCellNode","editor","dropDownRef","updateTableCellNode","selectionCounts","updateSelectionCounts","canMergeCells","setCanMergeCells","canUnmergeCell","setCanUnmergeCell","y","registerMutationListener","nodeMutations","nodeUpdated","get","getKey","getEditorState","read","getLatest","skipInitialization","currentSelectionCounts","menuButtonElement","current","dropDownElement","rootElement","getRootElement","rootEleRect","getBoundingClientRect","menuButtonRect","style","opacity","dropDownElementRect","margin","leftPosition","right","width","window","innerWidth","position","left","pageXOffset","topPosition","top","height","innerHeight","bottom","handleClickOutside","event","target","contains","addEventListener","removeEventListener","clearTableSelection","update","isAttached","tableNode","tableElement","getElementByKey","Error","tableObserver","$clearHighlight","markDirty","mergeTableCellsAtSelection","nodes","getNodes","tableCells","filter","targetCell","unmergeTableCellsAtSelection","insertTableRowAtSelection","shouldInsertAfter","i","insertTableColumnAtSelection","deleteTableRowAtSelection","deleteTableAtSelection","remove","deleteTableColumnAtSelection","toggleTableRowIsHeader","tableRowIndex","gridMap","rowCells","Set","newStyle","getHeaderStyles","ROW","col","length","mapCell","has","add","setHeaderStyles","toggleTableColumnIsHeader","tableColumnIndex","columnCells","COLUMN","row","toggleRowStriping","setRowStriping","getRowStriping","toggleFirstColumnFreeze","setFrozenColumns","getFrozenColumns","mergeCellButton","button","className","data-test-id","onClick","type","span","div","e","stopPropagation","ref","Fragment","hr","__headerState","document","body","TableCellActionMenuContainer","anchorElem","menuButtonRef","menuRootRef","isMenuOpen","setTableMenuCellNode","$moveMenu","menu","nativeSelection","_window","activeElement","disable","classList","tableCellParentNodeDOM","anchorNode","tableCellNodeFromSelection","getNode","enabled","isSelecting","toggle","tableCellRect","anchorRect","transform","timeoutId","undefined","callback","delayedCallback","setTimeout","registerUpdateListener","registerCommand","registerRootListener","prevRootElement","clearTimeout","prevTableCellDOM","TableActionMenuPlugin","isEditable"],"mappings":"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"}

package/dist/features/experimental_table/client/plugins/TableCellResizerPlugin/index.js

@@ -8,6 +8,7 @@ import { $getNearestNodeFromDOMNode, isHTMLElement, SKIP_SCROLL_INTO_VIEW_TAG }
 import * as React from 'react';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
+import './index.scss';
 import { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js';
 const MIN_ROW_HEIGHT = 33;
 const MIN_COLUMN_WIDTH = 92;