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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/features/blocks/client/markdown/markdownTransformer.ts"],"sourcesContent":["import type { ClientBlock } from 'payload'\n\nimport {\n  $parseSerializedNode,\n  type ElementNode,\n  type Klass,\n  type LexicalNode,\n  type LexicalNodeReplacement,\n  type SerializedLexicalNode,\n} from 'lexical'\n\nimport type { Transformer } from '../../../../packages/@lexical/markdown/index.js'\nimport type {\n  MultilineElementTransformer,\n  TextMatchTransformer,\n} from '../../../../packages/@lexical/markdown/MarkdownTransformers.js'\n\nimport { extractPropsFromJSXPropsString } from '../../../../utilities/jsx/extractPropsFromJSXPropsString.js'\nimport { propsToJSXString } from '../../../../utilities/jsx/jsx.js'\nimport { linesFromStartToContentAndPropsString } from '../../server/markdown/linesFromMatchToContentAndPropsString.js'\nimport { $createBlockNode, $isBlockNode, BlockNode } from '../nodes/BlocksNode.js'\nimport {\n  $createInlineBlockNode,\n  $isInlineBlockNode,\n  InlineBlockNode,\n} from '../nodes/InlineBlocksNode.js'\nimport { getLexicalToMarkdown } from './getLexicalToMarkdown.js'\nimport { getMarkdownToLexical } from './getMarkdownToLexical.js'\n\nfunction createTagRegexes(tagName: string) {\n  const escapedTagName = tagName.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n  return {\n    regExpEnd: new RegExp(`</(${escapedTagName})\\\\s*>|<${escapedTagName}[^>]*?/>`, 'i'),\n    regExpStart: new RegExp(`<(${escapedTagName})([^>]*?)\\\\s*(/?)>`, 'i'),\n  }\n}\nexport const getBlockMarkdownTransformers = ({\n  blocks,\n  inlineBlocks,\n}: {\n  blocks: ClientBlock[]\n  inlineBlocks: ClientBlock[]\n}): ((props: {\n  allNodes: Array<Klass<LexicalNode> | LexicalNodeReplacement>\n  allTransformers: Transformer[]\n}) => MultilineElementTransformer | TextMatchTransformer)[] => {\n  if (!blocks?.length && !inlineBlocks?.length) {\n    return []\n  }\n  let transformers: ((props: {\n    allNodes: Array<Klass<LexicalNode> | LexicalNodeReplacement>\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: ClientBlock,\n  isInlineBlock: boolean,\n): Array<\n  (props: {\n    allNodes: Array<Klass<LexicalNode> | LexicalNodeReplacement>\n    allTransformers: Transformer[]\n  }) => MultilineElementTransformer | TextMatchTransformer\n> | null {\n  if (!block.jsx) {\n    return null\n  }\n  const regex = createTagRegexes(block.slug)\n  const toReturn: Array<\n    (props: {\n      allNodes: Array<Klass<LexicalNode> | LexicalNodeReplacement>\n      allTransformers: Transformer[]\n    }) => MultilineElementTransformer | TextMatchTransformer\n  > = []\n\n  if (isInlineBlock) {\n    toReturn.push(({ allNodes, allTransformers }) => ({\n      type: 'text-match',\n      dependencies: [InlineBlockNode],\n      export: (node) => {\n        if (!$isInlineBlockNode(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(allNodes, allTransformers)\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(allNodes, allTransformers)\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 = $createInlineBlockNode({\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: [BlockNode],\n    export: (node) => {\n      if (!$isBlockNode(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(allNodes, allTransformers)\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(allNodes, allTransformers)\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 = $createBlockNode({\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(allNodes, allTransformers)\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 = $createBlockNode({\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","extractPropsFromJSXPropsString","propsToJSXString","linesFromStartToContentAndPropsString","$createBlockNode","$isBlockNode","BlockNode","$createInlineBlockNode","$isInlineBlockNode","InlineBlockNode","getLexicalToMarkdown","getMarkdownToLexical","createTagRegexes","tagName","escapedTagName","replace","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","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/client/markdown/markdownTransformer.ts"],"sourcesContent":["import type { ClientBlock } from 'payload'\n\nimport {\n  $parseSerializedNode,\n  type ElementNode,\n  type Klass,\n  type LexicalNode,\n  type LexicalNodeReplacement,\n  type SerializedLexicalNode,\n} from 'lexical'\n\nimport type { Transformer } from '../../../../packages/@lexical/markdown/index.js'\nimport type {\n  MultilineElementTransformer,\n  TextMatchTransformer,\n} from '../../../../packages/@lexical/markdown/MarkdownTransformers.js'\n\nimport { extractPropsFromJSXPropsString } from '../../../../utilities/jsx/extractPropsFromJSXPropsString.js'\nimport { propsToJSXString } from '../../../../utilities/jsx/jsx.js'\nimport { linesFromStartToContentAndPropsString } from '../../server/markdown/linesFromMatchToContentAndPropsString.js'\nimport { $createBlockNode, $isBlockNode, BlockNode } from '../nodes/BlocksNode.js'\nimport {\n  $createInlineBlockNode,\n  $isInlineBlockNode,\n  InlineBlockNode,\n} from '../nodes/InlineBlocksNode.js'\nimport { getLexicalToMarkdown } from './getLexicalToMarkdown.js'\nimport { getMarkdownToLexical } from './getMarkdownToLexical.js'\n\nfunction createTagRegexes(tagName: string) {\n  const escapedTagName = tagName.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n  return {\n    regExpEnd: new RegExp(`</(${escapedTagName})\\\\s*>|<${escapedTagName}[^>]*?/>`, 'i'),\n    regExpStart: new RegExp(`<(${escapedTagName})([^>]*?)\\\\s*(/?)>`, 'i'),\n  }\n}\nexport const getBlockMarkdownTransformers = ({\n  blocks,\n  inlineBlocks,\n}: {\n  blocks: ClientBlock[]\n  inlineBlocks: ClientBlock[]\n}): ((props: {\n  allNodes: Array<Klass<LexicalNode> | LexicalNodeReplacement>\n  allTransformers: Transformer[]\n}) => MultilineElementTransformer | TextMatchTransformer)[] => {\n  if (!blocks?.length && !inlineBlocks?.length) {\n    return []\n  }\n  let transformers: ((props: {\n    allNodes: Array<Klass<LexicalNode> | LexicalNodeReplacement>\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: ClientBlock,\n  isInlineBlock: boolean,\n): Array<\n  (props: {\n    allNodes: Array<Klass<LexicalNode> | LexicalNodeReplacement>\n    allTransformers: Transformer[]\n  }) => MultilineElementTransformer | TextMatchTransformer\n> | null {\n  if (!block.jsx) {\n    return null\n  }\n  const regex = createTagRegexes(block.slug)\n  const toReturn: Array<\n    (props: {\n      allNodes: Array<Klass<LexicalNode> | LexicalNodeReplacement>\n      allTransformers: Transformer[]\n    }) => MultilineElementTransformer | TextMatchTransformer\n  > = []\n\n  if (isInlineBlock) {\n    toReturn.push(({ allNodes, allTransformers }) => ({\n      type: 'text-match',\n      dependencies: [InlineBlockNode],\n      export: (node) => {\n        if (!$isInlineBlockNode(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(allNodes, allTransformers)\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(allNodes, allTransformers)\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 = $createInlineBlockNode({\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: [BlockNode],\n    export: (node) => {\n      if (!$isBlockNode(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(allNodes, allTransformers)\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(allNodes, allTransformers)\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 = $createBlockNode({\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(allNodes, allTransformers)\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 = $createBlockNode({\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","extractPropsFromJSXPropsString","propsToJSXString","linesFromStartToContentAndPropsString","$createBlockNode","$isBlockNode","BlockNode","$createInlineBlockNode","$isInlineBlockNode","InlineBlockNode","getLexicalToMarkdown","getMarkdownToLexical","createTagRegexes","tagName","escapedTagName","replace","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","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/blocks/client/nodes/BlocksNode.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import ObjectID from 'bson-objectid';
 import { $applyNodeReplacement } from 'lexical';
 import React from 'react';
@@ -28,12 +28,16 @@ export class BlockNode extends ServerBlockNode {
         return node;
     }
     decorate(_editor, config) {
-        return /*#__PURE__*/ _jsx(BlockComponent, {
+        return /*#__PURE__*/ _jsxDEV(BlockComponent, {
             cacheBuster: this.getCacheBuster(),
             className: config.theme.block ?? 'LexicalEditorTheme__block',
             formData: this.getFields(),
             nodeKey: this.getKey()
-        });
+        }, void 0, false, {
+            fileName: "src/features/blocks/client/nodes/BlocksNode.tsx",
+            lineNumber: 43,
+            columnNumber: 7
+        }, this);
     }
     exportJSON() {
         return super.exportJSON();

package/dist/features/blocks/client/nodes/BlocksNode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/features/blocks/client/nodes/BlocksNode.tsx"],"sourcesContent":["'use client'\nimport ObjectID from 'bson-objectid'\nimport {\n  $applyNodeReplacement,\n  type EditorConfig,\n  type LexicalEditor,\n  type LexicalNode,\n} from 'lexical'\nimport React, { type JSX } from 'react'\n\nimport type { BlockFieldsOptionalID, SerializedBlockNode } from '../../server/nodes/BlocksNode.js'\n\nimport { ServerBlockNode } from '../../server/nodes/BlocksNode.js'\nimport { BlockComponent } from '../component/index.js'\n\nexport class BlockNode extends ServerBlockNode {\n  static override clone(node: ServerBlockNode): ServerBlockNode {\n    return super.clone(node)\n  }\n\n  static override getType(): string {\n    return super.getType()\n  }\n\n  static override importJSON(serializedNode: SerializedBlockNode): BlockNode {\n    if (serializedNode.version === 1) {\n      // Convert (version 1 had the fields wrapped in another, unnecessary data property)\n      serializedNode = {\n        ...serializedNode,\n        fields: {\n          ...(serializedNode as any).fields.data,\n        },\n        version: 2,\n      }\n    }\n    const node = $createBlockNode(serializedNode.fields)\n    node.setFormat(serializedNode.format)\n    return node\n  }\n\n  override decorate(_editor: LexicalEditor, config: EditorConfig): JSX.Element {\n    return (\n      <BlockComponent\n        cacheBuster={this.getCacheBuster()}\n        className={config.theme.block ?? 'LexicalEditorTheme__block'}\n        formData={this.getFields()}\n        nodeKey={this.getKey()}\n      />\n    )\n  }\n\n  override exportJSON(): SerializedBlockNode {\n    return super.exportJSON()\n  }\n}\n\nexport function $createBlockNode(fields: BlockFieldsOptionalID): BlockNode {\n  return $applyNodeReplacement(\n    new BlockNode({\n      fields: {\n        ...fields,\n        id: fields?.id || new ObjectID.default().toHexString(),\n      },\n    }),\n  )\n}\n\nexport function $isBlockNode(node: BlockNode | LexicalNode | null | undefined): node is BlockNode {\n  return node instanceof BlockNode\n}\n"],"names":["ObjectID","$applyNodeReplacement","React","ServerBlockNode","BlockComponent","BlockNode","clone","node","getType","importJSON","serializedNode","version","fields","data","$createBlockNode","setFormat","format","decorate","_editor","config","cacheBuster","getCacheBuster","className","theme","block","formData","getFields","nodeKey","getKey","exportJSON","id","default","toHexString","$isBlockNode"],"mappings":"AAAA;;AACA,OAAOA,cAAc,gBAAe;AACpC,SACEC,qBAAqB,QAIhB,UAAS;AAChB,OAAOC,WAAyB,QAAO;AAIvC,SAASC,eAAe,QAAQ,mCAAkC;AAClE,SAASC,cAAc,QAAQ,wBAAuB;AAEtD,OAAO,MAAMC,kBAAkBF;IAC7B,OAAgBG,MAAMC,IAAqB,EAAmB;QAC5D,OAAO,KAAK,CAACD,MAAMC;IACrB;IAEA,OAAgBC,UAAkB;QAChC,OAAO,KAAK,CAACA;IACf;IAEA,OAAgBC,WAAWC,cAAmC,EAAa;QACzE,IAAIA,eAAeC,OAAO,KAAK,GAAG;YAChC,mFAAmF;YACnFD,iBAAiB;gBACf,GAAGA,cAAc;gBACjBE,QAAQ;oBACN,GAAG,AAACF,eAAuBE,MAAM,CAACC,IAAI;gBACxC;gBACAF,SAAS;YACX;QACF;QACA,MAAMJ,OAAOO,iBAAiBJ,eAAeE,MAAM;QACnDL,KAAKQ,SAAS,CAACL,eAAeM,MAAM;QACpC,OAAOT;IACT;IAESU,SAASC,OAAsB,EAAEC,MAAoB,EAAe;QAC3E,qBACE,KAACf;YACCgB,aAAa,IAAI,CAACC,cAAc;YAChCC,WAAWH,OAAOI,KAAK,CAACC,KAAK,IAAI;YACjCC,UAAU,IAAI,CAACC,SAAS;YACxBC,SAAS,IAAI,CAACC,MAAM;;IAG1B;IAESC,aAAkC;QACzC,OAAO,KAAK,CAACA;IACf;AACF;AAEA,OAAO,SAASf,iBAAiBF,MAA6B;IAC5D,OAAOX,sBACL,IAAII,UAAU;QACZO,QAAQ;YACN,GAAGA,MAAM;YACTkB,IAAIlB,QAAQkB,MAAM,IAAI9B,SAAS+B,OAAO,GAAGC,WAAW;QACtD;IACF;AAEJ;AAEA,OAAO,SAASC,aAAa1B,IAAgD;IAC3E,OAAOA,gBAAgBF;AACzB"}
+{"version":3,"sources":["../../../../../src/features/blocks/client/nodes/BlocksNode.tsx"],"sourcesContent":["'use client'\nimport ObjectID from 'bson-objectid'\nimport {\n  $applyNodeReplacement,\n  type EditorConfig,\n  type LexicalEditor,\n  type LexicalNode,\n} from 'lexical'\nimport React, { type JSX } from 'react'\n\nimport type { BlockFieldsOptionalID, SerializedBlockNode } from '../../server/nodes/BlocksNode.js'\n\nimport { ServerBlockNode } from '../../server/nodes/BlocksNode.js'\nimport { BlockComponent } from '../component/index.js'\n\nexport class BlockNode extends ServerBlockNode {\n  static override clone(node: ServerBlockNode): ServerBlockNode {\n    return super.clone(node)\n  }\n\n  static override getType(): string {\n    return super.getType()\n  }\n\n  static override importJSON(serializedNode: SerializedBlockNode): BlockNode {\n    if (serializedNode.version === 1) {\n      // Convert (version 1 had the fields wrapped in another, unnecessary data property)\n      serializedNode = {\n        ...serializedNode,\n        fields: {\n          ...(serializedNode as any).fields.data,\n        },\n        version: 2,\n      }\n    }\n    const node = $createBlockNode(serializedNode.fields)\n    node.setFormat(serializedNode.format)\n    return node\n  }\n\n  override decorate(_editor: LexicalEditor, config: EditorConfig): JSX.Element {\n    return (\n      <BlockComponent\n        cacheBuster={this.getCacheBuster()}\n        className={config.theme.block ?? 'LexicalEditorTheme__block'}\n        formData={this.getFields()}\n        nodeKey={this.getKey()}\n      />\n    )\n  }\n\n  override exportJSON(): SerializedBlockNode {\n    return super.exportJSON()\n  }\n}\n\nexport function $createBlockNode(fields: BlockFieldsOptionalID): BlockNode {\n  return $applyNodeReplacement(\n    new BlockNode({\n      fields: {\n        ...fields,\n        id: fields?.id || new ObjectID.default().toHexString(),\n      },\n    }),\n  )\n}\n\nexport function $isBlockNode(node: BlockNode | LexicalNode | null | undefined): node is BlockNode {\n  return node instanceof BlockNode\n}\n"],"names":["ObjectID","$applyNodeReplacement","React","ServerBlockNode","BlockComponent","BlockNode","clone","node","getType","importJSON","serializedNode","version","fields","data","$createBlockNode","setFormat","format","decorate","_editor","config","cacheBuster","getCacheBuster","className","theme","block","formData","getFields","nodeKey","getKey","exportJSON","id","default","toHexString","$isBlockNode"],"mappings":"AAAA;;AACA,OAAOA,cAAc,gBAAe;AACpC,SACEC,qBAAqB,QAIhB,UAAS;AAChB,OAAOC,WAAyB,QAAO;AAIvC,SAASC,eAAe,QAAQ,mCAAkC;AAClE,SAASC,cAAc,QAAQ,wBAAuB;AAEtD,OAAO,MAAMC,kBAAkBF;IAC7B,OAAgBG,MAAMC,IAAqB,EAAmB;QAC5D,OAAO,KAAK,CAACD,MAAMC;IACrB;IAEA,OAAgBC,UAAkB;QAChC,OAAO,KAAK,CAACA;IACf;IAEA,OAAgBC,WAAWC,cAAmC,EAAa;QACzE,IAAIA,eAAeC,OAAO,KAAK,GAAG;YAChC,mFAAmF;YACnFD,iBAAiB;gBACf,GAAGA,cAAc;gBACjBE,QAAQ;oBACN,GAAG,AAACF,eAAuBE,MAAM,CAACC,IAAI;gBACxC;gBACAF,SAAS;YACX;QACF;QACA,MAAMJ,OAAOO,iBAAiBJ,eAAeE,MAAM;QACnDL,KAAKQ,SAAS,CAACL,eAAeM,MAAM;QACpC,OAAOT;IACT;IAESU,SAASC,OAAsB,EAAEC,MAAoB,EAAe;QAC3E,qBACE,QAACf;YACCgB,aAAa,IAAI,CAACC,cAAc;YAChCC,WAAWH,OAAOI,KAAK,CAACC,KAAK,IAAI;YACjCC,UAAU,IAAI,CAACC,SAAS;YACxBC,SAAS,IAAI,CAACC,MAAM;;;;;;IAG1B;IAESC,aAAkC;QACzC,OAAO,KAAK,CAACA;IACf;AACF;AAEA,OAAO,SAASf,iBAAiBF,MAA6B;IAC5D,OAAOX,sBACL,IAAII,UAAU;QACZO,QAAQ;YACN,GAAGA,MAAM;YACTkB,IAAIlB,QAAQkB,MAAM,IAAI9B,SAAS+B,OAAO,GAAGC,WAAW;QACtD;IACF;AAEJ;AAEA,OAAO,SAASC,aAAa1B,IAAgD;IAC3E,OAAOA,gBAAgBF;AACzB"}

package/dist/features/blocks/client/nodes/InlineBlocksNode.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import ObjectID from 'bson-objectid';
 import { $applyNodeReplacement } from 'lexical';
 import React from 'react';
@@ -19,12 +19,16 @@ export class InlineBlockNode extends ServerInlineBlockNode {
         return node;
     }
     decorate(_editor, config) {
-        return /*#__PURE__*/ _jsx(InlineBlockComponent, {
+        return /*#__PURE__*/ _jsxDEV(InlineBlockComponent, {
             cacheBuster: this.getCacheBuster(),
             className: config.theme.inlineBlock ?? 'LexicalEditorTheme__inlineBlock',
             formData: this.getFields(),
             nodeKey: this.getKey()
-        });
+        }, void 0, false, {
+            fileName: "src/features/blocks/client/nodes/InlineBlocksNode.tsx",
+            lineNumber: 40,
+            columnNumber: 7
+        }, this);
     }
     exportJSON() {
         return super.exportJSON();

package/dist/features/blocks/client/nodes/InlineBlocksNode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/features/blocks/client/nodes/InlineBlocksNode.tsx"],"sourcesContent":["'use client'\nimport ObjectID from 'bson-objectid'\nimport {\n  $applyNodeReplacement,\n  type EditorConfig,\n  type LexicalEditor,\n  type LexicalNode,\n} from 'lexical'\nimport React, { type JSX } from 'react'\n\nimport type {\n  InlineBlockFields,\n  SerializedInlineBlockNode,\n} from '../../server/nodes/InlineBlocksNode.js'\n\nimport { ServerInlineBlockNode } from '../../server/nodes/InlineBlocksNode.js'\n\nconst InlineBlockComponent = React.lazy(() =>\n  import('../componentInline/index.js').then((module) => ({\n    default: module.InlineBlockComponent,\n  })),\n)\n\nexport class InlineBlockNode extends ServerInlineBlockNode {\n  static override clone(node: ServerInlineBlockNode): ServerInlineBlockNode {\n    return super.clone(node)\n  }\n\n  static override getType(): string {\n    return super.getType()\n  }\n\n  static override importJSON(serializedNode: SerializedInlineBlockNode): InlineBlockNode {\n    const node = $createInlineBlockNode(serializedNode.fields)\n    return node\n  }\n\n  override decorate(_editor: LexicalEditor, config: EditorConfig): JSX.Element {\n    return (\n      <InlineBlockComponent\n        cacheBuster={this.getCacheBuster()}\n        className={config.theme.inlineBlock ?? 'LexicalEditorTheme__inlineBlock'}\n        formData={this.getFields()}\n        nodeKey={this.getKey()}\n      />\n    )\n  }\n\n  override exportJSON(): SerializedInlineBlockNode {\n    return super.exportJSON()\n  }\n}\n\nexport function $createInlineBlockNode(fields: Exclude<InlineBlockFields, 'id'>): InlineBlockNode {\n  return $applyNodeReplacement(\n    new InlineBlockNode({\n      fields: {\n        ...fields,\n        id: fields?.id || new ObjectID.default().toHexString(),\n      },\n    }),\n  )\n}\n\nexport function $isInlineBlockNode(\n  node: InlineBlockNode | LexicalNode | null | undefined,\n): node is InlineBlockNode {\n  return node instanceof InlineBlockNode\n}\n"],"names":["ObjectID","$applyNodeReplacement","React","ServerInlineBlockNode","InlineBlockComponent","lazy","then","module","default","InlineBlockNode","clone","node","getType","importJSON","serializedNode","$createInlineBlockNode","fields","decorate","_editor","config","cacheBuster","getCacheBuster","className","theme","inlineBlock","formData","getFields","nodeKey","getKey","exportJSON","id","toHexString","$isInlineBlockNode"],"mappings":"AAAA;;AACA,OAAOA,cAAc,gBAAe;AACpC,SACEC,qBAAqB,QAIhB,UAAS;AAChB,OAAOC,WAAyB,QAAO;AAOvC,SAASC,qBAAqB,QAAQ,yCAAwC;AAE9E,MAAMC,qCAAuBF,MAAMG,IAAI,CAAC,IACtC,MAAM,CAAC,+BAA+BC,IAAI,CAAC,CAACC,SAAY,CAAA;YACtDC,SAASD,OAAOH,oBAAoB;QACtC,CAAA;AAGF,OAAO,MAAMK,wBAAwBN;IACnC,OAAgBO,MAAMC,IAA2B,EAAyB;QACxE,OAAO,KAAK,CAACD,MAAMC;IACrB;IAEA,OAAgBC,UAAkB;QAChC,OAAO,KAAK,CAACA;IACf;IAEA,OAAgBC,WAAWC,cAAyC,EAAmB;QACrF,MAAMH,OAAOI,uBAAuBD,eAAeE,MAAM;QACzD,OAAOL;IACT;IAESM,SAASC,OAAsB,EAAEC,MAAoB,EAAe;QAC3E,qBACE,KAACf;YACCgB,aAAa,IAAI,CAACC,cAAc;YAChCC,WAAWH,OAAOI,KAAK,CAACC,WAAW,IAAI;YACvCC,UAAU,IAAI,CAACC,SAAS;YACxBC,SAAS,IAAI,CAACC,MAAM;;IAG1B;IAESC,aAAwC;QAC/C,OAAO,KAAK,CAACA;IACf;AACF;AAEA,OAAO,SAASd,uBAAuBC,MAAwC;IAC7E,OAAOf,sBACL,IAAIQ,gBAAgB;QAClBO,QAAQ;YACN,GAAGA,MAAM;YACTc,IAAId,QAAQc,MAAM,IAAI9B,SAASQ,OAAO,GAAGuB,WAAW;QACtD;IACF;AAEJ;AAEA,OAAO,SAASC,mBACdrB,IAAsD;IAEtD,OAAOA,gBAAgBF;AACzB"}
+{"version":3,"sources":["../../../../../src/features/blocks/client/nodes/InlineBlocksNode.tsx"],"sourcesContent":["'use client'\nimport ObjectID from 'bson-objectid'\nimport {\n  $applyNodeReplacement,\n  type EditorConfig,\n  type LexicalEditor,\n  type LexicalNode,\n} from 'lexical'\nimport React, { type JSX } from 'react'\n\nimport type {\n  InlineBlockFields,\n  SerializedInlineBlockNode,\n} from '../../server/nodes/InlineBlocksNode.js'\n\nimport { ServerInlineBlockNode } from '../../server/nodes/InlineBlocksNode.js'\n\nconst InlineBlockComponent = React.lazy(() =>\n  import('../componentInline/index.js').then((module) => ({\n    default: module.InlineBlockComponent,\n  })),\n)\n\nexport class InlineBlockNode extends ServerInlineBlockNode {\n  static override clone(node: ServerInlineBlockNode): ServerInlineBlockNode {\n    return super.clone(node)\n  }\n\n  static override getType(): string {\n    return super.getType()\n  }\n\n  static override importJSON(serializedNode: SerializedInlineBlockNode): InlineBlockNode {\n    const node = $createInlineBlockNode(serializedNode.fields)\n    return node\n  }\n\n  override decorate(_editor: LexicalEditor, config: EditorConfig): JSX.Element {\n    return (\n      <InlineBlockComponent\n        cacheBuster={this.getCacheBuster()}\n        className={config.theme.inlineBlock ?? 'LexicalEditorTheme__inlineBlock'}\n        formData={this.getFields()}\n        nodeKey={this.getKey()}\n      />\n    )\n  }\n\n  override exportJSON(): SerializedInlineBlockNode {\n    return super.exportJSON()\n  }\n}\n\nexport function $createInlineBlockNode(fields: Exclude<InlineBlockFields, 'id'>): InlineBlockNode {\n  return $applyNodeReplacement(\n    new InlineBlockNode({\n      fields: {\n        ...fields,\n        id: fields?.id || new ObjectID.default().toHexString(),\n      },\n    }),\n  )\n}\n\nexport function $isInlineBlockNode(\n  node: InlineBlockNode | LexicalNode | null | undefined,\n): node is InlineBlockNode {\n  return node instanceof InlineBlockNode\n}\n"],"names":["ObjectID","$applyNodeReplacement","React","ServerInlineBlockNode","InlineBlockComponent","lazy","then","module","default","InlineBlockNode","clone","node","getType","importJSON","serializedNode","$createInlineBlockNode","fields","decorate","_editor","config","cacheBuster","getCacheBuster","className","theme","inlineBlock","formData","getFields","nodeKey","getKey","exportJSON","id","toHexString","$isInlineBlockNode"],"mappings":"AAAA;;AACA,OAAOA,cAAc,gBAAe;AACpC,SACEC,qBAAqB,QAIhB,UAAS;AAChB,OAAOC,WAAyB,QAAO;AAOvC,SAASC,qBAAqB,QAAQ,yCAAwC;AAE9E,MAAMC,qCAAuBF,MAAMG,IAAI,CAAC,IACtC,MAAM,CAAC,+BAA+BC,IAAI,CAAC,CAACC,SAAY,CAAA;YACtDC,SAASD,OAAOH,oBAAoB;QACtC,CAAA;AAGF,OAAO,MAAMK,wBAAwBN;IACnC,OAAgBO,MAAMC,IAA2B,EAAyB;QACxE,OAAO,KAAK,CAACD,MAAMC;IACrB;IAEA,OAAgBC,UAAkB;QAChC,OAAO,KAAK,CAACA;IACf;IAEA,OAAgBC,WAAWC,cAAyC,EAAmB;QACrF,MAAMH,OAAOI,uBAAuBD,eAAeE,MAAM;QACzD,OAAOL;IACT;IAESM,SAASC,OAAsB,EAAEC,MAAoB,EAAe;QAC3E,qBACE,QAACf;YACCgB,aAAa,IAAI,CAACC,cAAc;YAChCC,WAAWH,OAAOI,KAAK,CAACC,WAAW,IAAI;YACvCC,UAAU,IAAI,CAACC,SAAS;YACxBC,SAAS,IAAI,CAACC,MAAM;;;;;;IAG1B;IAESC,aAAwC;QAC/C,OAAO,KAAK,CAACA;IACf;AACF;AAEA,OAAO,SAASd,uBAAuBC,MAAwC;IAC7E,OAAOf,sBACL,IAAIQ,gBAAgB;QAClBO,QAAQ;YACN,GAAGA,MAAM;YACTc,IAAId,QAAQc,MAAM,IAAI9B,SAASQ,OAAO,GAAGuB,WAAW;QACtD;IACF;AAEJ;AAEA,OAAO,SAASC,mBACdrB,IAAsD;IAEtD,OAAOA,gBAAgBF;AACzB"}

package/dist/features/blocks/premade/CodeBlock/Component/Block.js

@@ -1,5 +1,6 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import './index.scss';
 import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
 import { ChevronIcon, Combobox, CopyToClipboard, PopupList, RenderFields, useForm, useFormFields, useTranslation } from '@payloadcms/ui';
 import React from 'react';
@@ -34,40 +35,60 @@ export const CodeBlockBlockComponent = (args)=>{
     const languageEntries = React.useMemo(()=>{
         return Object.entries(languages).map(([languageCode, languageLabel])=>({
                 name: `${languageCode} ${languageLabel}`,
-                Component: /*#__PURE__*/ _jsx(PopupList.Button, {
+                Component: /*#__PURE__*/ _jsxDEV(PopupList.Button, {
                     active: false,
                     disabled: false,
                     onClick: ()=>{
                         setSelectedLanguage(languageCode);
                     },
-                    children: /*#__PURE__*/ _jsx("span", {
+                    children: /*#__PURE__*/ _jsxDEV("span", {
                         className: `${baseClass}__language-code`,
                         "data-language": languageCode,
                         children: languageLabel
-                    })
-                })
+                    }, void 0, false, {
+                        fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
+                        lineNumber: 70,
+                        columnNumber: 11
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
+                    lineNumber: 63,
+                    columnNumber: 9
+                }, this)
             }));
     }, [
         languages,
         setSelectedLanguage
     ]);
-    return /*#__PURE__*/ _jsx(BlockCollapsible, {
-        Actions: /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV(BlockCollapsible, {
+        Actions: /*#__PURE__*/ _jsxDEV("div", {
             className: `${baseClass}__actions`,
             children: [
-                /*#__PURE__*/ _jsx(Combobox, {
-                    button: /*#__PURE__*/ _jsxs("div", {
+                /*#__PURE__*/ _jsxDEV(Combobox, {
+                    button: /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__language-selector-button`,
                         "data-selected-language": selectedLanguageField?.value,
                         children: [
-                            /*#__PURE__*/ _jsx("span", {
+                            /*#__PURE__*/ _jsxDEV("span", {
                                 children: selectedLanguageLabel
-                            }),
-                            /*#__PURE__*/ _jsx(ChevronIcon, {
+                            }, void 0, false, {
+                                fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
+                                lineNumber: 88,
+                                columnNumber: 17
+                            }, void 0),
+                            /*#__PURE__*/ _jsxDEV(ChevronIcon, {
                                 className: `${baseClass}__chevron`
-                            })
+                            }, void 0, false, {
+                                fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
+                                lineNumber: 89,
+                                columnNumber: 17
+                            }, void 0)
                         ]
-                    }),
+                    }, void 0, true, {
+                        fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
+                        lineNumber: 84,
+                        columnNumber: 15
+                    }, void 0),
                     buttonType: "custom",
                     className: `${baseClass}__language-selector`,
                     disabled: !isEditable,
@@ -77,25 +98,57 @@ export const CodeBlockBlockComponent = (args)=>{
                     searchPlaceholder: t('fields:searchForLanguage'),
                     showScrollbar: true,
                     size: "large"
-                }),
-                /*#__PURE__*/ _jsx(CopyToClipboard, {
+                }, void 0, false, {
+                    fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
+                    lineNumber: 82,
+                    columnNumber: 11
+                }, void 0),
+                /*#__PURE__*/ _jsxDEV(CopyToClipboard, {
                     value: codeField?.value ?? ''
-                }),
-                /*#__PURE__*/ _jsx(Collapse, {}),
-                isEditable && /*#__PURE__*/ _jsx(RemoveButton, {})
+                }, void 0, false, {
+                    fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
+                    lineNumber: 102,
+                    columnNumber: 11
+                }, void 0),
+                /*#__PURE__*/ _jsxDEV(Collapse, {}, void 0, false, {
+                    fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
+                    lineNumber: 104,
+                    columnNumber: 11
+                }, void 0),
+                isEditable && /*#__PURE__*/ _jsxDEV(RemoveButton, {}, void 0, false, {
+                    fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
+                    lineNumber: 106,
+                    columnNumber: 26
+                }, void 0)
             ]
-        }),
+        }, void 0, true, {
+            fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
+            lineNumber: 81,
+            columnNumber: 9
+        }, void 0),
         className: baseClass,
         collapsibleProps: {
-            AfterCollapsible: /*#__PURE__*/ _jsx(FloatingCollapse, {}),
+            AfterCollapsible: /*#__PURE__*/ _jsxDEV(FloatingCollapse, {}, void 0, false, {
+                fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
+                lineNumber: 111,
+                columnNumber: 27
+            }, void 0),
             disableHeaderToggle: true,
             disableToggleIndicator: true
         },
-        Pill: /*#__PURE__*/ _jsx("div", {
+        Pill: /*#__PURE__*/ _jsxDEV("div", {
             className: `${baseClass}__pill`,
-            children: /*#__PURE__*/ _jsx(CodeBlockIcon, {})
-        }),
-        children: /*#__PURE__*/ _jsx(RenderFields, {
+            children: /*#__PURE__*/ _jsxDEV(CodeBlockIcon, {}, void 0, false, {
+                fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
+                lineNumber: 117,
+                columnNumber: 11
+            }, void 0)
+        }, void 0, false, {
+            fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
+            lineNumber: 116,
+            columnNumber: 9
+        }, void 0),
+        children: /*#__PURE__*/ _jsxDEV(RenderFields, {
             fields: formSchema,
             forceRender: true,
             parentIndexPath: "",
@@ -103,8 +156,16 @@ export const CodeBlockBlockComponent = (args)=>{
             parentSchemaPath: "",
             permissions: true,
             readOnly: !isEditable
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
+            lineNumber: 121,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/features/blocks/premade/CodeBlock/Component/Block.tsx",
+        lineNumber: 79,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=Block.js.map

package/dist/features/blocks/premade/CodeBlock/Component/Block.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/blocks/premade/CodeBlock/Component/Block.tsx"],"sourcesContent":["'use client'\nimport type { ComboboxEntry } from '@payloadcms/ui'\nimport type {} from 'payload'\n\nimport './index.scss'\n\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport {\n  ChevronIcon,\n  Combobox,\n  CopyToClipboard,\n  PopupList,\n  RenderFields,\n  useForm,\n  useFormFields,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React from 'react'\n\nimport type { AdditionalCodeComponentProps } from './Code.js'\n\nimport { CodeBlockIcon } from '../../../../../lexical/ui/icons/CodeBlock/index.js'\nimport { useBlockComponentContext } from '../../../client/component/BlockContent.js'\nimport { Collapse } from './Collapse/index.js'\nimport { defaultLanguages } from './defaultLanguages.js'\nimport { FloatingCollapse } from './FloatingCollapse/index.js'\n\nconst baseClass = 'payload-richtext-code-block'\nexport const CodeBlockBlockComponent: React.FC<Pick<AdditionalCodeComponentProps, 'languages'>> = (\n  args,\n) => {\n  const { languages: languagesFromProps } = args\n  const languages = languagesFromProps || defaultLanguages\n\n  const { BlockCollapsible, formSchema, RemoveButton } = useBlockComponentContext()\n  const { setModified } = useForm()\n  const { t } = useTranslation()\n\n  const { codeField } = useFormFields(([fields]) => ({\n    codeField: fields?.code,\n  }))\n\n  const { selectedLanguageField, setSelectedLanguage } = useFormFields(([fields, dispatch]) => ({\n    selectedLanguageField: fields?.language,\n    setSelectedLanguage: (language: string) => {\n      dispatch({\n        type: 'UPDATE',\n        path: 'language',\n        value: language,\n      })\n      setModified(true)\n    },\n  }))\n\n  const selectedLanguageLabel = languages[selectedLanguageField?.value as keyof typeof languages]\n\n  const isEditable = useLexicalEditable()\n\n  const languageEntries = React.useMemo<ComboboxEntry[]>(() => {\n    return Object.entries(languages).map(([languageCode, languageLabel]) => ({\n      name: `${languageCode} ${languageLabel}`,\n      Component: (\n        <PopupList.Button\n          active={false}\n          disabled={false}\n          onClick={() => {\n            setSelectedLanguage(languageCode)\n          }}\n        >\n          <span className={`${baseClass}__language-code`} data-language={languageCode}>\n            {languageLabel}\n          </span>\n        </PopupList.Button>\n      ),\n    }))\n  }, [languages, setSelectedLanguage])\n\n  return (\n    <BlockCollapsible\n      Actions={\n        <div className={`${baseClass}__actions`}>\n          <Combobox\n            button={\n              <div\n                className={`${baseClass}__language-selector-button`}\n                data-selected-language={selectedLanguageField?.value}\n              >\n                <span>{selectedLanguageLabel}</span>\n                <ChevronIcon className={`${baseClass}__chevron`} />\n              </div>\n            }\n            buttonType=\"custom\"\n            className={`${baseClass}__language-selector`}\n            disabled={!isEditable}\n            entries={languageEntries}\n            horizontalAlign=\"right\"\n            minEntriesForSearch={8}\n            searchPlaceholder={t('fields:searchForLanguage')}\n            showScrollbar\n            size=\"large\"\n          />\n          <CopyToClipboard value={(codeField?.value as string) ?? ''} />\n\n          <Collapse />\n\n          {isEditable && <RemoveButton />}\n        </div>\n      }\n      className={baseClass}\n      collapsibleProps={{\n        AfterCollapsible: <FloatingCollapse />,\n        disableHeaderToggle: true,\n        disableToggleIndicator: true,\n      }}\n      Pill={\n        <div className={`${baseClass}__pill`}>\n          <CodeBlockIcon />\n        </div>\n      }\n    >\n      <RenderFields\n        fields={formSchema}\n        forceRender={true}\n        parentIndexPath=\"\"\n        parentPath={''}\n        parentSchemaPath=\"\"\n        permissions={true}\n        readOnly={!isEditable}\n      />\n    </BlockCollapsible>\n  )\n}\n"],"names":["useLexicalEditable","ChevronIcon","Combobox","CopyToClipboard","PopupList","RenderFields","useForm","useFormFields","useTranslation","React","CodeBlockIcon","useBlockComponentContext","Collapse","defaultLanguages","FloatingCollapse","baseClass","CodeBlockBlockComponent","args","languages","languagesFromProps","BlockCollapsible","formSchema","RemoveButton","setModified","t","codeField","fields","code","selectedLanguageField","setSelectedLanguage","dispatch","language","type","path","value","selectedLanguageLabel","isEditable","languageEntries","useMemo","Object","entries","map","languageCode","languageLabel","name","Component","Button","active","disabled","onClick","span","className","data-language","Actions","div","button","data-selected-language","buttonType","horizontalAlign","minEntriesForSearch","searchPlaceholder","showScrollbar","size","collapsibleProps","AfterCollapsible","disableHeaderToggle","disableToggleIndicator","Pill","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly"],"mappings":"AAAA;;AAMA,SAASA,kBAAkB,QAAQ,oCAAmC;AACtE,SACEC,WAAW,EACXC,QAAQ,EACRC,eAAe,EACfC,SAAS,EACTC,YAAY,EACZC,OAAO,EACPC,aAAa,EACbC,cAAc,QACT,iBAAgB;AACvB,OAAOC,WAAW,QAAO;AAIzB,SAASC,aAAa,QAAQ,qDAAoD;AAClF,SAASC,wBAAwB,QAAQ,4CAA2C;AACpF,SAASC,QAAQ,QAAQ,sBAAqB;AAC9C,SAASC,gBAAgB,QAAQ,wBAAuB;AACxD,SAASC,gBAAgB,QAAQ,8BAA6B;AAE9D,MAAMC,YAAY;AAClB,OAAO,MAAMC,0BAAqF,CAChGC;IAEA,MAAM,EAAEC,WAAWC,kBAAkB,EAAE,GAAGF;IAC1C,MAAMC,YAAYC,sBAAsBN;IAExC,MAAM,EAAEO,gBAAgB,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGX;IACvD,MAAM,EAAEY,WAAW,EAAE,GAAGjB;IACxB,MAAM,EAAEkB,CAAC,EAAE,GAAGhB;IAEd,MAAM,EAAEiB,SAAS,EAAE,GAAGlB,cAAc,CAAC,CAACmB,OAAO,GAAM,CAAA;YACjDD,WAAWC,QAAQC;QACrB,CAAA;IAEA,MAAM,EAAEC,qBAAqB,EAAEC,mBAAmB,EAAE,GAAGtB,cAAc,CAAC,CAACmB,QAAQI,SAAS,GAAM,CAAA;YAC5FF,uBAAuBF,QAAQK;YAC/BF,qBAAqB,CAACE;gBACpBD,SAAS;oBACPE,MAAM;oBACNC,MAAM;oBACNC,OAAOH;gBACT;gBACAR,YAAY;YACd;QACF,CAAA;IAEA,MAAMY,wBAAwBjB,SAAS,CAACU,uBAAuBM,MAAgC;IAE/F,MAAME,aAAapC;IAEnB,MAAMqC,kBAAkB5B,MAAM6B,OAAO,CAAkB;QACrD,OAAOC,OAAOC,OAAO,CAACtB,WAAWuB,GAAG,CAAC,CAAC,CAACC,cAAcC,cAAc,GAAM,CAAA;gBACvEC,MAAM,GAAGF,aAAa,CAAC,EAAEC,eAAe;gBACxCE,yBACE,KAACzC,UAAU0C,MAAM;oBACfC,QAAQ;oBACRC,UAAU;oBACVC,SAAS;wBACPpB,oBAAoBa;oBACtB;8BAEA,cAAA,KAACQ;wBAAKC,WAAW,GAAGpC,UAAU,eAAe,CAAC;wBAAEqC,iBAAeV;kCAC5DC;;;YAIT,CAAA;IACF,GAAG;QAACzB;QAAWW;KAAoB;IAEnC,qBACE,KAACT;QACCiC,uBACE,MAACC;YAAIH,WAAW,GAAGpC,UAAU,SAAS,CAAC;;8BACrC,KAACb;oBACCqD,sBACE,MAACD;wBACCH,WAAW,GAAGpC,UAAU,0BAA0B,CAAC;wBACnDyC,0BAAwB5B,uBAAuBM;;0CAE/C,KAACgB;0CAAMf;;0CACP,KAAClC;gCAAYkD,WAAW,GAAGpC,UAAU,SAAS,CAAC;;;;oBAGnD0C,YAAW;oBACXN,WAAW,GAAGpC,UAAU,mBAAmB,CAAC;oBAC5CiC,UAAU,CAACZ;oBACXI,SAASH;oBACTqB,iBAAgB;oBAChBC,qBAAqB;oBACrBC,mBAAmBpC,EAAE;oBACrBqC,aAAa;oBACbC,MAAK;;8BAEP,KAAC3D;oBAAgB+B,OAAO,AAACT,WAAWS,SAAoB;;8BAExD,KAACtB;gBAEAwB,4BAAc,KAACd;;;QAGpB6B,WAAWpC;QACXgD,kBAAkB;YAChBC,gCAAkB,KAAClD;YACnBmD,qBAAqB;YACrBC,wBAAwB;QAC1B;QACAC,oBACE,KAACb;YAAIH,WAAW,GAAGpC,UAAU,MAAM,CAAC;sBAClC,cAAA,KAACL;;kBAIL,cAAA,KAACL;YACCqB,QAAQL;YACR+C,aAAa;YACbC,iBAAgB;YAChBC,YAAY;YACZC,kBAAiB;YACjBC,aAAa;YACbC,UAAU,CAACrC;;;AAInB,EAAC"}
+{"version":3,"sources":["../../../../../../src/features/blocks/premade/CodeBlock/Component/Block.tsx"],"sourcesContent":["'use client'\nimport type { ComboboxEntry } from '@payloadcms/ui'\nimport type {} from 'payload'\n\nimport './index.scss'\n\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport {\n  ChevronIcon,\n  Combobox,\n  CopyToClipboard,\n  PopupList,\n  RenderFields,\n  useForm,\n  useFormFields,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React from 'react'\n\nimport type { AdditionalCodeComponentProps } from './Code.js'\n\nimport { CodeBlockIcon } from '../../../../../lexical/ui/icons/CodeBlock/index.js'\nimport { useBlockComponentContext } from '../../../client/component/BlockContent.js'\nimport { Collapse } from './Collapse/index.js'\nimport { defaultLanguages } from './defaultLanguages.js'\nimport { FloatingCollapse } from './FloatingCollapse/index.js'\n\nconst baseClass = 'payload-richtext-code-block'\nexport const CodeBlockBlockComponent: React.FC<Pick<AdditionalCodeComponentProps, 'languages'>> = (\n  args,\n) => {\n  const { languages: languagesFromProps } = args\n  const languages = languagesFromProps || defaultLanguages\n\n  const { BlockCollapsible, formSchema, RemoveButton } = useBlockComponentContext()\n  const { setModified } = useForm()\n  const { t } = useTranslation()\n\n  const { codeField } = useFormFields(([fields]) => ({\n    codeField: fields?.code,\n  }))\n\n  const { selectedLanguageField, setSelectedLanguage } = useFormFields(([fields, dispatch]) => ({\n    selectedLanguageField: fields?.language,\n    setSelectedLanguage: (language: string) => {\n      dispatch({\n        type: 'UPDATE',\n        path: 'language',\n        value: language,\n      })\n      setModified(true)\n    },\n  }))\n\n  const selectedLanguageLabel = languages[selectedLanguageField?.value as keyof typeof languages]\n\n  const isEditable = useLexicalEditable()\n\n  const languageEntries = React.useMemo<ComboboxEntry[]>(() => {\n    return Object.entries(languages).map(([languageCode, languageLabel]) => ({\n      name: `${languageCode} ${languageLabel}`,\n      Component: (\n        <PopupList.Button\n          active={false}\n          disabled={false}\n          onClick={() => {\n            setSelectedLanguage(languageCode)\n          }}\n        >\n          <span className={`${baseClass}__language-code`} data-language={languageCode}>\n            {languageLabel}\n          </span>\n        </PopupList.Button>\n      ),\n    }))\n  }, [languages, setSelectedLanguage])\n\n  return (\n    <BlockCollapsible\n      Actions={\n        <div className={`${baseClass}__actions`}>\n          <Combobox\n            button={\n              <div\n                className={`${baseClass}__language-selector-button`}\n                data-selected-language={selectedLanguageField?.value}\n              >\n                <span>{selectedLanguageLabel}</span>\n                <ChevronIcon className={`${baseClass}__chevron`} />\n              </div>\n            }\n            buttonType=\"custom\"\n            className={`${baseClass}__language-selector`}\n            disabled={!isEditable}\n            entries={languageEntries}\n            horizontalAlign=\"right\"\n            minEntriesForSearch={8}\n            searchPlaceholder={t('fields:searchForLanguage')}\n            showScrollbar\n            size=\"large\"\n          />\n          <CopyToClipboard value={(codeField?.value as string) ?? ''} />\n\n          <Collapse />\n\n          {isEditable && <RemoveButton />}\n        </div>\n      }\n      className={baseClass}\n      collapsibleProps={{\n        AfterCollapsible: <FloatingCollapse />,\n        disableHeaderToggle: true,\n        disableToggleIndicator: true,\n      }}\n      Pill={\n        <div className={`${baseClass}__pill`}>\n          <CodeBlockIcon />\n        </div>\n      }\n    >\n      <RenderFields\n        fields={formSchema}\n        forceRender={true}\n        parentIndexPath=\"\"\n        parentPath={''}\n        parentSchemaPath=\"\"\n        permissions={true}\n        readOnly={!isEditable}\n      />\n    </BlockCollapsible>\n  )\n}\n"],"names":["useLexicalEditable","ChevronIcon","Combobox","CopyToClipboard","PopupList","RenderFields","useForm","useFormFields","useTranslation","React","CodeBlockIcon","useBlockComponentContext","Collapse","defaultLanguages","FloatingCollapse","baseClass","CodeBlockBlockComponent","args","languages","languagesFromProps","BlockCollapsible","formSchema","RemoveButton","setModified","t","codeField","fields","code","selectedLanguageField","setSelectedLanguage","dispatch","language","type","path","value","selectedLanguageLabel","isEditable","languageEntries","useMemo","Object","entries","map","languageCode","languageLabel","name","Component","Button","active","disabled","onClick","span","className","data-language","Actions","div","button","data-selected-language","buttonType","horizontalAlign","minEntriesForSearch","searchPlaceholder","showScrollbar","size","collapsibleProps","AfterCollapsible","disableHeaderToggle","disableToggleIndicator","Pill","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly"],"mappings":"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"}

package/dist/features/blocks/premade/CodeBlock/Component/Code.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { CodeField, useFormFields } from '@payloadcms/ui';
 import React, { useId, useMemo } from 'react';
 import { defaultLanguages } from './defaultLanguages.js';
@@ -58,7 +58,7 @@ import { defaultLanguages } from './defaultLanguages.js';
         instanceId
     ]);
     const key = `${field.name}-${language}-${label}`;
-    return props && /*#__PURE__*/ _jsx(CodeField, {
+    return props && /*#__PURE__*/ _jsxDEV(CodeField, {
         autoComplete: autoComplete,
         field: props,
         forceRender: forceRender,
@@ -116,7 +116,11 @@ import { defaultLanguages } from './defaultLanguages.js';
         renderedBlocks: renderedBlocks,
         schemaPath: schemaPath,
         validate: validate
-    }, key);
+    }, key, false, {
+        fileName: "src/features/blocks/premade/CodeBlock/Component/Code.tsx",
+        lineNumber: 110,
+        columnNumber: 7
+    }, this);
 };
 
 //# sourceMappingURL=Code.js.map

package/dist/features/blocks/premade/CodeBlock/Component/Code.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/blocks/premade/CodeBlock/Component/Code.tsx"],"sourcesContent":["'use client'\n\nimport type { CodeFieldClient, CodeFieldClientProps } from 'payload'\n\nimport { CodeField, useFormFields } from '@payloadcms/ui'\nimport React, { useId, useMemo } from 'react'\n\nimport { defaultLanguages } from './defaultLanguages.js'\n\nexport type AdditionalCodeComponentProps = {\n  /**\n   * @default first key of the `languages` prop\n   */\n  defaultLanguage?: string\n  /**\n   * @default all languages supported by Monaco Editor\n   */\n  languages?: Record<string, string>\n  /**\n   * Override the name of the block.\n   *\n   * @default 'Code'\n   */\n  slug?: string\n  /**\n   * Configure typescript settings for the editor\n   */\n  typescript?: {\n    /**\n     * By default, the editor will not perform semantic validation. This means that\n     * while syntax errors will be highlighted, other issues like missing imports or incorrect\n     * types will not be.\n     *\n     * @default false\n     */\n    enableSemanticValidation?: boolean\n    /**\n     * Additional types to fetch and include in the editor for autocompletion.\n     *\n     * For example, to include types for payload, you would set this to\n     *\n     * [{ url: 'https://unpkg.com/payload@latest/dist/index.d.ts', filePath: 'file:///node_modules/payload/index.d.ts' }]\n     */\n    fetchTypes?: Array<{\n      filePath: string\n      url: string\n    }>\n    /**\n     * @default undefined\n     */\n    paths?: Record<string, string[]>\n    /**\n     * @default \"ESNext\"\n     */\n    target?: string\n    /**\n     * @default ['node_modules/@types']\n     */\n    typeRoots?: string[]\n  }\n}\n\nexport const CodeComponent: React.FC<AdditionalCodeComponentProps & CodeFieldClientProps> = ({\n  autoComplete,\n  field,\n  forceRender,\n  languages = defaultLanguages,\n  path,\n  permissions,\n  readOnly,\n  renderedBlocks,\n  schemaPath,\n  typescript,\n  validate,\n}) => {\n  const languageField = useFormFields(([fields]) => fields['language'])\n\n  const language: string =\n    (languageField?.value as string) || (languageField?.initialValue as string) || 'typescript'\n\n  // unique id per component instance to ensure Monaco creates a distinct model\n  // for each TypeScript code block. Using React's useId is SSR-safe and builtin.\n  const instanceId = useId()\n\n  const label = languages[language]\n\n  const props: CodeFieldClient = useMemo<CodeFieldClient>(\n    () => ({\n      ...field,\n      type: 'code',\n      admin: {\n        ...field.admin,\n        editorOptions: {},\n        editorProps: {\n          // If typescript is set, @monaco-editor/react needs to set the URI to a .ts or .tsx file when it calls createModel().\n          // Provide a unique defaultPath per instance so Monaco doesn't reuse the same model\n          // across multiple code block instances. We use field.name + instanceId for debugability.\n          defaultPath: language === 'ts' ? `file-${field.name}-${instanceId}.tsx` : undefined,\n        },\n        language,\n      },\n    }),\n    [field, language, instanceId],\n  )\n\n  const key = `${field.name}-${language}-${label}`\n\n  return (\n    props && (\n      <CodeField\n        autoComplete={autoComplete}\n        field={props}\n        forceRender={forceRender}\n        key={key}\n        onMount={(_editor, monaco) => {\n          monaco.editor.defineTheme('vs-dark', {\n            base: 'vs-dark',\n            colors: {\n              'editor.background': '#222222',\n            },\n            inherit: true,\n            rules: [],\n          })\n\n          monaco.editor.defineTheme('vs', {\n            base: 'vs',\n            colors: {\n              'editor.background': '#f5f5f5',\n            },\n            inherit: true,\n            rules: [],\n          })\n          monaco.languages.typescript.typescriptDefaults.setCompilerOptions({\n            allowNonTsExtensions: true,\n            // Set module resolution to NodeJs to enable autocompletion\n            allowJs: true,\n            allowSyntheticDefaultImports: true,\n            esModuleInterop: true,\n            jsx: monaco.languages.typescript.JsxEmit.React,\n            moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,\n            noEmit: true,\n            paths: typescript?.paths,\n            reactNamespace: 'React',\n            target: monaco.languages.typescript.ScriptTarget[\n              typescript?.target ?? ('ESNext' as any)\n            ] as any,\n            typeRoots: typescript?.typeRoots ?? ['node_modules/@types'],\n          })\n\n          monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({\n            noSemanticValidation: typescript?.enableSemanticValidation ? false : true,\n            noSyntaxValidation: false,\n          })\n\n          const run = async () => {\n            if (\n              typescript?.fetchTypes &&\n              Array.isArray(typescript.fetchTypes) &&\n              typescript.fetchTypes.length > 0\n            ) {\n              await Promise.all(\n                typescript.fetchTypes.map(async (type) => {\n                  const types = await fetch(type.url)\n                  const typesText = await types.text()\n                  monaco.languages.typescript.typescriptDefaults.addExtraLib(\n                    typesText,\n                    type.filePath,\n                  )\n                }),\n              )\n            }\n          }\n          void run()\n        }}\n        path={path}\n        permissions={permissions}\n        readOnly={readOnly}\n        renderedBlocks={renderedBlocks}\n        schemaPath={schemaPath}\n        validate={validate}\n      />\n    )\n  )\n}\n"],"names":["CodeField","useFormFields","React","useId","useMemo","defaultLanguages","CodeComponent","autoComplete","field","forceRender","languages","path","permissions","readOnly","renderedBlocks","schemaPath","typescript","validate","languageField","fields","language","value","initialValue","instanceId","label","props","type","admin","editorOptions","editorProps","defaultPath","name","undefined","key","onMount","_editor","monaco","editor","defineTheme","base","colors","inherit","rules","typescriptDefaults","setCompilerOptions","allowNonTsExtensions","allowJs","allowSyntheticDefaultImports","esModuleInterop","jsx","JsxEmit","moduleResolution","ModuleResolutionKind","NodeJs","noEmit","paths","reactNamespace","target","ScriptTarget","typeRoots","setDiagnosticsOptions","noSemanticValidation","enableSemanticValidation","noSyntaxValidation","run","fetchTypes","Array","isArray","length","Promise","all","map","types","fetch","url","typesText","text","addExtraLib","filePath"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../src/features/blocks/premade/CodeBlock/Component/Code.tsx"],"sourcesContent":["'use client'\n\nimport type { CodeFieldClient, CodeFieldClientProps } from 'payload'\n\nimport { CodeField, useFormFields } from '@payloadcms/ui'\nimport React, { useId, useMemo } from 'react'\n\nimport { defaultLanguages } from './defaultLanguages.js'\n\nexport type AdditionalCodeComponentProps = {\n  /**\n   * @default first key of the `languages` prop\n   */\n  defaultLanguage?: string\n  /**\n   * @default all languages supported by Monaco Editor\n   */\n  languages?: Record<string, string>\n  /**\n   * Override the name of the block.\n   *\n   * @default 'Code'\n   */\n  slug?: string\n  /**\n   * Configure typescript settings for the editor\n   */\n  typescript?: {\n    /**\n     * By default, the editor will not perform semantic validation. This means that\n     * while syntax errors will be highlighted, other issues like missing imports or incorrect\n     * types will not be.\n     *\n     * @default false\n     */\n    enableSemanticValidation?: boolean\n    /**\n     * Additional types to fetch and include in the editor for autocompletion.\n     *\n     * For example, to include types for payload, you would set this to\n     *\n     * [{ url: 'https://unpkg.com/payload@latest/dist/index.d.ts', filePath: 'file:///node_modules/payload/index.d.ts' }]\n     */\n    fetchTypes?: Array<{\n      filePath: string\n      url: string\n    }>\n    /**\n     * @default undefined\n     */\n    paths?: Record<string, string[]>\n    /**\n     * @default \"ESNext\"\n     */\n    target?: string\n    /**\n     * @default ['node_modules/@types']\n     */\n    typeRoots?: string[]\n  }\n}\n\nexport const CodeComponent: React.FC<AdditionalCodeComponentProps & CodeFieldClientProps> = ({\n  autoComplete,\n  field,\n  forceRender,\n  languages = defaultLanguages,\n  path,\n  permissions,\n  readOnly,\n  renderedBlocks,\n  schemaPath,\n  typescript,\n  validate,\n}) => {\n  const languageField = useFormFields(([fields]) => fields['language'])\n\n  const language: string =\n    (languageField?.value as string) || (languageField?.initialValue as string) || 'typescript'\n\n  // unique id per component instance to ensure Monaco creates a distinct model\n  // for each TypeScript code block. Using React's useId is SSR-safe and builtin.\n  const instanceId = useId()\n\n  const label = languages[language]\n\n  const props: CodeFieldClient = useMemo<CodeFieldClient>(\n    () => ({\n      ...field,\n      type: 'code',\n      admin: {\n        ...field.admin,\n        editorOptions: {},\n        editorProps: {\n          // If typescript is set, @monaco-editor/react needs to set the URI to a .ts or .tsx file when it calls createModel().\n          // Provide a unique defaultPath per instance so Monaco doesn't reuse the same model\n          // across multiple code block instances. We use field.name + instanceId for debugability.\n          defaultPath: language === 'ts' ? `file-${field.name}-${instanceId}.tsx` : undefined,\n        },\n        language,\n      },\n    }),\n    [field, language, instanceId],\n  )\n\n  const key = `${field.name}-${language}-${label}`\n\n  return (\n    props && (\n      <CodeField\n        autoComplete={autoComplete}\n        field={props}\n        forceRender={forceRender}\n        key={key}\n        onMount={(_editor, monaco) => {\n          monaco.editor.defineTheme('vs-dark', {\n            base: 'vs-dark',\n            colors: {\n              'editor.background': '#222222',\n            },\n            inherit: true,\n            rules: [],\n          })\n\n          monaco.editor.defineTheme('vs', {\n            base: 'vs',\n            colors: {\n              'editor.background': '#f5f5f5',\n            },\n            inherit: true,\n            rules: [],\n          })\n          monaco.languages.typescript.typescriptDefaults.setCompilerOptions({\n            allowNonTsExtensions: true,\n            // Set module resolution to NodeJs to enable autocompletion\n            allowJs: true,\n            allowSyntheticDefaultImports: true,\n            esModuleInterop: true,\n            jsx: monaco.languages.typescript.JsxEmit.React,\n            moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,\n            noEmit: true,\n            paths: typescript?.paths,\n            reactNamespace: 'React',\n            target: monaco.languages.typescript.ScriptTarget[\n              typescript?.target ?? ('ESNext' as any)\n            ] as any,\n            typeRoots: typescript?.typeRoots ?? ['node_modules/@types'],\n          })\n\n          monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({\n            noSemanticValidation: typescript?.enableSemanticValidation ? false : true,\n            noSyntaxValidation: false,\n          })\n\n          const run = async () => {\n            if (\n              typescript?.fetchTypes &&\n              Array.isArray(typescript.fetchTypes) &&\n              typescript.fetchTypes.length > 0\n            ) {\n              await Promise.all(\n                typescript.fetchTypes.map(async (type) => {\n                  const types = await fetch(type.url)\n                  const typesText = await types.text()\n                  monaco.languages.typescript.typescriptDefaults.addExtraLib(\n                    typesText,\n                    type.filePath,\n                  )\n                }),\n              )\n            }\n          }\n          void run()\n        }}\n        path={path}\n        permissions={permissions}\n        readOnly={readOnly}\n        renderedBlocks={renderedBlocks}\n        schemaPath={schemaPath}\n        validate={validate}\n      />\n    )\n  )\n}\n"],"names":["CodeField","useFormFields","React","useId","useMemo","defaultLanguages","CodeComponent","autoComplete","field","forceRender","languages","path","permissions","readOnly","renderedBlocks","schemaPath","typescript","validate","languageField","fields","language","value","initialValue","instanceId","label","props","type","admin","editorOptions","editorProps","defaultPath","name","undefined","key","onMount","_editor","monaco","editor","defineTheme","base","colors","inherit","rules","typescriptDefaults","setCompilerOptions","allowNonTsExtensions","allowJs","allowSyntheticDefaultImports","esModuleInterop","jsx","JsxEmit","moduleResolution","ModuleResolutionKind","NodeJs","noEmit","paths","reactNamespace","target","ScriptTarget","typeRoots","setDiagnosticsOptions","noSemanticValidation","enableSemanticValidation","noSyntaxValidation","run","fetchTypes","Array","isArray","length","Promise","all","map","types","fetch","url","typesText","text","addExtraLib","filePath"],"mappings":"AAAA;;AAIA,SAASA,SAAS,EAAEC,aAAa,QAAQ,iBAAgB;AACzD,OAAOC,SAASC,KAAK,EAAEC,OAAO,QAAQ,QAAO;AAE7C,SAASC,gBAAgB,QAAQ,wBAAuB;AAGtD;;GAEC,GAED;;GAEC,GAED;;;;GAIC,GAED;;GAEC,GAEC;;;;;;KAMC,GAED;;;;;;KAMC,GAKD;;KAEC,GAED;;KAEC,GAED;;KAEC,GAKL,OAAO,MAAMC,gBAA+E,CAAC,EAC3FC,YAAY,EACZC,KAAK,EACLC,WAAW,EACXC,YAAYL,gBAAgB,EAC5BM,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,cAAc,EACdC,UAAU,EACVC,UAAU,EACVC,QAAQ,EACT;IACC,MAAMC,gBAAgBjB,cAAc,CAAC,CAACkB,OAAO,GAAKA,MAAM,CAAC,WAAW;IAEpE,MAAMC,WACJ,AAACF,eAAeG,SAAqBH,eAAeI,gBAA2B;IAEjF,6EAA6E;IAC7E,+EAA+E;IAC/E,MAAMC,aAAapB;IAEnB,MAAMqB,QAAQd,SAAS,CAACU,SAAS;IAEjC,MAAMK,QAAyBrB,QAC7B,IAAO,CAAA;YACL,GAAGI,KAAK;YACRkB,MAAM;YACNC,OAAO;gBACL,GAAGnB,MAAMmB,KAAK;gBACdC,eAAe,CAAC;gBAChBC,aAAa;oBACX,qHAAqH;oBACrH,mFAAmF;oBACnF,yFAAyF;oBACzFC,aAAaV,aAAa,OAAO,CAAC,KAAK,EAAEZ,MAAMuB,IAAI,CAAC,CAAC,EAAER,WAAW,IAAI,CAAC,GAAGS;gBAC5E;gBACAZ;YACF;QACF,CAAA,GACA;QAACZ;QAAOY;QAAUG;KAAW;IAG/B,MAAMU,MAAM,GAAGzB,MAAMuB,IAAI,CAAC,CAAC,EAAEX,SAAS,CAAC,EAAEI,OAAO;IAEhD,OACEC,uBACE,QAACzB;QACCO,cAAcA;QACdC,OAAOiB;QACPhB,aAAaA;QAEbyB,SAAS,CAACC,SAASC;YACjBA,OAAOC,MAAM,CAACC,WAAW,CAAC,WAAW;gBACnCC,MAAM;gBACNC,QAAQ;oBACN,qBAAqB;gBACvB;gBACAC,SAAS;gBACTC,OAAO,EAAE;YACX;YAEAN,OAAOC,MAAM,CAACC,WAAW,CAAC,MAAM;gBAC9BC,MAAM;gBACNC,QAAQ;oBACN,qBAAqB;gBACvB;gBACAC,SAAS;gBACTC,OAAO,EAAE;YACX;YACAN,OAAO1B,SAAS,CAACM,UAAU,CAAC2B,kBAAkB,CAACC,kBAAkB,CAAC;gBAChEC,sBAAsB;gBACtB,2DAA2D;gBAC3DC,SAAS;gBACTC,8BAA8B;gBAC9BC,iBAAiB;gBACjBC,KAAKb,OAAO1B,SAAS,CAACM,UAAU,CAACkC,OAAO,CAAChD,KAAK;gBAC9CiD,kBAAkBf,OAAO1B,SAAS,CAACM,UAAU,CAACoC,oBAAoB,CAACC,MAAM;gBACzEC,QAAQ;gBACRC,OAAOvC,YAAYuC;gBACnBC,gBAAgB;gBAChBC,QAAQrB,OAAO1B,SAAS,CAACM,UAAU,CAAC0C,YAAY,CAC9C1C,YAAYyC,UAAW,SACxB;gBACDE,WAAW3C,YAAY2C,aAAa;oBAAC;iBAAsB;YAC7D;YAEAvB,OAAO1B,SAAS,CAACM,UAAU,CAAC2B,kBAAkB,CAACiB,qBAAqB,CAAC;gBACnEC,sBAAsB7C,YAAY8C,2BAA2B,QAAQ;gBACrEC,oBAAoB;YACtB;YAEA,MAAMC,MAAM;gBACV,IACEhD,YAAYiD,cACZC,MAAMC,OAAO,CAACnD,WAAWiD,UAAU,KACnCjD,WAAWiD,UAAU,CAACG,MAAM,GAAG,GAC/B;oBACA,MAAMC,QAAQC,GAAG,CACftD,WAAWiD,UAAU,CAACM,GAAG,CAAC,OAAO7C;wBAC/B,MAAM8C,QAAQ,MAAMC,MAAM/C,KAAKgD,GAAG;wBAClC,MAAMC,YAAY,MAAMH,MAAMI,IAAI;wBAClCxC,OAAO1B,SAAS,CAACM,UAAU,CAAC2B,kBAAkB,CAACkC,WAAW,CACxDF,WACAjD,KAAKoD,QAAQ;oBAEjB;gBAEJ;YACF;YACA,KAAKd;QACP;QACArD,MAAMA;QACNC,aAAaA;QACbC,UAAUA;QACVC,gBAAgBA;QAChBC,YAAYA;QACZE,UAAUA;OAlELgB;;;;;AAsEb,EAAC"}

package/dist/features/blocks/premade/CodeBlock/Component/Collapse/index.js

@@ -1,16 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
+import './index.scss';
 const baseClass = 'code-block-collapse-button';
 import { useCollapsible } from '@payloadcms/ui';
 import { CollapseIcon } from '../../../../../../lexical/ui/icons/Collapse/index.js';
 export const Collapse = ()=>{
     const { toggle } = useCollapsible();
-    return /*#__PURE__*/ _jsx("button", {
+    return /*#__PURE__*/ _jsxDEV("button", {
         className: baseClass,
         onClick: toggle,
         type: "button",
-        children: /*#__PURE__*/ _jsx(CollapseIcon, {})
-    });
+        children: /*#__PURE__*/ _jsxDEV(CollapseIcon, {}, void 0, false, {
+            fileName: "src/features/blocks/premade/CodeBlock/Component/Collapse/index.tsx",
+            lineNumber: 14,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/features/blocks/premade/CodeBlock/Component/Collapse/index.tsx",
+        lineNumber: 13,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/features/blocks/premade/CodeBlock/Component/Collapse/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/features/blocks/premade/CodeBlock/Component/Collapse/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'code-block-collapse-button'\nimport { useCollapsible } from '@payloadcms/ui'\n\nimport { CollapseIcon } from '../../../../../../lexical/ui/icons/Collapse/index.js'\n\nexport const Collapse: React.FC = () => {\n  const { toggle } = useCollapsible()\n  return (\n    <button className={baseClass} onClick={toggle} type=\"button\">\n      <CollapseIcon />\n    </button>\n  )\n}\n"],"names":["React","baseClass","useCollapsible","CollapseIcon","Collapse","toggle","button","className","onClick","type"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,MAAMC,YAAY;AAClB,SAASC,cAAc,QAAQ,iBAAgB;AAE/C,SAASC,YAAY,QAAQ,uDAAsD;AAEnF,OAAO,MAAMC,WAAqB;IAChC,MAAM,EAAEC,MAAM,EAAE,GAAGH;IACnB,qBACE,KAACI;QAAOC,WAAWN;QAAWO,SAASH;QAAQI,MAAK;kBAClD,cAAA,KAACN;;AAGP,EAAC"}
+{"version":3,"sources":["../../../../../../../src/features/blocks/premade/CodeBlock/Component/Collapse/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'code-block-collapse-button'\nimport { useCollapsible } from '@payloadcms/ui'\n\nimport { CollapseIcon } from '../../../../../../lexical/ui/icons/Collapse/index.js'\n\nexport const Collapse: React.FC = () => {\n  const { toggle } = useCollapsible()\n  return (\n    <button className={baseClass} onClick={toggle} type=\"button\">\n      <CollapseIcon />\n    </button>\n  )\n}\n"],"names":["React","baseClass","useCollapsible","CollapseIcon","Collapse","toggle","button","className","onClick","type"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAClB,SAASC,cAAc,QAAQ,iBAAgB;AAE/C,SAASC,YAAY,QAAQ,uDAAsD;AAEnF,OAAO,MAAMC,WAAqB;IAChC,MAAM,EAAEC,MAAM,EAAE,GAAGH;IACnB,qBACE,QAACI;QAAOC,WAAWN;QAAWO,SAASH;QAAQI,MAAK;kBAClD,cAAA,QAACN;;;;;;;;;;AAGP,EAAC"}

package/dist/features/blocks/premade/CodeBlock/Component/Collapse/index.scss

@@ -0,0 +1,6 @@
+@import '~@payloadcms/ui/scss';
+
+.code-block-collapse-button {
+  all: unset;
+  cursor: pointer;
+}

package/dist/features/blocks/premade/CodeBlock/Component/FloatingCollapse/index.js

@@ -1,5 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
+import './index.scss';
 const baseClass = 'code-block-floating-collapse-button';
 import { useCollapsible, useTranslation } from '@payloadcms/ui';
 import { CollapseIcon } from '../../../../../../lexical/ui/icons/Collapse/index.js';
@@ -9,17 +10,29 @@ export const FloatingCollapse = ()=>{
     if (!isCollapsed) {
         return null;
     }
-    return /*#__PURE__*/ _jsxs("button", {
+    return /*#__PURE__*/ _jsxDEV("button", {
         className: baseClass,
         onClick: toggle,
         type: "button",
         children: [
-            /*#__PURE__*/ _jsx("span", {
+            /*#__PURE__*/ _jsxDEV("span", {
                 children: t('general:collapse')
-            }),
-            /*#__PURE__*/ _jsx(CollapseIcon, {})
+            }, void 0, false, {
+                fileName: "src/features/blocks/premade/CodeBlock/Component/FloatingCollapse/index.tsx",
+                lineNumber: 20,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(CollapseIcon, {}, void 0, false, {
+                fileName: "src/features/blocks/premade/CodeBlock/Component/FloatingCollapse/index.tsx",
+                lineNumber: 21,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/features/blocks/premade/CodeBlock/Component/FloatingCollapse/index.tsx",
+        lineNumber: 19,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/features/blocks/premade/CodeBlock/Component/FloatingCollapse/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/features/blocks/premade/CodeBlock/Component/FloatingCollapse/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'code-block-floating-collapse-button'\nimport { useCollapsible, useTranslation } from '@payloadcms/ui'\n\nimport { CollapseIcon } from '../../../../../../lexical/ui/icons/Collapse/index.js'\n\nexport const FloatingCollapse: React.FC = () => {\n  const { isCollapsed, toggle } = useCollapsible()\n  const { t } = useTranslation()\n\n  if (!isCollapsed) {\n    return null\n  }\n\n  return (\n    <button className={baseClass} onClick={toggle} type=\"button\">\n      <span>{t('general:collapse')}</span>\n      <CollapseIcon />\n    </button>\n  )\n}\n"],"names":["React","baseClass","useCollapsible","useTranslation","CollapseIcon","FloatingCollapse","isCollapsed","toggle","t","button","className","onClick","type","span"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,MAAMC,YAAY;AAClB,SAASC,cAAc,EAAEC,cAAc,QAAQ,iBAAgB;AAE/D,SAASC,YAAY,QAAQ,uDAAsD;AAEnF,OAAO,MAAMC,mBAA6B;IACxC,MAAM,EAAEC,WAAW,EAAEC,MAAM,EAAE,GAAGL;IAChC,MAAM,EAAEM,CAAC,EAAE,GAAGL;IAEd,IAAI,CAACG,aAAa;QAChB,OAAO;IACT;IAEA,qBACE,MAACG;QAAOC,WAAWT;QAAWU,SAASJ;QAAQK,MAAK;;0BAClD,KAACC;0BAAML,EAAE;;0BACT,KAACJ;;;AAGP,EAAC"}
+{"version":3,"sources":["../../../../../../../src/features/blocks/premade/CodeBlock/Component/FloatingCollapse/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'code-block-floating-collapse-button'\nimport { useCollapsible, useTranslation } from '@payloadcms/ui'\n\nimport { CollapseIcon } from '../../../../../../lexical/ui/icons/Collapse/index.js'\n\nexport const FloatingCollapse: React.FC = () => {\n  const { isCollapsed, toggle } = useCollapsible()\n  const { t } = useTranslation()\n\n  if (!isCollapsed) {\n    return null\n  }\n\n  return (\n    <button className={baseClass} onClick={toggle} type=\"button\">\n      <span>{t('general:collapse')}</span>\n      <CollapseIcon />\n    </button>\n  )\n}\n"],"names":["React","baseClass","useCollapsible","useTranslation","CollapseIcon","FloatingCollapse","isCollapsed","toggle","t","button","className","onClick","type","span"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAClB,SAASC,cAAc,EAAEC,cAAc,QAAQ,iBAAgB;AAE/D,SAASC,YAAY,QAAQ,uDAAsD;AAEnF,OAAO,MAAMC,mBAA6B;IACxC,MAAM,EAAEC,WAAW,EAAEC,MAAM,EAAE,GAAGL;IAChC,MAAM,EAAEM,CAAC,EAAE,GAAGL;IAEd,IAAI,CAACG,aAAa;QAChB,OAAO;IACT;IAEA,qBACE,QAACG;QAAOC,WAAWT;QAAWU,SAASJ;QAAQK,MAAK;;0BAClD,QAACC;0BAAML,EAAE;;;;;;0BACT,QAACJ;;;;;;;;;;;AAGP,EAAC"}