marko 6.2.0 → 6.2.1

package/dist/debug/dom.js

@@ -73,7 +73,7 @@ function stringifyStyleObject(name, value) {
 }
 function escapeStyleValue(str) {
 	let closers = "";
-	const result = str.replace(/[\\"'{};>]|\/(?=\*)/g, "\\$&").replace(/</g, "\\3C ");
+	const result = str.replace(/[\\"'{};<>]|\/(?=\*)/g, (c) => c === "<" ? "\\3C " : c === ";" ? "\\3B " : c === "{" ? "\\7B " : "\\" + c);
 	for (const c of result) if (c === "(") closers = ")" + closers;
 	else if (c === "[") closers = "]" + closers;
 	else if (c === closers[0]) closers = closers.slice(1);
@@ -233,6 +233,10 @@ const DYNAMIC_TAG_SCRIPT_REGISTER_ID = "_dynamicTagScript";
 function toArray(opt) {
 	return opt ? Array.isArray(opt) ? opt : [opt] : [];
 }
+function forEach(opt, cb) {
+	if (opt) if (Array.isArray(opt)) for (const item of opt) cb(item);
+	else cb(opt);
+}
 function push(opt, item) {
 	return opt ? Array.isArray(opt) ? (opt.push(item), opt) : [opt, item] : item;
 }
@@ -778,12 +782,14 @@ function init(runtimeId = "M") {
 						if (branch["#AwaitCounter"] = render.p?.[branchId]) branch["#AwaitCounter"].m = render.m;
 						if (singleNode) {
 							while (startVisit.previousSibling && ~visits.indexOf(startVisit = startVisit.previousSibling));
+							branch["_"] ??= visitScope;
 							branch["#EndNode"] = branch["#StartNode"] = startVisit;
 							if (visitType === "'") branch[getDebugKey(0, startVisit)] = startVisit;
 						} else {
 							curBranchScopes = push(curBranchScopes, branch);
 							if (accessor) {
 								visitScope[accessor] = curBranchScopes;
+								forEach(curBranchScopes, (scope) => scope["_"] ??= visitScope);
 								curBranchScopes = branchScopesStack.pop();
 							}
 							startVisit = branchStarts.pop();
@@ -1186,20 +1192,16 @@ function _attr_style_item(element, name, value) {
 function _style_shell(scope, nodeAccessor) {
 	const element = scope[nodeAccessor];
 	const id = _id(scope);
+	_attr_nonce(scope, nodeAccessor);
 	element.className = id;
-	_text_content(element, "." + id + " ~ *{}");
+	_text_content(element, "." + id + "~*{}");
 }
 function _style_rule_item(element, name, value) {
 	const text = element.textContent;
 	const decl = name + ":" + escapeStyleValue(_to_text(value)) + ";";
 	let start = text.indexOf("{" + name + ":");
-	if (start === -1) start = text.indexOf(";" + name + ":");
-	if (start === -1) element.textContent = text.slice(0, -1) + decl + "}";
-	else {
-		let end = ++start;
-		for (let c; (c = text[end]) && c !== ";"; end++) if (c === "\\") end++;
-		element.textContent = text.slice(0, start) + decl + text.slice(end + 1);
-	}
+	if (!~start) start = text.indexOf(";" + name + ":");
+	_text_content(element, ~start ? text.slice(0, ++start) + decl + text.slice(text.indexOf(";", start) + 1) : text.slice(0, -1) + decl + "}");
 }
 function _attr_nonce(scope, nodeAccessor) {
 	_attr(scope[nodeAccessor], "nonce", scope["$global"].cspNonce);

package/dist/debug/dom.mjs

@@ -71,7 +71,7 @@ function stringifyStyleObject(name, value) {
 }
 function escapeStyleValue(str) {
 	let closers = "";
-	const result = str.replace(/[\\"'{};>]|\/(?=\*)/g, "\\$&").replace(/</g, "\\3C ");
+	const result = str.replace(/[\\"'{};<>]|\/(?=\*)/g, (c) => c === "<" ? "\\3C " : c === ";" ? "\\3B " : c === "{" ? "\\7B " : "\\" + c);
 	for (const c of result) if (c === "(") closers = ")" + closers;
 	else if (c === "[") closers = "]" + closers;
 	else if (c === closers[0]) closers = closers.slice(1);
@@ -231,6 +231,10 @@ const DYNAMIC_TAG_SCRIPT_REGISTER_ID = "_dynamicTagScript";
 function toArray(opt) {
 	return opt ? Array.isArray(opt) ? opt : [opt] : [];
 }
+function forEach(opt, cb) {
+	if (opt) if (Array.isArray(opt)) for (const item of opt) cb(item);
+	else cb(opt);
+}
 function push(opt, item) {
 	return opt ? Array.isArray(opt) ? (opt.push(item), opt) : [opt, item] : item;
 }
@@ -776,12 +780,14 @@ function init(runtimeId = "M") {
 						if (branch["#AwaitCounter"] = render.p?.[branchId]) branch["#AwaitCounter"].m = render.m;
 						if (singleNode) {
 							while (startVisit.previousSibling && ~visits.indexOf(startVisit = startVisit.previousSibling));
+							branch["_"] ??= visitScope;
 							branch["#EndNode"] = branch["#StartNode"] = startVisit;
 							if (visitType === "'") branch[getDebugKey(0, startVisit)] = startVisit;
 						} else {
 							curBranchScopes = push(curBranchScopes, branch);
 							if (accessor) {
 								visitScope[accessor] = curBranchScopes;
+								forEach(curBranchScopes, (scope) => scope["_"] ??= visitScope);
 								curBranchScopes = branchScopesStack.pop();
 							}
 							startVisit = branchStarts.pop();
@@ -1184,20 +1190,16 @@ function _attr_style_item(element, name, value) {
 function _style_shell(scope, nodeAccessor) {
 	const element = scope[nodeAccessor];
 	const id = _id(scope);
+	_attr_nonce(scope, nodeAccessor);
 	element.className = id;
-	_text_content(element, "." + id + " ~ *{}");
+	_text_content(element, "." + id + "~*{}");
 }
 function _style_rule_item(element, name, value) {
 	const text = element.textContent;
 	const decl = name + ":" + escapeStyleValue(_to_text(value)) + ";";
 	let start = text.indexOf("{" + name + ":");
-	if (start === -1) start = text.indexOf(";" + name + ":");
-	if (start === -1) element.textContent = text.slice(0, -1) + decl + "}";
-	else {
-		let end = ++start;
-		for (let c; (c = text[end]) && c !== ";"; end++) if (c === "\\") end++;
-		element.textContent = text.slice(0, start) + decl + text.slice(end + 1);
-	}
+	if (!~start) start = text.indexOf(";" + name + ":");
+	_text_content(element, ~start ? text.slice(0, ++start) + decl + text.slice(text.indexOf(";", start) + 1) : text.slice(0, -1) + decl + "}");
 }
 function _attr_nonce(scope, nodeAccessor) {
 	_attr(scope[nodeAccessor], "nonce", scope["$global"].cspNonce);

package/dist/debug/html.js

@@ -69,7 +69,7 @@ function stringifyStyleObject(name, value) {
 }
 function escapeStyleValue(str) {
 	let closers = "";
-	const result = str.replace(/[\\"'{};>]|\/(?=\*)/g, "\\$&").replace(/</g, "\\3C ");
+	const result = str.replace(/[\\"'{};<>]|\/(?=\*)/g, (c) => c === "<" ? "\\3C " : c === ";" ? "\\3B " : c === "{" ? "\\7B " : "\\" + c);
 	for (const c of result) if (c === "(") closers = ")" + closers;
 	else if (c === "[") closers = "]" + closers;
 	else if (c === closers[0]) closers = closers.slice(1);
@@ -1723,7 +1723,7 @@ function _scope_reason() {
 	return reason;
 }
 function _serialize_if(condition, key) {
-	return condition && (condition === 1 || condition[key]) ? 1 : void 0;
+	return condition && (condition === 1 || (typeof condition === "number" ? condition >>> key + 1 & 1 : condition[key])) ? 1 : void 0;
 }
 function _serialize_guard(condition, key) {
 	return _serialize_if(condition, key) || 0;
@@ -2271,7 +2271,7 @@ var Chunk = class Chunk {
 			readyResumeScripts = concatScripts(readyResumeScripts, state.writeReady(channel.readyId, concatSequence(depsMarker(deps), resumes)));
 		}
 		if (readyResumeScripts) needsWalk = true;
-		const { effects } = this;
+		const effects = this.async ? "" : this.effects;
 		let { html, scripts } = this;
 		if (state.needsMainRuntime && !state.hasMainRuntime) {
 			state.hasMainRuntime = true;
@@ -2334,7 +2334,8 @@ var Chunk = class Chunk {
 		if (needsWalk) scripts = concatScripts(scripts, runtimePrefix + ".w()");
 		this.html = html;
 		this.scripts = scripts;
-		this.effects = this.lastEffect = state.resumes = "";
+		if (!this.async) this.effects = this.lastEffect = "";
+		state.resumes = "";
 		return this;
 	}
 	flushHTML() {
@@ -2544,7 +2545,7 @@ function _attr_nonce() {
 }
 function _style_html(decls) {
 	const id = _id();
-	return `<style${_attr_nonce()} class=${id}>.${id} ~ *{${decls}}</style>`;
+	return `<style${_attr_nonce()} class=${id}>.${id}~*{${decls}}</style>`;
 }
 function _attr(name, value) {
 	return isVoid(value) ? "" : nonVoidAttr(name, value);

package/dist/debug/html.mjs

@@ -67,7 +67,7 @@ function stringifyStyleObject(name, value) {
 }
 function escapeStyleValue(str) {
 	let closers = "";
-	const result = str.replace(/[\\"'{};>]|\/(?=\*)/g, "\\$&").replace(/</g, "\\3C ");
+	const result = str.replace(/[\\"'{};<>]|\/(?=\*)/g, (c) => c === "<" ? "\\3C " : c === ";" ? "\\3B " : c === "{" ? "\\7B " : "\\" + c);
 	for (const c of result) if (c === "(") closers = ")" + closers;
 	else if (c === "[") closers = "]" + closers;
 	else if (c === closers[0]) closers = closers.slice(1);
@@ -1721,7 +1721,7 @@ function _scope_reason() {
 	return reason;
 }
 function _serialize_if(condition, key) {
-	return condition && (condition === 1 || condition[key]) ? 1 : void 0;
+	return condition && (condition === 1 || (typeof condition === "number" ? condition >>> key + 1 & 1 : condition[key])) ? 1 : void 0;
 }
 function _serialize_guard(condition, key) {
 	return _serialize_if(condition, key) || 0;
@@ -2269,7 +2269,7 @@ var Chunk = class Chunk {
 			readyResumeScripts = concatScripts(readyResumeScripts, state.writeReady(channel.readyId, concatSequence(depsMarker(deps), resumes)));
 		}
 		if (readyResumeScripts) needsWalk = true;
-		const { effects } = this;
+		const effects = this.async ? "" : this.effects;
 		let { html, scripts } = this;
 		if (state.needsMainRuntime && !state.hasMainRuntime) {
 			state.hasMainRuntime = true;
@@ -2332,7 +2332,8 @@ var Chunk = class Chunk {
 		if (needsWalk) scripts = concatScripts(scripts, runtimePrefix + ".w()");
 		this.html = html;
 		this.scripts = scripts;
-		this.effects = this.lastEffect = state.resumes = "";
+		if (!this.async) this.effects = this.lastEffect = "";
+		state.resumes = "";
 		return this;
 	}
 	flushHTML() {
@@ -2542,7 +2543,7 @@ function _attr_nonce() {
 }
 function _style_html(decls) {
 	const id = _id();
-	return `<style${_attr_nonce()} class=${id}>.${id} ~ *{${decls}}</style>`;
+	return `<style${_attr_nonce()} class=${id}>.${id}~*{${decls}}</style>`;
 }
 function _attr(name, value) {
 	return isVoid(value) ? "" : nonVoidAttr(name, value);

package/dist/dom.js

@@ -133,7 +133,7 @@ function stringifyStyleObject(name, value) {
 	return value || value === 0 ? name + ":" + value : "";
 }
 function escapeStyleValue(str) {
-	let closers = "", result = str.replace(/[\\"'{};>]|\/(?=\*)/g, "\\$&").replace(/</g, "\\3C ");
+	let closers = "", result = str.replace(/[\\"'{};<>]|\/(?=\*)/g, (c) => c === "<" ? "\\3C " : c === ";" ? "\\3B " : c === "{" ? "\\7B " : "\\" + c);
 	for (let c of result) c === "(" ? closers = ")" + closers : c === "[" ? closers = "]" + closers : c === closers[0] && (closers = closers.slice(1));
 	return result + closers;
 }
@@ -181,6 +181,10 @@ function forUntil(until, from, step, cb) {
 function toArray(opt) {
 	return opt ? Array.isArray(opt) ? opt : [opt] : [];
 }
+function forEach(opt, cb) {
+	if (opt) if (Array.isArray(opt)) for (let item of opt) cb(item);
+	else cb(opt);
+}
 function push(opt, item) {
 	return opt ? Array.isArray(opt) ? (opt.push(item), opt) : [opt, item] : item;
 }
@@ -496,8 +500,8 @@ function init(runtimeId = "M") {
 				for (visitType !== "[" && (visitScope[nextToken()] = visitType === ")" || visitType === "}" ? parent : visit, accessor = "A" + lastToken, singleNode = visitType !== "]" && visitType !== ")", nextToken()); branchId = +lastToken;) {
 					if ((endedBranches ||= []).push(branch = getScope(branchId)), setParentBranch(branch, branch.F), (branch.O = render.p?.[branchId]) && (branch.O.m = render.m), singleNode) {
 						for (; startVisit.previousSibling && ~visits.indexOf(startVisit = startVisit.previousSibling););
-						branch.K = branch.S = startVisit, visitType === "'" && (branch.a = startVisit);
-					} else curBranchScopes = push(curBranchScopes, branch), accessor && (visitScope[accessor] = curBranchScopes, curBranchScopes = branchScopesStack.pop()), startVisit = branchStarts.pop(), parent !== startVisit.parentNode && parent.prepend(startVisit), branch.S = startVisit, branch.K = visit.previousSibling === startVisit ? startVisit : parent.insertBefore(new Text(), visit);
+						branch._ ??= visitScope, branch.K = branch.S = startVisit, visitType === "'" && (branch.a = startVisit);
+					} else curBranchScopes = push(curBranchScopes, branch), accessor && (visitScope[accessor] = curBranchScopes, forEach(curBranchScopes, (scope) => scope._ ??= visitScope), curBranchScopes = branchScopesStack.pop()), startVisit = branchStarts.pop(), parent !== startVisit.parentNode && parent.prepend(startVisit), branch.S = startVisit, branch.K = visit.previousSibling === startVisit ? startVisit : parent.insertBefore(new Text(), visit);
 					for (; i && orphanBranches[--i].L > branchId;) setParentBranch(orphanBranches.pop(), branch);
 					for (; j && deferredOwners[--j].L > branchId;) {
 						let owner = deferredOwners.pop();
@@ -769,16 +773,11 @@ function _attr_style_item(element, name, value) {
 }
 function _style_shell(scope, nodeAccessor) {
 	let element = scope[nodeAccessor], id = _id(scope);
-	element.className = id, _text_content(element, "." + id + " ~ *{}");
+	_attr_nonce(scope, nodeAccessor), element.className = id, _text_content(element, "." + id + "~*{}");
 }
 function _style_rule_item(element, name, value) {
 	let text = element.textContent, decl = name + ":" + escapeStyleValue(_to_text(value)) + ";", start = text.indexOf("{" + name + ":");
-	if (start === -1 && (start = text.indexOf(";" + name + ":")), start === -1) element.textContent = text.slice(0, -1) + decl + "}";
-	else {
-		let end = ++start;
-		for (let c; (c = text[end]) && c !== ";"; end++) c === "\\" && end++;
-		element.textContent = text.slice(0, start) + decl + text.slice(end + 1);
-	}
+	~start || (start = text.indexOf(";" + name + ":")), _text_content(element, ~start ? text.slice(0, ++start) + decl + text.slice(text.indexOf(";", start) + 1) : text.slice(0, -1) + decl + "}");
 }
 function _attr_nonce(scope, nodeAccessor) {
 	_attr(scope[nodeAccessor], "nonce", scope.$.cspNonce);

package/dist/dom.mjs

@@ -132,7 +132,7 @@ function stringifyStyleObject(name, value) {
 	return value || value === 0 ? name + ":" + value : "";
 }
 function escapeStyleValue(str) {
-	let closers = "", result = str.replace(/[\\"'{};>]|\/(?=\*)/g, "\\$&").replace(/</g, "\\3C ");
+	let closers = "", result = str.replace(/[\\"'{};<>]|\/(?=\*)/g, (c) => c === "<" ? "\\3C " : c === ";" ? "\\3B " : c === "{" ? "\\7B " : "\\" + c);
 	for (let c of result) c === "(" ? closers = ")" + closers : c === "[" ? closers = "]" + closers : c === closers[0] && (closers = closers.slice(1));
 	return result + closers;
 }
@@ -180,6 +180,10 @@ function forUntil(until, from, step, cb) {
 function toArray(opt) {
 	return opt ? Array.isArray(opt) ? opt : [opt] : [];
 }
+function forEach(opt, cb) {
+	if (opt) if (Array.isArray(opt)) for (let item of opt) cb(item);
+	else cb(opt);
+}
 function push(opt, item) {
 	return opt ? Array.isArray(opt) ? (opt.push(item), opt) : [opt, item] : item;
 }
@@ -495,8 +499,8 @@ function init(runtimeId = "M") {
 				for (visitType !== "[" && (visitScope[nextToken()] = visitType === ")" || visitType === "}" ? parent : visit, accessor = "A" + lastToken, singleNode = visitType !== "]" && visitType !== ")", nextToken()); branchId = +lastToken;) {
 					if ((endedBranches ||= []).push(branch = getScope(branchId)), setParentBranch(branch, branch.F), (branch.O = render.p?.[branchId]) && (branch.O.m = render.m), singleNode) {
 						for (; startVisit.previousSibling && ~visits.indexOf(startVisit = startVisit.previousSibling););
-						branch.K = branch.S = startVisit, visitType === "'" && (branch.a = startVisit);
-					} else curBranchScopes = push(curBranchScopes, branch), accessor && (visitScope[accessor] = curBranchScopes, curBranchScopes = branchScopesStack.pop()), startVisit = branchStarts.pop(), parent !== startVisit.parentNode && parent.prepend(startVisit), branch.S = startVisit, branch.K = visit.previousSibling === startVisit ? startVisit : parent.insertBefore(new Text(), visit);
+						branch._ ??= visitScope, branch.K = branch.S = startVisit, visitType === "'" && (branch.a = startVisit);
+					} else curBranchScopes = push(curBranchScopes, branch), accessor && (visitScope[accessor] = curBranchScopes, forEach(curBranchScopes, (scope) => scope._ ??= visitScope), curBranchScopes = branchScopesStack.pop()), startVisit = branchStarts.pop(), parent !== startVisit.parentNode && parent.prepend(startVisit), branch.S = startVisit, branch.K = visit.previousSibling === startVisit ? startVisit : parent.insertBefore(new Text(), visit);
 					for (; i && orphanBranches[--i].L > branchId;) setParentBranch(orphanBranches.pop(), branch);
 					for (; j && deferredOwners[--j].L > branchId;) {
 						let owner = deferredOwners.pop();
@@ -768,16 +772,11 @@ function _attr_style_item(element, name, value) {
 }
 function _style_shell(scope, nodeAccessor) {
 	let element = scope[nodeAccessor], id = _id(scope);
-	element.className = id, _text_content(element, "." + id + " ~ *{}");
+	_attr_nonce(scope, nodeAccessor), element.className = id, _text_content(element, "." + id + "~*{}");
 }
 function _style_rule_item(element, name, value) {
 	let text = element.textContent, decl = name + ":" + escapeStyleValue(_to_text(value)) + ";", start = text.indexOf("{" + name + ":");
-	if (start === -1 && (start = text.indexOf(";" + name + ":")), start === -1) element.textContent = text.slice(0, -1) + decl + "}";
-	else {
-		let end = ++start;
-		for (let c; (c = text[end]) && c !== ";"; end++) c === "\\" && end++;
-		element.textContent = text.slice(0, start) + decl + text.slice(end + 1);
-	}
+	~start || (start = text.indexOf(";" + name + ":")), _text_content(element, ~start ? text.slice(0, ++start) + decl + text.slice(text.indexOf(";", start) + 1) : text.slice(0, -1) + decl + "}");
 }
 function _attr_nonce(scope, nodeAccessor) {
 	_attr(scope[nodeAccessor], "nonce", scope.$.cspNonce);

package/dist/html/writer.d.ts

@@ -37,10 +37,11 @@ export declare function _id(): string;
 export declare function _scope_id(): number;
 export declare function _peek_scope_id(): number;
 export declare function getScopeById(scopeId: number | undefined): ScopeInternals | undefined;
-export declare function _set_serialize_reason(reason: undefined | 0 | 1): void;
-export declare function _scope_reason(): 0 | 1 | undefined;
-export declare function _serialize_if(condition: undefined | 1 | Record<string, 1>, key: string): 1 | undefined;
-export declare function _serialize_guard(condition: undefined | 1 | Record<string, 1>, key: string): 0 | 1;
+export type SerializeReasonValue = undefined | number | Partial<Record<string, 0 | 1>>;
+export declare function _set_serialize_reason(reason: SerializeReasonValue): void;
+export declare function _scope_reason(): SerializeReasonValue;
+export declare function _serialize_if(condition: SerializeReasonValue, key: number): 1 | undefined;
+export declare function _serialize_guard(condition: SerializeReasonValue, key: number): 0 | 1;
 export declare function _el_resume(scopeId: number, accessor: Accessor, shouldResume?: 0 | 1): string;
 export declare function _sep(shouldResume: 0 | 1): "" | "<!>";
 export declare function _el(scopeId: number, id: string): () => void;
@@ -100,7 +101,7 @@ export declare class State implements SerializeState {
     flushScopes: boolean;
     writeScopes: Record<number, PartialScope>;
     readyIds: Set<string> | null;
-    serializeReason: undefined | 0 | 1;
+    serializeReason: SerializeReasonValue;
     constructor($global: $Global & {
         renderId: string;
         runtimeId: string;

package/dist/html.js

@@ -376,7 +376,7 @@ function stringifyStyleObject(name, value) {
 	return value || value === 0 ? name + ":" + value : "";
 }
 function escapeStyleValue(str) {
-	let closers = "", result = str.replace(/[\\"'{};>]|\/(?=\*)/g, "\\$&").replace(/</g, "\\3C ");
+	let closers = "", result = str.replace(/[\\"'{};<>]|\/(?=\*)/g, (c) => c === "<" ? "\\3C " : c === ";" ? "\\3B " : c === "{" ? "\\7B " : "\\" + c);
 	for (let c of result) c === "(" ? closers = ")" + closers : c === "[" ? closers = "]" + closers : c === closers[0] && (closers = closers.slice(1));
 	return result + closers;
 }
@@ -1145,7 +1145,7 @@ function _scope_reason() {
 	return $chunk.boundary.state.serializeReason = void 0, reason;
 }
 function _serialize_if(condition, key) {
-	return condition && (condition === 1 || condition[key]) ? 1 : void 0;
+	return condition && (condition === 1 || (typeof condition == "number" ? condition >>> key + 1 & 1 : condition[key])) ? 1 : void 0;
 }
 function _serialize_guard(condition, key) {
 	return _serialize_if(condition, key) || 0;
@@ -1503,7 +1503,7 @@ var State = class {
 			state.needsMainRuntime = !0, readyResumeScripts = concatScripts(readyResumeScripts, state.writeReady(channel.readyId, concatSequence(depsMarker(deps), resumes)));
 		}
 		readyResumeScripts && (needsWalk = !0);
-		let { effects } = this, { html, scripts } = this;
+		let effects = this.async ? "" : this.effects, { html, scripts } = this;
 		if (state.needsMainRuntime && !state.hasMainRuntime && (state.hasMainRuntime = !0, scripts = concatScripts(scripts, "(e=>(self[e]||=(l,f=e+l,s=f.length,a={},d=[],t=document,n=t.createTreeWalker(t,129))=>t=self[e][l]={i:f,d:t,l:a,v:d,x(){},w(e,l,r){for(;e=n.nextNode();)t.x(l=(l=e.data)&&!l.indexOf(f)&&(a[r=l.slice(s+1)]=e,l[s]),r,e),l>\"#\"&&d.push(e)}},self[e]))(\"" + $global.runtimeId + "\")(\"" + $global.renderId + "\")")), scripts = concatScripts(scripts, readyResumeScripts), effects && (needsWalk = !0, state.resumes = state.resumes ? state.resumes + ",\"" + effects + "\"" : "\"" + effects + "\""), state.resumes && (state.hasWrittenResume ? scripts = concatScripts(scripts, runtimePrefix + ".r.push(" + state.resumes + ")") : (state.hasWrittenResume = !0, scripts = concatScripts(scripts, runtimePrefix + ".r=[" + state.resumes + "]"))), state.writeReorders) {
 			needsWalk = !0, state.hasReorderRuntime || (state.hasReorderRuntime = !0, scripts = concatScripts(scripts, "(e=>{if(e.j)return;let i,l,r,t=e.p={},c=(i,l)=>e.l[i].replaceWith(...l.childNodes);e.j={},e.x=(n,a,d,o,g)=>{d==r&&i(),\"#\"==n?(t[a]=l).i++:\"!\"==n?e.l[a]&&t[a]&&(r=d.nextSibling,i=()=>t[a].c()):\"T\"==d.tagName&&(a=d.getAttribute(e.i))&&(r=d.nextSibling,i=()=>{d.remove(),o||c(a,d),l.c()},l=t[a]||(o=t[a]={i:e.l[a]?1:2,c(i=e.l[\"^\"+a]){if(--o.i)return 1;for(;(r=e.l[a].previousSibling||i).remove(),i!=r;);c(a,d)}}),(n=e.j[a])&&(g=l.c,l.c=()=>g()||n(e.r)))}})(" + runtimePrefix + ")"));
 			for (let reorderedChunk of state.writeReorders) {
@@ -1520,7 +1520,7 @@ var State = class {
 			}
 			state.writeReorders = null;
 		}
-		return needsWalk && (scripts = concatScripts(scripts, runtimePrefix + ".w()")), this.html = html, this.scripts = scripts, this.effects = this.lastEffect = state.resumes = "", this;
+		return needsWalk && (scripts = concatScripts(scripts, runtimePrefix + ".w()")), this.html = html, this.scripts = scripts, this.async || (this.effects = this.lastEffect = ""), state.resumes = "", this;
 	}
 	flushHTML() {
 		let { boundary } = this, { state } = boundary;
@@ -1661,7 +1661,7 @@ function _attr_nonce() {
 }
 function _style_html(decls) {
 	let id = _id();
-	return `<style${_attr_nonce()} class=${id}>.${id} ~ *{${decls}}</style>`;
+	return `<style${_attr_nonce()} class=${id}>.${id}~*{${decls}}</style>`;
 }
 function _attr(name, value) {
 	return isVoid(value) ? "" : nonVoidAttr(name, value);

package/dist/html.mjs

@@ -375,7 +375,7 @@ function stringifyStyleObject(name, value) {
 	return value || value === 0 ? name + ":" + value : "";
 }
 function escapeStyleValue(str) {
-	let closers = "", result = str.replace(/[\\"'{};>]|\/(?=\*)/g, "\\$&").replace(/</g, "\\3C ");
+	let closers = "", result = str.replace(/[\\"'{};<>]|\/(?=\*)/g, (c) => c === "<" ? "\\3C " : c === ";" ? "\\3B " : c === "{" ? "\\7B " : "\\" + c);
 	for (let c of result) c === "(" ? closers = ")" + closers : c === "[" ? closers = "]" + closers : c === closers[0] && (closers = closers.slice(1));
 	return result + closers;
 }
@@ -1144,7 +1144,7 @@ function _scope_reason() {
 	return $chunk.boundary.state.serializeReason = void 0, reason;
 }
 function _serialize_if(condition, key) {
-	return condition && (condition === 1 || condition[key]) ? 1 : void 0;
+	return condition && (condition === 1 || (typeof condition == "number" ? condition >>> key + 1 & 1 : condition[key])) ? 1 : void 0;
 }
 function _serialize_guard(condition, key) {
 	return _serialize_if(condition, key) || 0;
@@ -1502,7 +1502,7 @@ var State = class {
 			state.needsMainRuntime = !0, readyResumeScripts = concatScripts(readyResumeScripts, state.writeReady(channel.readyId, concatSequence(depsMarker(deps), resumes)));
 		}
 		readyResumeScripts && (needsWalk = !0);
-		let { effects } = this, { html, scripts } = this;
+		let effects = this.async ? "" : this.effects, { html, scripts } = this;
 		if (state.needsMainRuntime && !state.hasMainRuntime && (state.hasMainRuntime = !0, scripts = concatScripts(scripts, "(e=>(self[e]||=(l,f=e+l,s=f.length,a={},d=[],t=document,n=t.createTreeWalker(t,129))=>t=self[e][l]={i:f,d:t,l:a,v:d,x(){},w(e,l,r){for(;e=n.nextNode();)t.x(l=(l=e.data)&&!l.indexOf(f)&&(a[r=l.slice(s+1)]=e,l[s]),r,e),l>\"#\"&&d.push(e)}},self[e]))(\"" + $global.runtimeId + "\")(\"" + $global.renderId + "\")")), scripts = concatScripts(scripts, readyResumeScripts), effects && (needsWalk = !0, state.resumes = state.resumes ? state.resumes + ",\"" + effects + "\"" : "\"" + effects + "\""), state.resumes && (state.hasWrittenResume ? scripts = concatScripts(scripts, runtimePrefix + ".r.push(" + state.resumes + ")") : (state.hasWrittenResume = !0, scripts = concatScripts(scripts, runtimePrefix + ".r=[" + state.resumes + "]"))), state.writeReorders) {
 			needsWalk = !0, state.hasReorderRuntime || (state.hasReorderRuntime = !0, scripts = concatScripts(scripts, "(e=>{if(e.j)return;let i,l,r,t=e.p={},c=(i,l)=>e.l[i].replaceWith(...l.childNodes);e.j={},e.x=(n,a,d,o,g)=>{d==r&&i(),\"#\"==n?(t[a]=l).i++:\"!\"==n?e.l[a]&&t[a]&&(r=d.nextSibling,i=()=>t[a].c()):\"T\"==d.tagName&&(a=d.getAttribute(e.i))&&(r=d.nextSibling,i=()=>{d.remove(),o||c(a,d),l.c()},l=t[a]||(o=t[a]={i:e.l[a]?1:2,c(i=e.l[\"^\"+a]){if(--o.i)return 1;for(;(r=e.l[a].previousSibling||i).remove(),i!=r;);c(a,d)}}),(n=e.j[a])&&(g=l.c,l.c=()=>g()||n(e.r)))}})(" + runtimePrefix + ")"));
 			for (let reorderedChunk of state.writeReorders) {
@@ -1519,7 +1519,7 @@ var State = class {
 			}
 			state.writeReorders = null;
 		}
-		return needsWalk && (scripts = concatScripts(scripts, runtimePrefix + ".w()")), this.html = html, this.scripts = scripts, this.effects = this.lastEffect = state.resumes = "", this;
+		return needsWalk && (scripts = concatScripts(scripts, runtimePrefix + ".w()")), this.html = html, this.scripts = scripts, this.async || (this.effects = this.lastEffect = ""), state.resumes = "", this;
 	}
 	flushHTML() {
 		let { boundary } = this, { state } = boundary;
@@ -1660,7 +1660,7 @@ function _attr_nonce() {
 }
 function _style_html(decls) {
 	let id = _id();
-	return `<style${_attr_nonce()} class=${id}>.${id} ~ *{${decls}}</style>`;
+	return `<style${_attr_nonce()} class=${id}>.${id}~*{${decls}}</style>`;
 }
 function _attr(name, value) {
 	return isVoid(value) ? "" : nonVoidAttr(name, value);

package/dist/translator/index.js

@@ -1201,6 +1201,12 @@ function addOwnerSerializeReason(from, to, reason) {
 function isReasonDynamic(reason) {
 	return !!reason && reason !== true && !reason.state;
 }
+function isStaticSerializeReason(reason) {
+	return !!reason && !isReasonDynamic(reason);
+}
+function isStateSerializeReason(reason) {
+	return !!reason && reason !== true && !!reason.state;
+}
 function getSerializeReason(section, prop, prefix) {
 	if (prop) return section.serializeReasons.get(getPropKey(section, prop, prefix));
 	else return section.serializeReason;
@@ -2263,6 +2269,7 @@ const pureDOMFunctions = new Set([
 	"_for_of",
 	"_for_to",
 	"_for_until",
+	"_hoist",
 	"_let",
 	"_let_change",
 	"_const",
@@ -2313,6 +2320,40 @@ function getCompatRuntimeFile() {
 	return `marko/${markoOpts.optimize ? "dist" : "src"}/runtime/helpers/tags-compat/${isOutputHTML() ? "html" : "dom"}${markoOpts.optimize ? "" : "-debug"}.${markoOpts.modules === "esm" ? "mjs" : "js"}`;
 }
 //#endregion
+//#region src/translator/util/setup-statements.ts
+/**
+* Tracks, during analyze, whether translate will add statements to a
+* section's setup signal (the signal keyed by no referenced bindings).
+* Sites that key statements by an expression's resolved references register
+* the expression with `addSetupExpr`; sites that always target the setup
+* signal call `addSetupStatement`. Expressions that resolve references
+* through `mergeReferences` are covered centrally by `finalizeReferences`.
+*
+* This lets a template's analyze phase prove its setup export is a noop so
+* parent templates can skip importing and calling it. The proof is checked
+* when the template itself is translated (see `visitors/program/dom.ts`).
+*/
+const [getSetupInfo] = createSectionState("setupStatements", () => ({
+	forced: false,
+	exprs: /* @__PURE__ */ new Set()
+}));
+function addSetupStatement(section) {
+	getSetupInfo(section).forced = true;
+}
+function addSetupExpr(section, node) {
+	if (node) getSetupInfo(section).exprs.add(node.extra ??= {});
+	else getSetupInfo(section).forced = true;
+}
+function sectionHasSetupStatements(section) {
+	const info = getSetupInfo(section);
+	if (info.forced) return true;
+	for (let extra of info.exprs) {
+		while (extra.merged) extra = extra.merged;
+		if (!extra.pruned && !extra.referencedBindings) return true;
+	}
+	return false;
+}
+//#endregion
 //#region src/translator/util/binding-has-prop.ts
 function bindingHasProperty(binding, properties) {
 	if (binding.pruned) return false;
@@ -2753,8 +2794,10 @@ var return_default = {
 		if (!attrs.value) throw tag.get("name").buildCodeFrameError("The [`<return>` tag](https://markojs.com/docs/reference/core-tag#return) requires a [`value=` attribute](https://markojs.com/docs/reference/language#shorthand-value).");
 		if (attrs.valueChange) {
 			(attrs.valueChange.extra ??= {}).isEffect = true;
+			addSetupExpr(section, attrs.valueChange);
 			addSerializeReason(section, true, getAccessorProp().TagVariableChange);
 		}
+		addSetupExpr(section, attrs.value);
 		section.returnValueExpr = attrs.value.extra ??= {};
 	},
 	translate: translateByTarget({
@@ -2990,6 +3033,10 @@ function setClosureSignalBuilder(tag, builder) {
 	_setClosureSignalBuilder(getSectionForBody(tag.get("body")), builder);
 }
 const [getTryHasPlaceholder, setTryHasPlaceholder] = createSectionState("tryWithPlaceholder");
+const [getOwnerResumedByMarker, setOwnerResumedByMarker] = createSectionState("ownerResumedByMarker");
+function setSectionOwnerResumedByMarker(section) {
+	setOwnerResumedByMarker(section, true);
+}
 const [getSerializedAccessors] = createSectionState("serializedScopeProperties", () => /* @__PURE__ */ new Map());
 function setSectionSerializedValue(section, prop, expression) {
 	const reason = getSerializeReason(section, prop);
@@ -3100,6 +3147,7 @@ function underTryPlaceholder(section) {
 function initValue(binding, isLet = false) {
 	const section = binding.section;
 	const signal = getSignal(section, binding);
+	if (binding.forcePersist) signal.forcePersist = true;
 	signal.build = () => {
 		if (isPureMemberForwarder(binding)) return;
 		const fn = getSignalFn(signal);
@@ -3472,7 +3520,7 @@ function writeHTMLResumeStatements(path) {
 		const ownerReason = getSerializeReason(section, ownerAccessor);
 		if (ownerReason) {
 			serializedLookup.delete(ownerAccessor);
-			serializedProperties.push(toObjectProperty(ownerAccessor, ifSerialized(ownerReason, callRuntime("_scope_with_id", getScopeIdIdentifier(section.parent)))));
+			if (!getOwnerResumedByMarker(section)) serializedProperties.push(toObjectProperty(ownerAccessor, ifSerialized(ownerReason, callRuntime("_scope_with_id", getScopeIdIdentifier(section.parent)))));
 		}
 	}
 	for (const [key, { expression, reason }] of serializedLookup) serializedProperties.push(toObjectProperty(key, ifSerialized(reason, expression)));
@@ -3717,9 +3765,11 @@ var dom_default = { translate: {
 				if (decls) extraDecls = extraDecls ? [...decls, ...extraDecls] : decls;
 			}
 		});
-		writeSignals(section);
+		const written = writeSignals(section);
 		writeRegisteredFns();
-		if (!getSetup(section)) program.node.body.unshift(_marko_compiler.types.exportNamedDeclaration(_marko_compiler.types.variableDeclaration("const", [_marko_compiler.types.variableDeclarator(setupIdentifier, _marko_compiler.types.arrowFunctionExpression([], _marko_compiler.types.blockStatement([])))])));
+		const setup = getSetup(section);
+		if (domExports.setupEmpty && setup && written.has(setup)) throw program.buildCodeFrameError("Marko internal error: analysis marked this template's setup export as empty but translation produced statements for it. Please open an issue with a reproduction.");
+		if (!setup) program.node.body.unshift(_marko_compiler.types.exportNamedDeclaration(_marko_compiler.types.variableDeclaration("const", [_marko_compiler.types.variableDeclarator(setupIdentifier, _marko_compiler.types.arrowFunctionExpression([], _marko_compiler.types.blockStatement([])))])));
 		program.node.body.unshift(_marko_compiler.types.exportNamedDeclaration(_marko_compiler.types.variableDeclaration("const", [_marko_compiler.types.variableDeclarator(templateIdentifier, writes || _marko_compiler.types.stringLiteral(""))])), _marko_compiler.types.exportNamedDeclaration(_marko_compiler.types.variableDeclaration("const", [_marko_compiler.types.variableDeclarator(walksIdentifier, walks || _marko_compiler.types.stringLiteral(""))])));
 		if (extraDecls) program.node.body.unshift(_marko_compiler.types.variableDeclaration("const", extraDecls));
 		program.node.body.push(_marko_compiler.types.exportDefaultDeclaration(callRuntime("_template", _marko_compiler.types.stringLiteral(program.hub.file.metadata.marko.id), templateIdentifier, walksIdentifier, setupIdentifier, programInputSignal?.identifier)));
@@ -3992,6 +4042,7 @@ var for_default = {
 				const singleChild = bodySection.content?.singleChild && bodySection.content.startType !== 4;
 				const branchSerializeReason = getSerializeReason(bodySection, kBranchSerializeReason);
 				const markerSerializeReason = getSerializeReason(tagSection, nodeBinding);
+				if (isStateSerializeReason(getSerializeReason(tagSection, kStatefulReason$2)) && isStaticSerializeReason(branchSerializeReason) && isStaticSerializeReason(markerSerializeReason)) setSectionOwnerResumedByMarker(bodySection);
 				flushInto(tag);
 				writeHTMLResumeStatements(tagBody);
 				const forTagArgs = getBaseArgsInForTag(forType, forAttrs);
@@ -4484,6 +4535,7 @@ var native_tag_default = {
 				if (isEventOrChangeHandler(attr.name)) assertNativeHandlerAttr(tag, attr);
 				if (isEventHandler(attr.name)) {
 					valueExtra.isEffect = true;
+					valueExtra.invokeOnly = true;
 					hasEventHandlers = true;
 				} else {
 					assertValidNativeEventHandlerAttr(tag, attr);
@@ -4523,6 +4575,7 @@ var native_tag_default = {
 				}
 				const spreadExtra = mergeReferences(tagSection, tag.node, spreadReferenceNodes);
 				spreadExtra.nativeTagSpread = true;
+				spreadExtra.invokeOnly = true;
 				if (isMergedSpread) spreadExtra.nativeTagSpreadMerged = true;
 				let carveProperties = getSpreadControllableValueProps(tagName);
 				if (!tag.node.body.body.length && !isTextOnly && !(0, _marko_compiler_babel_utils.getTagDef)(tag)?.parseOptions?.openTagOnly && !seen.content) if (carveProperties) carveProperties.push("content");
@@ -4538,7 +4591,16 @@ var native_tag_default = {
 				}
 			} else relatedControllable = getRelatedControllable(tagName, seen);
 			if (relatedControllable) mergeReferences(tagSection, relatedControllable.attrs.find(Boolean).value, relatedControllable.attrs.map((it) => it?.value));
-			if (textPlaceholders) exprExtras = push(exprExtras, textPlaceholders.length === 1 ? textPlaceholders[0].extra ??= {} : mergeReferences(tagSection, textPlaceholders[0], textPlaceholders.slice(1)));
+			if (textPlaceholders) {
+				exprExtras = push(exprExtras, textPlaceholders.length === 1 ? textPlaceholders[0].extra ??= {} : mergeReferences(tagSection, textPlaceholders[0], textPlaceholders.slice(1)));
+				addSetupExpr(tagSection, textPlaceholders[0]);
+			}
+			if (injectNonce) addSetupStatement(tagSection);
+			if (relatedControllable?.attrs[1]) addSetupStatement(tagSection);
+			for (const name in seen) {
+				const attr = seen[name];
+				if (isEventHandler(name) || name === "content" || !evaluate(attr.value).confident) addSetupExpr(tagSection, attr.value);
+			}
 			addSerializeExpr(tagSection, !!(node.var || hasEventHandlers), nodeBinding);
 			trackDomVarReferences(tag, nodeBinding);
 			addSerializeExpr(tagSection, push(exprExtras, tagExtra), nodeBinding);
@@ -5167,7 +5229,11 @@ const IfTag = {
 			exit(tag) {
 				if (tag.node.body.attributeTags) return;
 				const tagBody = tag.get("body");
-				if (getSectionForBody(tagBody)) {
+				const bodySection = getSectionForBody(tagBody);
+				if (bodySection) {
+					const [[ifTag]] = getBranches(tag);
+					const ifTagSection = getSection(ifTag);
+					if (isStateSerializeReason(getSerializeReason(ifTagSection, kStatefulReason$1)) && isStaticSerializeReason(getSerializeReason(bodySection, kBranchSerializeReason)) && isStaticSerializeReason(getSerializeReason(ifTagSection, getOptimizedOnlyChildNodeBinding(ifTag, ifTagSection)))) setSectionOwnerResumedByMarker(bodySection);
 					flushInto(tag);
 					writeHTMLResumeStatements(tagBody);
 				}
@@ -5669,6 +5735,8 @@ var program_default = {
 			const programExtra = program.node.extra;
 			const paramsBinding = programExtra.binding;
 			if (paramsBinding && !paramsBinding.pruned) programExtra.domExports.params = getBindingPropTree(paramsBinding);
+			const section = programExtra.section;
+			if (!section.hoistedTo && !sectionHasSetupStatements(section)) programExtra.domExports.setupEmpty = true;
 		}
 	},
 	translate: {
@@ -5843,6 +5911,7 @@ function knownTagAnalyze(tag, contentSection, propTree) {
 	const varBinding = trackVarReferences(tag, 5);
 	const exprs = tagExtra[kKnownExprs] = analyzeParams(tagExtra, section, tag, propTree, attrExprs);
 	if (varBinding) {
+		addSetupStatement(section);
 		const mutatesTagVar = !!(tag.node.var.type === "Identifier" && tag.scope.getBinding(tag.node.var.name)?.constantViolations.length);
 		const varExpr = tagExtra.defineBodySection ? contentSection.returnValueExpr : mapParamReasonToExpr(exprs, contentSection.returnSerializeReason && (contentSection.returnSerializeReason === true || !!contentSection.returnSerializeReason.state || contentSection.returnSerializeReason.param));
 		varBinding.scopeOffset = tagExtra[kChildOffsetScopeBinding$1] = createBinding("#scopeOffset", 0, section);
@@ -5879,6 +5948,8 @@ function knownTagTranslateHTML(tag, tagIdentifier, contentSection, propTree) {
 			childSerializeReasonExpr = reason && getSerializeGuard(section, reason, false);
 		} else {
 			const props = [];
+			let bitmask = 0;
+			let bitmaskNames = "";
 			let hasDynamicReasons = false;
 			let hasSkippedReasons = false;
 			for (let i = 0; i < contentSection.paramReasonGroups.length; i++) {
@@ -5886,10 +5957,16 @@ function knownTagTranslateHTML(tag, tagIdentifier, contentSection, propTree) {
 				const reason = getSerializeReason(section, childScopeBinding, group.id);
 				if (reason) {
 					hasDynamicReasons ||= reason !== true && !reason.state;
-					props.push(_marko_compiler.types.objectProperty(withLeadingComment(_marko_compiler.types.numericLiteral(i), getDebugNames(group.reason)), getSerializeGuard(section, reason, false)));
+					const guard = getSerializeGuard(section, reason, false);
+					if (bitmask >= 0) if (guard.type === "NumericLiteral" && guard.value === 1 && i < 30) {
+						bitmask |= 1 << i + 1;
+						const names = getDebugNames(group.reason);
+						if (names) bitmaskNames += bitmaskNames ? ` | ${names}` : names;
+					} else bitmask = -1;
+					props.push(_marko_compiler.types.objectProperty(withLeadingComment(_marko_compiler.types.numericLiteral(i), getDebugNames(group.reason)), guard));
 				} else hasSkippedReasons = true;
 			}
-			if (props.length) childSerializeReasonExpr = hasDynamicReasons || hasSkippedReasons ? _marko_compiler.types.objectExpression(props) : _marko_compiler.types.numericLiteral(1);
+			if (props.length) childSerializeReasonExpr = !(hasDynamicReasons || hasSkippedReasons) ? _marko_compiler.types.numericLiteral(1) : bitmask > 0 ? withLeadingComment(_marko_compiler.types.numericLiteral(bitmask), bitmaskNames) : _marko_compiler.types.objectExpression(props);
 		}
 		if (childSerializeReasonExpr) tag.insertBefore(_marko_compiler.types.expressionStatement(callRuntime("_set_serialize_reason", childSerializeReasonExpr)));
 	}
@@ -5918,7 +5995,7 @@ function knownTagTranslateDOM(tag, propTree, getBindingIdentifier, callSetup) {
 		};
 		addStatement("render", tagSection, void 0, _marko_compiler.types.expressionStatement(callRuntime("_var", scopeIdentifier, getScopeAccessorLiteral(childScopeBinding, true), source.identifier)));
 	}
-	callSetup(tagSection, childScopeBinding);
+	callSetup?.(tagSection, childScopeBinding);
 	if (propTree) writeParamsToSignals(tag, propTree, getTagName(tag) || "tag", {
 		tagSection,
 		getBindingIdentifier,
@@ -5955,6 +6032,7 @@ function analyzeParams(rootTagExtra, section, tag, propTree, rootAttrExprs) {
 		const argValueExtra = arg.extra ??= {};
 		known[i++] = { value: argValueExtra };
 		rootAttrExprs.add(argValueExtra);
+		addSetupExpr(section, arg);
 	}
 	const attrPropsTree = propTree.props[i];
 	if (attrPropsTree) known[i] = analyzeAttrs(rootTagExtra, section, tag, attrPropsTree, rootAttrExprs);
@@ -6055,6 +6133,7 @@ function analyzeAttrs(rootTagExtra, section, tag, propTree, rootAttrExprs) {
 			else {
 				remaining.delete("content");
 				known.content = { value: void 0 };
+				addSetupStatement(section);
 			}
 		}
 	}
@@ -6079,7 +6158,9 @@ function analyzeAttrs(rootTagExtra, section, tag, propTree, rootAttrExprs) {
 				remaining.delete(attr.name);
 				known[attr.name] = { value: attrExtra };
 				rootAttrExprs.add(attrExtra);
+				addSetupExpr(section, attr.value);
 				setBindingDownstream(templateExportAttr.binding, attrExtra);
+				if (getRootSection(templateExportAttr.binding.section) !== (0, _marko_compiler_babel_utils.getProgram)().node.extra.section && isInvokeOnlyBinding(templateExportAttr.binding)) attrExtra.invokeOnly = true;
 				if (knownSpread && !includes(knownSpread.binding.excludeProperties, attr.name)) addRead(attrExtra, {}, getOrCreatePropertyAlias(knownSpread.binding, attr.name), section, void 0);
 			}
 		} else if (spreadReferenceNodes) spreadReferenceNodes.push(attr.value);
@@ -6102,9 +6183,13 @@ function analyzeAttrs(rootTagExtra, section, tag, propTree, rootAttrExprs) {
 		inputExpr.value = mergeReferences(section, tag.node, spreadReferenceNodes);
 		setBindingDownstream(propTree.rest?.binding || propTree.binding, inputExpr.value);
 	} else dropNodes(spreadReferenceNodes);
-	else if (restReferenceNodes) {
-		inputExpr.value = mergeReferences(section, tag.node, restReferenceNodes);
-		setBindingDownstream(propTree.rest.binding, inputExpr.value);
+	else {
+		if (restReferenceNodes) {
+			inputExpr.value = mergeReferences(section, tag.node, restReferenceNodes);
+			setBindingDownstream(propTree.rest.binding, inputExpr.value);
+		}
+		if (remaining.size) addSetupStatement(section);
+		if (propTree.rest && !propTree.rest.props) addSetupExpr(section, tag.node);
 	}
 	dropNodes(dropReferenceNodes);
 	return inputExpr;
@@ -6387,6 +6472,10 @@ function isSimpleReference(expr) {
 		default: return false;
 	}
 }
+function getRootSection(section) {
+	while (section.parent) section = section.parent;
+	return section;
+}
 //#endregion
 //#region src/translator/util/references.ts
 const kBranchSerializeReason = Symbol("branch serialize reason");
@@ -6425,7 +6514,8 @@ function createBinding(name, type, refSection, upstreamAlias, property, excludeP
 		directContentExport: void 0,
 		nullable: !sameSection || excludeProperties === void 0,
 		pruned: void 0,
-		exposed: false
+		exposed: false,
+		forcePersist: false
 	};
 	if (property) {
 		if (declared) upstreamAlias.nullable = false;
@@ -6654,6 +6744,7 @@ function mergeReferences(section, target, nodes) {
 	for (const node of nodes) {
 		if (!node) continue;
 		const extra = node.extra ??= {};
+		if (extra === targetExtra) continue;
 		extra.merged = targetExtra;
 		if (isReferencedExtra(extra)) {
 			const additionalReads = readsByExpression.get(extra);
@@ -6701,6 +6792,11 @@ function finalizeReferences() {
 	for (const [expr, reads] of readsByExpression) if (isReferencedExtra(expr)) {
 		const exprBindings = resolveReferencedBindings(expr, reads, intersectionsBySection);
 		expr.referencedBindings = exprBindings.referencedBindings;
+		expr.lazyBindings = exprBindings.lazyBindings;
+		if (!exprBindings.referencedBindings) addSetupStatement(expr.section);
+		forEach(exprBindings.lazyBindings, (binding) => {
+			binding.forcePersist = true;
+		});
 		if (exprBindings.hoistedBindings) expr.section.referencedHoists = bindingUtil.union(expr.section.referencedHoists, exprBindings.hoistedBindings);
 		if (expr.isEffect) {
 			forEach(exprBindings.referencedBindings, (binding) => {
@@ -6709,12 +6805,15 @@ function finalizeReferences() {
 			forEach(exprBindings.constantBindings, (binding) => {
 				addSerializeReason(binding.section, true, binding);
 			});
+			forEach(exprBindings.lazyBindings, (binding) => {
+				addSerializeReason(binding.section, true, binding);
+			});
 		}
 		if (exprBindings.allBindings) {
 			const exprFnReads = fnReadsByExpression.get(expr);
 			if (exprFnReads) for (const [fn, fnReads] of exprFnReads) {
 				const fnBindings = fn === expr ? exprBindings : resolveReferencedBindingsInFunction(exprBindings.allBindings, fnReads);
-				fn.referencedBindingsInFunction = fnBindings.referencedBindings;
+				fn.referencedBindingsInFunction = fn === expr ? bindingUtil.union(fnBindings.referencedBindings, exprBindings.lazyBindings) : fnBindings.referencedBindings;
 				fn.constantBindingsInFunction = fnBindings.constantBindings;
 			}
 		}
@@ -6762,14 +6861,19 @@ function finalizeReferences() {
 			}
 		}
 		section.bindings = bindingUtil.add(section.bindings, getCanonicalBinding(binding));
-		for (const { isEffect, section } of binding.reads) if (section.depth > binding.section.depth) {
-			if (binding.type === 4) section.referencedLocalClosures = bindingUtil.add(section.referencedLocalClosures, binding);
-			else if (binding.type !== 0) {
-				const canonicalUpstreamAlias = getCanonicalBinding(binding);
-				canonicalUpstreamAlias.closureSections = sectionUtil.add(canonicalUpstreamAlias.closureSections, section);
-				section.referencedClosures = bindingUtil.add(section.referencedClosures, canonicalUpstreamAlias);
-				setReadsOwner(section, canonicalUpstreamAlias.section);
-				addOwnerSerializeReason(section, canonicalUpstreamAlias.section, !!isEffect || canonicalUpstreamAlias.sources);
+		for (const exprExtra of binding.reads) {
+			const { isEffect, section } = exprExtra;
+			if (section.depth > binding.section.depth) {
+				if (binding.type === 4) section.referencedLocalClosures = bindingUtil.add(section.referencedLocalClosures, binding);
+				else if (binding.type !== 0) {
+					const canonicalUpstreamAlias = getCanonicalBinding(binding);
+					if (!bindingUtil.has(exprExtra.lazyBindings, binding)) {
+						canonicalUpstreamAlias.closureSections = sectionUtil.add(canonicalUpstreamAlias.closureSections, section);
+						section.referencedClosures = bindingUtil.add(section.referencedClosures, canonicalUpstreamAlias);
+					}
+					setReadsOwner(section, canonicalUpstreamAlias.section);
+					addOwnerSerializeReason(section, canonicalUpstreamAlias.section, !!isEffect || canonicalUpstreamAlias.sources);
+				}
 			}
 		}
 	}
@@ -7048,7 +7152,8 @@ function addRead(exprExtra, extra, binding, section, getter) {
 		extra,
 		getter,
 		ownVar: false,
-		comparedTo: void 0
+		comparedTo: void 0,
+		deferred: false
 	};
 	binding.reads.add(exprExtra);
 	exprExtra.section = section;
@@ -7086,6 +7191,7 @@ function addReadToExpression(root, binding, getter) {
 	}
 	if (root.parent.type === "MarkoSpreadAttribute") exprExtra.spreadFrom = binding;
 	if (fnRoot) {
+		read.deferred = fnRoot.node.type !== "ObjectMethod" || fnRoot.node.kind === "method";
 		const fnReadsByExpr = getFunctionReadsByExpression();
 		let exprFnReads = fnReadsByExpr.get(exprExtra);
 		if (!exprFnReads) fnReadsByExpr.set(exprExtra, exprFnReads = /* @__PURE__ */ new Map());
@@ -7230,6 +7336,12 @@ function getReadReplacement(node, signal) {
 		return replacement && withPreviousLocation(replacement, node);
 	} else if (binding && node.type == "Identifier" && node.name !== binding.name) node.name = binding.name;
 }
+function isInvokeOnlyBinding(binding) {
+	if (binding.assignmentSections || binding.hoists || binding.getters.size || binding.propertyAliases.size || binding.excludeProperties) return false;
+	for (const expr of binding.reads) if (!expr.invokeOnly) return false;
+	for (const alias of binding.aliases) if (!isInvokeOnlyBinding(alias)) return false;
+	return true;
+}
 function hasNonConstantPropertyAlias(ref) {
 	for (const alias of ref.propertyAliases.values()) if (alias.type !== 6) return true;
 	return false;
@@ -7307,11 +7419,15 @@ function addBindingGetter(binding, { invoked, hoisted }) {
 		if (hoisted || !binding.getters.has(binding.section)) binding.getters.set(hoisted, !invoked);
 	}
 }
+function isLazyRead(expr, read, binding, isChangeHandlerRead) {
+	return !!(expr.invokeOnly && read.deferred && !isChangeHandlerRead && !binding.upstreamAlias && binding.type !== 0 && binding.type !== 6 && (binding.type !== 4 || binding.section === expr.section));
+}
 function resolveReferencedBindings(expr, reads, intersectionsBySection) {
 	let referencedBindings;
 	let constantBindings;
 	let hoistedBindings;
 	let allBindings;
+	let lazyBindings;
 	if (Array.isArray(reads)) {
 		const rootBindings = getRootBindings(reads);
 		for (const read of reads) {
@@ -7326,14 +7442,16 @@ function resolveReferencedBindings(expr, reads, intersectionsBySection) {
 					hoistedBindings = bindingUtil.add(hoistedBindings, binding);
 				}
 			} else {
-				if (extra.assignmentTo === binding) {
+				const isChangeHandlerRead = extra.assignmentTo === binding;
+				if (isChangeHandlerRead) {
 					const upstreamRoot = binding.upstreamAlias && findClosestReference(binding.upstreamAlias, rootBindings);
 					if (upstreamRoot) binding = upstreamRoot;
 				} else {
 					extra.section = expr.section;
 					({binding} = extra.read ??= resolveExpressionReference(rootBindings, binding));
 				}
-				if (binding.type === 6) constantBindings = bindingUtil.add(constantBindings, binding);
+				if (isLazyRead(expr, read, binding, isChangeHandlerRead)) lazyBindings = bindingUtil.add(lazyBindings, binding);
+				else if (binding.type === 6) constantBindings = bindingUtil.add(constantBindings, binding);
 				else if (binding.type !== 0) referencedBindings = bindingUtil.add(referencedBindings, binding);
 			}
 			allBindings = bindingUtil.add(allBindings, binding);
@@ -7349,12 +7467,20 @@ function resolveReferencedBindings(expr, reads, intersectionsBySection) {
 			}
 		} else {
 			extra.read = createRead(binding, void 0, ownVar);
-			if (binding.type === 6) constantBindings = binding;
+			if (isLazyRead(expr, reads, binding, extra.assignmentTo === binding)) lazyBindings = binding;
+			else if (binding.type === 6) constantBindings = binding;
 			else if (binding.type !== 0) referencedBindings = binding;
 		}
 		extra.section = expr.section;
 		allBindings = binding;
 	}
+	if (lazyBindings) {
+		let onlyLazy;
+		forEach(lazyBindings, (binding) => {
+			if (!bindingUtil.has(referencedBindings, binding)) onlyLazy = bindingUtil.add(onlyLazy, binding);
+		});
+		lazyBindings = onlyLazy;
+	}
 	if (Array.isArray(referencedBindings)) {
 		const intersections = intersectionsBySection.get(expr.section) || [];
 		const intersection = findSorted(compareIntersections, intersections, referencedBindings);
@@ -7370,7 +7496,8 @@ function resolveReferencedBindings(expr, reads, intersectionsBySection) {
 		referencedBindings,
 		constantBindings,
 		hoistedBindings,
-		allBindings
+		allBindings,
+		lazyBindings
 	};
 }
 function resolveExpressionReference(rootBindings, readBinding) {
@@ -7535,6 +7662,7 @@ var await_default = {
 		const paramsBinding = trackParamsReferences(tagBody, 5);
 		if (paramsBinding) setBindingDownstream(paramsBinding, valueExtra);
 		bodySection.upstreamExpression = valueAttr.value.extra;
+		addSetupStatement(section);
 	},
 	translate: translateByTarget({
 		html: {
@@ -7642,7 +7770,10 @@ var const_default = {
 				}
 			}
 			if (!valueExtra.nullable) binding.nullable = false;
-			if (!upstreamAlias) setBindingDownstream(binding, valueExtra);
+			if (!upstreamAlias) {
+				setBindingDownstream(binding, valueExtra);
+				addSetupExpr(getOrCreateSection(tag), valueAttr.value);
+			}
 		}
 	},
 	translate: { exit(tag) {
@@ -7677,6 +7808,7 @@ var debug_default = {
 		(0, _marko_compiler_babel_utils.assertNoParams)(tag);
 		assertNoBodyContent(tag);
 		if (tag.node.attributes.length > 1 || tag.node.attributes.length === 1 && (!_marko_compiler.types.isMarkoAttribute(valueAttr) || !valueAttr.default && valueAttr.name !== "value")) throw tag.get("name").buildCodeFrameError("The [`<debug>` tag](https://markojs.com/docs/reference/core-tag#debug) only supports the [`value=` attribute](https://markojs.com/docs/reference/language#shorthand-value).");
+		addSetupExpr(getOrCreateSection(tag), valueAttr?.value);
 	},
 	translate: { exit(tag) {
 		const section = getSection(tag);
@@ -7926,6 +8058,7 @@ var id_default = {
 		if (tag.node.attributes.length > 1 || tag.node.attributes.length === 1 && (!_marko_compiler.types.isMarkoAttribute(valueAttr) || !valueAttr.default && valueAttr.name !== "value")) throw tag.get("name").buildCodeFrameError("The [`<id>` tag](https://markojs.com/docs/reference/core-tag#id) only supports the [`value=` attribute](https://markojs.com/docs/reference/language#shorthand-value).");
 		const binding = trackVarReferences(tag, 5);
 		if (binding) setBindingDownstream(binding, !!valueAttr && evaluate(valueAttr.value));
+		addSetupExpr(getOrCreateSection(tag), valueAttr?.value);
 	},
 	translate: { exit(tag) {
 		const { node } = tag;
@@ -8002,7 +8135,7 @@ var let_default = {
 		const tagExtra = mergeReferences(tagSection, tag.node, [valueAttr?.value, valueChangeAttr?.value]);
 		if (valueChangeAttr) {
 			setBindingDownstream(binding, tagExtra);
-			addSerializeReason(tagSection, true, binding, getAccessorPrefix().TagVariableChange);
+			if (binding.assignmentSections) addSerializeReason(tagSection, true, binding, getAccessorPrefix().TagVariableChange);
 		} else setBindingDownstream(binding, false);
 	},
 	translate: { exit(tag) {
@@ -8084,6 +8217,7 @@ var log_default = {
 		assertNoBodyContent(tag);
 		if (!valueAttr) throw tag.get("name").buildCodeFrameError("The [`<log>` tag](https://markojs.com/docs/reference/core-tag#log) requires a [`value=` attribute](https://markojs.com/docs/reference/language#shorthand-value).");
 		if (tag.node.attributes.length > 1 || !_marko_compiler.types.isMarkoAttribute(valueAttr) || !valueAttr.default && valueAttr.name !== "value") throw tag.get("name").buildCodeFrameError("The [`<log>` tag](https://markojs.com/docs/reference/core-tag#log) only supports the [`value=` attribute](https://markojs.com/docs/reference/language#shorthand-value).");
+		addSetupExpr(getOrCreateSection(tag), valueAttr.value);
 	},
 	translate: { exit(tag) {
 		const section = getSection(tag);
@@ -8138,6 +8272,7 @@ var script_default = {
 			if (seenValueAttr) throw tag.hub.buildError(attr, "Invalid duplicate value attribute.");
 			seenValueAttr = true;
 			(attr.value.extra ??= {}).isEffect = true;
+			addSetupExpr(getOrCreateSection(tag), attr.value);
 			(0, _marko_compiler_babel_utils.getProgram)().node.extra.isInteractive = true;
 		} else throw tag.hub.buildError(attr, "The [`<script>` tag](https://markojs.com/docs/reference/core-tag#script) does not support html attributes." + htmlScriptTagAlternateMsg);
 		if (!seenValueAttr) dropNodes(getAllTagReferenceNodes(node));
@@ -8238,7 +8373,7 @@ var show_default = {
 			if (tagExtra[kStaticDisplay] === void 0) {
 				mergeReferences(tagSection, tag.node, [display]);
 				addSerializeExpr(tagSection, tagExtra, kStatefulReason);
-			}
+			} else addSetupStatement(tagSection);
 		},
 		exit(tag) {
 			const tagExtra = tag.node.extra;
@@ -8492,7 +8627,10 @@ var style_default = {
 		const importPath = getStyleImportPath(file, node, names);
 		(node.extra ??= {}).styleImportPath = importPath;
 		if (importPath) addAssetImport(file, importPath);
-		if (names) analyzeDynamicStyle(tag, names);
+		if (names) {
+			analyzeDynamicStyle(tag, names);
+			addSetupStatement(getOrCreateSection(tag));
+		}
 	},
 	translate: translateByTarget({
 		html: { exit: translateHTML$1 },
@@ -8585,7 +8723,7 @@ function translateDOM$1(tag) {
 		const readEl = () => createScopeReadExpression(binding);
 		visit(tag, 32);
 		write`<style>`;
-		addStatement("render", section, void 0, [_marko_compiler.types.expressionStatement(callRuntime("_attr_nonce", scopeIdentifier, getScopeAccessorLiteral(binding))), _marko_compiler.types.expressionStatement(callRuntime("_style_shell", scopeIdentifier, getScopeAccessorLiteral(binding)))], void 0, true);
+		addStatement("render", section, void 0, _marko_compiler.types.expressionStatement(callRuntime("_style_shell", scopeIdentifier, getScopeAccessorLiteral(binding))), void 0, true);
 		dynamicStyleValues(node).forEach((value, i) => {
 			const valueRef = value.extra?.referencedBindings;
 			addStatement("render", section, valueRef, _marko_compiler.types.expressionStatement(callRuntime("_style_rule_item", readEl(), _marko_compiler.types.stringLiteral(names[i]), value)), void 0, !valueRef);
@@ -8949,6 +9087,7 @@ var placeholder_default = {
 			const section = getOrCreateSection(placeholder);
 			const nodeBinding = (node.extra ??= {})[kNodeBinding] = createBinding("#text", 0, section);
 			analyzeSiblingText(placeholder);
+			addSetupExpr(section, node.value);
 			addSerializeExpr(section, valueExtra, nodeBinding);
 		}
 	},
@@ -9014,23 +9153,49 @@ function buildEscapedTextExpression(value) {
 function analyzeSiblingText(placeholder) {
 	const placeholderExtra = placeholder.node.extra;
 	let prev = placeholder.getPrevSibling();
-	while (prev.node) {
+	let prevParent = placeholder.parentPath;
+	for (;;) {
+		if (!prev.node) {
+			const showTag = getInlinedBodyTag(prevParent);
+			if (showTag) {
+				prev = showTag.getPrevSibling();
+				prevParent = showTag.parentPath;
+				continue;
+			}
+			break;
+		}
 		const contentType = getNodeContentType(prev, "endType");
 		if (contentType === null) prev = prev.getPrevSibling();
 		else if (contentType === 4 || contentType === 1 || contentType === 2) return placeholderExtra[kSiblingText] = 1;
 		else break;
 	}
-	if (!prev.node && _marko_compiler.types.isProgram(placeholder.parent)) return placeholderExtra[kSiblingText] = 1;
+	if (!prev.node && prevParent.isProgram()) return placeholderExtra[kSiblingText] = 1;
 	let next = placeholder.getNextSibling();
-	while (next.node) {
+	let nextParent = placeholder.parentPath;
+	for (;;) {
+		if (!next.node) {
+			const showTag = getInlinedBodyTag(nextParent);
+			if (showTag) {
+				next = showTag.getNextSibling();
+				nextParent = showTag.parentPath;
+				continue;
+			}
+			break;
+		}
 		const contentType = getNodeContentType(next, "startType");
 		if (contentType === null) next = next.getNextSibling();
 		else if (contentType === 4 || contentType === 1 || contentType === 2) return placeholderExtra[kSiblingText] = 2;
 		else break;
 	}
-	if (!next.node && _marko_compiler.types.isProgram(placeholder.parent)) return placeholderExtra[kSiblingText] = 2;
+	if (!next.node && nextParent.isProgram()) return placeholderExtra[kSiblingText] = 2;
 	return placeholderExtra[kSiblingText] = 0;
 }
+function getInlinedBodyTag(parent) {
+	if (parent.isMarkoTagBody()) {
+		const tag = parent.parentPath;
+		if (tag.isMarkoTag() && isCoreTagName(tag, "show")) return tag;
+	}
+}
 function isStaticText(node) {
 	switch (node?.type) {
 		case "MarkoText": return true;
@@ -9177,6 +9342,7 @@ var custom_tag_default = {
 		const childSection = childExtra.section;
 		if (childExtra.page) programExtra.page ??= true;
 		if (tagExtra.tagNameLoad) tagExtra[kLoadTagBinding] = createBinding("#text", 0, getOrCreateSection(tag));
+		if (tagExtra.tagNameLoad || !childExtra.domExports?.setupEmpty) addSetupStatement(getOrCreateSection(tag));
 		knownTagAnalyze(tag, childSection, programSection === childSection ? programSection.params && getBindingPropTree(programSection.params) : childExtra.domExports?.params);
 	} },
 	translate: {
@@ -9245,13 +9411,13 @@ function translateDOM(tag) {
 		injectWalks(tag, tagName);
 		enterShallow(tag);
 	} else if (programSection === childSection) {
-		knownTagTranslateDOM(tag, childExports.params, (binding, preferredName) => getSignal(programSection, binding, preferredName).identifier, (section, childBinding) => {
+		knownTagTranslateDOM(tag, childExports.params, (binding, preferredName) => getSignal(programSection, binding, preferredName).identifier, childExports.setupEmpty ? void 0 : (section, childBinding) => {
 			addStatement("render", section, void 0, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(_marko_compiler.types.identifier(childExports.setup), [createScopeReadExpression(childBinding, section)])));
 		});
 		write`${_marko_compiler.types.identifier(childExports.template)}`;
 		injectWalks(tag, tagName, _marko_compiler.types.identifier(childExports.walks));
 	} else {
-		knownTagTranslateDOM(tag, childExports.params, (binding, preferredName, directContent) => importOrSelfReferenceName(tag.hub.file, relativePath, directContent && binding.directContentExport || binding.export, preferredName), (section, childBinding) => {
+		knownTagTranslateDOM(tag, childExports.params, (binding, preferredName, directContent) => importOrSelfReferenceName(tag.hub.file, relativePath, directContent && binding.directContentExport || binding.export, preferredName), childExports.setupEmpty ? void 0 : (section, childBinding) => {
 			addStatement("render", section, void 0, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(importOrSelfReferenceName(file, relativePath, childExports.setup, tagName), [createScopeReadExpression(childBinding, section)])));
 		});
 		write`${(0, _marko_compiler_babel_utils.importNamed)(file, relativePath, childExports.template, `${tagName}_template`)}`;
@@ -9325,6 +9491,7 @@ var dynamic_tag_default = {
 	analyze: { enter(tag) {
 		(0, _marko_compiler_babel_utils.assertAttributesOrArgs)(tag);
 		const { node } = tag;
+		addSetupStatement(getOrCreateSection(tag));
 		const definedBodySection = node.extra?.defineBodySection;
 		if (definedBodySection) {
 			knownTagAnalyze(tag, definedBodySection, definedBodySection.params && getBindingPropTree(definedBodySection.params));

package/dist/translator/util/known-tag.d.ts

@@ -20,6 +20,6 @@ declare module "@marko/compiler/dist/types" {
 }
 export declare function knownTagAnalyze(tag: t.NodePath<t.MarkoTag>, contentSection: Section, propTree: BindingPropTree | undefined): void;
 export declare function knownTagTranslateHTML(tag: t.NodePath<t.MarkoTag>, tagIdentifier: t.Expression, contentSection: Section, propTree: BindingPropTree | undefined): void;
-export declare function knownTagTranslateDOM(tag: t.NodePath<t.MarkoTag>, propTree: BindingPropTree | undefined, getBindingIdentifier: (binding: Binding, preferredName?: string, directContent?: boolean) => t.Identifier, callSetup: (section: Section, childBinding: Binding) => void): void;
+export declare function knownTagTranslateDOM(tag: t.NodePath<t.MarkoTag>, propTree: BindingPropTree | undefined, getBindingIdentifier: (binding: Binding, preferredName?: string, directContent?: boolean) => t.Identifier, callSetup: ((section: Section, childBinding: Binding) => void) | undefined): void;
 export declare function finalizeKnownTags(section: Section): void;
 export {};

package/dist/translator/util/references.d.ts

@@ -49,6 +49,7 @@ export interface Binding {
     nullable: boolean;
     pruned: boolean | undefined;
     exposed: boolean;
+    forcePersist: boolean;
 }
 export interface InputBinding extends Binding {
     type: BindingType.input;
@@ -70,6 +71,7 @@ interface Read {
     ownVar: boolean;
     getter: Getter | undefined;
     comparedTo: t.Node | undefined;
+    deferred: boolean;
 }
 interface ExtraRead {
     binding: Binding;
@@ -88,6 +90,8 @@ declare module "@marko/compiler/dist/types" {
         read?: ExtraRead;
         pruned?: true;
         isEffect?: true;
+        invokeOnly?: true;
+        lazyBindings?: ReferencedBindings;
         spreadFrom?: Binding;
         nativeTagSpread?: true;
         nativeTagSpreadMerged?: true;
@@ -148,6 +152,7 @@ export declare function getDebugNamesAsIdentifier(refs: ReferencedBindings): str
 export declare function getSectionInstancesAccessor(section: Section): string;
 export declare function getSectionInstancesAccessorLiteral(section: Section): t.NumericLiteral | t.StringLiteral | undefined;
 export declare function getReadReplacement(node: t.Identifier | t.MemberExpression | t.OptionalMemberExpression, signal?: Signal): t.Expression | undefined;
+export declare function isInvokeOnlyBinding(binding: Binding): boolean;
 export declare function hasNonConstantPropertyAlias(ref: Binding): boolean;
 export declare function pruneBinding(binding: Binding): boolean;
 export declare function createRead(binding: Binding, props: Opt<string>, ownVar?: boolean): ExtraRead;

package/dist/translator/util/serialize-reasons.d.ts

@@ -14,6 +14,8 @@ export declare function isReasonDynamic(reason: undefined | SerializeReason): re
     state: undefined;
     param: OneMany<InputBinding | ParamBinding>;
 };
+export declare function isStaticSerializeReason(reason: undefined | SerializeReason): reason is SerializeReason;
+export declare function isStateSerializeReason(reason: undefined | SerializeReason): reason is Sources;
 export declare function getSerializeReason(section: Section, prop?: Binding | AccessorProp | symbol, prefix?: AccessorPrefix | symbol): SerializeReason | undefined;
 export declare function getSerializeSourcesForExpr(expr: t.NodeExtra): Sources | undefined;
 export declare function getSerializeSourcesForExprs(exprs: Opt<t.NodeExtra> | boolean): true | Sources | undefined;

package/dist/translator/util/setup-statements.d.ts

@@ -0,0 +1,5 @@
+import type { types as t } from "@marko/compiler";
+import type { Section } from "./sections";
+export declare function addSetupStatement(section: Section): void;
+export declare function addSetupExpr(section: Section, node: t.Node | undefined): void;
+export declare function sectionHasSetupStatements(section: Section): boolean;

package/dist/translator/util/signals.d.ts

@@ -33,6 +33,7 @@ type closureSignalBuilder = (closure: Binding, render: t.Expression) => t.Expres
 export declare const getSignals: (section: Section) => Map<unknown, Signal>;
 export declare function setClosureSignalBuilder(tag: t.NodePath<t.MarkoTag>, builder: closureSignalBuilder): void;
 export declare const getTryHasPlaceholder: (section: Section) => true | undefined, setTryHasPlaceholder: (section: Section, value: true | undefined) => void;
+export declare function setSectionOwnerResumedByMarker(section: Section): void;
 export declare function setSectionSerializedValue(section: Section, prop: AccessorProp, expression: t.Expression): void;
 export declare function setBindingSerializedValue(section: Section, binding: Binding, expression: t.Expression, prefix?: AccessorPrefix): void;
 export declare function setSerializedValue(section: Section, key: string, expression: t.Expression): void;

package/dist/translator/visitors/program/index.d.ts

@@ -9,6 +9,7 @@ declare module "@marko/compiler/dist/types" {
             template: string;
             walks: string;
             setup: string;
+            setupEmpty?: true;
             params: BindingPropTree | undefined;
         };
         styleFile?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "marko",
-  "version": "6.2.0",
+  "version": "6.2.1",
   "description": "Optimized runtime for Marko templates.",
   "keywords": [
     "api",