All files / src/internal/client/dom operations.js

100% Statements 184/184
100% Branches 35/35
100% Functions 8/8
100% Lines 180/180

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 1812x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 4808x 4804x 4804x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4808x 2x 2x 2x 2x 2x 2x 5194x 5194x 2x 2x 2x 2x 2x 2x 2x 2x 13602x 13602x 2x 2x 2x 2x 2x 2x 2x 2x 37313x 37313x 2x 2x 2x 2x 2x 2x 2x 2x 7258x 4054x 4054x 3204x 3204x 3204x 3204x 7251x 42x 42x 3204x 3204x 3204x 3204x 2x 2x 2x 2x 2x 2x 2x 2x 3342x 1858x 1858x 1858x 1858x 1858x 730x 730x 730x 1484x 1484x 1484x 3342x 2x 2x 2x 2x 2x 2x 1482x 1482x 1482x 2x 2x 2x 2x 2x 2x 2x 2x 2x 3560x 3560x 3560x 6675x 6675x 3560x 3560x 1943x 1943x 1617x 1617x 1617x 1617x 1617x 3560x 2x 2x 2x 2x 2x 1615x 1615x 1615x 1615x 2x 2x 2x 2x 2x 2x 2x 14x 14x  
/** @import { TemplateNode } from '#client' */
import { hydrate_node, hydrating, set_hydrate_node } from './hydration.js';
import { DEV } from 'esm-env';
import { init_array_prototype_warnings } from '../dev/equality.js';
import { get_descriptor } from '../../shared/utils.js';
 
// export these for reference in the compiled code, making global name deduplication unnecessary
/** @type {Window} */
export var $window;
 
/** @type {Document} */
export var $document;
 
/** @type {() => Node | null} */
var first_child_getter;
/** @type {() => Node | null} */
var next_sibling_getter;
 
/**
 * Initialize these lazily to avoid issues when using the runtime in a server context
 * where these globals are not available while avoiding a separate server entry point
 */
export function init_operations() {
	if ($window !== undefined) {
		return;
	}
 
	$window = window;
	$document = document;
 
	var element_prototype = Element.prototype;
	var node_prototype = Node.prototype;
 
	// @ts-ignore
	first_child_getter = get_descriptor(node_prototype, 'firstChild').get;
	// @ts-ignore
	next_sibling_getter = get_descriptor(node_prototype, 'nextSibling').get;
 
	// the following assignments improve perf of lookups on DOM nodes
	// @ts-expect-error
	element_prototype.__click = undefined;
	// @ts-expect-error
	element_prototype.__className = '';
	// @ts-expect-error
	element_prototype.__attributes = null;
	// @ts-expect-error
	element_prototype.__e = undefined;
 
	// @ts-expect-error
	Text.prototype.__t = undefined;
 
	if (DEV) {
		// @ts-expect-error
		element_prototype.__svelte_meta = null;
 
		init_array_prototype_warnings();
	}
}
 
/**
 * @param {string} value
 * @returns {Text}
 */
export function create_text(value = '') {
	return document.createTextNode(value);
}
 
/**
 * @template {Node} N
 * @param {N} node
 * @returns {Node | null}
 */
/*@__NO_SIDE_EFFECTS__*/
export function get_first_child(node) {
	return first_child_getter.call(node);
}
 
/**
 * @template {Node} N
 * @param {N} node
 * @returns {Node | null}
 */
/*@__NO_SIDE_EFFECTS__*/
export function get_next_sibling(node) {
	return next_sibling_getter.call(node);
}
 
/**
 * Don't mark this as side-effect-free, hydration needs to walk all nodes
 * @template {Node} N
 * @param {N} node
 * @returns {Node | null}
 */
export function child(node) {
	if (!hydrating) {
		return get_first_child(node);
	}
 
	var child = /** @type {TemplateNode} */ (get_first_child(hydrate_node));
 
	// Child can be null if we have an element with a single child, like `<p>{text}</p>`, where `text` is empty
	if (child === null) {
		child = hydrate_node.appendChild(create_text());
	}
 
	set_hydrate_node(child);
	return child;
}
 
/**
 * Don't mark this as side-effect-free, hydration needs to walk all nodes
 * @param {DocumentFragment | TemplateNode[]} fragment
 * @param {boolean} is_text
 * @returns {Node | null}
 */
export function first_child(fragment, is_text) {
	if (!hydrating) {
		// when not hydrating, `fragment` is a `DocumentFragment` (the result of calling `open_frag`)
		var first = /** @type {DocumentFragment} */ (get_first_child(/** @type {Node} */ (fragment)));
 
		// TODO prevent user comments with the empty string when preserveComments is true
		if (first instanceof Comment && first.data === '') return get_next_sibling(first);
 
		return first;
	}
 
	// if an {expression} is empty during SSR, there might be no
	// text node to hydrate — we must therefore create one
	if (is_text && hydrate_node?.nodeType !== 3) {
		var text = create_text();
 
		hydrate_node?.before(text);
		set_hydrate_node(text);
		return text;
	}
 
	return hydrate_node;
}
 
/**
 * Don't mark this as side-effect-free, hydration needs to walk all nodes
 * @param {TemplateNode} node
 * @param {number} count
 * @param {boolean} is_text
 * @returns {Node | null}
 */
export function sibling(node, count = 1, is_text = false) {
	let next_sibling = hydrating ? hydrate_node : node;
 
	while (count--) {
		next_sibling = /** @type {TemplateNode} */ (get_next_sibling(next_sibling));
	}
 
	if (!hydrating) {
		return next_sibling;
	}
 
	var type = next_sibling.nodeType;
 
	// if a sibling {expression} is empty during SSR, there might be no
	// text node to hydrate — we must therefore create one
	if (is_text && type !== 3) {
		var text = create_text();
		next_sibling?.before(text);
		set_hydrate_node(text);
		return text;
	}
 
	set_hydrate_node(next_sibling);
	return /** @type {TemplateNode} */ (next_sibling);
}
 
/**
 * @template {Node} N
 * @param {N} node
 * @returns {void}
 */
export function clear_text_content(node) {
	node.textContent = '';
}