svedit 0.12.0 → 0.13.0

package/dist/utils.js

@@ -1,80 +1,67 @@
-/**
- * @import { Attachment, Mark, Annotation, AnnotatedText, SelectionRange, Selection } from './types.d.ts';
- */
-
 const SEGMENTER = new Intl.Segmenter('en', { granularity: 'grapheme' });
-
 /**
  * Detect if the virtual keyboard is likely visible.
  *
  * This is a heuristic based on the visual viewport becoming smaller than the
- * layout viewport.
- *
- * @returns {boolean} true if the virtual keyboard is likely active, false otherwise
+ * layout viewport. A tolerance is required because clientHeight is a rounded
+ * integer while visualViewport.height is fractional (e.g. on Firefox with
+ * HiDPI scaling), so a strict comparison can misfire on desktop. A real
+ * virtual keyboard shrinks the viewport by far more than the tolerance.
  */
+const VIRTUAL_KEYBOARD_MIN_HEIGHT = 50;
 export function is_virtual_keyboard_active() {
-	if (typeof window === 'undefined' || typeof document === 'undefined') {
-		return false;
-	}
-
-	const visual_viewport = window.visualViewport;
-	if (!visual_viewport) {
-		return false;
-	}
-
-	return visual_viewport.height < document.documentElement.clientHeight;
+    if (typeof window === 'undefined' || typeof document === 'undefined') {
+        return false;
+    }
+    if (!is_mobile_browser()) {
+        return false;
+    }
+    const visual_viewport = window.visualViewport;
+    if (!visual_viewport) {
+        return false;
+    }
+    return visual_viewport.height < document.documentElement.clientHeight - VIRTUAL_KEYBOARD_MIN_HEIGHT;
 }
-
 /**
  * Detect if the current browser is likely on a mobile device.
  *
  * This uses the user agent only so touch-capable laptops are not treated as
  * mobile browsers.
- *
- * @returns {boolean} true if mobile browser, false otherwise
  */
 export function is_mobile_browser() {
-	if (typeof navigator === 'undefined') {
-		return false;
-	}
-
-	const user_agent = navigator.userAgent;
-	return /iPhone|iPad|iPod|Android|Mobile/i.test(user_agent);
+    if (typeof navigator === 'undefined') {
+        return false;
+    }
+    const user_agent = navigator.userAgent;
+    return /iPhone|iPad|iPod|Android|Mobile/i.test(user_agent);
 }
-
 // ‼️‼️‼️‼️‼️‼️ UNUSED UTILITY BELOW ‼️‼️‼️‼️‼️‼️
 /**
  * Detect if the current browser is Chrome on desktop
- * @returns {boolean} true if Chrome desktop browser, false otherwise
  */
 export function is_chrome_desktop_browser() {
-	if (typeof window === 'undefined' || typeof navigator === 'undefined') {
-		return false;
-	}
-	const user_agent = navigator.userAgent;
-	const is_chrome = user_agent.includes('Chrome') && !user_agent.includes('Edg');
-	const is_mobile = is_mobile_browser();
-	return is_chrome && !is_mobile;
+    if (typeof window === 'undefined' || typeof navigator === 'undefined') {
+        return false;
+    }
+    const user_agent = navigator.userAgent;
+    const is_chrome = user_agent.includes('Chrome') && !user_agent.includes('Edg');
+    const is_mobile = is_mobile_browser();
+    return is_chrome && !is_mobile;
 }
-
 /**
  * Get the actual character length (accounting for multi-byte characters)
  *
  * Uses Intl.Segmenter to count grapheme clusters rather than UTF-16 code units,
  * ensuring emojis and other complex Unicode sequences are counted as single characters.
  *
- * @param {string} str - The string to measure
- * @returns {number} The number of visual characters (grapheme clusters)
- *
  * @example
  * get_char_length('Hello') // Returns: 5
  * get_char_length('a😀b') // Returns: 3 (not 4)
  * get_char_length('👋🏽') // Returns: 1 (not 4 - skin tone modifier treated as single char)
  */
 export function get_char_length(str) {
-	return [...SEGMENTER.segment(str)].length;
+    return [...SEGMENTER.segment(str)].length;
 }
-
 // ‼️‼️‼️‼️‼️‼️ UNUSED UTILITY BELOW ‼️‼️‼️‼️‼️‼️
 /**
  * Get a single character at the specified position (accounting for multi-byte characters)
@@ -82,107 +69,80 @@ export function get_char_length(str) {
  * Uses Intl.Segmenter to access grapheme clusters rather than UTF-16 code units,
  * ensuring emojis and other complex Unicode sequences are treated as single characters.
  *
- * @param {string} str - The string to access
- * @param {number} index - Character position (0-based)
- * @returns {string} The character at the specified position, or empty string if index is out of bounds
- *
  * @example
  * get_char_at('Hello', 1) // Returns: 'e'
  * get_char_at('a😀b', 1) // Returns: '😀' (full emoji)
  * get_char_at('👋🏽', 0) // Returns: '👋🏽' (skin tone modifier included)
  */
 export function get_char_at(str, index) {
-	const segments = [...SEGMENTER.segment(str)];
-	return segments[index].segment;
+    const segments = [...SEGMENTER.segment(str)];
+    return segments[index].segment;
 }
-
 /**
  * Slice string by character positions (accounting for multi-byte characters)
  *
  * Uses Intl.Segmenter to slice by grapheme clusters rather than UTF-16 code units,
  * ensuring emojis and other complex Unicode sequences remain intact.
  *
- * @param {string} str - The string to slice
- * @param {number} start - Starting character position (inclusive)
- * @param {number} [end] - Ending character position (exclusive). If undefined, slices to end
- * @returns {string} The sliced string with complete characters
- *
  * @example
  * char_slice('Hello 😀 World', 6, 8) // Returns: '😀 ' (emoji stays intact)
  * char_slice('a👋🏽b', 1, 2) // Returns: '👋🏽' (skin tone modifier included)
  */
 export function char_slice(str, start, end = undefined) {
-	const segments = [...SEGMENTER.segment(str)];
-	return segments
-		.slice(start, end)
-		.map((s) => s.segment)
-		.join('');
+    const segments = [...SEGMENTER.segment(str)];
+    return segments
+        .slice(start, end)
+        .map((s) => s.segment)
+        .join('');
 }
-
 /**
  * Convert UTF-16 code unit offset to grapheme cluster offset within a string
  *
  * Converts DOM selection offsets (which use UTF-16 code units) to character-based
  * offsets (grapheme clusters) for consistent text manipulation.
  *
- * @param {string} str - The string to convert offsets within
- * @param {number} utf16_offset - The UTF-16 code unit offset from DOM
- * @returns {number} The corresponding grapheme cluster offset
- *
  * @example
  * // For string "a😀b" where 😀 uses 2 UTF-16 code units
  * utf16_to_char_offset("a😀b", 3) // Returns: 2 (position after emoji)
  */
 export function utf16_to_char_offset(str, utf16_offset) {
-	const segments = [...SEGMENTER.segment(str)];
-	let char_offset = 0;
-	let utf16_count = 0;
-
-	for (const segment of segments) {
-		if (utf16_count >= utf16_offset) break;
-		utf16_count += segment.segment.length;
-		if (utf16_count > utf16_offset) break;
-		char_offset++;
-	}
-
-	return char_offset;
+    const segments = [...SEGMENTER.segment(str)];
+    let char_offset = 0;
+    let utf16_count = 0;
+    for (const segment of segments) {
+        if (utf16_count >= utf16_offset)
+            break;
+        utf16_count += segment.segment.length;
+        if (utf16_count > utf16_offset)
+            break;
+        char_offset++;
+    }
+    return char_offset;
 }
-
 /**
  * Convert grapheme cluster offset to UTF-16 code unit offset within a string
  *
  * Converts character-based offsets (grapheme clusters) to DOM selection offsets
  * (UTF-16 code units) for proper DOM selection positioning.
  *
- * @param {string} str - The string to convert offsets within
- * @param {number} char_offset - The grapheme cluster offset
- * @returns {number} The corresponding UTF-16 code unit offset for DOM operations
- *
  * @example
  * // For string "a😀b" where 😀 uses 2 UTF-16 code units
  * char_to_utf16_offset("a😀b", 2) // Returns: 3 (UTF-16 position after emoji)
  */
 export function char_to_utf16_offset(str, char_offset) {
-	const segments = [...SEGMENTER.segment(str)];
-	let utf16_offset = 0;
-
-	for (let i = 0; i < Math.min(char_offset, segments.length); i++) {
-		utf16_offset += segments[i].segment.length;
-	}
-
-	return utf16_offset;
+    const segments = [...SEGMENTER.segment(str)];
+    let utf16_offset = 0;
+    for (let i = 0; i < Math.min(char_offset, segments.length); i++) {
+        utf16_offset += segments[i].segment.length;
+    }
+    return utf16_offset;
 }
-
 /**
- * Splits an annotated text at the specified character position.
+ * Splits a text value at the specified character position.
  *
  * Marks and annotations that span the split point will be divided
  * appropriately, with offsets adjusted for each resulting part.
  *
- * @param {AnnotatedText} text_value - Annotated text object
- * @param {number} at_position - Character position where to split (0-based)
- * @returns {[AnnotatedText, AnnotatedText]} Tuple of [left_part, right_part]
- *
  * @example
  * split_text({content: "Hello world", marks: [{start_offset: 6, end_offset: 11, node_id: "strong"}], annotations: []}, 8)
  * // Returns:
@@ -192,148 +152,124 @@ export function char_to_utf16_offset(str, char_offset) {
  * // ]
  */
 export function split_text(text_value, at_position) {
-	const { content } = text_value;
-
-	// Split the text using character-aware slicing
-	const left = { content: char_slice(content, 0, at_position), marks: [], annotations: [] };
-	const right = { content: char_slice(content, at_position), marks: [], annotations: [] };
-
-	// Process marks and annotations with the same range logic
-	for (const key of ['marks', 'annotations']) {
-		for (const { start_offset, end_offset, node_id } of text_value[key] ?? []) {
-			if (end_offset <= at_position) {
-				// Range is entirely in the left part
-				left[key].push({ start_offset, end_offset, node_id });
-			} else if (start_offset >= at_position) {
-				// Range is entirely in the right part - shift offsets
-				right[key].push({
-					start_offset: start_offset - at_position,
-					end_offset: end_offset - at_position,
-					node_id
-				});
-			} else {
-				// Range spans the split point - split it
-				left[key].push({ start_offset, end_offset: at_position, node_id });
-				right[key].push({ start_offset: 0, end_offset: end_offset - at_position, node_id });
-			}
-		}
-	}
-
-	return [left, right];
+    const { content } = text_value;
+    // Split the text using character-aware slicing
+    const left = {
+        content: char_slice(content, 0, at_position),
+        marks: [],
+        annotations: []
+    };
+    const right = {
+        content: char_slice(content, at_position),
+        marks: [],
+        annotations: []
+    };
+    // Process marks and annotations with the same range logic
+    for (const key of ['marks', 'annotations']) {
+        for (const { start_offset, end_offset, node_id } of text_value[key] ?? []) {
+            if (end_offset <= at_position) {
+                // Range is entirely in the left part
+                left[key].push({ start_offset, end_offset, node_id });
+            }
+            else if (start_offset >= at_position) {
+                // Range is entirely in the right part - shift offsets
+                right[key].push({
+                    start_offset: start_offset - at_position,
+                    end_offset: end_offset - at_position,
+                    node_id
+                });
+            }
+            else {
+                // Range spans the split point - split it
+                left[key].push({ start_offset, end_offset: at_position, node_id });
+                right[key].push({ start_offset: 0, end_offset: end_offset - at_position, node_id });
+            }
+        }
+    }
+    return [left, right];
 }
-
 /**
- * Joins two annotated texts into a single annotated text.
+ * Joins two text values into a single text value.
  *
  * Marks and annotations from the second text will have their offsets shifted
  * by the length of the first text. Adjacent ranges referencing the same node
  * will be merged.
  *
- * @param {AnnotatedText} first_text - First annotated text object
- * @param {AnnotatedText} second_text - Second annotated text object
- * @returns {AnnotatedText} Combined annotated text object
- *
  * @example
  * join_text({content: "Hello wo", marks: [{start_offset: 6, end_offset: 8, node_id: "strong"}], annotations: []}, {content: "rld", marks: [{start_offset: 0, end_offset: 3, node_id: "strong"}], annotations: []})
  * // Returns: {content: "Hello world", marks: [{start_offset: 6, end_offset: 11, node_id: "strong"}], annotations: []}
  */
 export function join_text(first_text, second_text) {
-	// Join the text content
-	const joined = {
-		content: first_text.content + second_text.content,
-		marks: [],
-		annotations: []
-	};
-
-	const offset = get_char_length(first_text.content);
-
-	for (const key of ['marks', 'annotations']) {
-		// Start with all ranges from the first text (unchanged)
-		const joined_ranges = (first_text[key] ?? []).map((range) => ({ ...range }));
-
-		// Add ranges from the second text, shifting their offsets
-		for (const { start_offset, end_offset, node_id } of second_text[key] ?? []) {
-			const shifted_range = {
-				start_offset: start_offset + offset,
-				end_offset: end_offset + offset,
-				node_id
-			};
-
-			// Check if this range can be merged with the last range from the first text
-			const last_range = joined_ranges[joined_ranges.length - 1];
-			if (
-				last_range &&
-				last_range.end_offset === shifted_range.start_offset && // ranges are adjacent
-				last_range.node_id === shifted_range.node_id
-			) {
-				// same node_id
-				// Merge by extending the end position of the last range
-				last_range.end_offset = shifted_range.end_offset;
-			} else {
-				// Add as separate range
-				joined_ranges.push(shifted_range);
-			}
-		}
-
-		joined[key] = joined_ranges;
-	}
-
-	return joined;
+    // Join the text content
+    const joined = {
+        content: first_text.content + second_text.content,
+        marks: [],
+        annotations: []
+    };
+    const offset = get_char_length(first_text.content);
+    for (const key of ['marks', 'annotations']) {
+        // Start with all ranges from the first text (unchanged)
+        const joined_ranges = (first_text[key] ?? []).map((range) => ({ ...range }));
+        // Add ranges from the second text, shifting their offsets
+        for (const { start_offset, end_offset, node_id } of second_text[key] ?? []) {
+            const shifted_range = {
+                start_offset: start_offset + offset,
+                end_offset: end_offset + offset,
+                node_id
+            };
+            // Check if this range can be merged with the last range from the first text
+            const last_range = joined_ranges[joined_ranges.length - 1];
+            if (last_range &&
+                last_range.end_offset === shifted_range.start_offset && // ranges are adjacent
+                last_range.node_id === shifted_range.node_id) {
+                // same node_id
+                // Merge by extending the end position of the last range
+                last_range.end_offset = shifted_range.end_offset;
+            }
+            else {
+                // Add as separate range
+                joined_ranges.push(shifted_range);
+            }
+        }
+        joined[key] = joined_ranges;
+    }
+    return joined;
 }
-
 /**
  * Convert snake_case string to PascalCase
  *
- * @param {string} str - The snake_case string to convert
- * @returns {string} The converted PascalCase string
- *
  * @example
  * snake_to_pascal('list_item') // Returns: 'ListItem'
  */
 export function snake_to_pascal(str) {
-	return str
-		.split('_')
-		.map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-		.join('');
+    return str
+        .split('_')
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+        .join('');
 }
-
 export const PATH_SEPARATOR = '__';
 const PATH_STRING_SEGMENT_RE = /^[A-Za-z_][A-Za-z0-9_-]*$/;
 const PATH_INDEX_SEGMENT_RE = /^(0|[1-9]\d*)$/;
-
 /**
  * Check whether a string can be used as a Svedit path segment.
  *
  * Path string segments include node ids and schema property names. Keeping
  * them restricted makes serialized paths reversible, valid as HTML ids, and
  * safe to use as CSS anchor-name suffixes.
- *
- * @param {string} segment
- * @returns {boolean}
  */
 export function is_path_string_segment_valid(segment) {
-	return (
-		typeof segment === 'string' &&
-		PATH_STRING_SEGMENT_RE.test(segment) &&
-		!segment.includes(PATH_SEPARATOR)
-	);
+    return (typeof segment === 'string' &&
+        PATH_STRING_SEGMENT_RE.test(segment) &&
+        !segment.includes(PATH_SEPARATOR));
 }
-
 /**
  * Assert that a string can be used as a Svedit path segment.
- *
- * @param {string} segment
- * @param {string} [label]
- * @returns {void}
  */
 export function assert_path_string_segment(segment, label = 'Path segment') {
-	if (!is_path_string_segment_valid(segment)) {
-		throw new Error(
-			`${label} must start with a letter or underscore and contain only letters, numbers, underscores, or dashes. It must not contain "${PATH_SEPARATOR}".`
-		);
-	}
+    if (!is_path_string_segment_valid(segment)) {
+        throw new Error(`${label} must start with a letter or underscore and contain only letters, numbers, underscores, or dashes. It must not contain "${PATH_SEPARATOR}".`);
+    }
 }
-
 /**
  * Serialize a document path while preserving whether each segment is a
  * property/key string or an array index number.
@@ -341,339 +277,276 @@ export function assert_path_string_segment(segment, label = 'Path segment') {
  * The result is reversible and safe to use as a data attribute value, HTML id,
  * or CSS anchor-name suffix.
  *
- * @param {Array<string | number>} path
- * @returns {string}
- *
  * @example
  * serialize_path(['page_1', 'body', 0, 'items']) // Returns: 'page_1__body__0__items'
  */
 export function serialize_path(path) {
-	return path
-		.map((segment) => {
-			if (typeof segment === 'number') {
-				if (!Number.isInteger(segment) || segment < 0) {
-					throw new Error(`Path index must be a non-negative integer: ${segment}`);
-				}
-				return String(segment);
-			}
-
-			assert_path_string_segment(segment);
-			return segment;
-		})
-		.join(PATH_SEPARATOR);
+    return path
+        .map((segment) => {
+        if (typeof segment === 'number') {
+            if (!Number.isInteger(segment) || segment < 0) {
+                throw new Error(`Path index must be a non-negative integer: ${segment}`);
+            }
+            return String(segment);
+        }
+        assert_path_string_segment(segment);
+        return segment;
+    })
+        .join(PATH_SEPARATOR);
 }
-
 /**
  * Deserialize a path string produced by serialize_path.
  *
- * @param {string} serialized_path
- * @returns {Array<string | number>}
- *
  * @example
  * deserialize_path('page_1__body__0__items') // Returns: ['page_1', 'body', 0, 'items']
  */
 export function deserialize_path(serialized_path) {
-	if (serialized_path === '') return [];
-
-	return serialized_path.split(PATH_SEPARATOR).map((segment) => {
-		if (segment === '') {
-			throw new Error(`Invalid serialized path: ${serialized_path}`);
-		}
-
-		if (/^\d+$/.test(segment)) {
-			if (!PATH_INDEX_SEGMENT_RE.test(segment)) {
-				throw new Error(`Invalid serialized path index: ${segment}`);
-			}
-			return Number(segment);
-		}
-
-		assert_path_string_segment(segment, 'Serialized path segment');
-		return segment;
-	});
+    if (serialized_path === '')
+        return [];
+    return serialized_path.split(PATH_SEPARATOR).map((segment) => {
+        if (segment === '') {
+            throw new Error(`Invalid serialized path: ${serialized_path}`);
+        }
+        if (/^\d+$/.test(segment)) {
+            if (!PATH_INDEX_SEGMENT_RE.test(segment)) {
+                throw new Error(`Invalid serialized path index: ${segment}`);
+            }
+            return Number(segment);
+        }
+        assert_path_string_segment(segment, 'Serialized path segment');
+        return segment;
+    });
 }
-
 /**
  * Compare two document paths segment-by-segment, preserving segment types.
- *
- * @param {Array<string | number>} a
- * @param {Array<string | number>} b
- * @returns {boolean}
  */
 export function paths_equal(a, b) {
-	if (a.length !== b.length) return false;
-	return a.every((segment, index) => segment === b[index]);
+    if (a.length !== b.length)
+        return false;
+    return a.every((segment, index) => segment === b[index]);
 }
-
 /**
  * Like traverse, but returns only node ids in depth-first order and never
  * clones nodes. Use this when only the reachable id set is needed (e.g.
  * reference bookkeeping) — traverse() deep-clones every visited node,
  * which is wasteful for id-only consumers.
  *
- * @param {string} node_id - The ID of the node to start traversing from
- * @param {object} schema - The document schema
- * @param {Record<string, any>} nodes - All document nodes
- * @returns {string[]} Node ids in depth-first order (entry point last)
+ * @returns Node ids in depth-first order (entry point last)
  */
 export function traverse_ids(node_id, schema, nodes) {
-	const ids = [];
-	const visited = {};
-	const visit = (node) => {
-		if (!node || visited[node.id]) {
-			return;
-		}
-		visited[node.id] = true;
-		for (const [property_name, value] of Object.entries(node)) {
-			const property_definition = schema[node.type].properties[property_name];
-
-			if (property_definition?.type === 'node_array') {
-				for (const v of value?.nodes || []) {
-					if (typeof v === 'string') {
-						visit(nodes[v]);
-					}
-				}
-				for (const range of [...(value?.marks || []), ...(value?.annotations || [])]) {
-					visit(nodes[range.node_id]);
-				}
-			} else if (property_definition?.type === 'node') {
-				visit(nodes[value]);
-			} else if (property_definition?.type === 'text') {
-				for (const range of [...(value.marks || []), ...(value.annotations || [])]) {
-					visit(nodes[range.node_id]);
-				}
-			}
-		}
-		ids.push(node.id);
-	};
-	visit(nodes[node_id]);
-	return ids;
+    const ids = [];
+    const visited = {};
+    const visit = (node) => {
+        if (!node || visited[node.id]) {
+            return;
+        }
+        visited[node.id] = true;
+        for (const [property_name, value] of Object.entries(node)) {
+            const property_definition = schema[node.type].properties[property_name];
+            if (property_definition?.type === 'node_array') {
+                for (const v of value?.nodes || []) {
+                    if (typeof v === 'string') {
+                        visit(nodes[v]);
+                    }
+                }
+                for (const range of [...(value?.marks || []), ...(value?.annotations || [])]) {
+                    visit(nodes[range.node_id]);
+                }
+            }
+            else if (property_definition?.type === 'node') {
+                visit(nodes[value]);
+            }
+            else if (property_definition?.type === 'text') {
+                for (const range of [...(value.marks || []), ...(value.annotations || [])]) {
+                    visit(nodes[range.node_id]);
+                }
+            }
+        }
+        ids.push(node.id);
+    };
+    visit(nodes[node_id]);
+    return ids;
 }
-
 export function traverse(node_id, schema, nodes) {
-	const json = [];
-	const visited = {};
-	const visit = (node) => {
-		if (!node || visited[node.id]) {
-			return;
-		}
-		visited[node.id] = true;
-		for (const [property_name, value] of Object.entries(node)) {
-			const property_definition = schema[node.type].properties[property_name];
-
-			if (property_definition?.type === 'node_array') {
-				const node_ids = value?.nodes || [];
-
-				for (const v of node_ids) {
-					if (typeof v === 'string') {
-						visit(nodes[v]);
-					}
-				}
-
-				for (const range of [...(value?.marks || []), ...(value?.annotations || [])]) {
-					visit(nodes[range.node_id]);
-				}
-			} else if (property_definition?.type === 'node') {
-				visit(nodes[value]);
-			} else if (property_definition?.type === 'text') {
-				for (const range of [...(value.marks || []), ...(value.annotations || [])]) {
-					visit(nodes[range.node_id]);
-				}
-			}
-		}
-		// Finally add the node to the result.
-		// Deep clone, to make sure nothing of the original document is referenced.
-		json.push(structuredClone(node));
-	};
-	// Start with the root node (document_id)
-	visit(nodes[node_id]);
-	return json;
+    const json = [];
+    const visited = {};
+    const visit = (node) => {
+        if (!node || visited[node.id]) {
+            return;
+        }
+        visited[node.id] = true;
+        for (const [property_name, value] of Object.entries(node)) {
+            const property_definition = schema[node.type].properties[property_name];
+            if (property_definition?.type === 'node_array') {
+                const node_ids = value?.nodes || [];
+                for (const v of node_ids) {
+                    if (typeof v === 'string') {
+                        visit(nodes[v]);
+                    }
+                }
+                for (const range of [...(value?.marks || []), ...(value?.annotations || [])]) {
+                    visit(nodes[range.node_id]);
+                }
+            }
+            else if (property_definition?.type === 'node') {
+                visit(nodes[value]);
+            }
+            else if (property_definition?.type === 'text') {
+                for (const range of [...(value.marks || []), ...(value.annotations || [])]) {
+                    visit(nodes[range.node_id]);
+                }
+            }
+        }
+        // Finally add the node to the result.
+        // Deep clone, to make sure nothing of the original document is referenced.
+        json.push(structuredClone(node));
+    };
+    // Start with the root node (document_id)
+    visit(nodes[node_id]);
+    return json;
 }
-
 /**
  * Extracts the normalized range from a text or node selection.
  * Returns start and end offsets in document order (start <= end), regardless of selection direction.
- * @param {Selection} [selection] - The selection to extract the range from
- * @returns {SelectionRange | null} The normalized selection range, or null if selection is null, undefined, or a property selection
+ * Returns null if selection is null, undefined, or a property selection.
  */
 export function get_selection_range(selection) {
-	if (selection && selection.type !== 'property') {
-		return {
-			start_offset: Math.min(selection.anchor_offset, selection.focus_offset),
-			end_offset: Math.max(selection.anchor_offset, selection.focus_offset)
-		};
-	} else {
-		return null;
-	}
+    if (selection && selection.type !== 'property') {
+        return {
+            start_offset: Math.min(selection.anchor_offset, selection.focus_offset),
+            end_offset: Math.max(selection.anchor_offset, selection.focus_offset)
+        };
+    }
+    else {
+        return null;
+    }
 }
-
 export function is_selection_collapsed(selection) {
-	if (selection && selection.type !== 'property') {
-		return selection.anchor_offset === selection.focus_offset;
-	} else {
-		return false;
-	}
+    if (selection && selection.type !== 'property') {
+        return selection.anchor_offset === selection.focus_offset;
+    }
+    else {
+        return false;
+    }
 }
-
 /**
  * Adjust ranges (marks or annotations) after deleting a sequence range.
  *
- * Works for both annotated text (character offsets) and annotated node arrays
+ * Works for both text values (character offsets) and node arrays
  * (node offsets).
- *
- * @param {Array<import('./types.d.ts').Attachment>} ranges
- * @param {number} start
- * @param {number} end
- * @returns {{ranges: Array<import('./types.d.ts').Attachment>, removed_node_ids: string[]}}
  */
 export function adjust_ranges_for_deletion(ranges, start, end) {
-	const removed_node_ids = [];
-	const deletion_length = end - start;
-
-	const next_ranges = ranges
-		.map((range) => {
-			if (range.end_offset <= start) return range;
-
-			let start_offset = range.start_offset;
-			if (range.start_offset >= end) {
-				start_offset -= deletion_length;
-			} else if (range.start_offset > start) {
-				start_offset = start;
-			}
-
-			let end_offset = range.end_offset;
-			if (range.end_offset >= end) {
-				end_offset -= deletion_length;
-			} else if (range.end_offset > start) {
-				end_offset = start;
-			}
-
-			if (start_offset >= end_offset) {
-				removed_node_ids.push(range.node_id);
-				return null;
-			}
-
-			return { start_offset, end_offset, node_id: range.node_id };
-		})
-		.filter(Boolean);
-
-	return { ranges: next_ranges, removed_node_ids };
+    const removed_node_ids = [];
+    const deletion_length = end - start;
+    const next_ranges = ranges
+        .map((range) => {
+        if (range.end_offset <= start)
+            return range;
+        let start_offset = range.start_offset;
+        if (range.start_offset >= end) {
+            start_offset -= deletion_length;
+        }
+        else if (range.start_offset > start) {
+            start_offset = start;
+        }
+        let end_offset = range.end_offset;
+        if (range.end_offset >= end) {
+            end_offset -= deletion_length;
+        }
+        else if (range.end_offset > start) {
+            end_offset = start;
+        }
+        if (start_offset >= end_offset) {
+            removed_node_ids.push(range.node_id);
+            return null;
+        }
+        return { start_offset, end_offset, node_id: range.node_id };
+    })
+        .filter((range) => range !== null);
+    return { ranges: next_ranges, removed_node_ids };
 }
-
 /**
  * Adjust ranges (marks or annotations) after inserting into a sequence.
  *
  * Insertion inside a range extends it. Insertion exactly at either edge
  * stays outside the range.
- *
- * @param {Array<import('./types.d.ts').Attachment>} ranges
- * @param {number} offset
- * @param {number} length
- * @returns {Array<import('./types.d.ts').Attachment>}
  */
 export function adjust_ranges_for_insertion(ranges, offset, length) {
-	if (length === 0) return ranges;
-
-	return ranges.map((range) => {
-		if (range.end_offset <= offset) return range;
-
-		if (range.start_offset < offset) {
-			return {
-				start_offset: range.start_offset,
-				end_offset: range.end_offset + length,
-				node_id: range.node_id
-			};
-		}
-
-		return {
-			start_offset: range.start_offset + length,
-			end_offset: range.end_offset + length,
-			node_id: range.node_id
-		};
-	});
+    if (length === 0)
+        return ranges;
+    return ranges.map((range) => {
+        if (range.end_offset <= offset)
+            return range;
+        if (range.start_offset < offset) {
+            return {
+                start_offset: range.start_offset,
+                end_offset: range.end_offset + length,
+                node_id: range.node_id
+            };
+        }
+        return {
+            start_offset: range.start_offset + length,
+            end_offset: range.end_offset + length,
+            node_id: range.node_id
+        };
+    });
 }
-
 /**
  * Check whether ranges are non-empty and mutually exclusive.
- *
- * @param {Array<import('./types.d.ts').Attachment>} ranges
- * @param {number} [length]
- * @returns {boolean}
  */
 export function are_ranges_exclusive(ranges, length = Infinity) {
-	const sorted = [...ranges].sort(
-		(a, b) => a.start_offset - b.start_offset || a.end_offset - b.end_offset
-	);
-
-	return sorted.every(
-		(range, index) =>
-			Number.isInteger(range.start_offset) &&
-			Number.isInteger(range.end_offset) &&
-			range.start_offset >= 0 &&
-			range.start_offset < range.end_offset &&
-			range.end_offset <= length &&
-			(index === 0 || range.start_offset >= sorted[index - 1].end_offset)
-	);
+    const sorted = [...ranges].sort((a, b) => a.start_offset - b.start_offset || a.end_offset - b.end_offset);
+    return sorted.every((range, index) => Number.isInteger(range.start_offset) &&
+        Number.isInteger(range.end_offset) &&
+        range.start_offset >= 0 &&
+        range.start_offset < range.end_offset &&
+        range.end_offset <= length &&
+        (index === 0 || range.start_offset >= sorted[index - 1].end_offset));
 }
-
 /**
  * Calculates abstract fragment ranges from a length and marks.
- *
- * @param {number} length - Length of the sequence (e.g. text length or array length)
- * @param {Array<import('./types.d.ts').Mark>} marks - Array of marks
- * @param {import('./types.d.ts').SelectionRange} [selection_highlight_range] - Optional selection highlight range
- * @returns {Array<{type: 'content' | 'mark' | 'selection_highlight', start_offset: number, end_offset: number, mark_index?: number, node_id?: string}>}
  */
 export function calculate_fragment_ranges(length, marks, selection_highlight_range) {
-	/** @type {Array<{type: 'content' | 'mark' | 'selection_highlight', start_offset: number, end_offset: number, mark_index?: number, node_id?: string}>} */
-	const fragments = [];
-	let last_index = 0;
-
-	// Merge marks with selection highlight and sort by start offset
-	const ranges = [...marks, ...(selection_highlight_range ? [selection_highlight_range] : [])].sort(
-		(a, b) => a.start_offset - b.start_offset
-	);
-
-	for (const range of ranges) {
-		// Add content before this range
-		if (range.start_offset > last_index) {
-			fragments.push({
-				type: 'content',
-				start_offset: last_index,
-				end_offset: range.start_offset
-			});
-		}
-
-		if ('node_id' in range) {
-			const mark = /** @type {import('./types.d.ts').Mark} */ (range);
-			const mark_index =
-				/** @type {import('./types.d.ts').Mark & { mark_index?: number }} */ (mark).mark_index ??
-				marks.indexOf(mark);
-			fragments.push({
-				type: 'mark',
-				start_offset: mark.start_offset,
-				end_offset: mark.end_offset,
-				node_id: mark.node_id,
-				mark_index
-			});
-		} else {
-			fragments.push({
-				type: 'selection_highlight',
-				start_offset: range.start_offset,
-				end_offset: range.end_offset
-			});
-		}
-
-		last_index = range.end_offset;
-	}
-
-	// Add any remaining content
-	if (last_index < length) {
-		fragments.push({
-			type: 'content',
-			start_offset: last_index,
-			end_offset: length
-		});
-	}
-
-	return fragments;
+    const fragments = [];
+    let last_index = 0;
+    // Merge marks with selection highlight and sort by start offset
+    const ranges = [...marks, ...(selection_highlight_range ? [selection_highlight_range] : [])].sort((a, b) => a.start_offset - b.start_offset);
+    for (const range of ranges) {
+        // Add content before this range
+        if (range.start_offset > last_index) {
+            fragments.push({
+                type: 'content',
+                start_offset: last_index,
+                end_offset: range.start_offset
+            });
+        }
+        if ('node_id' in range) {
+            const mark = range;
+            const mark_index = mark.mark_index ?? marks.indexOf(mark);
+            fragments.push({
+                type: 'mark',
+                start_offset: mark.start_offset,
+                end_offset: mark.end_offset,
+                node_id: mark.node_id,
+                mark_index
+            });
+        }
+        else {
+            fragments.push({
+                type: 'selection_highlight',
+                start_offset: range.start_offset,
+                end_offset: range.end_offset
+            });
+        }
+        last_index = range.end_offset;
+    }
+    // Add any remaining content
+    if (last_index < length) {
+        fragments.push({
+            type: 'content',
+            start_offset: last_index,
+            end_offset: length
+        });
+    }
+    return fragments;
 }