edytor 1.0.0-rc.2 → 1.0.0

package/dist/plugins/comments/commentsPlugin.d.ts

@@ -3,8 +3,25 @@ import type { Edytor } from '../../edytor.svelte.js';
 import type { Plugin } from '../../plugins.js';
 import type { CommentChange } from '../../crdt/protocols/comments.js';
 import type { CommentsClient } from '../../collaboration/comments/client.js';
-import { type PartialLabels } from '../../labels.js';
 import { CommentsController, type CommentNotice, type CommentUser, type PlacedThread } from './CommentsController.svelte.js';
+/**
+ * What a `card` snippet receives: one thread (`null`: the comment being
+ * written, `comments.draft`), the view's comments controller, and whether
+ * it is the active one.
+ */
+export type CommentCardPayload = {
+    /**
+     * The thread, placed beside its text (its comments, its anchor's text,
+     * `resolved`); `null` for the comment being written (its text
+     * `comments.draft.quote`: post it with `comments.submit(body)`, give it
+     * up with `comments.cancel()`).
+     */
+    thread: PlacedThread | null;
+    /** The view's comments: the actions (reply, resolve, delete, `activate`), the user. */
+    comments: CommentsController;
+    /** It is the active thread (its text is selected, or its card was pressed). */
+    active: boolean;
+};
 export type CommentsPluginOptions = {
     /**
      * Where the threads live: `createCommentsClient({ server, room })` for
@@ -25,14 +42,18 @@ export type CommentsPluginOptions = {
      * it (in this view or another).
      */
     onComment?: (change: CommentChange, notice: CommentNotice) => void;
-    /** Replace a thread card's markup (the sidebar still places it). */
-    card?: Snippet<[{
-        thread: PlacedThread;
-        comments: CommentsController;
-        active: boolean;
-    }]>;
-    /** The words the sidebar and the toolbar button show, over the English ones. */
-    labels?: PartialLabels<'comments'>;
+    /**
+     * A card's markup: a thread's (its comments, a reply field, Resolve) or
+     * the comment being written (`thread: null`). The sidebar places each
+     * card beside its text; without it, no sidebar shows (the threads are
+     * still highlighted and kept).
+     */
+    card?: Snippet<[CommentCardPayload]>;
+    /**
+     * The top of the sidebar's margin (Notion's "Show resolved"): the cards
+     * stack under it. Not shown on a narrow screen.
+     */
+    header?: Snippet<[CommentsController]>;
 };
 /** The comments plugin's controller of `edytor`; `undefined` when the plugin is not listed. */
 export declare const commentsController: (edytor: Edytor) => CommentsController | undefined;
@@ -43,6 +64,6 @@ export declare const commentsController: (edytor: Edytor) => CommentsController
  * merges and that copy and cut leave behind; its comments live in the
  * client's store (the room's `threads` and `comments` tables). Open threads
  * are highlighted, and a sidebar beside the text (under it, on a narrow
- * screen) shows each one with its replies, a composer, Resolve and Re-open.
+ * screen) places a `card` for each one.
  */
 export declare const createCommentsPlugin: (options: CommentsPluginOptions) => Plugin;

package/dist/plugins/comments/commentsPlugin.js

@@ -1,6 +1,6 @@
 import { mount, unmount } from 'svelte';
 import { commentMarks } from '../../crdt/semantics.js';
-import { labelsWith } from '../../labels.js';
+import { commentsEnglish, labelsOf } from '../../labels.js';
 import CommentsSidebar from './CommentsSidebar.svelte';
 import { CommentsController } from './CommentsController.svelte.js';
 const controllers = new WeakMap();
@@ -13,17 +13,16 @@ export const commentsController = (edytor) => controllers.get(edytor);
  * merges and that copy and cut leave behind; its comments live in the
  * client's store (the room's `threads` and `comments` tables). Open threads
  * are highlighted, and a sidebar beside the text (under it, on a narrow
- * screen) shows each one with its replies, a composer, Resolve and Re-open.
+ * screen) places a `card` for each one.
  */
 export const createCommentsPlugin = (options) => (edytor) => {
-    const labels = labelsWith('comments', options.labels);
+    const labels = labelsOf(edytor, 'comments', commentsEnglish);
     const user = typeof options.user === 'string' ? { id: options.user } : options.user;
     const comments = new CommentsController(edytor, {
         client: options.client,
         user,
         users: options.users,
-        onComment: options.onComment,
-        labels
+        onComment: options.onComment
     });
     controllers.set(edytor, comments);
     return {
@@ -47,13 +46,16 @@ export const createCommentsPlugin = (options) => (edytor) => {
         onSelectionChange: () => comments.follow(),
         onEdytorAttached: () => {
             comments.connect();
-            const sidebar = mount(CommentsSidebar, {
-                target: edytor.overlay.layer,
-                props: { edytor, comments, card: options.card }
-            });
+            const { card, header } = options;
+            const sidebar = card &&
+                mount(CommentsSidebar, {
+                    target: edytor.overlay.layer,
+                    props: { edytor, comments, card, header }
+                });
             return () => {
                 comments.destroy();
-                void unmount(sidebar);
+                if (sidebar)
+                    void unmount(sidebar);
             };
         }
     };

package/dist/plugins/equation/EquationEditor.svelte

@@ -1,138 +1,27 @@
 <script lang="ts">
+	import type { Snippet } from 'svelte';
 	import type { EquationEditor } from './equation.svelte.js';
 
 	/**
 	 * The equation editor (`EquationEditor`), in the overlay under the edited
-	 * equation (Notion's): the TeX source in a field, KaTeX's error under it,
-	 * and Done. The equation itself is the preview: each keystroke writes it.
+	 * equation (Notion's), centered under a block one: the plugin's `panel`
+	 * snippet, placed. It takes the field's focus and keys through the
+	 * controller's attachment (`field`).
 	 */
-	let { editor, readonly }: { editor: EquationEditor; readonly: () => boolean } = $props();
+	let { editor, panel }: { editor: EquationEditor; panel: Snippet<[EquationEditor]> } = $props();
 
-	const labels = $derived(editor.labels);
-	let field = $state<HTMLTextAreaElement | null>(null);
-
-	// The view turning readonly closes it.
-	$effect(() => {
-		if (readonly()) editor.lock();
-	});
-	// Opened: the field takes the focus, the caret at the end of the source.
-	$effect(() => {
-		if (!editor.target || !field) return;
-		field.focus({ preventScroll: true });
-		field.setSelectionRange(field.value.length, field.value.length);
-	});
-
-	const keydown = (event: KeyboardEvent) => {
-		if (event.isComposing) return;
-		// Shift+Enter is a newline in a block equation; Enter, or an inline one's, closes it.
-		// The key is the field's: the editor's keys (Enter on the equation it then selects) never see it.
-		if ((event.key === 'Enter' && !(event.shiftKey && editor.display)) || event.key === 'Escape') {
-			event.preventDefault();
-			event.stopPropagation();
-			editor.close();
-		}
-	};
+	const place = $derived(editor.place);
 </script>
 
-<div role="presentation">
-	{#if editor.target && editor.box}
-		{@const box = editor.box}
-		<div
-			data-edytor-equation-editor
-			role="dialog"
-			aria-label={labels.editor}
-			data-display={editor.display ? 'block' : 'inline'}
-			style:left="{editor.display ? box.x + box.width / 2 : box.x}px"
-			style:top="{box.y + box.height + 6}px"
-		>
-			<div data-edytor-equation-editor-row>
-				<textarea
-					bind:this={field}
-					aria-label={labels.editor}
-					placeholder={labels.placeholder}
-					rows={editor.display ? 3 : 1}
-					spellcheck="false"
-					autocomplete="off"
-					autocapitalize="off"
-					value={editor.expression}
-					oninput={(event) => editor.set(event.currentTarget.value)}
-					onkeydown={keydown}
-					onfocusout={editor.blurred}
-				></textarea>
-				<button
-					type="button"
-					data-edytor-equation-done
-					onmousedown={(event) => event.preventDefault()}
-					onclick={() => editor.close()}>{labels.done} <span aria-hidden="true">↵</span></button
-				>
-			</div>
-			{#if editor.error}
-				<div data-edytor-equation-editor-error role="status">{editor.error}</div>
-			{/if}
-		</div>
-	{/if}
-</div>
-
-<style>
-	[data-edytor-equation-editor] {
-		position: absolute;
-		box-sizing: border-box;
-		width: 400px;
-		max-width: calc(100vw - 32px);
-		padding: 8px;
-		border-radius: 8px;
-		background: var(--edytor-equation-editor-background, #fff);
-		box-shadow:
-			0 0 0 1px rgba(15, 15, 15, 0.05),
-			0 3px 6px rgba(15, 15, 15, 0.1),
-			0 9px 24px rgba(15, 15, 15, 0.2);
-		font-size: 14px;
-	}
-
-	[data-edytor-equation-editor][data-display='block'] {
-		transform: translateX(-50%);
-	}
-
-	[data-edytor-equation-editor-row] {
-		display: flex;
-		gap: 8px;
-		align-items: flex-start;
-	}
-
-	textarea {
-		flex: 1;
-		box-sizing: border-box;
-		min-height: 32px;
-		padding: 6px 8px;
-		border: 0;
-		border-radius: 4px;
-		background: rgba(242, 241, 238, 0.6);
-		box-shadow: inset 0 0 0 1px rgba(15, 15, 15, 0.1);
-		font:
-			13px/1.5 ui-monospace,
-			SFMono-Regular,
-			Menlo,
-			monospace;
-		outline: 0;
-		resize: vertical;
-	}
-
-	[data-edytor-equation-done] {
-		flex: none;
-		height: 32px;
-		padding: 0 12px;
-		border: 0;
-		border-radius: 4px;
-		background: rgb(35, 131, 226);
-		color: #fff;
-		font: inherit;
-		font-weight: 500;
-		cursor: pointer;
-	}
-
-	[data-edytor-equation-editor-error] {
-		margin-top: 6px;
-		color: rgb(212, 76, 71);
-		font-size: 12px;
-	}
-</style>
+{#if place}
+	<div
+		data-edytor-equation-panel
+		data-display={editor.display ? 'block' : 'inline'}
+		style:position="absolute"
+		style:left="{place.left}px"
+		style:top="{place.top}px"
+		style:transform={editor.display ? 'translateX(-50%)' : undefined}
+	>
+		{@render panel(editor)}
+	</div>
+{/if}

package/dist/plugins/equation/EquationEditor.svelte.d.ts

@@ -1,7 +1,8 @@
+import type { Snippet } from 'svelte';
 import type { EquationEditor } from './equation.svelte.js';
 type $$ComponentProps = {
     editor: EquationEditor;
-    readonly: () => boolean;
+    panel: Snippet<[EquationEditor]>;
 };
 declare const EquationEditor: import("svelte").Component<$$ComponentProps, {}, "">;
 type EquationEditor = ReturnType<typeof EquationEditor>;

package/dist/plugins/equation/EquationPlugin.svelte

@@ -8,32 +8,45 @@
 	import type { Edytor } from '../../edytor.svelte.js';
 	import { InlineBlock } from '../../block/inlineBlock.svelte.js';
 	import { equationKinds } from '../../crdt/semantics.js';
-	import { keywordsOf, labelsWith } from '../../labels.js';
-	import { onPress } from '../../events/onFocus.js';
+	import { equationEnglish, keywordsOf, labelsOf } from '../../labels.js';
 	import { id } from '../../utils.js';
 	import EquationView from './EquationView.svelte';
 	import EquationEditorPanel from './EquationEditor.svelte';
 	import {
 		EquationEditor,
 		EquationRenderer,
-		equationLabels,
 		equationViews,
 		expressionOf,
 		parseEquation,
 		type EquationData,
+		type EquationErrorPayload,
+		type EquationPlaceholderPayload,
 		type EquationPluginOptions,
+		type EquationTarget,
 		type KatexLike,
 		type KatexLoader
 	} from './equation.svelte.js';
+	import { katexLoaderOf } from './katex.js';
+	import { withRulesAndTriggers } from '../triggers/triggers.js';
 
-	export type { EquationData, EquationPluginOptions, KatexLike, KatexLoader };
+	export type {
+		EquationData,
+		EquationEditor,
+		EquationErrorPayload,
+		EquationPlaceholderPayload,
+		EquationPluginOptions,
+		EquationTarget,
+		KatexLike,
+		KatexLoader
+	};
+	export { KATEX_CDN, KATEX_VERSION } from './katex.js';
 
 	/** The inline equation's atom kind. */
 	const INLINE = 'inlineEquation';
 
 	/** The block that holds the caret or a text range in one block, when an atom may go there. */
 	const textBlock = (edytor: Edytor) => {
-		const { startText, endText } = edytor.selection.state;
+		const { startText, endText } = edytor.selection.textRange();
 		const block = startText?.parent;
 		if (!block || endText?.parent !== block || edytor.selection.value.kind !== 'text') return null;
 		// Not in a code line (an island of lines holds text only).
@@ -50,15 +63,13 @@
 		const block = textBlock(edytor);
 		const view = equationViews.get(edytor);
 		if (!block || !view || !edytor.dispatcher.permits()) return false;
-		const { startText, endText, yStart, yEnd, isCollapsed } = edytor.selection.state;
+		const { startText, endText, yStart, yEnd } = edytor.selection.textRange();
+		const { isCollapsed } = edytor.selection.projection;
 		const from = startText!.segStart + yStart;
 		const atom = id('i');
 		if (isCollapsed) {
-			const after = block.addInlineBlock({
-				offset: from,
-				block: { id: atom, type: INLINE, data: { expression: '' } }
-			});
-			if (!after) return false;
+			const spec = { id: atom, type: INLINE, data: { expression: '' } };
+			if (edytor.insertInline(block.id, from, spec).status !== 'applied') return false;
 			edytor.selection.setCaret({ block, offset: from + 1 });
 			view.editor.open({ block: block.id, atom });
 			return true;
@@ -79,10 +90,7 @@
 		const { dispatcher, facade } = edytor;
 		const removal = facade.prepare.deleteText(block.id, from, endText!.segStart + yEnd - from);
 		const run = dispatcher.lead(removal, () =>
-			block.addInlineBlock({
-				offset: from,
-				block: { id: atom, type: INLINE, data: { expression } }
-			})
+			edytor.insertInline(block.id, from, { id: atom, type: INLINE, data: { expression } })
 		);
 		const written = run.taken && dispatcher.last?.status === 'applied';
 		if (written) edytor.selection.setCaret({ block, offset: from + 1 });
@@ -92,14 +100,12 @@
 	/** `$$E=mc^2$$` typed in text: an inline equation (Notion). */
 	const dollars: InputRule = {
 		find: /\$\$([^$\n]*[^$\s][^$\n]*)\$\$$/,
-		replace: ([, tex], { block, from, caret, remove }) =>
+		replace: ([, tex], { edytor, block, from, caret, remove }) =>
 			remove(() => {
-				const after = block.addInlineBlock({
-					offset: from,
-					block: { type: INLINE, data: { expression: tex!.trim() } }
-				});
-				if (after) caret(from + 1);
-				return !!after;
+				const atom = { type: INLINE, data: { expression: tex!.trim() } };
+				const written = edytor.insertInline(block.id, from, atom).status === 'applied';
+				if (written) caret(from + 1);
+				return written;
 			})
 	};
 
@@ -122,7 +128,8 @@
 	/**
 	 * Equations (Notion's): a block equation (`equation`, void, its TeX in
 	 * `data.expression`) and an inline equation atom (`inlineEquation`), both
-	 * drawn by KaTeX, which `katex` loads the first time an equation shows. A
+	 * drawn by KaTeX, loaded the first time an equation shows in a browser:
+	 * from jsDelivr by default, or as `katex` says (a URL, your loader). A
 	 * click on one, or Enter on a selected one, opens its TeX source in an
 	 * editor under it; the equation is the live preview. "Block equation"
 	 * and "Inline equation" are slash commands, `$$…$$` typed in text is an
@@ -133,110 +140,107 @@
 	export const createEquationPlugin =
 		(options: EquationPluginOptions = {}): Plugin =>
 		(edytor) => {
-			const labels = labelsWith('equation', options.labels);
-			equationLabels.claim(edytor, labels);
-			const renderer = new EquationRenderer(options.katex, options.macros);
+			const labels = labelsOf(edytor, 'equation', equationEnglish);
+			const renderer = new EquationRenderer(katexLoaderOf(options.katex), options.macros);
 			// The records read with no view (`plugin(undefined)`) keep no state.
 			if (edytor && !equationViews.has(edytor))
 				equationViews.set(edytor, {
 					renderer,
-					editor: new EquationEditor(edytor, renderer, labels)
+					editor: new EquationEditor(edytor, renderer),
+					placeholder: options.placeholder,
+					error: options.error
 				});
 			const owns = () => equationViews.get(edytor)?.renderer === renderer;
-			return {
-				onEdytorAttached: ({ node }) => {
-					const view = equationViews.get(edytor);
-					if (!view || !owns()) return;
-					const { editor } = view;
-					const offPress = onPress(edytor, node.ownerDocument, editor.pressed, true);
-					const unmount = edytor.overlay.mount(
-						EquationEditorPanel,
-						{ editor, readonly: () => edytor.readonly },
-						'edytor-equation-editor-host',
-						// Above the block handles (5), as the image chrome.
-						7,
-						editor.measure
-					);
-					return () => {
-						offPress();
-						unmount();
-						editor.close(false);
-					};
-				},
-				// A block equation this view just created empty (a slash pick, Turn into) opens its editor.
-				onAfterOperation: (change) => {
-					const view = equationViews.get(edytor);
-					if (!view || !owns() || edytor.dispatcher.last?.status !== 'applied') return;
-					const created =
-						change.operation === 'setBlock' && change.payload.value.type === 'equation'
-							? change.block
-							: change.operation === 'insertBlockAfter' && change.payload.block.type === 'equation'
-								? change.block.nextBlock
-								: change.operation === 'insertBlockBefore' &&
-									  change.payload.block.type === 'equation'
-									? change.block.previousBlock
-									: null;
-					if (created?.type === 'equation' && !expressionOf(created.data))
-						view.editor.open({ block: created.id });
-				},
-				hotkeys: {
-					'mod+shift+e': ({ prevent }) => {
-						if (textBlock(edytor)) prevent(() => insertInline(edytor));
+			return withRulesAndTriggers(
+				edytor,
+				{
+					onEdytorAttached: ({ node }) => {
+						const view = equationViews.get(edytor);
+						if (!view || !owns()) return;
+						const { editor } = view;
+						const { panel } = options;
+						return panel && editor.panel.mount(node, EquationEditorPanel, { editor, panel });
 					},
-					enter: ({ prevent }) => {
-						const target = selectedEquation(edytor);
-						if (target && edytor.dispatcher.permits())
-							prevent(() => equationViews.get(edytor)?.editor.open(target));
-					}
-				},
-				commands: [
-					{
-						id: 'equation.inline',
-						label: labels.inline,
-						icon: '√x',
-						keywords: keywordsOf(
-							'equation.inline',
-							['math', 'tex', 'latex', 'katex', 'formula', 'inline'],
-							options.keywords
-						),
-						group: 'Inline',
-						isEnabled: (view) => textBlock(view) !== null,
-						run: () => insertInline(edytor)
-					}
-				],
-				inputRules: [dollars],
-				blocks: {
-					equation: {
-						...equationKinds.equation,
-						snippet: equation,
-						empty: { content: [], children: [] },
-						presets: [
-							{
-								label: labels.block,
-								icon: '√x',
-								keywords: keywordsOf(
-									'block.equation',
-									['math', 'tex', 'latex', 'katex', 'formula', 'equation'],
-									options.keywords
-								),
-								group: 'Advanced blocks'
-							}
-						],
-						html: (block) =>
-							`<div data-edytor-equation>${renderer.mathml(expressionOf(block.data), true)}</div>`,
-						plain: (block) => expressionOf(block.data),
-						parse: (element) => parseEquation(element, true)
+					// A block equation this view just created empty (a slash pick, Turn into) opens its editor.
+					onAfterOperation: (change) => {
+						const view = equationViews.get(edytor);
+						if (!view || !owns() || edytor.dispatcher.last?.status !== 'applied') return;
+						const ids =
+							change.operation === 'setBlock'
+								? [change.block.id]
+								: change.operation === 'insertBlocks'
+									? (change.effect?.creates ?? [])
+									: [];
+						const created = ids
+							.map((id) => edytor.idToBlock.get(id))
+							.find((block) => block?.type === 'equation');
+						if (created && !expressionOf(created.data)) view.editor.open({ block: created.id });
+					},
+					hotkeys: {
+						'mod+shift+e': ({ prevent }) => {
+							if (textBlock(edytor)) prevent(() => insertInline(edytor));
+						},
+						enter: ({ prevent }) => {
+							const target = selectedEquation(edytor);
+							if (target && edytor.dispatcher.permits())
+								prevent(() => equationViews.get(edytor)?.editor.open(target));
+						}
+					},
+					commands: [
+						{
+							id: 'equation.inline',
+							label: labels.inline,
+							icon: '√x',
+							keywords: keywordsOf(edytor, 'equation.inline', [
+								'math',
+								'tex',
+								'latex',
+								'katex',
+								'formula',
+								'inline'
+							]),
+							group: 'Inline',
+							isEnabled: (view) => textBlock(view) !== null,
+							run: () => insertInline(edytor)
+						}
+					],
+					blocks: {
+						equation: {
+							...equationKinds.equation,
+							snippet: equation,
+							empty: { content: [], children: [] },
+							presets: [
+								{
+									label: labels.block,
+									icon: '√x',
+									keywords: keywordsOf(edytor, 'block.equation', [
+										'math',
+										'tex',
+										'latex',
+										'katex',
+										'formula',
+										'equation'
+									]),
+									group: 'Advanced blocks'
+								}
+							],
+							html: (block) =>
+								`<div data-edytor-equation>${renderer.mathml(expressionOf(block.data), true)}</div>`,
+							plain: (block) => expressionOf(block.data),
+							parse: (element) => parseEquation(element, true)
+						}
+					},
+					inlineBlocks: {
+						[INLINE]: {
+							snippet: inlineEquation,
+							plain: (data) => expressionOf(data),
+							html: (data) => renderer.mathml(expressionOf(data), false),
+							parse: (element) => parseEquation(element, false)
+						}
 					}
 				},
-				inlineBlocks: {
-					[INLINE]: {
-						snippet: inlineEquation,
-						plain: (data) => expressionOf(data),
-						html: (data) => renderer.mathml(expressionOf(data), false),
-						parse: (element) => parseEquation(element, false)
-					}
-				}
-			};
+				{ inputRules: [dollars] }
+			);
 		};
 </script>
 
@@ -271,58 +275,9 @@
 {/snippet}
 
 <style>
+	/* A wide equation scrolls in its block; its look is a theme's. */
 	[data-edytor-equation] {
-		padding: 4px 0;
-		border-radius: 4px;
 		overflow-x: auto;
 		overflow-y: hidden;
-		text-align: center;
-		cursor: pointer;
-	}
-
-	[data-edytor-equation]:hover,
-	[data-edytor-equation][data-editing='true'] {
-		background: rgba(55, 53, 47, 0.06);
-	}
-
-	[data-edytor-inline-equation] {
-		border-radius: 3px;
-		cursor: pointer;
-	}
-
-	[data-edytor-inline-equation][data-editing='true'],
-	[data-edytor-inline-equation][data-selected='true'] {
-		background: rgba(35, 131, 226, 0.14);
-	}
-
-	[data-edytor-equation] :global([data-edytor-equation-placeholder]),
-	[data-edytor-inline-equation] :global([data-edytor-equation-placeholder]) {
-		color: rgba(55, 53, 47, 0.5);
-	}
-
-	[data-edytor-equation] :global([data-edytor-equation-placeholder]) {
-		display: flex;
-		align-items: center;
-		gap: 8px;
-		padding: 8px 12px;
-		border-radius: 4px;
-		background: rgba(242, 241, 238, 0.6);
-		text-align: left;
-	}
-
-	:global([data-edytor-equation-icon]) {
-		font-style: italic;
-		margin-right: 4px;
-	}
-
-	:global([data-edytor-equation-error]),
-	:global([data-edytor-equation-source]) {
-		font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
-		font-size: 0.9em;
-		white-space: pre-wrap;
-	}
-
-	:global([data-edytor-equation-error]) {
-		color: rgb(212, 76, 71);
 	}
 </style>

package/dist/plugins/equation/EquationPlugin.svelte.d.ts

@@ -1,10 +1,12 @@
 import type { Plugin } from '../../plugins.js';
-import { type EquationData, type EquationPluginOptions, type KatexLike, type KatexLoader } from './equation.svelte.js';
-export type { EquationData, EquationPluginOptions, KatexLike, KatexLoader };
+import { EquationEditor, type EquationData, type EquationErrorPayload, type EquationPlaceholderPayload, type EquationPluginOptions, type EquationTarget, type KatexLike, type KatexLoader } from './equation.svelte.js';
+export type { EquationData, EquationEditor, EquationErrorPayload, EquationPlaceholderPayload, EquationPluginOptions, EquationTarget, KatexLike, KatexLoader };
+export { KATEX_CDN, KATEX_VERSION } from './katex.js';
 /**
  * Equations (Notion's): a block equation (`equation`, void, its TeX in
  * `data.expression`) and an inline equation atom (`inlineEquation`), both
- * drawn by KaTeX, which `katex` loads the first time an equation shows. A
+ * drawn by KaTeX, loaded the first time an equation shows in a browser:
+ * from jsDelivr by default, or as `katex` says (a URL, your loader). A
  * click on one, or Enter on a selected one, opens its TeX source in an
  * editor under it; the equation is the live preview. "Block equation"
  * and "Inline equation" are slash commands, `$$…$$` typed in text is an