edytor 1.0.0-rc.3 → 2.0.0

package/dist/components/Block.svelte

@@ -35,22 +35,23 @@
 	const previewViewOf = (cell: PreviewCell): BlockView => ({
 		id: cell.id,
 		type: cell.type,
-		data: cell.data ?? {},
+		get data() {
+			return structuredClone(cell.data ?? {});
+		},
 		selected: false,
 		focused: false,
 		handle: undefined,
 		void: voidChrome
 	});
 
-	/** A child in the flow: a block's id, a block suggestion, or a preview's own block. */
-	type Kid = string | Suggestion | PreviewCell;
+	/**
+	 * A child in the flow: a block's id, a block suggestion's preview in the
+	 * flow among its siblings (in place of a block), or a suggestion's own
+	 * block, rendered from its preview cell, never registered (`Suggestion`).
+	 */
+	export type Kid = string | Suggestion | PreviewCell;
 	const kidKey = (kid: Kid) =>
 		typeof kid === 'string' || kid instanceof Suggestion ? kid : kid.id;
-	const idOf = (kid: Kid) =>
-		typeof kid === 'string' ? kid : kid instanceof Suggestion ? undefined : kid.id;
-	const previewOf = (kid: Kid) =>
-		typeof kid === 'string' || kid instanceof Suggestion ? undefined : kid;
-	const suggestionOf = (kid: Kid) => (kid instanceof Suggestion ? kid : undefined);
 
 	/** Tags that take no content: the kind renders the element only. */
 	const VOID_TAGS = new Set(['area', 'br', 'col', 'embed', 'hr', 'img', 'input', 'wbr']);
@@ -93,20 +94,15 @@
 	import Child from './Block.svelte';
 	import Content from './Content.svelte';
 	import SuggestionPreview from './Suggestion.svelte';
-	import { blockDir, ownText } from '../surface/attributes.js';
+	import { blockDir, ownText, type Owned } from '../surface/attributes.js';
 	import { colorAttributes } from '../block/colors.js';
 
-	let {
-		id,
-		preview,
-		suggestion
-	}: {
-		id?: string;
-		/** A suggestion's block: rendered from its preview cell, never registered (`Suggestion`). */
-		preview?: PreviewCell;
-		/** A block suggestion's preview in the flow among its siblings, in place of a block. */
-		suggestion?: Suggestion;
-	} = $props();
+	let { kid }: { kid: Kid } = $props();
+	const suggestion = $derived(kid instanceof Suggestion ? kid : undefined);
+	const preview = $derived(
+		typeof kid === 'string' || suggestion ? undefined : (kid as PreviewCell)
+	);
+	const id = $derived(typeof kid === 'string' ? kid : preview?.id);
 
 	const edytor = getContext<Edytor>('edytor');
 	// The structure renders from the cell; the snippet receives a view object.
@@ -142,20 +138,18 @@
 			? elementOf(definition.contentElement, cell?.data, id)
 			: undefined
 	);
-	/** Its direction from its own text (`blockDir`, bidi): none in a preview. */
-	const dir = $derived(preview ? null : blockDir(ownText(cell?.runs ?? [])));
 	/**
-	 * `dir` as an attribute, absent when `null`: Svelte writes `dir` as a
-	 * property, which would leave `dir=""` where the table wants none.
+	 * Registers the block element (one element per block, re-registered when
+	 * the tag changes) with what it owns: the core's attributes below, not
+	 * the kind's (`surface/attributes.ts` heals them).
 	 */
-	const direction = (node: HTMLElement, value: 'rtl' | 'ltr' | null) => {
-		const write = (next: 'rtl' | 'ltr' | null) =>
-			next ? node.setAttribute('dir', next) : node.removeAttribute('dir');
-		write(value);
-		return { update: write };
-	};
-	/** Registers the block element: one element per block, re-registered when the tag changes. */
-	const register = (node: HTMLElement) => block?.handle?.attach(node);
+	const register = (node: HTMLElement) =>
+		block?.handle?.attach(node, (): Owned => {
+			const owned: Record<string, string | null> = {};
+			for (const [name, value] of Object.entries(attributes ?? {}))
+				if (!(name in (element?.attributes ?? {}))) owned[name] = (value as string) ?? null;
+			return { strict: false, owned, style: userSelect ? { 'user-select': userSelect } : {} };
+		});
 	/**
 	 * Whether the selection holds this block, and whether it touches it: one
 	 * boolean each, read from the block's own membership (`isSelected`,
@@ -184,7 +178,9 @@
 			'data-edytor-selected': selected ? 'true' : undefined,
 			'data-edytor-focused': focused ? 'true' : undefined,
 			'data-edytor-suggestion-replaced': shown ? (replacedMark(shown) ?? undefined) : undefined,
-			contenteditable: definition?.void ? ('false' as const) : undefined
+			contenteditable: definition?.void ? ('false' as const) : undefined,
+			// Its direction from its own text (`blockDir`, bidi), absent without one: none in a preview.
+			dir: (!preview && blockDir(ownText(cell?.runs ?? []))) || undefined
 		}
 	);
 	const userSelect = $derived(definition?.void ? 'none' : undefined);
@@ -199,9 +195,11 @@
 
 	// The kind `content()` last rendered under — read after each render.
 	let contentRenderedFor: string | undefined;
-	$effect(() => {
-		if (DEV && block?.handle) checkRendersContent(block.handle, contentRenderedFor === cell?.type);
-	});
+	// Development only: production keeps no effect per block for it.
+	if (DEV)
+		$effect(() => {
+			if (block?.handle) checkRendersContent(block.handle, contentRenderedFor === cell?.type);
+		});
 </script>
 
 <!--
@@ -235,7 +233,7 @@
 {/snippet}<!--
 -->{#snippet children()}
 	{#each kids as kid (kidKey(kid))}
-		<Child id={idOf(kid)} preview={previewOf(kid)} suggestion={suggestionOf(kid)} />
+		<Child {kid} />
 	{/each}
 {/snippet}<!--
 	A kind this view does not register: a plain block, its text and children.
@@ -255,39 +253,27 @@
 -->{#if suggestion}
 	<SuggestionPreview {suggestion} />
 {:else if tag === 'div'}
-	<div {...attributes} style:user-select={userSelect} use:register use:direction={dir}>
+	<div {...attributes} style:user-select={userSelect} use:register>
 		{@render body?.(payload)}
 	</div>
 {:else if tag === 'li'}
-	<li {...attributes} style:user-select={userSelect} use:register use:direction={dir}>
+	<li {...attributes} style:user-select={userSelect} use:register>
 		{@render body?.(payload)}
 	</li>
 {:else if tag === 'details'}
-	<details {...attributes} style:user-select={userSelect} use:register use:direction={dir}>
+	<details {...attributes} style:user-select={userSelect} use:register>
 		{@render body?.(payload)}
 	</details>
 {:else if tag === 'figure'}
-	<figure {...attributes} style:user-select={userSelect} use:register use:direction={dir}>
+	<figure {...attributes} style:user-select={userSelect} use:register>
 		{@render body?.(payload)}
 	</figure>
 {:else if tag === 'hr'}
-	<hr {...attributes} style:user-select={userSelect} use:register use:direction={dir} />
+	<hr {...attributes} style:user-select={userSelect} use:register />
 {:else if tag && VOID_TAGS.has(tag)}
-	<svelte:element
-		this={tag}
-		{...attributes}
-		style:user-select={userSelect}
-		use:register
-		use:direction={dir}
-	/>
+	<svelte:element this={tag} {...attributes} style:user-select={userSelect} use:register />
 {:else if tag}
-	<svelte:element
-		this={tag}
-		{...attributes}
-		style:user-select={userSelect}
-		use:register
-		use:direction={dir}
-	>
+	<svelte:element this={tag} {...attributes} style:user-select={userSelect} use:register>
 		{@render body?.(payload)}
 	</svelte:element>
 {/if}

package/dist/components/Block.svelte.d.ts

@@ -1,11 +1,13 @@
 import type { PreviewCell } from '../surface/cells.js';
 import { Suggestion } from '../session/suggestions.svelte.js';
+/**
+ * A child in the flow: a block's id, a block suggestion's preview in the
+ * flow among its siblings (in place of a block), or a suggestion's own
+ * block, rendered from its preview cell, never registered (`Suggestion`).
+ */
+export type Kid = string | Suggestion | PreviewCell;
 type $$ComponentProps = {
-    id?: string;
-    /** A suggestion's block: rendered from its preview cell, never registered (`Suggestion`). */
-    preview?: PreviewCell;
-    /** A block suggestion's preview in the flow among its siblings, in place of a block. */
-    suggestion?: Suggestion;
+    kid: Kid;
 };
 declare const Block: import("svelte").Component<$$ComponentProps, {}, "">;
 type Block = ReturnType<typeof Block>;

package/dist/components/Content.svelte

@@ -51,11 +51,7 @@
 	/** Segments are keyed causally (the preceding atom's id, or `start`), never by ordinal. */
 	const keyOf = (part: Part) => (part.kind === 'text' ? `s:${part.key}:${epoch}` : `a:${part.id}`);
 
-	const view = (segment: Segment) =>
-		edytor.pin.render(id, segment.key) ?? {
-			deltas: segmentDeltas(cell!, segment, transform),
-			empty: segment.text === ''
-		};
+	const view = (segment: Segment) => edytor.pin.shown(cell!, segment, transform);
 
 	/** A suggestion's text after this block's (`end`): its first block's content. */
 	const ghosts = $derived(

package/dist/components/Edytor.svelte

@@ -2,7 +2,7 @@
 	// `EdytorClass` alias: the emitted `.svelte.d.ts` also declares `Edytor`
 	// (the component + its bindable instance type) — an unaliased import
 	// collides there (TS2440 for bundler-resolution consumers).
-	import { Edytor as EdytorClass, useEdytor, type Snippets } from '../edytor.svelte.js';
+	import { Edytor as EdytorClass, useEdytor } from '../edytor.svelte.js';
 	import {
 		SyncRefusedError,
 		type Awareness,
@@ -19,43 +19,22 @@
 	} from '../collaboration/awarenessSelection.js';
 	import { createIndexeddbSync, createWebsocketSync } from '../collaboration/providers.js';
 	export { EdytorClass as EdytorContext, useEdytor };
-	import type { Placeholder, Plugin } from '../plugins.js';
+	import type { Plugin } from '../plugins.js';
+	import { brandOf } from '../plugins/brand.js';
 	import type { PartialLabels } from '../labels.js';
-	import {
-		blockHandlesPlugin,
-		createBlockHandlesPlugin,
-		isBlockHandlesPlugin,
-		type BlockHandlesOptions
-	} from '../plugins/blockHandles/blockHandlesPlugin.js';
-	import { isRichTextPlugin, richTextPlugin } from '../plugins/richtext/RichTextPlugin.svelte';
-	import { arrowMovePlugin } from '../plugins/arrowMove/arrowMove.js';
-	import { imagePlugin, isImagePlugin } from '../plugins/image/ImagePlugin.svelte';
-	import {
-		isSuggestionsPlugin,
-		suggestionsPlugin
-	} from '../plugins/suggestions/suggestionsPlugin.js';
+	import { createRichTextPlugin } from '../plugins/richtext/RichTextPlugin.svelte';
+	import { createSuggestionsPlugin } from '../plugins/suggestions/suggestionsPlugin.js';
 
 	/**
-	 * The plugins every view has unless it lists its own (or sets
+	 * The plugins every view has unless it lists one of their kind (or sets
 	 * `defaultPlugins={false}`), after the app's so its kinds and keys win:
-	 * block moves, the suggestion UI, the image kind, then rich text.
-	 */
-	const withDefaults = (plugins: Plugin[] = []): Plugin[] => [
-		...plugins,
-		...(plugins.includes(arrowMovePlugin) ? [] : [arrowMovePlugin]),
-		...(plugins.some(isSuggestionsPlugin) ? [] : [suggestionsPlugin]),
-		...(plugins.some(isImagePlugin) ? [] : [imagePlugin]),
-		...(plugins.some(isRichTextPlugin) ? [] : [richTextPlugin])
-	];
-	/**
-	 * The handles: none with `false`, the configured ones (replacing any
-	 * listed) with options, else the listed ones or the default, first.
+	 * the suggestion UI, then rich text (an app lists `createArrowMovePlugin()`
+	 * for block moves and `createImagePlugin({ upload })` for images itself).
 	 */
-	const withHandles = (plugins: Plugin[] | undefined, handles: boolean | BlockHandlesOptions) => {
-		const others = plugins?.filter((plugin) => !isBlockHandlesPlugin(plugin));
-		if (handles === false) return others;
-		if (typeof handles === 'object') return [createBlockHandlesPlugin(handles), ...(others ?? [])];
-		return plugins?.some(isBlockHandlesPlugin) ? plugins : [blockHandlesPlugin, ...(plugins ?? [])];
+	const DEFAULTS = [createSuggestionsPlugin(), createRichTextPlugin()];
+	const withDefaults = (plugins: Plugin[] = []): Plugin[] => {
+		const listed = new Set(plugins.map(brandOf));
+		return [...plugins, ...DEFAULTS.filter((plugin) => !listed.has(brandOf(plugin)))];
 	};
 	/**
 	 * The sync of a room id no dial can carry (`validRoomId`): no socket, the
@@ -80,11 +59,9 @@
 		children: []
 	};
 
-	export type EdytorProps = Snippets & {
+	export type EdytorProps = {
 		plugins?: Plugin[];
-		/** Show built-in block handles, with optional pointer dragging and activation callback. */
-		blockHandles?: boolean | BlockHandlesOptions;
-		/** Add rich text, arrow moves, the suggestion UI and images unless `plugins` lists them (default `true`). */
+		/** Add rich text and the suggestion UI unless `plugins` lists them (default `true`). */
 		defaultPlugins?: boolean;
 		class?: string;
 		/** The root textbox's accessible name (or name it with `aria-labelledby`). */
@@ -100,7 +77,7 @@
 		document?: EdytorDocument;
 		doc?: YDoc;
 		awareness?: Awareness;
-		/** The local author (id, name, color) of the document this view owns: history lineage and presence. */
+		/** The local author (id, name, color) of the document this view owns: attribution and presence. */
 		actor?: DocumentActor;
 		/**
 		 * What this view shares of its selection with peers (`share`: `'caret'`,
@@ -113,6 +90,13 @@
 		 * the connection.
 		 */
 		readonly?: boolean;
+		/**
+		 * Let users nest blocks (default `false`): Tab and Shift+Tab nest and
+		 * unnest, drops and handle keys may place a block inside another. Off,
+		 * Tab is left to the browser and no gesture nests; containers keep their
+		 * bodies. Read once.
+		 */
+		allowNesting?: boolean;
 		/** Chords (`mod+s`, `shift+alt+enter`) the view binds before plugins and built-ins. Read once. */
 		hotkeys?: Partial<Record<HotKeyCombination, HotKey>>;
 		/** After every commit that changed the visible document: a `JSONDoc`, the type `value` takes. */
@@ -125,13 +109,12 @@
 		onSelectionChange?: (selection: EdytorSelection) => void;
 		/** The initial content, read once (not bindable): follow edits with `onChange` or `edytor.value`. */
 		value?: JSONDoc;
-		placeholder?: Placeholder;
 		/**
-		 * The words the view says itself, over the English ones: its
-		 * announcements to assistive technology and a suggestion's name. Each
-		 * plugin takes its own `labels`. Read once.
+		 * The words the package shows and says in this view, over the English
+		 * ones: any entry of any section (`editor`, `richText`, `table`…) and
+		 * the commands' slash `keywords` by id. Read once.
 		 */
-		labels?: PartialLabels<'editor'>;
+		labels?: PartialLabels;
 		translate?: 'yes' | 'no';
 		spellcheck?: boolean;
 		autocorrect?: 'on' | 'off';
@@ -195,7 +178,6 @@
 
 	let {
 		plugins: userPlugins,
-		blockHandles,
 		defaultPlugins = true,
 		class: className,
 		'aria-label': ariaLabel,
@@ -207,6 +189,7 @@
 		document: edytorDocument,
 		doc,
 		readonly = false,
+		allowNesting = false,
 		value = defaultValue,
 		hotkeys,
 		sync,
@@ -223,7 +206,6 @@
 		onChange,
 		onDocChange,
 		onSelectionChange,
-		placeholder,
 		labels,
 		translate = 'no',
 		spellcheck = true,
@@ -231,17 +213,13 @@
 		autocomplete = 'off',
 		autocapitalize = 'none',
 		inputmode,
-		enterkeyhint,
-		...snippets
+		enterkeyhint
 	}: EdytorProps = $props();
 
 	const initialEdytorOptions = untrack(() => ({
-		snippets,
 		readonly,
-		plugins: withHandles(
-			defaultPlugins ? withDefaults(userPlugins) : userPlugins,
-			blockHandles ?? true
-		),
+		allowNesting,
+		plugins: defaultPlugins ? withDefaults(userPlugins) : userPlugins,
 		document: edytorDocument,
 		doc,
 		awareness,
@@ -253,7 +231,6 @@
 		onDocChange,
 		sync: !!sync || room !== undefined,
 		value,
-		placeholder,
 		labels
 	}));
 
@@ -354,25 +331,13 @@
 	$effect(edytor.surface.post);
 	$effect(edytor.projector.post);
 
-	const browserMutationGuardAttributes = $derived({
-		spellcheck,
-		autocorrect,
-		autocomplete,
-		autocapitalize,
-		inputmode,
-		enterkeyhint
-	});
-
 	/**
-	 * The root's browser attributes. Optional hints (`inputmode`,
-	 * `enterkeyhint`) stay absent when unset — emitting a guessed default
-	 * would override the browser/UA's own choice.
+	 * The root's browser hints, several of them unknown to Svelte's element
+	 * types; one left unset is absent (a guessed default would override the
+	 * browser's own choice).
 	 */
-	const editableRootBrowserAttributes = (
-		node: HTMLElement,
-		attributes: typeof browserMutationGuardAttributes
-	) => {
-		const apply = (next: typeof attributes) => {
+	const browserAttributes = (node: HTMLElement, attributes: Record<string, unknown>) => {
+		const apply = (next: Record<string, unknown>) => {
 			for (const [name, value] of Object.entries(next))
 				if (value === undefined) node.removeAttribute(name);
 				else node.setAttribute(name, String(value));
@@ -380,28 +345,25 @@
 		apply(attributes);
 		return { update: apply };
 	};
-
-	const nonNativeEditableBlockChromeSelection = (node: HTMLElement) => {
-		const { selection } = edytor;
-		// `selectstart` is the only event fired before a drag-selection
-		// begins — the guard keeps one from starting on non-editable
-		// chrome (markers, void/island chrome, plugin UI). A press on that
-		// chrome is the press's (`events/onFocus.ts`).
-		node.addEventListener('selectstart', selection.pointer.onSelectStart);
-		return {
-			destroy: () => node.removeEventListener('selectstart', selection.pointer.onSelectStart)
-		};
-	};
 </script>
 
 {#if edytor.synced}
 	<!-- The editing host is focusable (contenteditable): no tabindex of its own. -->
 	<!-- svelte-ignore a11y_aria_activedescendant_has_tabindex -->
+	<!-- `selectstart`, fired before a drag-selection begins, keeps one from starting on
+	non-editable chrome (a press there is the press's: `events/onFocus.ts`). -->
 	<div
 		class={className}
 		use:edytor.attach
-		use:editableRootBrowserAttributes={browserMutationGuardAttributes}
-		use:nonNativeEditableBlockChromeSelection
+		onselectstart={edytor.selection.pointer.onSelectStart}
+		use:browserAttributes={{
+			spellcheck,
+			autocorrect,
+			autocomplete,
+			autocapitalize,
+			inputmode,
+			enterkeyhint
+		}}
 		data-edytor
 		data-edytor-selection={edytor.selection.value.kind === 'blocks' ? 'blocks' : undefined}
 		contenteditable={!readonly}
@@ -419,8 +381,7 @@
 		{translate}
 	>
 		{#each edytor.suggestions.around(edytor.cells?.rootIds ?? []) as kid (kid)}<Block
-				id={typeof kid === 'string' ? kid : undefined}
-				suggestion={typeof kid === 'string' ? undefined : kid}
+				{kid}
 			/>{/each}<span
 			data-edytor-render-anchor
 			contenteditable="false"
@@ -433,24 +394,46 @@
 	<!-- The room's JSON, read-only, while this view's document hydrates. -->
 	<div data-edytor-snapshot style="display: contents">
 		<Snapshot
-			value={snapshot}
-			readonly
-			plugins={userPlugins}
-			{defaultPlugins}
-			{blockHandles}
-			class={className}
-			{placeholder}
-			{labels}
-			aria-label={ariaLabel}
-			aria-labelledby={ariaLabelledby}
-			aria-describedby={ariaDescribedby}
-			{id}
-			{...snippets}
+			{...{
+				value: snapshot,
+				readonly: true,
+				plugins: userPlugins,
+				defaultPlugins,
+				class: className,
+				labels,
+				'aria-label': ariaLabel,
+				'aria-labelledby': ariaLabelledby,
+				'aria-describedby': ariaDescribedby,
+				id
+			}}
 		/>
 	</div>
 {/if}
 
 <style>
+	/* Where a drag lands, a block handle's or files' from outside (`DropIndicator`):
+	 * the bar (4px) and the nest backdrop, placed in the overlay and shown
+	 * (`data-shown`) by the drag; their look is a theme's (`edytor/themes/notion.css`). */
+	:global([data-edytor-drop-indicator]),
+	:global([data-edytor-drop-backdrop]) {
+		position: absolute;
+		pointer-events: none;
+	}
+
+	:global([data-edytor-drop-indicator]) {
+		z-index: 100;
+		box-sizing: border-box;
+		height: 4px;
+	}
+
+	:global([data-edytor-drop-backdrop]) {
+		z-index: 99;
+	}
+
+	:global([data-edytor-drop-backdrop]:not([data-shown='true'])) {
+		visibility: hidden;
+	}
+
 	/*
 	 * Room below the last block, where a press puts the caret in a trailing
 	 * paragraph (`nav.trailing.press`): `--edytor-trailing-space`. No

package/dist/components/Edytor.svelte.d.ts

@@ -1,16 +1,13 @@
-import { Edytor as EdytorClass, useEdytor, type Snippets } from '../edytor.svelte.js';
+import { Edytor as EdytorClass, useEdytor } from '../edytor.svelte.js';
 import { SyncRefusedError, type Awareness, type DocChange, type DocumentActor, type EdytorDocument, type YDoc } from '../crdt/index.js';
 import type { EdytorSync, WebsocketSyncOptions } from '../collaboration/index.js';
 import { type PresenceOptions } from '../collaboration/awarenessSelection.js';
 export { EdytorClass as EdytorContext, useEdytor };
-import type { Placeholder, Plugin } from '../plugins.js';
+import type { Plugin } from '../plugins.js';
 import type { PartialLabels } from '../labels.js';
-import { type BlockHandlesOptions } from '../plugins/blockHandles/blockHandlesPlugin.js';
-export type EdytorProps = Snippets & {
+export type EdytorProps = {
     plugins?: Plugin[];
-    /** Show built-in block handles, with optional pointer dragging and activation callback. */
-    blockHandles?: boolean | BlockHandlesOptions;
-    /** Add rich text, arrow moves, the suggestion UI and images unless `plugins` lists them (default `true`). */
+    /** Add rich text and the suggestion UI unless `plugins` lists them (default `true`). */
     defaultPlugins?: boolean;
     class?: string;
     /** The root textbox's accessible name (or name it with `aria-labelledby`). */
@@ -26,7 +23,7 @@ export type EdytorProps = Snippets & {
     document?: EdytorDocument;
     doc?: YDoc;
     awareness?: Awareness;
-    /** The local author (id, name, color) of the document this view owns: history lineage and presence. */
+    /** The local author (id, name, color) of the document this view owns: attribution and presence. */
     actor?: DocumentActor;
     /**
      * What this view shares of its selection with peers (`share`: `'caret'`,
@@ -39,6 +36,13 @@ export type EdytorProps = Snippets & {
      * the connection.
      */
     readonly?: boolean;
+    /**
+     * Let users nest blocks (default `false`): Tab and Shift+Tab nest and
+     * unnest, drops and handle keys may place a block inside another. Off,
+     * Tab is left to the browser and no gesture nests; containers keep their
+     * bodies. Read once.
+     */
+    allowNesting?: boolean;
     /** Chords (`mod+s`, `shift+alt+enter`) the view binds before plugins and built-ins. Read once. */
     hotkeys?: Partial<Record<HotKeyCombination, HotKey>>;
     /** After every commit that changed the visible document: a `JSONDoc`, the type `value` takes. */
@@ -51,13 +55,12 @@ export type EdytorProps = Snippets & {
     onSelectionChange?: (selection: EdytorSelection) => void;
     /** The initial content, read once (not bindable): follow edits with `onChange` or `edytor.value`. */
     value?: JSONDoc;
-    placeholder?: Placeholder;
     /**
-     * The words the view says itself, over the English ones: its
-     * announcements to assistive technology and a suggestion's name. Each
-     * plugin takes its own `labels`. Read once.
+     * The words the package shows and says in this view, over the English
+     * ones: any entry of any section (`editor`, `richText`, `table`…) and
+     * the commands' slash `keywords` by id. Read once.
      */
-    labels?: PartialLabels<'editor'>;
+    labels?: PartialLabels;
     translate?: 'yes' | 'no';
     spellcheck?: boolean;
     autocorrect?: 'on' | 'off';

package/dist/components/InlineBlock.svelte

@@ -28,7 +28,7 @@
 			return part.type;
 		},
 		get data() {
-			return block ? block.data : (part.data ?? {});
+			return block ? block.data : structuredClone(part.data ?? {});
 		},
 		get selected() {
 			return block?.selected ?? false;