@payloadcms/richtext-lexical 3.59.0-internal.8435f3c → 3.59.0-internal.917c03d

package/dist/features/blocks/premade/CodeBlock/Component/Code.d.ts

@@ -0,0 +1,61 @@
+import type { CodeFieldClientProps } from 'payload';
+import React from 'react';
+export type AdditionalCodeComponentProps = {
+    /**
+     * @default first key of the `languages` prop
+     */
+    defaultLanguage?: string;
+    /**
+     * @default
+     * {
+     *  js: 'JavaScript',
+     *  plaintext: 'Plain Text',
+     *  ts: 'TypeScript',
+     * }
+     */
+    languages?: Record<string, string>;
+    /**
+     * Override the name of the block.
+     *
+     * @default 'Code'
+     */
+    slug?: string;
+    /**
+     * Configure typescript settings for the editor
+     */
+    typescript?: {
+        /**
+         * By default, the editor will not perform semantic validation. This means that
+         * while syntax errors will be highlighted, other issues like missing imports or incorrect
+         * types will not be.
+         *
+         * @default false
+         */
+        enableSemanticValidation?: boolean;
+        /**
+         * Additional types to fetch and include in the editor for autocompletion.
+         *
+         * For example, to include types for payload, you would set this to
+         *
+         * [{ url: 'https://unpkg.com/payload@latest/dist/index.d.ts', filePath: 'file:///node_modules/payload/index.d.ts' }]
+         */
+        fetchTypes?: Array<{
+            filePath: string;
+            url: string;
+        }>;
+        /**
+         * @default undefined
+         */
+        paths?: Record<string, string[]>;
+        /**
+         * @default "ESNext"
+         */
+        target?: string;
+        /**
+         * @default ['node_modules/@types']
+         */
+        typeRoots?: string[];
+    };
+};
+export declare const CodeComponent: React.FC<AdditionalCodeComponentProps & CodeFieldClientProps>;
+//# sourceMappingURL=Code.d.ts.map

package/dist/features/blocks/premade/CodeBlock/Component/Code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../../../../src/features/blocks/premade/CodeBlock/Component/Code.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAmB,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAGpE,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,4BAA4B,GAAG;IACzC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,UAAU,CAAC,EAAE;QACX;;;;;;WAMG;QACH,wBAAwB,CAAC,EAAE,OAAO,CAAA;QAClC;;;;;;WAMG;QACH,UAAU,CAAC,EAAE,KAAK,CAAC;YACjB,QAAQ,EAAE,MAAM,CAAA;YAChB,GAAG,EAAE,MAAM,CAAA;SACZ,CAAC,CAAA;QACF;;WAEG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAA;QAChC;;WAEG;QACH,MAAM,CAAC,EAAE,MAAM,CAAA;QACf;;WAEG;QACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;KACrB,CAAA;CACF,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,GAAG,oBAAoB,CAwHvF,CAAA"}

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

@@ -0,0 +1,99 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CodeField, useFormFields } from '@payloadcms/ui';
+import React, { useMemo } from 'react';
+export const CodeComponent = ({
+  autoComplete,
+  field,
+  forceRender,
+  languages = {
+    js: 'JavaScript',
+    plaintext: 'Plain Text',
+    ts: 'TypeScript'
+  },
+  path,
+  permissions,
+  readOnly,
+  renderedBlocks,
+  schemaPath,
+  typescript,
+  validate
+}) => {
+  const languageField = useFormFields(([fields]) => fields['language']);
+  const language = languageField?.value || languageField?.initialValue || 'typescript';
+  const label = languages[language];
+  const props = useMemo(() => ({
+    ...field,
+    type: 'code',
+    admin: {
+      ...field.admin,
+      editorOptions: {},
+      editorProps: {
+        // If typescript is set, @monaco-editor/react needs to set the URI to a .ts or .tsx file when it calls createModel().
+        // This is done through the `defaultPath` prop.
+        defaultPath: language === 'ts' ? 'file.tsx' : undefined
+      },
+      language
+    }
+  }), [field, language]);
+  const key = `${field.name}-${language}-${label}`;
+  return props && /*#__PURE__*/_jsx(CodeField, {
+    autoComplete: autoComplete,
+    field: props,
+    forceRender: forceRender,
+    onMount: (_editor, monaco) => {
+      monaco.editor.defineTheme('vs-dark', {
+        base: 'vs-dark',
+        colors: {
+          'editor.background': '#222222'
+        },
+        inherit: true,
+        rules: []
+      });
+      monaco.editor.defineTheme('vs', {
+        base: 'vs',
+        colors: {
+          'editor.background': '#f5f5f5'
+        },
+        inherit: true,
+        rules: []
+      });
+      monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
+        allowNonTsExtensions: true,
+        // Set module resolution to NodeJs to enable autocompletion
+        allowJs: true,
+        allowSyntheticDefaultImports: true,
+        esModuleInterop: true,
+        jsx: monaco.languages.typescript.JsxEmit.React,
+        moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
+        noEmit: true,
+        paths: typescript?.paths,
+        reactNamespace: 'React',
+        target: monaco.languages.typescript.ScriptTarget[typescript?.target ?? 'ESNext'],
+        typeRoots: typescript?.typeRoots ?? ['node_modules/@types']
+      });
+      monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
+        noSemanticValidation: typescript?.enableSemanticValidation ? false : true,
+        noSyntaxValidation: false
+      });
+      const run = async () => {
+        if (typescript?.fetchTypes && Array.isArray(typescript.fetchTypes) && typescript.fetchTypes.length > 0) {
+          await Promise.all(typescript.fetchTypes.map(async type => {
+            const types = await fetch(type.url);
+            const typesText = await types.text();
+            monaco.languages.typescript.typescriptDefaults.addExtraLib(typesText, type.filePath);
+          }));
+        }
+      };
+      void run();
+    },
+    path: path,
+    permissions: permissions,
+    readOnly: readOnly,
+    renderedBlocks: renderedBlocks,
+    schemaPath: schemaPath,
+    validate: validate
+  }, key);
+};
+//# sourceMappingURL=Code.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Code.js","names":["CodeField","useFormFields","React","useMemo","CodeComponent","autoComplete","field","forceRender","languages","js","plaintext","ts","path","permissions","readOnly","renderedBlocks","schemaPath","typescript","validate","languageField","fields","language","value","initialValue","label","props","type","admin","editorOptions","editorProps","defaultPath","undefined","key","name","_jsx","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"],"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, { useMemo } from 'react'\n\nexport type AdditionalCodeComponentProps = {\n  /**\n   * @default first key of the `languages` prop\n   */\n  defaultLanguage?: string\n  /**\n   * @default\n   * {\n   *  js: 'JavaScript',\n   *  plaintext: 'Plain Text',\n   *  ts: 'TypeScript',\n   * }\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 = {\n    js: 'JavaScript',\n    plaintext: 'Plain Text',\n    ts: 'TypeScript',\n  },\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  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          // This is done through the `defaultPath` prop.\n          defaultPath: language === 'ts' ? 'file.tsx' : undefined,\n        },\n        language,\n      },\n    }),\n    [field, language],\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"],"mappings":"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","ignoreList":[]}

package/dist/features/blocks/premade/CodeBlock/Component/Collapse/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+export declare const Collapse: React.FC;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/blocks/premade/CodeBlock/Component/Collapse/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAOrB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAO5B,CAAA"}

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+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", {
+    className: baseClass,
+    onClick: toggle,
+    type: "button",
+    children: /*#__PURE__*/_jsx(CollapseIcon, {})
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","baseClass","useCollapsible","CollapseIcon","Collapse","toggle","_jsx","className","onClick","type"],"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"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAIlB,MAAMC,SAAA,GAAY;AAClB,SAASC,cAAc,QAAQ;AAE/B,SAASC,YAAY,QAAQ;AAE7B,OAAO,MAAMC,QAAA,GAAqBA,CAAA;EAChC,MAAM;IAAEC;EAAM,CAAE,GAAGH,cAAA;EACnB,oBACEI,IAAA,CAAC;IAAOC,SAAA,EAAWN,SAAA;IAAWO,OAAA,EAASH,MAAA;IAAQI,IAAA,EAAK;cAClD,aAAAH,IAAA,CAACH,YAAA;;AAGP","ignoreList":[]}

package/dist/features/blocks/premade/CodeBlock/Component/FloatingCollapse/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+export declare const FloatingCollapse: React.FC;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/blocks/premade/CodeBlock/Component/FloatingCollapse/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAOrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAcpC,CAAA"}

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+const baseClass = 'code-block-floating-collapse-button';
+import { useCollapsible, useTranslation } from '@payloadcms/ui';
+import { CollapseIcon } from '../../../../../../lexical/ui/icons/Collapse/index.js';
+export const FloatingCollapse = () => {
+  const {
+    isCollapsed,
+    toggle
+  } = useCollapsible();
+  const {
+    t
+  } = useTranslation();
+  if (!isCollapsed) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs("button", {
+    className: baseClass,
+    onClick: toggle,
+    type: "button",
+    children: [/*#__PURE__*/_jsx("span", {
+      children: t('general:collapse')
+    }), /*#__PURE__*/_jsx(CollapseIcon, {})]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","baseClass","useCollapsible","useTranslation","CollapseIcon","FloatingCollapse","isCollapsed","toggle","t","_jsxs","className","onClick","type","_jsx"],"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"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAIlB,MAAMC,SAAA,GAAY;AAClB,SAASC,cAAc,EAAEC,cAAc,QAAQ;AAE/C,SAASC,YAAY,QAAQ;AAE7B,OAAO,MAAMC,gBAAA,GAA6BA,CAAA;EACxC,MAAM;IAAEC,WAAW;IAAEC;EAAM,CAAE,GAAGL,cAAA;EAChC,MAAM;IAAEM;EAAC,CAAE,GAAGL,cAAA;EAEd,IAAI,CAACG,WAAA,EAAa;IAChB,OAAO;EACT;EAEA,oBACEG,KAAA,CAAC;IAAOC,SAAA,EAAWT,SAAA;IAAWU,OAAA,EAASJ,MAAA;IAAQK,IAAA,EAAK;4BAClDC,IAAA,CAAC;gBAAML,CAAA,CAAE;qBACTK,IAAA,CAACT,YAAA;;AAGP","ignoreList":[]}

package/dist/features/blocks/premade/CodeBlock/converter.d.ts

@@ -0,0 +1,7 @@
+import type { BlockJSX } from 'payload';
+/**
+ * @internal
+ * @experimental - API may change in minor releases
+ */
+export declare const codeConverter: BlockJSX;
+//# sourceMappingURL=converter.d.ts.map

package/dist/features/blocks/premade/CodeBlock/converter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"converter.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/premade/CodeBlock/converter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,QAyC3B,CAAA"}

package/dist/features/blocks/premade/CodeBlock/converter.js

@@ -0,0 +1,46 @@
+/**
+ * @internal
+ * @experimental - API may change in minor releases
+ */export const codeConverter = {
+  customEndRegex: {
+    optional: true,
+    regExp: /[ \t]*```$/
+  },
+  customStartRegex: /^[ \t]*```(\w+)?/,
+  doNotTrimChildren: true,
+  export: ({
+    fields
+  }) => {
+    const isSingleLine = !fields.code.includes('\n') && !fields.language?.length;
+    if (isSingleLine) {
+      return '```' + fields.code + '```';
+    }
+    return '```' + (fields.language || '') + (fields.code ? '\n' + fields.code : '') + '\n' + '```';
+  },
+  import: ({
+    children,
+    closeMatch,
+    openMatch
+  }) => {
+    const language = openMatch?.[1];
+    // Removed first and last \n from children if present
+    if (children.startsWith('\n')) {
+      children = children.slice(1);
+    }
+    if (children.endsWith('\n')) {
+      children = children.slice(0, -1);
+    }
+    const isSingleLineAndComplete = !!closeMatch && !children.includes('\n') && openMatch?.input?.trim() !== '```' + language;
+    if (isSingleLineAndComplete) {
+      return {
+        code: language + (children?.length ? children : ''),
+        language: ''
+      };
+    }
+    return {
+      code: children,
+      language
+    };
+  }
+};
+//# sourceMappingURL=converter.js.map

package/dist/features/blocks/premade/CodeBlock/converter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"converter.js","names":["codeConverter","customEndRegex","optional","regExp","customStartRegex","doNotTrimChildren","export","fields","isSingleLine","code","includes","language","length","import","children","closeMatch","openMatch","startsWith","slice","endsWith","isSingleLineAndComplete","input","trim"],"sources":["../../../../../src/features/blocks/premade/CodeBlock/converter.ts"],"sourcesContent":["import type { BlockJSX } from 'payload'\n\n/**\n * @internal\n * @experimental - API may change in minor releases\n */\nexport const codeConverter: BlockJSX = {\n  customEndRegex: {\n    optional: true,\n    regExp: /[ \\t]*```$/,\n  },\n  customStartRegex: /^[ \\t]*```(\\w+)?/,\n  doNotTrimChildren: true,\n  export: ({ fields }) => {\n    const isSingleLine = !fields.code.includes('\\n') && !fields.language?.length\n    if (isSingleLine) {\n      return '```' + fields.code + '```'\n    }\n\n    return '```' + (fields.language || '') + (fields.code ? '\\n' + fields.code : '') + '\\n' + '```'\n  },\n  import: ({ children, closeMatch, openMatch }) => {\n    const language = openMatch?.[1]\n\n    // Removed first and last \\n from children if present\n    if (children.startsWith('\\n')) {\n      children = children.slice(1)\n    }\n    if (children.endsWith('\\n')) {\n      children = children.slice(0, -1)\n    }\n\n    const isSingleLineAndComplete =\n      !!closeMatch && !children.includes('\\n') && openMatch?.input?.trim() !== '```' + language\n\n    if (isSingleLineAndComplete) {\n      return {\n        code: language + (children?.length ? children : ''), // No need to add space to children as they are not trimmed\n        language: '',\n      }\n    }\n\n    return {\n      code: children,\n      language,\n    }\n  },\n}\n"],"mappings":"AAEA;;;GAIA,OAAO,MAAMA,aAAA,GAA0B;EACrCC,cAAA,EAAgB;IACdC,QAAA,EAAU;IACVC,MAAA,EAAQ;EACV;EACAC,gBAAA,EAAkB;EAClBC,iBAAA,EAAmB;EACnBC,MAAA,EAAQA,CAAC;IAAEC;EAAM,CAAE;IACjB,MAAMC,YAAA,GAAe,CAACD,MAAA,CAAOE,IAAI,CAACC,QAAQ,CAAC,SAAS,CAACH,MAAA,CAAOI,QAAQ,EAAEC,MAAA;IACtE,IAAIJ,YAAA,EAAc;MAChB,OAAO,QAAQD,MAAA,CAAOE,IAAI,GAAG;IAC/B;IAEA,OAAO,SAASF,MAAA,CAAOI,QAAQ,IAAI,EAAC,KAAMJ,MAAA,CAAOE,IAAI,GAAG,OAAOF,MAAA,CAAOE,IAAI,GAAG,EAAC,IAAK,OAAO;EAC5F;EACAI,MAAA,EAAQA,CAAC;IAAEC,QAAQ;IAAEC,UAAU;IAAEC;EAAS,CAAE;IAC1C,MAAML,QAAA,GAAWK,SAAA,GAAY,EAAE;IAE/B;IACA,IAAIF,QAAA,CAASG,UAAU,CAAC,OAAO;MAC7BH,QAAA,GAAWA,QAAA,CAASI,KAAK,CAAC;IAC5B;IACA,IAAIJ,QAAA,CAASK,QAAQ,CAAC,OAAO;MAC3BL,QAAA,GAAWA,QAAA,CAASI,KAAK,CAAC,GAAG,CAAC;IAChC;IAEA,MAAME,uBAAA,GACJ,CAAC,CAACL,UAAA,IAAc,CAACD,QAAA,CAASJ,QAAQ,CAAC,SAASM,SAAA,EAAWK,KAAA,EAAOC,IAAA,OAAW,QAAQX,QAAA;IAEnF,IAAIS,uBAAA,EAAyB;MAC3B,OAAO;QACLX,IAAA,EAAME,QAAA,IAAYG,QAAA,EAAUF,MAAA,GAASE,QAAA,GAAW,EAAC;QACjDH,QAAA,EAAU;MACZ;IACF;IAEA,OAAO;MACLF,IAAA,EAAMK,QAAA;MACNH;IACF;EACF;AACF","ignoreList":[]}

package/dist/features/blocks/premade/CodeBlock/converterClient.d.ts

@@ -0,0 +1,2 @@
+export { codeConverter as codeConverterClient } from './converter.js';
+//# sourceMappingURL=converterClient.d.ts.map

package/dist/features/blocks/premade/CodeBlock/converterClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"converterClient.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/premade/CodeBlock/converterClient.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/features/blocks/premade/CodeBlock/converterClient.js

@@ -0,0 +1,4 @@
+'use client';
+
+export { codeConverter as codeConverterClient } from './converter.js';
+//# sourceMappingURL=converterClient.js.map

package/dist/features/blocks/premade/CodeBlock/converterClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"converterClient.js","names":["codeConverter","codeConverterClient"],"sources":["../../../../../src/features/blocks/premade/CodeBlock/converterClient.ts"],"sourcesContent":["'use client'\n\nexport { codeConverter as codeConverterClient } from './converter.js'\n"],"mappings":"AAAA;;AAEA,SAASA,aAAA,IAAiBC,mBAAmB,QAAQ","ignoreList":[]}

package/dist/features/blocks/premade/CodeBlock/index.d.ts

@@ -0,0 +1,7 @@
+import type { Block } from 'payload';
+import type { AdditionalCodeComponentProps } from './Component/Code.js';
+/**
+ * @experimental - this API may change in future, minor releases
+ */
+export declare const CodeBlock: (args?: AdditionalCodeComponentProps) => Block;
+//# sourceMappingURL=index.d.ts.map

package/dist/features/blocks/premade/CodeBlock/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/premade/CodeBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAA;AAIvE;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,4BAA4B,KAAK,KAkDhE,CAAA"}

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

@@ -0,0 +1,52 @@
+import { codeConverter } from './converter.js';
+/**
+ * @experimental - this API may change in future, minor releases
+ */
+export const CodeBlock = args => {
+  const languages = args?.languages || {
+    js: 'JavaScript',
+    plaintext: 'Plain Text',
+    ts: 'TypeScript'
+  };
+  return {
+    slug: args?.slug || 'Code',
+    admin: {
+      components: {
+        Block: {
+          clientProps: {
+            languages
+          },
+          path: '@payloadcms/richtext-lexical/client#CodeBlockBlockComponent'
+        }
+      },
+      jsx: '@payloadcms/richtext-lexical/client#codeConverterClient'
+    },
+    fields: [{
+      name: 'language',
+      type: 'select',
+      admin: {
+        // We'll manually render this field into the block component header
+        hidden: true
+      },
+      defaultValue: args?.defaultLanguage || Object.keys(languages)[0],
+      options: Object.entries(languages).map(([key, value]) => ({
+        label: value,
+        value: key
+      }))
+    }, {
+      name: 'code',
+      type: 'code',
+      admin: {
+        components: {
+          Field: {
+            clientProps: args,
+            path: '@payloadcms/richtext-lexical/client#CodeComponent'
+          }
+        }
+      },
+      label: ''
+    }],
+    jsx: codeConverter
+  };
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["codeConverter","CodeBlock","args","languages","js","plaintext","ts","slug","admin","components","Block","clientProps","path","jsx","fields","name","type","hidden","defaultValue","defaultLanguage","Object","keys","options","entries","map","key","value","label","Field"],"sources":["../../../../../src/features/blocks/premade/CodeBlock/index.ts"],"sourcesContent":["import type { Block } from 'payload'\n\nimport type { AdditionalCodeComponentProps } from './Component/Code.js'\n\nimport { codeConverter } from './converter.js'\n\n/**\n * @experimental - this API may change in future, minor releases\n */\nexport const CodeBlock: (args?: AdditionalCodeComponentProps) => Block = (args) => {\n  const languages = args?.languages || {\n    js: 'JavaScript',\n    plaintext: 'Plain Text',\n    ts: 'TypeScript',\n  }\n\n  return {\n    slug: args?.slug || 'Code',\n    admin: {\n      components: {\n        Block: {\n          clientProps: {\n            languages,\n          },\n          path: '@payloadcms/richtext-lexical/client#CodeBlockBlockComponent',\n        },\n      },\n      jsx: '@payloadcms/richtext-lexical/client#codeConverterClient',\n    },\n    fields: [\n      {\n        name: 'language',\n        type: 'select',\n        admin: {\n          // We'll manually render this field into the block component header\n          hidden: true,\n        },\n        defaultValue: args?.defaultLanguage || Object.keys(languages)[0],\n        options: Object.entries(languages).map(([key, value]) => ({\n          label: value,\n          value: key,\n        })),\n      },\n      {\n        name: 'code',\n        type: 'code',\n        admin: {\n          components: {\n            Field: {\n              clientProps: args,\n              path: '@payloadcms/richtext-lexical/client#CodeComponent',\n            },\n          },\n        },\n        label: '',\n      },\n    ],\n    jsx: codeConverter,\n  }\n}\n"],"mappings":"AAIA,SAASA,aAAa,QAAQ;AAE9B;;;AAGA,OAAO,MAAMC,SAAA,GAA6DC,IAAA;EACxE,MAAMC,SAAA,GAAYD,IAAA,EAAMC,SAAA,IAAa;IACnCC,EAAA,EAAI;IACJC,SAAA,EAAW;IACXC,EAAA,EAAI;EACN;EAEA,OAAO;IACLC,IAAA,EAAML,IAAA,EAAMK,IAAA,IAAQ;IACpBC,KAAA,EAAO;MACLC,UAAA,EAAY;QACVC,KAAA,EAAO;UACLC,WAAA,EAAa;YACXR;UACF;UACAS,IAAA,EAAM;QACR;MACF;MACAC,GAAA,EAAK;IACP;IACAC,MAAA,EAAQ,CACN;MACEC,IAAA,EAAM;MACNC,IAAA,EAAM;MACNR,KAAA,EAAO;QACL;QACAS,MAAA,EAAQ;MACV;MACAC,YAAA,EAAchB,IAAA,EAAMiB,eAAA,IAAmBC,MAAA,CAAOC,IAAI,CAAClB,SAAA,CAAU,CAAC,EAAE;MAChEmB,OAAA,EAASF,MAAA,CAAOG,OAAO,CAACpB,SAAA,EAAWqB,GAAG,CAAC,CAAC,CAACC,GAAA,EAAKC,KAAA,CAAM,MAAM;QACxDC,KAAA,EAAOD,KAAA;QACPA,KAAA,EAAOD;MACT;IACF,GACA;MACEV,IAAA,EAAM;MACNC,IAAA,EAAM;MACNR,KAAA,EAAO;QACLC,UAAA,EAAY;UACVmB,KAAA,EAAO;YACLjB,WAAA,EAAaT,IAAA;YACbU,IAAA,EAAM;UACR;QACF;MACF;MACAe,KAAA,EAAO;IACT,EACD;IACDd,GAAA,EAAKb;EACP;AACF","ignoreList":[]}

package/dist/features/blocks/server/i18n.js

@@ -2,9 +2,9 @@ export const i18n = {
   ar: {
     inlineBlocks: {
       create: 'أنشئ {{label}}',
-      edit: 'تحرير {{التسمية}}',
+      edit: 'تحرير {{label}}',
       label: 'الكتل الداخلية',
-      remove: 'إزالة {{التسمية}}'
+      remove: 'إزالة {{label}}'
     },
     label: 'كتل'
   },
@@ -19,16 +19,16 @@ export const i18n = {
   },
   bg: {
     inlineBlocks: {
-      create: 'Създайте {{етикет}}',
-      edit: 'Редактирай {{етикет}}',
+      create: 'Създайте {{label}}',
+      edit: 'Редактирай {{label}}',
       label: 'Вградени блокове',
-      remove: 'Премахнете {{етикет}}'
+      remove: 'Премахнете {{label}}'
     },
     label: 'Блокове'
   },
   cs: {
     inlineBlocks: {
-      create: 'Vytvořte {{štítek}}',
+      create: 'Vytvořte {{label}}',
       edit: 'Upravit {{label}}',
       label: 'Inline bloky',
       remove: 'Odstraňte {{label}}'
@@ -64,8 +64,8 @@ export const i18n = {
   },
   es: {
     inlineBlocks: {
-      create: 'Crear {{etiqueta}}',
-      edit: 'Editar {{etiqueta}}',
+      create: 'Crear {{label}}',
+      edit: 'Editar {{label}}',
       label: 'Bloques en línea',
       remove: 'Eliminar {{label}}'
     },
@@ -82,10 +82,10 @@ export const i18n = {
   },
   fa: {
     inlineBlocks: {
-      create: 'ایجاد {{برچسب}}',
-      edit: 'ویرایش {{برچسب}}',
+      create: 'ایجاد {{label}}',
+      edit: 'ویرایش {{label}}',
       label: 'بلوک‌های درون خطی',
-      remove: 'حذف {{برچسب}}'
+      remove: 'حذف {{label}}'
     },
     label: 'بلوک ها'
   },
@@ -100,26 +100,26 @@ export const i18n = {
   },
   he: {
     inlineBlocks: {
-      create: 'צור {{תווית}}',
-      edit: 'ערוך {{תווית}}',
+      create: 'צור {{label}}',
+      edit: 'ערוך {{label}}',
       label: 'בלוקים משורשרים',
-      remove: 'הסר {{תווית}}'
+      remove: 'הסר {{label}}'
     },
     label: 'חסימות'
   },
   hr: {
     inlineBlocks: {
-      create: 'Stvori {{oznaka}}',
+      create: 'Stvori {{label}}',
       edit: 'Uredi {{label}}',
       label: 'Unutrašnji blokovi',
-      remove: 'Ukloni {{oznaka}}'
+      remove: 'Ukloni {{label}}'
     },
     label: 'Blokovi'
   },
   hu: {
     inlineBlocks: {
-      create: 'Hozzon létre {{címke}}',
-      edit: 'Szerkesztés {{címke}}',
+      create: 'Hozzon létre {{label}}',
+      edit: 'Szerkesztés {{label}}',
       label: 'Beágyazott blokkok',
       remove: 'Távolítsa el a {{label}}'
     },
@@ -127,7 +127,7 @@ export const i18n = {
   },
   it: {
     inlineBlocks: {
-      create: 'Crea {{etichetta}}',
+      create: 'Crea {{label}}',
       edit: 'Modifica {{label}}',
       label: 'Blocchi in linea',
       remove: 'Rimuovi {{label}}'
@@ -139,7 +139,7 @@ export const i18n = {
       create: '{{label}}を作成する',
       edit: '{{label}}を編集する',
       label: 'インラインブロック',
-      remove: '{{ラベル}}を削除します'
+      remove: '{{label}}を削除します'
     },
     label: 'ブロック'
   },
@@ -182,9 +182,9 @@ export const i18n = {
   pl: {
     inlineBlocks: {
       create: 'Utwórz {{label}}',
-      edit: 'Edytuj {{etykieta}}',
+      edit: 'Edytuj {{label}}',
       label: 'Blokowanie w linii',
-      remove: 'Usuń {{etykieta}}'
+      remove: 'Usuń {{label}}'
     },
     label: 'Bloki'
   },
@@ -199,10 +199,10 @@ export const i18n = {
   },
   ro: {
     inlineBlocks: {
-      create: 'Creează {{eticheta}}',
-      edit: 'Editați {{eticheta}}',
+      create: 'Creează {{label}}',
+      edit: 'Editați {{label}}',
       label: 'Blocuri in linie',
-      remove: 'Ștergeți {{etichetă}}'
+      remove: 'Ștergeți {{label}}'
     },
     label: 'Blocuri'
   },
@@ -220,22 +220,22 @@ export const i18n = {
       create: 'Kreiraj {{label}}',
       edit: 'Izmeni {{label}}',
       label: 'Umetnuti blokovi',
-      remove: 'Ukloni {{oznaka}}'
+      remove: 'Ukloni {{label}}'
     },
     label: 'Blokovi'
   },
   ru: {
     inlineBlocks: {
       create: 'Создать {{label}}',
-      edit: 'Изменить {{метка}}',
+      edit: 'Изменить {{label}}',
       label: 'Встроенные блоки',
-      remove: 'Удалить {{метка}}'
+      remove: 'Удалить {{label}}'
     },
     label: 'Блоки'
   },
   sk: {
     inlineBlocks: {
-      create: 'Vytvorte {{označenie}}',
+      create: 'Vytvorte {{label}}',
       edit: 'Upraviť {{label}}',
       label: 'Inline bloky',
       remove: 'Odstráňte {{label}}'
@@ -244,7 +244,7 @@ export const i18n = {
   },
   sl: {
     inlineBlocks: {
-      create: 'Ustvari {{oznaka}}',
+      create: 'Ustvari {{label}}',
       edit: 'Uredi {{label}}',
       label: 'Vrstični bloki',
       remove: 'Odstrani {{label}}'
@@ -254,9 +254,9 @@ export const i18n = {
   sv: {
     inlineBlocks: {
       create: 'Skapa {{label}}',
-      edit: 'Redigera {{etikett}}',
+      edit: 'Redigera {{label}}',
       label: 'Inline-blockar',
-      remove: 'Ta bort {{etikett}}'
+      remove: 'Ta bort {{label}}'
     },
     label: 'Block'
   },
@@ -280,10 +280,10 @@ export const i18n = {
   },
   tr: {
     inlineBlocks: {
-      create: '{{Etiketi}} oluşturun',
-      edit: "{{Etiket}}'i düzenleyin",
+      create: '{{label}} oluşturun',
+      edit: "{{label}}'i düzenleyin",
       label: 'Satır İçi Bloklar',
-      remove: '{{Etiketi}} kaldırın'
+      remove: '{{label}} kaldırın'
     },
     label: 'Bloklar'
   },
@@ -292,16 +292,16 @@ export const i18n = {
       create: 'Створити {{label}}',
       edit: 'Редагувати {{label}}',
       label: 'Вбудовані блоки',
-      remove: 'Видалити {{мітку}}'
+      remove: 'Видалити {{label}}'
     },
     label: 'Блоки'
   },
   vi: {
     inlineBlocks: {
       create: 'Tạo {{label}}',
-      edit: 'Chỉnh sửa {{nhãn}}',
+      edit: 'Chỉnh sửa {{label}}',
       label: 'Khối nội tuyến',
-      remove: 'Xóa {{nhãn}}'
+      remove: 'Xóa {{label}}'
     },
     label: 'Khối'
   },