@quillmark/svelte 0.4.2 → 0.4.3

package/dist/visual/ArrayField.svelte

@@ -65,7 +65,8 @@
 	// rest per codec"), and the read that decodes a resting value to `Content` addresses
 	// a field, never an element (`getContent`; borb-sh/quillmark#1243), so a string is
 	// what the row is handed and a string is what it commits. The prose element stays
-	// the `richtext` arm, whose elements rest as `Content` and have one.
+	// the `richtext` arm: `Content` after a bound load or a commit, the authored
+	// string through the transport door, lowered in the row for the same reason.
 	//
 	// An array declaring no `items` has text elements.
 	const control = $derived(items && items.type !== 'plaintext' ? controlKind(items) : 'text');
@@ -197,10 +198,15 @@
 	}
 	/** Whether element `k` reads empty to the user. A text element's committed value
 	 * lags the input: a cleared field commits at `change`, not per keystroke
-	 * ({@link TextField}); so the input's own value is the truth; a prose element
-	 * commits every edit, so the committed `Content` is. */
+	 * ({@link TextField}); so the input's own value is the truth. A prose element
+	 * commits every edit, so the committed `Content` is; an authored string, the
+	 * transport-door rest, is empty when it has no characters. */
 	function elementEmpty(k: number, target: EventTarget | null): boolean {
-		if (control === 'prose') return !(arr[k] as Content | undefined)?.text;
+		if (control === 'prose') {
+			const el = arr[k];
+			if (typeof el === 'string') return el.length === 0;
+			return !(el as Content | undefined)?.text;
+		}
 		return target instanceof HTMLInputElement && !target.value;
 	}
 	/**
@@ -258,7 +264,7 @@
 				{#if control === 'prose'}
 					<ProseArrayElement
 						bind:this={els[id]}
-						value={(arr[k] ?? emptyElement()) as Content}
+						value={(arr[k] ?? emptyElement()) as Content | string}
 						label={label != null ? `${label} ${k + 1}` : undefined}
 						onChange={(rt) => commitElement(k, rt)}
 						onKey={(e) => onElementKey(e, k)}

package/dist/visual/ProseArrayElement.svelte

@@ -8,17 +8,25 @@
  by value (`writer.set(field, arrayWithElementReplaced)`). Anchors within an
  element are dropped on that value write: acceptable for inline refs. Mounts
  once per stable element id (no reset on the parent's re-derive).
+
+ A transport-door document rests each element as the authored string. A scalar
+ leaf reads that through `getContent`; `getContent` names a field, never an
+ element, so this row calls the boundary's `importMarkdown` itself. That is
+ the richtext codec, which is this row's `items` type; `decode` is the PM
+ mapping and assumes `Content`. A string here is the missing element read,
+ not a codec failure.
 -->
 <script lang="ts">
 	import { onMount } from 'svelte';
 	import { EditorState } from 'prosemirror-state';
 	import { EditorView } from 'prosemirror-view';
 	import { decode, pmToContent, inlineSchema, proseLeafPlugins } from '../core/codec/index.js';
+	import { core } from '../core/lifecycle.js';
 	import './controls.css';
 	import type { Content } from '@quillmark/wasm';
 
 	interface Props {
-		value: Content;
+		value: Content | string;
 		/** Accessible name for the editable region (the array has no per-element label). */
 		label?: string;
 		onChange: (rt: Content) => void;
@@ -44,7 +52,8 @@
 		// plugin stack a `createField` leaf mounts (shared `proseLeafPlugins`), minus
 		// the anchor-position plugin (element anchors are dropped on the array's value
 		// write, per the header). Its own `dispatchTransaction` hands `Content` up.
-		const pmDoc = decode(value, inlineSchema);
+		const rt = typeof value === 'string' ? core().importMarkdown(value) : value;
+		const pmDoc = decode(rt, inlineSchema);
 		const state = EditorState.create({
 			doc: pmDoc,
 			plugins: proseLeafPlugins(inlineSchema, { inline: true })

package/dist/visual/ProseArrayElement.svelte.d.ts

@@ -1,7 +1,7 @@
 import './controls.css';
 import type { Content } from '@quillmark/wasm';
 interface Props {
-    value: Content;
+    value: Content | string;
     /** Accessible name for the editable region (the array has no per-element label). */
     label?: string;
     onChange: (rt: Content) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@quillmark/svelte",
-	"version": "0.4.2",
+	"version": "0.4.3",
 	"description": "Editor, live-preview and source surfaces over a Quillmark WASM session.",
 	"repository": {
 		"type": "git",