marko 6.3.15 → 6.3.16

package/dist/common/errors.d.ts

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

package/dist/debug/dom.js

@@ -159,6 +159,15 @@ function assertValidLoopKey(key, seenKeys) {
 		seenKeys.add(key);
 	}
 }
+function assertValidList(value) {
+	if (value && typeof value[Symbol.iterator] !== "function") throw new Error(`A \`<for>\` tag's \`of\` attribute must be an iterable, such as an array, but received ${describeForValue(value)}.`);
+}
+function assertValidRangeBound(name, value) {
+	if (!isFinite(value)) throw new Error(`A \`<for>\` tag's \`${name}\` attribute must be a finite number, but received ${describeForValue(value)}.`);
+}
+function describeForValue(value) {
+	return typeof value === "number" || typeof value === "bigint" ? `\`${value}\`` : value === null ? "null" : `type "${typeof value}"`;
+}
 function assertValidAttrName(name) {
 	if (htmlAttrNameReg.test(name)) throw new Error(`Invalid attribute name: ${JSON.stringify(name)}`);
 	const suggestion = getWrongAttrSuggestion(name);
@@ -211,17 +220,20 @@ function forIn(obj, cb) {
 	for (const key in obj) cb(key, obj[key]);
 }
 function forOf(list, cb) {
+	assertValidList(list);
 	if (list) {
 		let i = 0;
 		for (const item of list) cb(item, i++);
 	}
 }
 function forTo(to, from, step, cb) {
+	assertValidRangeBound("to", to);
 	const start = from || 0;
 	const delta = step || 1;
 	for (let steps = (to - start) / delta, i = 0; i <= steps; i++) cb(start + i * delta);
 }
 function forUntil(until, from, step, cb) {
+	assertValidRangeBound("until", until);
 	const start = from || 0;
 	const delta = step || 1;
 	for (let steps = (until - start) / delta, i = 0; i < steps; i++) cb(start + i * delta);

package/dist/debug/dom.mjs

@@ -157,6 +157,15 @@ function assertValidLoopKey(key, seenKeys) {
 		seenKeys.add(key);
 	}
 }
+function assertValidList(value) {
+	if (value && typeof value[Symbol.iterator] !== "function") throw new Error(`A \`<for>\` tag's \`of\` attribute must be an iterable, such as an array, but received ${describeForValue(value)}.`);
+}
+function assertValidRangeBound(name, value) {
+	if (!isFinite(value)) throw new Error(`A \`<for>\` tag's \`${name}\` attribute must be a finite number, but received ${describeForValue(value)}.`);
+}
+function describeForValue(value) {
+	return typeof value === "number" || typeof value === "bigint" ? `\`${value}\`` : value === null ? "null" : `type "${typeof value}"`;
+}
 function assertValidAttrName(name) {
 	if (htmlAttrNameReg.test(name)) throw new Error(`Invalid attribute name: ${JSON.stringify(name)}`);
 	const suggestion = getWrongAttrSuggestion(name);
@@ -209,17 +218,20 @@ function forIn(obj, cb) {
 	for (const key in obj) cb(key, obj[key]);
 }
 function forOf(list, cb) {
+	assertValidList(list);
 	if (list) {
 		let i = 0;
 		for (const item of list) cb(item, i++);
 	}
 }
 function forTo(to, from, step, cb) {
+	assertValidRangeBound("to", to);
 	const start = from || 0;
 	const delta = step || 1;
 	for (let steps = (to - start) / delta, i = 0; i <= steps; i++) cb(start + i * delta);
 }
 function forUntil(until, from, step, cb) {
+	assertValidRangeBound("until", until);
 	const start = from || 0;
 	const delta = step || 1;
 	for (let steps = (until - start) / delta, i = 0; i < steps; i++) cb(start + i * delta);

package/dist/debug/html.js

@@ -158,6 +158,15 @@ function assertValidLoopKey(key, seenKeys) {
 		seenKeys.add(key);
 	}
 }
+function assertValidList(value) {
+	if (value && typeof value[Symbol.iterator] !== "function") throw new Error(`A \`<for>\` tag's \`of\` attribute must be an iterable, such as an array, but received ${describeForValue(value)}.`);
+}
+function assertValidRangeBound(name, value) {
+	if (!isFinite(value)) throw new Error(`A \`<for>\` tag's \`${name}\` attribute must be a finite number, but received ${describeForValue(value)}.`);
+}
+function describeForValue(value) {
+	return typeof value === "number" || typeof value === "bigint" ? `\`${value}\`` : value === null ? "null" : `type "${typeof value}"`;
+}
 function assertValidAttrName(name) {
 	if (htmlAttrNameReg.test(name)) throw new Error(`Invalid attribute name: ${JSON.stringify(name)}`);
 	const suggestion = getWrongAttrSuggestion(name);
@@ -1528,17 +1537,20 @@ function forIn(obj, cb) {
 	for (const key in obj) cb(key, obj[key]);
 }
 function forOf(list, cb) {
+	assertValidList(list);
 	if (list) {
 		let i = 0;
 		for (const item of list) cb(item, i++);
 	}
 }
 function forTo(to, from, step, cb) {
+	assertValidRangeBound("to", to);
 	const start = from || 0;
 	const delta = step || 1;
 	for (let steps = (to - start) / delta, i = 0; i <= steps; i++) cb(start + i * delta);
 }
 function forUntil(until, from, step, cb) {
+	assertValidRangeBound("until", until);
 	const start = from || 0;
 	const delta = step || 1;
 	for (let steps = (until - start) / delta, i = 0; i < steps; i++) cb(start + i * delta);
@@ -2754,7 +2766,7 @@ function normalizedValueMatches(a, b) {
 	return false;
 }
 function normalizeStrAttrValue(value) {
-	return value && value !== true || value === 0 ? value + "" : "";
+	return isNotVoid(value) && value !== true ? value + "" : "";
 }
 //#endregion
 //#region src/html/dynamic-tag.ts
@@ -2833,6 +2845,7 @@ const patchDynamicTag = ((originalDynamicTag) => (patch) => {
 })(_dynamic_tag);
 //#endregion
 //#region src/html/template.ts
+const CONSUMED_RESULT_MESSAGE = "Cannot read from a consumed render result";
 const _template = (templateId, renderer, page) => {
 	renderer.render = render;
 	renderer["embed"] = !page;
@@ -2995,7 +3008,7 @@ var ServerRendered = class {
 		return this.#cachedPromise ||= new Promise((resolve, reject) => {
 			const head = this.#head;
 			this.#head = null;
-			if (!head) return reject(/* @__PURE__ */ new Error("Cannot read from a consumed render result"));
+			if (!head) return reject(/* @__PURE__ */ new Error(CONSUMED_RESULT_MESSAGE));
 			const { boundary } = head;
 			(boundary.onNext = () => {
 				switch (!boundary.count && boundary.flush()) {
@@ -3017,7 +3030,7 @@ var ServerRendered = class {
 		let head = this.#head;
 		this.#head = null;
 		if (!head) {
-			onAbort(/* @__PURE__ */ new Error("Cannot read from a consumed render result"));
+			onAbort(/* @__PURE__ */ new Error(CONSUMED_RESULT_MESSAGE));
 			return;
 		}
 		const { boundary } = head;
@@ -3047,7 +3060,7 @@ var ServerRendered = class {
 	toString() {
 		const head = this.#head;
 		this.#head = null;
-		if (!head) throw new Error("Cannot read from a consumed render result");
+		if (!head) throw new Error(CONSUMED_RESULT_MESSAGE);
 		const { boundary } = head;
 		switch (boundary.flush()) {
 			case 2: throw boundary.signal.reason;

package/dist/debug/html.mjs

@@ -156,6 +156,15 @@ function assertValidLoopKey(key, seenKeys) {
 		seenKeys.add(key);
 	}
 }
+function assertValidList(value) {
+	if (value && typeof value[Symbol.iterator] !== "function") throw new Error(`A \`<for>\` tag's \`of\` attribute must be an iterable, such as an array, but received ${describeForValue(value)}.`);
+}
+function assertValidRangeBound(name, value) {
+	if (!isFinite(value)) throw new Error(`A \`<for>\` tag's \`${name}\` attribute must be a finite number, but received ${describeForValue(value)}.`);
+}
+function describeForValue(value) {
+	return typeof value === "number" || typeof value === "bigint" ? `\`${value}\`` : value === null ? "null" : `type "${typeof value}"`;
+}
 function assertValidAttrName(name) {
 	if (htmlAttrNameReg.test(name)) throw new Error(`Invalid attribute name: ${JSON.stringify(name)}`);
 	const suggestion = getWrongAttrSuggestion(name);
@@ -1526,17 +1535,20 @@ function forIn(obj, cb) {
 	for (const key in obj) cb(key, obj[key]);
 }
 function forOf(list, cb) {
+	assertValidList(list);
 	if (list) {
 		let i = 0;
 		for (const item of list) cb(item, i++);
 	}
 }
 function forTo(to, from, step, cb) {
+	assertValidRangeBound("to", to);
 	const start = from || 0;
 	const delta = step || 1;
 	for (let steps = (to - start) / delta, i = 0; i <= steps; i++) cb(start + i * delta);
 }
 function forUntil(until, from, step, cb) {
+	assertValidRangeBound("until", until);
 	const start = from || 0;
 	const delta = step || 1;
 	for (let steps = (until - start) / delta, i = 0; i < steps; i++) cb(start + i * delta);
@@ -2752,7 +2764,7 @@ function normalizedValueMatches(a, b) {
 	return false;
 }
 function normalizeStrAttrValue(value) {
-	return value && value !== true || value === 0 ? value + "" : "";
+	return isNotVoid(value) && value !== true ? value + "" : "";
 }
 //#endregion
 //#region src/html/dynamic-tag.ts
@@ -2831,6 +2843,7 @@ const patchDynamicTag = ((originalDynamicTag) => (patch) => {
 })(_dynamic_tag);
 //#endregion
 //#region src/html/template.ts
+const CONSUMED_RESULT_MESSAGE = "Cannot read from a consumed render result";
 const _template = (templateId, renderer, page) => {
 	renderer.render = render;
 	renderer["embed"] = !page;
@@ -2993,7 +3006,7 @@ var ServerRendered = class {
 		return this.#cachedPromise ||= new Promise((resolve, reject) => {
 			const head = this.#head;
 			this.#head = null;
-			if (!head) return reject(/* @__PURE__ */ new Error("Cannot read from a consumed render result"));
+			if (!head) return reject(/* @__PURE__ */ new Error(CONSUMED_RESULT_MESSAGE));
 			const { boundary } = head;
 			(boundary.onNext = () => {
 				switch (!boundary.count && boundary.flush()) {
@@ -3015,7 +3028,7 @@ var ServerRendered = class {
 		let head = this.#head;
 		this.#head = null;
 		if (!head) {
-			onAbort(/* @__PURE__ */ new Error("Cannot read from a consumed render result"));
+			onAbort(/* @__PURE__ */ new Error(CONSUMED_RESULT_MESSAGE));
 			return;
 		}
 		const { boundary } = head;
@@ -3045,7 +3058,7 @@ var ServerRendered = class {
 	toString() {
 		const head = this.#head;
 		this.#head = null;
-		if (!head) throw new Error("Cannot read from a consumed render result");
+		if (!head) throw new Error(CONSUMED_RESULT_MESSAGE);
 		const { boundary } = head;
 		switch (boundary.flush()) {
 			case 2: throw boundary.signal.reason;

package/dist/html.js

@@ -279,7 +279,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 		let patched = patch(tag, scopeId, accessor);
 		return patched !== tag && (patched.a = tag), originalDynamicTag(scopeId, accessor, patched, input, content, inputIsArgs, resume);
 	};
-})(_dynamic_tag), _template = (templateId, renderer, page) => (renderer.render = render, renderer.i = !page, renderer._ = renderer, _content_resume(templateId, renderer)), kAssets = Symbol(), kBlockIndex = Symbol(), kDeferIndex = Symbol(), assetFlush, SET_SCOPE_REGISTER_ID = "$C_s", K_TAGS_API_STATE = Symbol(), COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap(), compat = {
+})(_dynamic_tag), CONSUMED_RESULT_MESSAGE = "Cannot read from a consumed render result", _template = (templateId, renderer, page) => (renderer.render = render, renderer.i = !page, renderer._ = renderer, _content_resume(templateId, renderer)), kAssets = Symbol(), kBlockIndex = Symbol(), kDeferIndex = Symbol(), assetFlush, SET_SCOPE_REGISTER_ID = "$C_s", K_TAGS_API_STATE = Symbol(), COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap(), compat = {
 	$global,
 	fork: _await,
 	write: _html,
@@ -1830,7 +1830,7 @@ function normalizedValueMatches(a, b) {
 	return !1;
 }
 function normalizeStrAttrValue(value) {
-	return value && value !== !0 || value === 0 ? value + "" : "";
+	return isNotVoid(value) && value !== !0 ? value + "" : "";
 }
 //#endregion
 //#region src/html/dynamic-tag.ts
@@ -1954,7 +1954,7 @@ var ServerRendered = class {
 	#promise() {
 		return this.#cachedPromise ||= new Promise((resolve, reject) => {
 			let head = this.#head;
-			if (this.#head = null, !head) return reject(/* @__PURE__ */ Error("Cannot read from a consumed render result"));
+			if (this.#head = null, !head) return reject(/* @__PURE__ */ Error(CONSUMED_RESULT_MESSAGE));
 			let { boundary } = head;
 			(boundary.onNext = () => {
 				switch (!boundary.count && boundary.flush()) {
@@ -1973,7 +1973,7 @@ var ServerRendered = class {
 	#read(onWrite, onAbort, onClose) {
 		let tick = !0, head = this.#head;
 		if (this.#head = null, !head) {
-			onAbort(/* @__PURE__ */ Error("Cannot read from a consumed render result"));
+			onAbort(/* @__PURE__ */ Error(CONSUMED_RESULT_MESSAGE));
 			return;
 		}
 		let { boundary } = head, onNext = boundary.onNext = (write) => {
@@ -1989,7 +1989,7 @@ var ServerRendered = class {
 	}
 	toString() {
 		let head = this.#head;
-		if (this.#head = null, !head) throw Error("Cannot read from a consumed render result");
+		if (this.#head = null, !head) throw Error(CONSUMED_RESULT_MESSAGE);
 		let { boundary } = head;
 		switch (boundary.flush()) {
 			case 2: throw boundary.signal.reason;

package/dist/html.mjs

@@ -279,7 +279,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 		let patched = patch(tag, scopeId, accessor);
 		return patched !== tag && (patched.a = tag), originalDynamicTag(scopeId, accessor, patched, input, content, inputIsArgs, resume);
 	};
-})(_dynamic_tag), _template = (templateId, renderer, page) => (renderer.render = render, renderer.i = !page, renderer._ = renderer, _content_resume(templateId, renderer)), kAssets = Symbol(), kBlockIndex = Symbol(), kDeferIndex = Symbol(), assetFlush, SET_SCOPE_REGISTER_ID = "$C_s", K_TAGS_API_STATE = Symbol(), COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap(), compat = {
+})(_dynamic_tag), CONSUMED_RESULT_MESSAGE = "Cannot read from a consumed render result", _template = (templateId, renderer, page) => (renderer.render = render, renderer.i = !page, renderer._ = renderer, _content_resume(templateId, renderer)), kAssets = Symbol(), kBlockIndex = Symbol(), kDeferIndex = Symbol(), assetFlush, SET_SCOPE_REGISTER_ID = "$C_s", K_TAGS_API_STATE = Symbol(), COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap(), compat = {
 	$global,
 	fork: _await,
 	write: _html,
@@ -1829,7 +1829,7 @@ function normalizedValueMatches(a, b) {
 	return !1;
 }
 function normalizeStrAttrValue(value) {
-	return value && value !== !0 || value === 0 ? value + "" : "";
+	return isNotVoid(value) && value !== !0 ? value + "" : "";
 }
 //#endregion
 //#region src/html/dynamic-tag.ts
@@ -1953,7 +1953,7 @@ var ServerRendered = class {
 	#promise() {
 		return this.#cachedPromise ||= new Promise((resolve, reject) => {
 			let head = this.#head;
-			if (this.#head = null, !head) return reject(/* @__PURE__ */ Error("Cannot read from a consumed render result"));
+			if (this.#head = null, !head) return reject(/* @__PURE__ */ Error(CONSUMED_RESULT_MESSAGE));
 			let { boundary } = head;
 			(boundary.onNext = () => {
 				switch (!boundary.count && boundary.flush()) {
@@ -1972,7 +1972,7 @@ var ServerRendered = class {
 	#read(onWrite, onAbort, onClose) {
 		let tick = !0, head = this.#head;
 		if (this.#head = null, !head) {
-			onAbort(/* @__PURE__ */ Error("Cannot read from a consumed render result"));
+			onAbort(/* @__PURE__ */ Error(CONSUMED_RESULT_MESSAGE));
 			return;
 		}
 		let { boundary } = head, onNext = boundary.onNext = (write) => {
@@ -1988,7 +1988,7 @@ var ServerRendered = class {
 	}
 	toString() {
 		let head = this.#head;
-		if (this.#head = null, !head) throw Error("Cannot read from a consumed render result");
+		if (this.#head = null, !head) throw Error(CONSUMED_RESULT_MESSAGE);
 		let { boundary } = head;
 		switch (boundary.flush()) {
 			case 2: throw boundary.signal.reason;

package/dist/translator/core/class.d.ts

@@ -0,0 +1,3 @@
+import type { Tag } from "@marko/compiler/babel-utils";
+declare const _default: Tag;
+export default _default;

package/dist/translator/core/index.d.ts

@@ -2,6 +2,7 @@ declare const _default: {
     taglibId: string;
     "<attrs>": import("@marko/compiler/babel-utils").Tag;
     "<await>": import("@marko/compiler/babel-utils").Tag;
+    "<class>": import("@marko/compiler/babel-utils").Tag;
     "<client>": import("@marko/compiler/babel-utils").Tag;
     "<const>": import("@marko/compiler/babel-utils").Tag;
     "<debug>": import("@marko/compiler/babel-utils").Tag;

package/dist/translator/index.d.ts

@@ -10,6 +10,7 @@ export declare const taglibs: (string | {
     taglibId: string;
     "<attrs>": import("@marko/compiler/babel-utils").Tag;
     "<await>": import("@marko/compiler/babel-utils").Tag;
+    "<class>": import("@marko/compiler/babel-utils").Tag;
     "<client>": import("@marko/compiler/babel-utils").Tag;
     "<const>": import("@marko/compiler/babel-utils").Tag;
     "<debug>": import("@marko/compiler/babel-utils").Tag;

package/dist/translator/index.js

@@ -1146,62 +1146,67 @@ function analyzeTagNameType(tag, allowDynamic) {
 }
 function analyzeExpressionTagName(name, extra) {
 	const pending = [name];
+	const seen = /* @__PURE__ */ new Set();
 	let path;
 	let type;
 	let nullable = false;
 	let tagNameImported;
 	let tagNameLoad;
-	while ((path = pending.pop()) && type !== 2) if (path.isConditionalExpression()) {
-		pending.push(path.get("consequent"));
-		if (path.node.alternate) pending.push(path.get("alternate"));
-	} else if (path.isLogicalExpression()) {
-		if (path.node.operator === "&&") nullable = true;
-		else pending.push(path.get("left"));
-		pending.push(path.get("right"));
-	} else if (path.isAssignmentExpression()) pending.push(path.get("right"));
-	else if (path.isBinaryExpression()) type = path.node.operator !== "+" || type === void 0 || type === 0 ? 0 : 2;
-	else if (path.isStringLiteral() || path.isTemplateLiteral()) type = type === void 0 || type === 0 ? 0 : 2;
-	else if (path.isNullLiteral()) nullable = true;
-	else if (path.isIdentifier()) {
-		if (path.node.name === "undefined") {
-			nullable = true;
-			continue;
-		}
-		const binding = path.scope.getBinding(path.node.name);
-		if (!binding) {
-			type = 2;
-			continue;
-		}
-		if (binding.kind === "module") {
-			const decl = binding.path.parent;
-			if (MARKO_FILE_REG.test(decl.source.value) && decl.specifiers.some((it) => _marko_compiler.types.isImportDefaultSpecifier(it))) {
-				const resolvedImport = decl.extra?.tagImport || decl.source.value;
-				if (type === void 0) {
-					type = 1;
-					tagNameImported = resolvedImport;
-					tagNameLoad = decl.extra?.loadImport;
-				} else if (type === 0) {
-					type = 2;
-					tagNameImported = void 0;
-				} else if (tagNameImported !== resolvedImport) tagNameImported = void 0;
-			} else type = 2;
-			continue;
-		}
-		const bindingTag = binding.path;
-		if (bindingTag.isMarkoTag() && binding.kind === "local") {
-			const bindingTagName = bindingTag.get("name").node.value;
-			if (bindingTagName === "const") {
-				pending.push(bindingTag.get("attributes")[0].get("value"));
+	while ((path = pending.pop()) && type !== 2) {
+		if (seen.has(path.node)) continue;
+		seen.add(path.node);
+		if (path.isConditionalExpression()) {
+			pending.push(path.get("consequent"));
+			if (path.node.alternate) pending.push(path.get("alternate"));
+		} else if (path.isLogicalExpression()) {
+			if (path.node.operator === "&&") nullable = true;
+			else pending.push(path.get("left"));
+			pending.push(path.get("right"));
+		} else if (path.isAssignmentExpression()) pending.push(path.get("right"));
+		else if (path.isBinaryExpression()) type = path.node.operator !== "+" || type === void 0 || type === 0 ? 0 : 2;
+		else if (path.isStringLiteral() || path.isTemplateLiteral()) type = type === void 0 || type === 0 ? 0 : 2;
+		else if (path.isNullLiteral()) nullable = true;
+		else if (path.isIdentifier()) {
+			if (path.node.name === "undefined") {
+				nullable = true;
 				continue;
 			}
-			if (bindingTagName === "let") {
+			const binding = path.scope.getBinding(path.node.name);
+			if (!binding) {
 				type = 2;
 				continue;
 			}
-			continue;
-		}
-		type = 2;
-	} else type = 2;
+			if (binding.kind === "module") {
+				const decl = binding.path.parent;
+				if (MARKO_FILE_REG.test(decl.source.value) && decl.specifiers.some((it) => _marko_compiler.types.isImportDefaultSpecifier(it))) {
+					const resolvedImport = decl.extra?.tagImport || decl.source.value;
+					if (type === void 0) {
+						type = 1;
+						tagNameImported = resolvedImport;
+						tagNameLoad = decl.extra?.loadImport;
+					} else if (type === 0) {
+						type = 2;
+						tagNameImported = void 0;
+					} else if (tagNameImported !== resolvedImport) tagNameImported = void 0;
+				} else type = 2;
+				continue;
+			}
+			const bindingTag = binding.path;
+			if (bindingTag.isMarkoTag() && binding.kind === "local") {
+				const bindingTagName = bindingTag.get("name").node.value;
+				if (bindingTagName === "const") {
+					pending.push(bindingTag.get("attributes")[0].get("value"));
+					continue;
+				}
+				if (bindingTagName === "let") {
+					type = 2;
+					continue;
+				}
+				continue;
+			}
+			type = 2;
+		} else type = 2;
+	}
 	extra.tagNameType = type ?? 2;
 	extra.tagNameNullable = nullable;
 	if (type === 1 && tagNameImported) {
@@ -1475,9 +1480,10 @@ function finalizeFunctionRegistry() {
 function canIgnoreRegister(markoRoot, exprRoot) {
 	return markoRoot.isMarkoPlaceholder() || markoRoot.isMarkoScriptlet() && (!markoRoot.node.static || markoRoot.node.target === "server") || markoRoot.isMarkoTag() && markoRoot.node.name == exprRoot.node || isMarkoAttribute(markoRoot) && (analyzeTagNameType(markoRoot.parentPath) === 0 && /^on[A-Z-]/.test(markoRoot.node.name) && !hasSpreadAttributeAfter(markoRoot) || isCoreTagName(markoRoot.parentPath, "script") || isCoreTagName(markoRoot.parentPath, "lifecycle") || isCoreTagName(markoRoot.parentPath, "for"));
 }
-function getStaticDeclRefs(fnExtra, path, refs = /* @__PURE__ */ new Set()) {
+function getStaticDeclRefs(fnExtra, path, refs = /* @__PURE__ */ new Set(), seen = /* @__PURE__ */ new Set()) {
 	const decl = getDeclarationRoot(path);
-	if (decl) {
+	if (decl && !seen.has(decl.node)) {
+		seen.add(decl.node);
 		const ids = decl.getOuterBindingIdentifiers();
 		if (ids) for (const name in ids) {
 			const binding = decl.scope.getBinding(name);
@@ -1488,7 +1494,7 @@ function getStaticDeclRefs(fnExtra, path, refs = /* @__PURE__ */ new Set()) {
 				const markoRoot = getMarkoRoot(exprRoot);
 				if (!markoRoot || canIgnoreRegister(markoRoot, exprRoot)) continue;
 				if (isStaticRoot(markoRoot)) {
-					if (getStaticDeclRefs(fnExtra, ref, refs) === true) return true;
+					if (getStaticDeclRefs(fnExtra, ref, refs, seen) === true) return true;
 				} else if (shouldAlwaysRegister(markoRoot)) return true;
 				else refs.add(exprRoot.node.extra ??= {});
 			}
@@ -1974,7 +1980,7 @@ function normalizedValueMatches(a, b) {
 	return false;
 }
 function normalizeStrAttrValue(value) {
-	return value && value !== true || value === 0 ? value + "" : "";
+	return isNotVoid(value) && value !== true ? value + "" : "";
 }
 //#endregion
 //#region src/html/dynamic-tag.ts
@@ -2119,16 +2125,8 @@ function getCompatRuntimeFile() {
 //#endregion
 //#region src/translator/util/setup-statements.ts
 /**
-* Tracks, during analyze, whether translate will add statements to a
-* section's setup signal (the signal keyed by no referenced bindings).
-* Sites that key statements by an expression's resolved references register
-* the expression with `addSetupExpr`; sites that always target the setup
-* signal call `addSetupStatement`. Expressions that resolve references
-* through `mergeReferences` are covered centrally by `finalizeReferences`.
-*
-* This lets a template's analyze phase prove its setup export is a noop so
-* parent templates can skip importing and calling it. The proof is checked
-* when the template itself is translated (see `visitors/program/dom.ts`).
+* Tracks during analyze whether translate will add setup-signal statements, so a
+* template can prove its setup export is a noop and parents can skip calling it.
 */
 const [getSetupInfo] = createSectionState("setupStatements", () => ({
 	forced: false,
@@ -2898,7 +2896,6 @@ function getSignal(section, referencedBindings, name) {
 			build: void 0,
 			export: !!exportName,
 			hasSideEffect: !!(referencedBindings && (Array.isArray(referencedBindings) || referencedBindings.type === 0 || referencedBindings.type === 1 || referencedBindings.section !== section || referencedBindings.closureSections || referencedBindings.hoists)),
-			hasDynamicSubscribers: false,
 			forcePersist: false,
 			inline: void 0,
 			extraArgs: void 0,
@@ -3803,7 +3800,7 @@ var for_default = {
 					"step"
 				];
 				break;
-			default: throw tag.buildCodeFrameError("The [`<for>` tag](https://markojs.com/docs/reference/core-tag#for) requires an `of=`, `in=`, or `to=` attribute.");
+			default: throw tag.buildCodeFrameError("The [`<for>` tag](https://markojs.com/docs/reference/core-tag#for) requires an `of=`, `in=`, `to=`, or `until=` attribute.");
 		}
 		if (!isAttrTag) allowAttrs.push("by");
 		const keyAttr = tag.node.attributes.find((attr) => attr.type === "MarkoAttribute" && attr.name === "key");
@@ -4356,6 +4353,10 @@ var native_tag_default = {
 			const valueExtra = attr.value.extra ??= {};
 			if (_marko_compiler.types.isMarkoAttribute(attr)) {
 				if (seen[attr.name]) {
+					(0, _marko_compiler_babel_utils.diagnosticWarn)(tag, {
+						label: `The \`${attr.name}\` attribute is set more than once on \`<${tagName}>\`; only the last value is used.`,
+						loc: attr.loc ?? void 0
+					});
 					dropNodes(attr.value);
 					continue;
 				}
@@ -4397,7 +4398,7 @@ var native_tag_default = {
 		if (node.var || hasDynamicAttributes || hasEventHandlers || textPlaceholders || injectNonce || isDynamicControllable(relatedControllable)) {
 			const tagExtra = node.extra ??= {};
 			const tagSection = getOrCreateSection(tag);
-			const nodeBinding = tagExtra[kNativeTagBinding] = createBinding("#" + tagName, 0, tagSection, void 0, void 0, void 0, void 0, !!node.var);
+			const nodeBinding = tagExtra[kNativeTagBinding] = createBinding("#" + tagName.toLowerCase(), 0, tagSection, void 0, void 0, void 0, void 0, !!node.var);
 			if (hasEventHandlers) (0, _marko_compiler_babel_utils.getProgram)().node.extra.isInteractive = true;
 			if (spreadReferenceNodes) {
 				const isMergedSpread = !!relatedControllable;
@@ -5067,7 +5068,7 @@ function getOptimizedOnlyChildNodeBinding(tag, section, branchSize = 1) {
 	if (getOnlyChildParentTagName(tag, branchSize)) {
 		const parentTag = getParentTag(tag).node;
 		const parentTagName = parentTag.name?.value;
-		return (parentTag.extra ??= {})[kNativeTagBinding] ??= createBinding("#" + parentTagName, 0, section);
+		return (parentTag.extra ??= {})[kNativeTagBinding] ??= createBinding("#" + parentTagName.toLowerCase(), 0, section);
 	} else return (tag.node.extra ??= {})[kNodeRef] ??= createBinding("#text", 0, section);
 }
 //#endregion
@@ -5362,6 +5363,8 @@ function isRoot(tag) {
 //#region src/translator/core/textarea.ts
 function preAnalyze$1(tag) {
 	if (tag.node.body.body.length) {
+		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);
 		else throw tag.hub.file.hub.buildError(child, "Unexpected content in textarea, only text and placeholders are supported.", SyntaxError);
@@ -5602,9 +5605,6 @@ function buildUndefined() {
 //#endregion
 //#region src/translator/visitors/program/index.ts
 let scopeIdentifier;
-function isScopeIdentifier(node) {
-	return node === scopeIdentifier;
-}
 var program_default = {
 	migrate: {
 		enter(program) {
@@ -5922,7 +5922,7 @@ function analyzeParams(rootTagExtra, section, tag, propTree, rootAttrExprs) {
 		dropNodes(getAllTagReferenceNodes(tag.node));
 		return inputExpr;
 	}
-	if (!propTree.props || tag.node.arguments?.some((node) => _marko_compiler.types.isSpreadElement(node))) {
+	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);
 		return inputExpr;
@@ -5930,14 +5930,13 @@ function analyzeParams(rootTagExtra, section, tag, propTree, rootAttrExprs) {
 	const known = inputExpr.known = {};
 	let i = 0;
 	if (tag.node.arguments) for (const arg of tag.node.arguments) {
-		if (!propTree.props[i]) {
-			dropNodes(arg);
-			continue;
-		}
-		const argValueExtra = arg.extra ??= {};
-		known[i++] = { value: argValueExtra };
-		rootAttrExprs.add(argValueExtra);
-		addSetupExpr(section, arg);
+		if (propTree.props[i]) {
+			const argValueExtra = arg.extra ??= {};
+			known[i] = { value: argValueExtra };
+			rootAttrExprs.add(argValueExtra);
+			addSetupExpr(section, arg);
+		} else dropNodes(arg);
+		i++;
 	}
 	const attrPropsTree = propTree.props[i];
 	if (attrPropsTree) known[i] = analyzeAttrs(rootTagExtra, section, tag, attrPropsTree, rootAttrExprs);
@@ -6112,7 +6111,7 @@ function getSingleKnownSpread(attributes) {
 	};
 }
 function writeParamsToSignals(tag, propTree, importAlias, info) {
-	if (!propTree.props || tag.node.arguments?.some((node) => _marko_compiler.types.isSpreadElement(node))) {
+	if (!propTree.props || propTree.rest || tag.node.arguments?.some((node) => _marko_compiler.types.isSpreadElement(node))) {
 		const referencedBindings = tag.node.extra?.referencedBindings;
 		const tagInputIdentifier = info.getBindingIdentifier(propTree.binding, `${importAlias}_params`);
 		const translatedAttrs = translateAttrs(tag);
@@ -7210,8 +7209,7 @@ function getSectionInstancesAccessor(section) {
 	return section.sectionAccessor ? section.sectionAccessor.prefix + getScopeAccessor(section.sectionAccessor.binding) : getAccessorPrefix().ClosureScopes + section.id;
 }
 function getSectionInstancesAccessorLiteral(section) {
-	const accessor = getSectionInstancesAccessor(section);
-	return accessor ? typeof accessor === "number" ? _marko_compiler.types.numericLiteral(accessor) : _marko_compiler.types.stringLiteral(accessor) : void 0;
+	return _marko_compiler.types.stringLiteral(getSectionInstancesAccessor(section));
 }
 function getReadReplacement(node, signal) {
 	const { extra } = node;
@@ -7655,6 +7653,17 @@ var await_default = {
 	types: runtime_info_default.name + "/tags/await.d.marko"
 };
 //#endregion
+//#region src/translator/core/class.ts
+var class_default = {
+	parse(tag) {
+		throw tag.hub.buildError(tag.node.name, "class {} component blocks are no longer supported. Use <let> and <const> tags for state.");
+	},
+	parseOptions: {
+		statement: true,
+		rawOpenTag: true
+	}
+};
+//#endregion
 //#region src/translator/core/client.ts
 var client_default = {
 	parse(tag) {
@@ -8246,9 +8255,7 @@ var script_default = {
 		if (isOutputDOM()) {
 			const isFunction = _marko_compiler.types.isFunctionExpression(value) || _marko_compiler.types.isArrowFunctionExpression(value);
 			let inlineBody = null;
-			let referencesScope = false;
-			if (isFunction) if (value.async || value.generator) referencesScope = traverseContains(value, isScopeIdentifier);
-			else if (_marko_compiler.types.isBlockStatement(value.body)) {
+			if (isFunction) if (value.async || value.generator) {} else if (_marko_compiler.types.isBlockStatement(value.body)) {
 				if (!traverseContains(value.body, isReturnStatement)) {
 					let hasDeclaration = false;
 					for (const child of value.body.body) if (_marko_compiler.types.isDeclaration(child)) {
@@ -8258,7 +8265,7 @@ var script_default = {
 					inlineBody = hasDeclaration ? value.body : value.body.body;
 				}
 			} else inlineBody = _marko_compiler.types.expressionStatement(value.body);
-			addStatement("effect", section, referencedBindings, inlineBody || _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(value, referencesScope ? [scopeIdentifier] : [])));
+			addStatement("effect", section, referencedBindings, inlineBody || _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(value, [])));
 		} else addHTMLEffectCall(section, referencedBindings);
 		tag.remove();
 	} },
@@ -8570,6 +8577,7 @@ const cssGluedBefore = /[\w%]$/;
 //#region src/translator/core/style.ts
 const STYLE_EXT_REG = /^style((?:\.[a-zA-Z0-9$_-]+)+)?/;
 const programStyleCounts = /* @__PURE__ */ new WeakMap();
+const programDynamicStyleNameCounts = /* @__PURE__ */ new WeakMap();
 var style_default = {
 	analyze(tag) {
 		(0, _marko_compiler_babel_utils.assertNoArgs)(tag);
@@ -8616,25 +8624,14 @@ function analyzeDynamicStyle(tag, names) {
 }
 function collectDynamicStyleNames(tag) {
 	let names;
-	let index = 0;
 	for (const child of tag.node.body.body) if (_marko_compiler.types.isMarkoPlaceholder(child)) {
-		if (!names) {
-			names = [];
-			index = dynamicStyleNameOffset(tag);
-		}
-		names.push(dynamicStyleName(tag, index++));
+		const program = (0, _marko_compiler_babel_utils.getProgram)().node;
+		const index = programDynamicStyleNameCounts.get(program) ?? 0;
+		programDynamicStyleNameCounts.set(program, index + 1);
+		(names ??= []).push(dynamicStyleName(tag, index));
 	} else if (!_marko_compiler.types.isMarkoText(child)) throw tag.hub.buildError(child, "The [`<style>` tag](https://markojs.com/docs/reference/core-tag#style) only supports text and `${...}` interpolations. For a native html [`<style>` tag](https://markojs.com/docs/reference/core-tag#style) use the `html-style` core tag instead.");
 	return names;
 }
-function dynamicStyleNameOffset(tag) {
-	const { start } = tag.node;
-	let offset = 0;
-	if (start != null) _marko_compiler.types.traverseFast((0, _marko_compiler_babel_utils.getProgram)().node, (node) => {
-		const dynamicStyle = node.extra?.dynamicStyle;
-		if (dynamicStyle && node.start != null && node.start < start) offset += dynamicStyle.names.length;
-	});
-	return offset;
-}
 const styleNameUnsafeReg = /[^a-zA-Z0-9_]/g;
 const encodeStyleNameChar = (c) => "-" + c.charCodeAt(0).toString(36);
 function dynamicStyleName(tag, index) {
@@ -8718,9 +8715,8 @@ function buildStyleDecls(node) {
 	return normalizeStringExpression(parts);
 }
 /**
-* Resolves a `<style>` block's text content to its client side import path
-* (eg `./template.marko.css`) by handing the css off to the configured
-* `resolveVirtualDependency` hook.
+* Resolves a `<style>` block's text to its client-side import path by handing
+* the css to the configured `resolveVirtualDependency` hook.
 */
 function getStyleImportPath(file, node, names) {
 	const { resolveVirtualDependency, sourceMaps } = file.markoOpts;
@@ -8861,6 +8857,7 @@ var core_default = {
 	taglibId: runtime_info_default.taglibId,
 	"<attrs>": attrs_default,
 	"<await>": await_default,
+	"<class>": class_default,
 	"<client>": client_default,
 	"<const>": const_default,
 	"<debug>": debug_default,

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

@@ -154,7 +154,7 @@ export declare function getDebugName(binding: Binding): string;
 export declare function getDebugNames(refs: ReferencedBindings): string;
 export declare function getDebugNamesAsIdentifier(refs: ReferencedBindings): string;
 export declare function getSectionInstancesAccessor(section: Section): string;
-export declare function getSectionInstancesAccessorLiteral(section: Section): t.NumericLiteral | t.StringLiteral | undefined;
+export declare function getSectionInstancesAccessorLiteral(section: Section): t.StringLiteral;
 export declare function getReadReplacement(node: t.Identifier | t.MemberExpression | t.OptionalMemberExpression, signal?: Signal): t.Expression | undefined;
 export declare function isInvokeOnlyBinding(binding: Binding): boolean;
 export declare function hasNonConstantPropertyAlias(ref: Binding): boolean;

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

@@ -18,7 +18,6 @@ export interface Signal {
     renderReferencedBindings: ReferencedBindings;
     effect: t.Statement[];
     effectReferencedBindings: ReferencedBindings;
-    hasDynamicSubscribers: boolean;
     hasSideEffect: boolean;
     forcePersist: boolean;
     inline: {

package/package.json

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