marko 6.3.43 → 6.3.45

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");
@@ -1201,6 +1199,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);
@@ -1323,6 +1352,7 @@ function createSectionState(key, init) {
 //#endregion
 //#region src/translator/util/tag-name-type.ts
 const MARKO_FILE_REG = /^<.*>$|\.marko$/;
+const TAG_NAME_IDENTIFIER_REG$1 = /^[A-Z][a-zA-Z0-9_$]*$/;
 function analyzeTagNameType(tag, allowDynamic) {
 	const extra = tag.node.extra ??= {};
 	if (extra.tagNameType === void 0) {
@@ -1346,9 +1376,12 @@ 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;
+				const tagName = name.node.value;
+				extra.tagNameUnresolved = !(TAG_NAME_IDENTIFIER_REG$1.test(tagName) && tag.scope.hasBinding(tagName));
 			}
 		}
 	}
@@ -1444,6 +1477,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,
@@ -1467,6 +1501,7 @@ function startSection(path) {
 			isBranch: false,
 			structure: parentSection && !parentSection.structure ? null : []
 		};
+		section.program = parentSection ? parentSection.program : section;
 		sections.push(section);
 	}
 	return section;
@@ -1570,7 +1605,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;
@@ -1910,6 +1946,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) {
@@ -1970,35 +2026,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
@@ -2533,26 +2624,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
@@ -6085,7 +6156,8 @@ function preAnalyze$1(tag) {
 		const [firstChild] = tag.node.body.body;
 		if (firstChild.type === "MarkoText") firstChild.value = firstChild.value.replace(/^\r?\n/, "");
 		const parts = [];
-		for (const child of tag.node.body.body) if (child.type === "MarkoText" || child.type === "MarkoPlaceholder" && child.escape) parts.push(child.value);
+		for (const child of tag.node.body.body) if (child.type === "MarkoText") parts.push((0, _marko_compiler_babel_utils.decodeHTML)(child.value));
+		else if (child.type === "MarkoPlaceholder" && child.escape) parts.push(child.value);
 		else throw tag.hub.file.hub.buildError(child, "Unexpected content in textarea, only text and placeholders are supported.", SyntaxError);
 		const textValue = normalizeStringExpression(parts);
 		if (textValue) {
@@ -6360,6 +6432,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;
 		}
 	},
@@ -6384,16 +6459,8 @@ var program_default = {
 				}
 				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;
 				}
@@ -6440,13 +6507,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) {
@@ -6456,7 +6526,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
 			};
 		}
 	}
@@ -6465,8 +6536,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
@@ -6533,10 +6604,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);
@@ -6652,7 +6723,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 = {};
@@ -6667,7 +6738,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;
@@ -6676,11 +6747,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 = {};
@@ -6712,7 +6783,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;
@@ -6748,7 +6819,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];
@@ -6791,7 +6862,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);
 			}
@@ -6809,16 +6880,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);
@@ -7053,41 +7124,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));
 }
@@ -7726,10 +7762,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());
@@ -8297,7 +8334,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);
@@ -8379,6 +8421,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");
@@ -9805,7 +9882,10 @@ var import_declaration_default = {
 			}
 			(node.extra ??= {}).loadImport = loadImport;
 			const { file } = importDecl.hub;
-			if (!(tagImport && (0, _marko_compiler_babel_utils.loadFileForImport)(file, value))) throw importDecl.buildCodeFrameError("Unable to resolve marko file for load import.");
+			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.`);
 		}
 	},
 	translate: { exit(importDecl) {
@@ -10127,9 +10207,14 @@ var referenced_identifier_default = {
 		const { name } = identifier.node;
 		if (identifier.scope.hasBinding(name)) return;
 		switch (name) {
-			case "$global":
-				if (!isOutputHTML()) identifier.replaceWith(_marko_compiler.types.memberExpression(scopeIdentifier, _marko_compiler.types.identifier(getAccessorProp().Global)));
+			case "$global": {
+				if (isOutputHTML()) break;
+				const globalRead = _marko_compiler.types.memberExpression(scopeIdentifier, _marko_compiler.types.identifier(getAccessorProp().Global));
+				const key = !isOptimize() && getSignalGlobalKey(identifier);
+				if (key) identifier.parentPath.replaceWith(callRuntime("_global_read", globalRead, _marko_compiler.types.stringLiteral(key)));
+				else identifier.replaceWith(globalRead);
 				break;
+			}
 			case "$signal": if (isOutputHTML()) identifier.replaceWith(_marko_compiler.types.callExpression(_marko_compiler.types.arrowFunctionExpression([], _marko_compiler.types.blockStatement([_marko_compiler.types.throwStatement(_marko_compiler.types.newExpression(_marko_compiler.types.identifier("Error"), [_marko_compiler.types.stringLiteral("Cannot use $signal in a server render.")]))])), []));
 			else {
 				const section = getSection(identifier);
@@ -10145,6 +10230,13 @@ var referenced_identifier_default = {
 		}
 	}
 };
+function getSignalGlobalKey(identifier) {
+	const { parent } = identifier;
+	if (!_marko_compiler.types.isMemberExpression(parent) || parent.computed || !_marko_compiler.types.isIdentifier(parent.property) || parent.object !== identifier.node) return;
+	const { name } = parent.property;
+	if (name === "runtimeId" || name === "renderId") return;
+	return getExprRoot(identifier).node.extra?.referencedBindings ? name : void 0;
+}
 //#endregion
 //#region src/translator/visitors/scriptlet.ts
 var scriptlet_default = {
@@ -10155,7 +10247,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;
@@ -10317,10 +10409,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);
@@ -10334,7 +10434,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) {
@@ -10403,6 +10503,7 @@ function pushCompatRegistration(key, statement) {
 }
 var dynamic_tag_default = {
 	analyze: { enter(tag) {
+		if (tag.node.extra?.tagNameUnresolved) throw tagNotFoundError(tag);
 		(0, _marko_compiler_babel_utils.assertAttributesOrArgs)(tag);
 		const { node } = tag;
 		const definedBodySection = node.extra?.defineBodySection;
@@ -10701,7 +10802,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() {
@@ -10865,24 +10966,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);
 				}
 			}
@@ -10895,13 +11002,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();
@@ -10917,13 +11024,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,
@@ -11006,17 +11113,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,
@@ -11064,7 +11171,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;