marko 6.1.12 → 6.1.14

package/dist/html.js

@@ -1,4 +1,10 @@
-let empty = [], rest = Symbol(), unsafeXMLReg = /[<&]/g, replaceUnsafeXML = (c) => c === "&" ? "&amp;" : "&lt;", escapeXMLStr = (str) => unsafeXMLReg.test(str) ? str.replace(unsafeXMLReg, replaceUnsafeXML) : str, unsafeScriptReg = /<\/script/gi, escapeScriptStr = (str) => unsafeScriptReg.test(str) ? str.replace(unsafeScriptReg, "\\x3C/script") : str, unsafeStyleReg = /<\/style/gi, escapeStyleStr = (str) => unsafeStyleReg.test(str) ? str.replace(unsafeStyleReg, "\\3C/style") : str, unsafeCommentReg = />/g, escapeCommentStr = (str) => unsafeCommentReg.test(str) ? str.replace(unsafeCommentReg, "&gt;") : str, K_SCOPE_ID = Symbol("Scope ID"), kTouchedIterator = Symbol.for("marko.touchedIterator"), { hasOwnProperty: hasOwnProperty$1 } = {}, Generator = (function* () {})().constructor, AsyncGenerator = (async function* () {})().constructor, REGISTRY = /* @__PURE__ */ new WeakMap(), KNOWN_SYMBOLS = (() => {
+let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(val, delimiter, stringify) {
+	let str = "", sep = "", part;
+	if (val) if (typeof val != "object") str += val;
+	else if (Array.isArray(val)) for (let v of val) part = toDelimitedString(v, delimiter, stringify), part && (str += sep + part, sep = delimiter);
+	else for (let name in val) part = stringify(name, val[name]), part && (str += sep + part, sep = delimiter);
+	return str;
+}, unsafeXMLReg = /[<&]/g, replaceUnsafeXML = (c) => c === "&" ? "&amp;" : "&lt;", escapeXMLStr = (str) => unsafeXMLReg.test(str) ? str.replace(unsafeXMLReg, replaceUnsafeXML) : str, unsafeScriptReg = /<\/script/gi, escapeScriptStr = (str) => unsafeScriptReg.test(str) ? str.replace(unsafeScriptReg, "\\x3C/script") : str, unsafeStyleReg = /<\/style/gi, escapeStyleStr = (str) => unsafeStyleReg.test(str) ? str.replace(unsafeStyleReg, "\\3C/style") : str, unsafeCommentReg = />/g, escapeCommentStr = (str) => unsafeCommentReg.test(str) ? str.replace(unsafeCommentReg, "&gt;") : str, K_SCOPE_ID = Symbol("Scope ID"), kTouchedIterator = Symbol.for("marko.touchedIterator"), { hasOwnProperty: hasOwnProperty$1 } = {}, Generator = (function* () {})().constructor, AsyncGenerator = (async function* () {})().constructor, REGISTRY = /* @__PURE__ */ new WeakMap(), KNOWN_SYMBOLS = (() => {
 	let KNOWN_SYMBOLS = /* @__PURE__ */ new Map();
 	for (let name of Object.getOwnPropertyNames(Symbol)) {
 		let symbol = Symbol[name];
@@ -232,13 +238,7 @@ let empty = [], rest = Symbol(), unsafeXMLReg = /[<&]/g, replaceUnsafeXML = (c)
 	[JSON, "JSON"],
 	[Math, "Math"],
 	[Reflect, "Reflect"]
-]), toDelimitedString = function toDelimitedString(val, delimiter, stringify) {
-	let str = "", sep = "", part;
-	if (val) if (typeof val != "object") str += val;
-	else if (Array.isArray(val)) for (let v of val) part = toDelimitedString(v, delimiter, stringify), part && (str += sep + part, sep = delimiter);
-	else for (let name in val) part = stringify(name, val[name]), part && (str += sep + part, sep = delimiter);
-	return str;
-}, $chunk, NOOP$2 = () => {}, kPendingContexts = Symbol("Pending Contexts"), kBranchId = Symbol("Branch Id"), kIsAsync = Symbol("Is Async"), writeScope = (scopeId, partialScope) => {
+]), $chunk, NOOP$2 = () => {}, kPendingContexts = Symbol("Pending Contexts"), kBranchId = Symbol("Branch Id"), kIsAsync = Symbol("Is Async"), writeScope = (scopeId, partialScope) => {
 	let { state } = $chunk.boundary, target = $chunk.serializeState, scope = scopeWithId(state, scopeId), pending = target.writeScopes[scopeId];
 	return state.needsMainRuntime = !0, Object.assign(scope, partialScope), pending && pending !== partialScope ? Object.assign(pending, partialScope) : target.writeScopes[scopeId] = partialScope, target.flushScopes = !0, scope;
 }, tick = globalThis.setImmediate || globalThis.setTimeout || globalThis.queueMicrotask || ((cb) => Promise.resolve().then(cb)), tickQueue, kSelectedValue = Symbol("selectedValue"), checkedValuesRefs = /* @__PURE__ */ new WeakMap(), singleQuoteAttrReplacements = /'|&(?=#?\w+;)/g, doubleQuoteAttrReplacements = /"|&(?=#?\w+;)/g, needsQuotedAttr = /["'>\s]|&#?\w+;|\/$/g, voidElementsReg = /^(?:area|b(?:ase|r)|col|embed|hr|i(?:mg|nput)|link|meta|param|source|track|wbr)$/, _dynamic_tag = (scopeId, accessor, tag, inputOrArgs, content, inputIsArgs, serializeReason) => {
@@ -368,6 +368,33 @@ function* attrTagIterator() {
 	yield this, yield* this[rest];
 }
 //#endregion
+//#region src/common/helpers.ts
+function stringifyClassObject(name, value) {
+	return value ? name : "";
+}
+function stringifyStyleObject(name, value) {
+	return value || value === 0 ? name + ":" + value : "";
+}
+function isEventHandler(name) {
+	return /^on[A-Z-]/.test(name);
+}
+function getEventHandlerName(name) {
+	return name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase();
+}
+function isVoid(value) {
+	return value == null || value === !1;
+}
+function isNotVoid(value) {
+	return value != null && value !== !1;
+}
+function normalizeDynamicRenderer(value) {
+	if (value) {
+		if (typeof value == "string") return value;
+		let normalized = value.content || value.default || value;
+		if ("a" in normalized) return normalized;
+	}
+}
+//#endregion
 //#region src/common/errors.ts
 function _el_read_error() {}
 function _hoist_read_error() {}
@@ -845,6 +872,7 @@ function isCircular(parent, ref) {
 }
 function toObjectKey(name) {
 	if (name === "") return "\"\"";
+	if (name === "__proto__") return "[\"__proto__\"]";
 	let startChar = name[0];
 	if (isDigit(startChar)) {
 		if (startChar === "0") {
@@ -857,7 +885,7 @@ function toObjectKey(name) {
 }
 function toAccess(accessor) {
 	let start = accessor[0];
-	return start === "\"" || start >= "0" && start <= "9" ? "[" + accessor + "]" : "." + accessor;
+	return start === "[" ? accessor : start === "\"" || start >= "0" && start <= "9" ? "[" + accessor + "]" : "." + accessor;
 }
 function quote(str, startPos) {
 	let result = "", lastPos = 0;
@@ -966,33 +994,6 @@ function patchIteratorNext(proto) {
 	}, proto.next[kTouchedIterator] = !0;
 }
 //#endregion
-//#region src/common/helpers.ts
-function stringifyClassObject(name, value) {
-	return value ? name : "";
-}
-function stringifyStyleObject(name, value) {
-	return value || value === 0 ? name + ":" + value : "";
-}
-function isEventHandler(name) {
-	return /^on[A-Z-]/.test(name);
-}
-function getEventHandlerName(name) {
-	return name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase();
-}
-function isVoid(value) {
-	return value == null || value === !1;
-}
-function isNotVoid(value) {
-	return value != null && value !== !1;
-}
-function normalizeDynamicRenderer(value) {
-	if (value) {
-		if (typeof value == "string") return value;
-		let normalized = value.content || value.default || value;
-		if ("a" in normalized) return normalized;
-	}
-}
-//#endregion
 //#region src/common/for.ts
 function forIn(obj, cb) {
 	for (let key in obj) cb(key, obj[key]);
@@ -1174,16 +1175,22 @@ function _for_in(obj, cb, by, scopeId, accessor, serializeBranch, serializeMarke
 	}) : forIn(obj, cb), scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode);
 }
 function _for_to(to, from, step, cb, by, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode) {
-	forBranches(by, (each) => each ? forTo(to, from, step, (i) => {
-		let itemKey = forStepBy(by, i);
-		each(itemKey, itemKey === i, () => cb(i));
-	}) : forTo(to, from, step, cb), scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode);
+	forBranches(by, (each) => {
+		let index = 0;
+		return each ? forTo(to, from, step, (value) => {
+			let itemKey = forStepBy(by, value);
+			each(itemKey, itemKey === index++, () => cb(value));
+		}) : forTo(to, from, step, cb);
+	}, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode);
 }
 function _for_until(to, from, step, cb, by, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode) {
-	forBranches(by, (each) => each ? forUntil(to, from, step, (i) => {
-		let itemKey = forStepBy(by, i);
-		each(itemKey, itemKey === i, () => cb(i));
-	}) : forUntil(to, from, step, cb), scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode);
+	forBranches(by, (each) => {
+		let index = 0;
+		return each ? forUntil(to, from, step, (value) => {
+			let itemKey = forStepBy(by, value);
+			each(itemKey, itemKey === index++, () => cb(value));
+		}) : forUntil(to, from, step, cb);
+	}, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode);
 }
 function forBranches(by, iterate, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode) {
 	if (serializeBranch === 0) {

package/dist/html.mjs

@@ -1,4 +1,10 @@
-let empty = [], rest = Symbol(), unsafeXMLReg = /[<&]/g, replaceUnsafeXML = (c) => c === "&" ? "&amp;" : "&lt;", escapeXMLStr = (str) => unsafeXMLReg.test(str) ? str.replace(unsafeXMLReg, replaceUnsafeXML) : str, unsafeScriptReg = /<\/script/gi, escapeScriptStr = (str) => unsafeScriptReg.test(str) ? str.replace(unsafeScriptReg, "\\x3C/script") : str, unsafeStyleReg = /<\/style/gi, escapeStyleStr = (str) => unsafeStyleReg.test(str) ? str.replace(unsafeStyleReg, "\\3C/style") : str, unsafeCommentReg = />/g, escapeCommentStr = (str) => unsafeCommentReg.test(str) ? str.replace(unsafeCommentReg, "&gt;") : str, K_SCOPE_ID = Symbol("Scope ID"), kTouchedIterator = Symbol.for("marko.touchedIterator"), { hasOwnProperty: hasOwnProperty$1 } = {}, Generator = (function* () {})().constructor, AsyncGenerator = (async function* () {})().constructor, REGISTRY = /* @__PURE__ */ new WeakMap(), KNOWN_SYMBOLS = (() => {
+let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(val, delimiter, stringify) {
+	let str = "", sep = "", part;
+	if (val) if (typeof val != "object") str += val;
+	else if (Array.isArray(val)) for (let v of val) part = toDelimitedString(v, delimiter, stringify), part && (str += sep + part, sep = delimiter);
+	else for (let name in val) part = stringify(name, val[name]), part && (str += sep + part, sep = delimiter);
+	return str;
+}, unsafeXMLReg = /[<&]/g, replaceUnsafeXML = (c) => c === "&" ? "&amp;" : "&lt;", escapeXMLStr = (str) => unsafeXMLReg.test(str) ? str.replace(unsafeXMLReg, replaceUnsafeXML) : str, unsafeScriptReg = /<\/script/gi, escapeScriptStr = (str) => unsafeScriptReg.test(str) ? str.replace(unsafeScriptReg, "\\x3C/script") : str, unsafeStyleReg = /<\/style/gi, escapeStyleStr = (str) => unsafeStyleReg.test(str) ? str.replace(unsafeStyleReg, "\\3C/style") : str, unsafeCommentReg = />/g, escapeCommentStr = (str) => unsafeCommentReg.test(str) ? str.replace(unsafeCommentReg, "&gt;") : str, K_SCOPE_ID = Symbol("Scope ID"), kTouchedIterator = Symbol.for("marko.touchedIterator"), { hasOwnProperty: hasOwnProperty$1 } = {}, Generator = (function* () {})().constructor, AsyncGenerator = (async function* () {})().constructor, REGISTRY = /* @__PURE__ */ new WeakMap(), KNOWN_SYMBOLS = (() => {
 	let KNOWN_SYMBOLS = /* @__PURE__ */ new Map();
 	for (let name of Object.getOwnPropertyNames(Symbol)) {
 		let symbol = Symbol[name];
@@ -232,13 +238,7 @@ let empty = [], rest = Symbol(), unsafeXMLReg = /[<&]/g, replaceUnsafeXML = (c)
 	[JSON, "JSON"],
 	[Math, "Math"],
 	[Reflect, "Reflect"]
-]), toDelimitedString = function toDelimitedString(val, delimiter, stringify) {
-	let str = "", sep = "", part;
-	if (val) if (typeof val != "object") str += val;
-	else if (Array.isArray(val)) for (let v of val) part = toDelimitedString(v, delimiter, stringify), part && (str += sep + part, sep = delimiter);
-	else for (let name in val) part = stringify(name, val[name]), part && (str += sep + part, sep = delimiter);
-	return str;
-}, $chunk, NOOP$2 = () => {}, kPendingContexts = Symbol("Pending Contexts"), kBranchId = Symbol("Branch Id"), kIsAsync = Symbol("Is Async"), writeScope = (scopeId, partialScope) => {
+]), $chunk, NOOP$2 = () => {}, kPendingContexts = Symbol("Pending Contexts"), kBranchId = Symbol("Branch Id"), kIsAsync = Symbol("Is Async"), writeScope = (scopeId, partialScope) => {
 	let { state } = $chunk.boundary, target = $chunk.serializeState, scope = scopeWithId(state, scopeId), pending = target.writeScopes[scopeId];
 	return state.needsMainRuntime = !0, Object.assign(scope, partialScope), pending && pending !== partialScope ? Object.assign(pending, partialScope) : target.writeScopes[scopeId] = partialScope, target.flushScopes = !0, scope;
 }, tick = globalThis.setImmediate || globalThis.setTimeout || globalThis.queueMicrotask || ((cb) => Promise.resolve().then(cb)), tickQueue, kSelectedValue = Symbol("selectedValue"), checkedValuesRefs = /* @__PURE__ */ new WeakMap(), singleQuoteAttrReplacements = /'|&(?=#?\w+;)/g, doubleQuoteAttrReplacements = /"|&(?=#?\w+;)/g, needsQuotedAttr = /["'>\s]|&#?\w+;|\/$/g, voidElementsReg = /^(?:area|b(?:ase|r)|col|embed|hr|i(?:mg|nput)|link|meta|param|source|track|wbr)$/, _dynamic_tag = (scopeId, accessor, tag, inputOrArgs, content, inputIsArgs, serializeReason) => {
@@ -367,6 +367,33 @@ function* attrTagIterator() {
 	yield this, yield* this[rest];
 }
 //#endregion
+//#region src/common/helpers.ts
+function stringifyClassObject(name, value) {
+	return value ? name : "";
+}
+function stringifyStyleObject(name, value) {
+	return value || value === 0 ? name + ":" + value : "";
+}
+function isEventHandler(name) {
+	return /^on[A-Z-]/.test(name);
+}
+function getEventHandlerName(name) {
+	return name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase();
+}
+function isVoid(value) {
+	return value == null || value === !1;
+}
+function isNotVoid(value) {
+	return value != null && value !== !1;
+}
+function normalizeDynamicRenderer(value) {
+	if (value) {
+		if (typeof value == "string") return value;
+		let normalized = value.content || value.default || value;
+		if ("a" in normalized) return normalized;
+	}
+}
+//#endregion
 //#region src/common/errors.ts
 function _el_read_error() {}
 function _hoist_read_error() {}
@@ -844,6 +871,7 @@ function isCircular(parent, ref) {
 }
 function toObjectKey(name) {
 	if (name === "") return "\"\"";
+	if (name === "__proto__") return "[\"__proto__\"]";
 	let startChar = name[0];
 	if (isDigit(startChar)) {
 		if (startChar === "0") {
@@ -856,7 +884,7 @@ function toObjectKey(name) {
 }
 function toAccess(accessor) {
 	let start = accessor[0];
-	return start === "\"" || start >= "0" && start <= "9" ? "[" + accessor + "]" : "." + accessor;
+	return start === "[" ? accessor : start === "\"" || start >= "0" && start <= "9" ? "[" + accessor + "]" : "." + accessor;
 }
 function quote(str, startPos) {
 	let result = "", lastPos = 0;
@@ -965,33 +993,6 @@ function patchIteratorNext(proto) {
 	}, proto.next[kTouchedIterator] = !0;
 }
 //#endregion
-//#region src/common/helpers.ts
-function stringifyClassObject(name, value) {
-	return value ? name : "";
-}
-function stringifyStyleObject(name, value) {
-	return value || value === 0 ? name + ":" + value : "";
-}
-function isEventHandler(name) {
-	return /^on[A-Z-]/.test(name);
-}
-function getEventHandlerName(name) {
-	return name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase();
-}
-function isVoid(value) {
-	return value == null || value === !1;
-}
-function isNotVoid(value) {
-	return value != null && value !== !1;
-}
-function normalizeDynamicRenderer(value) {
-	if (value) {
-		if (typeof value == "string") return value;
-		let normalized = value.content || value.default || value;
-		if ("a" in normalized) return normalized;
-	}
-}
-//#endregion
 //#region src/common/for.ts
 function forIn(obj, cb) {
 	for (let key in obj) cb(key, obj[key]);
@@ -1173,16 +1174,22 @@ function _for_in(obj, cb, by, scopeId, accessor, serializeBranch, serializeMarke
 	}) : forIn(obj, cb), scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode);
 }
 function _for_to(to, from, step, cb, by, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode) {
-	forBranches(by, (each) => each ? forTo(to, from, step, (i) => {
-		let itemKey = forStepBy(by, i);
-		each(itemKey, itemKey === i, () => cb(i));
-	}) : forTo(to, from, step, cb), scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode);
+	forBranches(by, (each) => {
+		let index = 0;
+		return each ? forTo(to, from, step, (value) => {
+			let itemKey = forStepBy(by, value);
+			each(itemKey, itemKey === index++, () => cb(value));
+		}) : forTo(to, from, step, cb);
+	}, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode);
 }
 function _for_until(to, from, step, cb, by, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode) {
-	forBranches(by, (each) => each ? forUntil(to, from, step, (i) => {
-		let itemKey = forStepBy(by, i);
-		each(itemKey, itemKey === i, () => cb(i));
-	}) : forUntil(to, from, step, cb), scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode);
+	forBranches(by, (each) => {
+		let index = 0;
+		return each ? forUntil(to, from, step, (value) => {
+			let itemKey = forStepBy(by, value);
+			each(itemKey, itemKey === index++, () => cb(value));
+		}) : forUntil(to, from, step, cb);
+	}, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode);
 }
 function forBranches(by, iterate, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode) {
 	if (serializeBranch === 0) {

package/dist/translator/index.js

@@ -182,15 +182,15 @@ function isNullableExpr(expr) {
 			case "**=": return false;
 			case "||=":
 			case "??=": return isNullableExpr(expr.right) || isNullableExpr(expr.left);
-			case "&&=": return isNullableExpr(expr.left) && isNullableExpr(expr.right);
+			case "&&=": return isNullableExpr(expr.left) || isNullableExpr(expr.right);
 			default: return true;
 		}
 		case "AwaitExpression": return isNullableExpr(expr.argument);
-		case "ConditionalExpression": return isNullableExpr(expr.consequent) && isNullableExpr(expr.alternate);
+		case "ConditionalExpression": return isNullableExpr(expr.consequent) || isNullableExpr(expr.alternate);
 		case "LogicalExpression": switch (expr.operator) {
 			case "||":
 			case "??": return isNullableExpr(expr.right) || isNullableExpr(expr.left);
-			case "&&": return isNullableExpr(expr.left) && isNullableExpr(expr.right);
+			case "&&": return isNullableExpr(expr.left) || isNullableExpr(expr.right);
 			default: return true;
 		}
 		case "ParenthesizedExpression": return isNullableExpr(expr.expression);
@@ -203,6 +203,44 @@ function isNullableExpr(expr) {
 //#region src/common/helpers.ts
 const htmlAttrNameReg = /^[^a-z_]|[^a-z0-9._:-]/i;
 const userAttrNameReg = /^[^a-z_$]|[^a-z0-9._:-]/i;
+const knownWrongAttrs = {
+	className: "class",
+	classList: "class",
+	htmlFor: "for",
+	acceptCharset: "accept-charset",
+	httpEquiv: "http-equiv",
+	defaultValue: "value",
+	defaultChecked: "checked",
+	dangerouslySetInnerHTML: "$!{html}",
+	key: "<for by>",
+	ref: "<tag/ref>",
+	"v-if": "<if>",
+	"v-else": "<else>",
+	"v-else-if": "<else if>",
+	"v-for": "<for>",
+	"v-show": "<if>",
+	"v-model": "value:=state",
+	"v-bind": "...attrs",
+	"v-html": "$!{html}",
+	"v-text": "${text}"
+};
+function getWrongAttrSuggestion(name) {
+	const exact = knownWrongAttrs[name];
+	if (exact) return exact;
+	const colon = name.indexOf(":");
+	if (colon > 0) {
+		const rest = name.slice(colon + 1);
+		switch (name.slice(0, colon)) {
+			case "class": return `class={ ${rest}: condition }`;
+			case "style": return `style={ ${rest}: value }`;
+			case "on":
+			case "v-on": return `on${rest.charAt(0).toUpperCase()}${rest.slice(1)}`;
+			case "bind":
+			case "v-model": return `${rest}:=state`;
+			case "v-bind": return rest;
+		}
+	}
+}
 function stringifyClassObject(name, value) {
 	return value ? name : "";
 }
@@ -498,7 +536,7 @@ new Map([
 ]);
 function toAccess(accessor) {
 	const start = accessor[0];
-	return start === "\"" || start >= "0" && start <= "9" ? "[" + accessor + "]" : "." + accessor;
+	return start === "[" ? accessor : start === "\"" || start >= "0" && start <= "9" ? "[" + accessor + "]" : "." + accessor;
 }
 function patchIteratorNext(proto) {
 	if (proto.next[kTouchedIterator]) return;
@@ -1918,7 +1956,8 @@ function _attr_style(value) {
 }
 function _attr_option_value(value) {
 	const valueAttr = _attr("value", value);
-	return normalizedValueMatches(getContext(kSelectedValue), value) ? valueAttr + " selected" : valueAttr;
+	if (normalizedValueMatches(getContext(kSelectedValue), value)) return valueAttr + " selected";
+	return valueAttr;
 }
 const kSelectedValue = Symbol("selectedValue");
 function _attr_select_value(scopeId, nodeAccessor, value, valueChange, content) {
@@ -2807,7 +2846,7 @@ function simplifyFunction(fn) {
 		case "FunctionDeclaration":
 		case "FunctionExpression":
 		case "ArrowFunctionExpression": return fn;
-		default: return _marko_compiler.types.functionExpression(null, fn.params, fn.body, fn.async, fn.generator);
+		default: return _marko_compiler.types.functionExpression(null, fn.params, fn.body, fn.generator, fn.async);
 	}
 }
 //#endregion
@@ -4119,7 +4158,7 @@ function bodyToTextLiteral(body) {
 }
 function templateElement(value, tail) {
 	return _marko_compiler.types.templateElement({
-		raw: value.replace(/`/g, "\\`"),
+		raw: escapeTemplateRaw(value),
 		cooked: value
 	}, tail);
 }
@@ -4180,11 +4219,17 @@ var native_tag_default = {
 					continue;
 				}
 				seen[attr.name] = attr;
+				assertValidNativeAttrName(tag, attr);
+				assertNativeAttrValueType(tag, attr);
 				if (injectNonce && attr.name === "nonce") injectNonce = false;
+				if (isEventOrChangeHandler(attr.name)) assertNativeHandlerAttr(tag, attr);
 				if (isEventHandler(attr.name)) {
 					valueExtra.isEffect = true;
 					hasEventHandlers = true;
-				} else if (!evaluate(attr.value).confident) hasDynamicAttributes = true;
+				} else {
+					assertValidNativeEventHandlerAttr(tag, attr);
+					if (!evaluate(attr.value).confident) hasDynamicAttributes = true;
+				}
 			} else if (_marko_compiler.types.isMarkoSpreadAttribute(attr)) {
 				valueExtra.isEffect = true;
 				hasEventHandlers = true;
@@ -4593,6 +4638,39 @@ function isInjectNonceTag(tagName) {
 		default: return false;
 	}
 }
+function assertValidNativeAttrName(tag, attr) {
+	const suggestion = getWrongAttrSuggestion(attr.name);
+	if (suggestion) throw tag.hub.buildError(attr.loc?.end && { loc: {
+		start: attr.loc.start,
+		end: {
+			line: attr.loc.start.line,
+			column: attr.loc.start.column + attr.name.length
+		}
+	} }, `\`${attr.name}\` is not a valid attribute, did you mean \`${suggestion}\`?`, Error);
+}
+function assertNativeAttrValueType(tag, attr) {
+	const { name } = attr;
+	if (name === "class" || name === "style" || name === "content" || isEventOrChangeHandler(name) || lowercaseEventHandlerReg.test(name)) return;
+	if (_marko_compiler.types.isFunction(attr.value)) throw tag.hub.buildError(attr, `The \`${name}\` attribute cannot be a function.`, Error);
+	if (_marko_compiler.types.isObjectExpression(attr.value)) throw tag.hub.buildError(attr, `The \`${name}\` attribute cannot be a plain object (it would render as \`[object Object]\`).`, Error);
+}
+function assertNativeHandlerAttr(tag, attr) {
+	if ((0, _marko_compiler_babel_utils.computeNode)(attr.value)?.value) throw tag.hub.buildError(attr.value, `The \`${attr.name}\` ${isEventHandler(attr.name) ? "event handler" : "change handler"} on a [native tag](https://markojs.com/docs/reference/native-tag) must be a function or a falsey value (\`null\`, \`undefined\`, \`false\`, \`0\`, …).`, Error);
+}
+const lowercaseEventHandlerReg = /^on[a-z]/;
+function assertValidNativeEventHandlerAttr(tag, attr) {
+	if (!lowercaseEventHandlerReg.test(attr.name)) return;
+	const { value } = attr;
+	let invalid = _marko_compiler.types.isFunction(value);
+	if (!invalid) {
+		const { confident, computed } = evaluate(value);
+		invalid = confident && !!computed && typeof computed !== "string";
+	}
+	if (invalid) {
+		const suggestion = "on" + attr.name[2].toUpperCase() + attr.name.slice(3);
+		throw tag.hub.buildError(value, `The \`${attr.name}\` attribute on a [native tag](https://markojs.com/docs/reference/native-tag) must be a string or a falsey value (\`null\`, \`undefined\`, \`false\`, \`0\`, …). To attach an event listener, use the \`${suggestion}\` [event handler attribute](https://markojs.com/docs/reference/event-handling) instead.`, Error);
+	}
+}
 function getCanonicalTagName(tag) {
 	const tagName = getTagName(tag);
 	switch (tagName) {
@@ -7587,8 +7665,10 @@ var lifecycle_default = {
 		(0, _marko_compiler_babel_utils.assertNoParams)(tag);
 		assertNoBodyContent(tag);
 		const { node } = tag;
-		const tagExtra = mergeReferences(getOrCreateSection(tag), tag.node, getAllTagReferenceNodes(tag.node));
+		const section = getOrCreateSection(tag);
+		const tagExtra = mergeReferences(section, tag.node, getAllTagReferenceNodes(tag.node));
 		tagExtra.isEffect = true;
+		section.hasAbortSignal = true;
 		if (node.attributes.length === 0) throw tag.get("name").buildCodeFrameError("The [`<lifecycle>` tag](https://markojs.com/docs/reference/core-tag#lifecycle) requires at least one attribute.");
 		for (const attr of node.attributes) if (_marko_compiler.types.isMarkoSpreadAttribute(attr)) throw tag.get("name").buildCodeFrameError("The [`<lifecycle>` tag](https://markojs.com/docs/reference/core-tag#lifecycle) does not support [`...spread` attributes](https://markojs.com/docs/reference/language#spread-attributes).");
 		(0, _marko_compiler_babel_utils.getProgram)().node.extra.isInteractive = true;

package/dist/translator/util/normalize-string-expression.d.ts

@@ -1,3 +1,4 @@
 import { types as t } from "@marko/compiler";
 export default function normalizeStringExpression(parts: (string | t.Expression)[], useIife?: boolean): t.Expression | undefined;
 export declare function appendLiteral(arr: unknown[], str: string): void;
+export declare function escapeTemplateRaw(raw: string): string;

package/package.json

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