@pyreon/compiler 0.19.0 → 0.21.0

package/lib/analysis/index.js.html

@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src","children":[{"uid":"949f24ff-1","name":"defer-inline.ts"},{"uid":"949f24ff-3","name":"event-names.ts"},{"uid":"949f24ff-5","name":"load-native.ts"},{"uid":"949f24ff-7","name":"jsx.ts"},{"uid":"949f24ff-9","name":"pyreon-intercept.ts"},{"uid":"949f24ff-11","name":"reactivity-lens.ts"},{"uid":"949f24ff-13","name":"project-scanner.ts"},{"uid":"949f24ff-15","name":"react-intercept.ts"},{"uid":"949f24ff-17","name":"test-audit.ts"},{"uid":"949f24ff-19","name":"island-audit.ts"},{"uid":"949f24ff-21","name":"ssg-audit.ts"},{"uid":"949f24ff-23","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"949f24ff-1":{"renderedLength":15789,"gzipLength":5000,"brotliLength":0,"metaUid":"949f24ff-0"},"949f24ff-3":{"renderedLength":2941,"gzipLength":1335,"brotliLength":0,"metaUid":"949f24ff-2"},"949f24ff-5":{"renderedLength":3959,"gzipLength":1744,"brotliLength":0,"metaUid":"949f24ff-4"},"949f24ff-7":{"renderedLength":46803,"gzipLength":11368,"brotliLength":0,"metaUid":"949f24ff-6"},"949f24ff-9":{"renderedLength":29316,"gzipLength":9273,"brotliLength":0,"metaUid":"949f24ff-8"},"949f24ff-11":{"renderedLength":4373,"gzipLength":2130,"brotliLength":0,"metaUid":"949f24ff-10"},"949f24ff-13":{"renderedLength":4762,"gzipLength":1730,"brotliLength":0,"metaUid":"949f24ff-12"},"949f24ff-15":{"renderedLength":28896,"gzipLength":7322,"brotliLength":0,"metaUid":"949f24ff-14"},"949f24ff-17":{"renderedLength":13167,"gzipLength":5060,"brotliLength":0,"metaUid":"949f24ff-16"},"949f24ff-19":{"renderedLength":18208,"gzipLength":6051,"brotliLength":0,"metaUid":"949f24ff-18"},"949f24ff-21":{"renderedLength":12753,"gzipLength":4173,"brotliLength":0,"metaUid":"949f24ff-20"},"949f24ff-23":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"949f24ff-22"}},"nodeMetas":{"949f24ff-0":{"id":"/src/defer-inline.ts","moduleParts":{"index.js":"949f24ff-1"},"imported":[{"uid":"949f24ff-24"}],"importedBy":[{"uid":"949f24ff-22"}]},"949f24ff-2":{"id":"/src/event-names.ts","moduleParts":{"index.js":"949f24ff-3"},"imported":[],"importedBy":[{"uid":"949f24ff-6"}]},"949f24ff-4":{"id":"/src/load-native.ts","moduleParts":{"index.js":"949f24ff-5"},"imported":[{"uid":"949f24ff-28"},{"uid":"949f24ff-29"},{"uid":"949f24ff-26"}],"importedBy":[{"uid":"949f24ff-6"}]},"949f24ff-6":{"id":"/src/jsx.ts","moduleParts":{"index.js":"949f24ff-7"},"imported":[{"uid":"949f24ff-24"},{"uid":"949f24ff-2"},{"uid":"949f24ff-4"}],"importedBy":[{"uid":"949f24ff-22"},{"uid":"949f24ff-10"}]},"949f24ff-8":{"id":"/src/pyreon-intercept.ts","moduleParts":{"index.js":"949f24ff-9"},"imported":[{"uid":"949f24ff-27"}],"importedBy":[{"uid":"949f24ff-22"},{"uid":"949f24ff-10"}]},"949f24ff-10":{"id":"/src/reactivity-lens.ts","moduleParts":{"index.js":"949f24ff-11"},"imported":[{"uid":"949f24ff-6"},{"uid":"949f24ff-8"}],"importedBy":[{"uid":"949f24ff-22"}]},"949f24ff-12":{"id":"/src/project-scanner.ts","moduleParts":{"index.js":"949f24ff-13"},"imported":[{"uid":"949f24ff-25"},{"uid":"949f24ff-26"}],"importedBy":[{"uid":"949f24ff-22"}]},"949f24ff-14":{"id":"/src/react-intercept.ts","moduleParts":{"index.js":"949f24ff-15"},"imported":[{"uid":"949f24ff-27"}],"importedBy":[{"uid":"949f24ff-22"}]},"949f24ff-16":{"id":"/src/test-audit.ts","moduleParts":{"index.js":"949f24ff-17"},"imported":[{"uid":"949f24ff-25"},{"uid":"949f24ff-26"}],"importedBy":[{"uid":"949f24ff-22"}]},"949f24ff-18":{"id":"/src/island-audit.ts","moduleParts":{"index.js":"949f24ff-19"},"imported":[{"uid":"949f24ff-25"},{"uid":"949f24ff-26"},{"uid":"949f24ff-27"}],"importedBy":[{"uid":"949f24ff-22"}]},"949f24ff-20":{"id":"/src/ssg-audit.ts","moduleParts":{"index.js":"949f24ff-21"},"imported":[{"uid":"949f24ff-25"},{"uid":"949f24ff-26"},{"uid":"949f24ff-27"}],"importedBy":[{"uid":"949f24ff-22"}]},"949f24ff-22":{"id":"/src/index.ts","moduleParts":{"index.js":"949f24ff-23"},"imported":[{"uid":"949f24ff-0"},{"uid":"949f24ff-6"},{"uid":"949f24ff-10"},{"uid":"949f24ff-12"},{"uid":"949f24ff-14"},{"uid":"949f24ff-8"},{"uid":"949f24ff-16"},{"uid":"949f24ff-18"},{"uid":"949f24ff-20"}],"importedBy":[],"isEntry":true},"949f24ff-24":{"id":"oxc-parser","moduleParts":{},"imported":[],"importedBy":[{"uid":"949f24ff-0"},{"uid":"949f24ff-6"}]},"949f24ff-25":{"id":"node:fs","moduleParts":{},"imported":[],"importedBy":[{"uid":"949f24ff-12"},{"uid":"949f24ff-16"},{"uid":"949f24ff-18"},{"uid":"949f24ff-20"}]},"949f24ff-26":{"id":"node:path","moduleParts":{},"imported":[],"importedBy":[{"uid":"949f24ff-12"},{"uid":"949f24ff-16"},{"uid":"949f24ff-18"},{"uid":"949f24ff-20"},{"uid":"949f24ff-4"}]},"949f24ff-27":{"id":"typescript","moduleParts":{},"imported":[],"importedBy":[{"uid":"949f24ff-14"},{"uid":"949f24ff-8"},{"uid":"949f24ff-18"},{"uid":"949f24ff-20"}]},"949f24ff-28":{"id":"node:module","moduleParts":{},"imported":[],"importedBy":[{"uid":"949f24ff-4"}]},"949f24ff-29":{"id":"node:url","moduleParts":{},"imported":[],"importedBy":[{"uid":"949f24ff-4"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src","children":[{"uid":"5a08f146-1","name":"defer-inline.ts"},{"uid":"5a08f146-3","name":"event-names.ts"},{"uid":"5a08f146-5","name":"load-native.ts"},{"uid":"5a08f146-7","name":"jsx.ts"},{"uid":"5a08f146-9","name":"pyreon-intercept.ts"},{"uid":"5a08f146-11","name":"reactivity-lens.ts"},{"uid":"5a08f146-13","name":"project-scanner.ts"},{"uid":"5a08f146-15","name":"react-intercept.ts"},{"uid":"5a08f146-17","name":"test-audit.ts"},{"uid":"5a08f146-19","name":"island-audit.ts"},{"uid":"5a08f146-21","name":"ssg-audit.ts"},{"uid":"5a08f146-23","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"5a08f146-1":{"renderedLength":15789,"gzipLength":5000,"brotliLength":0,"metaUid":"5a08f146-0"},"5a08f146-3":{"renderedLength":2941,"gzipLength":1335,"brotliLength":0,"metaUid":"5a08f146-2"},"5a08f146-5":{"renderedLength":3959,"gzipLength":1744,"brotliLength":0,"metaUid":"5a08f146-4"},"5a08f146-7":{"renderedLength":63671,"gzipLength":15676,"brotliLength":0,"metaUid":"5a08f146-6"},"5a08f146-9":{"renderedLength":29316,"gzipLength":9273,"brotliLength":0,"metaUid":"5a08f146-8"},"5a08f146-11":{"renderedLength":4373,"gzipLength":2130,"brotliLength":0,"metaUid":"5a08f146-10"},"5a08f146-13":{"renderedLength":4762,"gzipLength":1730,"brotliLength":0,"metaUid":"5a08f146-12"},"5a08f146-15":{"renderedLength":28896,"gzipLength":7322,"brotliLength":0,"metaUid":"5a08f146-14"},"5a08f146-17":{"renderedLength":13167,"gzipLength":5060,"brotliLength":0,"metaUid":"5a08f146-16"},"5a08f146-19":{"renderedLength":18208,"gzipLength":6051,"brotliLength":0,"metaUid":"5a08f146-18"},"5a08f146-21":{"renderedLength":12753,"gzipLength":4173,"brotliLength":0,"metaUid":"5a08f146-20"},"5a08f146-23":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"5a08f146-22"}},"nodeMetas":{"5a08f146-0":{"id":"/src/defer-inline.ts","moduleParts":{"index.js":"5a08f146-1"},"imported":[{"uid":"5a08f146-24"}],"importedBy":[{"uid":"5a08f146-22"}]},"5a08f146-2":{"id":"/src/event-names.ts","moduleParts":{"index.js":"5a08f146-3"},"imported":[],"importedBy":[{"uid":"5a08f146-6"}]},"5a08f146-4":{"id":"/src/load-native.ts","moduleParts":{"index.js":"5a08f146-5"},"imported":[{"uid":"5a08f146-29"},{"uid":"5a08f146-30"},{"uid":"5a08f146-27"}],"importedBy":[{"uid":"5a08f146-6"}]},"5a08f146-6":{"id":"/src/jsx.ts","moduleParts":{"index.js":"5a08f146-7"},"imported":[{"uid":"5a08f146-25"},{"uid":"5a08f146-24"},{"uid":"5a08f146-2"},{"uid":"5a08f146-4"}],"importedBy":[{"uid":"5a08f146-22"},{"uid":"5a08f146-10"}]},"5a08f146-8":{"id":"/src/pyreon-intercept.ts","moduleParts":{"index.js":"5a08f146-9"},"imported":[{"uid":"5a08f146-28"}],"importedBy":[{"uid":"5a08f146-22"},{"uid":"5a08f146-10"}]},"5a08f146-10":{"id":"/src/reactivity-lens.ts","moduleParts":{"index.js":"5a08f146-11"},"imported":[{"uid":"5a08f146-6"},{"uid":"5a08f146-8"}],"importedBy":[{"uid":"5a08f146-22"}]},"5a08f146-12":{"id":"/src/project-scanner.ts","moduleParts":{"index.js":"5a08f146-13"},"imported":[{"uid":"5a08f146-26"},{"uid":"5a08f146-27"}],"importedBy":[{"uid":"5a08f146-22"}]},"5a08f146-14":{"id":"/src/react-intercept.ts","moduleParts":{"index.js":"5a08f146-15"},"imported":[{"uid":"5a08f146-28"}],"importedBy":[{"uid":"5a08f146-22"}]},"5a08f146-16":{"id":"/src/test-audit.ts","moduleParts":{"index.js":"5a08f146-17"},"imported":[{"uid":"5a08f146-26"},{"uid":"5a08f146-27"}],"importedBy":[{"uid":"5a08f146-22"}]},"5a08f146-18":{"id":"/src/island-audit.ts","moduleParts":{"index.js":"5a08f146-19"},"imported":[{"uid":"5a08f146-26"},{"uid":"5a08f146-27"},{"uid":"5a08f146-28"}],"importedBy":[{"uid":"5a08f146-22"}]},"5a08f146-20":{"id":"/src/ssg-audit.ts","moduleParts":{"index.js":"5a08f146-21"},"imported":[{"uid":"5a08f146-26"},{"uid":"5a08f146-27"},{"uid":"5a08f146-28"}],"importedBy":[{"uid":"5a08f146-22"}]},"5a08f146-22":{"id":"/src/index.ts","moduleParts":{"index.js":"5a08f146-23"},"imported":[{"uid":"5a08f146-0"},{"uid":"5a08f146-6"},{"uid":"5a08f146-10"},{"uid":"5a08f146-12"},{"uid":"5a08f146-14"},{"uid":"5a08f146-8"},{"uid":"5a08f146-16"},{"uid":"5a08f146-18"},{"uid":"5a08f146-20"}],"importedBy":[],"isEntry":true},"5a08f146-24":{"id":"oxc-parser","moduleParts":{},"imported":[],"importedBy":[{"uid":"5a08f146-0"},{"uid":"5a08f146-6"}]},"5a08f146-25":{"id":"magic-string","moduleParts":{},"imported":[],"importedBy":[{"uid":"5a08f146-6"}]},"5a08f146-26":{"id":"node:fs","moduleParts":{},"imported":[],"importedBy":[{"uid":"5a08f146-12"},{"uid":"5a08f146-16"},{"uid":"5a08f146-18"},{"uid":"5a08f146-20"}]},"5a08f146-27":{"id":"node:path","moduleParts":{},"imported":[],"importedBy":[{"uid":"5a08f146-12"},{"uid":"5a08f146-16"},{"uid":"5a08f146-18"},{"uid":"5a08f146-20"},{"uid":"5a08f146-4"}]},"5a08f146-28":{"id":"typescript","moduleParts":{},"imported":[],"importedBy":[{"uid":"5a08f146-14"},{"uid":"5a08f146-8"},{"uid":"5a08f146-18"},{"uid":"5a08f146-20"}]},"5a08f146-29":{"id":"node:module","moduleParts":{},"imported":[],"importedBy":[{"uid":"5a08f146-4"}]},"5a08f146-30":{"id":"node:url","moduleParts":{},"imported":[],"importedBy":[{"uid":"5a08f146-4"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/lib/index.js

@@ -1,4 +1,5 @@
 import { parseSync } from "oxc-parser";
+import MagicString from "magic-string";
 import { createRequire } from "node:module";
 import { fileURLToPath } from "node:url";
 import * as path from "node:path";
@@ -657,6 +658,21 @@ const DELEGATED_EVENTS = new Set([
 	"touchmove",
 	"submit"
 ]);
+/**
+* Canonical key for a collapsible rocketstyle call site. The Vite plugin
+* computes this when it resolves a site; the compiler recomputes the
+* IDENTICAL key from the JSX node to look the resolution up. Stable
+* ordering of props so attribute order in source doesn't change the key.
+*/
+function rocketstyleCollapseKey(componentName, props, childrenText) {
+	const src = `${componentName}\u0000${Object.keys(props).sort().map((k) => `${k}=${props[k]}`).join("
")}\u0000${childrenText}`;
+	let h = 2166136261;
+	for (let i = 0; i < src.length; i++) {
+		h ^= src.charCodeAt(i);
+		h = Math.imul(h, 16777619);
+	}
+	return (h >>> 0).toString(36);
+}
 function getLang(filename) {
 	if (filename.endsWith(".jsx")) return "jsx";
 	return "tsx";
@@ -709,7 +725,163 @@ function jsxAttrs(node) {
 function jsxChildren(node) {
 	return node.children ?? [];
 }
+/**
+* Build a `localName → { imported, source }` table from a module's
+* import declarations. Only named imports (`import { X as Y }`) are
+* relevant — the collapsible components are always named exports.
+*/
+function collectImportTable(program) {
+	const table = /* @__PURE__ */ new Map();
+	for (const stmt of program.body ?? []) {
+		if (stmt.type !== "ImportDeclaration") continue;
+		const source = stmt.source?.value;
+		if (typeof source !== "string") continue;
+		for (const spec of stmt.specifiers ?? []) {
+			if (spec.type !== "ImportSpecifier") continue;
+			const local = spec.local?.name;
+			const imported = spec.imported?.name ?? local;
+			if (typeof local === "string") table.set(local, {
+				imported,
+				source
+			});
+		}
+	}
+	return table;
+}
+/**
+* Pure detector — finds every collapsible rocketstyle call site in a
+* module. Used by `@pyreon/vite-plugin` to know which (component, props,
+* text) tuples to SSR-resolve. The bail catalogue here MUST stay
+* byte-identical to `tryRocketstyleCollapse`'s (RFC decision 3): a
+* candidate PascalCase tag whose import source is in `collapsibleSources`,
+* every attr a plain string literal (no spread, no `{expr}`, no boolean
+* attr), children empty or static text only. A consistency test asserts
+* the keys this produces equal the keys the compiler looks up.
+*/
+function scanCollapsibleSites(code, filename, collapsibleSources) {
+	let program;
+	try {
+		program = parseSync(filename, code, {
+			sourceType: "module",
+			lang: getLang(filename)
+		}).program;
+	} catch {
+		return [];
+	}
+	const imports = collectImportTable(program);
+	const out = [];
+	const visit = (node) => {
+		if (!node || typeof node !== "object") return;
+		if (node.type === "JSXElement") {
+			const tag = jsxTagName(node);
+			const imp = tag ? imports.get(tag) : void 0;
+			if (tag && tag.charAt(0) !== tag.charAt(0).toLowerCase() && imp && collapsibleSources.has(imp.source)) {
+				const site = detectCollapsibleShape(node, tag);
+				if (site) out.push({
+					componentName: tag,
+					source: imp.source,
+					importedName: imp.imported,
+					props: site.props,
+					childrenText: site.childrenText,
+					key: rocketstyleCollapseKey(tag, site.props, site.childrenText)
+				});
+			}
+		}
+		for (const k in node) {
+			const v = node[k];
+			if (Array.isArray(v)) for (const c of v) visit(c);
+			else if (v && typeof v === "object" && typeof v.type === "string") visit(v);
+		}
+	};
+	visit(program);
+	return out;
+}
+/**
+* The shared bail catalogue — every attr a string literal (no spread, no
+* `{expr}`, no boolean attr), children empty or static text. Returns the
+* extracted {props, childrenText} or null (bail). `tryRocketstyleCollapse`
+* inlines the identical checks; a consistency test locks them together.
+*/
+function detectCollapsibleShape(node, _tag) {
+	const props = {};
+	for (const attr of jsxAttrs(node)) {
+		if (attr.type !== "JSXAttribute") return null;
+		const nm = attr.name?.type === "JSXIdentifier" ? attr.name.name : null;
+		if (!nm) return null;
+		const v = attr.value;
+		if (!v) return null;
+		if (!(v.type === "StringLiteral" || v.type === "Literal" && typeof v.value === "string")) return null;
+		props[nm] = String(v.value);
+	}
+	let childrenText = "";
+	for (const c of jsxChildren(node)) if (c.type === "JSXText") childrenText += c.value ?? "";
+	else return null;
+	return {
+		props,
+		childrenText: childrenText.trim()
+	};
+}
+/**
+* Partial-collapse detector — PR 1 of the partial-collapse spec
+* (`.claude/plans/open-work-2026-q3.md` → #1). The `on*`-handler-only
+* subset the bail-reason census measured at 7.8% of all
+* `@pyreon/ui-components` call sites (`collapse-bail-census.test.ts`).
+*
+* It is the EXACT `detectCollapsibleShape` bail catalogue with ONE
+* relaxation: a `{expr}`-valued attribute whose name matches `on[A-Z]…`
+* (an event handler) does NOT bail — it is peeled into `handlers[]`
+* instead. Handlers are orthogonal to the SSR-resolved styler class (an
+* event binding never changes rendered CSS), so the literal-prop subset
+* still feeds the UNCHANGED `rocketstyleCollapseKey` and the resolver's
+* pre-resolved `templateHtml` / `lightClass` / `darkClass` are
+* byte-identical to a full-collapse site's. The collapsed runtime node
+* just re-attaches the residual handlers (PR 2 — `_rsCollapseH`).
+*
+* Every OTHER non-literal shape still bails (spread, non-handler
+* `{expr}` prop, boolean attr, element/expression child) — conservative
+* by construction, exactly like the full detector. Returns `null` when
+* there are ZERO handlers so the full-collapse path stays byte-unchanged
+* and the two detectors never both claim the same site (full-collapse
+* sites have no handlers; partial sites have ≥1). A consistency test
+* will lock this catalogue against the plugin scan in PR 3, mirroring
+* the existing `detectCollapsibleShape` ↔ `scanCollapsibleSites`
+* invariant — keys cannot drift.
+*/
+function detectPartialCollapsibleShape(node, _tag) {
+	const props = {};
+	const handlers = [];
+	for (const attr of jsxAttrs(node)) {
+		if (attr.type !== "JSXAttribute") return null;
+		const nm = attr.name?.type === "JSXIdentifier" ? attr.name.name : null;
+		if (!nm) return null;
+		const v = attr.value;
+		if (!v) return null;
+		if (v.type === "StringLiteral" || v.type === "Literal" && typeof v.value === "string") {
+			props[nm] = String(v.value);
+			continue;
+		}
+		if (/^on[A-Z]/.test(nm) && v.type === "JSXExpressionContainer" && v.expression && typeof v.expression.start === "number" && typeof v.expression.end === "number") {
+			handlers.push({
+				name: nm,
+				exprStart: v.expression.start,
+				exprEnd: v.expression.end
+			});
+			continue;
+		}
+		return null;
+	}
+	let childrenText = "";
+	for (const c of jsxChildren(node)) if (c.type === "JSXText") childrenText += c.value ?? "";
+	else return null;
+	if (handlers.length === 0) return null;
+	return {
+		props,
+		childrenText: childrenText.trim(),
+		handlers
+	};
+}
 function transformJSX(code, filename = "input.tsx", options = {}) {
+	if (options.collapseRocketstyle) return transformJSX_JS(code, filename, options);
 	if (nativeTransformJsx) try {
 		return nativeTransformJsx(code, filename, options.ssr === true, options.knownSignals ?? null, options.reactivityLens === true);
 	} catch {}
@@ -801,6 +973,102 @@ function transformJSX_JS(code, filename = "input.tsx", options = {}) {
 	let needsBindImportGlobal = false;
 	let needsApplyPropsImportGlobal = false;
 	let needsMountSlotImportGlobal = false;
+	let needsCollapse = false;
+	let needsCollapseH = false;
+	const collapseRuleKeys = /* @__PURE__ */ new Set();
+	const collapseRules = [];
+	/**
+	* Detect + collapse a literal-prop rocketstyle call site. Conservative
+	* bail catalogue (RFC decision 3): PascalCase candidate, every attr a
+	* StringLiteral (no spread, no `{expr}`, no boolean attr), children
+	* empty or a single static JSXText. The plugin must already have
+	* SSR-resolved this exact (component, props, text) tuple — an absent
+	* `sites` entry is a hard bail (covers resolver-bailed shapes,
+	* cross-package-without-data, anything uncertain). Emits ONE
+	* `_rsCollapse(tpl, light, dark, () => mode()==='dark')` (dual-emit)
+	* plus a once-per-module idempotent `injectRules`. A false negative is
+	* correct-but-slow; a false positive is wrong output — so every
+	* uncertain signal returns false.
+	*/
+	function tryRocketstyleCollapse(node) {
+		const cfg = options.collapseRocketstyle;
+		if (!cfg) return false;
+		const tag = jsxTagName(node);
+		if (!tag || tag.charAt(0) === tag.charAt(0).toLowerCase()) return false;
+		if (!cfg.candidates.has(tag)) return false;
+		const shape = detectCollapsibleShape(node, tag);
+		if (!shape) return tryPartialCollapse(node, tag);
+		const { props, childrenText } = shape;
+		const key = rocketstyleCollapseKey(tag, props, childrenText);
+		const site = cfg.sites.get(key);
+		if (!site) return false;
+		const call = `__rsCollapse(${JSON.stringify(site.templateHtml)}, ${JSON.stringify(site.lightClass)}, ${JSON.stringify(site.darkClass)}, () => __pyrMode() === "dark")`;
+		const start = node.start;
+		const end = node.end;
+		const parent = findParent(node);
+		const needsBraces = parent && (parent.type === "JSXElement" || parent.type === "JSXFragment");
+		replacements.push({
+			start,
+			end,
+			text: needsBraces ? `{${call}}` : call
+		});
+		needsCollapse = true;
+		if (!collapseRuleKeys.has(site.ruleKey)) {
+			collapseRuleKeys.add(site.ruleKey);
+			collapseRules.push({
+				ruleKey: site.ruleKey,
+				rules: site.rules
+			});
+		}
+		return true;
+	}
+	/**
+	* PR 3 of the partial-collapse build (open-work #1). The `on*`-handler-
+	* only fallback `tryRocketstyleCollapse` defers to when the FULL
+	* `detectCollapsibleShape` bails. Identical site-resolution contract as
+	* the full path — handlers are orthogonal to the SSR-resolved styler
+	* class, so the literal-prop subset feeds the UNCHANGED
+	* `rocketstyleCollapseKey` and the resolver's pre-resolved
+	* `templateHtml`/`lightClass`/`darkClass` are byte-identical to a
+	* full-collapse site's. The ONLY difference vs the full emit is
+	* `__rsCollapseH(...)` with a handlers object literal built from the
+	* sliced source spans `detectPartialCollapsibleShape` (PR 1) returned;
+	* the runtime helper (`_rsCollapseH`, PR 2 / #681) re-attaches them
+	* through the canonical event path. Same conservative discipline: an
+	* unresolved key, the option absent, or any non-handler non-literal
+	* shape ⇒ keep the normal mount (return false).
+	*/
+	function tryPartialCollapse(node, tag) {
+		const cfg = options.collapseRocketstyle;
+		if (!cfg) return false;
+		const partial = detectPartialCollapsibleShape(node, tag);
+		if (!partial) return false;
+		const { props, childrenText, handlers } = partial;
+		const key = rocketstyleCollapseKey(tag, props, childrenText);
+		const site = cfg.sites.get(key);
+		if (!site) return false;
+		const handlerObj = `{ ${handlers.map((h) => `${JSON.stringify(h.name)}: (${code.slice(h.exprStart, h.exprEnd)})`).join(", ")} }`;
+		const call = `__rsCollapseH(${JSON.stringify(site.templateHtml)}, ${JSON.stringify(site.lightClass)}, ${JSON.stringify(site.darkClass)}, () => __pyrMode() === "dark", ${handlerObj})`;
+		const start = node.start;
+		const end = node.end;
+		const parent = findParent(node);
+		const needsBraces = parent && (parent.type === "JSXElement" || parent.type === "JSXFragment");
+		replacements.push({
+			start,
+			end,
+			text: needsBraces ? `{${call}}` : call
+		});
+		needsCollapse = true;
+		needsCollapseH = true;
+		if (!collapseRuleKeys.has(site.ruleKey)) {
+			collapseRuleKeys.add(site.ruleKey);
+			collapseRules.push({
+				ruleKey: site.ruleKey,
+				rules: site.rules
+			});
+		}
+		return true;
+	}
 	function maybeHoist(node) {
 		if ((node.type === "JSXElement" || node.type === "JSXFragment") && isStaticJSXNode(node)) {
 			const name = `_$h${hoistIdx++}`;
@@ -945,6 +1213,7 @@ function transformJSX_JS(code, filename = "input.tsx", options = {}) {
 	}
 	const propsNames = /* @__PURE__ */ new Set();
 	const propDerivedVars = /* @__PURE__ */ new Map();
+	const elementVars = /* @__PURE__ */ new Set();
 	const signalVars = new Set(options.knownSignals);
 	const shadowedSignals = /* @__PURE__ */ new Set();
 	/** Check if an identifier name is an active (non-shadowed) signal variable. */
@@ -1010,6 +1279,11 @@ function transformJSX_JS(code, filename = "input.tsx", options = {}) {
 					for (const el of decl.id.elements ?? []) if (el?.type === "Identifier") propsNames.add(el.name);
 				}
 			}
+			if ((node.kind === "const" || node.kind === "let") && decl.id?.type === "Identifier" && decl.init) {
+				let initNode = decl.init;
+				while (initNode?.type === "ParenthesizedExpression") initNode = initNode.expression;
+				if (initNode?.type === "JSXElement" || initNode?.type === "JSXFragment") elementVars.add(decl.id.name);
+			}
 			if (node.kind !== "const") continue;
 			if (callbackDepth > 0) continue;
 			if (decl.id?.type === "Identifier" && decl.init) {
@@ -1070,11 +1344,68 @@ function transformJSX_JS(code, filename = "input.tsx", options = {}) {
 	function resolveIdentifiersInText(text, baseOffset, sourceNode) {
 		const endOffset = baseOffset + text.length;
 		const idents = [];
+		const shadowed = /* @__PURE__ */ new Set();
+		/** Collect identifier names bound by a pattern (params / declarators). */
+		function patternBindingNames(p, out) {
+			if (!p) return;
+			switch (p.type) {
+				case "Identifier":
+					out.push(p.name);
+					break;
+				case "ObjectPattern":
+					for (const pr of p.properties ?? []) if (pr.type === "RestElement") patternBindingNames(pr.argument, out);
+					else patternBindingNames(pr.value ?? pr.key, out);
+					break;
+				case "ArrayPattern":
+					for (const el of p.elements ?? []) patternBindingNames(el, out);
+					break;
+				case "AssignmentPattern":
+					patternBindingNames(p.left, out);
+					break;
+				case "RestElement":
+					patternBindingNames(p.argument, out);
+					break;
+			}
+		}
+		/**
+		* Prop-derived names bound by `node` FOR ITS OWN SUBTREE (block-accurate
+		* lexical scoping). Excludes the prop-derived const's own defining
+		* declaration (matched by init span) so the binding we inline FROM is
+		* never mistaken for a shadow of itself.
+		*/
+		function scopeBoundPropDerived(node) {
+			const out = [];
+			const t = node.type;
+			const declNames = (declNode) => {
+				for (const d of declNode.declarations ?? []) {
+					if (d.id?.type === "Identifier" && propDerivedVars.has(d.id.name)) {
+						const span = propDerivedVars.get(d.id.name);
+						if (d.init && d.init.start === span.start) continue;
+					}
+					patternBindingNames(d.id, out);
+				}
+			};
+			if (t === "ArrowFunctionExpression" || t === "FunctionExpression" || t === "FunctionDeclaration") for (const p of node.params ?? []) patternBindingNames(p, out);
+			else if (t === "CatchClause") patternBindingNames(node.param, out);
+			else if (t === "ForStatement") {
+				if (node.init?.type === "VariableDeclaration") declNames(node.init);
+			} else if (t === "ForInStatement" || t === "ForOfStatement") {
+				if (node.left?.type === "VariableDeclaration") declNames(node.left);
+			} else if (t === "BlockStatement" || t === "Program" || t === "StaticBlock") {
+				const stmts = node.body ?? node.statements;
+				if (Array.isArray(stmts)) {
+					for (const s of stmts) if (s.type === "VariableDeclaration") declNames(s);
+					else if (s.type === "FunctionDeclaration" && s.id?.type === "Identifier") out.push(s.id.name);
+					else if (s.type === "ClassDeclaration" && s.id?.type === "Identifier") out.push(s.id.name);
+				}
+			}
+			return out.filter((n) => propDerivedVars.has(n));
+		}
 		function findIdents(node, parent) {
 			const nodeStart = node.start;
 			const nodeEnd = node.end;
 			if (nodeStart >= endOffset || nodeEnd <= baseOffset) return;
-			if (node.type === "Identifier" && propDerivedVars.has(node.name)) {
+			if (node.type === "Identifier" && propDerivedVars.has(node.name) && !shadowed.has(node.name)) {
 				if (parent) {
 					if (parent.type === "MemberExpression" && parent.property === node && !parent.computed) {} else if (parent.type === "VariableDeclarator" && parent.id === node) {} else if (parent.type === "Property" && parent.key === node && !parent.computed) {} else if (parent.type === "Property" && parent.shorthand) {} else if (nodeStart >= baseOffset && nodeEnd <= endOffset) idents.push({
 						start: nodeStart,
@@ -1087,7 +1418,10 @@ function transformJSX_JS(code, filename = "input.tsx", options = {}) {
 					name: node.name
 				});
 			}
+			const introduced = scopeBoundPropDerived(node).filter((n) => !shadowed.has(n));
+			for (const n of introduced) shadowed.add(n);
 			forEachChildFast(node, (child) => findIdents(child, node));
+			for (const n of introduced) shadowed.delete(n);
 		}
 		findIdents(program, null);
 		if (idents.length === 0) return text;
@@ -1175,6 +1509,7 @@ function transformJSX_JS(code, filename = "input.tsx", options = {}) {
 		}
 		if (node.type === "VariableDeclaration") collectPropDerivedFromDecl(node, _callbackDepth);
 		if (node.type === "JSXElement") {
+			if (tryRocketstyleCollapse(node)) return;
 			if (!isSelfClosing(node) && tryTemplateEmit(node)) return;
 			checkForWarnings(node);
 			for (const attr of jsxAttrs(node)) if (attr.type === "JSXAttribute") handleJsxAttribute(attr, node);
@@ -1204,16 +1539,11 @@ function transformJSX_JS(code, filename = "input.tsx", options = {}) {
 		warnings
 	};
 	replacements.sort((a, b) => a.start - b.start);
-	const outParts = [];
-	let outPos = 0;
-	for (const r of replacements) {
-		outParts.push(code.slice(outPos, r.start));
-		outParts.push(r.text);
-		outPos = r.end;
-	}
-	outParts.push(code.slice(outPos));
-	let output = outParts.join("");
-	if (hoists.length > 0) output = hoists.map((h) => `const ${h.name} = /*@__PURE__*/ ${h.text}\n`).join("") + output;
+	const s = new MagicString(code);
+	for (const r of replacements) if (r.start === r.end) s.appendLeft(r.start, r.text);
+	else s.update(r.start, r.end, r.text);
+	let preamble = "";
+	if (hoists.length > 0) preamble = hoists.map((h) => `const ${h.name} = /*@__PURE__*/ ${h.text}\n`).join("") + preamble;
 	if (needsTplImport) {
 		const runtimeDomImports = ["_tpl"];
 		if (needsBindDirectImportGlobal) runtimeDomImports.push("_bindDirect");
@@ -1221,23 +1551,39 @@ function transformJSX_JS(code, filename = "input.tsx", options = {}) {
 		if (needsApplyPropsImportGlobal) runtimeDomImports.push("_applyProps");
 		if (needsMountSlotImportGlobal) runtimeDomImports.push("_mountSlot");
 		const reactivityImports = needsBindImportGlobal ? `\nimport { _bind } from "@pyreon/reactivity";` : "";
-		output = `import { ${runtimeDomImports.join(", ")} } from "@pyreon/runtime-dom";${reactivityImports}\n` + output;
+		preamble = `import { ${runtimeDomImports.join(", ")} } from "@pyreon/runtime-dom";${reactivityImports}\n` + preamble;
 	}
 	if (needsRpImport || needsWrapSpreadImport) {
 		const coreImports = [];
 		if (needsRpImport) coreImports.push("_rp");
 		if (needsWrapSpreadImport) coreImports.push("_wrapSpread");
-		output = `import { ${coreImports.join(", ")} } from "@pyreon/core";\n` + output;
-	}
+		preamble = `import { ${coreImports.join(", ")} } from "@pyreon/core";\n` + preamble;
+	}
+	if (needsCollapse) {
+		const cfg = options.collapseRocketstyle;
+		const rd = cfg.runtimeDomSource ?? "@pyreon/runtime-dom";
+		const st = cfg.stylerSource ?? "@pyreon/styler";
+		const inj = collapseRules.map((r) => `__rsSheet.injectRules(${JSON.stringify(r.rules)},${JSON.stringify(r.ruleKey)});`).join("");
+		preamble = `import { _rsCollapse as __rsCollapse${needsCollapseH ? ", _rsCollapseH as __rsCollapseH" : ""} } from "${rd}";\nimport { sheet as __rsSheet } from "${st}";\nimport { ${cfg.mode.name} as __pyrMode } from "${cfg.mode.source}";\n${inj}\n` + preamble;
+	}
+	if (preamble) s.prepend(preamble);
+	const output = s.toString();
+	const map = s.generateMap({
+		source: filename,
+		includeContent: true,
+		hires: true
+	});
 	return collectLens ? {
 		code: output,
 		usesTemplates: needsTplImport,
 		warnings,
+		map,
 		reactivityLens
 	} : {
 		code: output,
 		usesTemplates: needsTplImport,
-		warnings
+		warnings,
+		map
 	};
 	function hasBailAttr(node, isRoot = false) {
 		for (const attr of jsxAttrs(node)) {
@@ -1525,7 +1871,8 @@ function transformJSX_JS(code, filename = "input.tsx", options = {}) {
 			}
 			const needsPlaceholder = useMixed || useMultiExpr;
 			const { expr, isReactive } = unwrapAccessor(child.expression);
-			if (isChildrenExpression(child.expression, expr)) {
+			const isElementValuedIdent = child.expression?.type === "Identifier" && elementVars.has(child.expression.name) || !isReactive && /^[A-Za-z_$][\w$]*$/.test(expr) && elementVars.has(expr);
+			if (isChildrenExpression(child.expression, expr) || isElementValuedIdent) {
 				needsMountSlotImport = true;
 				const placeholder = `${parentRef}.childNodes[${childNodeIdx}]`;
 				const d = nextDisp();
@@ -1618,12 +1965,64 @@ function transformJSX_JS(code, filename = "input.tsx", options = {}) {
 	}
 	/** Auto-insert () after signal variable references in the expression source.
 	*  Uses the AST to find exact Identifier positions — never scans raw text. */
+	function sigPatternNames(p, out) {
+		if (!p) return;
+		switch (p.type) {
+			case "Identifier":
+				out.push(p.name);
+				break;
+			case "ObjectPattern":
+				for (const pr of p.properties ?? []) if (pr.type === "RestElement") sigPatternNames(pr.argument, out);
+				else sigPatternNames(pr.value ?? pr.key, out);
+				break;
+			case "ArrayPattern":
+				for (const el of p.elements ?? []) sigPatternNames(el, out);
+				break;
+			case "AssignmentPattern":
+				sigPatternNames(p.left, out);
+				break;
+			case "RestElement":
+				sigPatternNames(p.argument, out);
+				break;
+		}
+	}
+	function scopeBoundSignals(node) {
+		const out = [];
+		const t = node.type;
+		const declNames = (declNode) => {
+			for (const d of declNode.declarations ?? []) {
+				if (d.id?.type === "Identifier" && d.init && isSignalCall(d.init)) continue;
+				sigPatternNames(d.id, out);
+			}
+		};
+		if (t === "ArrowFunctionExpression" || t === "FunctionExpression" || t === "FunctionDeclaration") for (const p of node.params ?? []) sigPatternNames(p, out);
+		else if (t === "CatchClause") sigPatternNames(node.param, out);
+		else if (t === "ForStatement") {
+			if (node.init?.type === "VariableDeclaration") declNames(node.init);
+		} else if (t === "ForInStatement" || t === "ForOfStatement") {
+			if (node.left?.type === "VariableDeclaration") declNames(node.left);
+		} else if (t === "BlockStatement" || t === "StaticBlock") {
+			const stmts = node.body ?? node.statements;
+			if (Array.isArray(stmts)) {
+				for (const s of stmts) if (s.type === "VariableDeclaration") declNames(s);
+				else if (s.type === "FunctionDeclaration" && s.id?.type === "Identifier") out.push(s.id.name);
+				else if (s.type === "ClassDeclaration" && s.id?.type === "Identifier") out.push(s.id.name);
+			}
+		}
+		return out.filter((n) => signalVars.has(n));
+	}
 	function autoCallSignals(text, expr) {
 		const start = expr.start;
 		const idents = [];
+		const shadowed = /* @__PURE__ */ new Set();
 		function findSignalIdents(node) {
 			if (node.start >= start + text.length || node.end <= start) return;
-			if (node.type === "Identifier" && isActiveSignal(node.name)) {
+			const introduced = [];
+			for (const n of scopeBoundSignals(node)) if (!shadowed.has(n)) {
+				shadowed.add(n);
+				introduced.push(n);
+			}
+			if (node.type === "Identifier" && isActiveSignal(node.name) && !shadowed.has(node.name)) {
 				const parent = findParent(node);
 				if (parent && parent.type === "MemberExpression" && parent.property === node && !parent.computed) return;
 				if (parent && parent.type === "MemberExpression" && parent.object === node) {
@@ -1642,6 +2041,7 @@ function transformJSX_JS(code, filename = "input.tsx", options = {}) {
 				});
 			}
 			forEachChildFast(node, findSignalIdents);
+			for (const n of introduced) shadowed.delete(n);
 		}
 		findSignalIdents(expr);
 		if (idents.length === 0) return text;
@@ -4438,5 +4838,5 @@ function formatSsgAudit(result, _options = {}) {
 }
 
 //#endregion
-export { analyzeReactivity, auditIslands, auditSsg, auditTestEnvironment, detectPyreonPatterns, detectReactPatterns, diagnoseError, formatIslandAudit, formatReactivityLens, formatSsgAudit, formatTestAudit, generateContext, hasPyreonPatterns, hasReactPatterns, migrateReactCode, transformDeferInline, transformJSX, transformJSX_JS };
+export { analyzeReactivity, auditIslands, auditSsg, auditTestEnvironment, detectPyreonPatterns, detectReactPatterns, diagnoseError, formatIslandAudit, formatReactivityLens, formatSsgAudit, formatTestAudit, generateContext, hasPyreonPatterns, hasReactPatterns, migrateReactCode, rocketstyleCollapseKey, scanCollapsibleSites, transformDeferInline, transformJSX, transformJSX_JS };
 //# sourceMappingURL=index.js.map