@pyreon/compiler 0.1.0

package/lib/index.js

@@ -0,0 +1,547 @@
+import ts from "typescript";
+
+//#region src/jsx.ts
+/**
+* JSX transform — wraps dynamic JSX expressions in `() =>` so the Pyreon runtime
+* receives reactive getters instead of eagerly-evaluated snapshot values.
+*
+* Rules:
+*  - `<div>{expr}</div>`          → `<div>{() => expr}</div>`   (child)
+*  - `<div class={expr}>`         → `<div class={() => expr}>`  (prop)
+*  - `<button onClick={fn}>`      → unchanged                   (event handler)
+*  - `<div>{() => expr}</div>`    → unchanged                   (already wrapped)
+*  - `<div>{"literal"}</div>`     → unchanged                   (static)
+*
+* Static VNode hoisting:
+*  - Fully static JSX in expression containers is hoisted to module scope:
+*    `{<span>Hello</span>}` → `const _$h0 = <span>Hello</span>` + `{_$h0}`
+*  - Hoisted nodes are created ONCE at module initialisation, not per-instance.
+*  - A JSX node is static if: all props are string literals / booleans / static
+*    values, and all children are text nodes or other static JSX nodes.
+*
+* Template emission:
+*  - JSX element trees with ≥ 2 DOM elements (no components, no spread attrs)
+*    are compiled to `_tpl(html, bindFn)` calls instead of nested `h()` calls.
+*  - The HTML string is parsed once via <template>.innerHTML, then cloneNode(true)
+*    for each instance (~5-10x faster than sequential createElement calls).
+*  - Static attributes are baked into the HTML string; dynamic attributes and
+*    text content use renderEffect in the bind function.
+*
+* Implementation: TypeScript parser for positions + magic-string replacements.
+* No extra runtime dependencies — `typescript` is already in devDependencies.
+*
+* Known limitation (v0): expressions inside *nested* JSX within a child
+* expression container are not individually wrapped. They are still reactive
+* because the outer wrapper re-evaluates the whole subtree, just at a coarser
+* granularity. Fine-grained nested wrapping is planned for a future pass.
+*/
+const SKIP_PROPS = new Set(["key", "ref"]);
+const EVENT_RE = /^on[A-Z]/;
+function transformJSX(code, filename = "input.tsx") {
+	const scriptKind = filename.endsWith(".tsx") || filename.endsWith(".jsx") ? ts.ScriptKind.TSX : ts.ScriptKind.TSX;
+	const sf = ts.createSourceFile(filename, code, ts.ScriptTarget.ESNext, true, scriptKind);
+	const replacements = [];
+	const warnings = [];
+	function warn(node, message, warnCode) {
+		const { line, character } = sf.getLineAndCharacterOfPosition(node.getStart(sf));
+		warnings.push({
+			message,
+			line: line + 1,
+			column: character,
+			code: warnCode
+		});
+	}
+	const hoists = [];
+	let hoistIdx = 0;
+	let needsTplImport = false;
+	/**
+	* If `node` is a fully-static JSX element/fragment, register a module-scope
+	* hoist for it and return the generated variable name. Otherwise return null.
+	*/
+	function maybeHoist(node) {
+		if ((ts.isJsxElement(node) || ts.isJsxSelfClosingElement(node) || ts.isJsxFragment(node)) && isStaticJSXNode(node)) {
+			const name = `_$h${hoistIdx++}`;
+			const text = code.slice(node.getStart(sf), node.getEnd());
+			hoists.push({
+				name,
+				text
+			});
+			return name;
+		}
+		return null;
+	}
+	function wrap(expr) {
+		const start = expr.getStart(sf);
+		const end = expr.getEnd();
+		replacements.push({
+			start,
+			end,
+			text: `() => ${code.slice(start, end)}`
+		});
+	}
+	/** Try to hoist or wrap an expression, pushing a replacement if needed. */
+	function hoistOrWrap(expr) {
+		const hoistName = maybeHoist(expr);
+		if (hoistName) replacements.push({
+			start: expr.getStart(sf),
+			end: expr.getEnd(),
+			text: hoistName
+		});
+		else if (shouldWrap(expr)) wrap(expr);
+	}
+	/** Try to emit a template for a JsxElement. Returns true if handled. */
+	function tryTemplateEmit(node) {
+		if (templateElementCount(node) < 1) return false;
+		const tplCall = buildTemplateCall(node);
+		if (!tplCall) return false;
+		const start = node.getStart(sf);
+		const end = node.getEnd();
+		const parent = node.parent;
+		const needsBraces = parent && (ts.isJsxElement(parent) || ts.isJsxFragment(parent));
+		replacements.push({
+			start,
+			end,
+			text: needsBraces ? `{${tplCall}}` : tplCall
+		});
+		needsTplImport = true;
+		return true;
+	}
+	/** Emit warnings for common JSX mistakes (e.g. <For> without by). */
+	function checkForWarnings(node) {
+		const opening = ts.isJsxElement(node) ? node.openingElement : node;
+		if ((ts.isIdentifier(opening.tagName) ? opening.tagName.text : "") !== "For") return;
+		if (!opening.attributes.properties.some((p) => ts.isJsxAttribute(p) && ts.isIdentifier(p.name) && p.name.text === "by")) warn(opening.tagName, `<For> without a "by" prop will use index-based diffing, which is slower and may cause bugs with stateful children. Add by={(item) => item.id} for efficient keyed reconciliation.`, "missing-key-on-for");
+	}
+	/** Handle a JSX attribute node — wrap or hoist its value if needed. */
+	function handleJsxAttribute(node) {
+		const name = ts.isIdentifier(node.name) ? node.name.text : "";
+		const openingEl = node.parent.parent;
+		const tagName = ts.isIdentifier(openingEl.tagName) ? openingEl.tagName.text : "";
+		if (tagName.length > 0 && tagName.charAt(0) !== tagName.charAt(0).toLowerCase()) return;
+		if (SKIP_PROPS.has(name) || EVENT_RE.test(name)) return;
+		if (!node.initializer || !ts.isJsxExpression(node.initializer)) return;
+		const expr = node.initializer.expression;
+		if (expr) hoistOrWrap(expr);
+	}
+	/** Handle a JSX expression in child position — wrap or hoist. */
+	function handleJsxExpression(node) {
+		const expr = node.expression;
+		if (expr) hoistOrWrap(expr);
+	}
+	function walk(node) {
+		if (ts.isJsxElement(node) && tryTemplateEmit(node)) return;
+		if (ts.isJsxSelfClosingElement(node) || ts.isJsxElement(node)) checkForWarnings(node);
+		if (ts.isJsxAttribute(node)) {
+			handleJsxAttribute(node);
+			return;
+		}
+		if (ts.isJsxExpression(node)) {
+			handleJsxExpression(node);
+			return;
+		}
+		ts.forEachChild(node, walk);
+	}
+	walk(sf);
+	if (replacements.length === 0 && hoists.length === 0) return {
+		code,
+		warnings
+	};
+	replacements.sort((a, b) => b.start - a.start);
+	let result = code;
+	for (const r of replacements) result = result.slice(0, r.start) + r.text + result.slice(r.end);
+	if (hoists.length > 0) result = hoists.map((h) => `const ${h.name} = /*@__PURE__*/ ${h.text}\n`).join("") + result;
+	if (needsTplImport) result = `import { _tpl } from "@pyreon/runtime-dom";\nimport { _bind } from "@pyreon/reactivity";\n` + result;
+	return {
+		code: result,
+		usesTemplates: needsTplImport,
+		warnings
+	};
+	/** Check if a single attribute would prevent template emission. */
+	function hasBailAttr(node) {
+		for (const attr of jsxAttrs(node)) {
+			if (ts.isJsxSpreadAttribute(attr)) return true;
+			if (ts.isJsxAttribute(attr) && ts.isIdentifier(attr.name) && attr.name.text === "key") return true;
+		}
+		return false;
+	}
+	/**
+	* Count template-eligible elements for a single JSX child.
+	* Returns 0 for skippable children, -1 for bail, positive for element count.
+	*/
+	function countChildForTemplate(child) {
+		if (ts.isJsxText(child)) return 0;
+		if (ts.isJsxElement(child) || ts.isJsxSelfClosingElement(child)) return templateElementCount(child);
+		if (ts.isJsxExpression(child)) {
+			if (!child.expression) return 0;
+			return containsJSXInExpr(child.expression) ? -1 : 0;
+		}
+		if (ts.isJsxFragment(child)) return templateFragmentCount(child);
+		return -1;
+	}
+	/**
+	* Count DOM elements in a JSX subtree. Returns -1 if the tree is not
+	* eligible for template emission.
+	*/
+	function templateElementCount(node) {
+		const tag = jsxTagName(node);
+		if (!tag || !isLowerCase(tag)) return -1;
+		if (hasBailAttr(node)) return -1;
+		if (!ts.isJsxElement(node)) return 1;
+		let count = 1;
+		for (const child of node.children) {
+			const c = countChildForTemplate(child);
+			if (c === -1) return -1;
+			count += c;
+		}
+		return count;
+	}
+	/** Count template-eligible elements inside a fragment. */
+	function templateFragmentCount(frag) {
+		let count = 0;
+		for (const child of frag.children) {
+			const c = countChildForTemplate(child);
+			if (c === -1) return -1;
+			count += c;
+		}
+		return count;
+	}
+	/**
+	* Build the complete `_tpl("html", (__root) => { ... })` call string
+	* for a template-eligible JSX element tree. Returns null if codegen fails.
+	*/
+	function buildTemplateCall(node) {
+		const bindLines = [];
+		const disposerNames = [];
+		let varIdx = 0;
+		let dispIdx = 0;
+		function nextVar() {
+			return `__e${varIdx++}`;
+		}
+		function nextDisp() {
+			const name = `__d${dispIdx++}`;
+			disposerNames.push(name);
+			return name;
+		}
+		function nextTextVar() {
+			return `__t${varIdx++}`;
+		}
+		/** Resolve the variable name for an element given its accessor path. */
+		function resolveElementVar(accessor, hasDynamic) {
+			if (accessor === "__root") return "__root";
+			if (hasDynamic) {
+				const v = nextVar();
+				bindLines.push(`const ${v} = ${accessor}`);
+				return v;
+			}
+			return accessor;
+		}
+		/** Emit bind line for a ref attribute. */
+		function emitRef(attr, varName) {
+			if (!attr.initializer || !ts.isJsxExpression(attr.initializer)) return;
+			if (!attr.initializer.expression) return;
+			bindLines.push(`${sliceExpr(attr.initializer.expression)}.current = ${varName}`);
+		}
+		/** Emit addEventListener bind line for an event handler attribute. */
+		function emitEventListener(attr, attrName, varName) {
+			const eventName = (attrName[2] ?? "").toLowerCase() + attrName.slice(3);
+			if (!attr.initializer || !ts.isJsxExpression(attr.initializer)) return;
+			if (!attr.initializer.expression) return;
+			bindLines.push(`${varName}.addEventListener("${eventName}", ${sliceExpr(attr.initializer.expression)})`);
+		}
+		/** Return HTML string for a static attribute expression, or null if not static. */
+		function staticAttrToHtml(exprNode, htmlAttrName) {
+			if (!isStatic(exprNode)) return null;
+			if (ts.isStringLiteral(exprNode)) return ` ${htmlAttrName}="${escapeHtmlAttr(exprNode.text)}"`;
+			if (ts.isNumericLiteral(exprNode)) return ` ${htmlAttrName}="${exprNode.text}"`;
+			if (exprNode.kind === ts.SyntaxKind.TrueKeyword) return ` ${htmlAttrName}`;
+			return "";
+		}
+		/** Unwrap a reactive accessor expression for use inside _bind(). */
+		function unwrapAccessor(exprNode) {
+			if (ts.isArrowFunction(exprNode) && !ts.isBlock(exprNode.body)) return {
+				expr: sliceExpr(exprNode.body),
+				isReactive: true
+			};
+			if (ts.isArrowFunction(exprNode) || ts.isFunctionExpression(exprNode)) return {
+				expr: `(${sliceExpr(exprNode)})()`,
+				isReactive: true
+			};
+			return {
+				expr: sliceExpr(exprNode),
+				isReactive: containsCall(exprNode)
+			};
+		}
+		/** Emit bind line for a dynamic (non-static) attribute. */
+		function emitDynamicAttr(_expr, exprNode, htmlAttrName, varName) {
+			const { expr, isReactive } = unwrapAccessor(exprNode);
+			const setter = htmlAttrName === "class" ? `${varName}.className = ${expr}` : `${varName}.setAttribute("${htmlAttrName}", ${expr})`;
+			if (isReactive) {
+				const d = nextDisp();
+				bindLines.push(`const ${d} = _bind(() => { ${setter} })`);
+			} else bindLines.push(setter);
+		}
+		/** Emit bind line or HTML for an expression attribute value. */
+		function emitAttrExpression(exprNode, htmlAttrName, varName) {
+			const staticHtml = staticAttrToHtml(exprNode, htmlAttrName);
+			if (staticHtml !== null) return staticHtml;
+			emitDynamicAttr(sliceExpr(exprNode), exprNode, htmlAttrName, varName);
+			return "";
+		}
+		/** Emit side-effects for special attrs (ref, event). Returns true if handled. */
+		function tryEmitSpecialAttr(attr, attrName, varName) {
+			if (attrName === "ref") {
+				emitRef(attr, varName);
+				return true;
+			}
+			if (EVENT_RE.test(attrName)) {
+				emitEventListener(attr, attrName, varName);
+				return true;
+			}
+			return false;
+		}
+		/** Convert an attribute initializer to HTML. Returns empty string for side-effect-only attrs. */
+		function attrInitializerToHtml(attr, htmlAttrName, varName) {
+			if (!attr.initializer) return ` ${htmlAttrName}`;
+			if (ts.isStringLiteral(attr.initializer)) return ` ${htmlAttrName}="${escapeHtmlAttr(attr.initializer.text)}"`;
+			if (ts.isJsxExpression(attr.initializer) && attr.initializer.expression) return emitAttrExpression(attr.initializer.expression, htmlAttrName, varName);
+			return "";
+		}
+		/** Process a single attribute, returning HTML to append. */
+		function processOneAttr(attr, varName) {
+			if (!ts.isJsxAttribute(attr)) return "";
+			const attrName = ts.isIdentifier(attr.name) ? attr.name.text : "";
+			if (attrName === "key") return "";
+			if (tryEmitSpecialAttr(attr, attrName, varName)) return "";
+			return attrInitializerToHtml(attr, JSX_TO_HTML_ATTR[attrName] ?? attrName, varName);
+		}
+		/** Process all attributes on an element, returning the HTML attribute string. */
+		function processAttrs(el, varName) {
+			let htmlAttrs = "";
+			for (const attr of jsxAttrs(el)) htmlAttrs += processOneAttr(attr, varName);
+			return htmlAttrs;
+		}
+		/** Emit bind lines for a reactive text expression child. */
+		function emitReactiveTextChild(expr, varName, parentRef, childNodeIdx, needsPlaceholder) {
+			const tVar = nextTextVar();
+			const d = nextDisp();
+			bindLines.push(`const ${tVar} = document.createTextNode("")`);
+			if (needsPlaceholder) bindLines.push(`${parentRef}.replaceChild(${tVar}, ${parentRef}.childNodes[${childNodeIdx}])`);
+			else bindLines.push(`${varName}.appendChild(${tVar})`);
+			bindLines.push(`const ${d} = _bind(() => { ${tVar}.data = ${expr} })`);
+			return needsPlaceholder ? "<!>" : "";
+		}
+		/** Emit bind lines for a static text expression child. */
+		function emitStaticTextChild(expr, varName, parentRef, childNodeIdx, needsPlaceholder) {
+			if (needsPlaceholder) {
+				const tVar = nextTextVar();
+				bindLines.push(`const ${tVar} = document.createTextNode(${expr})`);
+				bindLines.push(`${parentRef}.replaceChild(${tVar}, ${parentRef}.childNodes[${childNodeIdx}])`);
+				return "<!>";
+			}
+			bindLines.push(`${varName}.textContent = ${expr}`);
+			return "";
+		}
+		/** Process a single flat child, returning the HTML contribution or null on failure. */
+		function processOneChild(child, varName, parentRef, useMixed, useMultiExpr, childNodeIdx) {
+			if (child.kind === "text") return escapeHtmlText(child.text);
+			if (child.kind === "element") {
+				const childAccessor = useMixed ? `${parentRef}.childNodes[${childNodeIdx}]` : `${parentRef}.children[${child.elemIdx}]`;
+				return processElement(child.node, childAccessor);
+			}
+			const needsPlaceholder = useMixed || useMultiExpr;
+			const { expr, isReactive } = unwrapAccessor(child.expression);
+			if (isReactive) return emitReactiveTextChild(expr, varName, parentRef, childNodeIdx, needsPlaceholder);
+			return emitStaticTextChild(expr, varName, parentRef, childNodeIdx, needsPlaceholder);
+		}
+		/** Process children of a JsxElement, returning the children HTML. */
+		function processChildren(el, varName, accessor) {
+			const flatChildren = flattenChildren(el.children);
+			const { useMixed, useMultiExpr } = analyzeChildren(flatChildren);
+			const parentRef = accessor === "__root" ? "__root" : varName;
+			let html = "";
+			let childNodeIdx = 0;
+			for (const child of flatChildren) {
+				const childHtml = processOneChild(child, varName, parentRef, useMixed, useMultiExpr, childNodeIdx);
+				if (childHtml === null) return null;
+				html += childHtml;
+				childNodeIdx++;
+			}
+			return html;
+		}
+		/** Process a single DOM element for template emission. Returns the HTML string or null. */
+		function processElement(el, accessor) {
+			const tag = jsxTagName(el);
+			if (!tag) return null;
+			const varName = resolveElementVar(accessor, elementHasDynamic(el));
+			let html = `<${tag}${processAttrs(el, varName)}>`;
+			if (ts.isJsxElement(el)) {
+				const childHtml = processChildren(el, varName, accessor);
+				if (childHtml === null) return null;
+				html += childHtml;
+			}
+			if (!VOID_ELEMENTS.has(tag)) html += `</${tag}>`;
+			return html;
+		}
+		const html = processElement(node, "__root");
+		if (html === null) return null;
+		const escaped = html.replace(/\\/g, "\\\\").replace(/"/g, "\\\"");
+		if (bindLines.length === 0 && disposerNames.length === 0) return `_tpl("${escaped}", () => null)`;
+		let body = bindLines.map((l) => `  ${l}`).join("\n");
+		if (disposerNames.length > 0) body += `\n  return () => { ${disposerNames.map((d) => `${d}()`).join("; ")} }`;
+		else body += "\n  return null";
+		return `_tpl("${escaped}", (__root) => {\n${body}\n})`;
+	}
+	/** Classify a single JSX child into a FlatChild descriptor. */
+	function classifyJsxChild(child, out, elemIdxRef, recurse) {
+		if (ts.isJsxText(child)) {
+			const trimmed = child.text.replace(/\n\s*/g, "").trim();
+			if (trimmed) out.push({
+				kind: "text",
+				text: trimmed
+			});
+			return;
+		}
+		if (ts.isJsxElement(child) || ts.isJsxSelfClosingElement(child)) {
+			out.push({
+				kind: "element",
+				node: child,
+				elemIdx: elemIdxRef.value++
+			});
+			return;
+		}
+		if (ts.isJsxExpression(child)) {
+			if (child.expression) out.push({
+				kind: "expression",
+				expression: child.expression
+			});
+			return;
+		}
+		if (ts.isJsxFragment(child)) recurse(child.children);
+	}
+	/**
+	* Flatten JSX children, inlining fragment children and stripping whitespace-only text.
+	* Returns a flat array of child descriptors with element indices pre-computed.
+	*/
+	function flattenChildren(children) {
+		const flatList = [];
+		const elemIdxRef = { value: 0 };
+		function addChildren(kids) {
+			for (const child of kids) classifyJsxChild(child, flatList, elemIdxRef, addChildren);
+		}
+		addChildren(children);
+		return flatList;
+	}
+	/** Analyze flat children to determine indexing strategy. */
+	function analyzeChildren(flatChildren) {
+		const hasElem = flatChildren.some((c) => c.kind === "element");
+		const hasNonElem = flatChildren.some((c) => c.kind !== "element");
+		const exprCount = flatChildren.filter((c) => c.kind === "expression").length;
+		return {
+			useMixed: hasElem && hasNonElem,
+			useMultiExpr: exprCount > 1
+		};
+	}
+	/** Check if a single attribute is dynamic (has ref, event, or non-static expression). */
+	function attrIsDynamic(attr) {
+		if (!ts.isJsxAttribute(attr)) return false;
+		const name = ts.isIdentifier(attr.name) ? attr.name.text : "";
+		if (name === "ref") return true;
+		if (EVENT_RE.test(name)) return true;
+		if (!attr.initializer || !ts.isJsxExpression(attr.initializer)) return false;
+		const expr = attr.initializer.expression;
+		return expr ? !isStatic(expr) : false;
+	}
+	/** Check if an element has any dynamic attributes, events, ref, or expression children */
+	function elementHasDynamic(node) {
+		if (jsxAttrs(node).some(attrIsDynamic)) return true;
+		if (ts.isJsxElement(node)) return node.children.some((c) => ts.isJsxExpression(c) && c.expression !== void 0);
+		return false;
+	}
+	/** Slice expression source from the original code */
+	function sliceExpr(expr) {
+		return code.slice(expr.getStart(sf), expr.getEnd());
+	}
+	/** Get tag name string */
+	function jsxTagName(node) {
+		const tag = ts.isJsxElement(node) ? node.openingElement.tagName : node.tagName;
+		return ts.isIdentifier(tag) ? tag.text : "";
+	}
+	/** Get attribute list */
+	function jsxAttrs(node) {
+		return ts.isJsxElement(node) ? node.openingElement.attributes.properties : node.attributes.properties;
+	}
+}
+const VOID_ELEMENTS = new Set([
+	"area",
+	"base",
+	"br",
+	"col",
+	"embed",
+	"hr",
+	"img",
+	"input",
+	"link",
+	"meta",
+	"param",
+	"source",
+	"track",
+	"wbr"
+]);
+const JSX_TO_HTML_ATTR = {
+	className: "class",
+	htmlFor: "for"
+};
+function isLowerCase(s) {
+	return s.length > 0 && s[0] === s[0]?.toLowerCase();
+}
+/** Check if an expression subtree contains JSX nodes */
+function containsJSXInExpr(node) {
+	if (ts.isJsxElement(node) || ts.isJsxSelfClosingElement(node) || ts.isJsxFragment(node)) return true;
+	return ts.forEachChild(node, containsJSXInExpr) ?? false;
+}
+function escapeHtmlAttr(s) {
+	return s.replace(/&/g, "&amp;").replace(/"/g, "&quot;");
+}
+function escapeHtmlText(s) {
+	return s.replace(/&/g, "&amp;").replace(/</g, "&lt;");
+}
+function isStaticJSXNode(node) {
+	if (ts.isJsxSelfClosingElement(node)) return isStaticAttrs(node.attributes);
+	if (ts.isJsxFragment(node)) return node.children.every(isStaticChild);
+	return isStaticAttrs(node.openingElement.attributes) && node.children.every(isStaticChild);
+}
+function isStaticAttrs(attrs) {
+	return attrs.properties.every((prop) => {
+		if (!ts.isJsxAttribute(prop)) return false;
+		if (!prop.initializer) return true;
+		if (ts.isStringLiteral(prop.initializer)) return true;
+		const expr = prop.initializer.expression;
+		return expr ? isStatic(expr) : true;
+	});
+}
+function isStaticChild(child) {
+	if (ts.isJsxText(child)) return true;
+	if (ts.isJsxSelfClosingElement(child)) return isStaticJSXNode(child);
+	if (ts.isJsxElement(child)) return isStaticJSXNode(child);
+	if (ts.isJsxFragment(child)) return isStaticJSXNode(child);
+	const expr = child.expression;
+	return expr ? isStatic(expr) : true;
+}
+function isStatic(node) {
+	return ts.isStringLiteral(node) || ts.isNumericLiteral(node) || ts.isNoSubstitutionTemplateLiteral(node) || node.kind === ts.SyntaxKind.TrueKeyword || node.kind === ts.SyntaxKind.FalseKeyword || node.kind === ts.SyntaxKind.NullKeyword || node.kind === ts.SyntaxKind.UndefinedKeyword;
+}
+function shouldWrap(node) {
+	if (ts.isArrowFunction(node) || ts.isFunctionExpression(node)) return false;
+	if (isStatic(node)) return false;
+	return containsCall(node);
+}
+function containsCall(node) {
+	if (ts.isCallExpression(node)) return true;
+	if (ts.isTaggedTemplateExpression(node)) return true;
+	if (ts.isArrowFunction(node) || ts.isFunctionExpression(node)) return false;
+	return ts.forEachChild(node, containsCall) ?? false;
+}
+
+//#endregion
+export { transformJSX };
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/jsx.ts"],"sourcesContent":["/**\n * JSX transform — wraps dynamic JSX expressions in `() =>` so the Pyreon runtime\n * receives reactive getters instead of eagerly-evaluated snapshot values.\n *\n * Rules:\n *  - `<div>{expr}</div>`          → `<div>{() => expr}</div>`   (child)\n *  - `<div class={expr}>`         → `<div class={() => expr}>`  (prop)\n *  - `<button onClick={fn}>`      → unchanged                   (event handler)\n *  - `<div>{() => expr}</div>`    → unchanged                   (already wrapped)\n *  - `<div>{\"literal\"}</div>`     → unchanged                   (static)\n *\n * Static VNode hoisting:\n *  - Fully static JSX in expression containers is hoisted to module scope:\n *    `{<span>Hello</span>}` → `const _$h0 = <span>Hello</span>` + `{_$h0}`\n *  - Hoisted nodes are created ONCE at module initialisation, not per-instance.\n *  - A JSX node is static if: all props are string literals / booleans / static\n *    values, and all children are text nodes or other static JSX nodes.\n *\n * Template emission:\n *  - JSX element trees with ≥ 2 DOM elements (no components, no spread attrs)\n *    are compiled to `_tpl(html, bindFn)` calls instead of nested `h()` calls.\n *  - The HTML string is parsed once via <template>.innerHTML, then cloneNode(true)\n *    for each instance (~5-10x faster than sequential createElement calls).\n *  - Static attributes are baked into the HTML string; dynamic attributes and\n *    text content use renderEffect in the bind function.\n *\n * Implementation: TypeScript parser for positions + magic-string replacements.\n * No extra runtime dependencies — `typescript` is already in devDependencies.\n *\n * Known limitation (v0): expressions inside *nested* JSX within a child\n * expression container are not individually wrapped. They are still reactive\n * because the outer wrapper re-evaluates the whole subtree, just at a coarser\n * granularity. Fine-grained nested wrapping is planned for a future pass.\n */\n\nimport ts from \"typescript\"\n\nexport interface CompilerWarning {\n  /** Warning message */\n  message: string\n  /** Source file line number (1-based) */\n  line: number\n  /** Source file column number (0-based) */\n  column: number\n  /** Warning code for filtering */\n  code: \"signal-call-in-jsx\" | \"missing-key-on-for\" | \"signal-in-static-prop\"\n}\n\nexport interface TransformResult {\n  /** Transformed source code (JSX preserved, only expression containers modified) */\n  code: string\n  /** Whether the output uses _tpl/_re template helpers (needs auto-import) */\n  usesTemplates?: boolean\n  /** Compiler warnings for common mistakes */\n  warnings: CompilerWarning[]\n}\n\n// Props that should never be wrapped in a reactive getter\nconst SKIP_PROPS = new Set([\"key\", \"ref\"])\n// Event handler pattern: onClick, onInput, onMouseEnter, …\nconst EVENT_RE = /^on[A-Z]/\n\nexport function transformJSX(code: string, filename = \"input.tsx\"): TransformResult {\n  const scriptKind =\n    filename.endsWith(\".tsx\") || filename.endsWith(\".jsx\") ? ts.ScriptKind.TSX : ts.ScriptKind.TSX // default to TSX so JSX is always parsed\n\n  const sf = ts.createSourceFile(\n    filename,\n    code,\n    ts.ScriptTarget.ESNext,\n    /* setParentNodes */ true,\n    scriptKind,\n  )\n\n  type Replacement = { start: number; end: number; text: string }\n  const replacements: Replacement[] = []\n  const warnings: CompilerWarning[] = []\n\n  function warn(node: ts.Node, message: string, warnCode: CompilerWarning[\"code\"]): void {\n    const { line, character } = sf.getLineAndCharacterOfPosition(node.getStart(sf))\n    warnings.push({ message, line: line + 1, column: character, code: warnCode })\n  }\n\n  // ── Static hoisting state ─────────────────────────────────────────────────\n  type Hoist = { name: string; text: string }\n  const hoists: Hoist[] = []\n  let hoistIdx = 0\n  let needsTplImport = false\n\n  /**\n   * If `node` is a fully-static JSX element/fragment, register a module-scope\n   * hoist for it and return the generated variable name. Otherwise return null.\n   */\n  function maybeHoist(node: ts.Node): string | null {\n    if (\n      (ts.isJsxElement(node) || ts.isJsxSelfClosingElement(node) || ts.isJsxFragment(node)) &&\n      isStaticJSXNode(node as ts.JsxElement | ts.JsxSelfClosingElement | ts.JsxFragment)\n    ) {\n      const name = `_$h${hoistIdx++}`\n      const text = code.slice(node.getStart(sf), node.getEnd())\n      hoists.push({ name, text })\n      return name\n    }\n    return null\n  }\n\n  function wrap(expr: ts.Expression): void {\n    const start = expr.getStart(sf)\n    const end = expr.getEnd()\n    replacements.push({ start, end, text: `() => ${code.slice(start, end)}` })\n  }\n\n  /** Try to hoist or wrap an expression, pushing a replacement if needed. */\n  function hoistOrWrap(expr: ts.Expression): void {\n    const hoistName = maybeHoist(expr)\n    if (hoistName) {\n      replacements.push({ start: expr.getStart(sf), end: expr.getEnd(), text: hoistName })\n    } else if (shouldWrap(expr)) {\n      wrap(expr)\n    }\n  }\n\n  // ── walk sub-handlers ───────────────────────────────────────────────────────\n\n  /** Try to emit a template for a JsxElement. Returns true if handled. */\n  function tryTemplateEmit(node: ts.JsxElement): boolean {\n    const elemCount = templateElementCount(node)\n    if (elemCount < 1) return false\n    const tplCall = buildTemplateCall(node)\n    if (!tplCall) return false\n    const start = node.getStart(sf)\n    const end = node.getEnd()\n    const parent = node.parent\n    const needsBraces = parent && (ts.isJsxElement(parent) || ts.isJsxFragment(parent))\n    replacements.push({ start, end, text: needsBraces ? `{${tplCall}}` : tplCall })\n    needsTplImport = true\n    return true\n  }\n\n  /** Emit warnings for common JSX mistakes (e.g. <For> without by). */\n  function checkForWarnings(node: ts.JsxElement | ts.JsxSelfClosingElement): void {\n    const opening = ts.isJsxElement(node) ? node.openingElement : node\n    const tagName = ts.isIdentifier(opening.tagName) ? opening.tagName.text : \"\"\n    if (tagName !== \"For\") return\n    const hasBy = opening.attributes.properties.some(\n      (p) => ts.isJsxAttribute(p) && ts.isIdentifier(p.name) && p.name.text === \"by\",\n    )\n    if (!hasBy) {\n      warn(\n        opening.tagName,\n        `<For> without a \"by\" prop will use index-based diffing, which is slower and may cause bugs with stateful children. Add by={(item) => item.id} for efficient keyed reconciliation.`,\n        \"missing-key-on-for\",\n      )\n    }\n  }\n\n  /** Handle a JSX attribute node — wrap or hoist its value if needed. */\n  function handleJsxAttribute(node: ts.JsxAttribute): void {\n    const name = ts.isIdentifier(node.name) ? node.name.text : \"\"\n    const openingEl = node.parent.parent as ts.JsxOpeningElement | ts.JsxSelfClosingElement\n    const tagName = ts.isIdentifier(openingEl.tagName) ? openingEl.tagName.text : \"\"\n    const isComponentElement =\n      tagName.length > 0 && tagName.charAt(0) !== tagName.charAt(0).toLowerCase()\n    if (isComponentElement) return\n    if (SKIP_PROPS.has(name) || EVENT_RE.test(name)) return\n    if (!node.initializer || !ts.isJsxExpression(node.initializer)) return\n    const expr = node.initializer.expression\n    if (expr) hoistOrWrap(expr)\n  }\n\n  /** Handle a JSX expression in child position — wrap or hoist. */\n  function handleJsxExpression(node: ts.JsxExpression): void {\n    const expr = node.expression\n    if (expr) hoistOrWrap(expr)\n  }\n\n  function walk(node: ts.Node): void {\n    if (ts.isJsxElement(node) && tryTemplateEmit(node)) return\n    if (ts.isJsxSelfClosingElement(node) || ts.isJsxElement(node)) checkForWarnings(node)\n    if (ts.isJsxAttribute(node)) {\n      handleJsxAttribute(node)\n      return\n    }\n    if (ts.isJsxExpression(node)) {\n      handleJsxExpression(node)\n      return\n    }\n    ts.forEachChild(node, walk)\n  }\n\n  walk(sf)\n\n  if (replacements.length === 0 && hoists.length === 0) return { code, warnings }\n\n  // Apply replacements from right to left so earlier positions stay valid\n  replacements.sort((a, b) => b.start - a.start)\n\n  let result = code\n  for (const r of replacements) {\n    result = result.slice(0, r.start) + r.text + result.slice(r.end)\n  }\n\n  // Prepend module-scope hoisted static VNode declarations\n  if (hoists.length > 0) {\n    const preamble = hoists.map((h) => `const ${h.name} = /*@__PURE__*/ ${h.text}\\n`).join(\"\")\n    result = preamble + result\n  }\n\n  // Prepend template imports if _tpl() was emitted\n  if (needsTplImport) {\n    result =\n      `import { _tpl } from \"@pyreon/runtime-dom\";\\nimport { _bind } from \"@pyreon/reactivity\";\\n` +\n      result\n  }\n\n  return { code: result, usesTemplates: needsTplImport, warnings }\n\n  // ── Template emission helpers (closures over sf, code) ──────────────────────\n\n  /** Check if a single attribute would prevent template emission. */\n  function hasBailAttr(node: ts.JsxElement | ts.JsxSelfClosingElement): boolean {\n    for (const attr of jsxAttrs(node)) {\n      if (ts.isJsxSpreadAttribute(attr)) return true\n      if (ts.isJsxAttribute(attr) && ts.isIdentifier(attr.name) && attr.name.text === \"key\")\n        return true\n    }\n    return false\n  }\n\n  /**\n   * Count template-eligible elements for a single JSX child.\n   * Returns 0 for skippable children, -1 for bail, positive for element count.\n   */\n  function countChildForTemplate(child: ts.JsxChild): number {\n    if (ts.isJsxText(child)) return 0\n    if (ts.isJsxElement(child) || ts.isJsxSelfClosingElement(child))\n      return templateElementCount(child)\n    if (ts.isJsxExpression(child)) {\n      if (!child.expression) return 0\n      return containsJSXInExpr(child.expression) ? -1 : 0\n    }\n    if (ts.isJsxFragment(child)) return templateFragmentCount(child)\n    return -1\n  }\n\n  /**\n   * Count DOM elements in a JSX subtree. Returns -1 if the tree is not\n   * eligible for template emission.\n   */\n  function templateElementCount(node: ts.JsxElement | ts.JsxSelfClosingElement): number {\n    const tag = jsxTagName(node)\n    if (!tag || !isLowerCase(tag)) return -1\n    if (hasBailAttr(node)) return -1\n    if (!ts.isJsxElement(node)) return 1\n\n    let count = 1\n    for (const child of node.children) {\n      const c = countChildForTemplate(child)\n      if (c === -1) return -1\n      count += c\n    }\n    return count\n  }\n\n  /** Count template-eligible elements inside a fragment. */\n  function templateFragmentCount(frag: ts.JsxFragment): number {\n    let count = 0\n    for (const child of frag.children) {\n      const c = countChildForTemplate(child)\n      if (c === -1) return -1\n      count += c\n    }\n    return count\n  }\n\n  /**\n   * Build the complete `_tpl(\"html\", (__root) => { ... })` call string\n   * for a template-eligible JSX element tree. Returns null if codegen fails.\n   */\n  function buildTemplateCall(node: ts.JsxElement | ts.JsxSelfClosingElement): string | null {\n    const bindLines: string[] = []\n    const disposerNames: string[] = []\n    let varIdx = 0\n    let dispIdx = 0\n\n    function nextVar(): string {\n      return `__e${varIdx++}`\n    }\n    function nextDisp(): string {\n      const name = `__d${dispIdx++}`\n      disposerNames.push(name)\n      return name\n    }\n    function nextTextVar(): string {\n      return `__t${varIdx++}`\n    }\n\n    /** Resolve the variable name for an element given its accessor path. */\n    function resolveElementVar(accessor: string, hasDynamic: boolean): string {\n      if (accessor === \"__root\") return \"__root\"\n      if (hasDynamic) {\n        const v = nextVar()\n        bindLines.push(`const ${v} = ${accessor}`)\n        return v\n      }\n      return accessor\n    }\n\n    /** Emit bind line for a ref attribute. */\n    function emitRef(attr: ts.JsxAttribute, varName: string): void {\n      if (!attr.initializer || !ts.isJsxExpression(attr.initializer)) return\n      if (!attr.initializer.expression) return\n      bindLines.push(`${sliceExpr(attr.initializer.expression)}.current = ${varName}`)\n    }\n\n    /** Emit addEventListener bind line for an event handler attribute. */\n    function emitEventListener(attr: ts.JsxAttribute, attrName: string, varName: string): void {\n      const eventName = (attrName[2] ?? \"\").toLowerCase() + attrName.slice(3)\n      if (!attr.initializer || !ts.isJsxExpression(attr.initializer)) return\n      if (!attr.initializer.expression) return\n      bindLines.push(\n        `${varName}.addEventListener(\"${eventName}\", ${sliceExpr(attr.initializer.expression)})`,\n      )\n    }\n\n    /** Return HTML string for a static attribute expression, or null if not static. */\n    function staticAttrToHtml(exprNode: ts.Expression, htmlAttrName: string): string | null {\n      if (!isStatic(exprNode)) return null\n      if (ts.isStringLiteral(exprNode)) return ` ${htmlAttrName}=\"${escapeHtmlAttr(exprNode.text)}\"`\n      if (ts.isNumericLiteral(exprNode)) return ` ${htmlAttrName}=\"${exprNode.text}\"`\n      if (exprNode.kind === ts.SyntaxKind.TrueKeyword) return ` ${htmlAttrName}`\n      return \"\" // false/null/undefined → omit\n    }\n\n    /** Unwrap a reactive accessor expression for use inside _bind(). */\n    function unwrapAccessor(exprNode: ts.Expression): { expr: string; isReactive: boolean } {\n      // Concise arrow: () => value() → unwrap to \"value()\"\n      if (ts.isArrowFunction(exprNode) && !ts.isBlock(exprNode.body)) {\n        return { expr: sliceExpr(exprNode.body as ts.Expression), isReactive: true }\n      }\n      // Block-body arrow/function: invoke it\n      if (ts.isArrowFunction(exprNode) || ts.isFunctionExpression(exprNode)) {\n        return { expr: `(${sliceExpr(exprNode)})()`, isReactive: true }\n      }\n      return { expr: sliceExpr(exprNode), isReactive: containsCall(exprNode) }\n    }\n\n    /** Emit bind line for a dynamic (non-static) attribute. */\n    function emitDynamicAttr(\n      _expr: string,\n      exprNode: ts.Expression,\n      htmlAttrName: string,\n      varName: string,\n    ): void {\n      const { expr, isReactive } = unwrapAccessor(exprNode)\n      const setter =\n        htmlAttrName === \"class\"\n          ? `${varName}.className = ${expr}`\n          : `${varName}.setAttribute(\"${htmlAttrName}\", ${expr})`\n\n      if (isReactive) {\n        const d = nextDisp()\n        bindLines.push(`const ${d} = _bind(() => { ${setter} })`)\n      } else {\n        bindLines.push(setter)\n      }\n    }\n\n    /** Emit bind line or HTML for an expression attribute value. */\n    function emitAttrExpression(\n      exprNode: ts.Expression,\n      htmlAttrName: string,\n      varName: string,\n    ): string {\n      const staticHtml = staticAttrToHtml(exprNode, htmlAttrName)\n      if (staticHtml !== null) return staticHtml\n      emitDynamicAttr(sliceExpr(exprNode), exprNode, htmlAttrName, varName)\n      return \"\"\n    }\n\n    /** Emit side-effects for special attrs (ref, event). Returns true if handled. */\n    function tryEmitSpecialAttr(attr: ts.JsxAttribute, attrName: string, varName: string): boolean {\n      if (attrName === \"ref\") {\n        emitRef(attr, varName)\n        return true\n      }\n      if (EVENT_RE.test(attrName)) {\n        emitEventListener(attr, attrName, varName)\n        return true\n      }\n      return false\n    }\n\n    /** Convert an attribute initializer to HTML. Returns empty string for side-effect-only attrs. */\n    function attrInitializerToHtml(\n      attr: ts.JsxAttribute,\n      htmlAttrName: string,\n      varName: string,\n    ): string {\n      if (!attr.initializer) return ` ${htmlAttrName}`\n      if (ts.isStringLiteral(attr.initializer))\n        return ` ${htmlAttrName}=\"${escapeHtmlAttr(attr.initializer.text)}\"`\n      if (ts.isJsxExpression(attr.initializer) && attr.initializer.expression)\n        return emitAttrExpression(attr.initializer.expression, htmlAttrName, varName)\n      return \"\"\n    }\n\n    /** Process a single attribute, returning HTML to append. */\n    function processOneAttr(attr: ts.JsxAttributeLike, varName: string): string {\n      if (!ts.isJsxAttribute(attr)) return \"\"\n      const attrName = ts.isIdentifier(attr.name) ? attr.name.text : \"\"\n      if (attrName === \"key\") return \"\"\n      if (tryEmitSpecialAttr(attr, attrName, varName)) return \"\"\n      return attrInitializerToHtml(attr, JSX_TO_HTML_ATTR[attrName] ?? attrName, varName)\n    }\n\n    /** Process all attributes on an element, returning the HTML attribute string. */\n    function processAttrs(el: ts.JsxElement | ts.JsxSelfClosingElement, varName: string): string {\n      let htmlAttrs = \"\"\n      for (const attr of jsxAttrs(el)) htmlAttrs += processOneAttr(attr, varName)\n      return htmlAttrs\n    }\n\n    /** Emit bind lines for a reactive text expression child. */\n    function emitReactiveTextChild(\n      expr: string,\n      varName: string,\n      parentRef: string,\n      childNodeIdx: number,\n      needsPlaceholder: boolean,\n    ): string {\n      const tVar = nextTextVar()\n      const d = nextDisp()\n      bindLines.push(`const ${tVar} = document.createTextNode(\"\")`)\n      if (needsPlaceholder) {\n        bindLines.push(\n          `${parentRef}.replaceChild(${tVar}, ${parentRef}.childNodes[${childNodeIdx}])`,\n        )\n      } else {\n        bindLines.push(`${varName}.appendChild(${tVar})`)\n      }\n      bindLines.push(`const ${d} = _bind(() => { ${tVar}.data = ${expr} })`)\n      return needsPlaceholder ? \"<!>\" : \"\"\n    }\n\n    /** Emit bind lines for a static text expression child. */\n    function emitStaticTextChild(\n      expr: string,\n      varName: string,\n      parentRef: string,\n      childNodeIdx: number,\n      needsPlaceholder: boolean,\n    ): string {\n      if (needsPlaceholder) {\n        const tVar = nextTextVar()\n        bindLines.push(`const ${tVar} = document.createTextNode(${expr})`)\n        bindLines.push(\n          `${parentRef}.replaceChild(${tVar}, ${parentRef}.childNodes[${childNodeIdx}])`,\n        )\n        return \"<!>\"\n      }\n      bindLines.push(`${varName}.textContent = ${expr}`)\n      return \"\"\n    }\n\n    /** Process a single flat child, returning the HTML contribution or null on failure. */\n    function processOneChild(\n      child: FlatChild,\n      varName: string,\n      parentRef: string,\n      useMixed: boolean,\n      useMultiExpr: boolean,\n      childNodeIdx: number,\n    ): string | null {\n      if (child.kind === \"text\") return escapeHtmlText(child.text)\n      if (child.kind === \"element\") {\n        const childAccessor = useMixed\n          ? `${parentRef}.childNodes[${childNodeIdx}]`\n          : `${parentRef}.children[${child.elemIdx}]`\n        return processElement(child.node, childAccessor)\n      }\n      // expression\n      const needsPlaceholder = useMixed || useMultiExpr\n      const { expr, isReactive } = unwrapAccessor(child.expression)\n      if (isReactive) {\n        return emitReactiveTextChild(expr, varName, parentRef, childNodeIdx, needsPlaceholder)\n      }\n      return emitStaticTextChild(expr, varName, parentRef, childNodeIdx, needsPlaceholder)\n    }\n\n    /** Process children of a JsxElement, returning the children HTML. */\n    function processChildren(el: ts.JsxElement, varName: string, accessor: string): string | null {\n      const flatChildren = flattenChildren(el.children)\n      const { useMixed, useMultiExpr } = analyzeChildren(flatChildren)\n      const parentRef = accessor === \"__root\" ? \"__root\" : varName\n\n      let html = \"\"\n      let childNodeIdx = 0\n\n      for (const child of flatChildren) {\n        const childHtml = processOneChild(\n          child,\n          varName,\n          parentRef,\n          useMixed,\n          useMultiExpr,\n          childNodeIdx,\n        )\n        if (childHtml === null) return null\n        html += childHtml\n        childNodeIdx++\n      }\n\n      return html\n    }\n\n    /** Process a single DOM element for template emission. Returns the HTML string or null. */\n    function processElement(\n      el: ts.JsxElement | ts.JsxSelfClosingElement,\n      accessor: string,\n    ): string | null {\n      const tag = jsxTagName(el)\n      if (!tag) return null\n\n      const varName = resolveElementVar(accessor, elementHasDynamic(el))\n      const htmlAttrs = processAttrs(el, varName)\n      let html = `<${tag}${htmlAttrs}>`\n\n      if (ts.isJsxElement(el)) {\n        const childHtml = processChildren(el, varName, accessor)\n        if (childHtml === null) return null\n        html += childHtml\n      }\n\n      if (!VOID_ELEMENTS.has(tag)) html += `</${tag}>`\n      return html\n    }\n\n    const html = processElement(node, \"__root\")\n    if (html === null) return null\n\n    // Build bind function body\n    const escaped = html.replace(/\\\\/g, \"\\\\\\\\\").replace(/\"/g, '\\\\\"')\n\n    if (bindLines.length === 0 && disposerNames.length === 0) {\n      return `_tpl(\"${escaped}\", () => null)`\n    }\n\n    let body = bindLines.map((l) => `  ${l}`).join(\"\\n\")\n    if (disposerNames.length > 0) {\n      body += `\\n  return () => { ${disposerNames.map((d) => `${d}()`).join(\"; \")} }`\n    } else {\n      body += \"\\n  return null\"\n    }\n\n    return `_tpl(\"${escaped}\", (__root) => {\\n${body}\\n})`\n  }\n\n  /** Flat child descriptor for template children processing */\n  type FlatChild =\n    | { kind: \"text\"; text: string }\n    | { kind: \"element\"; node: ts.JsxElement | ts.JsxSelfClosingElement; elemIdx: number }\n    | { kind: \"expression\"; expression: ts.Expression }\n\n  /** Classify a single JSX child into a FlatChild descriptor. */\n  function classifyJsxChild(\n    child: ts.JsxChild,\n    out: FlatChild[],\n    elemIdxRef: { value: number },\n    recurse: (kids: ts.NodeArray<ts.JsxChild>) => void,\n  ): void {\n    if (ts.isJsxText(child)) {\n      const trimmed = child.text.replace(/\\n\\s*/g, \"\").trim()\n      if (trimmed) out.push({ kind: \"text\", text: trimmed })\n      return\n    }\n    if (ts.isJsxElement(child) || ts.isJsxSelfClosingElement(child)) {\n      out.push({ kind: \"element\", node: child, elemIdx: elemIdxRef.value++ })\n      return\n    }\n    if (ts.isJsxExpression(child)) {\n      if (child.expression) out.push({ kind: \"expression\", expression: child.expression })\n      return\n    }\n    if (ts.isJsxFragment(child)) recurse(child.children)\n  }\n\n  /**\n   * Flatten JSX children, inlining fragment children and stripping whitespace-only text.\n   * Returns a flat array of child descriptors with element indices pre-computed.\n   */\n  function flattenChildren(children: ts.NodeArray<ts.JsxChild>): FlatChild[] {\n    const flatList: FlatChild[] = []\n    const elemIdxRef = { value: 0 }\n\n    function addChildren(kids: ts.NodeArray<ts.JsxChild>): void {\n      for (const child of kids) classifyJsxChild(child, flatList, elemIdxRef, addChildren)\n    }\n\n    addChildren(children)\n    return flatList\n  }\n\n  /** Analyze flat children to determine indexing strategy. */\n  function analyzeChildren(flatChildren: FlatChild[]): {\n    useMixed: boolean\n    useMultiExpr: boolean\n  } {\n    const hasElem = flatChildren.some((c) => c.kind === \"element\")\n    const hasNonElem = flatChildren.some((c) => c.kind !== \"element\")\n    const exprCount = flatChildren.filter((c) => c.kind === \"expression\").length\n    return { useMixed: hasElem && hasNonElem, useMultiExpr: exprCount > 1 }\n  }\n\n  /** Check if a single attribute is dynamic (has ref, event, or non-static expression). */\n  function attrIsDynamic(attr: ts.JsxAttributeLike): boolean {\n    if (!ts.isJsxAttribute(attr)) return false\n    const name = ts.isIdentifier(attr.name) ? attr.name.text : \"\"\n    if (name === \"ref\") return true\n    if (EVENT_RE.test(name)) return true\n    if (!attr.initializer || !ts.isJsxExpression(attr.initializer)) return false\n    const expr = attr.initializer.expression\n    return expr ? !isStatic(expr) : false\n  }\n\n  /** Check if an element has any dynamic attributes, events, ref, or expression children */\n  function elementHasDynamic(node: ts.JsxElement | ts.JsxSelfClosingElement): boolean {\n    if (jsxAttrs(node).some(attrIsDynamic)) return true\n    if (ts.isJsxElement(node)) {\n      return node.children.some((c) => ts.isJsxExpression(c) && c.expression !== undefined)\n    }\n    return false\n  }\n\n  /** Slice expression source from the original code */\n  function sliceExpr(expr: ts.Expression): string {\n    return code.slice(expr.getStart(sf), expr.getEnd())\n  }\n\n  /** Get tag name string */\n  function jsxTagName(node: ts.JsxElement | ts.JsxSelfClosingElement): string {\n    const tag = ts.isJsxElement(node) ? node.openingElement.tagName : node.tagName\n    return ts.isIdentifier(tag) ? tag.text : \"\"\n  }\n\n  /** Get attribute list */\n  function jsxAttrs(\n    node: ts.JsxElement | ts.JsxSelfClosingElement,\n  ): ts.NodeArray<ts.JsxAttributeLike> {\n    return ts.isJsxElement(node)\n      ? node.openingElement.attributes.properties\n      : node.attributes.properties\n  }\n}\n\n// ─── Template constants ──────────────────────────────────────────────────────\n\nconst VOID_ELEMENTS = new Set([\n  \"area\",\n  \"base\",\n  \"br\",\n  \"col\",\n  \"embed\",\n  \"hr\",\n  \"img\",\n  \"input\",\n  \"link\",\n  \"meta\",\n  \"param\",\n  \"source\",\n  \"track\",\n  \"wbr\",\n])\n\nconst JSX_TO_HTML_ATTR: Record<string, string> = {\n  className: \"class\",\n  htmlFor: \"for\",\n}\n\nfunction isLowerCase(s: string): boolean {\n  return s.length > 0 && s[0] === s[0]?.toLowerCase()\n}\n\n/** Check if an expression subtree contains JSX nodes */\nfunction containsJSXInExpr(node: ts.Node): boolean {\n  if (ts.isJsxElement(node) || ts.isJsxSelfClosingElement(node) || ts.isJsxFragment(node))\n    return true\n  return ts.forEachChild(node, containsJSXInExpr) ?? false\n}\n\nfunction escapeHtmlAttr(s: string): string {\n  return s.replace(/&/g, \"&amp;\").replace(/\"/g, \"&quot;\")\n}\n\nfunction escapeHtmlText(s: string): string {\n  return s.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\")\n}\n\n// ─── Static JSX analysis ──────────────────────────────────────────────────────\n\ntype StaticJSXNode = ts.JsxElement | ts.JsxSelfClosingElement | ts.JsxFragment\n\nfunction isStaticJSXNode(node: StaticJSXNode): boolean {\n  if (ts.isJsxSelfClosingElement(node)) {\n    return isStaticAttrs(node.attributes)\n  }\n  if (ts.isJsxFragment(node)) {\n    return node.children.every(isStaticChild)\n  }\n  // JsxElement\n  return isStaticAttrs(node.openingElement.attributes) && node.children.every(isStaticChild)\n}\n\nfunction isStaticAttrs(attrs: ts.JsxAttributes): boolean {\n  return attrs.properties.every((prop) => {\n    // Spread attribute — always dynamic\n    if (!ts.isJsxAttribute(prop)) return false\n    // Boolean shorthand: <input disabled />\n    if (!prop.initializer) return true\n    // String literal: class=\"foo\"\n    if (ts.isStringLiteral(prop.initializer)) return true\n    // Must be JsxExpression — the only remaining JsxAttributeValue type\n    const expr = (prop.initializer as ts.JsxExpression).expression\n    return expr ? isStatic(expr) : true\n  })\n}\n\nfunction isStaticChild(child: ts.JsxChild): boolean {\n  // Plain text content\n  if (ts.isJsxText(child)) return true\n  // Nested JSX elements\n  if (ts.isJsxSelfClosingElement(child)) return isStaticJSXNode(child)\n  if (ts.isJsxElement(child)) return isStaticJSXNode(child)\n  if (ts.isJsxFragment(child)) return isStaticJSXNode(child)\n  // Must be JsxExpression — the only remaining JsxChild type\n  const expr = (child as ts.JsxExpression).expression\n  return expr ? isStatic(expr) : true\n}\n\n// ─── General helpers ──────────────────────────────────────────────────────────\n\nfunction isStatic(node: ts.Expression): boolean {\n  return (\n    ts.isStringLiteral(node) ||\n    ts.isNumericLiteral(node) ||\n    ts.isNoSubstitutionTemplateLiteral(node) ||\n    node.kind === ts.SyntaxKind.TrueKeyword ||\n    node.kind === ts.SyntaxKind.FalseKeyword ||\n    node.kind === ts.SyntaxKind.NullKeyword ||\n    node.kind === ts.SyntaxKind.UndefinedKeyword\n  )\n}\n\nfunction shouldWrap(node: ts.Expression): boolean {\n  // Already a function — user explicitly wrapped or it's a callback\n  if (ts.isArrowFunction(node) || ts.isFunctionExpression(node)) return false\n  // Static literal — no signals involved\n  if (isStatic(node)) return false\n  // Only wrap if the expression tree contains a call — signal reads are always\n  // function calls (e.g. `count()`, `name()`). Plain identifiers, object literals\n  // like `style={{ color: \"red\" }}`, array literals, and member accesses are\n  // left as-is to avoid unnecessary reactive wrappers.\n  return containsCall(node)\n}\n\nfunction containsCall(node: ts.Node): boolean {\n  if (ts.isCallExpression(node)) return true\n  if (ts.isTaggedTemplateExpression(node)) return true\n  // Don't recurse into nested functions — they're self-contained\n  if (ts.isArrowFunction(node) || ts.isFunctionExpression(node)) return false\n  return ts.forEachChild(node, containsCall) ?? false\n}\n"],"mappings":"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"}