edytor 1.0.0-rc.3 → 2.0.0

package/dist/plugins/mention/MentionPlugin.svelte

@@ -1,13 +1,17 @@
+<svelte:options runes />
+
 <script module lang="ts">
+	import './mention.css';
 	import type { Snippet } from 'svelte';
 	import type {
+		InlineBlockDefinition,
 		InlineBlockSnippetPayload,
+		InlineBlockView,
 		Plugin,
-		TriggerContext,
-		TriggerItemPayload
+		TriggerContext
 	} from '../../plugins.js';
 	import type { TriggerMenuController } from '../triggers/TriggerController.svelte.js';
-	import { labelsWith, type PartialLabels } from '../../labels.js';
+	import { withRulesAndTriggers } from '../triggers/triggers.js';
 
 	/** A person the mention menu offers: what your app's directory answers. */
 	export type MentionItem = {
@@ -21,7 +25,7 @@
 		avatar?: string;
 	};
 
-	/** What a `mention` atom stores. */
+	/** What a mention atom stores (whatever its kind). */
 	export type MentionData = { id: string; label: string };
 
 	export type MentionPluginOptions = {
@@ -30,150 +34,104 @@
 			query: string,
 			ctx: TriggerContext
 		) => readonly MentionItem[] | Promise<readonly MentionItem[]>;
-		/** The character that opens the menu (default `@`). */
+		/** The character that opens the menu, and that the atom shows before its label (default `@`). */
 		char?: string;
-		/** Replace each row of the menu. */
-		item?: Snippet<[TriggerItemPayload<MentionItem>]>;
 		/**
-		 * Replace the whole menu; it renders while `controller.isOpen`, at the
-		 * caret. Keep its ARIA with `{@attach controller.popup}` on the list and
+		 * The inline kind the atoms are (default `mention`), and the name of the
+		 * trigger menu (`controller.trigger.name`). List the plugin once per kind
+		 * to mention several things (`@` people, `$` tickers as `ticker`); two
+		 * instances of one kind: the first listed defines it.
+		 */
+		kind?: string;
+		/**
+		 * The menu's markup and its words; it renders while `controller.isOpen`,
+		 * at the caret (without it, nothing shows). Keep its ARIA with `{@attach
+		 * controller.popup}` on the list (name it) and
 		 * `{...controller.option(index)}` on each row.
 		 */
 		menu?: Snippet<[TriggerMenuController<MentionItem>]>;
-		/** The words the menu shows and says, over the English ones. */
-		labels?: PartialLabels<'mention'>;
 	};
 
-	/** An avatar's URL when it is one an `img` may load (http, https, a data image), else nothing. */
-	const avatarOf = (src: unknown) =>
-		typeof src === 'string' && /^(https?:|data:image\/)/i.test(src.trim()) ? src : undefined;
+	/** A mention kind's record: its `char` read by the atom's markup. */
+	type MentionKind = InlineBlockDefinition & { char: string };
+
+	/** The char of the atom's kind (the first listed instance's); `@` with no view (a suggestion). */
+	const charOf = (atom: InlineBlockView) =>
+		(atom.handle?.edytor.inlineBlocks.get(atom.type) as Partial<MentionKind> | undefined)?.char ??
+		'@';
+
+	const escape = (value: string) =>
+		value.replace(
+			/[&<>"]/g,
+			(c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' })[c]!
+		);
 
 	/**
 	 * People mentions, as in Notion: `@` opens a menu of the people your app's
 	 * `items(query)` answers; picking one replaces `@query` with a `mention`
 	 * atom (`{ id, label }`) and puts the caret after it, in one undo step.
+	 * `char` and `kind` make another one (`$` tickers as `ticker` atoms).
 	 */
 	export const createMentionPlugin = (options: MentionPluginOptions): Plugin => {
-		const labels = labelsWith('mention', options.labels);
-		return () => ({
-			inlineBlocks: {
-				mention: {
-					snippet: mention,
-					plain: (data) => {
-						const label = (data as Partial<MentionData> | undefined)?.label;
-						return typeof label === 'string' && label ? `@${label}` : '@';
-					}
-				}
+		const char = options.char ?? '@';
+		const kind = options.kind ?? 'mention';
+		const labelOf = (data: unknown) => {
+			const label = (data as Partial<MentionData> | undefined)?.label;
+			return typeof label === 'string' ? label : '';
+		};
+		const atom: MentionKind = {
+			snippet: mention,
+			char,
+			plain: (data) => char + labelOf(data),
+			html: (data) => {
+				const id = (data as Partial<MentionData> | undefined)?.id;
+				return (
+					`<span data-edytor-mention="${escape(kind)}"` +
+					(typeof id === 'string' ? ` data-mention-id="${escape(id)}"` : '') +
+					`>${escape(char + labelOf(data))}</span>`
+				);
 			},
-			triggers: [
+			parse: (element) => {
+				// A bare `data-edytor-mention` (an older export) is a `mention`.
+				const own = element.dataset.edytorMention;
+				if (own === undefined || (own || 'mention') !== kind) return undefined;
+				const text = element.textContent ?? '';
+				const label = text.startsWith(char) ? text.slice(char.length) : text;
+				return { id: element.dataset.mentionId ?? '', label };
+			}
+		};
+		return (edytor) =>
+			withRulesAndTriggers(
+				edytor,
+				{ inlineBlocks: { [kind]: atom } },
 				{
-					char: options.char ?? '@',
-					name: labels.menu,
-					empty: labels.noResults,
-					searching: labels.searching,
-					items: (query, ctx) => options.items(query, ctx),
-					label: (person: MentionItem) => person.label,
-					key: (person: MentionItem) => person.id,
-					item: options.item ?? row,
-					menu: options.menu,
-					onPick: (person: MentionItem, { block, from, caret }) => {
-						const data: MentionData = { id: person.id, label: person.label };
-						const after = block.addInlineBlock({ offset: from, block: { type: 'mention', data } });
-						if (after) caret(from + 1);
-						return !!after;
-					}
+					triggers: [
+						{
+							char,
+							name: kind,
+							items: (query, ctx) => options.items(query, ctx),
+							label: (item: MentionItem) => item.label,
+							key: (item: MentionItem) => item.id,
+							menu: options.menu,
+							onPick: (item: MentionItem, { edytor, block, from, caret }) => {
+								const data: MentionData = { id: item.id, label: item.label };
+								const written =
+									edytor.insertInline(block.id, from, { type: kind, data }).status === 'applied';
+								if (written) caret(from + 1);
+								return written;
+							}
+						}
+					]
 				}
-			]
-		});
+			);
 	};
 </script>
 
 {#snippet mention({ block }: InlineBlockSnippetPayload<Partial<MentionData>>)}
 	<span
 		class="edytor-mention"
-		class:selected={block.selected}
-		data-edytor-mention
-		data-mention-id={block.data.id}>@{block.data.label ?? ''}</span
+		data-selected={block.selected ? 'true' : undefined}
+		data-edytor-mention={block.type}
+		data-mention-id={block.data.id}>{charOf(block)}{block.data.label ?? ''}</span
 	>
 {/snippet}
-
-{#snippet row({ item, option, run, select }: TriggerItemPayload<MentionItem>)}
-	<button
-		type="button"
-		class="edytor-mention-row"
-		{...option}
-		data-testid="trigger-menu-item"
-		onmousemove={select}
-		onclick={run}
-	>
-		<span class="avatar" aria-hidden="true">
-			{#if avatarOf(item.avatar)}
-				<img src={avatarOf(item.avatar)} alt="" />
-			{:else}
-				{item.label.trim().charAt(0).toUpperCase()}
-			{/if}
-		</span>
-		<span class="name">{item.label}</span>
-		{#if item.description}<span class="description">{item.description}</span>{/if}
-	</button>
-{/snippet}
-
-<style>
-	.edytor-mention {
-		color: rgba(55, 53, 47, 0.65);
-		font-weight: 500;
-		white-space: nowrap;
-	}
-	.edytor-mention.selected {
-		border-radius: 3px;
-		background: rgba(35, 131, 226, 0.14);
-	}
-	.edytor-mention-row {
-		display: flex;
-		align-items: center;
-		gap: 8px;
-		width: 100%;
-		min-height: 32px;
-		padding: 4px 8px;
-		border: 0;
-		border-radius: 6px;
-		background: none;
-		color: inherit;
-		font: inherit;
-		text-align: left;
-		cursor: pointer;
-	}
-	.edytor-mention-row[data-selected='true'] {
-		background: rgba(33, 27, 23, 0.06);
-	}
-	.avatar {
-		display: grid;
-		flex: none;
-		place-items: center;
-		width: 20px;
-		height: 20px;
-		overflow: hidden;
-		border-radius: 50%;
-		background: rgba(84, 72, 49, 0.12);
-		font-size: 11px;
-		font-weight: 600;
-	}
-	.avatar img {
-		width: 100%;
-		height: 100%;
-		object-fit: cover;
-	}
-	.name {
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-	.description {
-		margin-left: auto;
-		overflow: hidden;
-		color: #73726e;
-		font-size: 12px;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-</style>

package/dist/plugins/mention/MentionPlugin.svelte.d.ts

@@ -1,7 +1,7 @@
+import './mention.css';
 import type { Snippet } from 'svelte';
-import type { Plugin, TriggerContext, TriggerItemPayload } from '../../plugins.js';
+import type { Plugin, TriggerContext } from '../../plugins.js';
 import type { TriggerMenuController } from '../triggers/TriggerController.svelte.js';
-import { type PartialLabels } from '../../labels.js';
 /** A person the mention menu offers: what your app's directory answers. */
 export type MentionItem = {
     /** The person's id in your app: stored in the atom. */
@@ -13,7 +13,7 @@ export type MentionItem = {
     /** An avatar image URL (http, https or data). */
     avatar?: string;
 };
-/** What a `mention` atom stores. */
+/** What a mention atom stores (whatever its kind). */
 export type MentionData = {
     id: string;
     label: string;
@@ -21,40 +21,30 @@ export type MentionData = {
 export type MentionPluginOptions = {
     /** The people matching `query` (the text typed after `@`), at once or as a promise. */
     items: (query: string, ctx: TriggerContext) => readonly MentionItem[] | Promise<readonly MentionItem[]>;
-    /** The character that opens the menu (default `@`). */
+    /** The character that opens the menu, and that the atom shows before its label (default `@`). */
     char?: string;
-    /** Replace each row of the menu. */
-    item?: Snippet<[TriggerItemPayload<MentionItem>]>;
     /**
-     * Replace the whole menu; it renders while `controller.isOpen`, at the
-     * caret. Keep its ARIA with `{@attach controller.popup}` on the list and
+     * The inline kind the atoms are (default `mention`), and the name of the
+     * trigger menu (`controller.trigger.name`). List the plugin once per kind
+     * to mention several things (`@` people, `$` tickers as `ticker`); two
+     * instances of one kind: the first listed defines it.
+     */
+    kind?: string;
+    /**
+     * The menu's markup and its words; it renders while `controller.isOpen`,
+     * at the caret (without it, nothing shows). Keep its ARIA with `{@attach
+     * controller.popup}` on the list (name it) and
      * `{...controller.option(index)}` on each row.
      */
     menu?: Snippet<[TriggerMenuController<MentionItem>]>;
-    /** The words the menu shows and says, over the English ones. */
-    labels?: PartialLabels<'mention'>;
 };
 /**
  * People mentions, as in Notion: `@` opens a menu of the people your app's
  * `items(query)` answers; picking one replaces `@query` with a `mention`
  * atom (`{ id, label }`) and puts the caret after it, in one undo step.
+ * `char` and `kind` make another one (`$` tickers as `ticker` atoms).
  */
 export declare const createMentionPlugin: (options: MentionPluginOptions) => Plugin;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const MentionPlugin: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type MentionPlugin = InstanceType<typeof MentionPlugin>;
+declare const MentionPlugin: import("svelte").Component<Record<string, never>, {}, "">;
+type MentionPlugin = ReturnType<typeof MentionPlugin>;
 export default MentionPlugin;

package/dist/plugins/mention/mention.css

@@ -0,0 +1,6 @@
+/* Loaded by the plugin's module (a component's own <style> is dropped when only
+   its module is used: the plugin factory, never the component). */
+/* One unit, on one line; its look is a theme's. */
+.edytor-mention {
+	white-space: nowrap;
+}

package/dist/plugins/page/PageLink.svelte

@@ -2,12 +2,15 @@
 	import { getContext, untrack } from 'svelte';
 	import type { Block } from '../../block/block.svelte.js';
 	import type { Edytor } from '../../edytor.svelte.js';
+	import { labelsOf, pageEnglish } from '../../labels.js';
+	import { attach, keepSelection } from '../chrome.js';
 	import {
 		pageHref,
 		pageIdOf,
-		pageLabels,
+		pageOptions,
 		pageTitleOf,
 		storePageTitle,
+		type PageBlockLinkPayload,
 		type PagePluginOptions
 	} from './page.js';
 
@@ -16,7 +19,7 @@
 	 * which open the page. The title is your `title(pageId)`'s answer while it
 	 * gives one (a reactive read follows renames), else the one the block
 	 * stores; a different answer is stored, outside the history, by a view
-	 * that may write.
+	 * that may write. The app's `link` snippet draws it, else this markup.
 	 */
 	let {
 		data,
@@ -28,8 +31,10 @@
 		handle: Block | undefined;
 		options: PagePluginOptions;
 	} = $props();
-	/** The view's words (a suggestion's preview, with no handle, speaks them too). */
-	const labels = pageLabels.of(getContext<Edytor>('edytor'));
+	/** The view's words and markup (a suggestion's preview, with no handle, has them too). */
+	const view = getContext<Edytor>('edytor');
+	const labels = labelsOf(view, 'page', pageEnglish);
+	const snippet = pageOptions.get(view)?.link;
 
 	const pageId = $derived(pageIdOf(data.pageId));
 	const stored = $derived(pageTitleOf(data.title));
@@ -86,44 +91,55 @@
 	const aux = (event: MouseEvent) => {
 		if (event.button === 1) open(event);
 	};
+	const openable = $derived(Boolean(pageId && options.open));
+
+	const payload: PageBlockLinkPayload = {
+		get block() {
+			return handle;
+		},
+		get pageId() {
+			return pageId;
+		},
+		get title() {
+			return title;
+		},
+		get label() {
+			return title ?? labels.untitled;
+		},
+		get href() {
+			return href;
+		},
+		get openable() {
+			return openable;
+		},
+		open: (newTab = false) => {
+			if (pageId && options.open) options.open(pageId, { newTab });
+		},
+		get control() {
+			const on = { click: open, auxclick: aux };
+			return href
+				? attach({ 'data-edytor-page-link': '', draggable: 'false' }, on)
+				: attach(
+						{ 'data-edytor-page-link': '', disabled: !openable },
+						{ ...on, mousedown: keepSelection }
+					);
+		}
+	};
 </script>
 
+{#if snippet}
+	{@render snippet(payload)}
+{:else if href}
+	<a {href} data-edytor-page-link draggable="false" {@attach payload.control}>{@render label()}</a>
+{:else}
+	<button type="button" data-edytor-page-link disabled={!openable} {@attach payload.control}
+		>{@render label()}</button
+	>
+{/if}
+
 {#snippet label()}
 	<span data-edytor-page-icon aria-hidden="true"></span><span
 		data-edytor-page-title
-		data-untitled={title ? undefined : 'true'}>{title ?? labels.untitled}</span
+		data-untitled={title ? undefined : 'true'}>{payload.label}</span
 	>
 {/snippet}
-
-{#if href}
-	<a data-edytor-page-link {href} draggable="false" onclick={open} onauxclick={aux}
-		>{@render label()}</a
-	>
-{:else}
-	<button
-		type="button"
-		data-edytor-page-link
-		disabled={!pageId || !options.open}
-		onmousedown={(event) => event.preventDefault()}
-		onclick={open}
-		onauxclick={aux}>{@render label()}</button
-	>
-{/if}
-
-<style>
-	/* The link's structure, at zero specificity (`:where`); a theme draws it (`themes/notion.css`). */
-	:global(:where([data-edytor-page-link])) {
-		display: flex;
-		align-items: center;
-		gap: 6px;
-		margin: 0;
-		padding: 0;
-		border: 0;
-		background: none;
-		color: inherit;
-		font: inherit;
-		text-align: start;
-		text-decoration: none;
-		cursor: pointer;
-	}
-</style>

package/dist/plugins/page/PagePlugin.svelte

@@ -1,16 +1,20 @@
 <script module lang="ts">
 	import type { Plugin, BlockSnippetPayload } from '../../plugins.js';
-	import type { Edytor } from '../../edytor.svelte.js';
 	import { pageKinds } from '../../crdt/semantics.js';
 	import { convertToKind, type KindRow } from '../../kinds.js';
-	import { keywordsOf, labelsWith } from '../../labels.js';
+	import { pageEnglish, keywordsOf, labelsOf } from '../../labels.js';
 	import { getSelectedBlocksInDocumentOrder } from '../../selection/replaceSelection.js';
 	import PageLink from './PageLink.svelte';
-	import { pageHtml, pageIdOf, pageLabels, pageTitleOf, type PagePluginOptions } from './page.js';
+	import {
+		pageHtml,
+		pageIdOf,
+		pageTitleOf,
+		pageOptions as optionsOf,
+		type PageBlockLinkPayload,
+		type PagePluginOptions
+	} from './page.js';
 
-	export type { PagePluginOptions };
-
-	const optionsOf = new WeakMap<Edytor, PagePluginOptions>();
+	export type { PageBlockLinkPayload, PagePluginOptions };
 
 	/**
 	 * Notion's subpage block: a `page` block links to another document by
@@ -37,9 +41,8 @@
 		(edytor) => {
 			// First wins, as for the kind: a second listing never replaces it.
 			if (!optionsOf.has(edytor)) optionsOf.set(edytor, options);
-			pageLabels.claim(edytor, labelsWith('page', options.labels));
 			const own = optionsOf.get(edytor)!;
-			const labels = pageLabels.of(edytor);
+			const labels = labelsOf(edytor, 'page', pageEnglish);
 			const { create } = own;
 			return {
 				hotkeys: {
@@ -77,16 +80,18 @@
 								id: 'page.new',
 								label: labels.page,
 								icon: '📄',
-								keywords: keywordsOf(
-									'page.new',
-									['subpage', 'new page', 'document', 'link'],
-									own.keywords
-								),
+								keywords: keywordsOf(edytor, 'page.new', [
+									'subpage',
+									'new page',
+									'document',
+									'link'
+								]),
 								group: 'Basic blocks',
 								// Asked of the view given (a `+`'s menu asks it of the block it adds).
-								isEnabled: (view = edytor) => Boolean(view.selection.state.startBlock?.convertible),
+								isEnabled: (view = edytor) =>
+									Boolean(view.selection.textRange().startText?.parent.convertible),
 								run: () => {
-									const block = edytor.selection.state.startBlock;
+									const block = edytor.selection.textRange().startText?.parent;
 									if (!block?.convertible || !edytor.dispatcher.permits()) return false;
 									const made = create();
 									const { pageId: raw, title: named } =
@@ -114,9 +119,6 @@
 					: []
 			};
 		};
-
-	/** The page block without a way to open, name or create pages: a block showing its stored title. */
-	export const pagePlugin = createPagePlugin();
 </script>
 
 {#snippet page({ block }: BlockSnippetPayload<Record<string, unknown>>)}

package/dist/plugins/page/PagePlugin.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Plugin } from '../../plugins.js';
-import { type PagePluginOptions } from './page.js';
-export type { PagePluginOptions };
+import { type PageBlockLinkPayload, type PagePluginOptions } from './page.js';
+export type { PageBlockLinkPayload, PagePluginOptions };
 /**
  * Notion's subpage block: a `page` block links to another document by
  * id (`data.pageId`), and shows its title (`data.title`, the cache your
@@ -22,8 +22,6 @@ export type { PagePluginOptions };
  * ```
  */
 export declare const createPagePlugin: (options?: PagePluginOptions) => Plugin;
-/** The page block without a way to open, name or create pages: a block showing its stored title. */
-export declare const pagePlugin: Plugin;
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/plugins/page/page.d.ts

@@ -1,5 +1,6 @@
+import type { Snippet } from 'svelte';
 import type { Block } from '../../block/block.svelte.js';
-import { type PartialLabels } from '../../labels.js';
+import type { Attachment } from 'svelte/attachments';
 /** The page plugin's options: how your app opens, names, links and creates pages. */
 export type PagePluginOptions = {
     /**
@@ -30,16 +31,41 @@ export type PagePluginOptions = {
         pageId: string;
         title?: string;
     } | null | undefined;
-    /** The words the block and its command show, over the English ones. */
-    labels?: PartialLabels<'page'>;
-    /** The slash menu's keywords of the "Page" command (`page.new`), which replace its own. */
-    keywords?: Partial<Record<string, string[]>>;
+    /**
+     * The block's link to its page (default: Notion's row, a page icon and
+     * the title). Give an `a` (`href={link.href}`) when `link.href` is set,
+     * else a `button`, `{@attach link.control}`: a click opens the page
+     * (`open`), a modified or middle click in a new tab. The first page plugin listed in a view
+     * gives it.
+     */
+    link?: Snippet<[PageBlockLinkPayload]>;
 };
-/** Each view's page labels: the first page plugin listed claims them, as its kind. */
-export declare const pageLabels: {
-    claim: (view: object | undefined, labels: import("../../labels.js").PageLabels) => void;
-    of: (view: object | undefined) => import("../../labels.js").PageLabels;
+/** What a page block's `link` snippet receives: the page it links to. */
+export type PageBlockLinkPayload = {
+    /** The page block; `undefined` in a suggestion's preview (it opens nothing). */
+    block: Block | undefined;
+    /** The page's id (`null`: the block names none). */
+    pageId: string | null;
+    /** Its title: your `title` lookup's answer, else the one the block stores. */
+    title: string | undefined;
+    /** What it reads: its title, else the view's `page.untitled`. */
+    label: string;
+    /** The page's URL (`href`), if any: draw an `a`. */
+    href: string | undefined;
+    /** A click may open it: it names a page and the plugin has `open`. */
+    openable: boolean;
+    /** Open the page (`open`), in a new tab when `newTab`. */
+    open: (newTab?: boolean) => void;
+    /**
+     * The link's attachment (`{@attach link.control}`): its marker
+     * (`data-edytor-page-link`), the click and middle click that open it; on
+     * an `a`, `draggable="false"`; on a `button`, `disabled` when it cannot
+     * open and a press that keeps the editor's selection.
+     */
+    control: Attachment<HTMLElement>;
 };
+/** Each view's page options (the first page plugin listed sets them). */
+export declare const pageOptions: WeakMap<object, PagePluginOptions>;
 /** A stored page id: a non-empty string of at most 256 characters (a room id's bounds), else `null`. */
 export declare const pageIdOf: (value: unknown) => string | null;
 /** A title as a page block stores and shows it: trimmed, at most 300 characters, never empty. */

package/dist/plugins/page/page.js

@@ -1,7 +1,7 @@
-import { viewLabels } from '../../labels.js';
 import { sanitizeLinkHref } from '../richtext/richTextOperations.js';
-/** Each view's page labels: the first page plugin listed claims them, as its kind. */
-export const pageLabels = viewLabels('page');
+import { escapeHtml } from '../../clipboard/serializeClipboardFragment.js';
+/** Each view's page options (the first page plugin listed sets them). */
+export const pageOptions = new WeakMap();
 /** A stored page id: a non-empty string of at most 256 characters (a room id's bounds), else `null`. */
 export const pageIdOf = (value) => typeof value === 'string' && value.length > 0 && value.length <= 256 ? value : null;
 /** A title as a page block stores and shows it: trimmed, at most 300 characters, never empty. */
@@ -24,7 +24,6 @@ export const storePageTitle = (block, pageId, title) => {
         return;
     edytor.doc.transact(() => edytor.facade.apply(edytor.facade.prepare.patchData(id, [{ path: ['title'], value: title }])), TITLE_ORIGIN);
 };
-const escapeHtml = (value) => value.replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' })[c]);
 /** `options.href`'s URL for `pageId`, through the link sanitizer (no script URL), else `undefined`. */
 export const pageHref = (options, pageId) => (pageId && options.href && sanitizeLinkHref(options.href(pageId))) || undefined;
 /**