marko 6.3.15 → 6.3.17

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright 2024 eBay Inc. and contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/dist/common/accessor.d.ts

@@ -30,6 +30,7 @@ export declare enum AccessorProp {
     Id = "L",
     Load = "X",
     LoopKey = "M",
+    LoopIndex = "I",
     ParentBranch = "N",
     PendingEffects = "J",
     PendingRenders = "W",

package/dist/common/accessor.debug.d.ts

@@ -30,6 +30,7 @@ export declare enum AccessorProp {
     Id = "#Id",
     Load = "#Load",
     LoopKey = "#LoopKey",
+    LoopIndex = "#LoopIndex",
     ParentBranch = "#ParentBranch",
     PendingEffects = "#PendingEffects",
     PendingRenders = "#PendingRenders",

package/dist/common/errors.d.ts

@@ -1,6 +1,8 @@
 export declare function assertValidAttrValue(name: string, value: unknown): void;
 export declare function assertValidTextValue(value: unknown): void;
 export declare function assertValidLoopKey(key: unknown, seenKeys?: Set<unknown>): void;
+export declare function assertValidList(value: unknown): void;
+export declare function assertValidRangeBound(name: string, value: unknown): void;
 export declare function assertValidAttrName(name: string): void;
 export declare function _el_read_error(): void;
 export declare function _hoist_read_error(): void;

package/dist/common/types.d.ts

@@ -50,7 +50,6 @@ export declare enum NodeType {
 }
 export declare enum WalkCode {
     Get = 32,
-    Inside = 36,
     Replace = 37,
     EndChild = 38,
     BeginChild = 47,

package/dist/debug/dom.js

@@ -159,6 +159,15 @@ function assertValidLoopKey(key, seenKeys) {
 		seenKeys.add(key);
 	}
 }
+function assertValidList(value) {
+	if (value && typeof value[Symbol.iterator] !== "function") throw new Error(`A \`<for>\` tag's \`of\` attribute must be an iterable, such as an array, but received ${describeForValue(value)}.`);
+}
+function assertValidRangeBound(name, value) {
+	if (!isFinite(value)) throw new Error(`A \`<for>\` tag's \`${name}\` attribute must be a finite number, but received ${describeForValue(value)}.`);
+}
+function describeForValue(value) {
+	return typeof value === "number" || typeof value === "bigint" ? `\`${value}\`` : value === null ? "null" : `type "${typeof value}"`;
+}
 function assertValidAttrName(name) {
 	if (htmlAttrNameReg.test(name)) throw new Error(`Invalid attribute name: ${JSON.stringify(name)}`);
 	const suggestion = getWrongAttrSuggestion(name);
@@ -211,17 +220,20 @@ function forIn(obj, cb) {
 	for (const key in obj) cb(key, obj[key]);
 }
 function forOf(list, cb) {
+	assertValidList(list);
 	if (list) {
 		let i = 0;
 		for (const item of list) cb(item, i++);
 	}
 }
 function forTo(to, from, step, cb) {
+	assertValidRangeBound("to", to);
 	const start = from || 0;
 	const delta = step || 1;
 	for (let steps = (to - start) / delta, i = 0; i <= steps; i++) cb(start + i * delta);
 }
 function forUntil(until, from, step, cb) {
+	assertValidRangeBound("until", until);
 	const start = from || 0;
 	const delta = step || 1;
 	for (let steps = (until - start) / delta, i = 0; i < steps; i++) cb(start + i * delta);
@@ -979,9 +991,12 @@ function _attr_input_checkedValue_script(scope, nodeAccessor) {
 		if (checkedValueChange) {
 			const controlledValueKey = "ControlledValue:" + nodeAccessor;
 			const oldValue = scope[controlledValueKey];
-			const newValue = Array.isArray(oldValue) ? updateList(oldValue, el.value, el.checked) : el.checked ? el.value : void 0;
+			let newValue = Array.isArray(oldValue) ? updateList(oldValue, el.value, el.checked) : el.checked ? el.value : void 0;
 			if (el.name && el.type[0] === "r") {
-				for (const radio of document.querySelectorAll(`[type=radio][name=${CSS.escape(el.name)}]`)) if (radio.form === el.form) radio.checked = Array.isArray(oldValue) ? oldValue.includes(radio.value) : controlledValueKey in scope ? oldValue === radio.value : radio.defaultChecked;
+				for (const radio of document.querySelectorAll(`[type=radio][name=${CSS.escape(el.name)}]`)) if (radio.form === el.form) {
+					if (newValue === void 0 && radio.defaultChecked) newValue = radio.value;
+					radio.checked = Array.isArray(oldValue) ? oldValue.includes(radio.value) : controlledValueKey in scope ? oldValue === radio.value : radio.defaultChecked;
+				}
 			} else el.checked = !el.checked;
 			checkedValueChange(newValue);
 			run();
@@ -1488,7 +1503,9 @@ function _await_promise(nodeAccessor, params) {
 			}
 		}, (error) => {
 			if (thisPromise === scope[promiseAccessor]) {
-				awaitCounter.i = scope[promiseAccessor] = 0;
+				scope[promiseAccessor] = 0;
+				if (tryPlaceholder && !awaitCounter.m) awaitCounter.c();
+				else awaitCounter.i = 0;
 				queueAsyncRender(scope, renderCatch, error);
 			}
 		});
@@ -1721,12 +1738,17 @@ function loop(forEach) {
 			const parentNode = referenceNode.nodeType > 1 ? referenceNode.parentNode || oldScopes[0]?.["#StartNode"].parentNode : referenceNode;
 			let oldScopesByKey;
 			let hasPotentialMoves;
+			let start = 0;
 			var seenKeys = /* @__PURE__ */ new Set();
 			forEach(value, (key, args) => {
 				assertValidLoopKey(key, seenKeys);
-				let branch = oldLen && (oldScopesByKey ||= oldScopes.reduce((map, scope, i) => map.set(scope["#LoopKey"] ?? i, scope), /* @__PURE__ */ new Map())).get(key);
-				if (branch) hasPotentialMoves = oldScopesByKey.delete(key);
-				else branch = createAndSetupBranch(scope["$global"], renderer, scope, parentNode);
+				const i = newScopes.length;
+				const oldScope = oldScopes[i];
+				let branch = oldLen && (oldScopesByKey || key !== (oldScope?.["#LoopKey"] ?? i) ? (oldScopesByKey ||= oldScopes.reduce((map, scope, j) => j < i ? map : (scope["#LoopIndex"] = j, map.set(scope["#LoopKey"] ?? j, scope)), /* @__PURE__ */ new Map())).get(key) : oldScope && (start++, oldScope));
+				if (branch) {
+					hasPotentialMoves = true;
+					oldScopesByKey?.delete(key);
+				} else branch = createAndSetupBranch(scope["$global"], renderer, scope, parentNode);
 				branch["#LoopKey"] = key;
 				newScopes.push(branch);
 				params?.(branch, args);
@@ -1736,7 +1758,6 @@ function loop(forEach) {
 			let afterReference = null;
 			let oldEnd = oldLen - 1;
 			let newEnd = newLen - 1;
-			let start = 0;
 			if (hasSiblings) {
 				if (oldLen) {
 					afterReference = oldScopes[oldEnd]["#EndNode"].nextSibling;
@@ -1754,19 +1775,18 @@ function loop(forEach) {
 				for (const newScope of newScopes) insertBranchBefore(newScope, parentNode, afterReference);
 				return;
 			}
-			for (const branch of oldScopesByKey.values()) removeAndDestroyBranch(branch);
-			while (start < oldLen && start < newLen && oldScopes[start] === newScopes[start]) start++;
+			if (oldScopesByKey) oldScopesByKey.forEach(removeAndDestroyBranch);
+			else for (let i = newLen; i < oldLen; i++) removeAndDestroyBranch(oldScopes[i]);
 			while (oldEnd >= start && newEnd >= start && oldScopes[oldEnd] === newScopes[newEnd]) {
 				oldEnd--;
 				newEnd--;
 			}
 			if (oldEnd + 1 < oldLen) afterReference = oldScopes[oldEnd + 1]["#StartNode"];
-			if (start > oldEnd) {
-				if (start <= newEnd) for (let i = start; i <= newEnd; i++) insertBranchBefore(newScopes[i], parentNode, afterReference);
+			if (start > oldEnd || start > newEnd) {
+				for (let i = start; i <= newEnd; i++) insertBranchBefore(newScopes[i], parentNode, afterReference);
 				return;
-			} else if (start > newEnd) return;
+			}
 			const diffLen = newEnd - start + 1;
-			const oldPos = /* @__PURE__ */ new Map();
 			const sources = new Array(diffLen);
 			const pred = new Array(diffLen);
 			const tails = [];
@@ -1774,8 +1794,7 @@ function loop(forEach) {
 			let lo;
 			let hi;
 			let mid;
-			for (let i = start; i <= oldEnd; i++) oldPos.set(oldScopes[i], i);
-			for (let i = diffLen; i--;) sources[i] = oldPos.get(newScopes[start + i]) ?? -1;
+			for (let i = diffLen; i--;) sources[i] = newScopes[start + i]["#LoopIndex"] ?? -1;
 			for (let i = 0; i < diffLen; i++) if (~sources[i]) if (tail < 0 || sources[tails[tail]] < sources[i]) {
 				if (~tail) pred[i] = tails[tail];
 				tails[++tail] = i;
@@ -2205,7 +2224,8 @@ function insertLoaded(renderer, branch, marker, awaitCounter) {
 }
 function loadFailed(scope, awaitCounter) {
 	return (error) => {
-		if (awaitCounter) awaitCounter.i = 0;
+		if (awaitCounter) if (awaitCounter.m) awaitCounter.i = 0;
+		else awaitCounter.c();
 		queueAsyncRender(scope, renderCatch, error);
 	};
 }

package/dist/debug/dom.mjs

@@ -157,6 +157,15 @@ function assertValidLoopKey(key, seenKeys) {
 		seenKeys.add(key);
 	}
 }
+function assertValidList(value) {
+	if (value && typeof value[Symbol.iterator] !== "function") throw new Error(`A \`<for>\` tag's \`of\` attribute must be an iterable, such as an array, but received ${describeForValue(value)}.`);
+}
+function assertValidRangeBound(name, value) {
+	if (!isFinite(value)) throw new Error(`A \`<for>\` tag's \`${name}\` attribute must be a finite number, but received ${describeForValue(value)}.`);
+}
+function describeForValue(value) {
+	return typeof value === "number" || typeof value === "bigint" ? `\`${value}\`` : value === null ? "null" : `type "${typeof value}"`;
+}
 function assertValidAttrName(name) {
 	if (htmlAttrNameReg.test(name)) throw new Error(`Invalid attribute name: ${JSON.stringify(name)}`);
 	const suggestion = getWrongAttrSuggestion(name);
@@ -209,17 +218,20 @@ function forIn(obj, cb) {
 	for (const key in obj) cb(key, obj[key]);
 }
 function forOf(list, cb) {
+	assertValidList(list);
 	if (list) {
 		let i = 0;
 		for (const item of list) cb(item, i++);
 	}
 }
 function forTo(to, from, step, cb) {
+	assertValidRangeBound("to", to);
 	const start = from || 0;
 	const delta = step || 1;
 	for (let steps = (to - start) / delta, i = 0; i <= steps; i++) cb(start + i * delta);
 }
 function forUntil(until, from, step, cb) {
+	assertValidRangeBound("until", until);
 	const start = from || 0;
 	const delta = step || 1;
 	for (let steps = (until - start) / delta, i = 0; i < steps; i++) cb(start + i * delta);
@@ -977,9 +989,12 @@ function _attr_input_checkedValue_script(scope, nodeAccessor) {
 		if (checkedValueChange) {
 			const controlledValueKey = "ControlledValue:" + nodeAccessor;
 			const oldValue = scope[controlledValueKey];
-			const newValue = Array.isArray(oldValue) ? updateList(oldValue, el.value, el.checked) : el.checked ? el.value : void 0;
+			let newValue = Array.isArray(oldValue) ? updateList(oldValue, el.value, el.checked) : el.checked ? el.value : void 0;
 			if (el.name && el.type[0] === "r") {
-				for (const radio of document.querySelectorAll(`[type=radio][name=${CSS.escape(el.name)}]`)) if (radio.form === el.form) radio.checked = Array.isArray(oldValue) ? oldValue.includes(radio.value) : controlledValueKey in scope ? oldValue === radio.value : radio.defaultChecked;
+				for (const radio of document.querySelectorAll(`[type=radio][name=${CSS.escape(el.name)}]`)) if (radio.form === el.form) {
+					if (newValue === void 0 && radio.defaultChecked) newValue = radio.value;
+					radio.checked = Array.isArray(oldValue) ? oldValue.includes(radio.value) : controlledValueKey in scope ? oldValue === radio.value : radio.defaultChecked;
+				}
 			} else el.checked = !el.checked;
 			checkedValueChange(newValue);
 			run();
@@ -1486,7 +1501,9 @@ function _await_promise(nodeAccessor, params) {
 			}
 		}, (error) => {
 			if (thisPromise === scope[promiseAccessor]) {
-				awaitCounter.i = scope[promiseAccessor] = 0;
+				scope[promiseAccessor] = 0;
+				if (tryPlaceholder && !awaitCounter.m) awaitCounter.c();
+				else awaitCounter.i = 0;
 				queueAsyncRender(scope, renderCatch, error);
 			}
 		});
@@ -1719,12 +1736,17 @@ function loop(forEach) {
 			const parentNode = referenceNode.nodeType > 1 ? referenceNode.parentNode || oldScopes[0]?.["#StartNode"].parentNode : referenceNode;
 			let oldScopesByKey;
 			let hasPotentialMoves;
+			let start = 0;
 			var seenKeys = /* @__PURE__ */ new Set();
 			forEach(value, (key, args) => {
 				assertValidLoopKey(key, seenKeys);
-				let branch = oldLen && (oldScopesByKey ||= oldScopes.reduce((map, scope, i) => map.set(scope["#LoopKey"] ?? i, scope), /* @__PURE__ */ new Map())).get(key);
-				if (branch) hasPotentialMoves = oldScopesByKey.delete(key);
-				else branch = createAndSetupBranch(scope["$global"], renderer, scope, parentNode);
+				const i = newScopes.length;
+				const oldScope = oldScopes[i];
+				let branch = oldLen && (oldScopesByKey || key !== (oldScope?.["#LoopKey"] ?? i) ? (oldScopesByKey ||= oldScopes.reduce((map, scope, j) => j < i ? map : (scope["#LoopIndex"] = j, map.set(scope["#LoopKey"] ?? j, scope)), /* @__PURE__ */ new Map())).get(key) : oldScope && (start++, oldScope));
+				if (branch) {
+					hasPotentialMoves = true;
+					oldScopesByKey?.delete(key);
+				} else branch = createAndSetupBranch(scope["$global"], renderer, scope, parentNode);
 				branch["#LoopKey"] = key;
 				newScopes.push(branch);
 				params?.(branch, args);
@@ -1734,7 +1756,6 @@ function loop(forEach) {
 			let afterReference = null;
 			let oldEnd = oldLen - 1;
 			let newEnd = newLen - 1;
-			let start = 0;
 			if (hasSiblings) {
 				if (oldLen) {
 					afterReference = oldScopes[oldEnd]["#EndNode"].nextSibling;
@@ -1752,19 +1773,18 @@ function loop(forEach) {
 				for (const newScope of newScopes) insertBranchBefore(newScope, parentNode, afterReference);
 				return;
 			}
-			for (const branch of oldScopesByKey.values()) removeAndDestroyBranch(branch);
-			while (start < oldLen && start < newLen && oldScopes[start] === newScopes[start]) start++;
+			if (oldScopesByKey) oldScopesByKey.forEach(removeAndDestroyBranch);
+			else for (let i = newLen; i < oldLen; i++) removeAndDestroyBranch(oldScopes[i]);
 			while (oldEnd >= start && newEnd >= start && oldScopes[oldEnd] === newScopes[newEnd]) {
 				oldEnd--;
 				newEnd--;
 			}
 			if (oldEnd + 1 < oldLen) afterReference = oldScopes[oldEnd + 1]["#StartNode"];
-			if (start > oldEnd) {
-				if (start <= newEnd) for (let i = start; i <= newEnd; i++) insertBranchBefore(newScopes[i], parentNode, afterReference);
+			if (start > oldEnd || start > newEnd) {
+				for (let i = start; i <= newEnd; i++) insertBranchBefore(newScopes[i], parentNode, afterReference);
 				return;
-			} else if (start > newEnd) return;
+			}
 			const diffLen = newEnd - start + 1;
-			const oldPos = /* @__PURE__ */ new Map();
 			const sources = new Array(diffLen);
 			const pred = new Array(diffLen);
 			const tails = [];
@@ -1772,8 +1792,7 @@ function loop(forEach) {
 			let lo;
 			let hi;
 			let mid;
-			for (let i = start; i <= oldEnd; i++) oldPos.set(oldScopes[i], i);
-			for (let i = diffLen; i--;) sources[i] = oldPos.get(newScopes[start + i]) ?? -1;
+			for (let i = diffLen; i--;) sources[i] = newScopes[start + i]["#LoopIndex"] ?? -1;
 			for (let i = 0; i < diffLen; i++) if (~sources[i]) if (tail < 0 || sources[tails[tail]] < sources[i]) {
 				if (~tail) pred[i] = tails[tail];
 				tails[++tail] = i;
@@ -2203,7 +2222,8 @@ function insertLoaded(renderer, branch, marker, awaitCounter) {
 }
 function loadFailed(scope, awaitCounter) {
 	return (error) => {
-		if (awaitCounter) awaitCounter.i = 0;
+		if (awaitCounter) if (awaitCounter.m) awaitCounter.i = 0;
+		else awaitCounter.c();
 		queueAsyncRender(scope, renderCatch, error);
 	};
 }

package/dist/debug/html.js

@@ -158,6 +158,15 @@ function assertValidLoopKey(key, seenKeys) {
 		seenKeys.add(key);
 	}
 }
+function assertValidList(value) {
+	if (value && typeof value[Symbol.iterator] !== "function") throw new Error(`A \`<for>\` tag's \`of\` attribute must be an iterable, such as an array, but received ${describeForValue(value)}.`);
+}
+function assertValidRangeBound(name, value) {
+	if (!isFinite(value)) throw new Error(`A \`<for>\` tag's \`${name}\` attribute must be a finite number, but received ${describeForValue(value)}.`);
+}
+function describeForValue(value) {
+	return typeof value === "number" || typeof value === "bigint" ? `\`${value}\`` : value === null ? "null" : `type "${typeof value}"`;
+}
 function assertValidAttrName(name) {
 	if (htmlAttrNameReg.test(name)) throw new Error(`Invalid attribute name: ${JSON.stringify(name)}`);
 	const suggestion = getWrongAttrSuggestion(name);
@@ -230,8 +239,8 @@ function _escape_script(val) {
 	assertValidTextValue(val);
 	return val ? escapeScriptStr(val + "") : val === 0 ? "0" : "";
 }
-const unsafeStyleReg = /<\/style/gi;
-const escapeStyleStr = (str) => unsafeStyleReg.test(str) ? str.replace(unsafeStyleReg, "\\3C/style") : str;
+const unsafeStyleReg = /<(\/style)/gi;
+const escapeStyleStr = (str) => unsafeStyleReg.test(str) ? str.replace(unsafeStyleReg, "\\3C$1") : str;
 function _escape_style(val) {
 	assertValidTextValue(val);
 	return val ? escapeStyleStr(val + "") : val === 0 ? "0" : "";
@@ -897,11 +906,18 @@ function writeDate(state, val) {
 	state.buf.push("new Date(" + +val + ")");
 	return true;
 }
-const unsafeRegExpSourceReg = /\\[\s\S]|</g;
-const replaceUnsafeRegExpSourceChar = (match) => match === "<" || match === "\\<" ? "\\x3C" : match;
+const unsafeRegExpSourceReg = /\\[\s\S]|[<\0\ud800-\udfff]/gu;
+const unsafeRegExpSourceDetect = /[<\0\ud800-\udfff]/u;
+const replaceUnsafeRegExpSourceChar = (match) => {
+	const ch = match.length === 3 ? "" : match[match.length - 1];
+	if (ch === "<") return "\\x3C";
+	if (ch === "\0") return "\\x00";
+	const code = ch.charCodeAt(0);
+	return code >= 55296 && code <= 57343 ? "\\u" + code.toString(16).padStart(4, "0") : match;
+};
 function writeRegExp(state, val) {
 	const { source } = val;
-	state.buf.push("/" + (source.includes("<") ? source.replace(unsafeRegExpSourceReg, replaceUnsafeRegExpSourceChar) : source) + "/" + val.flags);
+	state.buf.push("/" + (unsafeRegExpSourceDetect.test(source) ? source.replace(unsafeRegExpSourceReg, replaceUnsafeRegExpSourceChar) : source) + "/" + val.flags);
 	return true;
 }
 function writePromise(state, val, ref) {
@@ -1528,17 +1544,20 @@ function forIn(obj, cb) {
 	for (const key in obj) cb(key, obj[key]);
 }
 function forOf(list, cb) {
+	assertValidList(list);
 	if (list) {
 		let i = 0;
 		for (const item of list) cb(item, i++);
 	}
 }
 function forTo(to, from, step, cb) {
+	assertValidRangeBound("to", to);
 	const start = from || 0;
 	const delta = step || 1;
 	for (let steps = (to - start) / delta, i = 0; i <= steps; i++) cb(start + i * delta);
 }
 function forUntil(until, from, step, cb) {
+	assertValidRangeBound("until", until);
 	const start = from || 0;
 	const delta = step || 1;
 	for (let steps = (until - start) / delta, i = 0; i < steps; i++) cb(start + i * delta);
@@ -2570,15 +2589,21 @@ const kSelectedValue = Symbol("selectedValue");
 const kSelectedValueMatched = Symbol("selectedValueMatched");
 function _attr_select_value(scopeId, nodeAccessor, value, valueChange, content, serializeType) {
 	if (valueChange) writeControlledScope(3, scopeId, nodeAccessor, void 0, valueChange, serializeType);
-	if (content) if (valueChange) {
-		const matched = { value: false };
-		withContext(kSelectedValue, value, () => withContext(kSelectedValueMatched, matched, content));
-		if (!matched.value && (Array.isArray(value) ? value.some((v) => normalizeStrAttrValue(v) !== "") : normalizeStrAttrValue(value) !== "")) console.error("A controlled `<select>`'s `value` has no matching `<option>`:", value);
-	} else withContext(kSelectedValue, value, content);
+	if (content) {
+		const selectedValue = value ?? "";
+		if (valueChange) {
+			const matched = { value: false };
+			withContext(kSelectedValue, selectedValue, () => withContext(kSelectedValueMatched, matched, content));
+			if (!matched.value && (Array.isArray(value) ? value.some((v) => normalizeStrAttrValue(v) !== "") : normalizeStrAttrValue(value) !== "")) console.error("A controlled `<select>`'s `value` has no matching `<option>`:", value);
+		} else withContext(kSelectedValue, selectedValue, content);
+	}
 }
 function _attr_textarea_value(scopeId, nodeAccessor, value, valueChange, serializeType) {
 	if (valueChange) writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange, serializeType);
-	return _escape(value);
+	return _textarea_value(value);
+}
+function _textarea_value(value) {
+	return _escape(normalizeStrAttrValue(value));
 }
 function _attr_input_value(scopeId, nodeAccessor, value, valueChange, serializeType) {
 	if (valueChange) writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange, serializeType);
@@ -2754,7 +2779,7 @@ function normalizedValueMatches(a, b) {
 	return false;
 }
 function normalizeStrAttrValue(value) {
-	return value && value !== true || value === 0 ? value + "" : "";
+	return isNotVoid(value) && value !== true ? value + "" : "";
 }
 //#endregion
 //#region src/html/dynamic-tag.ts
@@ -2833,6 +2858,7 @@ const patchDynamicTag = ((originalDynamicTag) => (patch) => {
 })(_dynamic_tag);
 //#endregion
 //#region src/html/template.ts
+const CONSUMED_RESULT_MESSAGE = "Cannot read from a consumed render result";
 const _template = (templateId, renderer, page) => {
 	renderer.render = render;
 	renderer["embed"] = !page;
@@ -2995,7 +3021,7 @@ var ServerRendered = class {
 		return this.#cachedPromise ||= new Promise((resolve, reject) => {
 			const head = this.#head;
 			this.#head = null;
-			if (!head) return reject(/* @__PURE__ */ new Error("Cannot read from a consumed render result"));
+			if (!head) return reject(/* @__PURE__ */ new Error(CONSUMED_RESULT_MESSAGE));
 			const { boundary } = head;
 			(boundary.onNext = () => {
 				switch (!boundary.count && boundary.flush()) {
@@ -3017,7 +3043,7 @@ var ServerRendered = class {
 		let head = this.#head;
 		this.#head = null;
 		if (!head) {
-			onAbort(/* @__PURE__ */ new Error("Cannot read from a consumed render result"));
+			onAbort(/* @__PURE__ */ new Error(CONSUMED_RESULT_MESSAGE));
 			return;
 		}
 		const { boundary } = head;
@@ -3047,7 +3073,7 @@ var ServerRendered = class {
 	toString() {
 		const head = this.#head;
 		this.#head = null;
-		if (!head) throw new Error("Cannot read from a consumed render result");
+		if (!head) throw new Error(CONSUMED_RESULT_MESSAGE);
 		const { boundary } = head;
 		switch (boundary.flush()) {
 			case 2: throw boundary.signal.reason;
@@ -3331,6 +3357,7 @@ exports._show_start = _show_start;
 exports._style_html = _style_html;
 exports._subscribe = _subscribe;
 exports._template = _template;
+exports._textarea_value = _textarea_value;
 exports._to_text = _to_text;
 exports._trailers = _trailers;
 exports._try = _try;

package/dist/debug/html.mjs

@@ -156,6 +156,15 @@ function assertValidLoopKey(key, seenKeys) {
 		seenKeys.add(key);
 	}
 }
+function assertValidList(value) {
+	if (value && typeof value[Symbol.iterator] !== "function") throw new Error(`A \`<for>\` tag's \`of\` attribute must be an iterable, such as an array, but received ${describeForValue(value)}.`);
+}
+function assertValidRangeBound(name, value) {
+	if (!isFinite(value)) throw new Error(`A \`<for>\` tag's \`${name}\` attribute must be a finite number, but received ${describeForValue(value)}.`);
+}
+function describeForValue(value) {
+	return typeof value === "number" || typeof value === "bigint" ? `\`${value}\`` : value === null ? "null" : `type "${typeof value}"`;
+}
 function assertValidAttrName(name) {
 	if (htmlAttrNameReg.test(name)) throw new Error(`Invalid attribute name: ${JSON.stringify(name)}`);
 	const suggestion = getWrongAttrSuggestion(name);
@@ -228,8 +237,8 @@ function _escape_script(val) {
 	assertValidTextValue(val);
 	return val ? escapeScriptStr(val + "") : val === 0 ? "0" : "";
 }
-const unsafeStyleReg = /<\/style/gi;
-const escapeStyleStr = (str) => unsafeStyleReg.test(str) ? str.replace(unsafeStyleReg, "\\3C/style") : str;
+const unsafeStyleReg = /<(\/style)/gi;
+const escapeStyleStr = (str) => unsafeStyleReg.test(str) ? str.replace(unsafeStyleReg, "\\3C$1") : str;
 function _escape_style(val) {
 	assertValidTextValue(val);
 	return val ? escapeStyleStr(val + "") : val === 0 ? "0" : "";
@@ -895,11 +904,18 @@ function writeDate(state, val) {
 	state.buf.push("new Date(" + +val + ")");
 	return true;
 }
-const unsafeRegExpSourceReg = /\\[\s\S]|</g;
-const replaceUnsafeRegExpSourceChar = (match) => match === "<" || match === "\\<" ? "\\x3C" : match;
+const unsafeRegExpSourceReg = /\\[\s\S]|[<\0\ud800-\udfff]/gu;
+const unsafeRegExpSourceDetect = /[<\0\ud800-\udfff]/u;
+const replaceUnsafeRegExpSourceChar = (match) => {
+	const ch = match.length === 3 ? "" : match[match.length - 1];
+	if (ch === "<") return "\\x3C";
+	if (ch === "\0") return "\\x00";
+	const code = ch.charCodeAt(0);
+	return code >= 55296 && code <= 57343 ? "\\u" + code.toString(16).padStart(4, "0") : match;
+};
 function writeRegExp(state, val) {
 	const { source } = val;
-	state.buf.push("/" + (source.includes("<") ? source.replace(unsafeRegExpSourceReg, replaceUnsafeRegExpSourceChar) : source) + "/" + val.flags);
+	state.buf.push("/" + (unsafeRegExpSourceDetect.test(source) ? source.replace(unsafeRegExpSourceReg, replaceUnsafeRegExpSourceChar) : source) + "/" + val.flags);
 	return true;
 }
 function writePromise(state, val, ref) {
@@ -1526,17 +1542,20 @@ function forIn(obj, cb) {
 	for (const key in obj) cb(key, obj[key]);
 }
 function forOf(list, cb) {
+	assertValidList(list);
 	if (list) {
 		let i = 0;
 		for (const item of list) cb(item, i++);
 	}
 }
 function forTo(to, from, step, cb) {
+	assertValidRangeBound("to", to);
 	const start = from || 0;
 	const delta = step || 1;
 	for (let steps = (to - start) / delta, i = 0; i <= steps; i++) cb(start + i * delta);
 }
 function forUntil(until, from, step, cb) {
+	assertValidRangeBound("until", until);
 	const start = from || 0;
 	const delta = step || 1;
 	for (let steps = (until - start) / delta, i = 0; i < steps; i++) cb(start + i * delta);
@@ -2568,15 +2587,21 @@ const kSelectedValue = Symbol("selectedValue");
 const kSelectedValueMatched = Symbol("selectedValueMatched");
 function _attr_select_value(scopeId, nodeAccessor, value, valueChange, content, serializeType) {
 	if (valueChange) writeControlledScope(3, scopeId, nodeAccessor, void 0, valueChange, serializeType);
-	if (content) if (valueChange) {
-		const matched = { value: false };
-		withContext(kSelectedValue, value, () => withContext(kSelectedValueMatched, matched, content));
-		if (!matched.value && (Array.isArray(value) ? value.some((v) => normalizeStrAttrValue(v) !== "") : normalizeStrAttrValue(value) !== "")) console.error("A controlled `<select>`'s `value` has no matching `<option>`:", value);
-	} else withContext(kSelectedValue, value, content);
+	if (content) {
+		const selectedValue = value ?? "";
+		if (valueChange) {
+			const matched = { value: false };
+			withContext(kSelectedValue, selectedValue, () => withContext(kSelectedValueMatched, matched, content));
+			if (!matched.value && (Array.isArray(value) ? value.some((v) => normalizeStrAttrValue(v) !== "") : normalizeStrAttrValue(value) !== "")) console.error("A controlled `<select>`'s `value` has no matching `<option>`:", value);
+		} else withContext(kSelectedValue, selectedValue, content);
+	}
 }
 function _attr_textarea_value(scopeId, nodeAccessor, value, valueChange, serializeType) {
 	if (valueChange) writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange, serializeType);
-	return _escape(value);
+	return _textarea_value(value);
+}
+function _textarea_value(value) {
+	return _escape(normalizeStrAttrValue(value));
 }
 function _attr_input_value(scopeId, nodeAccessor, value, valueChange, serializeType) {
 	if (valueChange) writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange, serializeType);
@@ -2752,7 +2777,7 @@ function normalizedValueMatches(a, b) {
 	return false;
 }
 function normalizeStrAttrValue(value) {
-	return value && value !== true || value === 0 ? value + "" : "";
+	return isNotVoid(value) && value !== true ? value + "" : "";
 }
 //#endregion
 //#region src/html/dynamic-tag.ts
@@ -2831,6 +2856,7 @@ const patchDynamicTag = ((originalDynamicTag) => (patch) => {
 })(_dynamic_tag);
 //#endregion
 //#region src/html/template.ts
+const CONSUMED_RESULT_MESSAGE = "Cannot read from a consumed render result";
 const _template = (templateId, renderer, page) => {
 	renderer.render = render;
 	renderer["embed"] = !page;
@@ -2993,7 +3019,7 @@ var ServerRendered = class {
 		return this.#cachedPromise ||= new Promise((resolve, reject) => {
 			const head = this.#head;
 			this.#head = null;
-			if (!head) return reject(/* @__PURE__ */ new Error("Cannot read from a consumed render result"));
+			if (!head) return reject(/* @__PURE__ */ new Error(CONSUMED_RESULT_MESSAGE));
 			const { boundary } = head;
 			(boundary.onNext = () => {
 				switch (!boundary.count && boundary.flush()) {
@@ -3015,7 +3041,7 @@ var ServerRendered = class {
 		let head = this.#head;
 		this.#head = null;
 		if (!head) {
-			onAbort(/* @__PURE__ */ new Error("Cannot read from a consumed render result"));
+			onAbort(/* @__PURE__ */ new Error(CONSUMED_RESULT_MESSAGE));
 			return;
 		}
 		const { boundary } = head;
@@ -3045,7 +3071,7 @@ var ServerRendered = class {
 	toString() {
 		const head = this.#head;
 		this.#head = null;
-		if (!head) throw new Error("Cannot read from a consumed render result");
+		if (!head) throw new Error(CONSUMED_RESULT_MESSAGE);
 		const { boundary } = head;
 		switch (boundary.flush()) {
 			case 2: throw boundary.signal.reason;
@@ -3257,4 +3283,4 @@ const compat = {
 };
 function NOOP() {}
 //#endregion
-export { $global, _assert_hoist, _attr, _attr_and, _attr_class, _attr_content, _attr_details_or_dialog_open as _attr_details_open, _attr_details_or_dialog_open as _attr_dialog_open, _attr_input_checked, _attr_input_checkedValue, _attr_input_value, _attr_nonce, _attr_nullish, _attr_option_value, _attr_or, _attr_select_value, _attr_style, _attr_textarea_value, _attrs, _attrs_content, _attrs_partial, _attrs_partial_content, _await, _content, _content_resume, _dynamic_tag, _el, _el_read_error, _el_resume, _escape, _escape_comment, _escape_script, _escape_style, _escape_style_value, _existing_scope, _flush_head, _for_in, _for_of, _for_to, _for_until, _hoist, _hoist_read_error, _html, _id, _if, _peek_scope_id, _resume, _resume_branch, writeScope as _scope, _scope_id, _scope_reason, _scope_with_id, _script, _sep, _serialize_guard, _serialize_if, _set_serialize_reason, _show_end, _show_start, _style_html, _subscribe, _template, _to_text, _trailers, _try, _unescaped, _var, attrTag, attrTags, compat, forIn, forInBy, forOf, forOfBy, forStepBy, forTo, forUntil, withLoadAssets, withPageAssets };
+export { $global, _assert_hoist, _attr, _attr_and, _attr_class, _attr_content, _attr_details_or_dialog_open as _attr_details_open, _attr_details_or_dialog_open as _attr_dialog_open, _attr_input_checked, _attr_input_checkedValue, _attr_input_value, _attr_nonce, _attr_nullish, _attr_option_value, _attr_or, _attr_select_value, _attr_style, _attr_textarea_value, _attrs, _attrs_content, _attrs_partial, _attrs_partial_content, _await, _content, _content_resume, _dynamic_tag, _el, _el_read_error, _el_resume, _escape, _escape_comment, _escape_script, _escape_style, _escape_style_value, _existing_scope, _flush_head, _for_in, _for_of, _for_to, _for_until, _hoist, _hoist_read_error, _html, _id, _if, _peek_scope_id, _resume, _resume_branch, writeScope as _scope, _scope_id, _scope_reason, _scope_with_id, _script, _sep, _serialize_guard, _serialize_if, _set_serialize_reason, _show_end, _show_start, _style_html, _subscribe, _template, _textarea_value, _to_text, _trailers, _try, _unescaped, _var, attrTag, attrTags, compat, forIn, forInBy, forOf, forOfBy, forStepBy, forTo, forUntil, withLoadAssets, withPageAssets };