marko 6.3.44 → 6.3.46

package/dist/translator/index.js

@@ -35,8 +35,6 @@ let package_json = require("../../package.json");
 package_json = __toESM(package_json, 1);
 let _marko_compiler = require("@marko/compiler");
 let _marko_compiler_babel_utils = require("@marko/compiler/babel-utils");
-let node_path = require("node:path");
-node_path = __toESM(node_path, 1);
 let path = require("path");
 path = __toESM(path, 1);
 let magic_string = require("magic-string");
@@ -205,7 +203,6 @@ const StartNode$1 = "#StartNode";
 const Subscriptions$1 = "#Subscriptions";
 const TagVariable$1 = "#TagVariable";
 const TagVariableChange$2 = "#TagVariableChange";
-const Owner$1 = "owner";
 //#endregion
 //#region src/translator/util/evaluate.ts
 function evaluate(value) {
@@ -356,120 +353,20 @@ function getEventHandlerName(name) {
 function isVoid(value) {
 	return value == null || value === false;
 }
-function isNotVoid(value) {
-	return value != null && value !== false;
-}
-function normalizeDynamicRenderer(value) {
-	if (value) {
-		if (typeof value === "string") return value;
-		const normalized = value.content || value.default || value;
-		if ("id" in normalized) return normalized;
-	}
-}
 const decodeAccessor = (num) => (num + (num < 26 ? 10 : num < 962 ? 334 : 11998)).toString(36);
 //#endregion
 //#region src/html/serializer.ts
-const K_SCOPE_ID = Symbol("Scope ID");
-const kTouchedIterator = Symbol.for("marko.touchedIterator");
+const kTouchedIterator = /* @__PURE__ */ Symbol.for("marko.touchedIterator");
 const { hasOwnProperty } = {};
 Array.prototype;
-const Generator = (function* () {})().constructor;
-const AsyncGenerator = (async function* () {})().constructor;
+const Generator = (/* @__PURE__ */ (function* () {})()).constructor;
+const AsyncGenerator = (/* @__PURE__ */ (async function* () {})()).constructor;
 patchIteratorNext(Generator.prototype);
 patchIteratorNext(AsyncGenerator.prototype);
-const REGISTRY = /* @__PURE__ */ new WeakMap();
-(() => {
-	const KNOWN_SYMBOLS = /* @__PURE__ */ new Map();
-	for (const name of Object.getOwnPropertyNames(Symbol)) {
-		const symbol = Symbol[name];
-		if (typeof symbol === "symbol") KNOWN_SYMBOLS.set(symbol, "Symbol." + name);
-	}
-	return KNOWN_SYMBOLS;
-})();
-Array.from, Array.isArray, Array.of, ArrayBuffer.isView, Atomics.add, Atomics.and, Atomics.compareExchange, Atomics.exchange, Atomics.isLockFree, Atomics.load, Atomics.notify, Atomics.or, Atomics.store, Atomics.sub, Atomics.wait, BigInt.asIntN, BigInt.asUintN, BigInt64Array, BigInt64Array.from, BigInt64Array.of, BigUint64Array, BigUint64Array.from, BigUint64Array.of, console.timeStamp, Date.now, Date.parse, Date.UTC, Float32Array.from, Float32Array.of, Float64Array.from, Float64Array.of, globalThis.atob, globalThis.btoa, globalThis.clearImmediate, globalThis.clearInterval, globalThis.clearTimeout, globalThis.crypto?.getRandomValues, globalThis.crypto?.randomUUID, globalThis.fetch, globalThis.performance?.now, globalThis.queueMicrotask, globalThis.setImmediate, globalThis.setInterval, globalThis.setTimeout, globalThis.structuredClone, globalThis.URL, globalThis.URLSearchParams, globalThis.WritableStream, Int16Array.from, Int16Array.of, Int32Array.from, Int32Array.of, Int8Array.from, Int8Array.of, Intl.Collator, Intl.DateTimeFormat, Intl.DisplayNames, Intl.getCanonicalLocales, Intl.ListFormat, Intl.Locale, Intl.NumberFormat, Intl.PluralRules, Intl.RelativeTimeFormat, Intl.Segmenter, Intl.supportedValuesOf, Map.groupBy, Number.isFinite, Number.isInteger, Number.isNaN, Number.isSafeInteger, Number.parseFloat, Number.parseInt, String.fromCharCode, String.fromCodePoint, String.raw, Symbol.for, Uint16Array.from, Uint16Array.of, Uint32Array.from, Uint32Array.of, Uint8Array.from, Uint8Array.of, Uint8ClampedArray.from, Uint8ClampedArray.of;
-Atomics, globalThis.crypto;
-function register(id, val, scope) {
-	REGISTRY.set(val, {
-		id,
-		scope,
-		access: "_._" + toAccess(toObjectKey(id))
-	});
-	return val;
-}
-function toObjectKey(name) {
-	if (name === "") return "\"\"";
-	if (name === "__proto__") return "[\"__proto__\"]";
-	const len = name.length;
-	const c0 = name.charCodeAt(0);
-	if (c0 >= 48 && c0 <= 57) if (c0 === 48) {
-		if (len !== 1) return quote(name, 1);
-	} else {
-		for (let i = 1; i < len; i++) {
-			const c = name.charCodeAt(i);
-			if (c < 48 || c > 57) return quote(name, i);
-		}
-		if (len > 15 && "" + +name !== name) return quote(name, 0);
-	}
-	else if (c0 >= 97 && c0 <= 122 || c0 >= 65 && c0 <= 90 || c0 === 95 || c0 === 36) for (let i = 1; i < len; i++) {
-		const c = name.charCodeAt(i);
-		if (!(c >= 97 && c <= 122 || c >= 65 && c <= 90 || c >= 48 && c <= 57 || c === 95 || c === 36)) return quote(name, i);
-	}
-	else return quote(name, 0);
-	return name;
-}
 function toAccess(accessor) {
 	const start = accessor[0];
 	return start === "[" ? accessor : start === "\"" || start >= "0" && start <= "9" ? "[" + accessor + "]" : "." + accessor;
 }
-const unsafeQuoteReg = /["\\<\n\r\u2028\u2029\0\ud800-\udfff]/u;
-function quote(str, startPos) {
-	if (!unsafeQuoteReg.test(str)) return "\"" + str + "\"";
-	let result = "";
-	let lastPos = 0;
-	for (let i = startPos; i < str.length; i++) {
-		let replacement;
-		const code = str.charCodeAt(i);
-		switch (code) {
-			case 34:
-				replacement = "\\\"";
-				break;
-			case 92:
-				replacement = "\\\\";
-				break;
-			case 60:
-				replacement = "\\x3C";
-				break;
-			case 10:
-				replacement = "\\n";
-				break;
-			case 13:
-				replacement = "\\r";
-				break;
-			case 8232:
-				replacement = "\\u2028";
-				break;
-			case 8233:
-				replacement = "\\u2029";
-				break;
-			case 0:
-				replacement = "\\x00";
-				break;
-			default:
-				if (code < 55296 || code > 57343) continue;
-				if (code < 56320) {
-					const next = str.charCodeAt(i + 1);
-					if (next >= 56320 && next <= 57343) {
-						i++;
-						continue;
-					}
-				}
-				replacement = "\\u" + code.toString(16);
-		}
-		result += str.slice(lastPos, i) + replacement;
-		lastPos = i + 1;
-	}
-	return "\"" + (lastPos === startPos ? str : result + str.slice(lastPos)) + "\"";
-}
 function patchIteratorNext(proto) {
 	if (proto.next[kTouchedIterator]) return;
 	const { next } = proto;
@@ -1201,6 +1098,37 @@ function getSerializeSourcesForRef(ref) {
 		} else return ref.sources;
 	}
 }
+function mapCrossProgramReason(program, reason, exprs) {
+	let params;
+	let mapped;
+	let crossProgram = false;
+	forEach(reason.param, (param) => {
+		if (param.section.program === program) params = bindingUtil.add(params, param);
+		else {
+			crossProgram = true;
+			mapped = exprs ? mergeSerializeReasons(mapped, getSerializeSourcesForExprs(mapParamBindingToExpr(exprs, param))) : true;
+		}
+	});
+	if (!crossProgram) return reason;
+	return mergeRemappedSources(reason, params, mapped);
+}
+function mapDownstreamReason(program, reason, exprs) {
+	let params;
+	let mapped;
+	let downstream = false;
+	forEach(reason.param, (param) => {
+		if (param.section.program === program) {
+			downstream = true;
+			mapped = mergeSerializeReasons(mapped, getSerializeSourcesForExprs(mapParamBindingToExpr(exprs, param)));
+		} else params = bindingUtil.add(params, param);
+	});
+	if (!downstream) return reason;
+	return mergeRemappedSources(reason, params, mapped);
+}
+function mergeRemappedSources(reason, params, mapped) {
+	if (mapped !== true && (reason.state || reason.global || params)) mapped = mergeSerializeReasons(mapped, createSources(reason.state, params, reason.global));
+	return mapped;
+}
 function mergeSerializeReasons(a, b) {
 	if (a === true || b === true) return true;
 	return mergeSources(a, b);
@@ -1347,6 +1275,7 @@ function analyzeTagNameType(tag, allowDynamic) {
 				extra.tagNameType = 2;
 				extra.tagNameDynamic = true;
 				extra.featureType = "class";
+				if (childFile?.ast.program.extra?.hydratesTags) (0, _marko_compiler_babel_utils.getProgram)().node.extra.isInteractive = true;
 			} else if (!childFile) {
 				extra.tagNameType = 2;
 				extra.tagNameDynamic = true;
@@ -1447,6 +1376,7 @@ function startSection(path) {
 			loc: parentTag?.node.name.loc || void 0,
 			depth: parentSection ? parentSection.depth + 1 : 0,
 			parent: parentSection,
+			program: void 0,
 			sectionAccessor: void 0,
 			params: void 0,
 			referencedLocalClosures: void 0,
@@ -1470,6 +1400,7 @@ function startSection(path) {
 			isBranch: false,
 			structure: parentSection && !parentSection.structure ? null : []
 		};
+		section.program = parentSection ? parentSection.program : section;
 		sections.push(section);
 	}
 	return section;
@@ -1573,7 +1504,8 @@ function getSectionRegisterReasons(section) {
 	if (section.isBranch) return false;
 	const { downstreamBinding } = section;
 	if (downstreamBinding) {
-		const downstreamReasons = getAllSerializeReasonsForBinding(downstreamBinding.binding, downstreamBinding.properties);
+		let downstreamReasons = getAllSerializeReasonsForBinding(downstreamBinding.binding, downstreamBinding.properties);
+		if (downstreamReasons && downstreamReasons !== true) downstreamReasons = mapCrossProgramReason(section.program, downstreamReasons, downstreamBinding.exprs);
 		if (!downstreamReasons) return false;
 		if (isReasonDynamic(downstreamReasons) && !section.serializeReason && !section.serializeReasons.size && !section.parent?.serializeReason && !section.parent?.serializeReasons.size) return false;
 		return downstreamReasons;
@@ -1677,10 +1609,11 @@ var function_default = { analyze(fn) {
 		throw fn.hub.buildError(highlight, "Attribute methods containing `await` must be `async`. Add `async` before the method name.");
 	}
 	if (fn !== getFnRoot(fn)) return;
+	const { node } = fn;
+	if ((_marko_compiler.types.isObjectMethod(node) || _marko_compiler.types.isClassMethod(node)) && (node.kind === "get" || node.kind === "set")) return;
 	const exprRoot = getExprRoot(fn);
 	const markoRoot = getMarkoRoot(exprRoot);
 	if (!markoRoot || canIgnoreRegister(markoRoot, exprRoot)) return;
-	const { node } = fn;
 	const section = getSection(fn);
 	const fnExtra = node.extra ??= {};
 	fnExtra.section = section;
@@ -1913,6 +1846,26 @@ function isClientAssetImport(file, request) {
 	return typeof hydrateIncludeImports === "function" ? hydrateIncludeImports(request) : !!hydrateIncludeImports?.test(request);
 }
 //#endregion
+//#region src/translator/util/binding-has-prop.ts
+function isSectionRendererElided(section) {
+	return !!section.downstreamBinding && !bindingHasProperty(section.downstreamBinding.binding, section.downstreamBinding.properties);
+}
+function bindingHasProperty(binding, properties) {
+	if (binding.pruned) return false;
+	else if (binding.pruned === void 0) throw new Error("Binding must be pruned before checking properties");
+	if (binding.reads.size || !properties) return true;
+	let property;
+	let rest;
+	if (Array.isArray(properties)) {
+		property = properties[0];
+		rest = properties.length === 2 ? properties[1] : properties.slice(1);
+	} else property = properties;
+	const propBinding = binding.propertyAliases.get(property);
+	if (propBinding && bindingHasProperty(propBinding, rest)) return true;
+	for (const alias of binding.aliases) if (bindingHasProperty(alias, properties)) return true;
+	return false;
+}
+//#endregion
 //#region src/translator/util/binding-prop-tree.ts
 const kDirectContent = Symbol("direct content");
 function getBindingPropTree(binding) {
@@ -1973,35 +1926,70 @@ function resolveRelativeToEntry(entryFile, file, req) {
 //#endregion
 //#region src/translator/util/entry-builder.ts
 const kState = Symbol();
-var entry_builder_default = {
+const builder = {
 	build(entryFile, exportInit) {
 		const state = entryFile[kState];
 		if (!state) throw entryFile.path.buildCodeFrameError("Unable to build hydrate code, no files were visited before finalizing the build");
 		const body = [];
-		if (state.init) {
+		for (const asset of state.assets) body.push(_marko_compiler.types.importDeclaration([], _marko_compiler.types.stringLiteral(asset)));
+		if (state.init || state.load) {
 			const isPage = entryFile.path.node.extra.page;
 			const initHelper = isPage ? "init" : "initEmbedded";
-			body.push(_marko_compiler.types.importDeclaration([_marko_compiler.types.importSpecifier(_marko_compiler.types.identifier(initHelper), _marko_compiler.types.identifier(initHelper))], _marko_compiler.types.stringLiteral(`${runtime_info_default.name}/${entryFile.markoOpts.optimize ? "" : "debug/"}dom`)), _marko_compiler.types.importDeclaration([], _marko_compiler.types.stringLiteral(`./${node_path.default.basename(entryFile.opts.filename)}`)));
+			if (state.init) body.push(_marko_compiler.types.importDeclaration([_marko_compiler.types.importSpecifier(_marko_compiler.types.identifier(initHelper), _marko_compiler.types.identifier(initHelper))], _marko_compiler.types.stringLiteral(`${runtime_info_default.name}/${entryFile.markoOpts.optimize ? "" : "debug/"}dom`)));
+			for (const root of state.roots) body.push(_marko_compiler.types.importDeclaration([], _marko_compiler.types.stringLiteral(root)));
+			if (!state.init) {
+				if (exportInit) body.push(_marko_compiler.types.exportDefaultDeclaration(_marko_compiler.types.arrowFunctionExpression([], _marko_compiler.types.blockStatement([]))));
+				return body;
+			}
 			const { runtimeId } = entryFile.markoOpts;
 			const readyId = !isPage && (0, _marko_compiler_babel_utils.getTemplateId)(entryFile.markoOpts, entryFile.opts.filename);
 			const initExpression = _marko_compiler.types.callExpression(_marko_compiler.types.identifier(initHelper), readyId ? runtimeId ? [_marko_compiler.types.stringLiteral(readyId), _marko_compiler.types.stringLiteral(runtimeId)] : [_marko_compiler.types.stringLiteral(readyId)] : runtimeId ? [_marko_compiler.types.stringLiteral(runtimeId)] : []);
 			body.push(exportInit ? _marko_compiler.types.exportDefaultDeclaration(_marko_compiler.types.arrowFunctionExpression([], initExpression)) : _marko_compiler.types.expressionStatement(initExpression));
 		} else {
-			for (const asset of state.assets) body.push(_marko_compiler.types.importDeclaration([], _marko_compiler.types.stringLiteral(asset)));
+			for (const asset of state.bundledAssets) body.push(_marko_compiler.types.importDeclaration([], _marko_compiler.types.stringLiteral(asset)));
 			if (exportInit) body.push(_marko_compiler.types.exportDefaultDeclaration(_marko_compiler.types.arrowFunctionExpression([], _marko_compiler.types.blockStatement([]))));
 		}
 		return body;
 	},
-	visit(file, entryFile, visitChild) {
+	visit(file, entryFile, visitChild = (id, bundled = false) => {
+		const state = entryFile[kState];
+		const resolved = resolveRelativeToEntry(entryFile, file, id);
+		const seenBundled = state.visited.get(resolved);
+		if (seenBundled === false || seenBundled && bundled) return;
+		state.visited.set(resolved, bundled);
+		const childFile = (0, _marko_compiler_babel_utils.loadFileForImport)(entryFile, resolved);
+		if (childFile) builder.visit(childFile, entryFile);
+	}) {
 		const state = entryFile[kState] ||= {
 			init: false,
-			assets: /* @__PURE__ */ new Set()
+			load: false,
+			bundled: 0,
+			roots: [],
+			assets: /* @__PURE__ */ new Set(),
+			bundledAssets: /* @__PURE__ */ new Set(),
+			visited: /* @__PURE__ */ new Map([[(0, _marko_compiler_babel_utils.resolveRelativePath)(entryFile, entryFile.opts.filename), false]])
 		};
 		const programExtra = file.path.node.extra;
 		const { analyzedTags, assetImports } = file.metadata.marko;
-		if (programExtra.isInteractive || programExtra.needsCompat) state.init = true;
-		if (assetImports) for (const request of assetImports) state.assets.add(resolveRelativeToEntry(entryFile, file, request));
-		for (const tag of analyzedTags || []) visitChild(tag);
+		const { loadImports } = programExtra;
+		const init = !!(programExtra.isInteractive || programExtra.needsCompat);
+		const load = !!programExtra.hasClientStatement;
+		const isRoot = !state.bundled && (init || load || !!programExtra.hasResumes);
+		if (init) state.init = true;
+		if (load) state.load = true;
+		if (isRoot) state.roots.push((0, _marko_compiler_babel_utils.resolveRelativePath)(entryFile, file.opts.filename));
+		if (assetImports) {
+			const assets = isRoot || state.bundled ? state.bundledAssets : state.assets;
+			for (const request of assetImports) assets.add(resolveRelativeToEntry(entryFile, file, request));
+		}
+		if (isRoot) state.bundled++;
+		for (const tag of analyzedTags ? [...analyzedTags] : []) {
+			const lazy = loadImports?.has(tag);
+			if (lazy) state.bundled++;
+			visitChild(tag, !!state.bundled);
+			if (lazy) state.bundled--;
+		}
+		if (isRoot) state.bundled--;
 	}
 };
 //#endregion
@@ -2039,6 +2027,8 @@ const regexpCharsReg = /[\\^$.*+?()[\]{}|]/g;
 function escapeRegExp(str) {
 	return str.replace(regexpCharsReg, "\\$&");
 }
+//#endregion
+//#region src/common/errors.ts
 function assertExclusiveAttrs(attrs, onError = throwErr) {
 	if (attrs) {
 		let exclusiveAttrs;
@@ -2094,95 +2084,6 @@ const escapeCommentStr = (str) => unsafeCommentReg.test(str) ? str.replace(unsaf
 function _escape_comment(val) {
 	return val ? escapeCommentStr(val + "") : val === 0 ? "0" : "";
 }
-//#endregion
-//#region src/html/writer.ts
-let $chunk;
-function getContext(key) {
-	return $chunk.context?.[key];
-}
-function getState() {
-	return $chunk.boundary.state;
-}
-function rendererKey(renderer) {
-	return renderer?.["owner"] === void 0 ? renderer?.["id"] || renderer : renderer["id"] + " " + renderer[Owner$1];
-}
-function getScopeById(scopeId) {
-	if (scopeId !== void 0) return $chunk.boundary.state.scopes.get(scopeId);
-}
-function _scope_id() {
-	return $chunk.boundary.state.scopeId++;
-}
-function _peek_scope_id() {
-	return $chunk.boundary.state.scopeId;
-}
-const kPendingContexts = Symbol("Pending Contexts");
-function withContext(key, value, cb, cbValue) {
-	const ctx = $chunk.context ||= { [kPendingContexts]: 0 };
-	const prev = ctx[key];
-	ctx[kPendingContexts]++;
-	ctx[key] = value;
-	try {
-		return cb(cbValue);
-	} finally {
-		ctx[kPendingContexts]--;
-		ctx[key] = prev;
-	}
-}
-const kBranchId = Symbol("Branch Id");
-const kIsAsync = Symbol("Is Async");
-function withBranchId(branchId, cb) {
-	return withContext(kBranchId, branchId, cb);
-}
-function _html(html) {
-	$chunk.writeHTML(html);
-}
-function _script(scopeId, registryId) {
-	if ($chunk.serializeState.readyId || $chunk.context?.[kIsAsync]) _resume_branch(scopeId);
-	$chunk.boundary.state.needsMainRuntime = true;
-	$chunk.writeEffect(scopeId, registryId);
-}
-function _resume(val, id, scopeId) {
-	return register(id, val, scopeId === void 0 ? void 0 : _scope_with_id(scopeId));
-}
-function _el(scopeId, id) {
-	return _resume(() => void 0, id, scopeId);
-}
-function _resume_branch(scopeId) {
-	const branchId = $chunk.context?.[kBranchId];
-	if (branchId !== void 0 && branchId !== scopeId) writeScope(scopeId, { [ClosestBranchId$1]: branchId });
-}
-function deferBranchStart(chunk) {
-	const beforeBranch = chunk.html;
-	chunk.html = "";
-	return beforeBranch;
-}
-function applyBranchStart(chunk, beforeBranch, rendered) {
-	chunk.html = beforeBranch + (rendered ? chunk.boundary.state.mark("[", "") : "") + chunk.html;
-}
-let writeScope = (scopeId, partialScope) => {
-	const { state } = $chunk.boundary;
-	const target = $chunk.serializeState;
-	const scope = scopeWithId(state, scopeId);
-	const pending = target.writeScopes[scopeId];
-	state.needsMainRuntime = true;
-	Object.assign(scope, partialScope);
-	if (pending && pending !== partialScope) Object.assign(pending, partialScope);
-	else target.writeScopes[scopeId] = partialScope;
-	target.flushScopes = true;
-	return scope;
-};
-function _scope_with_id(scopeId) {
-	return scopeWithId($chunk.boundary.state, scopeId);
-}
-function scopeWithId(state, scopeId) {
-	const { scopes } = state;
-	let scope = scopes.get(scopeId);
-	if (!scope) scopes.set(scopeId, scope = { [K_SCOPE_ID]: scopeId });
-	return scope;
-}
-function _set_serialize_reason(reason) {
-	$chunk.boundary.state.serializeReason = reason;
-}
 globalThis.setImmediate || globalThis.setTimeout || globalThis.queueMicrotask;
 //#endregion
 //#region src/html/attrs.ts
@@ -2192,124 +2093,9 @@ function _attr_class(value) {
 function _attr_style(value) {
 	return stringAttr("style", toDelimitedString(value, ";", stringifyStyleObject));
 }
-function _attr_option_value(value) {
-	const valueAttr = _attr("value", value);
-	const selectedValue = getContext(kSelectedValue);
-	if (selectedValue !== void 0 && normalizedValueMatches(selectedValue, value)) return valueAttr + " selected";
-	return valueAttr;
-}
-const kSelectedValue = Symbol("selectedValue");
-function _attr_select_value(scopeId, nodeAccessor, value, valueChange, content, serializeType) {
-	if (valueChange) writeControlledScope(3, scopeId, nodeAccessor, void 0, valueChange, serializeType);
-	if (content) withContext(kSelectedValue, value ?? "", content);
-}
-function _attr_textarea_value(scopeId, nodeAccessor, value, valueChange, serializeType) {
-	if (valueChange) writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange, serializeType);
-	return _textarea_value(value);
-}
-function _textarea_value(value) {
-	const escaped = _escape(normalizeStrAttrValue(value));
-	return escaped[0] === "\n" ? "\n" + escaped : escaped;
-}
-function _attr_input_value(scopeId, nodeAccessor, value, valueChange, serializeType) {
-	if (valueChange) writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange, serializeType);
-	return _attr("value", value);
-}
-function _attr_input_checked(scopeId, nodeAccessor, checked, checkedChange, serializeType) {
-	if (checkedChange) writeControlledScope(0, scopeId, nodeAccessor, void 0, checkedChange, serializeType);
-	return isNotVoid(checked) ? " checked" : "";
-}
-function _attr_input_checkedValue(scopeId, nodeAccessor, checkedValue, checkedValueChange, value, serializeType) {
-	const valueAttr = _attr("value", value);
-	if (checkedValueChange) writeControlledScope(1, scopeId, nodeAccessor, getCheckedValueRef(checkedValue), checkedValueChange, serializeType);
-	return normalizedValueMatches(checkedValue, value) ? valueAttr + " checked" : valueAttr;
-}
-const checkedValuesRefs = /* @__PURE__ */ new WeakMap();
-function getCheckedValueRef(checkedValue) {
-	if (Array.isArray(checkedValue)) {
-		let ref = checkedValuesRefs.get(checkedValue);
-		if (!ref) {
-			ref = [];
-			checkedValuesRefs.set(checkedValue, ref);
-		}
-		return ref;
-	}
-}
-function _attr_details_or_dialog_open(scopeId, nodeAccessor, open, openChange, serializeType) {
-	const normalizedOpen = isNotVoid(open);
-	if (openChange) writeControlledScope(4, scopeId, nodeAccessor, normalizedOpen || void 0, openChange, serializeType);
-	return normalizedOpen ? " open" : "";
-}
 function _attr(name, value) {
 	return isVoid(value) ? "" : nonVoidAttr(name, value);
 }
-function _attrs(data, nodeAccessor, scopeId, tagName) {
-	let result = "";
-	let skip = /[\s/>"'=]/;
-	let events;
-	switch (data && tagName) {
-		case "input":
-			if (data.checkedChange) {
-				result += _attr_input_checked(scopeId, nodeAccessor, data.checked, data.checkedChange, 1);
-				skip = /^checked(?:Value)?(?:Change)?$|[\s/>"'=]/;
-			} else if ("checkedValue" in data || data.checkedValueChange) {
-				result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value, 1);
-				skip = /^(?:value|checked(?:Value)?)(?:Change)?$|[\s/>"'=]/;
-			} else if (data.valueChange) {
-				result += _attr_input_value(scopeId, nodeAccessor, data.value, data.valueChange, 1);
-				skip = /^value(?:Change)?$|[\s/>"'=]/;
-			}
-			break;
-		case "select":
-		case "textarea":
-			if ("value" in data || data.valueChange) skip = /^value(?:Change)?$|[\s/>"'=]/;
-			break;
-		case "option":
-			if ("value" in data) {
-				result += _attr_option_value(data.value);
-				skip = /^value$|[\s/>"'=]/;
-			}
-			break;
-		case "details":
-		case "dialog":
-			if (data.openChange) {
-				result += _attr_details_or_dialog_open(scopeId, nodeAccessor, data.open, data.openChange, 1);
-				skip = /^open(?:Change)?$|[\s/>"'=]/;
-			}
-			break;
-	}
-	for (const name in data) {
-		const value = data[name];
-		switch (name) {
-			case "class":
-				result += _attr_class(value);
-				break;
-			case "style":
-				result += _attr_style(value);
-				break;
-			default:
-				if (name && !(isVoid(value) || skip.test(name) || name === "content" && tagName !== "meta")) if (isEventHandler(name)) {
-					if (!events) {
-						events = {};
-						writeScope(scopeId, { [EventAttributes$1 + nodeAccessor]: events });
-					}
-					events[getEventHandlerName(name)] = value;
-				} else result += nonVoidAttr(name, value);
-				break;
-		}
-	}
-	return result;
-}
-function writeControlledScope(type, scopeId, nodeAccessor, value, valueChange, serializeType) {
-	writeScope(scopeId, serializeType ? {
-		[ControlledType$1 + nodeAccessor]: type,
-		[ControlledValue$1 + nodeAccessor]: value,
-		[ControlledHandler$1 + nodeAccessor]: valueChange
-	} : {
-		[ControlledValue$1 + nodeAccessor]: value,
-		[ControlledHandler$1 + nodeAccessor]: valueChange
-	});
-}
 function stringAttr(name, value) {
 	return value && " " + name + attrAssignment(value);
 }
@@ -2339,83 +2125,6 @@ function escapeDoubleQuotedAttrValue(value) {
 function replaceUnsafeDoubleQuoteAttrChar(match) {
 	return match === "\"" ? "&#34;" : match === "\r" ? "&#13;" : "&amp;";
 }
-function normalizedValueMatches(a, b) {
-	const value = normalizeStrAttrValue(b);
-	if (Array.isArray(a)) {
-		for (const item of a) if (normalizeStrAttrValue(item) === value) return true;
-	} else if (normalizeStrAttrValue(a) === value) return true;
-	return false;
-}
-function normalizeStrAttrValue(value) {
-	return isNotVoid(value) && value !== true ? value + "" : "";
-}
-//#endregion
-//#region src/html/dynamic-tag.ts
-const voidElementsReg = /^(?:area|b(?:ase|r)|col|embed|hr|i(?:mg|nput)|link|meta|param|source|track|wbr)$/;
-let _dynamic_tag = (scopeId, accessor, tag, inputOrArgs, content, inputIsArgs, serializeReason) => {
-	const shouldResume = serializeReason !== 0;
-	const renderer = normalizeDynamicRenderer(tag);
-	const state = getState();
-	const branchId = _peek_scope_id();
-	let rendered;
-	let result;
-	if (typeof renderer === "string") {
-		const input = (inputIsArgs ? inputOrArgs[0] : inputOrArgs) || {};
-		rendered = true;
-		const renderNative = () => {
-			_scope_id();
-			_html(`<${renderer}${_attrs(input, "a", branchId, renderer)}>`);
-			if (!voidElementsReg.test(renderer)) {
-				const renderContent = content || normalizeDynamicRenderer(input.content);
-				if (renderer === "textarea") _html(_attr_textarea_value(branchId, "a", input.value, input.valueChange, 1));
-				else {
-					if (renderContent && typeof renderContent !== "function") throw new Error(`Body content is not supported for the \`<${renderer}>\` tag.`);
-					if (renderer === "select" && ("value" in input || "valueChange" in input)) _attr_select_value(branchId, "a", input.value, input.valueChange, renderContent ? () => _dynamic_tag(branchId, "a", renderContent, void 0, 0, void 0, serializeReason) : void 0, 1);
-					else if (renderContent) _dynamic_tag(branchId, "a", renderContent, void 0, 0, void 0, serializeReason);
-				}
-				_html(`</${renderer}>`);
-			}
-			const childScope = getScopeById(branchId);
-			const needsScript = childScope && (childScope["EventAttributes:a"] || childScope["ControlledHandler:a"]);
-			if (needsScript) _script(branchId, "_d");
-			if (shouldResume || needsScript) _html(state.mark("'", scopeId + " " + accessor + " " + branchId));
-		};
-		renderNative();
-		result = _el(branchId, "_e");
-	} else {
-		const chunk = void 0;
-		const beforeBranch = shouldResume ? deferBranchStart(chunk) : void 0;
-		const render = () => {
-			if (renderer) try {
-				_set_serialize_reason(shouldResume && inputOrArgs !== void 0 ? 1 : 0);
-				return inputIsArgs ? renderer(...inputOrArgs) : renderer(content ? {
-					...inputOrArgs,
-					content
-				} : inputOrArgs);
-			} finally {
-				_set_serialize_reason(void 0);
-			}
-			else if (content) return content();
-		};
-		result = shouldResume ? withBranchId(branchId, render) : render();
-		rendered = _peek_scope_id() !== branchId;
-		if (beforeBranch !== void 0) {
-			applyBranchStart(chunk, beforeBranch, rendered);
-			_html(state.mark("]", scopeId + " " + accessor + (rendered ? " " + branchId : "")));
-		}
-	}
-	if (rendered) {
-		if (shouldResume) writeScope(scopeId, { [ConditionalRenderer$1 + accessor]: rendererKey(renderer) });
-	} else _scope_id();
-	return result;
-};
-((originalDynamicTag) => (patch) => {
-	_dynamic_tag = (scopeId, accessor, tag, input, content, inputIsArgs, resume) => {
-		const patched = patch(tag, scopeId, accessor);
-		if (patched !== tag) patched["id"] = tag;
-		return originalDynamicTag(scopeId, accessor, patched, input, content, inputIsArgs, resume);
-	};
-})(_dynamic_tag);
 //#endregion
 //#region src/translator/util/runtime.ts
 const pureDOMFunctions = /* @__PURE__ */ new Set([
@@ -2536,26 +2245,6 @@ function sectionHasSetupStatements(section) {
 	return false;
 }
 //#endregion
-//#region src/translator/util/binding-has-prop.ts
-function isSectionRendererElided(section) {
-	return !!section.downstreamBinding && !bindingHasProperty(section.downstreamBinding.binding, section.downstreamBinding.properties);
-}
-function bindingHasProperty(binding, properties) {
-	if (binding.pruned) return false;
-	else if (binding.pruned === void 0) throw new Error("Binding must be pruned before checking properties");
-	if (binding.reads.size || !properties) return true;
-	let property;
-	let rest;
-	if (Array.isArray(properties)) {
-		property = properties[0];
-		rest = properties.length === 2 ? properties[1] : properties.slice(1);
-	} else property = properties;
-	const propBinding = binding.propertyAliases.get(property);
-	if (propBinding && bindingHasProperty(propBinding, rest)) return true;
-	for (const alias of binding.aliases) if (bindingHasProperty(alias, properties)) return true;
-	return false;
-}
-//#endregion
 //#region src/translator/util/module-registrations.ts
 /**
 * Writes the registrations for module scoped functions: the ones this template
@@ -3211,6 +2900,7 @@ function getSignal(section, referencedBindings, name) {
 			values: [],
 			intersection: void 0,
 			forwards: void 0,
+			prepare: [],
 			render: [],
 			effect: [],
 			hasHTMLEffect: false,
@@ -3275,7 +2965,7 @@ function initValue(binding, isLet = false) {
 	return signal;
 }
 function signalHasStatements(signal) {
-	if (signal.extraArgs || signal.forcePersist || signal.render.length || signal.effect.length || signal.hasHTMLEffect || signal.values.length || signal.intersection) return true;
+	if (signal.extraArgs || signal.forcePersist || signal.prepare.length || signal.render.length || signal.effect.length || signal.hasHTMLEffect || signal.values.length || signal.intersection) return true;
 	const binding = signal.referencedBindings;
 	if (binding) {
 		if (!Array.isArray(binding) && (binding.closureSections || binding.type === 0 || binding.section === signal.section && (binding.hoists || binding.aliases.size || hasNonConstantPropertyAlias(binding)))) return true;
@@ -3373,20 +3063,21 @@ function getSignalFn(signal) {
 		signal.render.push(_marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(effectIdentifier, [scopeIdentifier])));
 	}
 	if (isValue && getSerializeReason(section, binding)) signal.hasSideEffect = true;
+	const render = signal.prepare.length ? signal.prepare.concat(signal.render) : signal.render;
 	if (!signal.hasSideEffect) {
-		if (isValue && signal.render.length === 1) {
-			const render = signal.render[0];
-			if (render.type === "ExpressionStatement") {
-				const { expression } = render;
+		if (isValue && render.length === 1) {
+			const first = render[0];
+			if (first.type === "ExpressionStatement") {
+				const { expression } = first;
 				if (expression.type === "CallExpression" && expression.callee.type === "Identifier" && expression.arguments.length === 2 && expression.arguments[0] === scopeIdentifier && isOwnValueRead(expression.arguments[1], binding)) return expression.callee;
 			}
 		}
-		return _marko_compiler.types.arrowFunctionExpression(isValue ? [scopeIdentifier, getSignalValueIdentifier(signal)] : [scopeIdentifier], toFirstExpressionOrBlock(signal.render));
+		return _marko_compiler.types.arrowFunctionExpression(isValue ? [scopeIdentifier, getSignalValueIdentifier(signal)] : [scopeIdentifier], toFirstExpressionOrBlock(render));
 	}
-	if (signal.render.length === 1) {
-		const render = signal.render[0];
-		if (render.type === "ExpressionStatement") {
-			const { expression } = render;
+	if (render.length === 1) {
+		const first = render[0];
+		if (first.type === "ExpressionStatement") {
+			const { expression } = first;
 			if (expression.type === "CallExpression") {
 				const args = expression.arguments;
 				if (args.length === 1 && args[0] === scopeIdentifier) {
@@ -3396,7 +3087,7 @@ function getSignalFn(signal) {
 			}
 		}
 	}
-	return _marko_compiler.types.arrowFunctionExpression([scopeIdentifier], _marko_compiler.types.blockStatement(signal.render));
+	return _marko_compiler.types.arrowFunctionExpression([scopeIdentifier], _marko_compiler.types.blockStatement(render));
 }
 const hasTranslatedExtraArgs = /* @__PURE__ */ new WeakSet();
 const emptyExtraArgs = [];
@@ -5796,7 +5487,7 @@ function getOnlyChildParentTagName(tag, branchSize = 1) {
 	const extra = tag.node.extra;
 	if (extra[kOnlyChildInParent] !== void 0) return extra[kOnlyChildInParent];
 	const parentTag = getParentTag(tag);
-	return extra[kOnlyChildInParent] = parentTag && (0, _marko_compiler_babel_utils.getTagDef)(parentTag)?.html && parentTag.node.name.type === "StringLiteral" && tag.parent.body.filter((node) => node.type !== "MarkoComment").length === branchSize ? parentTag.node.name.value : false;
+	return extra[kOnlyChildInParent] = parentTag && analyzeTagNameType(parentTag) === 0 && parentTag.node.name.type === "StringLiteral" && tag.parent.body.filter((node) => node.type !== "MarkoComment").length === branchSize ? parentTag.node.name.value : false;
 }
 function getOptimizedOnlyChildNodeBinding(tag, section, branchSize = 1) {
 	if (getOnlyChildParentTagName(tag, branchSize)) {
@@ -6364,6 +6055,9 @@ var program_default = {
 			const paramsBinding = programExtra.binding;
 			if (paramsBinding && !paramsBinding.pruned) programExtra.domExports.params = getBindingPropTree(paramsBinding);
 			const section = programExtra.section;
+			forEachSection((childSection) => {
+				programExtra.hasResumes ||= !!(childSection.serializeReason || childSection.serializeReasons.size || childSection !== section && !isSectionRendererElided(childSection) && getSectionRegisterReasons(childSection));
+			});
 			if (!section.hoistedTo && !sectionHasSetupStatements(section)) programExtra.domExports.setupEmpty = true;
 		}
 	},
@@ -6382,22 +6076,16 @@ var program_default = {
 				if (isLoadEntry) {
 					const entryFile = program.hub.file;
 					const { filename } = entryFile.opts;
-					program.node.body = [_marko_compiler.types.importDeclaration([_marko_compiler.types.importSpecifier(_marko_compiler.types.identifier("ready"), _marko_compiler.types.identifier("ready"))], _marko_compiler.types.stringLiteral(getRuntimePath("dom"))), _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(_marko_compiler.types.memberExpression(_marko_compiler.types.callExpression(_marko_compiler.types.import(), [_marko_compiler.types.stringLiteral((0, _marko_compiler_babel_utils.resolveRelativePath)(entryFile, filename))]), _marko_compiler.types.identifier("then")), [_marko_compiler.types.arrowFunctionExpression([], _marko_compiler.types.callExpression(_marko_compiler.types.identifier("ready"), [_marko_compiler.types.stringLiteral(getReadyId(entryFile))]))]))];
+					const readyId = getReadyId(entryFile);
+					const report = !markoOpts.optimize;
+					program.node.body = [_marko_compiler.types.importDeclaration([_marko_compiler.types.importSpecifier(_marko_compiler.types.identifier("ready"), _marko_compiler.types.identifier("ready")), ...report ? [_marko_compiler.types.importSpecifier(_marko_compiler.types.identifier("readyFailed"), _marko_compiler.types.identifier("readyFailed"))] : []], _marko_compiler.types.stringLiteral(getRuntimePath("dom"))), _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(_marko_compiler.types.memberExpression(_marko_compiler.types.callExpression(_marko_compiler.types.import(), [_marko_compiler.types.stringLiteral((0, _marko_compiler_babel_utils.resolveRelativePath)(entryFile, filename))]), _marko_compiler.types.identifier("then")), [_marko_compiler.types.arrowFunctionExpression([], _marko_compiler.types.callExpression(_marko_compiler.types.identifier("ready"), [_marko_compiler.types.stringLiteral(readyId)])), ...report ? [_marko_compiler.types.arrowFunctionExpression([], _marko_compiler.types.callExpression(_marko_compiler.types.identifier("readyFailed"), [_marko_compiler.types.stringLiteral(readyId)]))] : []]))];
 					program.skip();
 					return;
 				}
 				if (isDOMPageEntry) {
 					const entryFile = program.hub.file;
-					const { filename } = entryFile.opts;
-					const visitedFiles = /* @__PURE__ */ new Set([(0, _marko_compiler_babel_utils.resolveRelativePath)(entryFile, filename)]);
-					entry_builder_default.visit(entryFile, entryFile, function visitChild(resolved) {
-						if (!visitedFiles.has(resolved)) {
-							visitedFiles.add(resolved);
-							const file = (0, _marko_compiler_babel_utils.loadFileForImport)(entryFile, resolved);
-							if (file) entry_builder_default.visit(file, entryFile, (id) => visitChild(resolveRelativeToEntry(entryFile, file, id)));
-						}
-					});
-					program.node.body = entry_builder_default.build(entryFile);
+					builder.visit(entryFile, entryFile);
+					program.node.body = builder.build(entryFile);
 					program.skip();
 					return;
 				}
@@ -6444,13 +6132,16 @@ var program_default = {
 //#endregion
 //#region src/translator/util/set-tag-sections-downstream.ts
 const [getTagDownstreams] = createSectionState("tag-downstreams", () => /* @__PURE__ */ new Map());
-function setTagDownstream(tag, binding) {
-	if (binding) getTagDownstreams(getSection(tag)).set(tag, binding);
+function setTagDownstream(tag, binding, exprs) {
+	if (binding) getTagDownstreams(getSection(tag)).set(tag, {
+		binding,
+		exprs
+	});
 }
 function finalizeTagDownstreams(section) {
-	for (const [tag, binding] of getTagDownstreams(section)) crawlSectionsAndSetBinding(tag, binding);
+	for (const [tag, { binding, exprs }] of getTagDownstreams(section)) crawlSectionsAndSetBinding(tag, binding, exprs);
 }
-function crawlSectionsAndSetBinding(tag, binding, properties, skip) {
+function crawlSectionsAndSetBinding(tag, binding, exprs, properties, skip) {
 	if (!skip) {
 		const contentSection = getSectionForBody(tag.get("body"));
 		if (contentSection) {
@@ -6460,7 +6151,8 @@ function crawlSectionsAndSetBinding(tag, binding, properties, skip) {
 			});
 			contentSection.downstreamBinding = target && (target.noSerialize || includes(target.noSerializeProperties, "content")) ? false : {
 				binding,
-				properties: concat(properties, "content")
+				properties: concat(properties, "content"),
+				exprs
 			};
 		}
 	}
@@ -6469,8 +6161,8 @@ function crawlSectionsAndSetBinding(tag, binding, properties, skip) {
 	const attrTags = getAttrTagPaths(tag);
 	for (const child of attrTags) if (child.isMarkoTag()) if ((0, _marko_compiler_babel_utils.isAttributeTag)(child)) {
 		const attrTagMeta = attrTagLookup[getTagName(child)];
-		crawlSectionsAndSetBinding(child, binding, concat(properties, attrTagMeta.name));
-	} else crawlSectionsAndSetBinding(child, binding, properties, true);
+		crawlSectionsAndSetBinding(child, binding, exprs, concat(properties, attrTagMeta.name));
+	} else crawlSectionsAndSetBinding(child, binding, exprs, properties, true);
 }
 //#endregion
 //#region src/translator/util/translate-var.ts
@@ -6537,10 +6229,10 @@ function knownTagAnalyze(tag, contentSection, propTree) {
 	startSection(tagBody);
 	trackParamsReferences(tagBody, 3);
 	getKnownTags(section).push(tagExtra);
-	setTagDownstream(tag, propTree?.props?.[0]?.binding);
 	tagExtra[kContentSection] = contentSection;
 	const varBinding = trackVarReferences(tag, 5);
 	const exprs = tagExtra[kKnownExprs] = analyzeParams(tagExtra, section, tag, propTree, attrExprs);
+	setTagDownstream(tag, propTree?.props?.[0]?.binding, exprs);
 	if (varBinding) {
 		addSetupStatement(section);
 		const mutatesTagVar = !!(tag.node.var.type === "Identifier" && tag.scope.getBinding(tag.node.var.name)?.constantViolations.length);
@@ -6630,7 +6322,7 @@ function knownTagTranslateDOM(tag, propTree, getBindingIdentifier, callSetup) {
 			if (!isOptimize()) changeArgs.push(_marko_compiler.types.stringLiteral(varBinding.name));
 			return _marko_compiler.types.callExpression(importRuntime("_var_change"), changeArgs);
 		};
-		addStatement("render", tagSection, void 0, _marko_compiler.types.expressionStatement(callRuntime("_var", scopeIdentifier, getScopeAccessorLiteral(childScopeBinding, true), source.identifier)));
+		addStatement("prepare", tagSection, void 0, _marko_compiler.types.expressionStatement(callRuntime("_var", scopeIdentifier, getScopeAccessorLiteral(childScopeBinding, true), source.identifier)));
 	}
 	callSetup?.(tagSection, childScopeBinding);
 	if (propTree) writeParamsToSignals(tag, propTree, getTagName(tag) || "tag", {
@@ -6656,7 +6348,7 @@ function analyzeParams(rootTagExtra, section, tag, propTree, rootAttrExprs) {
 	}
 	if (!propTree.props || propTree.rest || tag.node.arguments?.some((node) => _marko_compiler.types.isSpreadElement(node))) {
 		const extra = inputExpr.value = mergeReferences(section, tag.node, getAllTagReferenceNodes(tag.node));
-		setBindingDownstream(propTree.binding, extra);
+		setBindingDownstream(propTree.binding, extra, inputExpr);
 		return inputExpr;
 	}
 	const known = inputExpr.known = {};
@@ -6671,7 +6363,7 @@ function analyzeParams(rootTagExtra, section, tag, propTree, rootAttrExprs) {
 		i++;
 	}
 	const attrPropsTree = propTree.props[i];
-	if (attrPropsTree) known[i] = analyzeAttrs(rootTagExtra, section, tag, attrPropsTree, rootAttrExprs);
+	if (attrPropsTree) known[i] = analyzeAttrs(rootTagExtra, section, tag, attrPropsTree, rootAttrExprs, inputExpr);
 	else {
 		const args = tag.node.arguments;
 		tag.node.arguments = null;
@@ -6680,11 +6372,11 @@ function analyzeParams(rootTagExtra, section, tag, propTree, rootAttrExprs) {
 	}
 	return inputExpr;
 }
-function analyzeAttrs(rootTagExtra, section, tag, propTree, rootAttrExprs) {
+function analyzeAttrs(rootTagExtra, section, tag, propTree, rootAttrExprs, rootExprs) {
 	const inputExpr = {};
 	if (!propTree.props) {
 		const extra = inputExpr.value = mergeReferences(section, tag.node, getAllTagReferenceNodes(tag.node));
-		setBindingDownstream(propTree.binding, extra);
+		setBindingDownstream(propTree.binding, extra, rootExprs);
 		return inputExpr;
 	}
 	const known = inputExpr.known = {};
@@ -6716,7 +6408,7 @@ function analyzeAttrs(rootTagExtra, section, tag, propTree, rootAttrExprs) {
 				known[attrTagMeta.name] = { value: rootTagExtra };
 			} else if (childAttrExport.props) {
 				remaining.delete(attrTagMeta.name);
-				known[attrTagMeta.name] = analyzeAttrs(rootTagExtra, section, child, childAttrExport, rootAttrExprs);
+				known[attrTagMeta.name] = analyzeAttrs(rootTagExtra, section, child, childAttrExport, rootAttrExprs, rootExprs);
 			} else analyzeDynamicAttrTagChildGroup(attrTagMeta.group, child);
 		} else {
 			const group = child.node.extra.attributeTagGroup;
@@ -6752,7 +6444,7 @@ function analyzeAttrs(rootTagExtra, section, tag, propTree, rootAttrExprs) {
 			const groupKnownValue = { value: groupExtra };
 			rootAttrExprs.add(groupExtra);
 			forEach(bindings, (binding) => {
-				setBindingDownstream(binding, groupExtra);
+				setBindingDownstream(binding, groupExtra, rootExprs);
 			});
 			for (const name of group) {
 				const attrTagMeta = attrTagLookup[name];
@@ -6795,7 +6487,7 @@ function analyzeAttrs(rootTagExtra, section, tag, propTree, rootAttrExprs) {
 				known[attr.name] = { value: attrExtra };
 				rootAttrExprs.add(attrExtra);
 				addSetupExpr(section, attr.value);
-				setBindingDownstream(templateExportAttr.binding, attrExtra);
+				setBindingDownstream(templateExportAttr.binding, attrExtra, rootExprs);
 				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);
 			}
@@ -6813,16 +6505,16 @@ function analyzeAttrs(rootTagExtra, section, tag, propTree, rootAttrExprs) {
 		known[prop] = { value: propExtra };
 		rootAttrExprs.add(propExtra);
 		addRead(propExtra, propExtra, propBinding, section, void 0);
-		setBindingDownstream(templateExportAttr === true ? propTree.rest.binding : templateExportAttr.binding, propExtra);
+		setBindingDownstream(templateExportAttr === true ? propTree.rest.binding : templateExportAttr.binding, propExtra, rootExprs);
 	}
 	else if (spreadReferenceNodes) if (remaining.size || propTree.rest && !propTree.rest.props) {
 		inputExpr.value = mergeReferences(section, tag.node, spreadReferenceNodes);
-		setBindingDownstream(propTree.rest?.binding || propTree.binding, inputExpr.value);
+		setBindingDownstream(propTree.rest?.binding || propTree.binding, inputExpr.value, rootExprs);
 	} else dropNodes(spreadReferenceNodes);
 	else {
 		if (restReferenceNodes) {
 			inputExpr.value = mergeReferences(section, tag.node, restReferenceNodes);
-			setBindingDownstream(propTree.rest.binding, inputExpr.value);
+			setBindingDownstream(propTree.rest.binding, inputExpr.value, rootExprs);
 		}
 		if (remaining.size) addSetupStatement(section);
 		if (propTree.rest && !propTree.rest.props) addSetupExpr(section, tag.node);
@@ -7057,41 +6749,6 @@ function writeAttrsToSignals(tag, propTree, importAlias, info) {
 		if (propTree.rest && !propTree.rest.props) addStatement("render", info.tagSection, tagReferencedBindings, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(info.getBindingIdentifier(propTree.rest.binding, importAlias + "_$rest"), [createScopeReadExpression(info.childScopeBinding, info.tagSection), _marko_compiler.types.objectExpression(restProps || [])])), true);
 	}
 }
-function mapParamReasonToExpr(exprs, reason) {
-	if (reason) {
-		if (reason === true) return true;
-		const result = /* @__PURE__ */ new Set();
-		forEach(reason, (prop) => {
-			forEach(mapParamBindingToExpr(exprs, prop), (expr) => {
-				result.add(expr);
-			});
-		});
-		return fromIter(result);
-	}
-}
-function mapParamBindingToExpr(exprs, binding) {
-	const isWholeAlias = binding.property === void 0 && binding.upstreamAlias !== void 0;
-	const props = [];
-	let curBinding = isWholeAlias ? binding.upstreamAlias : binding;
-	while (curBinding && (curBinding.property !== void 0 || curBinding.upstreamAlias)) {
-		if (curBinding.property !== void 0) props.push(curBinding.property);
-		curBinding = curBinding.upstreamAlias;
-	}
-	let curExpr = exprs;
-	for (let i = props.length; i--;) {
-		const nestedExpr = curExpr.known?.[props[i]];
-		if (!nestedExpr) return curExpr.value;
-		curExpr = nestedExpr;
-	}
-	if (isWholeAlias) {
-		let result = curExpr.value;
-		if (curExpr.known) {
-			for (const key in curExpr.known) if (!includes(binding.excludeProperties, key)) result = concat(result, curExpr.known[key].value);
-		}
-		return result;
-	}
-	return curExpr.value;
-}
 function callStatement(id, ...args) {
 	return _marko_compiler.types.expressionStatement(callExpression(id, ...args));
 }
@@ -7730,10 +7387,11 @@ function getCollapsibleIntersectionSource(intersection, section) {
 	const source = sources.state || sources.param;
 	return source && !Array.isArray(source) && source.section === section && !source.scopeOffset ? source : void 0;
 }
-function setBindingDownstream(binding, expr) {
+function setBindingDownstream(binding, expr, exprs) {
 	getBindingValueExprs().set(binding, expr || false);
 	if (expr && expr !== true) forEach(expr, (expr) => {
 		expr.downstream = bindingUtil.add(expr.downstream, binding);
+		if (exprs) expr.downstreamExprs = exprs;
 	});
 }
 const [getResolvedSources] = createProgramState(() => /* @__PURE__ */ new Set());
@@ -8301,7 +7959,12 @@ function getAllSerializeReasonsForExtra(extra) {
 		else {
 			serializeReasonCache.set(extra, false);
 			forEach(extra.downstream, (binding) => {
-				reason = mergeSerializeReasons(reason, getAllSerializeReasonsForBinding(binding, true));
+				let linked = getAllSerializeReasonsForBinding(binding, true);
+				if (linked && linked !== true) {
+					const exprs = extra.downstreamExprs;
+					if (exprs) linked = mapDownstreamReason(binding.section.program, linked, exprs);
+				}
+				reason = mergeSerializeReasons(reason, linked);
 			});
 		}
 		if (reason) serializeReasonCache.set(extra, reason);
@@ -8383,6 +8046,41 @@ function setReadsOwner(from, to) {
 		cur = cur.parent;
 	}
 }
+function mapParamReasonToExpr(exprs, reason) {
+	if (reason) {
+		if (reason === true) return true;
+		const result = /* @__PURE__ */ new Set();
+		forEach(reason, (prop) => {
+			forEach(mapParamBindingToExpr(exprs, prop), (expr) => {
+				result.add(expr);
+			});
+		});
+		return fromIter(result);
+	}
+}
+function mapParamBindingToExpr(exprs, binding) {
+	const isWholeAlias = binding.property === void 0 && binding.upstreamAlias !== void 0;
+	const props = [];
+	let curBinding = isWholeAlias ? binding.upstreamAlias : binding;
+	while (curBinding && (curBinding.property !== void 0 || curBinding.upstreamAlias)) {
+		if (curBinding.property !== void 0) props.push(curBinding.property);
+		curBinding = curBinding.upstreamAlias;
+	}
+	let curExpr = exprs;
+	for (let i = props.length; i--;) {
+		const nestedExpr = curExpr.known?.[props[i]];
+		if (!nestedExpr) return curExpr.value;
+		curExpr = nestedExpr;
+	}
+	if (isWholeAlias) {
+		let result = curExpr.value;
+		if (curExpr.known) {
+			for (const key in curExpr.known) if (!includes(binding.excludeProperties, key)) result = concat(result, curExpr.known[key].value);
+		}
+		return result;
+	}
+	return curExpr.value;
+}
 //#endregion
 //#region src/translator/core/await.ts
 const kDOMBinding$2 = Symbol("await tag dom binding");
@@ -9811,6 +9509,7 @@ var import_declaration_default = {
 			const { file } = importDecl.hub;
 			const loadFile = tagImport && (0, _marko_compiler_babel_utils.loadFileForImport)(file, value);
 			if (!loadFile) throw importDecl.buildCodeFrameError("Unable to resolve marko file for load import.");
+			(file.path.node.extra.loadImports ??= /* @__PURE__ */ new Set()).add(loadFile.opts.filename);
 			if (loadFile.ast.program.extra?.featureType === "class") throw importDecl.buildCodeFrameError(`The [\`load\` import attribute](https://markojs.com/docs/reference/lazy-loading) is not supported for the Marko 5 (class API) tag \`${value}\`. Import it without \`load\`, or migrate the tag to the tags API.`);
 		}
 	},
@@ -10173,7 +9872,7 @@ var scriptlet_default = {
 			return;
 		}
 		mergeReferences(getOrCreateSection(scriptlet), scriptlet.node, scriptlet.node.body);
-		if (scriptlet.node.target === "client") (0, _marko_compiler_babel_utils.getProgram)().node.extra.isInteractive = true;
+		if (scriptlet.node.target === "client") (0, _marko_compiler_babel_utils.getProgram)().node.extra.hasClientStatement = true;
 	},
 	translate: { exit(scriptlet) {
 		const { node } = scriptlet;
@@ -10335,10 +10034,18 @@ function getTagRelativePath(tag) {
 	if (!relativePath) throw tagNotFoundError(tag);
 	return relativePath;
 }
+const staticHint = "To declare module level JavaScript, prefix the statement with `static`.";
 const knownWrongTags = /* @__PURE__ */ new Map([
 	["slot", "To render content passed to this tag, use a [dynamic tag](https://markojs.com/docs/reference/language#dynamic-tags): `<${input.content}/>`."],
 	["state", "Reactive state is declared with the [`<let>` tag](https://markojs.com/docs/reference/core-tag#let): `<let/name=initialValue>`."],
-	["fragment", "Marko templates and tag bodies may have multiple root nodes; no fragment wrapper is needed."]
+	["fragment", "Marko templates and tag bodies may have multiple root nodes; no fragment wrapper is needed."],
+	["async", staticHint],
+	["class", staticHint],
+	["declare", staticHint],
+	["enum", staticHint],
+	["function", staticHint],
+	["interface", staticHint],
+	["type", staticHint]
 ]);
 function tagNotFoundError(tag) {
 	const tagName = getTagName(tag);
@@ -10352,7 +10059,7 @@ function tagNotFoundError(tag) {
 		const closestTag = (0, fastest_levenshtein.closest)(tagName, Object.keys((0, _marko_compiler_babel_utils.getTaglibLookup)(tag.hub.file).merged.tags));
 		if ((0, fastest_levenshtein.distance)(tagName, closestTag) < 4) didYouMean = ` Did you mean \`<${closestTag}>\`?`;
 	}
-	return tag.get("name").buildCodeFrameError(`Unable to find entry point for [custom tag](https://markojs.com/docs/reference/custom-tag#relative-custom-tags) \`<${tagName}>\`.${didYouMean}`);
+	return tag.get("name").buildCodeFrameError(`Unable to find entry point for [custom tag](https://markojs.com/docs/reference/custom-tag#relative-custom-tags) \`<${tagName ?? getStaticTagName(tag.node)}>\`.${didYouMean}`);
 }
 const wordReg = /^[A-Za-z]+$/;
 function getProseText(tag) {
@@ -10720,7 +10427,7 @@ var text_default = {
 function buildAggregateError(file, rootMsg, ...paths) {
 	const err = /* @__PURE__ */ new SyntaxError();
 	const fileName = path.default.relative(_marko_compiler_modules.cwd, file.opts.filename);
-	const finalMsg = `${rootMsg}:\n\n${paths.map(([msg, path$14]) => `\x1b[90m${msg} at ${getFileNameWithLoc(fileName, path$14)}:\x1b[0m\n${getFrame(file, path$14)}`).join("\n\n")}`;
+	const finalMsg = `${rootMsg}:\n\n${paths.map(([msg, path$13]) => `\x1b[90m${msg} at ${getFileNameWithLoc(fileName, path$13)}:\x1b[0m\n${getFrame(file, path$13)}`).join("\n\n")}`;
 	if (!("MARKO_DEBUG" in process.env)) err.stack = finalMsg;
 	Object.defineProperty(err, "message", {
 		get() {
@@ -10884,24 +10591,30 @@ function createInteropTranslator(translate5) {
 						})));
 					};
 					return [
-						importHydrateProgram("6", entry_builder_default.build(entryFile, true)),
+						...state.needsCompat ? [_marko_compiler.types.importDeclaration([], _marko_compiler.types.stringLiteral(getCompatRuntimeFile()))] : [],
+						...Array.from(state.compatFiles, (compatFile) => _marko_compiler.types.importDeclaration([], _marko_compiler.types.stringLiteral(compatFile))),
+						importHydrateProgram("6", builder.build(entryFile, true)),
 						importHydrateProgram("5", translate5.internalEntryBuilder.build(entryFile, true)),
 						_marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(_marko_compiler.types.identifier("init6"), [])),
 						_marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(_marko_compiler.types.identifier("init5"), []))
 					];
 				} else return translate5.internalEntryBuilder.build(entryFile);
-				else return entry_builder_default.build(entryFile);
+				else return builder.build(entryFile);
 			},
 			visit(file, entryFile, visitChild) {
 				const state = entryFile[kState] ||= {
 					has5: false,
-					has6: false
+					has6: false,
+					needsCompat: false,
+					compatFiles: /* @__PURE__ */ new Set()
 				};
 				if (isTagsAPI(file)) {
 					state.has6 = true;
-					entry_builder_default.visit(file, entryFile, visitChild);
+					builder.visit(file, entryFile, visitChild);
 				} else {
 					state.has5 = true;
+					if (file.path.node.extra?.resumesCompat) state.needsCompat = true;
+					if (file.path.node.extra?.resumesClassFns) state.compatFiles.add((0, _marko_compiler_babel_utils.resolveRelativePath)(entryFile, file.opts.filename));
 					translate5.internalEntryBuilder.visit(file, entryFile, visitChild);
 				}
 			}
@@ -10914,13 +10627,13 @@ function createInteropTranslator(translate5) {
 					const entryFile = program.hub.file;
 					const { output, entry } = entryFile.markoOpts;
 					if (!(output === "dom" && entry === "page" || output === "hydrate")) return enterProgram?.call(this, program, state);
-					const visitedFiles = /* @__PURE__ */ new Set([(0, _marko_compiler_babel_utils.resolveRelativePath)(entryFile, entryFile.opts.filename)]);
-					entryBuilder.visit(entryFile, entryFile, function visitChild(resolved) {
-						if (!visitedFiles.has(resolved)) {
-							visitedFiles.add(resolved);
-							const file = (0, _marko_compiler_babel_utils.loadFileForImport)(entryFile, resolved);
-							if (file) entryBuilder.visit(file, entryFile, (id) => visitChild(resolveRelativeToEntry(entryFile, file, id)));
-						}
+					const visitedFiles = /* @__PURE__ */ new Map([[(0, _marko_compiler_babel_utils.resolveRelativePath)(entryFile, entryFile.opts.filename), false]]);
+					entryBuilder.visit(entryFile, entryFile, function visitChild(resolved, bundled = false) {
+						const seenBundled = visitedFiles.get(resolved);
+						if (seenBundled === false || seenBundled && bundled) return;
+						visitedFiles.set(resolved, bundled);
+						const file = (0, _marko_compiler_babel_utils.loadFileForImport)(entryFile, resolved);
+						if (file) entryBuilder.visit(file, entryFile, (id, childBundled = false) => visitChild(resolveRelativeToEntry(entryFile, file, id), childBundled || bundled));
 					});
 					program.node.body = entryBuilder.build(entryFile);
 					program.skip();
@@ -10936,13 +10649,13 @@ function mergeVisitors(visitor5, visitor6) {
 function mergeVisit(visit5, visit6) {
 	const enter5 = getVisitorEnter(visit5);
 	const enter6 = getVisitorEnter(visit6);
-	const enter = (enter5 || enter6) && function enter(path$10, state) {
-		return (isTagsAPI() ? enter6 : enter5)?.call(this, path$10, state);
+	const enter = (enter5 || enter6) && function enter(path$9, state) {
+		return (isTagsAPI() ? enter6 : enter5)?.call(this, path$9, state);
 	};
 	const exit5 = getVisitorExit(visit5);
 	const exit6 = getVisitorExit(visit6);
-	const exit = (exit5 || exit6) && function exit(path$11, state) {
-		return (isTagsAPI() ? exit6 : exit5)?.call(this, path$11, state);
+	const exit = (exit5 || exit6) && function exit(path$10, state) {
+		return (isTagsAPI() ? exit6 : exit5)?.call(this, path$10, state);
 	};
 	return exit ? enter ? {
 		enter,
@@ -11025,17 +10738,17 @@ function sequenceVisit(first, second) {
 	if (!first || !second) return first || second;
 	const enterFirst = getVisitorEnter(first);
 	const enterSecond = getVisitorEnter(second);
-	const enter = (enterFirst || enterSecond) && function enter(path$12, state) {
-		const { node } = path$12;
-		enterFirst?.call(this, path$12, state);
-		if (path$12.node === node) enterSecond?.call(this, path$12, state);
+	const enter = (enterFirst || enterSecond) && function enter(path$11, state) {
+		const { node } = path$11;
+		enterFirst?.call(this, path$11, state);
+		if (path$11.node === node) enterSecond?.call(this, path$11, state);
 	};
 	const exitFirst = getVisitorExit(first);
 	const exitSecond = getVisitorExit(second);
-	const exit = (exitFirst || exitSecond) && function exit(path$13, state) {
-		const { node } = path$13;
-		exitFirst?.call(this, path$13, state);
-		if (path$13.node === node) exitSecond?.call(this, path$13, state);
+	const exit = (exitFirst || exitSecond) && function exit(path$12, state) {
+		const { node } = path$12;
+		exitFirst?.call(this, path$12, state);
+		if (path$12.node === node) exitSecond?.call(this, path$12, state);
 	};
 	return exit ? enter ? {
 		enter,
@@ -11083,7 +10796,7 @@ exports.analyze = analyze;
 exports.cheatsheet = cheatsheet;
 exports.createInteropTranslator = createInteropTranslator;
 exports.getRuntimeEntryFiles = getRuntimeEntryFiles;
-exports.internalEntryBuilder = entry_builder_default;
+exports.internalEntryBuilder = builder;
 exports.preferAPI = preferAPI;
 exports.tagDiscoveryDirs = tagDiscoveryDirs;
 exports.taglibs = taglibs;