export const introductionField = (config: Config): Field => {
	return {
		name: 'introduction',
		type: 'richText',
		localized: true,
		required: config.required,
		admin: { description: 'Introduction text for the page' },
		editor: richTextEditorConfig(),
	};
};

import type { LexicalEditorProps } from '@payloadcms/richtext-lexical';
import {
	BlocksFeature,
	FixedToolbarFeature,
	InlineToolbarFeature,
	lexicalEditor,
	LinkFeature,
	RelationshipFeature,
} from '@payloadcms/richtext-lexical';
import { ALL_PAGE_COLLECTIONS } from '~/fields/pageType/pageType';
import { getTranslatedLabel } from '~/utilities/getTranslatedLabel';
export const richTextEditorConfig = (config?: Partial<LexicalEditorProps>) =>
	lexicalEditor({
		features: ({ defaultFeatures }) => [
			...defaultFeatures,
			LinkFeature({
				enabledCollections: ALL_PAGE_COLLECTIONS,
				fields: ({ defaultFields }) => defaultFields,
			}),
			RelationshipFeature({
				enabledCollections: ALL_PAGE_COLLECTIONS,
			}),
			BlocksFeature({
				blocks: [
					{
						slug: 'code',
						interfaceName: 'CodeBlock',
						labels: {
							singular: getTranslatedLabel('fieldLabels:codeBlock'),
							plural: getTranslatedLabel('fieldLabels:codeBlocks'),
						},
						fields: [
							{
								name: 'code',
								type: 'code',
								label: getTranslatedLabel('fieldLabels:code'),
								required: true,
								admin: {
									language: 'javascript',
								},
							},
							{
								name: 'language',
								type: 'select',
								label: getTranslatedLabel('fieldLabels:language'),
								defaultValue: 'html',
								options: [
									{ label: 'HTML', value: 'html' },
									{ label: 'JavaScript', value: 'javascript' },
									{ label: 'TypeScript', value: 'typescript' },
									{ label: 'CSS', value: 'css' },
									{ label: 'JSON', value: 'json' },
									{ label: 'Python', value: 'python' },
									{ label: 'SQL', value: 'sql' },
									{ label: 'Shell', value: 'shell' },
									{ label: 'Plain Text', value: 'plaintext' },
								],
							},
						],
					},
				],
			}),
			FixedToolbarFeature(),
			InlineToolbarFeature(),
		],
		...config,
	});