@animus-ui/vite-plugin 0.1.0-next.16 → 0.1.0-next.18

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAU,MAAM,EAAE,MAAM,MAAM,CAAC;AAM3C,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,8FAA8F;IAC9F,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,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;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAwUD,wBAAgB,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,MAAM,CA45BnE;AAED,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACvE,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAU,MAAM,EAAE,MAAM,MAAM,CAAC;AAM3C,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,8FAA8F;IAC9F,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,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;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAwUD,wBAAgB,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,MAAM,CAo6BnE;AAED,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACvE,eAAe,aAAa,CAAC"}

package/dist/index.mjs

@@ -384,7 +384,7 @@ function animusExtract(options) {
 	let storedSheets = null;
 	let storedSystemPropMapJson = "{}";
 	let storedDynamicPropsJson = "{}";
-	let storedTransformsSource = "";
+	let storedTransformsSource = "{}";
 	let layerDeclaration = "";
 	const fileCache = /* @__PURE__ */ new Map();
 	let packageMap = {};
@@ -433,13 +433,21 @@ function animusExtract(options) {
 					const gsThemeFile = join(tmpdir(), `animus-gs-theme-${gsTmp}.json`);
 					const gsOut = join(tmpdir(), `animus-global-${gsTmp}.json`);
 					writeFileSync(gsThemeFile, themeJson);
-					const gsCandidates = [join(__pluginDir, "resolve-global-styles.ts"), join(__pluginDir, "..", "src", "resolve-global-styles.ts")];
+					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] }));
-						gsCandidates.push(join(pkgDir, "src", "resolve-global-styles.ts"));
+						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.ts not found in: ${gsCandidates.join(", ")}`);
+					if (!gsScriptPath) throw new Error(`resolve-global-styles not found in: ${gsCandidates.join(", ")}`);
 					execSync(`bun run "${gsScriptPath}" "${resolvedSystemPath}" "${gsThemeFile}" "${gsOut}"`, {
 						cwd: rootDir,
 						encoding: "utf-8"
@@ -722,8 +730,8 @@ if (import.meta.hot) {
 						...meta.scale_values && Object.keys(meta.scale_values).length > 0 ? { scaleValues: meta.scale_values } : {}
 					};
 					moduleSource += `\nexport const dynamicPropConfig = ${JSON.stringify(configEntries)};`;
-					moduleSource += `\nexport const transforms = ${storedTransformsSource};`;
-				}
+				} else moduleSource += `\nexport const dynamicPropConfig = {};`;
+				moduleSource += `\nexport const transforms = ${storedTransformsSource};`;
 				return moduleSource;
 			}
 			return null;

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

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

package/dist/resolve-global-styles.mjs

@@ -0,0 +1,107 @@
+import { readFileSync, writeFileSync } from "fs";
+//#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> <output-file>
+*
+* Imports the system module, extracts globalStyles from .serialize(),
+* resolves prop shorthand (bg → background-color, etc.) using the full
+* prop config + theme + transforms, and writes the resolved CSS to output.
+*
+* @keyframes blocks are serialized as raw CSS (no prop resolution needed).
+*/
+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.serialize) throw new Error("Module does not export a SystemInstance with .serialize()");
+const cfg = ds.serialize();
+const flat = JSON.parse(readFileSync(themeJsonPath, "utf-8"));
+const propConfig = JSON.parse(cfg.propConfig);
+const transforms = cfg.transforms || {};
+const gs = cfg.globalStyles || {};
+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);
+function camelToKebab(s) {
+	if (s.startsWith("Webkit")) return "-webkit-" + camelToKebab(s.slice(6));
+	return s.replace(/[A-Z]/g, (m, i) => (i > 0 ? "-" : "") + m.toLowerCase());
+}
+/**
+* Resolve {scale.path} and {scale.path/alpha} token aliases in a CSS value string.
+* Mirrors the Rust theme_resolver's resolve_token_aliases logic.
+*/
+function resolveTokenAliases(value) {
+	if (!value.includes("{")) return value;
+	return value.replace(/\{([^}]+)\}/g, (_match, content) => {
+		const slashIdx = content.indexOf("/");
+		const tokenPath = slashIdx >= 0 ? content.slice(0, slashIdx) : content;
+		const alpha = slashIdx >= 0 ? parseInt(content.slice(slashIdx + 1), 10) : null;
+		const dotIdx = tokenPath.indexOf(".");
+		const flatKey = dotIdx >= 0 ? tokenPath.slice(0, dotIdx) + "." + tokenPath.slice(dotIdx + 1).replace(/\./g, "-") : tokenPath;
+		let resolved;
+		if (variableMap[flatKey]) resolved = `var(${variableMap[flatKey]})`;
+		else if (flat[flatKey] != null) resolved = flat[flatKey];
+		else return `{${content}}`;
+		if (alpha === 0) return "transparent";
+		if (alpha != null && alpha !== 100) return `color-mix(in srgb, ${resolved} ${alpha}%, transparent)`;
+		return resolved;
+	});
+}
+/**
+* Resolve a block of selectors → style objects using prop config + theme.
+* @keyframes selectors are delegated to serializeRawBlock.
+*/
+function resolveBlock(selectors) {
+	const rules = [];
+	for (const [selector, styleObj] of Object.entries(selectors)) {
+		if (selector.startsWith("@keyframes")) {
+			const frames = [];
+			for (const [pct, frameStyles] of Object.entries(styleObj)) if (typeof frameStyles === "object" && frameStyles !== null) {
+				const decls = [];
+				for (const [prop, raw] of Object.entries(frameStyles)) {
+					const cfg = propConfig[prop];
+					const cssProps = cfg?.properties?.length ? cfg.properties : cfg ? [cfg.property] : [prop];
+					let resolved = raw;
+					if (cfg?.scale) {
+						const key = cfg.scale + "." + raw;
+						if (flat[key] != null) resolved = flat[key];
+					}
+					resolved = resolveTokenAliases(String(resolved));
+					for (const cssProp of cssProps) decls.push(`    ${camelToKebab(cssProp)}: ${resolved};`);
+				}
+				frames.push(`  ${pct} {\n${decls.join("\n")}\n  }`);
+			}
+			rules.push(`${selector} {\n${frames.join("\n")}\n}`);
+			continue;
+		}
+		const decls = [];
+		for (const [prop, raw] of Object.entries(styleObj)) {
+			const config = propConfig[prop];
+			const cssProps = config?.properties?.length ? config.properties : config ? [config.property] : [prop];
+			let resolved = raw;
+			if (config?.scale) {
+				const key = config.scale + "." + raw;
+				if (flat[key] != null) resolved = flat[key];
+			}
+			if (config?.transform && transforms[config.transform]) {
+				const fn = transforms[config.transform];
+				const input = typeof resolved === "string" && !isNaN(Number(resolved)) ? Number(resolved) : resolved;
+				resolved = String(fn(input));
+			} else resolved = String(resolved);
+			resolved = resolveTokenAliases(resolved);
+			for (const cssProp of cssProps) decls.push(`  ${camelToKebab(cssProp)}: ${resolved};`);
+		}
+		if (decls.length) rules.push(`${selector} {\n${decls.join("\n")}\n}`);
+	}
+	return rules.join("\n\n");
+}
+const result = {};
+if (gs.reset) result.reset = resolveBlock(gs.reset);
+if (gs.global) result.global = resolveBlock(gs.global);
+writeFileSync(outputFile, JSON.stringify(result));
+//#endregion
+export {};

package/package.json

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