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

package/dist/extensions/index.js

@@ -0,0 +1,96 @@
+import { HtmlAttributes } from "./attributes.js";
+import { markExtensions } from "./marks.js";
+import { HtmlBlock, HtmlInline, HtmlMark } from "./raw.js";
+import { Paste } from "./paste.js";
+import { Link } from "@tiptap/extension-link";
+import { Blockquote } from "@tiptap/extension-blockquote";
+import { Document } from "@tiptap/extension-document";
+import { HardBreak } from "@tiptap/extension-hard-break";
+import { Heading } from "@tiptap/extension-heading";
+import { HorizontalRule } from "@tiptap/extension-horizontal-rule";
+import { BulletList, ListItem, ListKeymap, OrderedList } from "@tiptap/extension-list";
+import { Paragraph } from "@tiptap/extension-paragraph";
+import { Text } from "@tiptap/extension-text";
+import { Dropcursor, Gapcursor, Placeholder, UndoRedo } from "@tiptap/extensions";
+//#region src/extensions/index.ts
+/**
+* Links with their attributes in the order they were written in (CKEditor 5 writes `target` and
+* `rel` before `href`), and new links with `href` first.
+*/
+var KeptLink = Link.extend({
+	addAttributes() {
+		return {
+			...this.parent?.(),
+			order: {
+				default: null,
+				rendered: false,
+				parseHTML: (element) => element.getAttributeNames().join(" ") || null
+			}
+		};
+	},
+	renderHTML(props) {
+		const [tag, attributes] = this.parent?.(props);
+		const order = typeof props.mark.attrs.order === "string" ? props.mark.attrs.order : "href";
+		return [
+			tag,
+			{
+				...Object.fromEntries(order.split(" ").filter((name) => attributes[name] !== void 0 && attributes[name] !== null).map((name) => [name, attributes[name]])),
+				...attributes
+			},
+			0
+		];
+	}
+});
+/**
+* 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.
+*/
+function createRichTextExtensions({ extensions = [], placeholder, html = {} } = {}) {
+	const builtIn = [
+		Document,
+		Paragraph,
+		Text,
+		Heading.configure({ levels: [
+			1,
+			2,
+			3,
+			4,
+			5,
+			6
+		] }),
+		Blockquote,
+		BulletList,
+		OrderedList,
+		ListItem,
+		ListKeymap,
+		HardBreak,
+		HorizontalRule,
+		...markExtensions,
+		KeptLink.configure({
+			autolink: false,
+			linkOnPaste: false,
+			openOnClick: false,
+			HTMLAttributes: {
+				target: null,
+				rel: null,
+				class: null
+			}
+		}),
+		HtmlAttributes,
+		HtmlBlock.configure(html),
+		HtmlInline.configure(html),
+		HtmlMark,
+		Paste,
+		UndoRedo,
+		Dropcursor,
+		Gapcursor,
+		...placeholder !== void 0 && placeholder !== "" ? [Placeholder.configure({ placeholder })] : []
+	];
+	const replaced = new Set(extensions.map((extension) => extension.name));
+	return [...builtIn.filter((extension) => !replaced.has(extension.name)), ...extensions];
+}
+//#endregion
+export { HtmlAttributes, HtmlBlock, HtmlInline, HtmlMark, createRichTextExtensions };
+
+//# sourceMappingURL=index.js.map

package/dist/extensions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["AnyExtension","Blockquote","Document","HardBreak","Heading","HorizontalRule","Link","BulletList","ListItem","ListKeymap","OrderedList","Paragraph","Text","Dropcursor","Gapcursor","Placeholder","UndoRedo","HtmlAttributes","markExtensions","Paste","HtmlBlock","HtmlInline","HtmlMark","HtmlNodeOptions","KeptLink","extend","addAttributes","parent","order","default","rendered","parseHTML","element","HTMLElement","getAttributeNames","join","renderHTML","props","tag","attributes","Record","mark","attrs","ordered","Object","fromEntries","split","filter","name","undefined","map","RichTextExtensionsOptions","extensions","placeholder","html","Partial","createRichTextExtensions","builtIn","configure","levels","autolink","linkOnPaste","openOnClick","HTMLAttributes","target","rel","class","replaced","Set","extension","has"],"sources":["../../src/extensions/index.ts"],"sourcesContent":["import type { AnyExtension } from '@tiptap/core';\nimport { Blockquote } from '@tiptap/extension-blockquote';\nimport { Document } from '@tiptap/extension-document';\nimport { HardBreak } from '@tiptap/extension-hard-break';\nimport { Heading } from '@tiptap/extension-heading';\nimport { HorizontalRule } from '@tiptap/extension-horizontal-rule';\nimport { Link } from '@tiptap/extension-link';\nimport { BulletList, ListItem, ListKeymap, OrderedList } from '@tiptap/extension-list';\nimport { Paragraph } from '@tiptap/extension-paragraph';\nimport { Text } from '@tiptap/extension-text';\nimport { Dropcursor, Gapcursor, Placeholder, UndoRedo } from '@tiptap/extensions';\n\nimport { HtmlAttributes } from './attributes';\nimport { markExtensions } from './marks';\nimport { Paste } from './paste';\nimport { HtmlBlock, HtmlInline, HtmlMark, type HtmlNodeOptions } from './raw';\n\n/**\n * Links with their attributes in the order they were written in (CKEditor 5 writes `target` and\n * `rel` before `href`), and new links with `href` first.\n */\nconst KeptLink = Link.extend({\n    addAttributes() {\n        return {\n            ...this.parent?.(),\n            order: {\n                default: null,\n                rendered: false,\n                parseHTML: (element: HTMLElement) => element.getAttributeNames().join(' ') || null,\n            },\n        };\n    },\n    renderHTML(props) {\n        const [tag, attributes] = this.parent?.(props) as [string, Record<string, unknown>, 0];\n        const order = typeof props.mark.attrs.order === 'string' ? props.mark.attrs.order : 'href';\n        const ordered = Object.fromEntries(\n            order\n                .split(' ')\n                .filter((name) => attributes[name] !== undefined && attributes[name] !== null)\n                .map((name) => [name, attributes[name]]),\n        );\n        return [tag, { ...ordered, ...attributes }, 0];\n    },\n});\n\nexport interface RichTextExtensionsOptions {\n    /** TipTap extensions of the project. One with the name of a built-in extension replaces it. */\n    extensions?: readonly AnyExtension[];\n    /** Text shown in the empty editor. */\n    placeholder?: string;\n    /** How kept HTML shows in the editor. */\n    html?: Partial<HtmlNodeOptions>;\n}\n\n/**\n * The TipTap extensions of the rich text field. Their schema reads everything the field may hold,\n * whatever its toolbar offers: every heading level, the marks, attributes, and HTML it doesn't\n * edit, kept as it was written.\n */\nexport function createRichTextExtensions({\n    extensions = [],\n    placeholder,\n    html = {},\n}: RichTextExtensionsOptions = {}): AnyExtension[] {\n    const builtIn: AnyExtension[] = [\n        Document,\n        Paragraph,\n        Text,\n        Heading.configure({ levels: [1, 2, 3, 4, 5, 6] }),\n        Blockquote,\n        BulletList,\n        OrderedList,\n        ListItem,\n        ListKeymap,\n        HardBreak,\n        HorizontalRule,\n        ...markExtensions,\n        KeptLink.configure({\n            // Links are added through the toolbar: typing or pasting a URL keeps it as text.\n            autolink: false,\n            linkOnPaste: false,\n            openOnClick: false,\n            // No `target` or `rel` on every link: they are set per link.\n            HTMLAttributes: { target: null, rel: null, class: null },\n        }),\n        HtmlAttributes,\n        HtmlBlock.configure(html),\n        HtmlInline.configure(html),\n        HtmlMark,\n        Paste,\n        UndoRedo,\n        Dropcursor,\n        Gapcursor,\n        ...(placeholder !== undefined && placeholder !== ''\n            ? [Placeholder.configure({ placeholder })]\n            : []),\n    ];\n    const replaced = new Set(extensions.map((extension) => extension.name));\n    return [...builtIn.filter((extension) => !replaced.has(extension.name)), ...extensions];\n}\n\nexport { HtmlAttributes, HtmlBlock, HtmlInline, HtmlMark };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAqBA,IAAMwB,WAAWlB,KAAKmB,OAAO;CACzBC,gBAAgB;EACZ,OAAO;GACH,GAAG,KAAKC,SAAS;GACjBC,OAAO;IACHC,SAAS;IACTC,UAAU;IACVC,YAAYC,YAAyBA,QAAQE,kBAAkB,CAAC,CAACC,KAAK,GAAG,KAAK;GAClF;EACJ;CACJ;CACAC,WAAWC,OAAO;EACd,MAAM,CAACC,KAAKC,cAAc,KAAKZ,SAASU,KAAK;EAC7C,MAAMT,QAAQ,OAAOS,MAAMI,KAAKC,MAAMd,UAAU,WAAWS,MAAMI,KAAKC,MAAMd,QAAQ;EAOpF,OAAO;GAACU;GAAK;IAAE,GANCM,OAAOC,YACnBjB,MACKkB,MAAM,GAAG,CAAC,CACVC,QAAQC,SAAST,WAAWS,UAAUC,KAAAA,KAAaV,WAAWS,UAAU,IAAI,CAAC,CAC7EE,KAAKF,SAAS,CAACA,MAAMT,WAAWS,KAAK,CAAC,CAE7BL;IAAS,GAAGJ;GAAW;GAAG;EAAC;CACjD;AACJ,CAAC;;;;;;AAgBD,SAAgBiB,yBAAyB,EACrCJ,aAAa,CAAA,GACbC,aACAC,OAAO,CAAC,MACmB,CAAC,GAAmB;CAC/C,MAAMG,UAA0B;EAC5BvD;EACAS;EACAC;EACAR,QAAQsD,UAAU,EAAEC,QAAQ;GAAC;GAAG;GAAG;GAAG;GAAG;GAAG;EAAC,EAAE,CAAC;EAChD1D;EACAM;EACAG;EACAF;EACAC;EACAN;EACAE;EACA,GAAGa;EACHM,SAASkC,UAAU;GAEfE,UAAU;GACVC,aAAa;GACbC,aAAa;GAEbC,gBAAgB;IAAEC,QAAQ;IAAMC,KAAK;IAAMC,OAAO;GAAK;EAC3D,CAAC;EACDjD;EACAG,UAAUsC,UAAUJ,IAAI;EACxBjC,WAAWqC,UAAUJ,IAAI;EACzBhC;EACAH;EACAH;EACAH;EACAC;EACA,GAAIuC,gBAAgBJ,KAAAA,KAAaI,gBAAgB,KAC3C,CAACtC,YAAY2C,UAAU,EAAEL,YAAY,CAAC,CAAC,IACvC,CAAA;CAAG;CAEb,MAAMc,WAAW,IAAIC,IAAIhB,WAAWF,KAAKmB,cAAcA,UAAUrB,IAAI,CAAC;CACtE,OAAO,CAAC,GAAGS,QAAQV,QAAQsB,cAAc,CAACF,SAASG,IAAID,UAAUrB,IAAI,CAAC,GAAG,GAAGI,UAAU;AAC1F"}

package/dist/extensions/marks.d.ts

@@ -0,0 +1,4 @@
+import { type Mark } from '@tiptap/core';
+/** The marks of the field: bold, italic, underline, strikethrough, code, subscript, superscript. */
+export declare const markExtensions: Mark<import("@tiptap/extension-bold").BoldOptions, any>[];
+//# sourceMappingURL=marks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"marks.d.ts","sourceRoot":"","sources":["../../src/extensions/marks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,EAAmB,MAAM,cAAc,CAAC;AA4C1D,oGAAoG;AACpG,eAAO,MAAM,cAAc,2DAY1B,CAAC"}

package/dist/extensions/marks.js

@@ -0,0 +1,62 @@
+import { mergeAttributes } from "@tiptap/core";
+import { Bold } from "@tiptap/extension-bold";
+import { Code } from "@tiptap/extension-code";
+import { Italic } from "@tiptap/extension-italic";
+import { Strike } from "@tiptap/extension-strike";
+import { Subscript } from "@tiptap/extension-subscript";
+import { Superscript } from "@tiptap/extension-superscript";
+import { Underline } from "@tiptap/extension-underline";
+//#region src/extensions/marks.ts
+/**
+* A mark that is written with the element it was read from: `<b>` stays `<b>` and `<i>` stays
+* `<i>` (CKEditor 5 writes italics as `<i>`), and new marks use `tag`. Only elements are read:
+* styles (`font-weight: bold` on a `<span>`) stay on their element.
+*/
+function keepTag(mark, tag, rules) {
+	return mark.extend({
+		addAttributes() {
+			return {
+				...this.parent?.(),
+				tag: {
+					default: null,
+					rendered: false,
+					parseHTML: (element) => {
+						const name = element.tagName.toLowerCase();
+						return name === tag ? null : name;
+					}
+				}
+			};
+		},
+		parseHTML() {
+			return [...rules];
+		},
+		renderHTML({ mark: node, HTMLAttributes }) {
+			return [
+				typeof node.attrs.tag === "string" ? node.attrs.tag : tag,
+				mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
+				0
+			];
+		}
+	});
+}
+/** The marks of the field: bold, italic, underline, strikethrough, code, subscript, superscript. */
+var markExtensions = [
+	keepTag(Bold, "strong", [{ tag: "strong" }, {
+		tag: "b",
+		getAttrs: (node) => node.style.fontWeight !== "normal" && null
+	}]),
+	keepTag(Italic, "em", [{ tag: "em" }, { tag: "i" }]),
+	keepTag(Underline, "u", [{ tag: "u" }]),
+	keepTag(Strike, "s", [
+		{ tag: "s" },
+		{ tag: "del" },
+		{ tag: "strike" }
+	]),
+	keepTag(Code, "code", [{ tag: "code" }]),
+	keepTag(Subscript, "sub", [{ tag: "sub" }]),
+	keepTag(Superscript, "sup", [{ tag: "sup" }])
+];
+//#endregion
+export { markExtensions };
+
+//# sourceMappingURL=marks.js.map

package/dist/extensions/marks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marks.js","names":["Mark","mergeAttributes","Bold","Code","Italic","Strike","Subscript","Superscript","Underline","TagParseRule","keepTag","HTMLAttributes","Record","mark","Options","tag","rules","extend","addAttributes","parent","default","rendered","parseHTML","element","HTMLElement","name","tagName","toLowerCase","renderHTML","node","attrs","options","markExtensions","getAttrs","style","fontWeight"],"sources":["../../src/extensions/marks.ts"],"sourcesContent":["import { type Mark, mergeAttributes } from '@tiptap/core';\nimport { Bold } from '@tiptap/extension-bold';\nimport { Code } from '@tiptap/extension-code';\nimport { Italic } from '@tiptap/extension-italic';\nimport { Strike } from '@tiptap/extension-strike';\nimport { Subscript } from '@tiptap/extension-subscript';\nimport { Superscript } from '@tiptap/extension-superscript';\nimport { Underline } from '@tiptap/extension-underline';\nimport type { TagParseRule } from '@tiptap/pm/model';\n\n/**\n * A mark that is written with the element it was read from: `<b>` stays `<b>` and `<i>` stays\n * `<i>` (CKEditor 5 writes italics as `<i>`), and new marks use `tag`. Only elements are read:\n * styles (`font-weight: bold` on a `<span>`) stay on their element.\n */\nfunction keepTag<Options extends { HTMLAttributes: Record<string, unknown> }>(\n    mark: Mark<Options>,\n    tag: string,\n    rules: readonly TagParseRule[],\n): Mark<Options> {\n    return mark.extend({\n        addAttributes() {\n            return {\n                ...this.parent?.(),\n                tag: {\n                    default: null,\n                    rendered: false,\n                    parseHTML: (element: HTMLElement) => {\n                        const name = element.tagName.toLowerCase();\n                        return name === tag ? null : name;\n                    },\n                },\n            };\n        },\n        parseHTML() {\n            return [...rules];\n        },\n        renderHTML({ mark: node, HTMLAttributes }) {\n            const name = typeof node.attrs.tag === 'string' ? node.attrs.tag : tag;\n            return [name, mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];\n        },\n    });\n}\n\n/** The marks of the field: bold, italic, underline, strikethrough, code, subscript, superscript. */\nexport const markExtensions = [\n    keepTag(Bold, 'strong', [\n        { tag: 'strong' },\n        // Google Docs wraps pasted content in `<b style=\"font-weight: normal\">`.\n        { tag: 'b', getAttrs: (node) => node.style.fontWeight !== 'normal' && null },\n    ]),\n    keepTag(Italic, 'em', [{ tag: 'em' }, { tag: 'i' }]),\n    keepTag(Underline, 'u', [{ tag: 'u' }]),\n    keepTag(Strike, 's', [{ tag: 's' }, { tag: 'del' }, { tag: 'strike' }]),\n    keepTag(Code, 'code', [{ tag: 'code' }]),\n    keepTag(Subscript, 'sub', [{ tag: 'sub' }]),\n    keepTag(Superscript, 'sup', [{ tag: 'sup' }]),\n];\n"],"mappings":";;;;;;;;;;;;;;AAeA,SAASU,QACLG,MACAE,KACAC,OACa;CACb,OAAOH,KAAKI,OAAO;EACfC,gBAAgB;GACZ,OAAO;IACH,GAAG,KAAKC,SAAS;IACjBJ,KAAK;KACDK,SAAS;KACTC,UAAU;KACVC,YAAYC,YAAyB;MACjC,MAAME,OAAOF,QAAQG,QAAQC,YAAY;MACzC,OAAOF,SAASV,MAAM,OAAOU;KACjC;IACJ;GACJ;EACJ;EACAH,YAAY;GACR,OAAO,CAAC,GAAGN,KAAK;EACpB;EACAY,WAAW,EAAEf,MAAMgB,MAAMlB,kBAAkB;GAEvC,OAAO;IADM,OAAOkB,KAAKC,MAAMf,QAAQ,WAAWc,KAAKC,MAAMf,MAAMA;IACrDd,gBAAgB,KAAK8B,QAAQpB,gBAAgBA,cAAc;IAAG;GAAC;EACjF;CACJ,CAAC;AACL;;AAGA,IAAaqB,iBAAiB;CAC1BtB,QAAQR,MAAM,UAAU,CACpB,EAAEa,KAAK,SAAS,GAEhB;EAAEA,KAAK;EAAKkB,WAAWJ,SAASA,KAAKK,MAAMC,eAAe,YAAY;CAAK,CAAC,CAC/E;CACDzB,QAAQN,QAAQ,MAAM,CAAC,EAAEW,KAAK,KAAK,GAAG,EAAEA,KAAK,IAAI,CAAC,CAAC;CACnDL,QAAQF,WAAW,KAAK,CAAC,EAAEO,KAAK,IAAI,CAAC,CAAC;CACtCL,QAAQL,QAAQ,KAAK;EAAC,EAAEU,KAAK,IAAI;EAAG,EAAEA,KAAK,MAAM;EAAG,EAAEA,KAAK,SAAS;CAAC,CAAC;CACtEL,QAAQP,MAAM,QAAQ,CAAC,EAAEY,KAAK,OAAO,CAAC,CAAC;CACvCL,QAAQJ,WAAW,OAAO,CAAC,EAAES,KAAK,MAAM,CAAC,CAAC;CAC1CL,QAAQH,aAAa,OAAO,CAAC,EAAEQ,KAAK,MAAM,CAAC,CAAC;AAAC"}

package/dist/extensions/paste.d.ts

@@ -0,0 +1,32 @@
+import { Extension } from '@tiptap/core';
+import { DOMParser, DOMSerializer, type Schema } from '@tiptap/pm/model';
+/**
+ * The token that the rich text fields of this page put on what they copy: random, so that no
+ * other page or document can claim to come from them.
+ */
+export declare function getCopyToken(): string;
+/** The serializer of copied content: `getCopyToken()` on its elements. */
+export declare function createCopySerializer(schema: Schema): DOMSerializer;
+/**
+ * The parser of pasted content: what the toolbar can make, without the attributes and the HTML
+ * that loaded content keeps, so that a page or a document pasted brings its text, its structure
+ * and its marks, not its styles (`<span style="font-size: 11pt">` of Google Docs). Bold and
+ * italic written as styles become marks. Content copied from a rich text field of this page
+ * (`getCopyToken()`), and only that, is read in full: kept HTML can't be brought in from
+ * elsewhere, even by HTML that claims to come from a ProseMirror editor (`data-pm-slice`).
+ * Attributes that would run a script are dropped in both cases.
+ */
+export declare function createPasteParser(schema: Schema): DOMParser;
+/**
+ * Pasted HTML that wasn't copied from a rich text field of this page, without the slice data of
+ * ProseMirror (`data-pm-slice`): its context is JSON that ProseMirror makes nodes of after the
+ * parser, attributes included, so any page could write it.
+ */
+export declare function withoutForeignSlice(html: string): string;
+/**
+ * Pasted content brings what the toolbar can make, not the styles of its page
+ * (`createPasteParser()`), and only content copied from a rich text field of this page brings
+ * its context (`withoutForeignSlice()`).
+ */
+export declare const Paste: Extension<any, any>;
+//# sourceMappingURL=paste.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paste.d.ts","sourceRoot":"","sources":["../../src/extensions/paste.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EACH,SAAS,EACT,aAAa,EAIb,KAAK,MAAM,EAGd,MAAM,kBAAkB,CAAC;AAQ1B;;;GAGG;AACH,wBAAgB,YAAY,IAAI,MAAM,CAMrC;AAgCD,0EAA0E;AAC1E,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,aAAa,CAGlE;AA8CD;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAuB3D;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAaxD;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK,qBAehB,CAAC"}

package/dist/extensions/paste.js

@@ -0,0 +1,131 @@
+import { CLIPBOARD_SLICE, COPIED_FROM } from "./attributes.js";
+import { restoreKeptHtml } from "./raw.js";
+import { Extension } from "@tiptap/core";
+import { DOMParser, DOMSerializer } from "@tiptap/pm/model";
+import { Plugin, PluginKey } from "@tiptap/pm/state";
+//#region src/extensions/paste.ts
+var copyToken = null;
+/**
+* The token that the rich text fields of this page put on what they copy: random, so that no
+* other page or document can claim to come from them.
+*/
+function getCopyToken() {
+	copyToken ??= Array.from(crypto.getRandomValues(/* @__PURE__ */ new Uint8Array(16)), (byte) => byte.toString(16).padStart(2, "0")).join("");
+	return copyToken;
+}
+/** Whether pasted content was copied from a rich text field of this page. */
+function isCopiedHere(dom) {
+	if (!(dom instanceof Element)) return false;
+	const selector = `[${COPIED_FROM}="${getCopyToken()}"]`;
+	return dom.matches(selector) || dom.querySelector(selector) !== null;
+}
+/** Writes copied content as the field does, with the token of this page on its elements. */
+var CopySerializer = class extends DOMSerializer {
+	serializeFragment(fragment, options = {}, target) {
+		const result = super.serializeFragment(fragment, options, target);
+		if (target === void 0) {
+			restoreKeptHtml(result);
+			result.childNodes.forEach((child) => {
+				if (child.nodeType === 1) child.setAttribute(COPIED_FROM, getCopyToken());
+			});
+		}
+		return result;
+	}
+};
+/** The serializer of copied content: `getCopyToken()` on its elements. */
+function createCopySerializer(schema) {
+	const { nodes, marks } = DOMSerializer.fromSchema(schema);
+	return new CopySerializer(nodes, marks);
+}
+/** What the field keeps as it was written, which pasted content doesn't bring. */
+var KEPT_AS_WRITTEN = /* @__PURE__ */ new Set([
+	"htmlBlock",
+	"htmlInline",
+	"htmlMark"
+]);
+/** The attributes of a rule's result, without the attributes kept from the HTML. */
+function withoutHtmlAttributes(rule) {
+	if (!("tag" in rule)) return rule;
+	const tagRule = rule;
+	const { getAttrs } = tagRule;
+	if (getAttrs === void 0) return rule;
+	return {
+		...tagRule,
+		getAttrs: (node) => {
+			const attrs = getAttrs(node);
+			if (attrs === null || attrs === false) return attrs;
+			const { htmlAttributes: _htmlAttributes, ...others } = attrs;
+			return others;
+		}
+	};
+}
+/** Pasted content copied from a rich text field of this page is read in full. */
+var PasteParser = class extends DOMParser {
+	full;
+	constructor(schema, rules, full) {
+		super(schema, rules);
+		this.full = full;
+	}
+	parseSlice(dom, options) {
+		return isCopiedHere(dom) ? this.full.parseSlice(dom, options) : super.parseSlice(dom, options);
+	}
+};
+/**
+* The parser of pasted content: what the toolbar can make, without the attributes and the HTML
+* that loaded content keeps, so that a page or a document pasted brings its text, its structure
+* and its marks, not its styles (`<span style="font-size: 11pt">` of Google Docs). Bold and
+* italic written as styles become marks. Content copied from a rich text field of this page
+* (`getCopyToken()`), and only that, is read in full: kept HTML can't be brought in from
+* elsewhere, even by HTML that claims to come from a ProseMirror editor (`data-pm-slice`).
+* Attributes that would run a script are dropped in both cases.
+*/
+function createPasteParser(schema) {
+	const full = DOMParser.fromSchema(schema);
+	const rules = full.rules.filter((rule) => !KEPT_AS_WRITTEN.has(("node" in rule ? rule.node : void 0) ?? rule.mark ?? "")).map(withoutHtmlAttributes);
+	const styles = [...schema.marks.bold !== void 0 ? [{
+		style: "font-weight",
+		mark: "bold",
+		getAttrs: (value) => /^(bold(er)?|[5-9]\d{2,})$/.test(value) && null
+	}] : [], ...schema.marks.italic !== void 0 ? [{
+		style: "font-style=italic",
+		mark: "italic"
+	}] : []];
+	return new PasteParser(schema, [...rules, ...styles], full);
+}
+/**
+* Pasted HTML that wasn't copied from a rich text field of this page, without the slice data of
+* ProseMirror (`data-pm-slice`): its context is JSON that ProseMirror makes nodes of after the
+* parser, attributes included, so any page could write it.
+*/
+function withoutForeignSlice(html) {
+	const template = document.createElement("template");
+	template.innerHTML = html;
+	const { content } = template;
+	if (content.querySelector(`[data-panneau-copy="${getCopyToken()}"]`) !== null) return html;
+	const slices = content.querySelectorAll(`[${CLIPBOARD_SLICE}]`);
+	if (slices.length === 0) return html;
+	slices.forEach((element) => element.removeAttribute(CLIPBOARD_SLICE));
+	return template.innerHTML;
+}
+/**
+* Pasted content brings what the toolbar can make, not the styles of its page
+* (`createPasteParser()`), and only content copied from a rich text field of this page brings
+* its context (`withoutForeignSlice()`).
+*/
+var Paste = Extension.create({
+	name: "panneauPaste",
+	addProseMirrorPlugins() {
+		return [new Plugin({
+			key: new PluginKey("panneauPaste"),
+			props: {
+				transformPastedHTML: withoutForeignSlice,
+				clipboardParser: createPasteParser(this.editor.schema),
+				clipboardSerializer: createCopySerializer(this.editor.schema)
+			}
+		})];
+	}
+});
+//#endregion
+export { Paste, createCopySerializer, createPasteParser, getCopyToken, withoutForeignSlice };
+
+//# sourceMappingURL=paste.js.map

package/dist/extensions/paste.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paste.js","names":["Extension","DOMParser","DOMSerializer","Fragment","ParseOptions","ParseRule","Schema","Slice","TagParseRule","Plugin","PluginKey","CLIPBOARD_SLICE","COPIED_FROM","restoreKeptHtml","copyToken","getCopyToken","Array","from","crypto","getRandomValues","Uint8Array","byte","toString","padStart","join","isCopiedHere","dom","globalThis","Node","Element","selector","matches","querySelector","CopySerializer","serializeFragment","fragment","options","document","Document","target","HTMLElement","DocumentFragment","result","undefined","childNodes","forEach","child","nodeType","setAttribute","createCopySerializer","schema","nodes","marks","fromSchema","KEPT_AS_WRITTEN","Set","withoutHtmlAttributes","rule","tagRule","getAttrs","next","node","attrs","htmlAttributes","_htmlAttributes","others","PasteParser","constructor","rules","full","parseSlice","createPasteParser","filter","has","mark","map","styles","bold","style","value","test","italic","withoutForeignSlice","html","template","createElement","innerHTML","content","slices","querySelectorAll","length","element","removeAttribute","Paste","create","name","addProseMirrorPlugins","key","props","transformPastedHTML","clipboardParser","editor","clipboardSerializer"],"sources":["../../src/extensions/paste.ts"],"sourcesContent":["import { Extension } from '@tiptap/core';\nimport {\n    DOMParser,\n    DOMSerializer,\n    type Fragment,\n    type ParseOptions,\n    type ParseRule,\n    type Schema,\n    type Slice,\n    type TagParseRule,\n} from '@tiptap/pm/model';\nimport { Plugin, PluginKey } from '@tiptap/pm/state';\n\nimport { CLIPBOARD_SLICE, COPIED_FROM } from './attributes';\nimport { restoreKeptHtml } from './raw';\n\nlet copyToken: string | null = null;\n\n/**\n * The token that the rich text fields of this page put on what they copy: random, so that no\n * other page or document can claim to come from them.\n */\nexport function getCopyToken(): string {\n    // `randomUUID()` only exists in secure contexts: an admin can be served over plain HTTP\n    copyToken ??= Array.from(crypto.getRandomValues(new Uint8Array(16)), (byte) =>\n        byte.toString(16).padStart(2, '0'),\n    ).join('');\n    return copyToken;\n}\n\n/** Whether pasted content was copied from a rich text field of this page. */\nfunction isCopiedHere(dom: globalThis.Node): boolean {\n    if (!(dom instanceof Element)) {\n        return false;\n    }\n    const selector = `[${COPIED_FROM}=\"${getCopyToken()}\"]`;\n    return dom.matches(selector) || dom.querySelector(selector) !== null;\n}\n\n/** Writes copied content as the field does, with the token of this page on its elements. */\nclass CopySerializer extends DOMSerializer {\n    override serializeFragment(\n        fragment: Fragment,\n        options: { document?: Document } = {},\n        target?: HTMLElement | DocumentFragment,\n    ): HTMLElement | DocumentFragment {\n        const result = super.serializeFragment(fragment, options, target);\n        if (target === undefined) {\n            // ProseMirror writes the clipboard in an inert document\n            restoreKeptHtml(result);\n            result.childNodes.forEach((child) => {\n                if (child.nodeType === 1) {\n                    (child as Element).setAttribute(COPIED_FROM, getCopyToken());\n                }\n            });\n        }\n        return result;\n    }\n}\n\n/** The serializer of copied content: `getCopyToken()` on its elements. */\nexport function createCopySerializer(schema: Schema): DOMSerializer {\n    const { nodes, marks } = DOMSerializer.fromSchema(schema);\n    return new CopySerializer(nodes, marks);\n}\n\n/** What the field keeps as it was written, which pasted content doesn't bring. */\nconst KEPT_AS_WRITTEN = new Set(['htmlBlock', 'htmlInline', 'htmlMark']);\n\n/** The attributes of a rule's result, without the attributes kept from the HTML. */\nfunction withoutHtmlAttributes(rule: ParseRule): ParseRule {\n    if (!('tag' in rule)) {\n        return rule;\n    }\n    const tagRule = rule as TagParseRule;\n    const { getAttrs } = tagRule;\n    if (getAttrs === undefined) {\n        return rule;\n    }\n    const next: TagParseRule = {\n        ...tagRule,\n        getAttrs: (node: HTMLElement) => {\n            const attrs = getAttrs(node);\n            if (attrs === null || attrs === false) {\n                return attrs;\n            }\n            const { htmlAttributes: _htmlAttributes, ...others } = attrs;\n            return others;\n        },\n    };\n    return next;\n}\n\n/** Pasted content copied from a rich text field of this page is read in full. */\nclass PasteParser extends DOMParser {\n    constructor(\n        schema: Schema,\n        rules: readonly ParseRule[],\n        private readonly full: DOMParser,\n    ) {\n        super(schema, rules);\n    }\n\n    override parseSlice(dom: globalThis.Node, options?: ParseOptions): Slice {\n        return isCopiedHere(dom)\n            ? this.full.parseSlice(dom, options)\n            : super.parseSlice(dom, options);\n    }\n}\n\n/**\n * The parser of pasted content: what the toolbar can make, without the attributes and the HTML\n * that loaded content keeps, so that a page or a document pasted brings its text, its structure\n * and its marks, not its styles (`<span style=\"font-size: 11pt\">` of Google Docs). Bold and\n * italic written as styles become marks. Content copied from a rich text field of this page\n * (`getCopyToken()`), and only that, is read in full: kept HTML can't be brought in from\n * elsewhere, even by HTML that claims to come from a ProseMirror editor (`data-pm-slice`).\n * Attributes that would run a script are dropped in both cases.\n */\nexport function createPasteParser(schema: Schema): DOMParser {\n    const full = DOMParser.fromSchema(schema);\n    const rules = full.rules\n        .filter(\n            (rule) =>\n                !KEPT_AS_WRITTEN.has(('node' in rule ? rule.node : undefined) ?? rule.mark ?? ''),\n        )\n        .map(withoutHtmlAttributes);\n    const styles: ParseRule[] = [\n        ...(schema.marks.bold !== undefined\n            ? [\n                  {\n                      style: 'font-weight',\n                      mark: 'bold',\n                      getAttrs: (value: string) => /^(bold(er)?|[5-9]\\d{2,})$/.test(value) && null,\n                  },\n              ]\n            : []),\n        ...(schema.marks.italic !== undefined\n            ? [{ style: 'font-style=italic', mark: 'italic' }]\n            : []),\n    ];\n    return new PasteParser(schema, [...rules, ...styles], full);\n}\n\n/**\n * Pasted HTML that wasn't copied from a rich text field of this page, without the slice data of\n * ProseMirror (`data-pm-slice`): its context is JSON that ProseMirror makes nodes of after the\n * parser, attributes included, so any page could write it.\n */\nexport function withoutForeignSlice(html: string): string {\n    const template = document.createElement('template');\n    template.innerHTML = html;\n    const { content } = template;\n    if (content.querySelector(`[${COPIED_FROM}=\"${getCopyToken()}\"]`) !== null) {\n        return html;\n    }\n    const slices = content.querySelectorAll(`[${CLIPBOARD_SLICE}]`);\n    if (slices.length === 0) {\n        return html;\n    }\n    slices.forEach((element) => element.removeAttribute(CLIPBOARD_SLICE));\n    return template.innerHTML;\n}\n\n/**\n * Pasted content brings what the toolbar can make, not the styles of its page\n * (`createPasteParser()`), and only content copied from a rich text field of this page brings\n * its context (`withoutForeignSlice()`).\n */\nexport const Paste = Extension.create({\n    // TipTap's core has an extension named `paste`\n    name: 'panneauPaste',\n    addProseMirrorPlugins() {\n        return [\n            new Plugin({\n                key: new PluginKey('panneauPaste'),\n                props: {\n                    transformPastedHTML: withoutForeignSlice,\n                    clipboardParser: createPasteParser(this.editor.schema),\n                    clipboardSerializer: createCopySerializer(this.editor.schema),\n                },\n            }),\n        ];\n    },\n});\n"],"mappings":"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"}

package/dist/extensions/raw.d.ts

@@ -0,0 +1,23 @@
+import { Mark, Node } from '@tiptap/core';
+export interface HtmlNodeOptions {
+    /** Names kept HTML in the editor, for assistive technologies: "HTML". */
+    label: string;
+    /** Class name of the element that stands for kept HTML in the editor. */
+    className: string;
+}
+/**
+ * Replaces the placeholders of kept HTML with the HTML they hold, in content written outside the
+ * page: an inert document, or a fragment of one.
+ */
+export declare function restoreKeptHtml(root: ParentNode): void;
+/** A block of HTML that the field keeps as it was written. */
+export declare const HtmlBlock: Node<HtmlNodeOptions, any>;
+/** An element of HTML in the text that the field keeps as it was written: an image, an iframe. */
+export declare const HtmlInline: Node<HtmlNodeOptions, any>;
+/**
+ * An element around text that the field keeps with its attributes: `<span style="…">`, `<abbr
+ * title="…">`, an anchor without `href`. A `<span>` without attributes is dropped, as browsers
+ * render it the same.
+ */
+export declare const HtmlMark: Mark<any, any>;
+//# sourceMappingURL=raw.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"raw.d.ts","sourceRoot":"","sources":["../../src/extensions/raw.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AA4F1C,MAAM,WAAW,eAAe;IAC5B,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,SAAS,EAAE,MAAM,CAAC;CACrB;AAYD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CAOtD;AA4ED,8DAA8D;AAC9D,eAAO,MAAM,SAAS,4BAiCpB,CAAC;AAEH,kGAAkG;AAClG,eAAO,MAAM,UAAU,4BA8BrB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,QAAQ,gBAwCnB,CAAC"}