@zeus-js/compiler 0.0.2 → 0.1.0-beta.0

package/dist/compiler.cjs.js

@@ -1,5 +1,5 @@
 /**
-* compiler v0.0.2
+* compiler v0.1.0-beta.0
 * (c) 2026 baicie
 * Released under the MIT License.
 **/
@@ -35,7 +35,7 @@ _babel_plugin_syntax_jsx = __toESM(_babel_plugin_syntax_jsx);
 let _zeus_js_shared = require("@zeus-js/shared");
 let _babel_types = require("@babel/types");
 _babel_types = __toESM(_babel_types);
-//#region packages/compiler/src/codegen/support/imports.ts
+//#region packages/core/compiler/src/codegen/support/imports.ts
 /**
 * Runtime helpers registration and program injection.
 *
@@ -93,7 +93,7 @@ function getProgramPath(path) {
 	return path.scope.getProgramParent().path;
 }
 //#endregion
-//#region packages/compiler/src/codegen/support/templates.ts
+//#region packages/core/compiler/src/codegen/support/templates.ts
 /**
 * Template registration, scope data management, and program injection.
 *
@@ -137,7 +137,7 @@ function appendTemplates(path) {
 	path.node.body.unshift(_babel_types.variableDeclaration("var", declarators));
 }
 //#endregion
-//#region packages/compiler/src/codegen/support/events.ts
+//#region packages/core/compiler/src/codegen/support/events.ts
 /**
 * Event registration and delegation.
 *
@@ -167,7 +167,7 @@ function appendEvents(path) {
 	path.node.body.push(_babel_types.expressionStatement(_babel_types.callExpression(registerImportMethod(path, "delegateEvents", getRendererConfig(path, "dom").moduleName), [_babel_types.arrayExpression(Array.from(events).map((eventName) => _babel_types.stringLiteral(eventName)))])));
 }
 //#endregion
-//#region packages/compiler/src/config/index.ts
+//#region packages/core/compiler/src/config/index.ts
 const DEFAULT_OPTIONS = {
 	moduleName: DEFAULT_RENDERER_MODULE,
 	generate: "dom",
@@ -195,7 +195,7 @@ function resolveConfig(options) {
 	return (0, _zeus_js_shared.extend)(DEFAULT_OPTIONS, options);
 }
 //#endregion
-//#region packages/compiler/src/utils/constant.ts
+//#region packages/core/compiler/src/utils/constant.ts
 const VoidElements = [
 	"area",
 	"base",
@@ -215,7 +215,7 @@ const VoidElements = [
 	"wbr"
 ];
 //#endregion
-//#region packages/compiler/src/utils/html.ts
+//#region packages/core/compiler/src/utils/html.ts
 function escapeHTML(value, attr = false) {
 	let result = value.replace(/&/g, "&");
 	if (attr) return result.replace(/"/g, """).replace(/>/g, ">");
@@ -234,14 +234,14 @@ function isRawTextElement(tagName) {
 	return rawTextElements.has(tagName);
 }
 //#endregion
-//#region packages/compiler/src/utils/metadata.ts
+//#region packages/core/compiler/src/utils/metadata.ts
 function setZeusMetadata(state, config) {
 	const metadata = state.file.metadata;
 	metadata.zeus = (0, _zeus_js_shared.extend)({}, metadata.zeus, { config });
 	return metadata.zeus;
 }
 //#endregion
-//#region packages/compiler/src/program.ts
+//#region packages/core/compiler/src/program.ts
 /**
 * Program visitor — entry and exit point for the entire transform pass.
 *
@@ -268,7 +268,7 @@ function createProgramVisitor(config) {
 	};
 }
 //#endregion
-//#region packages/compiler/src/codegen/dom/emitBinding.ts
+//#region packages/core/compiler/src/codegen/dom/emitBinding.ts
 function emitBindings(node, context) {
 	const statements = [];
 	for (const attr of node.attrs) {
@@ -391,7 +391,7 @@ function emitMarkerMount(node, context, mountCall) {
 	return [_babel_types.expressionStatement(mountCall)];
 }
 //#endregion
-//#region packages/compiler/src/codegen/dom/emitDomPath.ts
+//#region packages/core/compiler/src/codegen/dom/emitDomPath.ts
 function emitPhysicalDomPath(path) {
 	switch (path.kind) {
 		case "Root": throw new Error("Root path is emitted from template clone directly");
@@ -401,7 +401,7 @@ function emitPhysicalDomPath(path) {
 	}
 }
 //#endregion
-//#region packages/compiler/src/passes/collectTemplates.ts
+//#region packages/core/compiler/src/passes/collectTemplates.ts
 function collectTemplates(node, context) {
 	if (node.kind === "Element") {
 		context.registerTemplate(renderTemplateHTML(node), node.flags.isSVG);
@@ -442,7 +442,7 @@ function renderChildTemplate(node) {
 		case "Show":
 		case "For":
 		case "Slot": return "<!>";
-		case "Host": return node.children.map(renderChildTemplate).join("");
+		case "Host": return node.child ? renderChildTemplate(node.child) : "";
 		case "Fragment": return node.children.map(renderChildTemplate).join("");
 	}
 }
@@ -450,7 +450,7 @@ function escapeAttr(value) {
 	return value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
 }
 //#endregion
-//#region packages/compiler/src/codegen/dom/emitTemplate.ts
+//#region packages/core/compiler/src/codegen/dom/emitTemplate.ts
 function emitTemplateClone(node, context) {
 	const html = renderTemplateHTML(node);
 	const template = context.registerTemplate(html, node.flags.isSVG);
@@ -458,7 +458,7 @@ function emitTemplateClone(node, context) {
 	return _babel_types.memberExpression(templateCall, _babel_types.identifier("firstChild"));
 }
 //#endregion
-//#region packages/compiler/src/codegen/dom/emitElement.ts
+//#region packages/core/compiler/src/codegen/dom/emitElement.ts
 function emitElement(node, context) {
 	if (!hasRuntimeWork(node)) return emitTemplateClone(node, context);
 	const statements = [
@@ -498,7 +498,7 @@ function collectRefNode(node, map) {
 			for (const child of node.children) collectRefNode(child, map);
 			return;
 		case "Host":
-			for (const child of node.children) collectRefNode(child, map);
+			if (node.child) collectRefNode(node.child, map);
 			return;
 		default: return;
 	}
@@ -520,7 +520,7 @@ function collectRequiredDomRefDeclaration(node, statements, context, refNodeMap,
 			for (const child of node.children) collectRequiredDomRefDeclaration(child, statements, context, refNodeMap, declared);
 			return;
 		case "Host":
-			for (const child of node.children) collectRequiredDomRefDeclaration(child, statements, context, refNodeMap, declared);
+			if (node.child) collectRequiredDomRefDeclaration(node.child, statements, context, refNodeMap, declared);
 			return;
 		default: return;
 	}
@@ -567,11 +567,18 @@ function needsDomRefDeclaration(node) {
 			case "Slot": return true;
 			case "Element": return needsDomRefDeclaration(child);
 			case "Fragment": return child.children.some((inner) => inner.kind === "Element" ? needsDomRefDeclaration(inner) : inner.kind !== "Text");
-			case "Host": return child.children.some((inner) => inner.kind === "Element" ? needsDomRefDeclaration(inner) : inner.kind !== "Text");
+			case "Host": return child.child ? innerKind(child.child) : false;
 			default: return false;
 		}
 	});
 }
+function innerKind(node) {
+	switch (node.kind) {
+		case "Element": return needsDomRefDeclaration(node);
+		case "Text": return false;
+		default: return true;
+	}
+}
 function hasRuntimeWork(node) {
 	return node.attrs.some((attr) => attr.kind === "AttrBinding" || attr.kind === "PropBinding" || attr.kind === "EventBinding" || attr.kind === "RefBinding") || node.children.some(hasChildRuntimeWork);
 }
@@ -583,18 +590,18 @@ function hasChildRuntimeWork(node) {
 		case "For":
 		case "Slot": return true;
 		case "Element": return hasRuntimeWork(node);
-		case "Fragment":
-		case "Host": return node.children.some(hasChildRuntimeWork);
+		case "Fragment": return node.children.some(hasChildRuntimeWork);
+		case "Host": return node.child ? hasChildRuntimeWork(node.child) : false;
 		default: return false;
 	}
 }
 //#endregion
-//#region packages/compiler/src/codegen/dom/emitFragment.ts
+//#region packages/core/compiler/src/codegen/dom/emitFragment.ts
 function emitFragment(node, context) {
 	return _babel_types.arrayExpression(node.children.map((child) => emitDOM(child, context)));
 }
 //#endregion
-//#region packages/compiler/src/codegen/dom/emitNodeExpression.ts
+//#region packages/core/compiler/src/codegen/dom/emitNodeExpression.ts
 function emitNodeExpression(node, context) {
 	switch (node.kind) {
 		case "Text": return _babel_types.stringLiteral(node.value);
@@ -610,13 +617,13 @@ function emitNodeExpression(node, context) {
 	}
 }
 //#endregion
-//#region packages/compiler/src/codegen/dom/emitComponent.ts
+//#region packages/core/compiler/src/codegen/dom/emitComponent.ts
 function emitComponent(node, context) {
 	const props = _babel_types.objectExpression(node.props.map((prop) => emitComponentProp(prop, context)));
 	return _babel_types.callExpression(context.importRuntime("createComponent"), [node.callee, props]);
 }
 function emitComponentProp(prop, context) {
-	const key = createObjectKey(prop.name);
+	const key = createObjectKey$1(prop.name);
 	if (Array.isArray(prop.value)) return _babel_types.objectMethod("get", key, [], _babel_types.blockStatement([_babel_types.returnStatement(emitChildrenProp(prop.value, context))]));
 	if (isStaticPropValue(prop.value)) return _babel_types.objectProperty(key, prop.value);
 	return _babel_types.objectMethod("get", key, [], _babel_types.blockStatement([_babel_types.returnStatement(prop.value)]));
@@ -629,11 +636,11 @@ function emitChildrenProp(children, context) {
 function isStaticPropValue(value) {
 	return _babel_types.isStringLiteral(value) || _babel_types.isNumericLiteral(value) || _babel_types.isBooleanLiteral(value) || _babel_types.isNullLiteral(value);
 }
-function createObjectKey(key) {
+function createObjectKey$1(key) {
 	return _babel_types.isValidIdentifier(key) ? _babel_types.identifier(key) : _babel_types.stringLiteral(key);
 }
 //#endregion
-//#region packages/compiler/src/codegen/dom/emitBuiltin.ts
+//#region packages/core/compiler/src/codegen/dom/emitBuiltin.ts
 function emitShow(node, context) {
 	const props = [_babel_types.objectProperty(_babel_types.identifier("when"), node.when), _babel_types.objectProperty(_babel_types.identifier("children"), _babel_types.arrowFunctionExpression([], emitChildrenProp(node.children, context)))];
 	if (node.fallback) props.push(_babel_types.objectProperty(_babel_types.identifier("fallback"), Array.isArray(node.fallback) ? _babel_types.arrowFunctionExpression([], emitChildrenProp(node.fallback, context)) : node.fallback));
@@ -672,7 +679,29 @@ function emitMountFor(node, context) {
 	]);
 }
 function emitHost(node, context) {
-	return emitChildrenProp(node.children, context);
+	const props = buildHostProps(node, context);
+	const hostCall = _babel_types.callExpression(context.importRuntime("Host"), [_babel_types.objectExpression(props)]);
+	if (!node.child) return hostCall;
+	const childExpr = emitNodeExpression(node.child, context);
+	return _babel_types.callExpression(_babel_types.arrowFunctionExpression([], _babel_types.blockStatement([_babel_types.expressionStatement(hostCall), _babel_types.returnStatement(childExpr)])), []);
+}
+function buildHostProps(node, context) {
+	const props = [];
+	for (const attr of node.attrs) {
+		const key = createObjectKey(attr.name);
+		if (isStaticValue(attr.expr) || isGetterExpression(attr.expr)) props.push(_babel_types.objectProperty(key, attr.expr));
+		else props.push(_babel_types.objectProperty(key, _babel_types.arrowFunctionExpression([], attr.expr)));
+	}
+	return props;
+}
+function isStaticValue(expr) {
+	return _babel_types.isStringLiteral(expr) || _babel_types.isNumericLiteral(expr) || _babel_types.isBooleanLiteral(expr) || _babel_types.isNullLiteral(expr);
+}
+function isGetterExpression(expr) {
+	return _babel_types.isArrowFunctionExpression(expr) || _babel_types.isFunctionExpression(expr);
+}
+function createObjectKey(name) {
+	return _babel_types.isValidIdentifier(name) ? _babel_types.identifier(name) : _babel_types.stringLiteral(name);
 }
 function emitSlot(node, context) {
 	return _babel_types.callExpression(context.importRuntime("createSlot"), [node.name ? _babel_types.stringLiteral(node.name) : _babel_types.identifier("undefined"), node.fallback.length > 0 ? _babel_types.arrowFunctionExpression([], emitChildrenProp(node.fallback, context)) : _babel_types.identifier("undefined")]);
@@ -681,7 +710,7 @@ function emitMarkerIdentifier(node) {
 	return _babel_types.identifier(node.ref.name);
 }
 //#endregion
-//#region packages/compiler/src/codegen/dom/index.ts
+//#region packages/core/compiler/src/codegen/dom/index.ts
 function emitDOM(node, context) {
 	switch (node.kind) {
 		case "Element": return emitElement(node, context);
@@ -696,7 +725,7 @@ function emitDOM(node, context) {
 	}
 }
 //#endregion
-//#region packages/compiler/src/context/CompilerContext.ts
+//#region packages/core/compiler/src/context/CompilerContext.ts
 var CompilerContext = class {
 	constructor(options, programPath) {
 		this.options = options;
@@ -759,7 +788,7 @@ function getCompilerContext(path, options) {
 	return new CompilerContext(options, path.scope.getProgramParent().path);
 }
 //#endregion
-//#region packages/compiler/src/diagnostics/codes.ts
+//#region packages/core/compiler/src/diagnostics/codes.ts
 const CompilerErrorCode = {
 	UNSUPPORTED_SPREAD_ATTRIBUTE: "ZEUS_UNSUPPORTED_SPREAD_ATTRIBUTE",
 	UNSUPPORTED_SPREAD_CHILD: "ZEUS_UNSUPPORTED_SPREAD_CHILD",
@@ -773,7 +802,7 @@ const CompilerErrorCode = {
 	INVALID_REF_USAGE: "ZEUS_INVALID_REF_USAGE"
 };
 //#endregion
-//#region packages/compiler/src/diagnostics/CompilerError.ts
+//#region packages/core/compiler/src/diagnostics/CompilerError.ts
 var CompilerError = class extends Error {
 	constructor(options) {
 		var _options$path;
@@ -787,7 +816,7 @@ var CompilerError = class extends Error {
 	}
 };
 //#endregion
-//#region packages/compiler/src/ir/semanticBuilders.ts
+//#region packages/core/compiler/src/ir/semanticBuilders.ts
 let nextId = 0;
 function id() {
 	return nextId++;
@@ -905,11 +934,12 @@ function forIR(input) {
 		body: input.body
 	};
 }
-function hostIR(children) {
+function hostIR(input) {
 	return {
 		id: id(),
 		kind: "Host",
-		children
+		attrs: input.attrs,
+		child: input.child
 	};
 }
 function slotIR(input) {
@@ -923,7 +953,7 @@ function slotIR(input) {
 	};
 }
 //#endregion
-//#region packages/compiler/src/parse/jsx.ts
+//#region packages/core/compiler/src/parse/jsx.ts
 /**
 * JSX AST parsing utilities.
 *
@@ -950,7 +980,7 @@ function toEventName(name) {
 	return name.slice(2).toLowerCase();
 }
 //#endregion
-//#region packages/compiler/src/lower/lowerAttribute.ts
+//#region packages/core/compiler/src/lower/lowerAttribute.ts
 function lowerAttribute(path, _context) {
 	if (path.isJSXSpreadAttribute() || _babel_types.isJSXSpreadAttribute(path.node)) throw new CompilerError({
 		code: CompilerErrorCode.UNSUPPORTED_SPREAD_ATTRIBUTE,
@@ -994,7 +1024,7 @@ function lowerAttribute(path, _context) {
 	return null;
 }
 //#endregion
-//#region packages/compiler/src/lower/lowerChildren.ts
+//#region packages/core/compiler/src/lower/lowerChildren.ts
 function lowerChildren(children, context) {
 	const result = [];
 	for (const child of children) {
@@ -1017,7 +1047,12 @@ function lowerChildren(children, context) {
 	return result;
 }
 //#endregion
-//#region packages/compiler/src/lower/lowerBuiltin.ts
+//#region packages/core/compiler/src/lower/lowerBuiltin.ts
+const HOST_SKIP_PROPS = new Set([
+	"key",
+	"__slot",
+	"__anchor"
+]);
 function isBuiltinTag(tagName) {
 	return tagName === "Show" || tagName === "For" || tagName === "Host" || tagName === "Slot";
 }
@@ -1031,7 +1066,7 @@ function lowerBuiltin(path, context) {
 	switch (tagName.name) {
 		case "Show": return lowerShow(path, context);
 		case "For": return lowerFor(path, context);
-		case "Host": return hostIR(lowerChildren(path.get("children"), context));
+		case "Host": return lowerHost(path, context);
 		case "Slot": return lowerSlot(path, context);
 		default: throw new CompilerError({
 			code: CompilerErrorCode.INVALID_BUILTIN_USAGE,
@@ -1141,8 +1176,73 @@ function getBuiltinName(path) {
 	const name = path.node.openingElement.name;
 	return _babel_types.isJSXIdentifier(name) ? name.name : "Builtin";
 }
+function isEventLikeProp(key) {
+	return /^on[A-Z]/.test(key) || key.startsWith("on:");
+}
+function normalizeHostAttrName(name) {
+	switch (name) {
+		case "className": return "class";
+		case "htmlFor": return "for";
+		case "tabIndex": return "tabindex";
+		case "readOnly": return "readonly";
+		default: return name;
+	}
+}
+function lowerHost(path, context) {
+	const attrs = [];
+	const rawChildren = lowerChildren(path.get("children"), context);
+	for (const attrPath of path.get("openingElement").get("attributes")) {
+		const node = attrPath.node;
+		if (_babel_types.isJSXSpreadAttribute(node)) throw new CompilerError({
+			code: CompilerErrorCode.UNSUPPORTED_COMPONENT_PROP,
+			message: "Spread props are not supported on Host in Phase 1.",
+			path: attrPath
+		});
+		if (!attrPath.isJSXAttribute()) continue;
+		const name = getJSXAttrName(node.name);
+		if (HOST_SKIP_PROPS.has(name)) continue;
+		if (name === "children") continue;
+		if (name === "ref") {
+			const value = attrPath.get("value");
+			if (value.isJSXExpressionContainer()) {
+				const expr = value.get("expression");
+				if (expr.isExpression()) attrs.push({
+					id: id(),
+					kind: "HostAttr",
+					name: "ref",
+					expr: expr.node
+				});
+			}
+			continue;
+		}
+		if (isEventLikeProp(name)) continue;
+		const value = node.value;
+		if (!value) attrs.push({
+			id: id(),
+			kind: "HostAttr",
+			name: normalizeHostAttrName(name),
+			expr: _babel_types.booleanLiteral(true)
+		});
+		else if (_babel_types.isStringLiteral(value)) attrs.push({
+			id: id(),
+			kind: "HostAttr",
+			name: normalizeHostAttrName(name),
+			expr: _babel_types.stringLiteral(value.value)
+		});
+		else if (_babel_types.isJSXExpressionContainer(value) && !_babel_types.isJSXEmptyExpression(value.expression)) attrs.push({
+			id: id(),
+			kind: "HostAttr",
+			name: normalizeHostAttrName(name),
+			expr: value.expression
+		});
+	}
+	return hostIR({
+		attrs,
+		child: rawChildren.length === 0 ? void 0 : rawChildren.length === 1 ? rawChildren[0] : fragmentIR(rawChildren)
+	});
+}
 //#endregion
-//#region packages/compiler/src/lower/lowerComponent.ts
+//#region packages/core/compiler/src/lower/lowerComponent.ts
 function lowerComponent(path, context) {
 	const tag = convertComponentIdentifier(path.node.openingElement.name);
 	const props = [];
@@ -1206,7 +1306,7 @@ function convertComponentIdentifier(node) {
 	return node;
 }
 //#endregion
-//#region packages/compiler/src/lower/lowerElement.ts
+//#region packages/core/compiler/src/lower/lowerElement.ts
 function lowerElement(path, context) {
 	const tagName = getTagName(path.node);
 	if (isBuiltinTag(tagName)) return lowerBuiltin(path, context);
@@ -1224,19 +1324,19 @@ function lowerElement(path, context) {
 	});
 }
 //#endregion
-//#region packages/compiler/src/lower/lowerFragment.ts
+//#region packages/core/compiler/src/lower/lowerFragment.ts
 function lowerFragment(path, context) {
 	return fragmentIR(lowerChildren(path.get("children"), context));
 }
 //#endregion
-//#region packages/compiler/src/lower/lowerJSX.ts
+//#region packages/core/compiler/src/lower/lowerJSX.ts
 function lowerJSX(path, context) {
 	if (path.isJSXElement()) return lowerElement(path, context);
 	if (path.isJSXFragment()) return lowerFragment(path, context);
 	throw new Error("Unsupported JSX node");
 }
 //#endregion
-//#region packages/compiler/src/passes/normalizeChildren.ts
+//#region packages/core/compiler/src/passes/normalizeChildren.ts
 function normalizeChildren(node) {
 	visit$2(node);
 	return node;
@@ -1245,13 +1345,15 @@ function visit$2(node) {
 	switch (node.kind) {
 		case "Element":
 		case "Fragment":
-		case "Host":
 			node.children = node.children.filter((child) => {
 				if (child.kind === "Text") return child.value.length > 0;
 				return true;
 			});
 			for (const child of node.children) visit$2(child);
 			return;
+		case "Host":
+			if (node.child) visit$2(node.child);
+			return;
 		case "Component":
 			for (const prop of node.props) {
 				if (!Array.isArray(prop.value)) continue;
@@ -1287,7 +1389,7 @@ function visit$2(node) {
 	}
 }
 //#endregion
-//#region packages/compiler/src/passes/assignDomPaths.ts
+//#region packages/core/compiler/src/passes/assignDomPaths.ts
 function assignDomPaths(node) {
 	visitNode$1(node);
 	return node;
@@ -1315,7 +1417,7 @@ function visitNode$1(node, parent) {
 			for (const child of node.body) visitNode$1(child);
 			return;
 		case "Host":
-			for (const child of node.children) visitNode$1(child, parent);
+			if (node.child) visitNode$1(node.child, parent);
 			return;
 		case "Slot":
 			for (const child of node.fallback) visitNode$1(child);
@@ -1378,7 +1480,7 @@ function isMarkerTemplateNode(node) {
 	return node.kind === "DynamicText" || node.kind === "Component" || node.kind === "Show" || node.kind === "For" || node.kind === "Slot";
 }
 //#endregion
-//#region packages/compiler/src/passes/assignPhysicalDomPaths.ts
+//#region packages/core/compiler/src/passes/assignPhysicalDomPaths.ts
 function assignPhysicalDomPaths(node) {
 	visitNode(node);
 	return node;
@@ -1393,7 +1495,7 @@ function visitNode(node, parent) {
 			for (const child of node.children) visitNode(child, parent);
 			return;
 		case "Host":
-			for (const child of node.children) visitNode(child, parent);
+			if (node.child) visitNode(node.child, parent);
 			return;
 		case "Show":
 			for (const child of node.children) visitNode(child);
@@ -1479,12 +1581,12 @@ function appendPhysicalChild(result, node) {
 			for (const child of node.children) appendPhysicalChild(result, child);
 			return;
 		case "Host":
-			for (const child of node.children) appendPhysicalChild(result, child);
+			if (node.child) appendPhysicalChild(result, node.child);
 			return;
 	}
 }
 //#endregion
-//#region packages/compiler/src/passes/validateBuiltins.ts
+//#region packages/core/compiler/src/passes/validateBuiltins.ts
 function validateBuiltins(node) {
 	visit$1(node, {
 		insideHost: false,
@@ -1498,7 +1600,7 @@ function visit$1(node, state) {
 				code: CompilerErrorCode.INVALID_BUILTIN_USAGE,
 				message: "<Host> can only be used as a root host boundary."
 			});
-			for (const child of node.children) visit$1(child, {
+			if (node.child) visit$1(node.child, {
 				insideHost: true,
 				root: false
 			});
@@ -1545,7 +1647,7 @@ function visit$1(node, state) {
 	}
 }
 //#endregion
-//#region packages/compiler/src/passes/analyzeBindings.ts
+//#region packages/core/compiler/src/passes/analyzeBindings.ts
 function analyzeBindings(node) {
 	const analysis = {
 		dynamicText: 0,
@@ -1576,9 +1678,11 @@ function visit(node, analysis) {
 			}
 			return;
 		case "Fragment":
-		case "Host":
 			for (const child of node.children) visit(child, analysis);
 			return;
+		case "Host":
+			if (node.child) visit(node.child, analysis);
+			return;
 		case "Slot":
 			for (const child of node.fallback) visit(child, analysis);
 			return;
@@ -1593,7 +1697,7 @@ function visit(node, analysis) {
 	}
 }
 //#endregion
-//#region packages/compiler/src/transform/index.ts
+//#region packages/core/compiler/src/transform/index.ts
 function transformJSX(path, state, config) {
 	if (state.get("skip")) return;
 	if (!path.isJSXElement() && !path.isJSXFragment()) return;
@@ -1608,7 +1712,7 @@ function transformJSX(path, state, config) {
 	path.replaceWith(emitDOM(ir, context));
 }
 //#endregion
-//#region packages/compiler/src/visitor.ts
+//#region packages/core/compiler/src/visitor.ts
 function createVisitor(config) {
 	return {
 		JSXElement(path, state) {
@@ -1621,7 +1725,7 @@ function createVisitor(config) {
 	};
 }
 //#endregion
-//#region packages/compiler/src/index.ts
+//#region packages/core/compiler/src/index.ts
 var src_default = (0, _babel_helper_plugin_utils.declare)((api, options) => {
 	api.assertVersion(7);
 	return {