= {\n id?: string;\n /**\n * Select the editor after initialization.\n *\n * @default false\n *\n * - `true` | 'end': Select the end of the editor\n * - `false`: Do not select anything\n * - `'start'`: Select the start of the editor\n */\n autoSelect?: boolean | 'end' | 'start';\n /** Specifies the maximum number of characters allowed in the editor. */\n maxLength?: number;\n plugins?: P[];\n selection?: TSelection;\n /**\n * When `true`, it will normalize the initial `value` passed to the `editor`.\n * This is useful when adding normalization rules on already existing\n * content.\n *\n * @default false\n */\n shouldNormalizeEditor?: boolean;\n};\n\nexport type WithSlateOptions<\n V extends Value = Value,\n P extends AnyPluginConfig = CorePlugin,\n> = BaseWithSlateOptions
&\n Pick<\n Partial \n): SlatePluginContext > {\n const plugin = editor.getPlugin(p) as any;\n\n return {\n api: editor.api,\n editor,\n plugin: plugin as any,\n setOption: ((keyOrOptions: any, value: any) =>\n editor.setOption(plugin, keyOrOptions, value)) as any,\n setOptions: ((options: any) => editor.setOptions(plugin, options)) as any,\n tf: editor.transforms,\n type: plugin.node.type,\n getOption: (key: any, ...args: any) =>\n (editor.getOption as any)(plugin, key, ...args),\n getOptions: () => editor.getOptions(plugin),\n };\n}\n","import merge from 'lodash/merge.js';\n\nimport type { SlateEditor } from '../../lib/editor';\nimport type { PluginConfig } from '../../lib/plugin/BasePlugin';\nimport type { AnySlatePlugin, SlatePlugin } from '../../lib/plugin/SlatePlugin';\n\nimport { getEditorPlugin } from '../../lib/plugin/getEditorPlugin';\nimport { mergePlugins } from '../utils/mergePlugins';\n\n/**\n * Resolves and finalizes a plugin configuration for use in a Plate editor.\n *\n * This function processes a given plugin configuration, applying any extensions\n * and resolving nested plugins. It prepares the plugin for integration into the\n * Plate editor system by:\n *\n * 1. Cloning the plugin to avoid mutating the original\n * 2. Applying all stored extensions to the plugin\n * 3. Clearing the extensions array after application\n *\n * @example\n * const plugin = createSlatePlugin({ key: 'myPlugin', ...otherOptions }).extend(...);\n * const resolvedPlugin = resolvePlugin(editor, plugin);\n */\nexport const resolvePlugin = (\n editor: SlateEditor,\n _plugin: P\n): P => {\n // Create a deep clone of the plugin\n let plugin = mergePlugins({}, _plugin) as P;\n\n plugin.__resolved = true;\n\n // Apply the stored configuration first\n if (plugin.__configuration) {\n const configResult = plugin.__configuration(\n getEditorPlugin(editor, plugin as any)\n );\n\n plugin = mergePlugins(plugin, configResult);\n\n delete (plugin as any).__configuration;\n }\n // Apply all stored extensions\n if (plugin.__extensions && plugin.__extensions.length > 0) {\n plugin.__extensions.forEach((extension) => {\n plugin = mergePlugins(\n plugin,\n extension(getEditorPlugin(editor, plugin as any))\n );\n });\n plugin.__extensions = [];\n }\n\n const targetPluginToInject = plugin.inject?.targetPluginToInject;\n const targetPlugins = plugin.inject?.targetPlugins;\n\n if (targetPluginToInject && targetPlugins && targetPlugins.length > 0) {\n plugin.inject = plugin.inject || {};\n plugin.inject.plugins = merge(\n {},\n plugin.inject.plugins,\n Object.fromEntries(\n targetPlugins.map((targetPlugin) => {\n const injectedPlugin = targetPluginToInject({\n ...getEditorPlugin(editor, plugin as any),\n targetPlugin,\n });\n\n return [targetPlugin, injectedPlugin];\n })\n )\n );\n }\n // TODO React\n if ((plugin as any).node?.component) {\n (plugin as any).render.node = (plugin as any).node.component;\n }\n if ((plugin as any).render?.node) {\n (plugin as any).node.component = (plugin as any).render.node;\n }\n\n validatePlugin(editor, plugin);\n\n return plugin;\n};\n\nexport const validatePlugin = <\n K extends string = any,\n O = {},\n A = {},\n T = {},\n S = {},\n>(\n editor: SlateEditor,\n plugin: SlatePlugin (\n ReactDOMServer: any,\n Component: React.ComponentType ,\n props: P\n): string => {\n return decode(\n ReactDOMServer.renderToStaticMarkup(React.createElement(Component, props))\n );\n};\n\nexport type SerializeHtmlOptions<\n T extends PlateStaticProps = PlateStaticProps,\n> = {\n /** Node components to render the HTML */\n components: NodeComponents;\n /** The component used to render the editor content */\n editorComponent?: React.ComponentType\n * elements. If we do so again here, we may remove too many newlines. This\n * only applies to actual
elements, not elements with the white-space\n * CSS property.\n */\n const trimStart: TrimStartRule = (() => {\n if (whiteSpaceRule !== 'normal') return 'collapse';\n if (\n !state.inlineFormattingContext ||\n state.inlineFormattingContext.atStart ||\n state.inlineFormattingContext.lastHasTrailingWhiteSpace\n )\n return 'all';\n\n return 'collapse';\n })();\n\n const trimEnd: TrimEndRule = (() => {\n if (whiteSpaceRule === 'normal') return 'collapse';\n if (isLastNonEmptyTextOfInlineFormattingContext(text))\n return 'single-newline';\n\n return 'collapse';\n })();\n\n const shouldCollapseWhiteSpace: boolean = {\n normal: true,\n pre: false,\n 'pre-line': true,\n }[whiteSpaceRule];\n\n const whiteSpaceIncludesNewlines = whiteSpaceRule !== 'pre-line';\n\n const collapsedTextContent = collapseString(textContent || '', {\n shouldCollapseWhiteSpace,\n trimEnd,\n trimStart,\n whiteSpaceIncludesNewlines,\n });\n\n if (state.inlineFormattingContext && shouldCollapseWhiteSpace) {\n state.inlineFormattingContext.lastHasTrailingWhiteSpace =\n collapsedTextContent.endsWith(' ');\n }\n\n text.textContent = collapsedTextContent;\n};\n","import type { CollapseWhiteSpaceState } from './types';\n\nimport { isHtmlElement } from '../isHtmlElement';\nimport { isHtmlText } from '../isHtmlText';\nimport { collapseWhiteSpaceChildren } from './collapseWhiteSpaceChildren';\nimport { collapseWhiteSpaceElement } from './collapseWhiteSpaceElement';\nimport { collapseWhiteSpaceText } from './collapseWhiteSpaceText';\n\nexport const collapseWhiteSpaceNode = (\n node: Node,\n state: CollapseWhiteSpaceState\n) => {\n if (isHtmlElement(node)) {\n collapseWhiteSpaceElement(node as HTMLElement, state);\n\n return;\n }\n if (isHtmlText(node)) {\n collapseWhiteSpaceText(node as Text, state);\n\n return;\n }\n\n collapseWhiteSpaceChildren(node, state);\n};\n","import type { CollapseWhiteSpaceState } from './types';\n\nimport { collapseWhiteSpaceNode } from './collapseWhiteSpaceNode';\n\nexport const collapseWhiteSpaceChildren = (\n node: Node,\n state: CollapseWhiteSpaceState\n) => {\n const childNodes = Array.from(node.childNodes);\n\n for (const childNode of childNodes) {\n collapseWhiteSpaceNode(childNode, state);\n }\n};\n","import type { WhiteSpaceRule } from './types';\n\nexport const inferWhiteSpaceRule = (\n element: HTMLElement\n): WhiteSpaceRule | null => {\n const whiteSpaceProperty = element.style.whiteSpace;\n\n switch (whiteSpaceProperty) {\n case 'break-spaces':\n case 'pre':\n case 'pre-wrap': {\n return 'pre';\n }\n case 'normal':\n case 'nowrap': {\n return 'normal';\n }\n case 'pre-line': {\n return 'pre-line';\n }\n }\n\n if (element.tagName === 'PRE') {\n return 'pre';\n }\n if (whiteSpaceProperty === 'initial') {\n return 'normal';\n }\n\n return null;\n};\n","import type { CollapseWhiteSpaceState } from './types';\n\nimport { isHtmlInlineElement } from '../isHtmlInlineElement';\nimport { collapseWhiteSpaceChildren } from './collapseWhiteSpaceChildren';\nimport { inferWhiteSpaceRule } from './inferWhiteSpaceRule';\nimport { endInlineFormattingContext } from './stateTransforms';\n\n/**\n * Note: We do not want to start an inline formatting context until we encounter\n * a text node.\n */\nexport const collapseWhiteSpaceElement = (\n element: HTMLElement,\n state: CollapseWhiteSpaceState\n) => {\n const isInlineElement = isHtmlInlineElement(element);\n const previousWhiteSpaceRule = state.whiteSpaceRule;\n const inferredWhiteSpaceRule = inferWhiteSpaceRule(element);\n\n if (inferredWhiteSpaceRule) {\n state.whiteSpaceRule = inferredWhiteSpaceRule;\n }\n // End any existing inline formatting context\n if (!isInlineElement) {\n endInlineFormattingContext(state);\n }\n\n collapseWhiteSpaceChildren(element, state);\n\n // Do not let inline formatting context break out of block elements\n if (!isInlineElement) {\n endInlineFormattingContext(state);\n }\n\n // Restore previous whiteSpaceRule\n state.whiteSpaceRule = previousWhiteSpaceRule;\n};\n","import type { CollapseWhiteSpaceState } from './types';\n\nimport { collapseWhiteSpaceElement } from './collapseWhiteSpaceElement';\n\n// Entrypoint\nexport const collapseWhiteSpace = (element: HTMLElement) => {\n const clonedElement = element.cloneNode(true) as HTMLElement;\n\n // Mutable state object\n const state: CollapseWhiteSpaceState = {\n inlineFormattingContext: null,\n whiteSpaceRule: 'normal',\n };\n\n collapseWhiteSpaceElement(clonedElement, state);\n\n return clonedElement;\n};\n","import type { Descendant } from '@udecode/slate';\n\nimport { jsx } from 'slate-hyperscript';\n\nimport type { SlateEditor } from '../../../editor';\n\nimport { deserializeHtmlNodeChildren } from './deserializeHtmlNodeChildren';\n\njsx;\n\n/** Deserialize HTML body element to Fragment. */\nexport const htmlBodyToFragment = (\n editor: SlateEditor,\n element: HTMLElement\n): Descendant[] | undefined => {\n if (element.nodeName === 'BODY') {\n return jsx(\n 'fragment',\n {},\n deserializeHtmlNodeChildren(editor, element)\n ) as Descendant[];\n }\n};\n","import type { SlateEditor } from '../../../editor';\nimport type { DeserializeHtmlChildren } from '../types';\n\nimport { isSlateNode } from '../../../static';\nimport { deserializeHtmlNode } from './deserializeHtmlNode';\n\nexport const deserializeHtmlNodeChildren = (\n editor: SlateEditor,\n node: ChildNode | HTMLElement,\n isSlateParent = false\n): DeserializeHtmlChildren[] => {\n return Array.from(node.childNodes).flatMap((child) => {\n if (\n child.nodeType === 1 &&\n !isSlateNode(child as HTMLElement) &&\n isSlateParent\n ) {\n return deserializeHtmlNodeChildren(\n editor,\n child as HTMLElement,\n isSlateParent\n );\n }\n\n return deserializeHtmlNode(editor)(child);\n }) as DeserializeHtmlChildren[];\n};\n","/** Deserialize HTML to break line. */\nexport const htmlBrToNewLine = (node: ChildNode | HTMLElement) => {\n if (node.nodeName === 'BR') {\n return '\\n';\n }\n};\n","import type { Descendant } from '@udecode/slate';\n\nimport { jsx } from 'slate-hyperscript';\n\nimport type { SlateEditor } from '../../../editor';\n\nimport { isSlateVoid } from '../../../static';\nimport { deserializeHtmlNodeChildren } from './deserializeHtmlNodeChildren';\nimport { pipeDeserializeHtmlElement } from './pipeDeserializeHtmlElement';\n\n/** Deserialize HTML to Element. */\nexport const htmlElementToElement = (\n editor: SlateEditor,\n element: HTMLElement,\n isSlate = false\n) => {\n const deserialized = pipeDeserializeHtmlElement(editor, element);\n\n if (deserialized) {\n const { node, withoutChildren } = deserialized;\n\n let descendants =\n node.children ??\n (deserializeHtmlNodeChildren(editor, element, isSlate) as Descendant[]);\n\n if (descendants.length === 0 || withoutChildren || isSlateVoid(element)) {\n descendants = [{ text: '' }];\n }\n\n return jsx('element', node, descendants) as Descendant;\n }\n};\n","import { type AnyObject, type Nullable, isDefined } from '@udecode/utils';\nimport castArray from 'lodash/castArray.js';\n\nimport type { SlateEditor } from '../../../editor';\nimport type {\n AnyEditorPlugin,\n HtmlDeserializer,\n} from '../../../plugin/SlatePlugin';\n\nimport { getEditorPlugin } from '../../../plugin';\nimport { isSlateNode } from '../../../static';\nimport { getInjectedPlugins } from '../../../utils/getInjectedPlugins';\nimport { getDataNodeProps } from './getDataNodeProps';\n\n/**\n * Get a deserializer and add default rules for deserializing plate static\n * elements\n */\nconst getDeserializedWithStaticRules = (plugin: AnyEditorPlugin) => {\n let deserializer = plugin.parsers?.html?.deserializer;\n\n const rules = deserializer?.rules ?? [];\n\n // Check if rules already contain slate-xxx className\n const hasSlateRule = rules.some((rule) =>\n rule.validClassName?.includes(`slate-${plugin.key}`)\n );\n\n const staticRules = hasSlateRule\n ? rules\n : [\n {\n validClassName: `slate-${plugin.key}`,\n validNodeName: '*',\n },\n ...rules,\n ];\n\n if (!deserializer) deserializer = { rules: staticRules };\n\n deserializer.rules = staticRules;\n\n return deserializer;\n};\n\n/** Get a deserializer by type, node names, class names and styles. */\nexport const pluginDeserializeHtml = (\n editor: SlateEditor,\n plugin: AnyEditorPlugin,\n {\n deserializeLeaf,\n element: el,\n }: { element: HTMLElement; deserializeLeaf?: boolean }\n): (Nullable