@payloadcms/richtext-lexical 3.0.0-canary.ff8c8fd → 3.0.0

package/dist/features/blocks/client/componentInline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useRef","baseClass","useLexicalComposerContext","useLexicalNodeSelection","mergeRegister","getTranslation","Button","RenderComponent","useTranslation","$getNodeByKey","$getSelection","$isNodeSelection","CLICK_COMMAND","COMMAND_PRIORITY_LOW","KEY_BACKSPACE_COMMAND","KEY_DELETE_COMMAND","useEditorConfigContext","$isInlineBlockNode","OPEN_INLINE_BLOCK_DRAWER_COMMAND","InlineBlockComponent","props","formData","nodeKey","editor","i18n","t","field","inlineBlockElemElemRef","isSelected","setSelected","clearSelection","richTextComponentMap","componentMapRenderedBlockPath","blocksField","get","clientBlock","blocks","find","block","slug","blockType","removeInlineBlock","update","remove","$onDelete","event","preventDefault","node","onClick","payload","target","current","contains","shiftKey","registerCommand","blockDisplayName","labels","singular","_jsxs","className","filter","Boolean","join","ref","admin","components","Label","_jsx","clientProps","blockKind","mappedComponent","isEditable","buttonStyle","disabled","readOnly","el","icon","dispatchCommand","fields","round","size","tooltip","label","e"],"sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useEffect, useRef } from 'react'\nconst baseClass = 'inline-block'\n\nimport type { BlockFieldClient } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection'\nimport { mergeRegister } from '@lexical/utils'\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button, RenderComponent, useTranslation } from '@payloadcms/ui'\nimport {\n  $getNodeByKey,\n  $getSelection,\n  $isNodeSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_LOW,\n  KEY_BACKSPACE_COMMAND,\n  KEY_DELETE_COMMAND,\n} from 'lexical'\n\nimport type { InlineBlockFields } from '../nodes/InlineBlocksNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { $isInlineBlockNode } from '../nodes/InlineBlocksNode.js'\nimport { OPEN_INLINE_BLOCK_DRAWER_COMMAND } from '../plugin/commands.js'\nimport './index.scss'\n\ntype Props = {\n  readonly formData: InlineBlockFields\n  readonly nodeKey?: string\n}\n\nexport const InlineBlockComponent: React.FC<Props> = (props) => {\n  const { formData, nodeKey } = props\n  const [editor] = useLexicalComposerContext()\n  const { i18n, t } = useTranslation<object, string>()\n  const { field } = useEditorConfigContext()\n  const inlineBlockElemElemRef = useRef<HTMLDivElement | null>(null)\n  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey)\n\n  const {\n    field: { richTextComponentMap },\n  } = useEditorConfigContext()\n\n  const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_inline_blocks`\n  const blocksField: BlockFieldClient = richTextComponentMap.get(componentMapRenderedBlockPath)[0]\n  const clientBlock = blocksField.blocks.find((block) => block.slug === formData.blockType)\n\n  const removeInlineBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey).remove()\n    })\n  }, [editor, nodeKey])\n\n  const $onDelete = useCallback(\n    (event: KeyboardEvent) => {\n      if (isSelected && $isNodeSelection($getSelection())) {\n        event.preventDefault()\n        const node = $getNodeByKey(nodeKey)\n        if ($isInlineBlockNode(node)) {\n          node.remove()\n          return true\n        }\n      }\n      return false\n    },\n    [isSelected, nodeKey],\n  )\n  const onClick = useCallback(\n    (payload: MouseEvent) => {\n      const event = payload\n      // Check if inlineBlockElemElemRef.target or anything WITHIN inlineBlockElemElemRef.target was clicked\n      if (\n        event.target === inlineBlockElemElemRef.current ||\n        inlineBlockElemElemRef.current?.contains(event.target as Node)\n      ) {\n        if (event.shiftKey) {\n          setSelected(!isSelected)\n        } else {\n          if (!isSelected) {\n            clearSelection()\n            setSelected(true)\n          }\n        }\n        return true\n      }\n\n      return false\n    },\n    [isSelected, setSelected, clearSelection],\n  )\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand<MouseEvent>(CLICK_COMMAND, onClick, COMMAND_PRIORITY_LOW),\n\n      editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n      editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n    )\n  }, [clearSelection, editor, isSelected, nodeKey, $onDelete, setSelected, onClick])\n\n  const blockDisplayName = clientBlock?.labels?.singular\n    ? getTranslation(clientBlock.labels.singular, i18n)\n    : clientBlock.slug\n\n  return (\n    <div\n      className={[\n        baseClass,\n        baseClass + '-' + formData.blockType,\n        isSelected && `${baseClass}--selected`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      ref={inlineBlockElemElemRef}\n    >\n      {clientBlock?.admin?.components?.Label ? (\n        <RenderComponent\n          clientProps={{ blockKind: 'lexicalInlineBlock', formData }}\n          mappedComponent={clientBlock.admin.components.Label}\n        />\n      ) : (\n        <div>{getTranslation(clientBlock.labels?.singular, i18n)}</div>\n      )}\n      {editor.isEditable() && (\n        <div className={`${baseClass}__actions`}>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__editButton`}\n            disabled={field?.admin?.readOnly}\n            el=\"div\"\n            icon=\"edit\"\n            onClick={() => {\n              editor.dispatchCommand(OPEN_INLINE_BLOCK_DRAWER_COMMAND, {\n                fields: formData,\n                nodeKey,\n              })\n            }}\n            round\n            size=\"small\"\n            tooltip={t('lexical:blocks:inlineBlocks:edit', { label: blockDisplayName })}\n          />\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__removeButton`}\n            disabled={field?.admin?.readOnly}\n            icon=\"x\"\n            onClick={(e) => {\n              e.preventDefault()\n              removeInlineBlock()\n            }}\n            round\n            size=\"small\"\n            tooltip={t('lexical:blocks:inlineBlocks:remove', { label: blockDisplayName })}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","createContext","useCallback","useEffect","useMemo","useRef","baseClass","useLexicalComposerContext","useLexicalNodeSelection","mergeRegister","getTranslation","Button","Drawer","EditDepthProvider","Form","formatDrawerSlug","FormSubmit","RenderFields","ShimmerEffect","useDocumentInfo","useEditDepth","useServerFunctions","useTranslation","abortAndIgnore","$getNodeByKey","$getSelection","$isNodeSelection","CLICK_COMMAND","COMMAND_PRIORITY_LOW","KEY_BACKSPACE_COMMAND","KEY_DELETE_COMMAND","reduceFieldsToValues","v4","uuid","useEditorConfigContext","useLexicalDrawer","$isInlineBlockNode","InlineBlockComponentContext","initialState","useInlineBlockComponentContext","useContext","InlineBlockComponent","props","formData","nodeKey","editor","i18n","t","fieldProps","featureClientSchemaMap","initialLexicalFormState","permissions","readOnly","schemaPath","uuidFromContext","getFormState","editDepth","setInitialState","useState","id","formState","drawerSlug","slug","depth","toggleDrawer","inlineBlockElemElemRef","isSelected","setSelected","clearSelection","collectionSlug","getDocPreferences","globalSlug","componentMapRenderedBlockPath","blockType","clientSchemaMap","blocksField","clientBlock","blocks","removeInlineBlock","update","remove","$onDelete","event","deleteSelection","preventDefault","getNodes","forEach","node","onClick","payload","target","current","contains","shiftKey","registerCommand","blockDisplayName","labels","singular","onChangeAbortControllerRef","AbortController","schemaFieldsPath","abortController","awaitInitialState","state","data","docPermissions","fields","docPreferences","operation","renderAllFields","signal","onChange","prevFormState","controller","onFormSubmit","newData","setFields","CustomLabel","customComponents","BlockLabel","CustomBlock","Block","RemoveButton","_jsx","buttonStyle","className","disabled","icon","e","round","size","tooltip","label","EditButton","el","InlineBlockContainer","children","filter","Boolean","join","ref","Label","_jsxs","beforeSubmit","disableValidationOnSubmit","onSubmit","title","_Fragment","forceRender","parentIndexPath","parentPath","parentSchemaPath","Provider","value","height","width","isEditable"],"sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { createContext, useCallback, useEffect, useMemo, useRef } from 'react'\nconst baseClass = 'inline-block'\n\nimport type { BlocksFieldClient, FormState } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection'\nimport { mergeRegister } from '@lexical/utils'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  Drawer,\n  EditDepthProvider,\n  Form,\n  formatDrawerSlug,\n  FormSubmit,\n  RenderFields,\n  ShimmerEffect,\n  useDocumentInfo,\n  useEditDepth,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport {\n  $getNodeByKey,\n  $getSelection,\n  $isNodeSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_LOW,\n  KEY_BACKSPACE_COMMAND,\n  KEY_DELETE_COMMAND,\n} from 'lexical'\nimport { reduceFieldsToValues } from 'payload/shared'\n\nimport './index.scss'\n\nimport { v4 as uuid } from 'uuid'\n\nimport type { InlineBlockFields } from '../nodes/InlineBlocksNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isInlineBlockNode } from '../nodes/InlineBlocksNode.js'\n\ntype Props = {\n  readonly formData: InlineBlockFields\n  readonly nodeKey: string\n}\n\ntype InlineBlockComponentContextType = {\n  EditButton?: React.FC\n  initialState: false | FormState | undefined\n  InlineBlockContainer?: React.FC<{ children: React.ReactNode }>\n  Label?: React.FC\n  nodeKey?: string\n  RemoveButton?: React.FC\n}\n\nconst InlineBlockComponentContext = createContext<InlineBlockComponentContextType>({\n  initialState: false,\n})\n\nexport const useInlineBlockComponentContext = () => React.useContext(InlineBlockComponentContext)\n\nexport const InlineBlockComponent: React.FC<Props> = (props) => {\n  const { formData, nodeKey } = props\n  const [editor] = useLexicalComposerContext()\n  const { i18n, t } = useTranslation<object, string>()\n  const {\n    fieldProps: {\n      featureClientSchemaMap,\n      initialLexicalFormState,\n      permissions,\n      readOnly,\n      schemaPath,\n    },\n    uuid: uuidFromContext,\n  } = useEditorConfigContext()\n  const { getFormState } = useServerFunctions()\n  const editDepth = useEditDepth()\n\n  const [initialState, setInitialState] = React.useState<false | FormState | undefined>(\n    initialLexicalFormState?.[formData.id]?.formState,\n  )\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-inlineBlocks-create-` + uuidFromContext,\n    depth: editDepth,\n  })\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug, true)\n\n  const inlineBlockElemElemRef = useRef<HTMLDivElement | null>(null)\n  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey)\n  const { id, collectionSlug, getDocPreferences, globalSlug } = useDocumentInfo()\n\n  const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${formData.blockType}`\n\n  const clientSchemaMap = featureClientSchemaMap['blocks']\n\n  const blocksField: BlocksFieldClient = clientSchemaMap[\n    componentMapRenderedBlockPath\n  ][0] as BlocksFieldClient\n\n  const clientBlock = blocksField.blocks[0]\n\n  const removeInlineBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey)?.remove()\n    })\n  }, [editor, nodeKey])\n\n  const $onDelete = useCallback(\n    (event: KeyboardEvent) => {\n      const deleteSelection = $getSelection()\n      if (isSelected && $isNodeSelection(deleteSelection)) {\n        event.preventDefault()\n        editor.update(() => {\n          deleteSelection.getNodes().forEach((node) => {\n            if ($isInlineBlockNode(node)) {\n              node.remove()\n            }\n          })\n        })\n      }\n      return false\n    },\n    [editor, isSelected],\n  )\n  const onClick = useCallback(\n    (payload: MouseEvent) => {\n      const event = payload\n      // Check if inlineBlockElemElemRef.target or anything WITHIN inlineBlockElemElemRef.target was clicked\n      if (\n        event.target === inlineBlockElemElemRef.current ||\n        inlineBlockElemElemRef.current?.contains(event.target as Node)\n      ) {\n        if (event.shiftKey) {\n          setSelected(!isSelected)\n        } else {\n          if (!isSelected) {\n            clearSelection()\n            setSelected(true)\n          }\n        }\n        return true\n      }\n\n      return false\n    },\n    [isSelected, setSelected, clearSelection],\n  )\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand<MouseEvent>(CLICK_COMMAND, onClick, COMMAND_PRIORITY_LOW),\n\n      editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n      editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n    )\n  }, [clearSelection, editor, isSelected, nodeKey, $onDelete, setSelected, onClick])\n\n  const blockDisplayName = clientBlock?.labels?.singular\n    ? getTranslation(clientBlock.labels.singular, i18n)\n    : clientBlock?.slug\n\n  const onChangeAbortControllerRef = useRef(new AbortController())\n  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${clientBlock?.slug}.fields`\n\n  // Initial state for newly created blocks\n  useEffect(() => {\n    const abortController = new AbortController()\n\n    const awaitInitialState = async () => {\n      /*\n       * This will only run if a new block is created. For all existing blocks that are loaded when the document is loaded, or when the form is saved,\n       * this is not run, as the lexical field RSC will fetch the state server-side and pass it to the client. That way, we avoid unnecessary client-side\n       * requests. Though for newly created blocks, we need to fetch the state client-side, as the server doesn't know about the block yet.\n       */\n      const { state } = await getFormState({\n        id,\n        collectionSlug,\n        data: formData,\n        docPermissions: { fields: true },\n        docPreferences: await getDocPreferences(),\n        globalSlug,\n        operation: 'update',\n        renderAllFields: true,\n        schemaPath: schemaFieldsPath,\n        signal: abortController.signal,\n      })\n\n      if (state) {\n        setInitialState(state)\n      }\n    }\n\n    if (formData && !initialState) {\n      void awaitInitialState()\n    }\n\n    return () => {\n      abortAndIgnore(abortController)\n    }\n  }, [\n    getFormState,\n    schemaFieldsPath,\n    id,\n    formData,\n    initialState,\n    collectionSlug,\n    globalSlug,\n    getDocPreferences,\n  ])\n\n  /**\n   * HANDLE ONCHANGE\n   */\n  const onChange = useCallback(\n    async ({ formState: prevFormState }) => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n\n      const controller = new AbortController()\n      onChangeAbortControllerRef.current = controller\n\n      const { state } = await getFormState({\n        id,\n        collectionSlug,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: await getDocPreferences(),\n        formState: prevFormState,\n        globalSlug,\n        operation: 'update',\n        schemaPath: schemaFieldsPath,\n        signal: controller.signal,\n      })\n\n      if (!state) {\n        return prevFormState\n      }\n\n      return state\n    },\n    [getFormState, id, collectionSlug, getDocPreferences, globalSlug, schemaFieldsPath],\n  )\n  // cleanup effect\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [])\n\n  /**\n   * HANDLE FORM SUBMIT\n   */\n  const onFormSubmit = useCallback(\n    (formState) => {\n      const newData: any = reduceFieldsToValues(formState)\n      newData.blockType = formData.blockType\n      editor.update(() => {\n        const node = $getNodeByKey(nodeKey)\n        if (node && $isInlineBlockNode(node)) {\n          node.setFields(newData)\n        }\n      })\n    },\n    [editor, nodeKey, formData],\n  )\n\n  const CustomLabel = initialState?.['_components']?.customComponents?.BlockLabel\n  const CustomBlock = initialState?.['_components']?.customComponents?.Block\n\n  const RemoveButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className={`${baseClass}__removeButton`}\n        disabled={readOnly}\n        icon=\"x\"\n        onClick={(e) => {\n          e.preventDefault()\n          removeInlineBlock()\n        }}\n        round\n        size=\"small\"\n        tooltip={t('lexical:blocks:inlineBlocks:remove', { label: blockDisplayName })}\n      />\n    ),\n    [blockDisplayName, readOnly, removeInlineBlock, t],\n  )\n\n  const EditButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className={`${baseClass}__editButton`}\n        disabled={readOnly}\n        el=\"div\"\n        icon=\"edit\"\n        onClick={() => {\n          toggleDrawer()\n        }}\n        round\n        size=\"small\"\n        tooltip={t('lexical:blocks:inlineBlocks:edit', { label: blockDisplayName })}\n      />\n    ),\n    [blockDisplayName, readOnly, t, toggleDrawer],\n  )\n\n  const InlineBlockContainer = useMemo(\n    () =>\n      ({ children }) => (\n        <div\n          className={[\n            baseClass,\n            baseClass + '-' + formData.blockType,\n            isSelected && `${baseClass}--selected`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          ref={inlineBlockElemElemRef}\n        >\n          {children}\n        </div>\n      ),\n    [formData.blockType, isSelected],\n  )\n\n  const Label = useMemo(() => {\n    if (CustomLabel) {\n      return () => CustomLabel\n    } else {\n      return () => <div>{getTranslation(clientBlock.labels!.singular, i18n)}</div>\n    }\n  }, [CustomLabel, clientBlock.labels, i18n])\n\n  return (\n    <Form\n      beforeSubmit={[onChange]}\n      disableValidationOnSubmit\n      fields={clientBlock.fields}\n      initialState={initialState || {}}\n      onChange={[onChange]}\n      onSubmit={(formState) => {\n        onFormSubmit(formState)\n        toggleDrawer()\n      }}\n      uuid={uuid()}\n    >\n      <EditDepthProvider>\n        <Drawer\n          className={''}\n          slug={drawerSlug}\n          title={t(`lexical:blocks:inlineBlocks:${formData?.id ? 'edit' : 'create'}`, {\n            label: blockDisplayName ?? t('lexical:blocks:inlineBlocks:label'),\n          })}\n        >\n          {initialState ? (\n            <>\n              <RenderFields\n                fields={clientBlock.fields}\n                forceRender\n                parentIndexPath=\"\"\n                parentPath=\"\" // See Blocks feature path for details as for why this is empty\n                parentSchemaPath={schemaFieldsPath}\n                permissions={permissions}\n                readOnly={false}\n              />\n              <FormSubmit>{t('fields:saveChanges')}</FormSubmit>\n            </>\n          ) : null}\n        </Drawer>\n      </EditDepthProvider>\n      {CustomBlock ? (\n        <InlineBlockComponentContext.Provider\n          value={{\n            EditButton,\n            initialState,\n            InlineBlockContainer,\n            Label,\n            nodeKey,\n            RemoveButton,\n          }}\n        >\n          {CustomBlock}\n        </InlineBlockComponentContext.Provider>\n      ) : (\n        <InlineBlockContainer>\n          {initialState ? <Label /> : <ShimmerEffect height=\"15px\" width=\"40px\" />}\n          {editor.isEditable() ? (\n            <div className={`${baseClass}__actions`}>\n              <EditButton />\n              <RemoveButton />\n            </div>\n          ) : null}\n        </InlineBlockContainer>\n      )}\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/features/blocks/client/index.d.ts

@@ -1,9 +1,2 @@
-export type BlocksFeatureClientProps = {
-    clientBlockSlugs: string[];
-    clientInlineBlockSlugs: string[];
-};
-export declare const BlocksFeatureClient: import("react").FC<{
-    featureKey: string;
-    order: number;
-} & BlocksFeatureClientProps>;
+export declare const BlocksFeatureClient: import("../../typesClient.js").FeatureProviderProviderClient<undefined, any>;
 //# sourceMappingURL=index.d.ts.map

package/dist/features/blocks/client/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/features/blocks/client/index.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,wBAAwB,GAAG;IACrC,gBAAgB,EAAE,MAAM,EAAE,CAAA;IAC1B,sBAAsB,EAAE,MAAM,EAAE,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,mBAAmB;;;6BA0K7B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/features/blocks/client/index.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,mBAAmB,8EAmK/B,CAAA"}

package/dist/features/blocks/client/index.js

@@ -6,154 +6,147 @@ import { InlineBlocksIcon } from '../../../lexical/ui/icons/InlineBlocks/index.j
 import { createClientFeature } from '../../../utilities/createClientFeature.js';
 import { BlockNode } from './nodes/BlocksNode.js';
 import { InlineBlockNode } from './nodes/InlineBlocksNode.js';
-import { INSERT_BLOCK_COMMAND, OPEN_INLINE_BLOCK_DRAWER_COMMAND } from './plugin/commands.js';
+import { INSERT_BLOCK_COMMAND, INSERT_INLINE_BLOCK_COMMAND } from './plugin/commands.js';
 import { BlocksPlugin } from './plugin/index.js';
 export const BlocksFeatureClient = createClientFeature(({
-  props
-}) => ({
-  nodes: [BlockNode, InlineBlockNode],
-  plugins: [{
-    Component: BlocksPlugin,
-    position: 'normal'
-  }],
-  sanitizedClientFeatureProps: props,
-  slashMenu: {
-    groups: [props.clientBlockSlugs?.length ? {
-      items: props.clientBlockSlugs.map(blockSlug => {
-        return {
-          Icon: BlockIcon,
-          key: 'block-' + blockSlug,
-          keywords: ['block', 'blocks', blockSlug],
-          label: ({
-            i18n,
-            richTextComponentMap
-          }) => {
-            const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_blocks`;
-            const blocksField = richTextComponentMap.get(componentMapRenderedBlockPath)[0];
-            const clientBlock = blocksField.blocks.find(_block => _block.slug === blockSlug);
-            const blockDisplayName = clientBlock.labels.singular ? getTranslation(clientBlock.labels.singular, i18n) : clientBlock.slug;
-            return blockDisplayName;
-          },
-          onSelect: ({
-            editor
-          }) => {
-            editor.dispatchCommand(INSERT_BLOCK_COMMAND, {
-              id: null,
-              blockName: '',
-              blockType: blockSlug
-            });
-          }
-        };
-      }),
-      key: 'blocks',
-      label: ({
-        i18n
-      }) => {
-        return i18n.t('lexical:blocks:label');
-      }
-    } : null, props.clientInlineBlockSlugs?.length ? {
-      items: props.clientInlineBlockSlugs.map(inlineBlockSlug => {
-        return {
-          Icon: InlineBlocksIcon,
-          key: 'inlineBlocks-' + inlineBlockSlug,
-          keywords: ['inlineBlock', 'inline block', inlineBlockSlug],
-          label: ({
-            i18n,
-            richTextComponentMap
-          }) => {
-            const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_inline_blocks`;
-            const blocksField = richTextComponentMap.get(componentMapRenderedBlockPath)[0];
-            const clientBlock = blocksField.blocks.find(_block => _block.slug === inlineBlockSlug);
-            const blockDisplayName = clientBlock.labels.singular ? getTranslation(clientBlock.labels.singular, i18n) : clientBlock.slug;
-            return blockDisplayName;
-          },
-          onSelect: ({
-            editor
-          }) => {
-            editor.dispatchCommand(OPEN_INLINE_BLOCK_DRAWER_COMMAND, {
-              fields: {
-                id: null,
+  featureClientSchemaMap,
+  props,
+  schemaPath
+}) => {
+  const schemaMapRenderedBlockPathPrefix = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks`;
+  const schemaMapRenderedInlineBlockPathPrefix = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks`;
+  const clientSchema = featureClientSchemaMap['blocks'];
+  const blocksFields = Object.entries(clientSchema).filter(([key]) => key.startsWith(schemaMapRenderedBlockPathPrefix + '.') && !key.replace(schemaMapRenderedBlockPathPrefix + '.', '').includes('.')).map(([key, value]) => value[0]);
+  const inlineBlocksFields = Object.entries(clientSchema).filter(([key]) => key.startsWith(schemaMapRenderedInlineBlockPathPrefix + '.') && !key.replace(schemaMapRenderedInlineBlockPathPrefix + '.', '').includes('.')).map(([key, value]) => value[0]);
+  const clientBlocks = blocksFields.map(field => {
+    return field.blocks[0];
+  });
+  const clientInlineBlocks = inlineBlocksFields.map(field => {
+    return field.blocks[0];
+  });
+  return {
+    nodes: [BlockNode, InlineBlockNode],
+    plugins: [{
+      Component: BlocksPlugin,
+      position: 'normal'
+    }],
+    sanitizedClientFeatureProps: props,
+    slashMenu: {
+      groups: [clientBlocks?.length ? {
+        items: clientBlocks.map(block => {
+          return {
+            Icon: BlockIcon,
+            key: 'block-' + block.slug,
+            keywords: ['block', 'blocks', block.slug],
+            label: ({
+              i18n
+            }) => {
+              const blockDisplayName = block?.labels?.singular ? getTranslation(block.labels.singular, i18n) : block?.slug;
+              return blockDisplayName;
+            },
+            onSelect: ({
+              editor
+            }) => {
+              editor.dispatchCommand(INSERT_BLOCK_COMMAND, {
                 blockName: '',
-                blockType: inlineBlockSlug
-              }
-            });
-          }
-        };
-      }),
-      key: 'inlineBlocks',
-      label: ({
-        i18n
-      }) => {
-        return i18n.t('lexical:blocks:inlineBlocks:label');
-      }
-    } : null].filter(Boolean)
-  },
-  toolbarFixed: {
-    groups: [props.clientBlockSlugs?.length ? {
-      type: 'dropdown',
-      ChildComponent: BlockIcon,
-      items: props.clientBlockSlugs.map((blockSlug, index) => {
-        return {
-          ChildComponent: BlockIcon,
-          isActive: undefined,
-          key: 'block-' + blockSlug,
-          label: ({
-            i18n,
-            richTextComponentMap
-          }) => {
-            const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_blocks`;
-            const blocksField = richTextComponentMap.get(componentMapRenderedBlockPath)[0];
-            const clientBlock = blocksField.blocks.find(_block => _block.slug === blockSlug);
-            const blockDisplayName = clientBlock.labels.singular ? getTranslation(clientBlock.labels.singular, i18n) : clientBlock.slug;
-            return blockDisplayName;
-          },
-          onSelect: ({
-            editor
-          }) => {
-            editor.dispatchCommand(INSERT_BLOCK_COMMAND, {
-              id: null,
-              blockName: '',
-              blockType: blockSlug
-            });
-          },
-          order: index
-        };
-      }),
-      key: 'blocks',
-      order: 20
-    } : null, props.clientInlineBlockSlugs?.length ? {
-      type: 'dropdown',
-      ChildComponent: InlineBlocksIcon,
-      items: props.clientInlineBlockSlugs.map((inlineBlockSlug, index) => {
-        return {
-          ChildComponent: InlineBlocksIcon,
-          isActive: undefined,
-          key: 'inlineBlock-' + inlineBlockSlug,
-          label: ({
-            i18n,
-            richTextComponentMap
-          }) => {
-            const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_inline_blocks`;
-            const blocksField = richTextComponentMap.get(componentMapRenderedBlockPath)[0];
-            const clientBlock = blocksField.blocks.find(_block => _block.slug === inlineBlockSlug);
-            const blockDisplayName = clientBlock.labels.singular ? getTranslation(clientBlock.labels.singular, i18n) : clientBlock.slug;
-            return blockDisplayName;
-          },
-          onSelect: ({
-            editor
-          }) => {
-            editor.dispatchCommand(OPEN_INLINE_BLOCK_DRAWER_COMMAND, {
-              fields: {
-                blockType: inlineBlockSlug
-              }
-            });
-          },
-          order: index
-        };
-      }),
-      key: 'inlineBlocks',
-      order: 25
-    } : null].filter(Boolean)
-  }
-}));
+                blockType: block.slug
+              });
+            }
+          };
+        }),
+        key: 'blocks',
+        label: ({
+          i18n
+        }) => {
+          return i18n.t('lexical:blocks:label');
+        }
+      } : null, clientInlineBlocks?.length ? {
+        items: clientInlineBlocks.map(inlineBlock => {
+          return {
+            Icon: InlineBlocksIcon,
+            key: 'inlineBlocks-' + inlineBlock.slug,
+            keywords: ['inlineBlock', 'inline block', inlineBlock.slug],
+            label: ({
+              i18n
+            }) => {
+              const blockDisplayName = inlineBlock?.labels?.singular ? getTranslation(inlineBlock.labels.singular, i18n) : inlineBlock?.slug;
+              return blockDisplayName;
+            },
+            onSelect: ({
+              editor
+            }) => {
+              editor.dispatchCommand(INSERT_INLINE_BLOCK_COMMAND, {
+                blockName: '',
+                blockType: inlineBlock.slug
+              });
+            }
+          };
+        }),
+        key: 'inlineBlocks',
+        label: ({
+          i18n
+        }) => {
+          return i18n.t('lexical:blocks:inlineBlocks:label');
+        }
+      } : null].filter(Boolean)
+    },
+    toolbarFixed: {
+      groups: [clientBlocks.length ? {
+        type: 'dropdown',
+        ChildComponent: BlockIcon,
+        items: clientBlocks.map((block, index) => {
+          return {
+            ChildComponent: BlockIcon,
+            isActive: undefined,
+            key: 'block-' + block.slug,
+            label: ({
+              i18n
+            }) => {
+              const blockDisplayName = block?.labels?.singular ? getTranslation(block.labels.singular, i18n) : block?.slug;
+              return blockDisplayName;
+            },
+            onSelect: ({
+              editor
+            }) => {
+              editor.dispatchCommand(INSERT_BLOCK_COMMAND, {
+                blockName: '',
+                blockType: block.slug
+              });
+            },
+            order: index
+          };
+        }),
+        key: 'blocks',
+        order: 20
+      } : null, clientInlineBlocks?.length ? {
+        type: 'dropdown',
+        ChildComponent: InlineBlocksIcon,
+        items: clientInlineBlocks.map((inlineBlock, index) => {
+          return {
+            ChildComponent: InlineBlocksIcon,
+            isActive: undefined,
+            key: 'inlineBlock-' + inlineBlock.slug,
+            label: ({
+              i18n
+            }) => {
+              const blockDisplayName = inlineBlock?.labels?.singular ? getTranslation(inlineBlock.labels.singular, i18n) : inlineBlock?.slug;
+              return blockDisplayName;
+            },
+            onSelect: ({
+              editor
+            }) => {
+              editor.dispatchCommand(INSERT_INLINE_BLOCK_COMMAND, {
+                blockName: '',
+                blockType: inlineBlock.slug
+              });
+            },
+            order: index
+          };
+        }),
+        key: 'inlineBlocks',
+        order: 25
+      } : null].filter(Boolean)
+    }
+  };
+});
 //# sourceMappingURL=index.js.map

package/dist/features/blocks/client/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","BlockIcon","InlineBlocksIcon","createClientFeature","BlockNode","InlineBlockNode","INSERT_BLOCK_COMMAND","OPEN_INLINE_BLOCK_DRAWER_COMMAND","BlocksPlugin","BlocksFeatureClient","props","nodes","plugins","Component","position","sanitizedClientFeatureProps","slashMenu","groups","clientBlockSlugs","length","items","map","blockSlug","Icon","key","keywords","label","i18n","richTextComponentMap","componentMapRenderedBlockPath","blocksField","get","clientBlock","blocks","find","_block","slug","blockDisplayName","labels","singular","onSelect","editor","dispatchCommand","id","blockName","blockType","t","clientInlineBlockSlugs","inlineBlockSlug","fields","filter","Boolean","toolbarFixed","type","ChildComponent","index","isActive","undefined","order"],"sources":["../../../../src/features/blocks/client/index.tsx"],"sourcesContent":["'use client'\n\nimport type { BlockFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { SlashMenuItem } from '../../../lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/types.js'\nimport type { ToolbarGroup, ToolbarGroupItem } from '../../toolbars/types.js'\n\nimport { BlockIcon } from '../../../lexical/ui/icons/Block/index.js'\nimport { InlineBlocksIcon } from '../../../lexical/ui/icons/InlineBlocks/index.js'\nimport { createClientFeature } from '../../../utilities/createClientFeature.js'\nimport { BlockNode } from './nodes/BlocksNode.js'\nimport { InlineBlockNode } from './nodes/InlineBlocksNode.js'\nimport { INSERT_BLOCK_COMMAND, OPEN_INLINE_BLOCK_DRAWER_COMMAND } from './plugin/commands.js'\nimport { BlocksPlugin } from './plugin/index.js'\n\nexport type BlocksFeatureClientProps = {\n  clientBlockSlugs: string[]\n  clientInlineBlockSlugs: string[]\n}\n\nexport const BlocksFeatureClient = createClientFeature<BlocksFeatureClientProps>(({ props }) => ({\n  nodes: [BlockNode, InlineBlockNode],\n  plugins: [\n    {\n      Component: BlocksPlugin,\n      position: 'normal',\n    },\n  ],\n  sanitizedClientFeatureProps: props,\n  slashMenu: {\n    groups: [\n      props.clientBlockSlugs?.length\n        ? {\n            items: props.clientBlockSlugs.map((blockSlug) => {\n              return {\n                Icon: BlockIcon,\n                key: 'block-' + blockSlug,\n                keywords: ['block', 'blocks', blockSlug],\n                label: ({ i18n, richTextComponentMap }) => {\n                  const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_blocks`\n                  const blocksField: BlockFieldClient = richTextComponentMap.get(\n                    componentMapRenderedBlockPath,\n                  )[0]\n\n                  const clientBlock = blocksField.blocks.find((_block) => _block.slug === blockSlug)\n\n                  const blockDisplayName = clientBlock.labels.singular\n                    ? getTranslation(clientBlock.labels.singular, i18n)\n                    : clientBlock.slug\n\n                  return blockDisplayName\n                },\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(INSERT_BLOCK_COMMAND, {\n                    id: null,\n                    blockName: '',\n                    blockType: blockSlug,\n                  })\n                },\n              } as SlashMenuItem\n            }),\n            key: 'blocks',\n            label: ({ i18n }) => {\n              return i18n.t('lexical:blocks:label')\n            },\n          }\n        : null,\n      props.clientInlineBlockSlugs?.length\n        ? {\n            items: props.clientInlineBlockSlugs.map((inlineBlockSlug) => {\n              return {\n                Icon: InlineBlocksIcon,\n                key: 'inlineBlocks-' + inlineBlockSlug,\n                keywords: ['inlineBlock', 'inline block', inlineBlockSlug],\n                label: ({ i18n, richTextComponentMap }) => {\n                  const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_inline_blocks`\n\n                  const blocksField: BlockFieldClient = richTextComponentMap.get(\n                    componentMapRenderedBlockPath,\n                  )[0]\n\n                  const clientBlock = blocksField.blocks.find(\n                    (_block) => _block.slug === inlineBlockSlug,\n                  )\n\n                  const blockDisplayName = clientBlock.labels.singular\n                    ? getTranslation(clientBlock.labels.singular, i18n)\n                    : clientBlock.slug\n\n                  return blockDisplayName\n                },\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(OPEN_INLINE_BLOCK_DRAWER_COMMAND, {\n                    fields: {\n                      id: null,\n                      blockName: '',\n                      blockType: inlineBlockSlug,\n                    },\n                  })\n                },\n              } as SlashMenuItem\n            }),\n            key: 'inlineBlocks',\n            label: ({ i18n }) => {\n              return i18n.t('lexical:blocks:inlineBlocks:label')\n            },\n          }\n        : null,\n    ].filter(Boolean),\n  },\n  toolbarFixed: {\n    groups: [\n      props.clientBlockSlugs?.length\n        ? {\n            type: 'dropdown',\n            ChildComponent: BlockIcon,\n            items: props.clientBlockSlugs.map((blockSlug, index) => {\n              return {\n                ChildComponent: BlockIcon,\n                isActive: undefined, // At this point, we would be inside a sub-richtext-editor. And at this point this will be run against the focused sub-editor, not the parent editor which has the actual block. Thus, no point in running this\n                key: 'block-' + blockSlug,\n                label: ({ i18n, richTextComponentMap }) => {\n                  const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_blocks`\n                  const blocksField: BlockFieldClient = richTextComponentMap.get(\n                    componentMapRenderedBlockPath,\n                  )[0]\n\n                  const clientBlock = blocksField.blocks.find((_block) => _block.slug === blockSlug)\n\n                  const blockDisplayName = clientBlock.labels.singular\n                    ? getTranslation(clientBlock.labels.singular, i18n)\n                    : clientBlock.slug\n\n                  return blockDisplayName\n                },\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(INSERT_BLOCK_COMMAND, {\n                    id: null,\n                    blockName: '',\n                    blockType: blockSlug,\n                  })\n                },\n                order: index,\n              } as ToolbarGroupItem\n            }),\n            key: 'blocks',\n            order: 20,\n          }\n        : null,\n      props.clientInlineBlockSlugs?.length\n        ? {\n            type: 'dropdown',\n            ChildComponent: InlineBlocksIcon,\n            items: props.clientInlineBlockSlugs.map((inlineBlockSlug, index) => {\n              return {\n                ChildComponent: InlineBlocksIcon,\n                isActive: undefined,\n                key: 'inlineBlock-' + inlineBlockSlug,\n                label: ({ i18n, richTextComponentMap }) => {\n                  const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_inline_blocks`\n                  const blocksField: BlockFieldClient = richTextComponentMap.get(\n                    componentMapRenderedBlockPath,\n                  )[0]\n\n                  const clientBlock = blocksField.blocks.find(\n                    (_block) => _block.slug === inlineBlockSlug,\n                  )\n\n                  const blockDisplayName = clientBlock.labels.singular\n                    ? getTranslation(clientBlock.labels.singular, i18n)\n                    : clientBlock.slug\n\n                  return blockDisplayName\n                },\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(OPEN_INLINE_BLOCK_DRAWER_COMMAND, {\n                    fields: {\n                      blockType: inlineBlockSlug,\n                    },\n                  })\n                },\n                order: index,\n              } as ToolbarGroupItem\n            }),\n            key: 'inlineBlocks',\n            order: 25,\n          }\n        : null,\n    ].filter(Boolean) as ToolbarGroup[],\n  },\n}))\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","BlockIcon","InlineBlocksIcon","createClientFeature","BlockNode","InlineBlockNode","INSERT_BLOCK_COMMAND","INSERT_INLINE_BLOCK_COMMAND","BlocksPlugin","BlocksFeatureClient","featureClientSchemaMap","props","schemaPath","schemaMapRenderedBlockPathPrefix","schemaMapRenderedInlineBlockPathPrefix","clientSchema","blocksFields","Object","entries","filter","key","startsWith","replace","includes","map","value","inlineBlocksFields","clientBlocks","field","blocks","clientInlineBlocks","nodes","plugins","Component","position","sanitizedClientFeatureProps","slashMenu","groups","length","items","block","Icon","slug","keywords","label","i18n","blockDisplayName","labels","singular","onSelect","editor","dispatchCommand","blockName","blockType","t","inlineBlock","Boolean","toolbarFixed","type","ChildComponent","index","isActive","undefined","order"],"sources":["../../../../src/features/blocks/client/index.tsx"],"sourcesContent":["'use client'\n\nimport type { BlocksFieldClient, ClientBlock } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type {\n  SlashMenuGroup,\n  SlashMenuItem,\n} from '../../../lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/types.js'\nimport type { ToolbarGroup, ToolbarGroupItem } from '../../toolbars/types.js'\n\nimport { BlockIcon } from '../../../lexical/ui/icons/Block/index.js'\nimport { InlineBlocksIcon } from '../../../lexical/ui/icons/InlineBlocks/index.js'\nimport { createClientFeature } from '../../../utilities/createClientFeature.js'\nimport { BlockNode } from './nodes/BlocksNode.js'\nimport { InlineBlockNode } from './nodes/InlineBlocksNode.js'\nimport { INSERT_BLOCK_COMMAND, INSERT_INLINE_BLOCK_COMMAND } from './plugin/commands.js'\nimport { BlocksPlugin } from './plugin/index.js'\n\nexport const BlocksFeatureClient = createClientFeature(\n  ({ featureClientSchemaMap, props, schemaPath }) => {\n    const schemaMapRenderedBlockPathPrefix = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks`\n    const schemaMapRenderedInlineBlockPathPrefix = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks`\n    const clientSchema = featureClientSchemaMap['blocks']\n\n    const blocksFields: BlocksFieldClient[] = Object.entries(clientSchema)\n      .filter(\n        ([key]) =>\n          key.startsWith(schemaMapRenderedBlockPathPrefix + '.') &&\n          !key.replace(schemaMapRenderedBlockPathPrefix + '.', '').includes('.'),\n      )\n      .map(([key, value]) => value[0] as BlocksFieldClient)\n\n    const inlineBlocksFields: BlocksFieldClient[] = Object.entries(clientSchema)\n      .filter(\n        ([key]) =>\n          key.startsWith(schemaMapRenderedInlineBlockPathPrefix + '.') &&\n          !key.replace(schemaMapRenderedInlineBlockPathPrefix + '.', '').includes('.'),\n      )\n      .map(([key, value]) => value[0] as BlocksFieldClient)\n\n    const clientBlocks: ClientBlock[] = blocksFields.map((field) => {\n      return field.blocks[0]\n    })\n\n    const clientInlineBlocks: ClientBlock[] = inlineBlocksFields.map((field) => {\n      return field.blocks[0]\n    })\n\n    return {\n      nodes: [BlockNode, InlineBlockNode],\n      plugins: [\n        {\n          Component: BlocksPlugin,\n          position: 'normal',\n        },\n      ],\n      sanitizedClientFeatureProps: props,\n      slashMenu: {\n        groups: [\n          clientBlocks?.length\n            ? {\n                items: clientBlocks.map((block) => {\n                  return {\n                    Icon: BlockIcon,\n                    key: 'block-' + block.slug,\n                    keywords: ['block', 'blocks', block.slug],\n                    label: ({ i18n }) => {\n                      const blockDisplayName = block?.labels?.singular\n                        ? getTranslation(block.labels.singular, i18n)\n                        : block?.slug\n\n                      return blockDisplayName\n                    },\n                    onSelect: ({ editor }) => {\n                      editor.dispatchCommand(INSERT_BLOCK_COMMAND, {\n                        blockName: '',\n                        blockType: block.slug,\n                      })\n                    },\n                  } as SlashMenuItem\n                }),\n                key: 'blocks',\n                label: ({ i18n }) => {\n                  return i18n.t('lexical:blocks:label')\n                },\n              }\n            : null,\n          clientInlineBlocks?.length\n            ? {\n                items: clientInlineBlocks.map((inlineBlock) => {\n                  return {\n                    Icon: InlineBlocksIcon,\n                    key: 'inlineBlocks-' + inlineBlock.slug,\n                    keywords: ['inlineBlock', 'inline block', inlineBlock.slug],\n                    label: ({ i18n }) => {\n                      const blockDisplayName = inlineBlock?.labels?.singular\n                        ? getTranslation(inlineBlock.labels.singular, i18n)\n                        : inlineBlock?.slug\n\n                      return blockDisplayName\n                    },\n                    onSelect: ({ editor }) => {\n                      editor.dispatchCommand(INSERT_INLINE_BLOCK_COMMAND, {\n                        blockName: '',\n                        blockType: inlineBlock.slug,\n                      })\n                    },\n                  } as SlashMenuItem\n                }),\n                key: 'inlineBlocks',\n                label: ({ i18n }) => {\n                  return i18n.t('lexical:blocks:inlineBlocks:label')\n                },\n              }\n            : null,\n        ].filter(Boolean) as SlashMenuGroup[],\n      },\n      toolbarFixed: {\n        groups: [\n          clientBlocks.length\n            ? {\n                type: 'dropdown',\n                ChildComponent: BlockIcon,\n                items: clientBlocks.map((block, index) => {\n                  return {\n                    ChildComponent: BlockIcon,\n                    isActive: undefined, // At this point, we would be inside a sub-richtext-editor. And at this point this will be run against the focused sub-editor, not the parent editor which has the actual block. Thus, no point in running this\n                    key: 'block-' + block.slug,\n                    label: ({ i18n }) => {\n                      const blockDisplayName = block?.labels?.singular\n                        ? getTranslation(block.labels.singular, i18n)\n                        : block?.slug\n\n                      return blockDisplayName\n                    },\n                    onSelect: ({ editor }) => {\n                      editor.dispatchCommand(INSERT_BLOCK_COMMAND, {\n                        blockName: '',\n                        blockType: block.slug,\n                      })\n                    },\n                    order: index,\n                  } as ToolbarGroupItem\n                }),\n                key: 'blocks',\n                order: 20,\n              }\n            : null,\n          clientInlineBlocks?.length\n            ? {\n                type: 'dropdown',\n                ChildComponent: InlineBlocksIcon,\n                items: clientInlineBlocks.map((inlineBlock, index) => {\n                  return {\n                    ChildComponent: InlineBlocksIcon,\n                    isActive: undefined,\n                    key: 'inlineBlock-' + inlineBlock.slug,\n                    label: ({ i18n }) => {\n                      const blockDisplayName = inlineBlock?.labels?.singular\n                        ? getTranslation(inlineBlock.labels.singular, i18n)\n                        : inlineBlock?.slug\n\n                      return blockDisplayName\n                    },\n                    onSelect: ({ editor }) => {\n                      editor.dispatchCommand(INSERT_INLINE_BLOCK_COMMAND, {\n                        blockName: '',\n                        blockType: inlineBlock.slug,\n                      })\n                    },\n                    order: index,\n                  } as ToolbarGroupItem\n                }),\n                key: 'inlineBlocks',\n                order: 25,\n              }\n            : null,\n        ].filter(Boolean) as ToolbarGroup[],\n      },\n    }\n  },\n)\n"],"mappings":"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","ignoreList":[]}

package/dist/features/blocks/client/markdownTransformer.d.ts

@@ -0,0 +1,16 @@
+import type { MultilineElementTransformer, Transformer } from '@lexical/markdown';
+import type { Klass, LexicalNode, LexicalNodeReplacement, SerializedEditorState } from 'lexical';
+import type { ClientBlock } from 'payload';
+export declare const getBlockMarkdownTransformers: ({ blocks, }: {
+    blocks: ClientBlock[];
+}) => ((props: {
+    allNodes: Array<Klass<LexicalNode> | LexicalNodeReplacement>;
+    allTransformers: Transformer[];
+}) => MultilineElementTransformer)[];
+export declare function getMarkdownToLexical(allNodes: Array<Klass<LexicalNode> | LexicalNodeReplacement>, allTransformers: Transformer[]): (args: {
+    markdown: string;
+}) => SerializedEditorState;
+export declare function getLexicalToMarkdown(allNodes: Array<Klass<LexicalNode> | LexicalNodeReplacement>, allTransformers: Transformer[]): (args: {
+    editorState: Record<string, any>;
+}) => string;
+//# sourceMappingURL=markdownTransformer.d.ts.map

package/dist/features/blocks/client/markdownTransformer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdownTransformer.d.ts","sourceRoot":"","sources":["../../../../src/features/blocks/client/markdownTransformer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACjF,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAChG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAgB1C,eAAO,MAAM,4BAA4B,gBAEtC;IACD,MAAM,EAAE,WAAW,EAAE,CAAA;CACtB,KAAG,CAAC,CAAC,KAAK,EAAE;IACX,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,sBAAsB,CAAC,CAAA;IAC5D,eAAe,EAAE,WAAW,EAAE,CAAA;CAC/B,KAAK,2BAA2B,CAAC,EAqGjC,CAAA;AAED,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,sBAAsB,CAAC,EAC5D,eAAe,EAAE,WAAW,EAAE,GAC7B,CAAC,IAAI,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,KAAK,qBAAqB,CAkBvD;AAED,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,sBAAsB,CAAC,EAC5D,eAAe,EAAE,WAAW,EAAE,GAC7B,CAAC,IAAI,EAAE;IAAE,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE,KAAK,MAAM,CAoBxD"}

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

@@ -0,0 +1,144 @@
+import { createHeadlessEditor } from '@lexical/headless';
+import { $convertFromMarkdownString, $convertToMarkdownString } from '@lexical/markdown';
+import { extractPropsFromJSXPropsString } from '../../../utilities/jsx/extractPropsFromJSXPropsString.js';
+import { propsToJSXString } from '../../../utilities/jsx/jsx.js';
+import { $createBlockNode, $isBlockNode, BlockNode } from './nodes/BlocksNode.js';
+function createTagRegexes(tagName) {
+  const escapedTagName = tagName.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+  return {
+    regExpEnd: new RegExp(`</(${escapedTagName})\\s*>|<${escapedTagName}[^>]*?/>`, 'i'),
+    regExpStart: new RegExp(`<(${escapedTagName})([^>]*?)\\s*(/?)>`, 'i')
+  };
+}
+export const getBlockMarkdownTransformers = ({
+  blocks
+}) => {
+  if (!blocks?.length) {
+    return [];
+  }
+  const transformers = [];
+  for (const block of blocks) {
+    if (!block.jsx) {
+      continue;
+    }
+    const regex = createTagRegexes(block.slug);
+    transformers.push(({
+      allNodes,
+      allTransformers
+    }) => ({
+      type: 'multiline-element',
+      dependencies: [BlockNode],
+      export: node => {
+        if (!$isBlockNode(node)) {
+          return null;
+        }
+        if (node.getFields()?.blockType?.toLowerCase() !== block.slug.toLowerCase()) {
+          return null;
+        }
+        const nodeFields = node.getFields();
+        const lexicalToMarkdown = getLexicalToMarkdown(allNodes, allTransformers);
+        const exportResult = block.jsx.export({
+          fields: nodeFields,
+          lexicalToMarkdown
+        });
+        if (exportResult === false) {
+          return null;
+        }
+        if (typeof exportResult === 'string') {
+          return exportResult;
+        }
+        if (exportResult?.children?.length) {
+          return `<${nodeFields.blockType}${exportResult.props ? ' ' + propsToJSXString({
+            props: exportResult.props
+          }) : ''}>\n  ${exportResult.children}\n</${nodeFields.blockType}>`;
+        }
+        return `<${nodeFields.blockType}${exportResult.props ? ' ' + propsToJSXString({
+          props: exportResult.props
+        }) : ''}/>`;
+      },
+      regExpEnd: block.jsx?.customEndRegex ?? regex.regExpEnd,
+      regExpStart: block.jsx?.customStartRegex ?? regex.regExpStart,
+      replace: (rootNode, children, openMatch, closeMatch, linesInBetween) => {
+        if (block?.jsx?.import) {
+          if (!linesInBetween) {
+            // convert children to linesInBetween
+            let line = '';
+            if (children) {
+              for (const child of children) {
+                line += child.getTextContent();
+              }
+            }
+            linesInBetween = [line];
+          }
+          const childrenString = linesInBetween.join('\n').trim();
+          const propsString = openMatch?.length > 2 ? openMatch[2]?.trim() : null;
+          const markdownToLexical = getMarkdownToLexical(allNodes, allTransformers);
+          const blockFields = block.jsx.import({
+            children: childrenString,
+            closeMatch: closeMatch,
+            htmlToLexical: null,
+            markdownToLexical,
+            openMatch: openMatch,
+            props: propsString ? extractPropsFromJSXPropsString({
+              propsString
+            }) : {}
+          });
+          if (blockFields === false) {
+            return false;
+          }
+          const node = $createBlockNode({
+            blockType: block.slug,
+            ...blockFields,
+            blockName: blockFields.blockName || ''
+          });
+          if (node) {
+            rootNode.append(node);
+          }
+          return;
+        }
+        return false // Run next transformer
+        ;
+      }
+    }));
+  }
+  return transformers;
+};
+export function getMarkdownToLexical(allNodes, allTransformers) {
+  const markdownToLexical = ({
+    markdown
+  }) => {
+    const headlessEditor = createHeadlessEditor({
+      nodes: allNodes
+    });
+    headlessEditor.update(() => {
+      $convertFromMarkdownString(markdown, allTransformers);
+    }, {
+      discrete: true
+    });
+    const editorJSON = headlessEditor.getEditorState().toJSON();
+    return editorJSON;
+  };
+  return markdownToLexical;
+}
+export function getLexicalToMarkdown(allNodes, allTransformers) {
+  const lexicalToMarkdown = ({
+    editorState
+  }) => {
+    const headlessEditor = createHeadlessEditor({
+      nodes: allNodes
+    });
+    try {
+      headlessEditor.setEditorState(headlessEditor.parseEditorState(editorState)) // This should commit the editor state immediately
+      ;
+    } catch (e) {
+      console.error('getLexicalToMarkdown: ERROR parsing editor state', e);
+    }
+    let markdown = '';
+    headlessEditor.getEditorState().read(() => {
+      markdown = $convertToMarkdownString(allTransformers);
+    });
+    return markdown;
+  };
+  return lexicalToMarkdown;
+}
+//# sourceMappingURL=markdownTransformer.js.map