@marko/runtime-tags 6.1.9 → 6.1.10

package/dist/common/accessor.d.ts

@@ -56,7 +56,9 @@ export declare enum PendingRenderProp {
     Key = "a",
     Scope = "b",
     Signal = "c",
-    Value = "d"
+    Value = "d",
+    Gen = "e",
+    Pending = "f"
 }
 export declare enum ClosureSignalProp {
     ScopeInstancesAccessor = "a",

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

@@ -56,7 +56,9 @@ export declare enum PendingRenderProp {
     Key = "key",
     Scope = "scope",
     Signal = "signal",
-    Value = "value"
+    Value = "value",
+    Gen = "gen",
+    Pending = "pending"
 }
 export declare enum ClosureSignalProp {
     ScopeInstancesAccessor = "scopeInstancesAccessor",

package/dist/debug/dom.js

@@ -1550,9 +1550,8 @@ function byFirstArg(name) {
 }
 //#endregion
 //#region src/dom/queue.ts
+let runId = 1;
 let pendingRenders = [];
-let pendingRendersLookup = {};
-let asyncRendersLookup;
 const caughtError = /* @__PURE__ */ new WeakSet();
 const placeholderShown = /* @__PURE__ */ new WeakSet();
 let pendingEffects = [];
@@ -1560,18 +1559,22 @@ let pendingScopes = [];
 let rendering;
 const scopeKeyOffset = 1e3;
 function queueRender(scope, signal, signalKey, value, scopeKey = scope["#Id"]) {
-	const key = scopeKey * scopeKeyOffset + signalKey;
-	let render = signalKey >= 0 && pendingRendersLookup[key];
-	if (render) render["value"] = value;
-	else {
-		queuePendingRender(render = {
-			["key"]: key,
+	let render;
+	if (signalKey >= 0 && (render = scope[signalKey + scopeKeyOffset])) {
+		render["value"] = value;
+		if (render["gen"] === runId || catchEnabled && render["pending"]) return;
+		render["gen"] = runId;
+	} else {
+		render = {
+			["key"]: scopeKey * scopeKeyOffset + signalKey,
 			["scope"]: scope,
 			["signal"]: signal,
-			["value"]: value
-		});
-		signalKey >= 0 && (pendingRendersLookup[key] = render);
+			["value"]: value,
+			["gen"]: runId
+		};
+		if (signalKey >= 0) scope[signalKey + scopeKeyOffset] = render;
 	}
+	queuePendingRender(render);
 }
 function queuePendingRender(render) {
 	let i = pendingRenders.push(render) - 1;
@@ -1589,13 +1592,12 @@ function queueEffect(scope, fn) {
 }
 function run() {
 	const effects = pendingEffects;
-	asyncRendersLookup = {};
 	try {
 		rendering = 1;
 		runRenders();
 	} finally {
-		pendingRendersLookup = asyncRendersLookup;
-		asyncRendersLookup = rendering = 0;
+		runId++;
+		rendering = 0;
 		pendingRenders = [];
 		pendingEffects = [];
 	}
@@ -1608,19 +1610,15 @@ function queueAsyncRender(scope, signal, value) {
 function prepareEffects(fn) {
 	const prevRenders = pendingRenders;
 	const prevEffects = pendingEffects;
-	const prevLookup = asyncRendersLookup;
 	const preparedEffects = pendingEffects = [];
 	pendingRenders = [];
-	asyncRendersLookup = pendingRendersLookup;
-	pendingRendersLookup = {};
 	try {
 		rendering = 1;
 		fn();
 		runRenders();
 	} finally {
+		runId++;
 		rendering = 0;
-		pendingRendersLookup = asyncRendersLookup;
-		asyncRendersLookup = prevLookup;
 		pendingRenders = prevRenders;
 		pendingEffects = prevEffects;
 	}
@@ -1690,11 +1688,12 @@ function _enable_catch() {
 				let branch = render["scope"]["#ClosestBranch"];
 				while (branch) {
 					if (branch["#PendingRenders"]) {
-						asyncRendersLookup[render["key"]] = render;
+						render["pending"] = 1;
 						return branch["#PendingRenders"].push(render);
 					}
 					branch = branch["#ParentBranch"];
 				}
+				render["pending"] = 0;
 				runRender(render);
 			} catch (error) {
 				renderCatch(render["scope"], error);

package/dist/debug/dom.mjs

@@ -1548,9 +1548,8 @@ function byFirstArg(name) {
 }
 //#endregion
 //#region src/dom/queue.ts
+let runId = 1;
 let pendingRenders = [];
-let pendingRendersLookup = {};
-let asyncRendersLookup;
 const caughtError = /* @__PURE__ */ new WeakSet();
 const placeholderShown = /* @__PURE__ */ new WeakSet();
 let pendingEffects = [];
@@ -1558,18 +1557,22 @@ let pendingScopes = [];
 let rendering;
 const scopeKeyOffset = 1e3;
 function queueRender(scope, signal, signalKey, value, scopeKey = scope["#Id"]) {
-	const key = scopeKey * scopeKeyOffset + signalKey;
-	let render = signalKey >= 0 && pendingRendersLookup[key];
-	if (render) render["value"] = value;
-	else {
-		queuePendingRender(render = {
-			["key"]: key,
+	let render;
+	if (signalKey >= 0 && (render = scope[signalKey + scopeKeyOffset])) {
+		render["value"] = value;
+		if (render["gen"] === runId || catchEnabled && render["pending"]) return;
+		render["gen"] = runId;
+	} else {
+		render = {
+			["key"]: scopeKey * scopeKeyOffset + signalKey,
 			["scope"]: scope,
 			["signal"]: signal,
-			["value"]: value
-		});
-		signalKey >= 0 && (pendingRendersLookup[key] = render);
+			["value"]: value,
+			["gen"]: runId
+		};
+		if (signalKey >= 0) scope[signalKey + scopeKeyOffset] = render;
 	}
+	queuePendingRender(render);
 }
 function queuePendingRender(render) {
 	let i = pendingRenders.push(render) - 1;
@@ -1587,13 +1590,12 @@ function queueEffect(scope, fn) {
 }
 function run() {
 	const effects = pendingEffects;
-	asyncRendersLookup = {};
 	try {
 		rendering = 1;
 		runRenders();
 	} finally {
-		pendingRendersLookup = asyncRendersLookup;
-		asyncRendersLookup = rendering = 0;
+		runId++;
+		rendering = 0;
 		pendingRenders = [];
 		pendingEffects = [];
 	}
@@ -1606,19 +1608,15 @@ function queueAsyncRender(scope, signal, value) {
 function prepareEffects(fn) {
 	const prevRenders = pendingRenders;
 	const prevEffects = pendingEffects;
-	const prevLookup = asyncRendersLookup;
 	const preparedEffects = pendingEffects = [];
 	pendingRenders = [];
-	asyncRendersLookup = pendingRendersLookup;
-	pendingRendersLookup = {};
 	try {
 		rendering = 1;
 		fn();
 		runRenders();
 	} finally {
+		runId++;
 		rendering = 0;
-		pendingRendersLookup = asyncRendersLookup;
-		asyncRendersLookup = prevLookup;
 		pendingRenders = prevRenders;
 		pendingEffects = prevEffects;
 	}
@@ -1688,11 +1686,12 @@ function _enable_catch() {
 				let branch = render["scope"]["#ClosestBranch"];
 				while (branch) {
 					if (branch["#PendingRenders"]) {
-						asyncRendersLookup[render["key"]] = render;
+						render["pending"] = 1;
 						return branch["#PendingRenders"].push(render);
 					}
 					branch = branch["#ParentBranch"];
 				}
+				render["pending"] = 0;
 				runRender(render);
 			} catch (error) {
 				renderCatch(render["scope"], error);

package/dist/debug/html.js

@@ -844,9 +844,10 @@ function writeArrayBuffer(state, val) {
 }
 function writeTypedArray(state, val, ref) {
 	if (val.byteOffset || state.refs.has(val.buffer)) {
+		const needsLength = val.byteOffset + val.byteLength < val.buffer.byteLength;
 		state.buf.push("new " + val.constructor.name + "(");
 		writeProp(state, val.buffer, ref, "buffer");
-		state.buf.push(val.byteOffset ? "," + val.byteOffset + ")" : ")");
+		state.buf.push((val.byteOffset || needsLength ? "," + val.byteOffset + (needsLength ? "," + val.length : "") : "") + ")");
 	} else {
 		state.refs.set(val.buffer, new Reference(ref, "buffer", state.flush, null));
 		state.buf.push("new " + val.constructor.name + (val.length === 0 ? "" : "(" + (hasOnlyZeros(val) ? val.length : typedArrayToInitString(val)) + ")"));
@@ -900,11 +901,12 @@ function writeFormData(state, val) {
 		sep = ",";
 	}
 	if (sep === "[") state.buf.push("new FormData");
-	else state.buf.push(valStr + "].reduce((f,v,i,a)=>i%2&&f.append(v,a[i+1])||f,new FormData)");
+	else state.buf.push(valStr + "].reduce((f,v,i,a)=>i%2&&f.append(a[i-1],v)||f,new FormData)");
 	return true;
 }
 function writeRequest(state, val, ref) {
 	let sep = "";
+	let bodySerialized = false;
 	const hasBody = val.body && !val.bodyUsed && val.duplex === "half";
 	state.buf.push("new Request(" + quote(val.url, 0));
 	if (hasBody) {
@@ -912,6 +914,7 @@ function writeRequest(state, val, ref) {
 		if (writeProp(state, val.body, ref, "body")) {
 			state.buf.push(",duplex:\"half\"");
 			sep = ",";
+			bodySerialized = true;
 		} else state.buf.pop();
 	}
 	let options = "";
@@ -954,7 +957,7 @@ function writeRequest(state, val, ref) {
 		sep = ",";
 	}
 	if (val.referrerPolicy) options += sep + "referrerPolicy:" + quote(val.referrerPolicy, 0);
-	state.buf.push(hasBody ? options + "})" : options ? ",{" + options + "})" : ")");
+	state.buf.push(bodySerialized ? options + "})" : options ? ",{" + options + "})" : ")");
 	return true;
 }
 function writeResponse(state, val, ref) {

package/dist/debug/html.mjs

@@ -842,9 +842,10 @@ function writeArrayBuffer(state, val) {
 }
 function writeTypedArray(state, val, ref) {
 	if (val.byteOffset || state.refs.has(val.buffer)) {
+		const needsLength = val.byteOffset + val.byteLength < val.buffer.byteLength;
 		state.buf.push("new " + val.constructor.name + "(");
 		writeProp(state, val.buffer, ref, "buffer");
-		state.buf.push(val.byteOffset ? "," + val.byteOffset + ")" : ")");
+		state.buf.push((val.byteOffset || needsLength ? "," + val.byteOffset + (needsLength ? "," + val.length : "") : "") + ")");
 	} else {
 		state.refs.set(val.buffer, new Reference(ref, "buffer", state.flush, null));
 		state.buf.push("new " + val.constructor.name + (val.length === 0 ? "" : "(" + (hasOnlyZeros(val) ? val.length : typedArrayToInitString(val)) + ")"));
@@ -898,11 +899,12 @@ function writeFormData(state, val) {
 		sep = ",";
 	}
 	if (sep === "[") state.buf.push("new FormData");
-	else state.buf.push(valStr + "].reduce((f,v,i,a)=>i%2&&f.append(v,a[i+1])||f,new FormData)");
+	else state.buf.push(valStr + "].reduce((f,v,i,a)=>i%2&&f.append(a[i-1],v)||f,new FormData)");
 	return true;
 }
 function writeRequest(state, val, ref) {
 	let sep = "";
+	let bodySerialized = false;
 	const hasBody = val.body && !val.bodyUsed && val.duplex === "half";
 	state.buf.push("new Request(" + quote(val.url, 0));
 	if (hasBody) {
@@ -910,6 +912,7 @@ function writeRequest(state, val, ref) {
 		if (writeProp(state, val.body, ref, "body")) {
 			state.buf.push(",duplex:\"half\"");
 			sep = ",";
+			bodySerialized = true;
 		} else state.buf.pop();
 	}
 	let options = "";
@@ -952,7 +955,7 @@ function writeRequest(state, val, ref) {
 		sep = ",";
 	}
 	if (val.referrerPolicy) options += sep + "referrerPolicy:" + quote(val.referrerPolicy, 0);
-	state.buf.push(hasBody ? options + "})" : options ? ",{" + options + "})" : ")");
+	state.buf.push(bodySerialized ? options + "})" : options ? ",{" + options + "})" : ")");
 	return true;
 }
 function writeResponse(state, val, ref) {

package/dist/dom/queue.d.ts

@@ -6,6 +6,8 @@ export type PendingRender = {
     [PendingRenderProp.Scope]: Scope;
     [PendingRenderProp.Signal]: Signal<any, any>;
     [PendingRenderProp.Value]: unknown;
+    [PendingRenderProp.Gen]: number;
+    [PendingRenderProp.Pending]?: 0 | 1;
 };
 export declare const caughtError: WeakSet<unknown[]>;
 export declare const placeholderShown: WeakSet<unknown[]>;

package/dist/dom.js

@@ -49,7 +49,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	};
 }, _for_of = /* @__PURE__ */ loop(([all, by = bySecondArg], cb) => {
 	typeof by == "string" ? forOf(all, (item, i) => cb(item[by], [item, i])) : forOf(all, (item, i) => cb(by(item, i), [item, i]));
-}), _for_in = /* @__PURE__ */ loop(([obj, by = byFirstArg], cb) => forIn(obj, (key, value) => cb(by(key, value), [key, value]))), _for_to = /* @__PURE__ */ loop(([to, from, step, by = byFirstArg], cb) => forTo(to, from, step, (v) => cb(by(v), [v]))), _for_until = /* @__PURE__ */ loop(([until, from, step, by = byFirstArg], cb) => forUntil(until, from, step, (v) => cb(by(v), [v]))), pendingRenders = [], pendingRendersLookup = {}, asyncRendersLookup, caughtError = /* @__PURE__ */ new WeakSet(), placeholderShown = /* @__PURE__ */ new WeakSet(), pendingEffects = [], pendingScopes = [], rendering, runEffects = ((effects) => {
+}), _for_in = /* @__PURE__ */ loop(([obj, by = byFirstArg], cb) => forIn(obj, (key, value) => cb(by(key, value), [key, value]))), _for_to = /* @__PURE__ */ loop(([to, from, step, by = byFirstArg], cb) => forTo(to, from, step, (v) => cb(by(v), [v]))), _for_until = /* @__PURE__ */ loop(([until, from, step, by = byFirstArg], cb) => forUntil(until, from, step, (v) => cb(by(v), [v]))), runId = 1, pendingRenders = [], caughtError = /* @__PURE__ */ new WeakSet(), placeholderShown = /* @__PURE__ */ new WeakSet(), pendingEffects = [], pendingScopes = [], rendering, scopeKeyOffset = 1e3, runEffects = ((effects) => {
 	for (let i = 0; i < effects.length;) effects[i++](effects[i++]);
 }), runRender = (render) => render.c(render.b, render.d), catchEnabled, classIdToBranch = /* @__PURE__ */ new Map(), scopesByRender = /* @__PURE__ */ new WeakMap(), getRenderScopes = ($global) => {
 	let render = self[$global.runtimeId]?.[$global.renderId], scopes = render && scopesByRender.get(render);
@@ -1008,13 +1008,18 @@ function byFirstArg(name) {
 //#endregion
 //#region src/dom/queue.ts
 function queueRender(scope, signal, signalKey, value, scopeKey = scope.L) {
-	let key = scopeKey * 1e3 + signalKey, render = signalKey >= 0 && pendingRendersLookup[key];
-	render ? render.d = value : (queuePendingRender(render = {
-		a: key,
+	let render;
+	if (signalKey >= 0 && (render = scope[signalKey + scopeKeyOffset])) {
+		if (render.d = value, render.e === runId || catchEnabled && render.f) return;
+		render.e = runId;
+	} else render = {
+		a: scopeKey * scopeKeyOffset + signalKey,
 		b: scope,
 		c: signal,
-		d: value
-	}), signalKey >= 0 && (pendingRendersLookup[key] = render));
+		d: value,
+		e: runId
+	}, signalKey >= 0 && (scope[signalKey + scopeKeyOffset] = render);
+	queuePendingRender(render);
 }
 function queuePendingRender(render) {
 	let i = pendingRenders.push(render) - 1;
@@ -1030,11 +1035,10 @@ function queueEffect(scope, fn) {
 }
 function run() {
 	let effects = pendingEffects;
-	asyncRendersLookup = {};
 	try {
 		rendering = 1, runRenders();
 	} finally {
-		pendingRendersLookup = asyncRendersLookup, asyncRendersLookup = rendering = 0, pendingRenders = [], pendingEffects = [];
+		runId++, rendering = 0, pendingRenders = [], pendingEffects = [];
 	}
 	runEffects(effects);
 }
@@ -1042,12 +1046,12 @@ function queueAsyncRender(scope, signal, value) {
 	queueRender(scope, signal, -1, value), queueMicrotask(run);
 }
 function prepareEffects(fn) {
-	let prevRenders = pendingRenders, prevEffects = pendingEffects, prevLookup = asyncRendersLookup, preparedEffects = pendingEffects = [];
-	pendingRenders = [], asyncRendersLookup = pendingRendersLookup, pendingRendersLookup = {};
+	let prevRenders = pendingRenders, prevEffects = pendingEffects, preparedEffects = pendingEffects = [];
+	pendingRenders = [];
 	try {
 		rendering = 1, fn(), runRenders();
 	} finally {
-		rendering = 0, pendingRendersLookup = asyncRendersLookup, asyncRendersLookup = prevLookup, pendingRenders = prevRenders, pendingEffects = prevEffects;
+		runId++, rendering = 0, pendingRenders = prevRenders, pendingEffects = prevEffects;
 	}
 	return preparedEffects;
 }
@@ -1091,10 +1095,10 @@ function _enable_catch() {
 			try {
 				let branch = render.b.F;
 				for (; branch;) {
-					if (branch.W) return asyncRendersLookup[render.a] = render, branch.W.push(render);
+					if (branch.W) return render.f = 1, branch.W.push(render);
 					branch = branch.N;
 				}
-				runRender(render);
+				render.f = 0, runRender(render);
 			} catch (error) {
 				renderCatch(render.b, error);
 			}

package/dist/dom.mjs

@@ -49,7 +49,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	};
 }, _for_of = /* @__PURE__ */ loop(([all, by = bySecondArg], cb) => {
 	typeof by == "string" ? forOf(all, (item, i) => cb(item[by], [item, i])) : forOf(all, (item, i) => cb(by(item, i), [item, i]));
-}), _for_in = /* @__PURE__ */ loop(([obj, by = byFirstArg], cb) => forIn(obj, (key, value) => cb(by(key, value), [key, value]))), _for_to = /* @__PURE__ */ loop(([to, from, step, by = byFirstArg], cb) => forTo(to, from, step, (v) => cb(by(v), [v]))), _for_until = /* @__PURE__ */ loop(([until, from, step, by = byFirstArg], cb) => forUntil(until, from, step, (v) => cb(by(v), [v]))), pendingRenders = [], pendingRendersLookup = {}, asyncRendersLookup, caughtError = /* @__PURE__ */ new WeakSet(), placeholderShown = /* @__PURE__ */ new WeakSet(), pendingEffects = [], pendingScopes = [], rendering, runEffects = ((effects) => {
+}), _for_in = /* @__PURE__ */ loop(([obj, by = byFirstArg], cb) => forIn(obj, (key, value) => cb(by(key, value), [key, value]))), _for_to = /* @__PURE__ */ loop(([to, from, step, by = byFirstArg], cb) => forTo(to, from, step, (v) => cb(by(v), [v]))), _for_until = /* @__PURE__ */ loop(([until, from, step, by = byFirstArg], cb) => forUntil(until, from, step, (v) => cb(by(v), [v]))), runId = 1, pendingRenders = [], caughtError = /* @__PURE__ */ new WeakSet(), placeholderShown = /* @__PURE__ */ new WeakSet(), pendingEffects = [], pendingScopes = [], rendering, scopeKeyOffset = 1e3, runEffects = ((effects) => {
 	for (let i = 0; i < effects.length;) effects[i++](effects[i++]);
 }), runRender = (render) => render.c(render.b, render.d), catchEnabled, classIdToBranch = /* @__PURE__ */ new Map(), scopesByRender = /* @__PURE__ */ new WeakMap(), getRenderScopes = ($global) => {
 	let render = self[$global.runtimeId]?.[$global.renderId], scopes = render && scopesByRender.get(render);
@@ -1007,13 +1007,18 @@ function byFirstArg(name) {
 //#endregion
 //#region src/dom/queue.ts
 function queueRender(scope, signal, signalKey, value, scopeKey = scope.L) {
-	let key = scopeKey * 1e3 + signalKey, render = signalKey >= 0 && pendingRendersLookup[key];
-	render ? render.d = value : (queuePendingRender(render = {
-		a: key,
+	let render;
+	if (signalKey >= 0 && (render = scope[signalKey + scopeKeyOffset])) {
+		if (render.d = value, render.e === runId || catchEnabled && render.f) return;
+		render.e = runId;
+	} else render = {
+		a: scopeKey * scopeKeyOffset + signalKey,
 		b: scope,
 		c: signal,
-		d: value
-	}), signalKey >= 0 && (pendingRendersLookup[key] = render));
+		d: value,
+		e: runId
+	}, signalKey >= 0 && (scope[signalKey + scopeKeyOffset] = render);
+	queuePendingRender(render);
 }
 function queuePendingRender(render) {
 	let i = pendingRenders.push(render) - 1;
@@ -1029,11 +1034,10 @@ function queueEffect(scope, fn) {
 }
 function run() {
 	let effects = pendingEffects;
-	asyncRendersLookup = {};
 	try {
 		rendering = 1, runRenders();
 	} finally {
-		pendingRendersLookup = asyncRendersLookup, asyncRendersLookup = rendering = 0, pendingRenders = [], pendingEffects = [];
+		runId++, rendering = 0, pendingRenders = [], pendingEffects = [];
 	}
 	runEffects(effects);
 }
@@ -1041,12 +1045,12 @@ function queueAsyncRender(scope, signal, value) {
 	queueRender(scope, signal, -1, value), queueMicrotask(run);
 }
 function prepareEffects(fn) {
-	let prevRenders = pendingRenders, prevEffects = pendingEffects, prevLookup = asyncRendersLookup, preparedEffects = pendingEffects = [];
-	pendingRenders = [], asyncRendersLookup = pendingRendersLookup, pendingRendersLookup = {};
+	let prevRenders = pendingRenders, prevEffects = pendingEffects, preparedEffects = pendingEffects = [];
+	pendingRenders = [];
 	try {
 		rendering = 1, fn(), runRenders();
 	} finally {
-		rendering = 0, pendingRendersLookup = asyncRendersLookup, asyncRendersLookup = prevLookup, pendingRenders = prevRenders, pendingEffects = prevEffects;
+		runId++, rendering = 0, pendingRenders = prevRenders, pendingEffects = prevEffects;
 	}
 	return preparedEffects;
 }
@@ -1090,10 +1094,10 @@ function _enable_catch() {
 			try {
 				let branch = render.b.F;
 				for (; branch;) {
-					if (branch.W) return asyncRendersLookup[render.a] = render, branch.W.push(render);
+					if (branch.W) return render.f = 1, branch.W.push(render);
 					branch = branch.N;
 				}
-				runRender(render);
+				render.f = 0, runRender(render);
 			} catch (error) {
 				renderCatch(render.b, error);
 			}

package/dist/html.js

@@ -713,7 +713,11 @@ function writeArrayBuffer(state, val) {
 	return state.buf.push(result), !0;
 }
 function writeTypedArray(state, val, ref) {
-	return val.byteOffset || state.refs.has(val.buffer) ? (state.buf.push("new " + val.constructor.name + "("), writeProp(state, val.buffer, ref, "buffer"), state.buf.push(val.byteOffset ? "," + val.byteOffset + ")" : ")")) : (state.refs.set(val.buffer, new Reference(ref, "buffer", state.flush, null)), state.buf.push("new " + val.constructor.name + (val.length === 0 ? "" : "(" + (hasOnlyZeros(val) ? val.length : typedArrayToInitString(val)) + ")"))), !0;
+	if (val.byteOffset || state.refs.has(val.buffer)) {
+		let needsLength = val.byteOffset + val.byteLength < val.buffer.byteLength;
+		state.buf.push("new " + val.constructor.name + "("), writeProp(state, val.buffer, ref, "buffer"), state.buf.push((val.byteOffset || needsLength ? "," + val.byteOffset + (needsLength ? "," + val.length : "") : "") + ")");
+	} else state.refs.set(val.buffer, new Reference(ref, "buffer", state.flush, null)), state.buf.push("new " + val.constructor.name + (val.length === 0 ? "" : "(" + (hasOnlyZeros(val) ? val.length : typedArrayToInitString(val)) + ")"));
+	return !0;
 }
 function writeWeakSet(state) {
 	return state.buf.push("new WeakSet"), !0;
@@ -742,15 +746,15 @@ function writeHeaders(state, val) {
 function writeFormData(state, val) {
 	let sep = "[", valStr = "";
 	for (let [key, value] of val) typeof value == "string" && (valStr += sep + quote(key, 0) + "," + quote(value, 0), sep = ",");
-	return sep === "[" ? state.buf.push("new FormData") : state.buf.push(valStr + "].reduce((f,v,i,a)=>i%2&&f.append(v,a[i+1])||f,new FormData)"), !0;
+	return sep === "[" ? state.buf.push("new FormData") : state.buf.push(valStr + "].reduce((f,v,i,a)=>i%2&&f.append(a[i-1],v)||f,new FormData)"), !0;
 }
 function writeRequest(state, val, ref) {
-	let sep = "", hasBody = val.body && !val.bodyUsed && val.duplex === "half";
-	state.buf.push("new Request(" + quote(val.url, 0)), hasBody && (state.buf.push(",{body:"), writeProp(state, val.body, ref, "body") ? (state.buf.push(",duplex:\"half\""), sep = ",") : state.buf.pop());
+	let sep = "", bodySerialized = !1, hasBody = val.body && !val.bodyUsed && val.duplex === "half";
+	state.buf.push("new Request(" + quote(val.url, 0)), hasBody && (state.buf.push(",{body:"), writeProp(state, val.body, ref, "body") ? (state.buf.push(",duplex:\"half\""), sep = ",", bodySerialized = !0) : state.buf.pop());
 	let options = "";
 	val.cache !== "default" && (options += sep + "cache:" + quote(val.cache, 0), sep = ","), val.credentials !== "same-origin" && (options += sep + "credentials:" + quote(val.credentials, 0), sep = ",");
 	let headers = stringEntriesToProps(val.headers);
-	return state.refs.set(val.headers, new Reference(ref, "headers", state.flush, null)), headers && (options += sep + "headers:{" + headers + "}", sep = ","), val.integrity && (options += sep + "integrity:" + quote(val.integrity, 0), sep = ","), val.keepalive && (options += sep + "keepalive:true", sep = ","), val.method !== "GET" && (options += sep + "method:" + quote(val.method, 0), sep = ","), val.mode !== "cors" && (options += sep + "mode:" + quote(val.mode, 0), sep = ","), val.redirect !== "follow" && (options += sep + "redirect:" + quote(val.redirect, 0), sep = ","), val.referrer !== "about:client" && (options += sep + "referrer:" + quote(val.referrer, 0), sep = ","), val.referrerPolicy && (options += sep + "referrerPolicy:" + quote(val.referrerPolicy, 0)), state.buf.push(hasBody ? options + "})" : options ? ",{" + options + "})" : ")"), !0;
+	return state.refs.set(val.headers, new Reference(ref, "headers", state.flush, null)), headers && (options += sep + "headers:{" + headers + "}", sep = ","), val.integrity && (options += sep + "integrity:" + quote(val.integrity, 0), sep = ","), val.keepalive && (options += sep + "keepalive:true", sep = ","), val.method !== "GET" && (options += sep + "method:" + quote(val.method, 0), sep = ","), val.mode !== "cors" && (options += sep + "mode:" + quote(val.mode, 0), sep = ","), val.redirect !== "follow" && (options += sep + "redirect:" + quote(val.redirect, 0), sep = ","), val.referrer !== "about:client" && (options += sep + "referrer:" + quote(val.referrer, 0), sep = ","), val.referrerPolicy && (options += sep + "referrerPolicy:" + quote(val.referrerPolicy, 0)), state.buf.push(bodySerialized ? options + "})" : options ? ",{" + options + "})" : ")"), !0;
 }
 function writeResponse(state, val, ref) {
 	let sep = "", options = "";

package/dist/html.mjs

@@ -712,7 +712,11 @@ function writeArrayBuffer(state, val) {
 	return state.buf.push(result), !0;
 }
 function writeTypedArray(state, val, ref) {
-	return val.byteOffset || state.refs.has(val.buffer) ? (state.buf.push("new " + val.constructor.name + "("), writeProp(state, val.buffer, ref, "buffer"), state.buf.push(val.byteOffset ? "," + val.byteOffset + ")" : ")")) : (state.refs.set(val.buffer, new Reference(ref, "buffer", state.flush, null)), state.buf.push("new " + val.constructor.name + (val.length === 0 ? "" : "(" + (hasOnlyZeros(val) ? val.length : typedArrayToInitString(val)) + ")"))), !0;
+	if (val.byteOffset || state.refs.has(val.buffer)) {
+		let needsLength = val.byteOffset + val.byteLength < val.buffer.byteLength;
+		state.buf.push("new " + val.constructor.name + "("), writeProp(state, val.buffer, ref, "buffer"), state.buf.push((val.byteOffset || needsLength ? "," + val.byteOffset + (needsLength ? "," + val.length : "") : "") + ")");
+	} else state.refs.set(val.buffer, new Reference(ref, "buffer", state.flush, null)), state.buf.push("new " + val.constructor.name + (val.length === 0 ? "" : "(" + (hasOnlyZeros(val) ? val.length : typedArrayToInitString(val)) + ")"));
+	return !0;
 }
 function writeWeakSet(state) {
 	return state.buf.push("new WeakSet"), !0;
@@ -741,15 +745,15 @@ function writeHeaders(state, val) {
 function writeFormData(state, val) {
 	let sep = "[", valStr = "";
 	for (let [key, value] of val) typeof value == "string" && (valStr += sep + quote(key, 0) + "," + quote(value, 0), sep = ",");
-	return sep === "[" ? state.buf.push("new FormData") : state.buf.push(valStr + "].reduce((f,v,i,a)=>i%2&&f.append(v,a[i+1])||f,new FormData)"), !0;
+	return sep === "[" ? state.buf.push("new FormData") : state.buf.push(valStr + "].reduce((f,v,i,a)=>i%2&&f.append(a[i-1],v)||f,new FormData)"), !0;
 }
 function writeRequest(state, val, ref) {
-	let sep = "", hasBody = val.body && !val.bodyUsed && val.duplex === "half";
-	state.buf.push("new Request(" + quote(val.url, 0)), hasBody && (state.buf.push(",{body:"), writeProp(state, val.body, ref, "body") ? (state.buf.push(",duplex:\"half\""), sep = ",") : state.buf.pop());
+	let sep = "", bodySerialized = !1, hasBody = val.body && !val.bodyUsed && val.duplex === "half";
+	state.buf.push("new Request(" + quote(val.url, 0)), hasBody && (state.buf.push(",{body:"), writeProp(state, val.body, ref, "body") ? (state.buf.push(",duplex:\"half\""), sep = ",", bodySerialized = !0) : state.buf.pop());
 	let options = "";
 	val.cache !== "default" && (options += sep + "cache:" + quote(val.cache, 0), sep = ","), val.credentials !== "same-origin" && (options += sep + "credentials:" + quote(val.credentials, 0), sep = ",");
 	let headers = stringEntriesToProps(val.headers);
-	return state.refs.set(val.headers, new Reference(ref, "headers", state.flush, null)), headers && (options += sep + "headers:{" + headers + "}", sep = ","), val.integrity && (options += sep + "integrity:" + quote(val.integrity, 0), sep = ","), val.keepalive && (options += sep + "keepalive:true", sep = ","), val.method !== "GET" && (options += sep + "method:" + quote(val.method, 0), sep = ","), val.mode !== "cors" && (options += sep + "mode:" + quote(val.mode, 0), sep = ","), val.redirect !== "follow" && (options += sep + "redirect:" + quote(val.redirect, 0), sep = ","), val.referrer !== "about:client" && (options += sep + "referrer:" + quote(val.referrer, 0), sep = ","), val.referrerPolicy && (options += sep + "referrerPolicy:" + quote(val.referrerPolicy, 0)), state.buf.push(hasBody ? options + "})" : options ? ",{" + options + "})" : ")"), !0;
+	return state.refs.set(val.headers, new Reference(ref, "headers", state.flush, null)), headers && (options += sep + "headers:{" + headers + "}", sep = ","), val.integrity && (options += sep + "integrity:" + quote(val.integrity, 0), sep = ","), val.keepalive && (options += sep + "keepalive:true", sep = ","), val.method !== "GET" && (options += sep + "method:" + quote(val.method, 0), sep = ","), val.mode !== "cors" && (options += sep + "mode:" + quote(val.mode, 0), sep = ","), val.redirect !== "follow" && (options += sep + "redirect:" + quote(val.redirect, 0), sep = ","), val.referrer !== "about:client" && (options += sep + "referrer:" + quote(val.referrer, 0), sep = ","), val.referrerPolicy && (options += sep + "referrerPolicy:" + quote(val.referrerPolicy, 0)), state.buf.push(bodySerialized ? options + "})" : options ? ",{" + options + "})" : ")"), !0;
 }
 function writeResponse(state, val, ref) {
 	let sep = "", options = "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marko/runtime-tags",
-  "version": "6.1.9",
+  "version": "6.1.10",
   "description": "Optimized runtime for Marko templates.",
   "keywords": [
     "api",