phormat 0.0.5

package/dist/editor/block-specs/toc/EditableToc.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+	import type { BlockEditProps } from '../types';
+	import type { TocBlock } from './types';
+	import { tocRenderer } from './TocRenderer.svelte';
+
+	let { block }: BlockEditProps = $props();
+</script>
+
+<div class="rounded-md border border-border-muted/80 bg-surface-base/20 p-2">
+	<p class="mb-1 text-xs text-txt-tertiary">Table of contents</p>
+	<p class="mb-2 text-xs text-txt-tertiary">
+		The <code class="text-txt-tertiary">::toc</code> directive is parsed for preview; source stays in the
+		document on export. In-app editing for TOC placement is not implemented yet.
+	</p>
+	{@render tocRenderer(block.data as TocBlock)}
+</div>

package/dist/editor/block-specs/toc/EditableToc.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { BlockEditProps } from '../types';
+declare const EditableToc: import("svelte").Component<BlockEditProps, {}, "">;
+type EditableToc = ReturnType<typeof EditableToc>;
+export default EditableToc;

package/dist/editor/block-specs/toc/TocRenderer.svelte

@@ -0,0 +1,22 @@
+<script module lang="ts">
+	import type { TocBlock } from './types';
+
+	export { tocRenderer };
+</script>
+
+{#snippet tocRenderer(block: TocBlock)}
+	<nav class="mb-4" aria-label="Table of contents">
+		<p class="mb-2 text-sm font-medium text-txt-primary">Table of contents</p>
+		{#if block.entries.length === 0}
+			<p class="text-sm text-txt-tertiary">No headings in this document.</p>
+		{:else}
+			<ul class="space-y-1">
+				{#each block.entries as entry, i (i)}
+					<li class="text-sm text-txt-secondary" style="padding-left: {(entry.level - 1) * 0.75}rem">
+						{entry.text}
+					</li>
+				{/each}
+			</ul>
+		{/if}
+	</nav>
+{/snippet}

package/dist/editor/block-specs/toc/TocRenderer.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { TocBlock } from './types';
+declare const tocRenderer: (block: TocBlock) => ReturnType<import("svelte").Snippet>;
+export { tocRenderer };
+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 TocRenderer: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type TocRenderer = InstanceType<typeof TocRenderer>;
+export default TocRenderer;

package/dist/editor/block-specs/toc/commands.d.ts

@@ -0,0 +1,2 @@
+import type { EditorCommand } from '../../commandRegistry';
+export declare const tocCommands: EditorCommand[];

package/dist/editor/block-specs/toc/commands.js

@@ -0,0 +1 @@
+export const tocCommands = [];

package/dist/editor/block-specs/toc/index.d.ts

@@ -0,0 +1,6 @@
+export { tocCommands } from './commands';
+export { applyTocInlineSecondPass } from './inlineSecondPass';
+export { parseToc, TOC_LINE, tryParseTocAt } from './parse';
+export { tocReconcileFingerprint } from './reconcile';
+export { serializeTocBlock } from './serialize';
+export type { TocBlock, TocEntry } from './types';

package/dist/editor/block-specs/toc/index.js

@@ -0,0 +1,5 @@
+export { tocCommands } from './commands';
+export { applyTocInlineSecondPass } from './inlineSecondPass';
+export { parseToc, TOC_LINE, tryParseTocAt } from './parse';
+export { tocReconcileFingerprint } from './reconcile';
+export { serializeTocBlock } from './serialize';

package/dist/editor/block-specs/toc/inlineSecondPass.d.ts

@@ -0,0 +1,3 @@
+import type { RichInlineContext } from '../../model/richInlines';
+import type { EditorBlock } from '../../model/types';
+export declare function applyTocInlineSecondPass(block: EditorBlock, _source: string, _insideBlockquote: boolean, _ctx: RichInlineContext): EditorBlock;

package/dist/editor/block-specs/toc/inlineSecondPass.js

@@ -0,0 +1,5 @@
+export function applyTocInlineSecondPass(block, _source, _insideBlockquote, _ctx) {
+    if (block.type !== 'toc')
+        return block;
+    return block;
+}

package/dist/editor/block-specs/toc/parse.d.ts

@@ -0,0 +1,10 @@
+import { type LineRow } from '../../model/line-utils';
+import type { EditorBlock } from '../../model/types';
+import type { TocBlock } from './types';
+/** Line contains only the extended table-of-contents marker `::toc` (case-insensitive). */
+export declare const TOC_LINE: RegExp;
+export declare function parseToc(source: string): TocBlock[];
+export declare function tryParseTocAt(i: number, rows: LineRow[], source: string): {
+    nextLine: number;
+    block: EditorBlock;
+} | null;

package/dist/editor/block-specs/toc/parse.js

@@ -0,0 +1,43 @@
+import { afterLineTerminator } from '../../model/line-utils';
+import { stableBlockId } from '../../model/types';
+import { parseHeadings } from '../heading/parse';
+/** Line contains only the extended table-of-contents marker `::toc` (case-insensitive). */
+export const TOC_LINE = /^\s*::toc\s*$/i;
+export function parseToc(source) {
+    const lines = source.split(/\r?\n/);
+    const entries = parseHeadings(source).map((h) => ({
+        level: h.level,
+        text: h.text
+    }));
+    const out = [];
+    for (let i = 0; i < lines.length; i++) {
+        if (TOC_LINE.test(lines[i])) {
+            out.push({ lineIndex: i, entries });
+        }
+    }
+    return out;
+}
+export function tryParseTocAt(i, rows, source) {
+    const row = rows[i];
+    if (!row || !TOC_LINE.test(row.line))
+        return null;
+    const entries = parseHeadings(source).map((h) => ({
+        level: h.level,
+        text: h.text
+    }));
+    const sourceRange = {
+        start: row.start,
+        end: afterLineTerminator(source, row),
+        startLine: i,
+        endLine: i
+    };
+    return {
+        nextLine: i + 1,
+        block: {
+            type: 'toc',
+            id: stableBlockId('toc', sourceRange),
+            sourceRange,
+            data: { lineIndex: i, entries }
+        }
+    };
+}

package/dist/editor/block-specs/toc/reconcile.d.ts

@@ -0,0 +1,2 @@
+import type { EditorBlock } from '../../model/types';
+export declare function tocReconcileFingerprint(block: EditorBlock): string;

package/dist/editor/block-specs/toc/reconcile.js

@@ -0,0 +1,5 @@
+export function tocReconcileFingerprint(block) {
+    if (block.type !== 'toc')
+        return '';
+    return 'toc';
+}

package/dist/editor/block-specs/toc/serialize.d.ts

@@ -0,0 +1,2 @@
+import type { EditorBlock } from '../../model/types';
+export declare function serializeTocBlock(block: EditorBlock): string;

package/dist/editor/block-specs/toc/serialize.js

@@ -0,0 +1,6 @@
+export function serializeTocBlock(block) {
+    if (block.type !== 'toc') {
+        throw new Error('serializeTocBlock expects a toc block');
+    }
+    return '::toc';
+}

package/dist/editor/block-specs/toc/types.d.ts

@@ -0,0 +1,8 @@
+export type TocEntry = {
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+    text: string;
+};
+export type TocBlock = {
+    lineIndex: number;
+    entries: TocEntry[];
+};

package/dist/editor/block-specs/toc/types.js

@@ -0,0 +1 @@
+export {};

package/dist/editor/block-specs/tocSpec.d.ts

@@ -0,0 +1,2 @@
+import type { BlockSpec } from './types';
+export declare const tocSpec: BlockSpec;

package/dist/editor/block-specs/tocSpec.js

@@ -0,0 +1,24 @@
+import EditableToc from './toc/EditableToc.svelte';
+import { tocCommands } from './toc/commands';
+import { applyTocInlineSecondPass } from './toc/inlineSecondPass';
+import { parseToc, tryParseTocAt } from './toc/parse';
+import { tocReconcileFingerprint } from './toc/reconcile';
+import { serializeTocBlock } from './toc/serialize';
+import { tocRenderer } from './toc/TocRenderer.svelte';
+export const tocSpec = {
+    type: 'toc',
+    id: 'toc',
+    render: tocRenderer,
+    editComponent: EditableToc,
+    parse: { parseToc, tryParseTocAt },
+    serialize: serializeTocBlock,
+    applyInlineSecondPass: applyTocInlineSecondPass,
+    reconcileFingerprint: tocReconcileFingerprint,
+    commands: tocCommands,
+    toRenderBlock: (block) => ({
+        id: block.id,
+        pluginId: 'toc',
+        data: block.data,
+        render: tocRenderer
+    })
+};

package/dist/editor/block-specs/toggle/ToggleRenderer.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+	import type { ToggleBlock } from './types';
+
+	export { toggleRenderer };
+</script>
+
+{#snippet toggleRenderer(block: ToggleBlock)}
+	<details class="group mb-4 border-l border-border-default pl-3 open:border-option-purple/50">
+		<summary
+			class="cursor-pointer list-none py-1 text-sm font-medium text-option-purple marker:content-none [&::-webkit-details-marker]:hidden"
+		>
+			<span class="inline-block w-4 text-txt-tertiary group-open:rotate-90">▸</span>
+			{block.title}
+		</summary>
+		<div class="mt-2 font-mono text-sm leading-6 break-words whitespace-pre-wrap text-txt-primary">
+			{block.body}
+		</div>
+	</details>
+{/snippet}

package/dist/editor/block-specs/toggle/ToggleRenderer.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { ToggleBlock } from './types';
+declare const toggleRenderer: (block: ToggleBlock) => ReturnType<import("svelte").Snippet>;
+export { toggleRenderer };
+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 ToggleRenderer: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ToggleRenderer = InstanceType<typeof ToggleRenderer>;
+export default ToggleRenderer;

package/dist/editor/block-specs/toggle/commands.d.ts

@@ -0,0 +1,2 @@
+import type { EditorCommand } from '../../commandRegistry';
+export declare const toggleCommands: EditorCommand[];

package/dist/editor/block-specs/toggle/commands.js

@@ -0,0 +1 @@
+export const toggleCommands = [];

package/dist/editor/block-specs/toggle/index.d.ts

@@ -0,0 +1,7 @@
+export { toggleCommands } from './commands';
+export { applyToggleInlineSecondPass } from './inlineSecondPass';
+export { parseToggles, tryParseToggleAt } from './parse';
+export type { FenceAtOpenLine } from './parse';
+export { toggleReconcileFingerprint } from './reconcile';
+export { serializeToggleBlock, serializeToggleData } from './serialize';
+export type { ToggleBlock } from './types';

package/dist/editor/block-specs/toggle/index.js

@@ -0,0 +1,5 @@
+export { toggleCommands } from './commands';
+export { applyToggleInlineSecondPass } from './inlineSecondPass';
+export { parseToggles, tryParseToggleAt } from './parse';
+export { toggleReconcileFingerprint } from './reconcile';
+export { serializeToggleBlock, serializeToggleData } from './serialize';

package/dist/editor/block-specs/toggle/inlineSecondPass.d.ts

@@ -0,0 +1,3 @@
+import type { RichInlineContext } from '../../model/richInlines';
+import type { EditorBlock } from '../../model/types';
+export declare function applyToggleInlineSecondPass(block: EditorBlock, _source: string, _insideBlockquote: boolean, _ctx: RichInlineContext): EditorBlock;

package/dist/editor/block-specs/toggle/inlineSecondPass.js

@@ -0,0 +1,5 @@
+export function applyToggleInlineSecondPass(block, _source, _insideBlockquote, _ctx) {
+    if (block.type !== 'toggle')
+        return block;
+    return block;
+}

package/dist/editor/block-specs/toggle/parse.d.ts

@@ -0,0 +1,9 @@
+import { type LineRow } from '../../model/line-utils';
+import type { EditorBlock } from '../../model/types';
+import type { ToggleBlock } from './types';
+export declare function parseToggles(source: string): ToggleBlock[];
+export type FenceAtOpenLine = ReadonlyMap<number, unknown>;
+export declare function tryParseToggleAt(i: number, rows: LineRow[], source: string, fenceAtOpenLine: FenceAtOpenLine): {
+    nextLine: number;
+    block: EditorBlock;
+} | null;

package/dist/editor/block-specs/toggle/parse.js

@@ -0,0 +1,78 @@
+import { afterLineTerminator } from '../../model/line-utils';
+import { stableBlockId } from '../../model/types';
+/** Opening delimiter: `+++ ` followed by title rest-of-line. */
+const OPEN = /^\s*\+\+\+\s+(.+)$/;
+/** Closing delimiter: exactly three plus signs with optional surrounding whitespace. */
+const CLOSE = /^\s*\+\+\+\s*$/;
+export function parseToggles(source) {
+    const lines = source.split(/\r?\n/);
+    const out = [];
+    for (let i = 0; i < lines.length; i++) {
+        const openMatch = lines[i].match(OPEN);
+        if (!openMatch)
+            continue;
+        const title = openMatch[1].trim();
+        const startLineIndex = i;
+        const bodyLines = [];
+        let j = i + 1;
+        while (j < lines.length && !CLOSE.test(lines[j])) {
+            bodyLines.push(lines[j]);
+            j++;
+        }
+        if (j < lines.length) {
+            j++;
+        }
+        out.push({
+            title,
+            body: bodyLines.join('\n'),
+            startLineIndex
+        });
+        i = j - 1;
+    }
+    return out;
+}
+export function tryParseToggleAt(i, rows, source, fenceAtOpenLine) {
+    const row = rows[i];
+    if (!row || fenceAtOpenLine.has(i))
+        return null;
+    const openMatch = row.line.match(/^\s*\+\+\+\s+(.+)$/);
+    if (!openMatch)
+        return null;
+    const title = (openMatch[1] ?? '').trim();
+    let j = i + 1;
+    const bodyLines = [];
+    while (j < rows.length && !/^\s*\+\+\+\s*$/.test(rows[j].line)) {
+        if (fenceAtOpenLine.has(j))
+            break;
+        bodyLines.push(rows[j].line);
+        j++;
+    }
+    let endLine;
+    if (j < rows.length && /^\s*\+\+\+\s*$/.test(rows[j].line)) {
+        endLine = j;
+        j++;
+    }
+    else {
+        endLine = Math.max(i, j - 1);
+    }
+    const sourceRange = {
+        start: row.start,
+        end: afterLineTerminator(source, rows[endLine]),
+        startLine: i,
+        endLine
+    };
+    const data = {
+        title,
+        body: bodyLines.join('\n'),
+        startLineIndex: i
+    };
+    return {
+        nextLine: j,
+        block: {
+            type: 'toggle',
+            id: stableBlockId('toggle', sourceRange),
+            sourceRange,
+            data
+        }
+    };
+}

package/dist/editor/block-specs/toggle/reconcile.d.ts

@@ -0,0 +1,2 @@
+import type { EditorBlock } from '../../model/types';
+export declare function toggleReconcileFingerprint(block: EditorBlock): string;

package/dist/editor/block-specs/toggle/reconcile.js

@@ -0,0 +1,6 @@
+export function toggleReconcileFingerprint(block) {
+    if (block.type !== 'toggle')
+        return '';
+    const d = block.data;
+    return `toggle:${d.title}`;
+}

package/dist/editor/block-specs/toggle/serialize.d.ts

@@ -0,0 +1,4 @@
+import type { EditorBlock } from '../../model/types';
+import type { ToggleBlock } from './types';
+export declare function serializeToggleData(d: ToggleBlock): string;
+export declare function serializeToggleBlock(block: EditorBlock): string;

package/dist/editor/block-specs/toggle/serialize.js

@@ -0,0 +1,13 @@
+export function serializeToggleData(d) {
+    const parts = [`+++ ${d.title}`];
+    if (d.body.length > 0)
+        parts.push(d.body);
+    parts.push('+++');
+    return parts.join('\n');
+}
+export function serializeToggleBlock(block) {
+    if (block.type !== 'toggle') {
+        throw new Error('serializeToggleBlock expects a toggle block');
+    }
+    return serializeToggleData(block.data);
+}

package/dist/editor/block-specs/toggle/types.d.ts

@@ -0,0 +1,5 @@
+export type ToggleBlock = {
+    title: string;
+    body: string;
+    startLineIndex: number;
+};

package/dist/editor/block-specs/toggle/types.js

@@ -0,0 +1 @@
+export {};

package/dist/editor/block-specs/toggleSpec.d.ts

@@ -0,0 +1,2 @@
+import type { BlockSpec } from './types';
+export declare const toggleSpec: BlockSpec;

package/dist/editor/block-specs/toggleSpec.js

@@ -0,0 +1,24 @@
+import EditableToggle from '../blocks/EditableToggle.svelte';
+import { toggleCommands } from './toggle/commands';
+import { applyToggleInlineSecondPass } from './toggle/inlineSecondPass';
+import { parseToggles, tryParseToggleAt } from './toggle/parse';
+import { toggleReconcileFingerprint } from './toggle/reconcile';
+import { serializeToggleBlock } from './toggle/serialize';
+import { toggleRenderer } from './toggle/ToggleRenderer.svelte';
+export const toggleSpec = {
+    type: 'toggle',
+    id: 'toggle',
+    render: toggleRenderer,
+    editComponent: EditableToggle,
+    parse: { parseToggles, tryParseToggleAt },
+    serialize: serializeToggleBlock,
+    applyInlineSecondPass: applyToggleInlineSecondPass,
+    reconcileFingerprint: toggleReconcileFingerprint,
+    commands: toggleCommands,
+    toRenderBlock: (block) => ({
+        id: block.id,
+        pluginId: 'toggle',
+        data: block.data,
+        render: toggleRenderer
+    })
+};

package/dist/editor/block-specs/types.d.ts

@@ -0,0 +1,26 @@
+import type { Component } from 'svelte';
+import type { Snippet } from 'svelte';
+import type { EditorCommand } from '../commandRegistry';
+import type { MarkdownEditor } from '../MarkdownEditor.svelte';
+import type { RichInlineContext } from '../model/richInlines';
+import type { AnyEditorRenderBlock } from '../plugins/types';
+import type { EditorBlock, EditorBlockType } from '../model/types';
+export type BlockEditProps = {
+    editor: MarkdownEditor;
+    blockIndex: number;
+    block: EditorBlock;
+};
+/** Colocated lifecycle hooks for one canonical block type. */
+export type BlockSpec = {
+    type: EditorBlockType;
+    /** Legacy render-adapter id (e.g. `paragraphs` for paragraph). */
+    id: string;
+    render: Snippet<[any]>;
+    editComponent: Component<BlockEditProps>;
+    parse: Record<string, unknown>;
+    serialize: (block: EditorBlock, source?: string) => string;
+    applyInlineSecondPass: (block: EditorBlock, source: string, insideBlockquote: boolean, ctx: RichInlineContext) => EditorBlock;
+    reconcileFingerprint: (block: EditorBlock) => string;
+    commands: EditorCommand[];
+    toRenderBlock: (block: EditorBlock) => AnyEditorRenderBlock;
+};

package/dist/editor/block-specs/types.js

@@ -0,0 +1 @@
+export {};

package/dist/editor/blocks/EditableBlockquote.svelte

@@ -0,0 +1,52 @@
+<script lang="ts">
+	import EditableBlockquoteNodes from './EditableBlockquoteNodes.svelte';
+	import type { MarkdownEditor } from '../MarkdownEditor.svelte';
+	import type { EditorBlock } from '../model/types';
+	import { deepCloneBlock } from '../model/blockTree';
+
+	let {
+		editor,
+		blockIndex,
+		block
+	}: {
+		editor: MarkdownEditor;
+		blockIndex: number;
+		block: EditorBlock;
+	} = $props();
+
+	let localDraft = $state.raw<EditorBlock | null>(null);
+	let rowFocusCount = $state(0);
+
+	const draft = $derived.by(() => {
+		if (rowFocusCount > 0 && localDraft !== null) return localDraft;
+		return deepCloneBlock(block);
+	});
+
+	function onRowFocus() {
+		if (rowFocusCount === 0) {
+			localDraft = deepCloneBlock(block);
+		}
+		rowFocusCount++;
+		editor.beginPlainEditSession(blockIndex);
+	}
+
+	function onRowBlur() {
+		rowFocusCount--;
+		queueMicrotask(() => {
+			if (rowFocusCount <= 0) {
+				rowFocusCount = 0;
+				localDraft = null;
+				editor.commitPlainEditSession();
+			}
+		});
+	}
+</script>
+
+<EditableBlockquoteNodes
+	{editor}
+	topBlockIndex={blockIndex}
+	draftRoot={draft}
+	quotePath={[]}
+	{onRowFocus}
+	{onRowBlur}
+/>

package/dist/editor/blocks/EditableBlockquote.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { MarkdownEditor } from '../MarkdownEditor.svelte';
+import type { EditorBlock } from '../model/types';
+type $$ComponentProps = {
+    editor: MarkdownEditor;
+    blockIndex: number;
+    block: EditorBlock;
+};
+declare const EditableBlockquote: import("svelte").Component<$$ComponentProps, {}, "">;
+type EditableBlockquote = ReturnType<typeof EditableBlockquote>;
+export default EditableBlockquote;