@sigil-dev/compiler 0.9.4 → 0.9.6

package/src/babel/jsx/utils.ts

@@ -1,179 +1,179 @@
-import { types as t } from "@babel/core";
-
-export const ATTR_MAP: Record<string, string> = {
-	class: "className",
-	for: "htmlFor",
-};
-
-export function containsSignal(
-	expr: t.Expression | t.Node,
-	signals: Set<string>,
-): boolean {
-	if (!expr) return false;
-	if (t.isIdentifier(expr)) return signals.has(expr.name);
-	if (t.isCallExpression(expr)) {
-		return (
-			containsSignal(expr.callee as t.Expression, signals) ||
-			expr.arguments.some((a) => containsSignal(a as t.Expression, signals))
-		);
-	}
-	if (t.isBinaryExpression(expr)) {
-		return (
-			containsSignal(expr.left as t.Expression, signals) ||
-			containsSignal(expr.right, signals)
-		);
-	}
-	if (t.isMemberExpression(expr)) {
-		return containsSignal(expr.object as t.Expression, signals);
-	}
-	if (t.isLogicalExpression(expr)) {
-		return (
-			containsSignal(expr.left as t.Expression, signals) ||
-			containsSignal(expr.right as t.Expression, signals)
-		);
-	}
-	if (t.isConditionalExpression(expr)) {
-		return (
-			containsSignal(expr.test as t.Expression, signals) ||
-			containsSignal(expr.consequent as t.Expression, signals) ||
-			containsSignal(expr.alternate as t.Expression, signals)
-		);
-	}
-	if (t.isUnaryExpression(expr)) {
-		return containsSignal(expr.argument as t.Expression, signals);
-	}
-	if (t.isTemplateLiteral(expr)) {
-		return expr.expressions.some((e) =>
-			containsSignal(e as t.Expression, signals),
-		);
-	}
-	// ── additions ──
-	if (t.isArrayExpression(expr)) {
-		return expr.elements.some(
-			(e) => e !== null && containsSignal(e as t.Expression, signals),
-		);
-	}
-	if (t.isObjectExpression(expr)) {
-		return expr.properties.some((p) => {
-			if (t.isObjectProperty(p)) {
-				const computedKey = p.computed
-					? containsSignal(p.key as t.Expression, signals)
-					: false;
-				return computedKey || containsSignal(p.value as t.Expression, signals);
-			}
-			if (t.isSpreadElement(p)) return containsSignal(p.argument, signals);
-			return false;
-		});
-	}
-	if (t.isSequenceExpression(expr)) {
-		return expr.expressions.some((e) => containsSignal(e, signals));
-	}
-	if (t.isAssignmentExpression(expr)) {
-		return containsSignal(expr.right, signals);
-	}
-	if (t.isSpreadElement(expr)) {
-		return containsSignal(expr.argument, signals);
-	}
-	// ArrowFunction/Function — don't traverse, signals inside are captured
-	// not reactive at the call site (onclick={() => count()} is fine as-is)
-	if (t.isArrowFunctionExpression(expr) || t.isFunctionExpression(expr)) {
-		return false;
-	}
-	// Babel represents ?. as distinct node types not in t.is* guards
-	if (t.isOptionalMemberExpression(expr)) {
-		return containsSignal((expr as any).object, signals);
-	}
-	if (t.isOptionalCallExpression(expr)) {
-		const n = expr as any;
-		return (
-			containsSignal(n.callee, signals) ||
-			n.arguments.some((a: t.Node) => containsSignal(a, signals))
-		);
-	}
-	return false;
-}
-
-export function isPrimitive(expr: t.Expression): boolean {
-	if (t.isCallExpression(expr) && t.isIdentifier(expr.callee)) return true;
-	if (t.isBinaryExpression(expr)) return true;
-	if (t.isTemplateLiteral(expr)) return true;
-	if (t.isIdentifier(expr)) return true;
-	// user().name is a MemberExpression after state handler rewrites user → user()
-	if (t.isMemberExpression(expr)) return true;
-	return false;
-}
-
-/**
- * Generate createElement call. In hydrate mode, claims from node pool.
- * When parentVar is provided, passes it to claim() for SPA fallback (append on create).
- */
-export function getCreateElement(
-	tag: string,
-	hydrate: boolean,
-	nodesVar = "__nodes",
-	parentVar?: string,
-): t.Expression {
-	if (hydrate) {
-		const args: t.Expression[] = [t.identifier(nodesVar), t.stringLiteral(tag)];
-		if (parentVar) {
-			args.push(t.identifier(parentVar));
-		}
-		return t.callExpression(t.identifier("claim"), args);
-	}
-	return t.callExpression(
-		t.memberExpression(t.identifier("document"), t.identifier("createElement")),
-		[t.stringLiteral(tag)],
-	);
-}
-
-/**
- * Generate createTextNode call. In hydrate mode, claims from node pool.
- * When parentVar is provided, passes it to claimText() for SPA fallback.
- */
-export function getCreateText(
-	hydrate: boolean,
-	nodesVar = "__nodes",
-	parentVar?: string,
-): t.Expression {
-	if (hydrate) {
-		const args: t.Expression[] = [t.identifier(nodesVar)];
-		if (parentVar) {
-			args.push(t.identifier(parentVar));
-		}
-		return t.callExpression(t.identifier("claimText"), args);
-	}
-	return t.callExpression(
-		t.memberExpression(
-			t.identifier("document"),
-			t.identifier("createTextNode"),
-		),
-		[t.stringLiteral("")],
-	);
-}
-
-/**
- * Generate `const <nodesVar> = Array.from(el.childNodes)` for hydration scope.
- * Returns the generated variable name for use by children.
- */
-export function buildHydrationScope(
-	parentVar: string,
-	statements: t.Statement[],
-	nodesVar: string,
-): void {
-	statements.push(
-		t.variableDeclaration("const", [
-			t.variableDeclarator(
-				t.identifier(nodesVar),
-				t.callExpression(
-					t.memberExpression(t.identifier("Array"), t.identifier("from")),
-					[
-						t.memberExpression(
-							t.identifier(parentVar),
-							t.identifier("childNodes"),
-						),
-					],
-				),
-			),
-		]),
-	);
-}
+import { types as t } from "@babel/core";
+
+export const ATTR_MAP: Record<string, string> = {
+	class: "className",
+	for: "htmlFor",
+};
+
+export function containsSignal(
+	expr: t.Expression | t.Node,
+	signals: Set<string>,
+): boolean {
+	if (!expr) return false;
+	if (t.isIdentifier(expr)) return signals.has(expr.name);
+	if (t.isCallExpression(expr)) {
+		return (
+			containsSignal(expr.callee as t.Expression, signals) ||
+			expr.arguments.some((a) => containsSignal(a as t.Expression, signals))
+		);
+	}
+	if (t.isBinaryExpression(expr)) {
+		return (
+			containsSignal(expr.left as t.Expression, signals) ||
+			containsSignal(expr.right, signals)
+		);
+	}
+	if (t.isMemberExpression(expr)) {
+		return containsSignal(expr.object as t.Expression, signals);
+	}
+	if (t.isLogicalExpression(expr)) {
+		return (
+			containsSignal(expr.left as t.Expression, signals) ||
+			containsSignal(expr.right as t.Expression, signals)
+		);
+	}
+	if (t.isConditionalExpression(expr)) {
+		return (
+			containsSignal(expr.test as t.Expression, signals) ||
+			containsSignal(expr.consequent as t.Expression, signals) ||
+			containsSignal(expr.alternate as t.Expression, signals)
+		);
+	}
+	if (t.isUnaryExpression(expr)) {
+		return containsSignal(expr.argument as t.Expression, signals);
+	}
+	if (t.isTemplateLiteral(expr)) {
+		return expr.expressions.some((e) =>
+			containsSignal(e as t.Expression, signals),
+		);
+	}
+	// ── additions ──
+	if (t.isArrayExpression(expr)) {
+		return expr.elements.some(
+			(e) => e !== null && containsSignal(e as t.Expression, signals),
+		);
+	}
+	if (t.isObjectExpression(expr)) {
+		return expr.properties.some((p) => {
+			if (t.isObjectProperty(p)) {
+				const computedKey = p.computed
+					? containsSignal(p.key as t.Expression, signals)
+					: false;
+				return computedKey || containsSignal(p.value as t.Expression, signals);
+			}
+			if (t.isSpreadElement(p)) return containsSignal(p.argument, signals);
+			return false;
+		});
+	}
+	if (t.isSequenceExpression(expr)) {
+		return expr.expressions.some((e) => containsSignal(e, signals));
+	}
+	if (t.isAssignmentExpression(expr)) {
+		return containsSignal(expr.right, signals);
+	}
+	if (t.isSpreadElement(expr)) {
+		return containsSignal(expr.argument, signals);
+	}
+	// ArrowFunction/Function — don't traverse, signals inside are captured
+	// not reactive at the call site (onclick={() => count()} is fine as-is)
+	if (t.isArrowFunctionExpression(expr) || t.isFunctionExpression(expr)) {
+		return false;
+	}
+	// Babel represents ?. as distinct node types not in t.is* guards
+	if (t.isOptionalMemberExpression(expr)) {
+		return containsSignal((expr as any).object, signals);
+	}
+	if (t.isOptionalCallExpression(expr)) {
+		const n = expr as any;
+		return (
+			containsSignal(n.callee, signals) ||
+			n.arguments.some((a: t.Node) => containsSignal(a, signals))
+		);
+	}
+	return false;
+}
+
+export function isPrimitive(expr: t.Expression): boolean {
+	if (t.isCallExpression(expr) && t.isIdentifier(expr.callee)) return true;
+	if (t.isBinaryExpression(expr)) return true;
+	if (t.isTemplateLiteral(expr)) return true;
+	if (t.isIdentifier(expr)) return true;
+	// user().name is a MemberExpression after state handler rewrites user → user()
+	if (t.isMemberExpression(expr)) return true;
+	return false;
+}
+
+/**
+ * Generate createElement call. In hydrate mode, claims from node pool.
+ * When parentVar is provided, passes it to claim() for SPA fallback (append on create).
+ */
+export function getCreateElement(
+	tag: string,
+	hydrate: boolean,
+	nodesVar = "__nodes",
+	parentVar?: string,
+): t.Expression {
+	if (hydrate) {
+		const args: t.Expression[] = [t.identifier(nodesVar), t.stringLiteral(tag)];
+		if (parentVar) {
+			args.push(t.identifier(parentVar));
+		}
+		return t.callExpression(t.identifier("claim"), args);
+	}
+	return t.callExpression(
+		t.memberExpression(t.identifier("document"), t.identifier("createElement")),
+		[t.stringLiteral(tag)],
+	);
+}
+
+/**
+ * Generate createTextNode call. In hydrate mode, claims from node pool.
+ * When parentVar is provided, passes it to claimText() for SPA fallback.
+ */
+export function getCreateText(
+	hydrate: boolean,
+	nodesVar = "__nodes",
+	parentVar?: string,
+): t.Expression {
+	if (hydrate) {
+		const args: t.Expression[] = [t.identifier(nodesVar)];
+		if (parentVar) {
+			args.push(t.identifier(parentVar));
+		}
+		return t.callExpression(t.identifier("claimText"), args);
+	}
+	return t.callExpression(
+		t.memberExpression(
+			t.identifier("document"),
+			t.identifier("createTextNode"),
+		),
+		[t.stringLiteral("")],
+	);
+}
+
+/**
+ * Generate `const <nodesVar> = Array.from(el.childNodes)` for hydration scope.
+ * Returns the generated variable name for use by children.
+ */
+export function buildHydrationScope(
+	parentVar: string,
+	statements: t.Statement[],
+	nodesVar: string,
+): void {
+	statements.push(
+		t.variableDeclaration("const", [
+			t.variableDeclarator(
+				t.identifier(nodesVar),
+				t.callExpression(
+					t.memberExpression(t.identifier("Array"), t.identifier("from")),
+					[
+						t.memberExpression(
+							t.identifier(parentVar),
+							t.identifier("childNodes"),
+						),
+					],
+				),
+			),
+		]),
+	);
+}

package/src/babel/util/bind.ts

@@ -1,139 +1,139 @@
-import { types as t } from "@babel/core";
-
-const BIND_EVENT: Record<string, string> = {
-	value: "input",
-	checked: "change",
-	innerHTML: "input",
-	textContent: "input",
-	group: "change",
-};
-
-export function buildBind(
-	varName: string,
-	bindProp: string,
-	attr: t.JSXAttribute,
-	statements: t.Statement[],
-): void {
-	const signal = (attr.value as t.JSXExpressionContainer)
-		.expression as t.CallExpression; // already text()
-
-	const signalId = signal.callee as t.Identifier; // text — for .set()
-
-	const event = BIND_EVENT[bindProp] ?? "input";
-
-	// createEffect(() => _el.prop = text())
-	statements.push(
-		t.expressionStatement(
-			t.callExpression(t.identifier("createEffect"), [
-				t.arrowFunctionExpression(
-					[],
-					t.blockStatement([
-						t.expressionStatement(
-							t.assignmentExpression(
-								"=",
-								t.memberExpression(
-									t.identifier(varName),
-									t.identifier(bindProp),
-								),
-								signal,
-							),
-						),
-					]),
-				),
-			]),
-		),
-	);
-
-	// addEventListener(event, e => text.set(e.target.prop))
-	statements.push(
-		t.expressionStatement(
-			t.callExpression(
-				t.memberExpression(
-					t.identifier(varName),
-					t.identifier("addEventListener"),
-				),
-				[
-					t.stringLiteral(event),
-					t.arrowFunctionExpression(
-						[t.identifier("e")],
-						t.callExpression(
-							t.memberExpression(signalId, t.identifier("set")),
-							[
-								t.memberExpression(
-									t.memberExpression(t.identifier("e"), t.identifier("target")),
-									t.identifier(bindProp),
-								),
-							],
-						),
-					),
-				],
-			),
-		),
-	);
-}
-
-export function buildProxyBind(
-	varName: string,
-	bindProp: string,
-	_attr: t.JSXAttribute,
-	statements: t.Statement[],
-	signal: t.MemberExpression, // already form().name
-): void {
-	const event = BIND_EVENT[bindProp] ?? "input";
-
-	// createEffect(() => el.prop = form().name)
-	statements.push(
-		t.expressionStatement(
-			t.callExpression(t.identifier("createEffect"), [
-				t.arrowFunctionExpression(
-					[],
-					t.blockStatement([
-						t.expressionStatement(
-							t.assignmentExpression(
-								"=",
-								t.memberExpression(
-									t.identifier(varName),
-									t.identifier(bindProp),
-								),
-								signal,
-							),
-						),
-					]),
-				),
-			]),
-		),
-	);
-
-	// addEventListener(event, e => { form().name = e.target.prop })
-	statements.push(
-		t.expressionStatement(
-			t.callExpression(
-				t.memberExpression(
-					t.identifier(varName),
-					t.identifier("addEventListener"),
-				),
-				[
-					t.stringLiteral(event),
-					t.arrowFunctionExpression(
-						[t.identifier("e")],
-						t.blockStatement([
-							t.expressionStatement(
-								t.assignmentExpression(
-									"=",
-									signal as unknown as t.LVal, // form().name — valid LVal
-									t.memberExpression(
-										t.memberExpression(
-											t.identifier("e"),
-											t.identifier("target"),
-										),
-										t.identifier(bindProp),
-									),
-								),
-							),
-						]),
-					),
-				],
-			),
-		),
-	);
-}
+import { types as t } from "@babel/core";
+
+const BIND_EVENT: Record<string, string> = {
+	value: "input",
+	checked: "change",
+	innerHTML: "input",
+	textContent: "input",
+	group: "change",
+};
+
+export function buildBind(
+	varName: string,
+	bindProp: string,
+	attr: t.JSXAttribute,
+	statements: t.Statement[],
+): void {
+	const signal = (attr.value as t.JSXExpressionContainer)
+		.expression as t.CallExpression; // already text()
+
+	const signalId = signal.callee as t.Identifier; // text — for .set()
+
+	const event = BIND_EVENT[bindProp] ?? "input";
+
+	// createEffect(() => _el.prop = text())
+	statements.push(
+		t.expressionStatement(
+			t.callExpression(t.identifier("createEffect"), [
+				t.arrowFunctionExpression(
+					[],
+					t.blockStatement([
+						t.expressionStatement(
+							t.assignmentExpression(
+								"=",
+								t.memberExpression(
+									t.identifier(varName),
+									t.identifier(bindProp),
+								),
+								signal,
+							),
+						),
+					]),
+				),
+			]),
+		),
+	);
+
+	// addEventListener(event, e => text.set(e.target.prop))
+	statements.push(
+		t.expressionStatement(
+			t.callExpression(
+				t.memberExpression(
+					t.identifier(varName),
+					t.identifier("addEventListener"),
+				),
+				[
+					t.stringLiteral(event),
+					t.arrowFunctionExpression(
+						[t.identifier("e")],
+						t.callExpression(
+							t.memberExpression(signalId, t.identifier("set")),
+							[
+								t.memberExpression(
+									t.memberExpression(t.identifier("e"), t.identifier("target")),
+									t.identifier(bindProp),
+								),
+							],
+						),
+					),
+				],
+			),
+		),
+	);
+}
+
+export function buildProxyBind(
+	varName: string,
+	bindProp: string,
+	_attr: t.JSXAttribute,
+	statements: t.Statement[],
+	signal: t.MemberExpression, // already form().name
+): void {
+	const event = BIND_EVENT[bindProp] ?? "input";
+
+	// createEffect(() => el.prop = form().name)
+	statements.push(
+		t.expressionStatement(
+			t.callExpression(t.identifier("createEffect"), [
+				t.arrowFunctionExpression(
+					[],
+					t.blockStatement([
+						t.expressionStatement(
+							t.assignmentExpression(
+								"=",
+								t.memberExpression(
+									t.identifier(varName),
+									t.identifier(bindProp),
+								),
+								signal,
+							),
+						),
+					]),
+				),
+			]),
+		),
+	);
+
+	// addEventListener(event, e => { form().name = e.target.prop })
+	statements.push(
+		t.expressionStatement(
+			t.callExpression(
+				t.memberExpression(
+					t.identifier(varName),
+					t.identifier("addEventListener"),
+				),
+				[
+					t.stringLiteral(event),
+					t.arrowFunctionExpression(
+						[t.identifier("e")],
+						t.blockStatement([
+							t.expressionStatement(
+								t.assignmentExpression(
+									"=",
+									signal as unknown as t.LVal, // form().name — valid LVal
+									t.memberExpression(
+										t.memberExpression(
+											t.identifier("e"),
+											t.identifier("target"),
+										),
+										t.identifier(bindProp),
+									),
+								),
+							),
+						]),
+					),
+				],
+			),
+		),
+	);
+}