@animus-ui/vite-plugin 0.1.0-next.48 → 0.1.0-next.58

package/dist/index.d.ts

@@ -2,8 +2,8 @@ import type { Plugin } from 'vite';
 export interface AnimusExtractOptions {
     /**
      * Path to a module exporting a SystemInstance from `@animus-ui/system`.
-     * The module is loaded via a single bun subprocess at build start.
-     * It provides prop config, group registry, theme tokens, transforms,
+     * The module is loaded via Rust NAPI (OXC + rquickjs) at build start.
+     * It provides prop config, group registry, theme tokens, selector aliases,
      * and global styles — everything the extraction pipeline needs.
      */
     system: string;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAU,MAAM,EAAE,MAAM,MAAM,CAAC;AAI3C,MAAM,WAAW,oBAAoB;IACnC;;;;;OAKG;IACH,MAAM,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,qGAAqG;IACrG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AA6ID,wBAAgB,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,MAAM,CAwgCnE;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAU,MAAM,EAAE,MAAM,MAAM,CAAC;AAE3C,MAAM,WAAW,oBAAoB;IACnC;;;;;OAKG;IACH,MAAM,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,qGAAqG;IACrG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AA6ID,wBAAgB,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,MAAM,CA8+BnE;AAED,eAAe,aAAa,CAAC"}

package/dist/index.mjs

@@ -1,18 +1,14 @@
 import { createRequire } from "node:module";
-import { execSync } from "child_process";
 import { createHash } from "crypto";
-import { existsSync, readFileSync, readdirSync, statSync, unlinkSync, writeFileSync } from "fs";
-import { tmpdir } from "os";
+import { existsSync, readFileSync, readdirSync, statSync } from "fs";
 import { dirname, extname, join, relative, resolve } from "path";
-import { fileURLToPath } from "url";
-import { applyUnitFallback, assembleStylesheet, detectRuntime, execSubprocess, extractSystemFilePackages, validateLayerOrder } from "@animus-ui/extract/pipeline";
+import { applyUnitFallback, assembleStylesheet, extractSystemFilePackages, validateLayerOrder } from "@animus-ui/extract/pipeline";
 import browserslist from "browserslist";
 import { browserslistToTargets, transform } from "lightningcss";
 //#region \0rolldown/runtime.js
 var __require = /* @__PURE__ */ createRequire(import.meta.url);
 //#endregion
 //#region src/index.ts
-const __pluginDir = dirname(fileURLToPath(import.meta.url));
 const VIRTUAL_CSS_ID = "virtual:animus/styles.css";
 const RESOLVED_CSS_ID = "\0virtual:animus/styles.css";
 const VIRTUAL_COMPONENTS_ID = "virtual:animus/components.js";
@@ -125,14 +121,38 @@ function animusExtract(options) {
 	function warn(msg) {
 		(logger ?? console).warn(`[animus] ${msg}`);
 	}
+	function logTimingWaterfall(timing) {
+		if (!verbose) return;
+		for (const [key, label] of [
+			["parseAndWalk", "parse+walk"],
+			["importResolution", "imports"],
+			["extensionProvenance", "provenance"],
+			["topologicalSort", "topo-sort"],
+			["chainEvaluation", "chains"],
+			["jsxScanning", "jsx-scan"],
+			["systemPropAggregation", "sys-props"],
+			["usageLedger", "usage"],
+			["reconciliation", "reconcile"],
+			["cssGeneration", "css-gen"],
+			["manifestSerialization", "serialize"]
+		]) {
+			const ms = timing[key] ?? 0;
+			const pad = " ".repeat(Math.max(0, 15 - label.length));
+			const extra = key === "parseAndWalk" ? `  (${timing.fileCount ?? 0} files, ${timing.cacheHits ?? 0} cached)` : "";
+			log(`         ${label}${pad}${String(ms).padStart(5)}ms${extra}`);
+		}
+	}
 	let lcssTargets = {};
 	let variableCss = "";
 	let globalCss = "";
+	let globalStyleBlocksJson = null;
+	let pathAliasesJson = null;
 	let storedManifest = null;
 	let storedManifestJson = "";
 	let resolvedComponentCss = "";
-	let systemResolveScript = null;
 	let storedSheets = null;
+	let fragmentCache = /* @__PURE__ */ new Map();
+	let reverseProvenance = {};
 	let storedSystemPropMapJson = "{}";
 	let storedDynamicPropsJson = "{}";
 	let storedTransformsSource = "{}";
@@ -144,74 +164,25 @@ function animusExtract(options) {
 	let bridgeInjected = false;
 	let resolvedSystemPath = null;
 	/**
-	* Load a SystemInstance via single bun subprocess.
-	* The subprocess imports the module and calls .serialize() to provide
-	* prop config, group registry, tokens, transforms, and global styles.
+	* Load a SystemInstance via Rust NAPI (rquickjs bundled eval).
+	* The Rust crate reads the system file, strips TS types via OXC, resolves
+	* workspace package dependencies, bundles all modules, evaluates with
+	* rquickjs, and returns serialized config directly — no subprocess needed.
 	*/
 	function loadSystem() {
 		resolvedSystemPath = resolve(rootDir, options.system);
 		try {
-			const ts = Date.now();
-			const tmpOut = join(tmpdir(), `animus-system-${ts}.json`);
-			execSubprocess(`const m = require(${JSON.stringify(resolvedSystemPath)});\nconst exportNames = Object.keys(m);\nconst candidates = exportNames.filter(k => m[k] && typeof m[k].toConfig === 'function');\nif (candidates.length === 0) {\n  throw new Error('[animus-extract] No SystemInstance found. Exports: [' + exportNames.join(', ') + ']. None have a .toConfig() method. A SystemInstance is created by: export const ds = createSystem().build()');\n}\nif (candidates.length > 1) {\n  throw new Error('[animus-extract] Multiple SystemInstance candidates found: [' + candidates.join(', ') + ']. Specify which one to use.');\n}\nconst ds = m[candidates[0]];\nconst cfg = ds.toConfig();\nconst tokens = m.tokens || m.theme || null;\nconst serialized = tokens && typeof tokens.serialize === 'function' ? tokens.serialize() : null;\nconst globalStyleBlocks = {};\nfor (const [key, val] of Object.entries(m)) {\n  if (val && typeof val === 'object' && val.__brand === 'GlobalStyleBlock') {\n    globalStyleBlocks[key] = val.styles;\n  }\n}\nrequire('fs').writeFileSync(${JSON.stringify(tmpOut)}, JSON.stringify({\n  propConfig: cfg.propConfig,\n  groupRegistry: cfg.groupRegistry,\n  serialized: serialized,\n  transformNames: Object.keys(cfg.transforms || {}),\n  selectorAliases: cfg.selectorAliases || null,\n  selectorOrder: cfg.selectorOrder || null,\n  globalStyleBlocks: Object.keys(globalStyleBlocks).length > 0 ? globalStyleBlocks : null\n}));\n`, rootDir);
-			const result = readFileSync(tmpOut, "utf-8");
-			try {
-				unlinkSync(tmpOut);
-			} catch {}
-			const parsed = JSON.parse(result);
-			configJson = parsed.propConfig;
-			groupRegistryJson = parsed.groupRegistry;
-			selectorAliasesJson = parsed.selectorAliases || null;
-			selectorOrderJson = parsed.selectorOrder || null;
-			if (parsed.serialized) {
-				themeJson = parsed.serialized.scalesJson;
-				variableMapJson = parsed.serialized.variableMapJson;
-				variableCss = parsed.serialized.variableCss;
-				contextualVarsJson = parsed.serialized.contextualVarsJson;
-			} else throw new Error("[animus-extract] Theme must be built with createTheme().build(). No .serialize() method found on tokens export.");
-			if (parsed.globalStyleBlocks) {
-				if (Object.keys(parsed.globalStyleBlocks).length > 0) try {
-					const gsTmp = Date.now();
-					const gsThemeFile = join(tmpdir(), `animus-gs-theme-${gsTmp}.json`);
-					const gsOut = join(tmpdir(), `animus-global-${gsTmp}.json`);
-					writeFileSync(gsThemeFile, themeJson);
-					const gsNames = [
-						"resolve-global-styles.mjs",
-						"resolve-global-styles.js",
-						"resolve-global-styles.ts"
-					];
-					const gsCandidates = gsNames.map((n) => join(__pluginDir, n));
-					try {
-						const pkgDir = dirname(__require.resolve("@animus-ui/vite-plugin/package.json", { paths: [rootDir] }));
-						for (const n of gsNames) {
-							gsCandidates.push(join(pkgDir, "dist", n));
-							gsCandidates.push(join(pkgDir, "src", n));
-						}
-					} catch {}
-					const gsScriptPath = gsCandidates.find((p) => existsSync(p));
-					if (!gsScriptPath) throw new Error(`resolve-global-styles not found in: ${gsCandidates.join(", ")}`);
-					execSync(`${detectRuntime()} run "${gsScriptPath}" "${resolvedSystemPath}" "${gsThemeFile}" "${gsOut}"`, {
-						cwd: rootDir,
-						encoding: "utf-8"
-					});
-					const gsResult = JSON.parse(readFileSync(gsOut, "utf-8"));
-					const parts = Object.values(gsResult).filter(Boolean);
-					if (parts.length > 0) globalCss = `@layer anm-global {\n${parts.join("\n\n")}\n}`;
-					try {
-						unlinkSync(gsThemeFile);
-						unlinkSync(gsOut);
-					} catch {}
-				} catch (e) {
-					if (options.strict) throw new Error(`[animus-extract] Global styles resolution failed: ${e?.message || e}`);
-					console.warn("[animus-extract] Global styles resolution failed:", e?.message || e);
-				}
-			}
-			if (parsed.transformNames && parsed.transformNames.length > 0) {
-				const tsTmp = Date.now();
-				const tmpResolve = join(tmpdir(), `animus-transforms-resolve-${tsTmp}.js`);
-				writeFileSync(tmpResolve, `const m = require(${JSON.stringify(resolvedSystemPath)});\nconst ds = m.ds || m.default || m.system;\nconst cfg = ds.toConfig();\nconst css = require('fs').readFileSync(process.argv[2], 'utf-8');\nconst resolved = css.replace(/__TRANSFORM__(\\w+)__(.+?)__/g, (_, name, rawValue) => {\n  const fn = cfg.transforms[name];\n  if (!fn) return rawValue;\n  const value = rawValue !== '' && !isNaN(Number(rawValue)) ? Number(rawValue) : rawValue;\n  const result = fn(value);\n  return typeof result === 'object' ? JSON.stringify(result) : String(result);\n});\nrequire('fs').writeFileSync(process.argv[3], resolved);\n`);
-				systemResolveScript = tmpResolve;
-			}
+			const { loadSystemModule } = __require("@animus-ui/extract");
+			const config = loadSystemModule(resolvedSystemPath, rootDir);
+			configJson = config.propConfig;
+			groupRegistryJson = config.groupRegistry;
+			selectorAliasesJson = config.selectorAliases || null;
+			selectorOrderJson = config.selectorOrder || null;
+			themeJson = config.scalesJson;
+			variableMapJson = config.variableMapJson;
+			variableCss = config.variableCss;
+			contextualVarsJson = config.contextualVarsJson;
+			globalStyleBlocksJson = config.globalStyleBlocks || null;
 		} catch (e) {
 			if (options.strict) throw new Error(`[animus-extract] Failed to load system from ${resolvedSystemPath}: ${e}`);
 			console.warn(`[animus-extract] Failed to load system from ${resolvedSystemPath}:`, e);
@@ -220,9 +191,9 @@ function animusExtract(options) {
 	/**
 	* Run project analysis and update the manifest.
 	*
-	* Pipeline: NAPI analyzeProject → transform resolution (subprocess) → unit fallback.
-	* NAPI and unit fallback use @animus-ui/extract. Transform resolution stays as
-	* subprocess because it needs live JS functions from the system module (ESM isolation).
+	* Pipeline: NAPI analyzeProject → unit fallback.
+	* Transforms are resolved in-process via boa_engine during Rust extraction.
+	* No subprocess needed.
 	*/
 	function runAnalysis(fileEntries) {
 		try {
@@ -231,7 +202,7 @@ function animusExtract(options) {
 				runtime_import: "@animus-ui/system",
 				css_module_id: "virtual:animus/styles.css"
 			});
-			const manifestJson = analyzeProject(JSON.stringify(fileEntries), themeJson, variableMapJson, contextualVarsJson || null, configJson, groupRegistryJson, JSON.stringify(packageMap), !isProd, emitterConfig, selectorAliasesJson, selectorOrderJson);
+			const manifestJson = analyzeProject(JSON.stringify(fileEntries), themeJson, variableMapJson, contextualVarsJson || null, configJson, groupRegistryJson, JSON.stringify(packageMap), !isProd, emitterConfig, selectorAliasesJson, selectorOrderJson, globalStyleBlocksJson, pathAliasesJson);
 			storedManifest = JSON.parse(manifestJson);
 			storedManifestJson = manifestJson;
 			storedSystemPropMapJson = JSON.stringify(storedManifest?.system_prop_map ?? {});
@@ -250,28 +221,15 @@ function animusExtract(options) {
 				storedTransformsSource = "{}";
 			}
 			bridgeInjected = false;
-			storedSheets = storedManifest?.sheets ?? null;
-			const rawCss = storedManifest?.css || "";
-			if (systemResolveScript && rawCss.includes("__TRANSFORM__")) try {
-				const tsTmp = Date.now();
-				const tmpIn = join(tmpdir(), `animus-css-${tsTmp}.css`);
-				const tmpOut = join(tmpdir(), `animus-css-${tsTmp}.out.css`);
-				writeFileSync(tmpIn, rawCss);
-				execSync(`${detectRuntime()} run "${systemResolveScript}" "${tmpIn}" "${tmpOut}"`, {
-					cwd: rootDir,
-					encoding: "utf-8"
-				});
-				resolvedComponentCss = readFileSync(tmpOut, "utf-8");
-				try {
-					unlinkSync(tmpIn);
-					unlinkSync(tmpOut);
-				} catch {}
-			} catch (e) {
-				if (options.strict) throw new Error(`[animus-extract] Transform resolution failed: ${e?.message}`);
-				console.warn("[animus-extract] Transform resolution failed:", e?.message);
-				resolvedComponentCss = rawCss;
+			const newFragments = storedManifest?.component_fragments;
+			if (newFragments && typeof newFragments === "object") {
+				fragmentCache.clear();
+				for (const [id, sheets] of Object.entries(newFragments)) fragmentCache.set(id, sheets);
 			}
-			else resolvedComponentCss = rawCss;
+			reverseProvenance = storedManifest?.reverse_provenance ?? {};
+			storedSheets = storedManifest?.sheets ?? null;
+			globalCss = storedManifest?.sheets?.global || "";
+			resolvedComponentCss = storedManifest?.css || "";
 			resolvedComponentCss = applyUnitFallback(resolvedComponentCss);
 		} catch (e) {
 			if (options.strict) throw new Error(`[animus-extract] analyzeProject failed: ${e}`);
@@ -290,8 +248,45 @@ function animusExtract(options) {
 			logger = config.logger;
 			lcssTargets = resolveLightningTargets(options.targets, rootDir);
 			log(`Lightning CSS targets resolved (${Object.keys(lcssTargets).length} browsers)`);
+			const rawAlias = config.resolve?.alias;
+			if (rawAlias) {
+				const entries = [];
+				if (Array.isArray(rawAlias)) {
+					for (const entry of rawAlias) if (typeof entry.find === "string" && typeof entry.replacement === "string") {
+						const replacement = entry.replacement.startsWith(rootDir) ? entry.replacement.slice(rootDir.length + 1) : entry.replacement;
+						entries.push({
+							pattern: entry.find.endsWith("/") ? entry.find : entry.find + "/",
+							replacement: replacement.endsWith("/") ? replacement : replacement + "/",
+							type: "prefix"
+						});
+					}
+				} else if (typeof rawAlias === "object" && rawAlias !== null) {
+					for (const [key, value] of Object.entries(rawAlias)) if (typeof value === "string") {
+						const replacement = value.startsWith(rootDir) ? value.slice(rootDir.length + 1) : value;
+						if (/\.\w+$/.test(replacement)) entries.push({
+							pattern: key,
+							replacement,
+							type: "exact"
+						});
+						else entries.push({
+							pattern: key.endsWith("/") ? key : key + "/",
+							replacement: replacement.endsWith("/") ? replacement : replacement + "/",
+							type: "prefix"
+						});
+					}
+				}
+				entries.sort((a, b) => b.pattern.length - a.pattern.length);
+				if (entries.length > 0) {
+					pathAliasesJson = JSON.stringify({ aliases: entries });
+					log(`Path aliases forwarded: ${entries.length} entries`);
+				}
+			}
 		},
 		async buildStart() {
+			try {
+				const { clearAnalysisCache } = __require("@animus-ui/extract");
+				clearAnalysisCache();
+			} catch {}
 			let t0 = performance.now();
 			loadSystem();
 			if (options.layers) {
@@ -386,6 +381,7 @@ function animusExtract(options) {
 				const report = storedManifest.report;
 				if (report) {
 					log(`Extracted ${report.components_extracted}/${report.components_total} components (${Math.round(performance.now() - t0)}ms)`);
+					logTimingWaterfall(storedManifest.timing ?? {});
 					log(`Reconciliation: ${report.components_extracted} kept, ${report.variants_eliminated} variants pruned, ${report.states_eliminated} states pruned`);
 					const details = report.eliminated_details || [];
 					for (const d of details) if (d.kind === "component") warn(`⚠ ${d.component} eliminated: ${d.reason}`);
@@ -606,6 +602,20 @@ if (import.meta.hot) {
 			const hmrStart = performance.now();
 			const prevReplacements = /* @__PURE__ */ new Map();
 			if (storedManifest?.components) for (const [id, desc] of Object.entries(storedManifest.components)) prevReplacements.set(id, desc.replacement ?? "");
+			const directComponentIds = storedManifest?.files?.[relPath] ?? [];
+			const invalidatedIds = new Set(directComponentIds);
+			const queue = [...directComponentIds];
+			while (queue.length > 0) {
+				const parentId = queue.shift();
+				const children = reverseProvenance[parentId];
+				if (children) {
+					for (const childId of children) if (!invalidatedIds.has(childId)) {
+						invalidatedIds.add(childId);
+						queue.push(childId);
+					}
+				}
+			}
+			if (verbose && invalidatedIds.size > directComponentIds.length) log(`HMR: ${directComponentIds.length} direct + ${invalidatedIds.size - directComponentIds.length} transitive components invalidated`);
 			const analysisStart = performance.now();
 			runAnalysis(buildFileEntriesFromCache(fileCache, relPath));
 			const analysisMs = Math.round(performance.now() - analysisStart);
@@ -636,6 +646,7 @@ if (import.meta.hot) {
 			}
 			const hmrMs = Math.round(performance.now() - hmrStart);
 			log(`HMR update: ${relPath} — analysis ${analysisMs}ms, ${modulesToUpdate.length - modules.length} modules invalidated, total ${hmrMs}ms`);
+			logTimingWaterfall(storedManifest?.timing ?? {});
 			if (modulesToUpdate.length > modules.length) return modulesToUpdate;
 		}
 	};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@animus-ui/vite-plugin",
-  "version": "0.1.0-next.48",
+  "version": "0.1.0-next.58",
   "description": "Animus static CSS extraction Vite plugin",
   "author": "codecaaron <airrobb@gmail.com>",
   "license": "MIT",
@@ -37,8 +37,8 @@
     "vite": ">=5.0.0"
   },
   "dependencies": {
-    "@animus-ui/extract": "0.1.0-next.48",
-    "@animus-ui/system": "0.1.0-next.48",
+    "@animus-ui/extract": "0.1.0-next.58",
+    "@animus-ui/system": "0.1.0-next.58",
     "browserslist": "^4.24.0",
     "lightningcss": "^1.29.0"
   }

package/dist/resolve-global-styles.d.ts

@@ -1,10 +0,0 @@
-/**
- * Standalone script executed via `bun run` to resolve global styles.
- *
- * Usage: bun run resolve-global-styles.ts <system-path> <theme-json-path> <output-file>
- *
- * Imports the system module for live transform functions (ESM isolation),
- * then delegates all resolution logic to @animus-ui/extract/pipeline.
- */
-export {};
-//# sourceMappingURL=resolve-global-styles.d.ts.map

package/dist/resolve-global-styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolve-global-styles.d.ts","sourceRoot":"","sources":["../src/resolve-global-styles.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAkEH,OAAO,EAAE,CAAC"}

package/dist/resolve-global-styles.mjs

@@ -1,31 +0,0 @@
-import { readFileSync, writeFileSync } from "fs";
-import { resolveGlobalStyles } from "@animus-ui/extract/pipeline";
-//#region src/resolve-global-styles.ts
-/**
-* Standalone script executed via `bun run` to resolve global styles.
-*
-* Usage: bun run resolve-global-styles.ts <system-path> <theme-json-path> <output-file>
-*
-* Imports the system module for live transform functions (ESM isolation),
-* then delegates all resolution logic to @animus-ui/extract/pipeline.
-*/
-const [systemPath, themeJsonPath, outputFile] = process.argv.slice(2);
-if (!systemPath || !themeJsonPath || !outputFile) {
-	process.stderr.write("Usage: bun run resolve-global-styles.ts <system-path> <theme-json-path> <output-file>\n");
-	process.exit(1);
-}
-const mod = await import(systemPath);
-const ds = mod.ds || mod.default || mod.system;
-if (!ds || !ds.toConfig) throw new Error("Module does not export a SystemInstance with .serialize()");
-const cfg = ds.toConfig();
-const flat = JSON.parse(readFileSync(themeJsonPath, "utf-8"));
-const propConfig = JSON.parse(cfg.propConfig);
-const transforms = cfg.transforms || {};
-const globalStyleBlocks = {};
-for (const [key, val] of Object.entries(mod)) if (val && typeof val === "object" && val.__brand === "GlobalStyleBlock") globalStyleBlocks[key] = val.styles;
-const variableMap = {};
-for (const [tokenPath, value] of Object.entries(flat)) if (typeof value === "string" && value.startsWith("var(") && value.endsWith(")")) variableMap[tokenPath] = value.slice(4, -1);
-const result = resolveGlobalStyles(globalStyleBlocks, propConfig, flat, variableMap, transforms);
-writeFileSync(outputFile, JSON.stringify(result));
-//#endregion
-export {};