svedit 0.10.0 → 0.11.1

package/src/lib/NodeGap.svelte

@@ -2,7 +2,7 @@
 	function cycle_z_index(/** @type {MouseEvent} */ e) {
 		const el = /** @type {HTMLElement} */ (e.currentTarget);
 		if (el.hasAttribute('data-sent-to-back')) {
-			document.querySelectorAll('.svedit-selectable[data-sent-to-back]').forEach(prev => {
+			document.querySelectorAll('.svedit-selectable[data-sent-to-back]').forEach((prev) => {
 				prev.removeAttribute('data-sent-to-back');
 			});
 		}
@@ -50,7 +50,7 @@
 	 * Row/column detection uses var(--row, 1) with the * 99999 multiplier
 	 * trick — no @container style() queries, works in all browsers.
 	 *
-	 * If you override this component via `system_components.NodeGap`, make
+	 * If you override this component via `system_components.node_gap`, make
 	 * sure your custom component also handles read-only mode by rendering a
 	 * plain `.node-gap` placeholder without editable internals.
 	 */
@@ -74,7 +74,7 @@
 	});
 
 	let anchor_name = $derived.by(() => {
-    if (!is_editable) return '';
+		if (!is_editable) return '';
 		if (is_first) return `--g-${serialize_path([...array_path, 0])}-gap-before`;
 		return `--g-${serialize_path([...array_path, offset - 1])}-gap-after`;
 	});
@@ -93,7 +93,9 @@
 		style={gap_style}
 	>
 		<!-- svelte-ignore a11y_no_static_element_interactions -->
-		<div class="svedit-selectable" style="anchor-name:{anchor_name}" onpointerdown={cycle_z_index}><br /></div>
+		<div class="svedit-selectable" style="anchor-name:{anchor_name}" onpointerdown={cycle_z_index}>
+			<br />
+		</div>
 	</div>
 {:else}
 	<div class="node-gap"></div>
@@ -161,8 +163,14 @@
 		--_s-r: anchor(var(--_pa) right, 9999999px);
 	}
 	:global(.node-gap.positioned.gap-before:not(.empty)) {
-		--_b-t: anchor(var(--node-caret-boundary-y, var(--node-caret-boundary, --_no-boundary)) top, 0px);
-		--_b-l: anchor(var(--node-caret-boundary-x, var(--node-caret-boundary, --_no-boundary)) left, 0px);
+		--_b-t: anchor(
+			var(--node-caret-boundary-y, var(--node-caret-boundary, --_no-boundary)) top,
+			0px
+		);
+		--_b-l: anchor(
+			var(--node-caret-boundary-x, var(--node-caret-boundary, --_no-boundary)) left,
+			0px
+		);
 	}
 	:global(.node-gap.positioned.gap-after:not(.last)) {
 		--_n-t: anchor(var(--_next) top);
@@ -175,10 +183,22 @@
 		--_c-b: anchor(var(--_container) bottom);
 		--_c-l: anchor(var(--_container) left);
 		--_c-r: anchor(var(--_container) right);
-		--_b-b: anchor(var(--node-caret-boundary-y, var(--node-caret-boundary, --_no-boundary)) bottom, 0px);
-		--_b-r: anchor(var(--node-caret-boundary-x, var(--node-caret-boundary, --_no-boundary)) right, 0px);
-		--_b-bt: anchor(var(--node-caret-boundary-y, var(--node-caret-boundary, --_no-boundary)) bottom, 9999999px);
-		--_b-rl: anchor(var(--node-caret-boundary-x, var(--node-caret-boundary, --_no-boundary)) right, 9999999px);
+		--_b-b: anchor(
+			var(--node-caret-boundary-y, var(--node-caret-boundary, --_no-boundary)) bottom,
+			0px
+		);
+		--_b-r: anchor(
+			var(--node-caret-boundary-x, var(--node-caret-boundary, --_no-boundary)) right,
+			0px
+		);
+		--_b-bt: anchor(
+			var(--node-caret-boundary-y, var(--node-caret-boundary, --_no-boundary)) bottom,
+			9999999px
+		);
+		--_b-rl: anchor(
+			var(--node-caret-boundary-x, var(--node-caret-boundary, --_no-boundary)) right,
+			9999999px
+		);
 	}
 
 	:global(.node-gap.positioned .svedit-selectable) {
@@ -226,10 +246,8 @@
 			calc(var(--_s-l) + var(--_R) * 9999999px),
 			calc(var(--_s-r) + var(--_C) * 9999999px),
 			calc(
-				(var(--_s-r) + var(--_n-l)) / 2
-				- var(--_gm) / 2
-				+ max(0px, var(--_s-r) - var(--_n-l)) * 999
-				+ var(--_C) * 9999999px
+				(var(--_s-r) + var(--_n-l)) / 2 - var(--_gm) / 2 + max(0px, var(--_s-r) - var(--_n-l)) *
+					999 + var(--_C) * 9999999px
 			),
 			/* Safety clamp for wrap: pins gap inside CB when current/next
 			   wrap across rows. Disabled in nowrap/horizontal-scroll where
@@ -237,35 +255,25 @@
 			   the other branches position correctly and this clamp would
 			   wrongly force the gap to CB right minus eg. */
 			calc(
-				100% - var(--_eg)
-				+ max(0px, var(--_n-l) - var(--_s-r) + 0.5px) * 9999
-				+ var(--_C) * 9999999px
-			)
+					100% - var(--_eg) + max(0px, var(--_n-l) - var(--_s-r) + 0.5px) * 9999 + var(--_C) *
+						9999999px
+				)
 		);
 		right: min(
 			calc(var(--_s-r) + var(--_R) * 9999999px),
 			calc(
 				max(
-					0px,
-					min(
-						var(--_n-l),
-						calc(
-							(var(--_s-r) + var(--_n-l)) / 2
-							- var(--_gm) / 2
-						),
-						max(
-							min(
-								calc(var(--_c-r) - var(--_eg)),
-								calc(var(--_s-r) - var(--_eg))
-							),
-							calc(
-								var(--_s-r)
-								- (var(--_n-l) - var(--_s-r)) * 999
+						0px,
+						min(
+							var(--_n-l),
+							calc((var(--_s-r) + var(--_n-l)) / 2 - var(--_gm) / 2),
+							max(
+								min(calc(var(--_c-r) - var(--_eg)), calc(var(--_s-r) - var(--_eg))),
+								calc(var(--_s-r) - (var(--_n-l) - var(--_s-r)) * 999)
 							)
 						)
-					)
-				)
-				+ var(--_C) * 9999999px
+					) +
+					var(--_C) * 9999999px
 			)
 		);
 		min-height: calc(var(--_gm) * var(--_C));
@@ -307,23 +315,13 @@
 		left: min(
 			calc(var(--_s-l) + var(--_R) * 9999999px),
 			calc(min(var(--_s-r), calc(var(--_b-rl) - var(--_eg))) + var(--_C) * 9999999px),
-			calc(
-				100% - var(--_eg)
-				+ max(0px, var(--_s-r) - 100% + 0.5px) * 9999
-				+ var(--_C) * 9999999px
-			)
+			calc(100% - var(--_eg) + max(0px, var(--_s-r) - 100% + 0.5px) * 9999 + var(--_C) * 9999999px)
 		);
 		right: min(
 			calc(var(--_s-r) + var(--_R) * 9999999px),
 			calc(
-				max(
-					var(--_b-r),
-					min(
-						calc(var(--_c-r) - var(--_eg)),
-						calc(var(--_s-r) - var(--_eg))
-					)
-				)
-				+ var(--_C) * 9999999px
+				max(var(--_b-r), min(calc(var(--_c-r) - var(--_eg)), calc(var(--_s-r) - var(--_eg)))) +
+					var(--_C) * 9999999px
 			)
 		);
 		min-height: calc(var(--_eg) * var(--_C));
@@ -333,10 +331,7 @@
 	/* Before first node: col extends up, row extends left */
 	:global(.node-gap.positioned.gap-before:not(.empty) .svedit-selectable) {
 		top: min(
-			calc(
-				max(var(--_b-t), var(--_s-t) - var(--_eg))
-				+ var(--_R) * 9999999px
-			),
+			calc(max(var(--_b-t), var(--_s-t) - var(--_eg)) + var(--_R) * 9999999px),
 			calc(var(--_s-t) + var(--_C) * 9999999px)
 		);
 		bottom: min(
@@ -345,10 +340,7 @@
 		);
 		left: min(
 			calc(var(--_s-l) + var(--_R) * 9999999px),
-			calc(
-				max(var(--_b-l), var(--_s-l) - var(--_eg))
-				+ var(--_C) * 9999999px
-			)
+			calc(max(var(--_b-l), var(--_s-l) - var(--_eg)) + var(--_C) * 9999999px)
 		);
 		right: min(
 			calc(var(--_s-r) + var(--_R) * 9999999px),

package/src/lib/Svedit.svelte

@@ -1,7 +1,6 @@
 <script>
 	import { flushSync, getContext, setContext } from 'svelte';
 	import {
-		snake_to_pascal,
 		get_char_length,
 		char_to_utf16_offset,
 		deserialize_path,
@@ -9,6 +8,17 @@
 		serialize_path,
 		is_selection_collapsed
 	} from './utils.js';
+	import {
+		normalize_line_endings,
+		dedent_plain_text,
+		split_plain_text_paragraphs,
+		normalize_plain_text_for_single_line_property,
+		get_text_property_name,
+		get_text_content,
+		is_text_like_node_payload,
+		get_default_text_node,
+		create_plain_text_nodes_payload
+	} from './paste_utils.js';
 	import { create_node_visibility } from './node_visibility.svelte.js';
 	import DefaultNodeSelectionMarkers from './NodeSelectionMarkers.svelte';
 	import './styles/svedit-colors.css';
@@ -36,10 +46,11 @@
 
 	let canvas_el;
 	let root_node = $derived(session.get(path));
-	let Overlays = $derived(session.config.system_components?.Overlays);
-	let NodeSelectionMarkers = $derived(session.config.system_components?.NodeSelectionMarkers ?? DefaultNodeSelectionMarkers);
-	let RootComponent = $derived(session.config.node_components[snake_to_pascal(root_node.type)]);
-
+	let Overlays = $derived(session.config.system_components?.overlays);
+	let NodeSelectionMarkers = $derived(
+		session.config.system_components?.node_selection_markers ?? DefaultNodeSelectionMarkers
+	);
+	let RootComponent = $derived(session.config.node_components[root_node.type]);
 
 	let is_composing = $state(false);
 	let canvas_focused = $state(false);
@@ -49,7 +60,6 @@
 	// rerender on DOM-driven changes (the DOM is already in place).
 	let selection_source_is_dom = false;
 
-
 	// let is_mobile = $derived(is_mobile_browser());
 	// let is_chrome_desktop = $derived(is_chrome_desktop_browser());
 
@@ -552,13 +562,75 @@ ${fallback_html}`;
 		}
 	}
 
-
-
 	function oncut(event) {
 		if (!editable) return;
 		oncopy(event, true);
 	}
 
+
+
+	/**
+	 * @returns {NodeSelection|null}
+	 */
+	function get_root_node_insert_caret() {
+		const root_node = session.get(path);
+		const root_schema = root_node ? session.schema[root_node.type] : null;
+		if (!root_schema?.properties) return null;
+
+		const preferred_property_name =
+			root_schema.properties.body?.type === 'node_array'
+				? 'body'
+				: Object.entries(root_schema.properties).find(([, property_definition]) => {
+						return property_definition.type === 'node_array';
+					})?.[0];
+		if (!preferred_property_name) return null;
+
+		const node_array_path = [...path, preferred_property_name];
+		const node_array = session.get(node_array_path);
+		if (!Array.isArray(node_array)) return null;
+
+		return {
+			type: /** @type {const} */ ('node'),
+			path: node_array_path,
+			anchor_offset: node_array.length,
+			focus_offset: node_array.length
+		};
+	}
+
+	/**
+	 * @param {Selection|null} [selection]
+	 * @returns {NodeSelection|null}
+	 */
+	function get_target_node_insert_caret(selection = session.selection) {
+		if (selection?.type === 'node') {
+			return selection;
+		}
+
+		const next_node_insert_caret = session.get_next_node_insert_caret(selection);
+		if (next_node_insert_caret?.type === 'node') {
+			return next_node_insert_caret;
+		}
+
+		return get_root_node_insert_caret();
+	}
+
+	/**
+	 * @param {Selection|null} [selection]
+	 * @returns {NodeSelection|null}
+	 */
+	function get_node_insert_caret_after_text_selection(selection = session.selection) {
+		if (selection?.type !== 'text') return null;
+		const node_index = parseInt(String(selection.path.at(-2)), 10);
+		if (Number.isNaN(node_index)) return null;
+
+		return {
+			type: /** @type {const} */ ('node'),
+			path: selection.path.slice(0, -2),
+			anchor_offset: node_index + 1,
+			focus_offset: node_index + 1
+		};
+	}
+
 	/**
 	 * Attempts to paste JSON data as a node at the current selection.
 	 *
@@ -567,40 +639,46 @@ ${fallback_html}`;
 	 * @returns {boolean} True if the paste operation was successful, false otherwise
 	 */
 	function try_node_paste(pasted_json, selection) {
-		const { nodes, main_nodes } = pasted_json;
+		const { nodes, main_nodes } = pasted_json || {};
+		if (!nodes || !main_nodes?.length) return false;
 
-		// NOTE: At this point, nodes contains a subgraph from the copy
-		// with original ids.
 		let tr = session.tr;
 		if (selection) {
 			tr.set_selection(selection);
 		}
+		if (tr.selection?.type !== 'node') return false;
 
-		// We can safely assume we're dealing with a node_array property
 		const property_definition = session.inspect(tr.selection.path);
-		const first_compatible_text_node_type = property_definition.node_types.find(
-			(type) => session.kind({ type }) === 'text'
-		);
+		if (property_definition?.type !== 'node_array') return false;
+
+		const default_text_node_type = get_default_text_node(property_definition, session.schema);
+		const target_text_property_name = get_text_property_name(default_text_node_type, session.schema);
 
 		const nodes_to_insert = [];
 		let rejected = false;
 		for (const node_id of main_nodes) {
 			const node = nodes[node_id];
+			if (!node) {
+				rejected = true;
+				break;
+			}
+
 			if (!property_definition.node_types.includes(node.type)) {
-				// Incompatible node type detected
-				if (session.kind(node) === 'text' && first_compatible_text_node_type) {
+				const text_content = get_text_content(node, session.schema);
+				if (
+					is_text_like_node_payload(node, session.schema) &&
+					default_text_node_type &&
+					target_text_property_name
+				) {
 					const new_node_id = tr.build('the_node', {
 						the_node: {
 							id: 'the_node',
-							type: first_compatible_text_node_type,
-							content: node.content
+							type: default_text_node_type,
+							[target_text_property_name]: text_content || { text: '', annotations: [] }
 						}
 					});
 					nodes_to_insert.push(new_node_id);
 				} else {
-					// console.log(
-					// 	`rejected ${node.type}. Only ${property_definition.node_types.join(', ')} allowed.`
-					// );
 					rejected = true;
 					break;
 				}
@@ -614,12 +692,12 @@ ${fallback_html}`;
 			tr.insert_nodes(nodes_to_insert);
 			session.apply(tr);
 			return true;
-		} else {
-			if (tr.selection.path.length >= 2) {
-				const next_node_insert_caret = session.get_next_node_insert_caret(tr.selection);
-				if (next_node_insert_caret) {
-					try_node_paste(pasted_json, next_node_insert_caret);
-				}
+		}
+
+		if (tr.selection.path.length >= 2) {
+			const next_node_insert_caret = session.get_next_node_insert_caret(tr.selection);
+			if (next_node_insert_caret) {
+				return try_node_paste(pasted_json, next_node_insert_caret);
 			}
 		}
 		return false;
@@ -638,7 +716,11 @@ ${fallback_html}`;
 		// NOTE: For some reason, await navigator.clipboard.read()
 		const clipboard_items = event.clipboardData?.items || [];
 		for (const item of clipboard_items || []) {
-			if (item.type.startsWith('image/') || item.type.startsWith('video/') || item.type.startsWith('audio/')) {
+			if (
+				item.type.startsWith('image/') ||
+				item.type.startsWith('video/') ||
+				item.type.startsWith('audio/')
+			) {
 				const blob = item.getAsFile();
 				const data_url = URL.createObjectURL(blob);
 				pasted_media.push({
@@ -651,7 +733,8 @@ ${fallback_html}`;
 		}
 
 		if (pasted_media.length > 0) {
-			const handle_media_paste = session.config.handle_media_paste || session.config.handle_image_paste
+			const handle_media_paste =
+				session.config.handle_media_paste || session.config.handle_image_paste;
 			pasted_json = await handle_media_paste(session, pasted_media);
 			// NOTE: If no pasted_json is returned from the custom handler, we assume that content creation has been
 			// handled inside handle_media_paste already.
@@ -676,31 +759,49 @@ ${fallback_html}`;
 
 			// Try to construct a node payload from plain text when applicable
 			if (!pasted_json && typeof plain_text === 'string') {
-				const plain_text_fragments = plain_text
-					.split('\n\n')
-					.map((fragment) => fragment.trim())
-					.filter(Boolean);
-				// Also create a node payload for single paragraphs at a node gap —
-				// without this, insert_text bails out (requires text selection) and
-				// the paste is silently dropped.
-				const needs_node_payload = plain_text_fragments.length > 1
-					|| (plain_text_fragments.length === 1 && session.selection?.type === 'node');
-				if (needs_node_payload) {
-					pasted_json = {
-						main_nodes: [],
-						nodes: []
-					};
-					for (let i = 0; i < plain_text_fragments.length; i++) {
-						const fragment = plain_text_fragments[i];
-						pasted_json.nodes['fragment_' + i] = {
-							id: 'fragment_' + i,
-							type: 'text',
-							content: {
-								text: fragment,
-								annotations: []
+				plain_text = normalize_line_endings(plain_text);
+				plain_text = dedent_plain_text(plain_text);
+				const plain_text_fragments = split_plain_text_paragraphs(plain_text);
+				const has_multiple_paragraphs = plain_text_fragments.length > 1;
+
+				if (session.selection?.type === 'text') {
+					const property_definition = session.inspect(session.selection.path);
+					if (property_definition?.type === 'annotated_text' && !property_definition.allow_newlines) {
+						plain_text = normalize_plain_text_for_single_line_property(plain_text);
+					}
+
+					const owner_node = session.get(session.selection.path.slice(0, -1));
+					const owner_is_text_node = owner_node && session.kind(owner_node) === 'text';
+
+					if (owner_is_text_node && has_multiple_paragraphs) {
+						const node_array_property_definition = session.inspect(
+							session.selection.path.slice(0, -2)
+						);
+						const default_text_node_type = get_default_text_node(node_array_property_definition, session.schema);
+						const node_insert_caret = get_node_insert_caret_after_text_selection(session.selection);
+						const plain_text_nodes_payload = create_plain_text_nodes_payload(
+							plain_text_fragments,
+							default_text_node_type,
+							session.schema
+						);
+
+						if (node_insert_caret && plain_text_nodes_payload) {
+							const did_paste_nodes = try_node_paste(plain_text_nodes_payload, node_insert_caret);
+							if (did_paste_nodes) {
+								return;
 							}
-						};
-						pasted_json.main_nodes.push('fragment_' + i);
+						}
+					}
+				} else {
+					const target_node_insert_caret = get_target_node_insert_caret(session.selection);
+					if (target_node_insert_caret) {
+						const node_array_property_definition = session.inspect(target_node_insert_caret.path);
+						const default_text_node_type = get_default_text_node(node_array_property_definition, session.schema);
+						pasted_json = create_plain_text_nodes_payload(
+							plain_text_fragments,
+							default_text_node_type,
+							session.schema
+						);
 					}
 				}
 			}
@@ -738,20 +839,27 @@ ${fallback_html}`;
 		} else if (
 			session.selection?.type === 'text' &&
 			pasted_json?.main_nodes?.length === 1 &&
-			session.kind(pasted_json?.nodes[pasted_json.main_nodes[0]]) === 'text'
+			is_text_like_node_payload(pasted_json?.nodes[pasted_json.main_nodes[0]], session.schema)
 		) {
 			// Paste a single text node, at a text caret
-			const text_property = pasted_json.nodes[pasted_json.main_nodes[0]].content;
-			session.apply(
-				session.tr.insert_text(text_property.text, text_property.annotations, pasted_json.nodes)
+			const text_property = get_text_content(
+				pasted_json.nodes[pasted_json.main_nodes[0]],
+				session.schema
 			);
+			if (text_property) {
+				session.apply(
+					session.tr.insert_text(text_property.text, text_property.annotations, pasted_json.nodes)
+				);
+			}
 		} else if (['text', 'property'].includes(session.selection?.type) && pasted_json?.nodes) {
 			// Paste nodes at a text or property selection by finding the next valid insert caret
-			const next_node_insert_caret = session.get_next_node_insert_caret(session.selection);
-			try_node_paste(pasted_json, next_node_insert_caret);
+			const target_node_insert_caret = get_target_node_insert_caret(session.selection);
+			if (target_node_insert_caret) {
+				try_node_paste(pasted_json, target_node_insert_caret);
+			}
 		} else if (typeof plain_text === 'string') {
 			// External paste: Fallback to plain text when no svedit data is found
-			session.apply(session.tr.insert_text(plain_text.trim()));
+			session.apply(session.tr.insert_text(plain_text));
 		}
 	}
 
@@ -839,7 +947,9 @@ ${fallback_html}`;
 		const offset = parseInt(gap.dataset.gapOffset, 10);
 		const node_idx = offset > 0 ? offset - 1 : 0;
 		return /** @type {HTMLElement | null} */ (
-			canvas_el.querySelector(`[data-path="${serialize_path([...array_path, node_idx])}"][data-type="node"]`)
+			canvas_el.querySelector(
+				`[data-path="${serialize_path([...array_path, node_idx])}"][data-type="node"]`
+			)
 		);
 	}
 
@@ -887,9 +997,7 @@ ${fallback_html}`;
 
 		// EDGE CASE: Collapsed selection inside a node gap (gap-after or gap-before).
 		// Gaps are siblings of nodes with data-gap-array-path and data-gap-offset.
-		const gap_el = /** @type {HTMLElement | null} */ (
-			focus_node.closest('[data-gap-array-path]')
-		);
+		const gap_el = /** @type {HTMLElement | null} */ (focus_node.closest('[data-gap-array-path]'));
 		if (gap_el && focus_node === anchor_node) {
 			const array_path = deserialize_path(gap_el.dataset.gapArrayPath);
 			const gap_offset = parseInt(gap_el.dataset.gapOffset, 10);
@@ -901,12 +1009,14 @@ ${fallback_html}`;
 			};
 		}
 
-		let focus_root = __resolve_node_from_gap(focus_node)
-			?? /** @type {HTMLElement} */ (focus_node.closest('[data-path][data-type="node"]'));
+		let focus_root =
+			__resolve_node_from_gap(focus_node) ??
+			/** @type {HTMLElement} */ (focus_node.closest('[data-path][data-type="node"]'));
 		if (!focus_root) return null;
 
-		let anchor_root = __resolve_node_from_gap(anchor_node)
-			?? /** @type {HTMLElement} */ (anchor_node.closest('[data-path][data-type="node"]'));
+		let anchor_root =
+			__resolve_node_from_gap(anchor_node) ??
+			/** @type {HTMLElement} */ (anchor_node.closest('[data-path][data-type="node"]'));
 		if (!anchor_root) return null;
 
 		let focus_root_path = deserialize_path(focus_root.dataset.path);
@@ -1118,7 +1228,10 @@ ${fallback_html}`;
 		) {
 			// Find the last non-comment child node (comments are inserted by Svelte)
 			let last_element_index = child_nodes.length - 1;
-			while (last_element_index >= 0 && child_nodes[last_element_index].nodeType === Node.COMMENT_NODE) {
+			while (
+				last_element_index >= 0 &&
+				child_nodes[last_element_index].nodeType === Node.COMMENT_NODE
+			) {
 				last_element_index--;
 			}
 
@@ -1165,6 +1278,7 @@ ${fallback_html}`;
 	}
 
 	function __get_node_element(node_array_path, node_offset) {
+		if (!canvas_el) return null;
 		return canvas_el.querySelector(
 			`[data-path="${serialize_path([...node_array_path, node_offset])}"][data-type="node"]`
 		);
@@ -1180,10 +1294,7 @@ ${fallback_html}`;
 	function __intersects_viewport(el) {
 		if (!el) return false;
 		const r = el.getBoundingClientRect();
-		return (
-			r.bottom > 0 && r.top < window.innerHeight &&
-			r.right > 0 && r.left < window.innerWidth
-		);
+		return r.bottom > 0 && r.top < window.innerHeight && r.right > 0 && r.left < window.innerWidth;
 	}
 
 	function __render_node_selection() {
@@ -1252,9 +1363,8 @@ ${fallback_html}`;
 			// viewport stable and scroll nothing. node_before is null at
 			// offset 0: cursor_offset - 1 would be -1, and serialize_path
 			// rejects a negative index.
-			const node_before = cursor_offset > 0
-				? __get_node_element(node_array_path, cursor_offset - 1)
-				: null;
+			const node_before =
+				cursor_offset > 0 ? __get_node_element(node_array_path, cursor_offset - 1) : null;
 			const node_after = __get_node_element(node_array_path, cursor_offset);
 			if (__intersects_viewport(node_before) || __intersects_viewport(node_after)) return;
 
@@ -1264,14 +1374,8 @@ ${fallback_html}`;
 				return;
 			}
 			if (cursor_offset >= array_length) {
-				const max_left = Math.max(
-					0,
-					node_array_el.scrollWidth - node_array_el.clientWidth
-				);
-				const max_top = Math.max(
-					0,
-					node_array_el.scrollHeight - node_array_el.clientHeight
-				);
+				const max_left = Math.max(0, node_array_el.scrollWidth - node_array_el.clientWidth);
+				const max_top = Math.max(0, node_array_el.scrollHeight - node_array_el.clientHeight);
 				node_array_el.scrollLeft = max_left;
 				node_array_el.scrollTop = max_top;
 				if (max_left === 0 && max_top === 0) {

package/src/lib/doc_utils.js

@@ -67,7 +67,7 @@ export function get_default_node_type(property_definition) {
  * @param {import('./types').PropertyDefinition} property_definition
  * @returns {any}
  */
-function get_property_default(property_definition) {
+export function get_property_default(property_definition) {
 	if ('default' in property_definition) return structuredClone(property_definition.default);
 
 	if (property_definition.type === 'string') return '';

package/src/lib/index.js

@@ -18,6 +18,7 @@ export {
 	define_document_schema,
 	is_primitive_type,
 	get_default_node_type,
+	get_property_default,
 	fill_node_defaults,
 	fill_document_defaults,
 	validate_document_schema,