@fuzdev/mdz 0.2.0 → 0.4.0

package/README.md

@@ -31,6 +31,10 @@ for the designs and intros. mdz is the result of 5+ years of prototyping ideas.
 > some features (like attributes) are not yet implemented.
 > Feedback is welcome!
 
+## Contributing
+
+[fuz.dev/contributing](https://www.fuz.dev/contributing)
+
 ## License
 
 [MIT](LICENSE)

package/dist/Mdz.svelte

@@ -1,22 +1,23 @@
 <script lang="ts">
-	import type {SvelteHTMLElements} from 'svelte/elements';
+	import type { SvelteHTMLElements } from 'svelte/elements';
+	import { DEV } from 'esm-env';
 
-	import {mdz_parse} from './mdz.js';
+	import { mdz_parse, type MdzNode } from './mdz.js';
 	import MdzNodeView from './MdzNodeView.svelte';
 	import {
 		mdz_base_context,
 		mdz_set_context_with_fallback,
-		type MdzWhitespace,
+		type MdzWhitespace
 	} from './mdz_contexts.js';
 
 	const {
 		content,
+		nodes: nodes_prop,
 		inline = false,
 		whitespace,
 		base,
 		...rest
 	}: (SvelteHTMLElements['div'] | SvelteHTMLElements['span']) & {
-		content: string;
 		inline?: boolean;
 		/**
 		 * Sets `white-space` on the wrapper. When omitted, whitespace collapses
@@ -25,15 +26,23 @@
 		 */
 		whitespace?: MdzWhitespace;
 		base?: string;
-	} = $props();
+	} & // pass `content` to parse at render, or `nodes` to render a pre-parsed
+		// tree (e.g. one parsed once and rendered in several places) and skip
+		// `mdz_parse` entirely
+		(
+			{ content: string; nodes?: undefined } | { content?: undefined; nodes: Array<MdzNode> }
+		) = $props();
 
 	mdz_set_context_with_fallback(mdz_base_context, () => base);
 
-	const nodes = $derived(mdz_parse(content));
+	const nodes = $derived.by(() => {
+		if (DEV && (content === undefined) === (nodes_prop === undefined)) {
+			throw new Error('Mdz: pass exactly one of `content` or `nodes`');
+		}
+		return nodes_prop ?? mdz_parse(content ?? '');
+	});
 </script>
 
 <svelte:element this={inline ? 'span' : 'div'} {...rest} style:white-space={whitespace}>
-	{#each nodes as node (node)}
-		<MdzNodeView {node} />
-	{/each}
+	<MdzNodeView {nodes} />
 </svelte:element>

package/dist/Mdz.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { SvelteHTMLElements } from 'svelte/elements';
+import { type MdzNode } from './mdz.js';
 import { type MdzWhitespace } from './mdz_contexts.js';
 type $$ComponentProps = (SvelteHTMLElements['div'] | SvelteHTMLElements['span']) & {
-    content: string;
     inline?: boolean;
     /**
      * Sets `white-space` on the wrapper. When omitted, whitespace collapses
@@ -10,7 +10,14 @@ type $$ComponentProps = (SvelteHTMLElements['div'] | SvelteHTMLElements['span'])
      */
     whitespace?: MdzWhitespace;
     base?: string;
-};
+} & // pass `content` to parse at render, or `nodes` to render a pre-parsed
+({
+    content: string;
+    nodes?: undefined;
+} | {
+    content?: undefined;
+    nodes: Array<MdzNode>;
+});
 declare const Mdz: import("svelte").Component<$$ComponentProps, {}, "">;
 type Mdz = ReturnType<typeof Mdz>;
 export default Mdz;

package/dist/Mdz.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Mdz.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Mdz.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAIxD,OAAO,EAGL,KAAK,aAAa,EAClB,MAAM,mBAAmB,CAAC;AAE3B,KAAK,gBAAgB,GAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC,GAAG;IACnF,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AA6BH,QAAA,MAAM,GAAG,sDAAwC,CAAC;AAClD,KAAK,GAAG,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC;AAClC,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Mdz.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Mdz.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1D,OAAO,EAAa,KAAK,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnD,OAAO,EAGL,KAAK,aAAa,EAClB,MAAM,mBAAmB,CAAC;AAE3B,KAAK,gBAAgB,GAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC,GAAG;IACnF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,GAAG,uEAAuE;AAG1E,CACC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG;IAAE,OAAO,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;CAAE,CACvF,CAAC;AAkCJ,QAAA,MAAM,GAAG,sDAAwC,CAAC;AAClD,KAAK,GAAG,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC;AAClC,eAAe,GAAG,CAAC"}

package/dist/MdzNodeView.svelte

@@ -1,26 +1,23 @@
 <script lang="ts">
-	import {resolve} from '$app/paths';
+	import { resolve } from '$app/paths';
 
-	import type {MdzNode, MdzNodeTableRow, MdzTableAlign} from './mdz.js';
-	import {
-		mdz_resolve_relative_path,
-		mdz_is_safe_reference,
-		mdz_is_void_element,
-	} from './mdz_helpers.js';
-	import MdzNodeView from './MdzNodeView.svelte';
+	import type { MdzNode, MdzNodeTableRow, MdzTableAlign } from './mdz.js';
+	import { mdz_classify_link, mdz_is_void_element } from './mdz_helpers.js';
 	import {
 		mdz_components_context,
 		mdz_elements_context,
 		mdz_base_context,
 		mdz_code_context,
-		mdz_codeblock_context,
+		mdz_codeblock_context
 	} from './mdz_contexts.js';
 
 	const {
 		node,
-	}: {
-		node: MdzNode;
-	} = $props();
+		nodes
+	}:
+		// exactly one of `node`/`nodes` — the array form renders a whole tree
+		// through this single component instance (used by `Mdz`)
+		{ node: MdzNode; nodes?: undefined } | { node?: undefined; nodes: Array<MdzNode> } = $props();
 
 	const get_components = mdz_components_context.get_maybe();
 	const get_elements = mdz_elements_context.get_maybe();
@@ -29,122 +26,137 @@
 	const get_codeblock = mdz_codeblock_context.get_maybe();
 </script>
 
-{#if node.type === 'Element'}
-	{@const element_config = get_elements?.()?.get(node.name)}
-	{#if element_config !== undefined}
-		{#if mdz_is_void_element(node.name)}
-			<!-- void elements cannot have content — any parsed children are dropped -->
-			<svelte:element this={node.name} />
+<!-- The tree renders through recursive snippets rather than recursive
+component instances — one component (and one set of context reads) per
+tree instead of per node. -->
+{#if nodes}
+	{@render render_children(nodes)}
+{:else if node}
+	{@render render_node(node)}
+{/if}
+
+{#snippet render_node(node: MdzNode)}
+	{#if node.type === 'Element'}
+		{@const element_config = get_elements?.()?.get(node.name)}
+		{#if element_config !== undefined}
+			{#if mdz_is_void_element(node.name)}
+				<!-- void elements cannot have content — any parsed children are dropped -->
+				<svelte:element this={node.name} />
+			{:else}
+				<svelte:element this={node.name}>
+					{#if node.children.length > 0}
+						{@render render_children(node.children)}
+					{/if}
+				</svelte:element>
+			{/if}
 		{:else}
-			<svelte:element this={node.name}>
+			{@render render_unregistered_tag(node.name, node.children)}
+		{/if}
+	{:else if node.type === 'Component'}
+		{@const Component = get_components?.()?.get(node.name)}
+		{#if Component}
+			<Component>
 				{#if node.children.length > 0}
 					{@render render_children(node.children)}
 				{/if}
-			</svelte:element>
+			</Component>
+		{:else}
+			{@render render_unregistered_tag(node.name, node.children)}
 		{/if}
-	{:else}
-		{@render render_unregistered_tag(node.name, node.children)}
-	{/if}
-{:else if node.type === 'Component'}
-	{@const Component = get_components?.()?.get(node.name)}
-	{#if Component}
-		<Component>
-			{#if node.children.length > 0}
+	{:else if node.type === 'Text'}
+		{node.content}
+	{:else if node.type === 'Code'}
+		{@const Code = get_code?.()}
+		{#if Code}
+			<Code reference={node.content} />
+		{:else}
+			<code>{node.content}</code>
+		{/if}
+	{:else if node.type === 'Bold'}
+		<strong>{@render render_children(node.children)}</strong>
+	{:else if node.type === 'Italic'}
+		<em>{@render render_children(node.children)}</em>
+	{:else if node.type === 'Strikethrough'}
+		<s>{@render render_children(node.children)}</s>
+	{:else if node.type === 'Link'}
+		{@const link = mdz_classify_link(node.reference, node.link_type, get_mdz_base?.())}
+		{#if link.kind === 'unsafe'}
+			{@render render_children(node.children)}
+		{:else if link.kind === 'resolve'}
+			<a href={resolve(link.href as any)}>{@render render_children(node.children)}</a>
+		{:else if link.kind === 'external'}
+			<!-- eslint-disable-next-line svelte/no-navigation-without-resolve -->
+			<a href={link.href} target="_blank" rel="noopener">
 				{@render render_children(node.children)}
-			{/if}
-		</Component>
-	{:else}
-		{@render render_unregistered_tag(node.name, node.children)}
-	{/if}
-{:else if node.type === 'Text'}
-	{node.content}
-{:else if node.type === 'Code'}
-	{@const Code = get_code?.()}
-	{#if Code}
-		<Code reference={node.content} />
-	{:else}
-		<code>{node.content}</code>
-	{/if}
-{:else if node.type === 'Bold'}
-	<strong>{@render render_children(node.children)}</strong>
-{:else if node.type === 'Italic'}
-	<em>{@render render_children(node.children)}</em>
-{:else if node.type === 'Strikethrough'}
-	<s>{@render render_children(node.children)}</s>
-{:else if node.type === 'Link'}
-	{@const {reference} = node}
-	{#if !mdz_is_safe_reference(reference)}
-		{@render render_children(node.children)}
-	{:else if node.link_type === 'internal'}
-		{@const skip_resolve = reference.startsWith('#') || reference.startsWith('?')}
-		{@const mdz_base = get_mdz_base?.()}
-		{#if reference.startsWith('.') && mdz_base}
-			{@const resolved = mdz_resolve_relative_path(reference, mdz_base)}
-			<a href={resolve(resolved as any)}>{@render render_children(node.children)}</a>
-		{:else if skip_resolve || reference.startsWith('.') || !reference.startsWith('/')}
-			<!-- Fragment, query, and relative links (including bare references like `foo`) skip resolve() -->
-			<!-- resolve() only accepts absolute pathnames or route IDs and throws on anything else -->
+			</a>
+		{:else}
+			<!-- fragment/query/relative/bare references skip resolve() (it accepts only absolute paths) -->
 			<!-- eslint-disable-next-line svelte/no-navigation-without-resolve -->
-			<a href={reference}>{@render render_children(node.children)}</a>
+			<a href={link.href}>{@render render_children(node.children)}</a>
+		{/if}
+	{:else if node.type === 'Paragraph'}
+		<p>{@render render_children(node.children)}</p>
+	{:else if node.type === 'List'}
+		{#if node.ordered}
+			<ol start={node.start_number === 1 ? undefined : node.start_number}>
+				{@render render_children(node.children)}
+			</ol>
 		{:else}
-			<a href={resolve(reference as any)}>{@render render_children(node.children)}</a>
+			<ul>{@render render_children(node.children)}</ul>
 		{/if}
-	{:else}
-		<!-- external link -->
-		<!-- eslint-disable-next-line svelte/no-navigation-without-resolve -->
-		<a href={reference} target="_blank" rel="noopener">{@render render_children(node.children)}</a>
-	{/if}
-{:else if node.type === 'Paragraph'}
-	<p>{@render render_children(node.children)}</p>
-{:else if node.type === 'List'}
-	{#if node.ordered}
-		<ol start={node.start_number === 1 ? undefined : node.start_number}>
+	{:else if node.type === 'ListItem'}
+		<li>{@render render_children(node.children)}</li>
+	{:else if node.type === 'Blockquote'}
+		<blockquote>{@render render_children(node.children)}</blockquote>
+	{:else if node.type === 'Table'}
+		<!-- by grammar the header row is always first (and the only one) — read
+		it by index and skip it per-row in the body, rather than filtering
+		twice (matches the streaming view, where a filter would go O(n²)
+		across a streamed table) -->
+		{@const header_row = node.children[0]?.header ? node.children[0] : undefined}
+		<table>
+			{#if header_row}
+				<thead>
+					<tr>
+						{@render render_cells(header_row, 'th', node.align)}
+					</tr>
+				</thead>
+			{/if}
+			{#if node.children.length > (header_row ? 1 : 0)}
+				<tbody>
+					{#each node.children as row, i (i)}
+						{#if !row.header}
+							<tr>
+								{@render render_cells(row, 'td', node.align)}
+							</tr>
+						{/if}
+					{/each}
+				</tbody>
+			{/if}
+		</table>
+	{:else if node.type === 'Hr'}
+		<hr />
+	{:else if node.type === 'Heading'}
+		<svelte:element this={`h${node.level}`} id={node.id || undefined}>
 			{@render render_children(node.children)}
-		</ol>
-	{:else}
-		<ul>{@render render_children(node.children)}</ul>
-	{/if}
-{:else if node.type === 'ListItem'}
-	<li>{@render render_children(node.children)}</li>
-{:else if node.type === 'Blockquote'}
-	<blockquote>{@render render_children(node.children)}</blockquote>
-{:else if node.type === 'Table'}
-	{@const header_rows = node.children.filter((r) => r.header)}
-	{@const body_rows = node.children.filter((r) => !r.header)}
-	<table>
-		{#if header_rows.length > 0}
-			<thead>
-				{#each header_rows as row (row)}
-					<tr>{@render render_cells(row, 'th', node.align)}</tr>
-				{/each}
-			</thead>
-		{/if}
-		{#if body_rows.length > 0}
-			<tbody>
-				{#each body_rows as row (row)}
-					<tr>{@render render_cells(row, 'td', node.align)}</tr>
-				{/each}
-			</tbody>
+		</svelte:element>
+	{:else if node.type === 'Codeblock'}
+		{@const Codeblock = get_codeblock?.()}
+		{#if Codeblock}
+			<Codeblock lang={node.lang} content={node.content} />
+		{:else}
+			<pre><code>{node.content}</code></pre>
 		{/if}
-	</table>
-{:else if node.type === 'Hr'}
-	<hr />
-{:else if node.type === 'Heading'}
-	<svelte:element this={`h${node.level}`} id={node.id || undefined}>
-		{@render render_children(node.children)}
-	</svelte:element>
-{:else if node.type === 'Codeblock'}
-	{@const Codeblock = get_codeblock?.()}
-	{#if Codeblock}
-		<Codeblock lang={node.lang} content={node.content} />
-	{:else}
-		<pre><code>{node.content}</code></pre>
 	{/if}
-{/if}
+{/snippet}
 
 {#snippet render_children(nodes: Array<MdzNode>)}
-	{#each nodes as node (node)}
-		<MdzNodeView {node} />
+	<!-- index keys, not object identity: `mdz_parse` yields a fresh node graph
+	on every `content` change, so identity keys never match and Svelte rebuilds
+	the whole subtree; positional keys let it patch in place. (Sync nodes have
+	no stable id; the stream view keys by `node.id`.) -->
+	{#each nodes as node, i (i)}
+		{@render render_node(node)}
 	{/each}
 {/snippet}
 
@@ -161,8 +173,10 @@
 {#snippet render_unregistered_tag(name: string, children: Array<MdzNode>)}
 	{#if children.length > 0}
 		<code class="color_c_50">&lt;{name}&gt;</code>{@render render_children(children)}<code
-			class="color_c_50">&lt;/{name}&gt;</code
+			class="color_c_50"
 		>
+			&lt;/{name}&gt;
+		</code>
 	{:else}
 		<code class="color_c_50">&lt;{name} /&gt;</code>
 	{/if}

package/dist/MdzNodeView.svelte.d.ts

@@ -1,7 +1,10 @@
 import type { MdzNode } from './mdz.js';
-import MdzNodeView from './MdzNodeView.svelte';
 type $$ComponentProps = {
     node: MdzNode;
+    nodes?: undefined;
+} | {
+    node?: undefined;
+    nodes: Array<MdzNode>;
 };
 declare const MdzNodeView: import("svelte").Component<$$ComponentProps, {}, "">;
 type MdzNodeView = ReturnType<typeof MdzNodeView>;

package/dist/MdzNodeView.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MdzNodeView.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/MdzNodeView.svelte"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,OAAO,EAAiC,MAAM,UAAU,CAAC;AAMtE,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAS9C,KAAK,gBAAgB,GAAI;IACxB,IAAI,EAAE,OAAO,CAAC;CACd,CAAC;AA+JH,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MdzNodeView.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/MdzNodeView.svelte"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAkC,MAAM,UAAU,CAAC;AAUvE,KAAK,gBAAgB,GAGpB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG;IAAE,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;AAwKrF,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/MdzPrecompiled.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import type {Snippet} from 'svelte';
-	import type {SvelteHTMLElements} from 'svelte/elements';
+	import type { Snippet } from 'svelte';
+	import type { SvelteHTMLElements } from 'svelte/elements';
 
-	import type {MdzWhitespace} from './mdz_contexts.js';
+	import type { MdzWhitespace } from './mdz_contexts.js';
 
 	/**
 	 * Wrapper for precompiled mdz content. Used by `svelte_preprocess_mdz`.

package/dist/MdzPrecompiled.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MdzPrecompiled.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/MdzPrecompiled.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAExD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEpD,KAAK,gBAAgB,GAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC,GAAG;IACnF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AA4BH,QAAA,MAAM,cAAc,sDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"MdzPrecompiled.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/MdzPrecompiled.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEtD,KAAK,gBAAgB,GAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC,GAAG;IACnF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AA4BH,QAAA,MAAM,cAAc,sDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/MdzRoot.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type {Snippet} from 'svelte';
+	import type { Snippet } from 'svelte';
 
 	import {
 		mdz_base_context,
@@ -11,7 +11,7 @@
 		type MdzCodeComponent,
 		type MdzCodeblockComponent,
 		type MdzComponents,
-		type MdzElements,
+		type MdzElements
 	} from './mdz_contexts.js';
 
 	const {
@@ -20,7 +20,7 @@
 		elements,
 		code,
 		codeblock,
-		children,
+		children
 	}: {
 		base?: string;
 		components?: MdzComponents;

package/dist/MdzRoot.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MdzRoot.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/MdzRoot.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAEpC,OAAO,EAOL,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAC1B,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,MAAM,mBAAmB,CAAC;AAE3B,KAAK,gBAAgB,GAAI;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AA0BH,QAAA,MAAM,OAAO,sDAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
+{"version":3,"file":"MdzRoot.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/MdzRoot.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,EAOL,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAC1B,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,MAAM,mBAAmB,CAAC;AAE3B,KAAK,gBAAgB,GAAI;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AA0BH,QAAA,MAAM,OAAO,sDAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/MdzStream.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
-	import type {SvelteHTMLElements} from 'svelte/elements';
+	import type { SvelteHTMLElements } from 'svelte/elements';
 
 	import MdzStreamNodeView from './MdzStreamNodeView.svelte';
 	import {
 		mdz_base_context,
 		mdz_set_context_with_fallback,
-		type MdzWhitespace,
+		type MdzWhitespace
 	} from './mdz_contexts.js';
-	import type {MdzStreamState} from './mdz_stream_state.svelte.js';
+	import type { MdzStreamState } from './mdz_stream_state.svelte.js';
 
 	const {
 		stream,
@@ -31,7 +31,7 @@
 </script>
 
 <svelte:element this={inline ? 'span' : 'div'} {...rest} style:white-space={whitespace}>
-	{#each stream.root as node (node.id)}
-		<MdzStreamNodeView {node} />
-	{/each}
+	<!-- the array form renders the whole stream through one MdzStreamNodeView
+	instance (one set of context reads) instead of one per top-level block -->
+	<MdzStreamNodeView nodes={stream.root} />
 </svelte:element>

package/dist/MdzStream.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MdzStream.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/MdzStream.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAGxD,OAAO,EAGL,KAAK,aAAa,EAClB,MAAM,mBAAmB,CAAC;AAC5B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,8BAA8B,CAAC;AAEhE,KAAK,gBAAgB,GAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC,GAAG;IACnF,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AA2BH,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"MdzStream.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/MdzStream.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1D,OAAO,EAGL,KAAK,aAAa,EAClB,MAAM,mBAAmB,CAAC;AAC5B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAElE,KAAK,gBAAgB,GAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC,GAAG;IACnF,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AA0BH,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}