@panneau/editor 0.0.0-stage → 5.0.0-alpha.8

package/dist/Toolbar.js

@@ -0,0 +1,203 @@
+import RichTextField_module_default from "./RichTextField.module.js";
+import { LinkDialog } from "./LinkDialog.js";
+import { builtInButtons } from "./buttons.js";
+import { applyStyle, canApplyStyle, getActiveStyle } from "./styles.js";
+import { c } from "react/compiler-runtime";
+import { useEditorState } from "@tiptap/react";
+import { useState } from "react";
+import { editorMessages } from "@panneau/intl";
+import { Select, Tooltip, usePanneauIntl } from "@panneau/ui";
+import { Link } from "lucide-react";
+import { Button as Button$1, Separator, ToggleButton, Toolbar } from "react-aria-components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/Toolbar.tsx
+var SEPARATOR = "|";
+var NO_STYLE = "none";
+/** The items that show: known ones, without separators at the ends or next to each other. */
+function getShownItems(items, known) {
+	const shown = items.reduce((result, name) => {
+		if (name === SEPARATOR ? result.length > 0 && result.at(-1) !== SEPARATOR : known(name)) result.push(name);
+		return result;
+	}, []);
+	return shown.at(-1) === SEPARATOR ? shown.slice(0, -1) : shown;
+}
+/** The block of the selection, as the text style select names it: `paragraph`, `h2`. */
+function getTextStyle(editor) {
+	const { $from } = editor.state.selection;
+	const block = $from.parent;
+	if (block.type.name === "heading") return `h${String(block.attrs.level)}`;
+	return block.type.name === "paragraph" ? "paragraph" : null;
+}
+function ToolbarButton(t0) {
+	const $ = c(11);
+	const { label, icon: Icon, isActive, isDisabled, onPress } = t0;
+	let t1;
+	if ($[0] !== Icon) {
+		t1 = /* @__PURE__ */ jsx(Icon, {
+			size: 16,
+			"aria-hidden": true
+		});
+		$[0] = Icon;
+		$[1] = t1;
+	} else t1 = $[1];
+	const icon = t1;
+	let t2;
+	if ($[2] !== icon || $[3] !== isActive || $[4] !== isDisabled || $[5] !== label || $[6] !== onPress) {
+		t2 = isActive !== void 0 ? /* @__PURE__ */ jsx(ToggleButton, {
+			className: RichTextField_module_default.button,
+			"aria-label": label,
+			isSelected: isActive,
+			isDisabled,
+			onChange: onPress,
+			children: icon
+		}) : /* @__PURE__ */ jsx(Button$1, {
+			className: RichTextField_module_default.button,
+			"aria-label": label,
+			isDisabled,
+			onPress,
+			children: icon
+		});
+		$[2] = icon;
+		$[3] = isActive;
+		$[4] = isDisabled;
+		$[5] = label;
+		$[6] = onPress;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== label || $[9] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Tooltip, {
+			content: label,
+			children: t2
+		});
+		$[8] = label;
+		$[9] = t2;
+		$[10] = t3;
+	} else t3 = $[10];
+	return t3;
+}
+/**
+* The toolbar of the rich text field: the text style (paragraph or a heading level), the block
+* styles, marks, links, lists and the buttons of plugins, as the field's `toolbar` lists them.
+*/
+function Toolbar$1(t0) {
+	const $ = c(2);
+	const { editor, items, headings, styles: blockStyles, newTab, buttons } = t0;
+	const intl = usePanneauIntl();
+	const [linkOpen, setLinkOpen] = useState(false);
+	const allButtons = new Map([...builtInButtons, ...buttons].map(_temp));
+	const known = (name) => allButtons.has(name) || name === "heading" || name === "link" || name === "style" && blockStyles.length > 0;
+	const shown = getShownItems(items, known);
+	const state = useEditorState({
+		editor,
+		selector: (t1) => {
+			const { editor: current } = t1;
+			return {
+				buttons: Object.fromEntries(shown.flatMap((name_0) => {
+					const button_0 = allButtons.get(name_0);
+					return button_0 !== void 0 ? [[name_0, {
+						active: button_0.isActive?.(current),
+						disabled: button_0.isDisabled?.(current) ?? false
+					}]] : [];
+				})),
+				textStyle: getTextStyle(current),
+				canSetTextStyle: current.can().setParagraph(),
+				style: (() => {
+					const active = getActiveStyle(current.state, blockStyles);
+					return active !== null ? blockStyles.indexOf(active) : -1;
+				})(),
+				applicable: blockStyles.map((style) => canApplyStyle(current.state, style)),
+				link: current.isActive("link"),
+				canLink: current.can().setLink({ href: "" })
+			};
+		}
+	});
+	const textStyle = state.textStyle;
+	const levels = textStyle !== null && textStyle !== "paragraph" && !headings.includes(Number(textStyle[1])) ? [...headings, Number(textStyle[1])] : headings;
+	let t2;
+	if ($[0] !== intl) {
+		t2 = intl.formatMessage(editorMessages.toolbar);
+		$[0] = intl;
+		$[1] = t2;
+	} else t2 = $[1];
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Toolbar, {
+		"aria-label": t2,
+		className: RichTextField_module_default.toolbar,
+		children: shown.map((name_1, index) => {
+			const key = `${name_1}-${String(index)}`;
+			if (name_1 === SEPARATOR) return /* @__PURE__ */ jsx(Separator, {
+				orientation: "vertical",
+				className: RichTextField_module_default.separator
+			}, key);
+			if (name_1 === "heading") return /* @__PURE__ */ jsx(Select, {
+				"aria-label": intl.formatMessage(editorMessages.textStyle),
+				className: RichTextField_module_default.select,
+				isDisabled: !state.canSetTextStyle,
+				options: [{
+					value: "paragraph",
+					label: intl.formatMessage(editorMessages.paragraph)
+				}, ...levels.map((level) => ({
+					value: `h${String(level)}`,
+					label: intl.formatMessage(editorMessages.heading, { level })
+				}))],
+				value: textStyle,
+				onChange: (value) => {
+					if (value === "paragraph") editor.chain().focus().setParagraph().run();
+					else if (typeof value === "string") {
+						const level_0 = Number(value.slice(1));
+						if (level_0 >= 1 && level_0 <= 6) editor.chain().focus().setHeading({ level: level_0 }).run();
+					}
+				}
+			}, key);
+			if (name_1 === "style") {
+				const active_0 = state.style;
+				return /* @__PURE__ */ jsx(Select, {
+					"aria-label": intl.formatMessage(editorMessages.blockStyle),
+					className: RichTextField_module_default.select,
+					options: [{
+						value: NO_STYLE,
+						label: intl.formatMessage(editorMessages.noStyle)
+					}, ...blockStyles.map((style_0, styleIndex) => ({
+						value: String(styleIndex),
+						label: style_0.label,
+						disabled: state.applicable[styleIndex] !== true
+					}))],
+					value: active_0 >= 0 ? String(active_0) : NO_STYLE,
+					onChange: (value_0) => {
+						const style_1 = value_0 === NO_STYLE ? null : blockStyles[Number(value_0)];
+						applyStyle(editor, style_1 ?? null, blockStyles);
+					}
+				}, key);
+			}
+			if (name_1 === "link") return /* @__PURE__ */ jsx(ToolbarButton, {
+				label: intl.formatMessage(editorMessages.link),
+				icon: Link,
+				isActive: state.link,
+				isDisabled: !state.canLink,
+				onPress: () => setLinkOpen(true)
+			}, key);
+			const button_1 = allButtons.get(name_1);
+			if (button_1 === void 0) return null;
+			const buttonState = state.buttons[name_1];
+			return /* @__PURE__ */ jsx(ToolbarButton, {
+				label: typeof button_1.label === "string" ? button_1.label : intl.formatMessage(button_1.label),
+				icon: button_1.icon,
+				isActive: buttonState?.active,
+				isDisabled: buttonState?.disabled === true,
+				onPress: () => button_1.run(editor)
+			}, key);
+		})
+	}), shown.includes("link") ? /* @__PURE__ */ jsx(LinkDialog, {
+		editor,
+		newTab,
+		isOpen: linkOpen,
+		onOpenChange: setLinkOpen
+	}) : null] });
+}
+function _temp(button) {
+	return [button.name, button];
+}
+//#endregion
+export { Toolbar$1 as Toolbar };
+
+//# sourceMappingURL=Toolbar.js.map

package/dist/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","names":["Editor","useEditorState","Link","useState","Button","AriaButton","Toolbar","AriaToolbar","Separator","ToggleButton","editorMessages","messages","RichTextStyle","IconComponent","Select","Tooltip","usePanneauIntl","LinkDialog","styles","RichTextButton","builtInButtons","NewTabLinks","applyStyle","canApplyStyle","getActiveStyle","ToolbarProps","editor","items","headings","newTab","buttons","SEPARATOR","NO_STYLE","getShownItems","known","name","shown","reduce","result","length","at","push","slice","getTextStyle","$from","state","selection","block","parent","type","String","attrs","level","ToolbarButton","t0","$","_c","label","icon","Icon","isActive","isDisabled","onPress","t1","t2","undefined","button","t3","blockStyles","intl","linkOpen","setLinkOpen","allButtons","Map","map","_temp","has","selector","current","Object","fromEntries","flatMap","name_0","button_0","get","active","disabled","textStyle","canSetTextStyle","can","setParagraph","style","indexOf","applicable","link","canLink","setLink","href","levels","includes","Number","formatMessage","toolbar","name_1","index","key","separator","select","value","paragraph","heading","chain","focus","run","level_0","setHeading","active_0","blockStyle","noStyle","style_0","styleIndex","value_0","style_1","button_1","buttonState","_c","styles","AriaButton","Toolbar","messages","_Fragment","AriaToolbar"],"sources":["../src/Toolbar.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core';\nimport { useEditorState } from '@tiptap/react';\nimport { Link } from 'lucide-react';\nimport { useState } from 'react';\nimport {\n    Button as AriaButton,\n    Toolbar as AriaToolbar,\n    Separator,\n    ToggleButton,\n} from 'react-aria-components';\n\nimport { editorMessages as messages } from '@panneau/intl';\nimport type { RichTextStyle } from '@panneau/protocol';\nimport { type IconComponent, Select, Tooltip, usePanneauIntl } from '@panneau/ui';\n\nimport { LinkDialog } from './LinkDialog';\nimport styles from './RichTextField.module.css';\nimport { type RichTextButton, builtInButtons } from './buttons';\nimport type { NewTabLinks } from './settings';\nimport { applyStyle, canApplyStyle, getActiveStyle } from './styles';\n\nexport interface ToolbarProps {\n    editor: Editor;\n    /** The items, in order: built-in names, names of `buttons`, and `|` between groups. */\n    items: readonly string[];\n    headings: readonly number[];\n    styles: readonly RichTextStyle[];\n    newTab: NewTabLinks;\n    /** Buttons of plugins. One with the name of a built-in button replaces it. */\n    buttons: readonly RichTextButton[];\n}\n\nconst SEPARATOR = '|';\nconst NO_STYLE = 'none';\n\n/** The items that show: known ones, without separators at the ends or next to each other. */\nfunction getShownItems(\n    items: readonly string[],\n    known: (name: string) => boolean,\n): readonly string[] {\n    const shown = items.reduce<string[]>((result, name) => {\n        if (name === SEPARATOR ? result.length > 0 && result.at(-1) !== SEPARATOR : known(name)) {\n            result.push(name);\n        }\n        return result;\n    }, []);\n    return shown.at(-1) === SEPARATOR ? shown.slice(0, -1) : shown;\n}\n\n/** The block of the selection, as the text style select names it: `paragraph`, `h2`. */\nfunction getTextStyle(editor: Editor): string | null {\n    const { $from } = editor.state.selection;\n    const block = $from.parent;\n    if (block.type.name === 'heading') {\n        return `h${String(block.attrs.level)}`;\n    }\n    return block.type.name === 'paragraph' ? 'paragraph' : null;\n}\n\nfunction ToolbarButton({\n    label,\n    icon: Icon,\n    isActive,\n    isDisabled,\n    onPress,\n}: {\n    label: string;\n    icon: IconComponent;\n    isActive: boolean | undefined;\n    isDisabled: boolean;\n    onPress: () => void;\n}) {\n    const icon = <Icon size={16} aria-hidden />;\n    return (\n        <Tooltip content={label}>\n            {isActive !== undefined ? (\n                <ToggleButton\n                    className={styles.button}\n                    aria-label={label}\n                    isSelected={isActive}\n                    isDisabled={isDisabled}\n                    onChange={onPress}\n                >\n                    {icon}\n                </ToggleButton>\n            ) : (\n                <AriaButton\n                    className={styles.button}\n                    aria-label={label}\n                    isDisabled={isDisabled}\n                    onPress={onPress}\n                >\n                    {icon}\n                </AriaButton>\n            )}\n        </Tooltip>\n    );\n}\n\n/**\n * The toolbar of the rich text field: the text style (paragraph or a heading level), the block\n * styles, marks, links, lists and the buttons of plugins, as the field's `toolbar` lists them.\n */\nexport function Toolbar({\n    editor,\n    items,\n    headings,\n    styles: blockStyles,\n    newTab,\n    buttons,\n}: ToolbarProps) {\n    const intl = usePanneauIntl();\n    const [linkOpen, setLinkOpen] = useState(false);\n    const allButtons = new Map(\n        [...builtInButtons, ...buttons].map((button) => [button.name, button]),\n    );\n    const known = (name: string) =>\n        allButtons.has(name) ||\n        name === 'heading' ||\n        name === 'link' ||\n        (name === 'style' && blockStyles.length > 0);\n    const shown = getShownItems(items, known);\n\n    // Only what the toolbar shows: it renders again when it changes\n    const state = useEditorState({\n        editor,\n        selector: ({ editor: current }) => ({\n            buttons: Object.fromEntries(\n                shown.flatMap((name) => {\n                    const button = allButtons.get(name);\n                    return button !== undefined\n                        ? [\n                              [\n                                  name,\n                                  {\n                                      active: button.isActive?.(current),\n                                      disabled: button.isDisabled?.(current) ?? false,\n                                  },\n                              ],\n                          ]\n                        : [];\n                }),\n            ),\n            textStyle: getTextStyle(current),\n            canSetTextStyle: current.can().setParagraph(),\n            style: (() => {\n                const active = getActiveStyle(current.state, blockStyles);\n                return active !== null ? blockStyles.indexOf(active) : -1;\n            })(),\n            applicable: blockStyles.map((style) => canApplyStyle(current.state, style)),\n            link: current.isActive('link'),\n            canLink: current.can().setLink({ href: '' }),\n        }),\n    });\n\n    const textStyle = state.textStyle;\n    const levels =\n        textStyle !== null && textStyle !== 'paragraph' && !headings.includes(Number(textStyle[1]))\n            ? [...headings, Number(textStyle[1])]\n            : headings;\n\n    return (\n        <>\n            <AriaToolbar\n                aria-label={intl.formatMessage(messages.toolbar)}\n                className={styles.toolbar}\n            >\n                {shown.map((name, index) => {\n                    const key = `${name}-${String(index)}`;\n                    if (name === SEPARATOR) {\n                        return (\n                            <Separator\n                                key={key}\n                                orientation=\"vertical\"\n                                className={styles.separator}\n                            />\n                        );\n                    }\n                    if (name === 'heading') {\n                        return (\n                            <Select\n                                key={key}\n                                aria-label={intl.formatMessage(messages.textStyle)}\n                                className={styles.select}\n                                isDisabled={!state.canSetTextStyle}\n                                options={[\n                                    {\n                                        value: 'paragraph',\n                                        label: intl.formatMessage(messages.paragraph),\n                                    },\n                                    ...levels.map((level) => ({\n                                        value: `h${String(level)}`,\n                                        label: intl.formatMessage(messages.heading, { level }),\n                                    })),\n                                ]}\n                                value={textStyle}\n                                onChange={(value) => {\n                                    if (value === 'paragraph') {\n                                        editor.chain().focus().setParagraph().run();\n                                    } else if (typeof value === 'string') {\n                                        const level = Number(value.slice(1));\n                                        if (level >= 1 && level <= 6) {\n                                            editor\n                                                .chain()\n                                                .focus()\n                                                .setHeading({\n                                                    level: level as 1 | 2 | 3 | 4 | 5 | 6,\n                                                })\n                                                .run();\n                                        }\n                                    }\n                                }}\n                            />\n                        );\n                    }\n                    if (name === 'style') {\n                        const active = state.style;\n                        return (\n                            <Select\n                                key={key}\n                                aria-label={intl.formatMessage(messages.blockStyle)}\n                                className={styles.select}\n                                options={[\n                                    {\n                                        value: NO_STYLE,\n                                        label: intl.formatMessage(messages.noStyle),\n                                    },\n                                    ...blockStyles.map((style, styleIndex) => ({\n                                        value: String(styleIndex),\n                                        label: style.label,\n                                        disabled: state.applicable[styleIndex] !== true,\n                                    })),\n                                ]}\n                                value={active >= 0 ? String(active) : NO_STYLE}\n                                onChange={(value) => {\n                                    const style =\n                                        value === NO_STYLE ? null : blockStyles[Number(value)];\n                                    applyStyle(editor, style ?? null, blockStyles);\n                                }}\n                            />\n                        );\n                    }\n                    if (name === 'link') {\n                        return (\n                            <ToolbarButton\n                                key={key}\n                                label={intl.formatMessage(messages.link)}\n                                icon={Link}\n                                isActive={state.link}\n                                isDisabled={!state.canLink}\n                                onPress={() => setLinkOpen(true)}\n                            />\n                        );\n                    }\n                    const button = allButtons.get(name);\n                    if (button === undefined) {\n                        return null;\n                    }\n                    const buttonState = state.buttons[name];\n                    return (\n                        <ToolbarButton\n                            key={key}\n                            label={\n                                typeof button.label === 'string'\n                                    ? button.label\n                                    : intl.formatMessage(button.label)\n                            }\n                            icon={button.icon}\n                            isActive={buttonState?.active}\n                            isDisabled={buttonState?.disabled === true}\n                            onPress={() => button.run(editor)}\n                        />\n                    );\n                })}\n            </AriaToolbar>\n            {shown.includes('link') ? (\n                <LinkDialog\n                    editor={editor}\n                    newTab={newTab}\n                    isOpen={linkOpen}\n                    onOpenChange={setLinkOpen}\n                />\n            ) : null}\n        </>\n    );\n}\n"],"mappings":"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"}

package/dist/buttons.d.ts

@@ -0,0 +1,23 @@
+import type { Editor } from '@tiptap/core';
+import type { MessageDescriptor } from 'react-intl';
+import type { IconComponent } from '@panneau/ui';
+/**
+ * A button of the toolbar. Plugins add their own (an inline logo), which the `toolbar` setting
+ * names like the built-in ones.
+ */
+export interface RichTextButton {
+    /** Its name in the `toolbar` setting: `logo`. */
+    name: string;
+    /** Its accessible label, also shown as a tooltip. */
+    label: string | MessageDescriptor;
+    icon: IconComponent;
+    /** Runs its command on the editor. */
+    run: (editor: Editor) => void;
+    /** Makes it a toggle, pressed when the selection has what it adds. */
+    isActive?: (editor: Editor) => boolean;
+    /** Whether it can't run on the selection. Defaults to never. */
+    isDisabled?: (editor: Editor) => boolean;
+}
+/** The buttons of the field's own marks and blocks, by name. */
+export declare const builtInButtons: readonly RichTextButton[];
+//# sourceMappingURL=buttons.d.ts.map

package/dist/buttons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../src/buttons.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAiB3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAGpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC3B,iDAAiD;IACjD,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,KAAK,EAAE,MAAM,GAAG,iBAAiB,CAAC;IAClC,IAAI,EAAE,aAAa,CAAC;IACpB,sCAAsC;IACtC,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,sEAAsE;IACtE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,gEAAgE;IAChE,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;CAC5C;AAED,gEAAgE;AAChE,eAAO,MAAM,cAAc,EAAE,SAAS,cAAc,EA4GnD,CAAC"}

package/dist/buttons.js

@@ -0,0 +1,117 @@
+import { editorMessages } from "@panneau/intl";
+import { Bold, Code, Italic, List, ListOrdered, Minus, Redo2, RemoveFormatting, Strikethrough, Subscript, Superscript, TextQuote, Underline, Undo2 } from "lucide-react";
+//#region src/buttons.ts
+/** The buttons of the field's own marks and blocks, by name. */
+var builtInButtons = [
+	{
+		name: "bold",
+		label: editorMessages.bold,
+		icon: Bold,
+		run: (editor) => editor.chain().focus().toggleBold().run(),
+		isActive: (editor) => editor.isActive("bold"),
+		isDisabled: (editor) => !editor.can().toggleBold()
+	},
+	{
+		name: "italic",
+		label: editorMessages.italic,
+		icon: Italic,
+		run: (editor) => editor.chain().focus().toggleItalic().run(),
+		isActive: (editor) => editor.isActive("italic"),
+		isDisabled: (editor) => !editor.can().toggleItalic()
+	},
+	{
+		name: "underline",
+		label: editorMessages.underline,
+		icon: Underline,
+		run: (editor) => editor.chain().focus().toggleUnderline().run(),
+		isActive: (editor) => editor.isActive("underline"),
+		isDisabled: (editor) => !editor.can().toggleUnderline()
+	},
+	{
+		name: "strike",
+		label: editorMessages.strike,
+		icon: Strikethrough,
+		run: (editor) => editor.chain().focus().toggleStrike().run(),
+		isActive: (editor) => editor.isActive("strike"),
+		isDisabled: (editor) => !editor.can().toggleStrike()
+	},
+	{
+		name: "superscript",
+		label: editorMessages.superscript,
+		icon: Superscript,
+		run: (editor) => editor.chain().focus().toggleSuperscript().run(),
+		isActive: (editor) => editor.isActive("superscript"),
+		isDisabled: (editor) => !editor.can().toggleSuperscript()
+	},
+	{
+		name: "subscript",
+		label: editorMessages.subscript,
+		icon: Subscript,
+		run: (editor) => editor.chain().focus().toggleSubscript().run(),
+		isActive: (editor) => editor.isActive("subscript"),
+		isDisabled: (editor) => !editor.can().toggleSubscript()
+	},
+	{
+		name: "code",
+		label: editorMessages.code,
+		icon: Code,
+		run: (editor) => editor.chain().focus().toggleCode().run(),
+		isActive: (editor) => editor.isActive("code"),
+		isDisabled: (editor) => !editor.can().toggleCode()
+	},
+	{
+		name: "bulletList",
+		label: editorMessages.bulletList,
+		icon: List,
+		run: (editor) => editor.chain().focus().toggleBulletList().run(),
+		isActive: (editor) => editor.isActive("bulletList"),
+		isDisabled: (editor) => !editor.can().toggleBulletList()
+	},
+	{
+		name: "orderedList",
+		label: editorMessages.orderedList,
+		icon: ListOrdered,
+		run: (editor) => editor.chain().focus().toggleOrderedList().run(),
+		isActive: (editor) => editor.isActive("orderedList"),
+		isDisabled: (editor) => !editor.can().toggleOrderedList()
+	},
+	{
+		name: "blockquote",
+		label: editorMessages.blockquote,
+		icon: TextQuote,
+		run: (editor) => editor.chain().focus().toggleBlockquote().run(),
+		isActive: (editor) => editor.isActive("blockquote"),
+		isDisabled: (editor) => !editor.can().toggleBlockquote()
+	},
+	{
+		name: "horizontalRule",
+		label: editorMessages.horizontalRule,
+		icon: Minus,
+		run: (editor) => editor.chain().focus().setHorizontalRule().run(),
+		isDisabled: (editor) => !editor.can().setHorizontalRule()
+	},
+	{
+		name: "clear",
+		label: editorMessages.clear,
+		icon: RemoveFormatting,
+		run: (editor) => editor.chain().focus().unsetAllMarks().run()
+	},
+	{
+		name: "undo",
+		label: editorMessages.undo,
+		icon: Undo2,
+		run: (editor) => editor.chain().focus().undo().run(),
+		isDisabled: (editor) => !editor.can().undo()
+	},
+	{
+		name: "redo",
+		label: editorMessages.redo,
+		icon: Redo2,
+		run: (editor) => editor.chain().focus().redo().run(),
+		isDisabled: (editor) => !editor.can().redo()
+	}
+];
+//#endregion
+export { builtInButtons };
+
+//# sourceMappingURL=buttons.js.map

package/dist/buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.js","names":["Editor","Bold","Code","Italic","List","ListOrdered","Minus","Redo2","RemoveFormatting","Strikethrough","Subscript","Superscript","TextQuote","Underline","Undo2","MessageDescriptor","editorMessages","messages","IconComponent","RichTextButton","name","label","icon","run","editor","isActive","isDisabled","builtInButtons","bold","chain","focus","toggleBold","can","italic","toggleItalic","underline","toggleUnderline","strike","toggleStrike","superscript","toggleSuperscript","subscript","toggleSubscript","code","toggleCode","bulletList","toggleBulletList","orderedList","toggleOrderedList","blockquote","toggleBlockquote","horizontalRule","setHorizontalRule","clear","unsetAllMarks","undo","redo","messages"],"sources":["../src/buttons.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core';\nimport {\n    Bold,\n    Code,\n    Italic,\n    List,\n    ListOrdered,\n    Minus,\n    Redo2,\n    RemoveFormatting,\n    Strikethrough,\n    Subscript,\n    Superscript,\n    TextQuote,\n    Underline,\n    Undo2,\n} from 'lucide-react';\nimport type { MessageDescriptor } from 'react-intl';\n\nimport { editorMessages as messages } from '@panneau/intl';\nimport type { IconComponent } from '@panneau/ui';\n\n/**\n * A button of the toolbar. Plugins add their own (an inline logo), which the `toolbar` setting\n * names like the built-in ones.\n */\nexport interface RichTextButton {\n    /** Its name in the `toolbar` setting: `logo`. */\n    name: string;\n    /** Its accessible label, also shown as a tooltip. */\n    label: string | MessageDescriptor;\n    icon: IconComponent;\n    /** Runs its command on the editor. */\n    run: (editor: Editor) => void;\n    /** Makes it a toggle, pressed when the selection has what it adds. */\n    isActive?: (editor: Editor) => boolean;\n    /** Whether it can't run on the selection. Defaults to never. */\n    isDisabled?: (editor: Editor) => boolean;\n}\n\n/** The buttons of the field's own marks and blocks, by name. */\nexport const builtInButtons: readonly RichTextButton[] = [\n    {\n        name: 'bold',\n        label: messages.bold,\n        icon: Bold,\n        run: (editor) => editor.chain().focus().toggleBold().run(),\n        isActive: (editor) => editor.isActive('bold'),\n        isDisabled: (editor) => !editor.can().toggleBold(),\n    },\n    {\n        name: 'italic',\n        label: messages.italic,\n        icon: Italic,\n        run: (editor) => editor.chain().focus().toggleItalic().run(),\n        isActive: (editor) => editor.isActive('italic'),\n        isDisabled: (editor) => !editor.can().toggleItalic(),\n    },\n    {\n        name: 'underline',\n        label: messages.underline,\n        icon: Underline,\n        run: (editor) => editor.chain().focus().toggleUnderline().run(),\n        isActive: (editor) => editor.isActive('underline'),\n        isDisabled: (editor) => !editor.can().toggleUnderline(),\n    },\n    {\n        name: 'strike',\n        label: messages.strike,\n        icon: Strikethrough,\n        run: (editor) => editor.chain().focus().toggleStrike().run(),\n        isActive: (editor) => editor.isActive('strike'),\n        isDisabled: (editor) => !editor.can().toggleStrike(),\n    },\n    {\n        name: 'superscript',\n        label: messages.superscript,\n        icon: Superscript,\n        run: (editor) => editor.chain().focus().toggleSuperscript().run(),\n        isActive: (editor) => editor.isActive('superscript'),\n        isDisabled: (editor) => !editor.can().toggleSuperscript(),\n    },\n    {\n        name: 'subscript',\n        label: messages.subscript,\n        icon: Subscript,\n        run: (editor) => editor.chain().focus().toggleSubscript().run(),\n        isActive: (editor) => editor.isActive('subscript'),\n        isDisabled: (editor) => !editor.can().toggleSubscript(),\n    },\n    {\n        name: 'code',\n        label: messages.code,\n        icon: Code,\n        run: (editor) => editor.chain().focus().toggleCode().run(),\n        isActive: (editor) => editor.isActive('code'),\n        isDisabled: (editor) => !editor.can().toggleCode(),\n    },\n    {\n        name: 'bulletList',\n        label: messages.bulletList,\n        icon: List,\n        run: (editor) => editor.chain().focus().toggleBulletList().run(),\n        isActive: (editor) => editor.isActive('bulletList'),\n        isDisabled: (editor) => !editor.can().toggleBulletList(),\n    },\n    {\n        name: 'orderedList',\n        label: messages.orderedList,\n        icon: ListOrdered,\n        run: (editor) => editor.chain().focus().toggleOrderedList().run(),\n        isActive: (editor) => editor.isActive('orderedList'),\n        isDisabled: (editor) => !editor.can().toggleOrderedList(),\n    },\n    {\n        name: 'blockquote',\n        label: messages.blockquote,\n        icon: TextQuote,\n        run: (editor) => editor.chain().focus().toggleBlockquote().run(),\n        isActive: (editor) => editor.isActive('blockquote'),\n        isDisabled: (editor) => !editor.can().toggleBlockquote(),\n    },\n    {\n        name: 'horizontalRule',\n        label: messages.horizontalRule,\n        icon: Minus,\n        run: (editor) => editor.chain().focus().setHorizontalRule().run(),\n        isDisabled: (editor) => !editor.can().setHorizontalRule(),\n    },\n    {\n        name: 'clear',\n        label: messages.clear,\n        icon: RemoveFormatting,\n        run: (editor) => editor.chain().focus().unsetAllMarks().run(),\n    },\n    {\n        name: 'undo',\n        label: messages.undo,\n        icon: Undo2,\n        run: (editor) => editor.chain().focus().undo().run(),\n        isDisabled: (editor) => !editor.can().undo(),\n    },\n    {\n        name: 'redo',\n        label: messages.redo,\n        icon: Redo2,\n        run: (editor) => editor.chain().focus().redo().run(),\n        isDisabled: (editor) => !editor.can().redo(),\n    },\n];\n"],"mappings":"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"}

package/dist/extensions/attributes.d.ts

@@ -0,0 +1,44 @@
+import { Extension } from '@tiptap/core';
+/**
+ * Marks the paragraphs of list items that were not written as a `<p>`, while the content is
+ * serialized: a list item with one of them is written without it (`<li>Text</li>`), as CKEditor
+ * writes it. It never reaches the value.
+ */
+export declare const IMPLICIT_PARAGRAPH = "data-panneau-implicit";
+/** What ProseMirror puts on content it copies, to paste it back: never kept. */
+export declare const CLIPBOARD_SLICE = "data-pm-slice";
+/** What the field puts on content it copies, to know it when it is pasted: never kept. */
+export declare const COPIED_FROM = "data-panneau-copy";
+/**
+ * Where the field puts kept HTML when ProseMirror renders it without its view (see
+ * `restoreKeptHtml()`): never read from content.
+ */
+export declare const KEPT_HTML = "data-panneau-html";
+/** The nodes and marks of the field whose attributes are kept. */
+export declare const KEPT_ATTRIBUTE_TYPES: readonly ["paragraph", "heading", "blockquote", "bulletList", "orderedList", "listItem", "horizontalRule", "hardBreak", "link", "bold", "italic", "underline", "strike", "code", "subscript", "superscript"];
+/**
+ * Whether an attribute would run a script once rendered: an event handler (`onclick`), `srcdoc`,
+ * or a URL attribute (`href`, `src`…) with a `javascript:`, `vbscript:` or `data:text/html` URL,
+ * whatever the case and the whitespace and control characters in it. Values are read from the
+ * DOM, so their entities are already decoded. Other attributes can say "javascript:" (`title`).
+ */
+export declare function isScriptAttribute(name: string, value: string): boolean;
+/**
+ * Attributes that are safe to render: strings, without those that would run a script. Content
+ * reaches nodes through the parser, but also through the context of a pasted slice.
+ */
+export declare function withoutScriptAttributes(attributes: unknown): Record<string, string>;
+/**
+ * The attributes of an element, in their order, except those of `skip` and those that would run
+ * a script (`isScriptAttribute()`). `null` without any.
+ */
+export declare function readAttributes(element: HTMLElement, skip?: readonly string[]): Record<string, string> | null;
+/** The attributes kept on a node or a mark, in `htmlAttributes`, without script attributes. */
+export declare function getHtmlAttributes(attrs: Record<string, unknown>): Record<string, string>;
+/**
+ * Keeps the attributes of the elements the field knows (`class`, `style`, `id`, `lang`, `data-*`),
+ * in their order, so that content written by another editor keeps them once edited. Block styles
+ * are classes among them. Also remembers which paragraphs of list items were written as a `<p>`.
+ */
+export declare const HtmlAttributes: Extension<any, any>;
+//# sourceMappingURL=attributes.d.ts.map

package/dist/extensions/attributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attributes.d.ts","sourceRoot":"","sources":["../../src/extensions/attributes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,0BAA0B,CAAC;AAE1D,gFAAgF;AAChF,eAAO,MAAM,eAAe,kBAAkB,CAAC;AAE/C,0FAA0F;AAC1F,eAAO,MAAM,WAAW,sBAAsB,CAAC;AAE/C;;;GAGG;AACH,eAAO,MAAM,SAAS,sBAAsB,CAAC;AAa7C,kEAAkE;AAClE,eAAO,MAAM,oBAAoB,8MAiBvB,CAAC;AAmBX;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAiBtE;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAUnF;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAC1B,OAAO,EAAE,WAAW,EACpB,IAAI,GAAE,SAAS,MAAM,EAAO,GAC7B,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAU/B;AAED,+FAA+F;AAC/F,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAExF;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,qBAgCzB,CAAC"}

package/dist/extensions/attributes.js

@@ -0,0 +1,138 @@
+import { Extension } from "@tiptap/core";
+//#region src/extensions/attributes.ts
+/**
+* Marks the paragraphs of list items that were not written as a `<p>`, while the content is
+* serialized: a list item with one of them is written without it (`<li>Text</li>`), as CKEditor
+* writes it. It never reaches the value.
+*/
+var IMPLICIT_PARAGRAPH = "data-panneau-implicit";
+/** What ProseMirror puts on content it copies, to paste it back: never kept. */
+var CLIPBOARD_SLICE = "data-pm-slice";
+/** What the field puts on content it copies, to know it when it is pasted: never kept. */
+var COPIED_FROM = "data-panneau-copy";
+/**
+* Where the field puts kept HTML when ProseMirror renders it without its view (see
+* `restoreKeptHtml()`): never read from content.
+*/
+var KEPT_HTML = "data-panneau-html";
+/** Attributes that the field and ProseMirror add, which never reach the value. */
+var INTERNAL_ATTRIBUTES = [
+	IMPLICIT_PARAGRAPH,
+	CLIPBOARD_SLICE,
+	COPIED_FROM,
+	KEPT_HTML
+];
+/**
+* The attributes that an extension handles itself, by type: they are not kept a second time.
+*/
+var OWN_ATTRIBUTES = {
+	orderedList: ["start", "type"],
+	link: [
+		"href",
+		"target",
+		"rel",
+		"class",
+		"title"
+	]
+};
+/** The nodes and marks of the field whose attributes are kept. */
+var KEPT_ATTRIBUTE_TYPES = [
+	"paragraph",
+	"heading",
+	"blockquote",
+	"bulletList",
+	"orderedList",
+	"listItem",
+	"horizontalRule",
+	"hardBreak",
+	"link",
+	"bold",
+	"italic",
+	"underline",
+	"strike",
+	"code",
+	"subscript",
+	"superscript"
+];
+/** Attributes whose value is a URL, which a `javascript:` URL makes run a script. */
+var URL_ATTRIBUTES = /* @__PURE__ */ new Set([
+	"action",
+	"background",
+	"cite",
+	"data",
+	"dynsrc",
+	"formaction",
+	"href",
+	"longdesc",
+	"lowsrc",
+	"poster",
+	"src",
+	"usemap",
+	"xlink:href"
+]);
+/**
+* Whether an attribute would run a script once rendered: an event handler (`onclick`), `srcdoc`,
+* or a URL attribute (`href`, `src`…) with a `javascript:`, `vbscript:` or `data:text/html` URL,
+* whatever the case and the whitespace and control characters in it. Values are read from the
+* DOM, so their entities are already decoded. Other attributes can say "javascript:" (`title`).
+*/
+function isScriptAttribute(name, value) {
+	const attribute = name.toLowerCase();
+	if (attribute.startsWith("on") || attribute === "srcdoc") return true;
+	if (!URL_ATTRIBUTES.has(attribute)) return false;
+	const url = Array.from(value).filter((character) => {
+		const code = character.charCodeAt(0);
+		return code > 32 && (code < 127 || code > 159);
+	}).join("").toLowerCase();
+	return /^(javascript|vbscript|data:text\/html)/.test(url);
+}
+/**
+* Attributes that are safe to render: strings, without those that would run a script. Content
+* reaches nodes through the parser, but also through the context of a pasted slice.
+*/
+function withoutScriptAttributes(attributes) {
+	if (attributes === null || typeof attributes !== "object") return {};
+	return Object.fromEntries(Object.entries(attributes).filter((entry) => typeof entry[1] === "string" && !isScriptAttribute(entry[0], entry[1])));
+}
+/**
+* The attributes of an element, in their order, except those of `skip` and those that would run
+* a script (`isScriptAttribute()`). `null` without any.
+*/
+function readAttributes(element, skip = []) {
+	const attributes = Array.from(element.attributes).filter((attribute) => !INTERNAL_ATTRIBUTES.includes(attribute.name) && !skip.includes(attribute.name) && !isScriptAttribute(attribute.name, attribute.value));
+	return attributes.length > 0 ? Object.fromEntries(attributes.map((attribute) => [attribute.name, attribute.value])) : null;
+}
+/** The attributes kept on a node or a mark, in `htmlAttributes`, without script attributes. */
+function getHtmlAttributes(attrs) {
+	return withoutScriptAttributes(attrs.htmlAttributes);
+}
+/**
+* Keeps the attributes of the elements the field knows (`class`, `style`, `id`, `lang`, `data-*`),
+* in their order, so that content written by another editor keeps them once edited. Block styles
+* are classes among them. Also remembers which paragraphs of list items were written as a `<p>`.
+*/
+var HtmlAttributes = Extension.create({
+	name: "htmlAttributes",
+	addGlobalAttributes() {
+		return [...KEPT_ATTRIBUTE_TYPES.map((type) => ({
+			types: [type],
+			attributes: { htmlAttributes: {
+				default: null,
+				keepOnSplit: false,
+				parseHTML: (element) => readAttributes(element, OWN_ATTRIBUTES[type]),
+				renderHTML: (attrs) => getHtmlAttributes(attrs)
+			} }
+		})), {
+			types: ["paragraph"],
+			attributes: { explicit: {
+				default: false,
+				parseHTML: (element) => element.parentElement?.tagName === "LI",
+				renderHTML: (attrs) => attrs.explicit === true ? {} : { [IMPLICIT_PARAGRAPH]: "" }
+			} }
+		}];
+	}
+});
+//#endregion
+export { CLIPBOARD_SLICE, COPIED_FROM, HtmlAttributes, IMPLICIT_PARAGRAPH, KEPT_ATTRIBUTE_TYPES, KEPT_HTML, getHtmlAttributes, isScriptAttribute, readAttributes, withoutScriptAttributes };
+
+//# sourceMappingURL=attributes.js.map

package/dist/extensions/attributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attributes.js","names":["Extension","IMPLICIT_PARAGRAPH","CLIPBOARD_SLICE","COPIED_FROM","KEPT_HTML","INTERNAL_ATTRIBUTES","OWN_ATTRIBUTES","Readonly","Record","orderedList","link","KEPT_ATTRIBUTE_TYPES","const","URL_ATTRIBUTES","Set","isScriptAttribute","name","value","attribute","toLowerCase","startsWith","has","url","Array","from","filter","character","code","charCodeAt","join","test","withoutScriptAttributes","attributes","Object","fromEntries","entries","entry","readAttributes","element","HTMLElement","skip","includes","length","map","getHtmlAttributes","attrs","htmlAttributes","HtmlAttributes","create","addGlobalAttributes","type","types","default","keepOnSplit","parseHTML","renderHTML","explicit","parentElement","tagName"],"sources":["../../src/extensions/attributes.ts"],"sourcesContent":["import { Extension } from '@tiptap/core';\n\n/**\n * Marks the paragraphs of list items that were not written as a `<p>`, while the content is\n * serialized: a list item with one of them is written without it (`<li>Text</li>`), as CKEditor\n * writes it. It never reaches the value.\n */\nexport const IMPLICIT_PARAGRAPH = 'data-panneau-implicit';\n\n/** What ProseMirror puts on content it copies, to paste it back: never kept. */\nexport const CLIPBOARD_SLICE = 'data-pm-slice';\n\n/** What the field puts on content it copies, to know it when it is pasted: never kept. */\nexport const COPIED_FROM = 'data-panneau-copy';\n\n/**\n * Where the field puts kept HTML when ProseMirror renders it without its view (see\n * `restoreKeptHtml()`): never read from content.\n */\nexport const KEPT_HTML = 'data-panneau-html';\n\n/** Attributes that the field and ProseMirror add, which never reach the value. */\nconst INTERNAL_ATTRIBUTES = [IMPLICIT_PARAGRAPH, CLIPBOARD_SLICE, COPIED_FROM, KEPT_HTML];\n\n/**\n * The attributes that an extension handles itself, by type: they are not kept a second time.\n */\nconst OWN_ATTRIBUTES: Readonly<Record<string, readonly string[]>> = {\n    orderedList: ['start', 'type'],\n    link: ['href', 'target', 'rel', 'class', 'title'],\n};\n\n/** The nodes and marks of the field whose attributes are kept. */\nexport const KEPT_ATTRIBUTE_TYPES = [\n    'paragraph',\n    'heading',\n    'blockquote',\n    'bulletList',\n    'orderedList',\n    'listItem',\n    'horizontalRule',\n    'hardBreak',\n    'link',\n    'bold',\n    'italic',\n    'underline',\n    'strike',\n    'code',\n    'subscript',\n    'superscript',\n] as const;\n\n/** Attributes whose value is a URL, which a `javascript:` URL makes run a script. */\nconst URL_ATTRIBUTES = new Set([\n    'action',\n    'background',\n    'cite',\n    'data',\n    'dynsrc',\n    'formaction',\n    'href',\n    'longdesc',\n    'lowsrc',\n    'poster',\n    'src',\n    'usemap',\n    'xlink:href',\n]);\n\n/**\n * Whether an attribute would run a script once rendered: an event handler (`onclick`), `srcdoc`,\n * or a URL attribute (`href`, `src`…) with a `javascript:`, `vbscript:` or `data:text/html` URL,\n * whatever the case and the whitespace and control characters in it. Values are read from the\n * DOM, so their entities are already decoded. Other attributes can say \"javascript:\" (`title`).\n */\nexport function isScriptAttribute(name: string, value: string): boolean {\n    const attribute = name.toLowerCase();\n    if (attribute.startsWith('on') || attribute === 'srcdoc') {\n        return true;\n    }\n    if (!URL_ATTRIBUTES.has(attribute)) {\n        return false;\n    }\n    // Browsers skip whitespace and control characters in a URL's scheme\n    const url = Array.from(value)\n        .filter((character) => {\n            const code = character.charCodeAt(0);\n            return code > 0x20 && (code < 0x7f || code > 0x9f);\n        })\n        .join('')\n        .toLowerCase();\n    return /^(javascript|vbscript|data:text\\/html)/.test(url);\n}\n\n/**\n * Attributes that are safe to render: strings, without those that would run a script. Content\n * reaches nodes through the parser, but also through the context of a pasted slice.\n */\nexport function withoutScriptAttributes(attributes: unknown): Record<string, string> {\n    if (attributes === null || typeof attributes !== 'object') {\n        return {};\n    }\n    return Object.fromEntries(\n        Object.entries(attributes).filter(\n            (entry): entry is [string, string] =>\n                typeof entry[1] === 'string' && !isScriptAttribute(entry[0], entry[1]),\n        ),\n    );\n}\n\n/**\n * The attributes of an element, in their order, except those of `skip` and those that would run\n * a script (`isScriptAttribute()`). `null` without any.\n */\nexport function readAttributes(\n    element: HTMLElement,\n    skip: readonly string[] = [],\n): Record<string, string> | null {\n    const attributes = Array.from(element.attributes).filter(\n        (attribute) =>\n            !INTERNAL_ATTRIBUTES.includes(attribute.name) &&\n            !skip.includes(attribute.name) &&\n            !isScriptAttribute(attribute.name, attribute.value),\n    );\n    return attributes.length > 0\n        ? Object.fromEntries(attributes.map((attribute) => [attribute.name, attribute.value]))\n        : null;\n}\n\n/** The attributes kept on a node or a mark, in `htmlAttributes`, without script attributes. */\nexport function getHtmlAttributes(attrs: Record<string, unknown>): Record<string, string> {\n    return withoutScriptAttributes(attrs.htmlAttributes);\n}\n\n/**\n * Keeps the attributes of the elements the field knows (`class`, `style`, `id`, `lang`, `data-*`),\n * in their order, so that content written by another editor keeps them once edited. Block styles\n * are classes among them. Also remembers which paragraphs of list items were written as a `<p>`.\n */\nexport const HtmlAttributes = Extension.create({\n    name: 'htmlAttributes',\n\n    addGlobalAttributes() {\n        return [\n            ...KEPT_ATTRIBUTE_TYPES.map((type) => ({\n                types: [type],\n                attributes: {\n                    htmlAttributes: {\n                        default: null,\n                        // A new paragraph doesn't take the style of the one it splits from.\n                        keepOnSplit: false,\n                        parseHTML: (element: HTMLElement) =>\n                            readAttributes(element, OWN_ATTRIBUTES[type]),\n                        renderHTML: (attrs: Record<string, unknown>) => getHtmlAttributes(attrs),\n                    },\n                },\n            })),\n            {\n                types: ['paragraph'],\n                attributes: {\n                    explicit: {\n                        default: false,\n                        parseHTML: (element: HTMLElement) =>\n                            element.parentElement?.tagName === 'LI',\n                        renderHTML: (attrs: Record<string, unknown>) =>\n                            attrs.explicit === true ? {} : { [IMPLICIT_PARAGRAPH]: '' },\n                    },\n                },\n            },\n        ];\n    },\n});\n"],"mappings":";;;;;;;AAOA,IAAaC,qBAAqB;;AAGlC,IAAaC,kBAAkB;;AAG/B,IAAaC,cAAc;;;;;AAM3B,IAAaC,YAAY;;AAGzB,IAAMC,sBAAsB;CAACJ;CAAoBC;CAAiBC;CAAaC;AAAS;;;;AAKxF,IAAME,iBAA8D;CAChEG,aAAa,CAAC,SAAS,MAAM;CAC7BC,MAAM;EAAC;EAAQ;EAAU;EAAO;EAAS;CAAO;AACpD;;AAGA,IAAaC,uBAAuB;CAChC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AAAa;;AAIjB,IAAME,iCAAiB,IAAIC,IAAI;CAC3B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AAAY,CACf;;;;;;;AAQD,SAAgBC,kBAAkBC,MAAcC,OAAwB;CACpE,MAAMC,YAAYF,KAAKG,YAAY;CACnC,IAAID,UAAUE,WAAW,IAAI,KAAKF,cAAc,UAC5C,OAAO;CAEX,IAAI,CAACL,eAAeQ,IAAIH,SAAS,GAC7B,OAAO;CAGX,MAAMI,MAAMC,MAAMC,KAAKP,KAAK,CAAC,CACxBQ,QAAQC,cAAc;EACnB,MAAMC,OAAOD,UAAUE,WAAW,CAAC;EACnC,OAAOD,OAAO,OAASA,OAAO,OAAQA,OAAO;CACjD,CAAC,CAAC,CACDE,KAAK,EAAE,CAAC,CACRV,YAAY;CACjB,OAAO,yCAAyCW,KAAKR,GAAG;AAC5D;;;;;AAMA,SAAgBS,wBAAwBC,YAA6C;CACjF,IAAIA,eAAe,QAAQ,OAAOA,eAAe,UAC7C,OAAO,CAAC;CAEZ,OAAOC,OAAOC,YACVD,OAAOE,QAAQH,UAAU,CAAC,CAACP,QACtBW,UACG,OAAOA,MAAM,OAAO,YAAY,CAACrB,kBAAkBqB,MAAM,IAAIA,MAAM,EAAE,CAC7E,CACJ;AACJ;;;;;AAMA,SAAgBC,eACZC,SACAE,OAA0B,CAAA,GACG;CAC7B,MAAMR,aAAaT,MAAMC,KAAKc,QAAQN,UAAU,CAAC,CAACP,QAC7CP,cACG,CAACb,oBAAoBoC,SAASvB,UAAUF,IAAI,KAC5C,CAACwB,KAAKC,SAASvB,UAAUF,IAAI,KAC7B,CAACD,kBAAkBG,UAAUF,MAAME,UAAUD,KAAK,CAC1D;CACA,OAAOe,WAAWU,SAAS,IACrBT,OAAOC,YAAYF,WAAWW,KAAKzB,cAAc,CAACA,UAAUF,MAAME,UAAUD,KAAK,CAAC,CAAC,IACnF;AACV;;AAGA,SAAgB2B,kBAAkBC,OAAwD;CACtF,OAAOd,wBAAwBc,MAAMC,cAAc;AACvD;;;;;;AAOA,IAAaC,iBAAiB/C,UAAUgD,OAAO;CAC3ChC,MAAM;CAENiC,sBAAsB;EAClB,OAAO,CACH,GAAGtC,qBAAqBgC,KAAKO,UAAU;GACnCC,OAAO,CAACD,IAAI;GACZlB,YAAY,EACRc,gBAAgB;IACZM,SAAS;IAETC,aAAa;IACbC,YAAYhB,YACRD,eAAeC,SAAShC,eAAe4C,KAAK;IAChDK,aAAaV,UAAmCD,kBAAkBC,KAAK;GAC3E,EACJ;EACJ,EAAE,GACF;GACIM,OAAO,CAAC,WAAW;GACnBnB,YAAY,EACRwB,UAAU;IACNJ,SAAS;IACTE,YAAYhB,YACRA,QAAQmB,eAAeC,YAAY;IACvCH,aAAaV,UACTA,MAAMW,aAAa,OAAO,CAAC,IAAI,GAAGvD,qBAAqB,GAAG;GAClE,EACJ;EACJ,CAAC;CAET;AACJ,CAAC"}

package/dist/extensions/index.d.ts

@@ -0,0 +1,19 @@
+import type { AnyExtension } from '@tiptap/core';
+import { HtmlAttributes } from './attributes.js';
+import { HtmlBlock, HtmlInline, HtmlMark, type HtmlNodeOptions } from './raw.js';
+export interface RichTextExtensionsOptions {
+    /** TipTap extensions of the project. One with the name of a built-in extension replaces it. */
+    extensions?: readonly AnyExtension[];
+    /** Text shown in the empty editor. */
+    placeholder?: string;
+    /** How kept HTML shows in the editor. */
+    html?: Partial<HtmlNodeOptions>;
+}
+/**
+ * The TipTap extensions of the rich text field. Their schema reads everything the field may hold,
+ * whatever its toolbar offers: every heading level, the marks, attributes, and HTML it doesn't
+ * edit, kept as it was written.
+ */
+export declare function createRichTextExtensions({ extensions, placeholder, html, }?: RichTextExtensionsOptions): AnyExtension[];
+export { HtmlAttributes, HtmlBlock, HtmlInline, HtmlMark };
+//# sourceMappingURL=index.d.ts.map

package/dist/extensions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/extensions/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAYjD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,eAAe,EAAE,MAAM,OAAO,CAAC;AA8B9E,MAAM,WAAW,yBAAyB;IACtC,+FAA+F;IAC/F,UAAU,CAAC,EAAE,SAAS,YAAY,EAAE,CAAC;IACrC,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACnC;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,EACrC,UAAe,EACf,WAAW,EACX,IAAS,GACZ,GAAE,yBAA8B,GAAG,YAAY,EAAE,CAoCjD;AAED,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC"}