@animus-ui/vite-plugin 0.1.0-next.1 → 0.1.0-next.10

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAU,MAAM,EAAE,MAAM,MAAM,CAAC;AAM3C,MAAM,WAAW,oBAAoB;IACnC;;;;;;;;;;;;OAYG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IACvD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,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;CACnB;AA0RD,wBAAgB,aAAa,CAAC,OAAO,GAAE,oBAAyB,GAAG,MAAM,CAq5BxE;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":"AAcA,OAAO,KAAK,EAAU,MAAM,EAAE,MAAM,MAAM,CAAC;AAM3C,MAAM,WAAW,oBAAoB;IACnC;;;;;;;;;;;;OAYG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IACvD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,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;CACnB;AA6RD,wBAAgB,aAAa,CAAC,OAAO,GAAE,oBAAyB,GAAG,MAAM,CA+gCxE;AAED,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACvE,eAAe,aAAa,CAAC"}

package/dist/index.mjs

@@ -65,15 +65,11 @@ function buildVariableCss(theme) {
 		}
 		if (rootLines.length > 0) parts.push(`:root {\n${rootLines.join("\n")}\n}`);
 	}
-	if (theme._tokens?.modes != null && typeof theme._tokens.modes === "object") {
-		const defaultMode = typeof theme.mode === "string" ? theme.mode : Object.keys(theme._tokens.modes)[0];
-		for (const [modeName, modeTokens] of Object.entries(theme._tokens.modes)) {
-			if (modeName === defaultMode) continue;
-			if (modeTokens == null || typeof modeTokens !== "object") continue;
-			const modeLines = [];
-			flattenModeTokens(modeLines, modeTokens, "");
-			if (modeLines.length > 0) parts.push(`[data-color-mode="${modeName}"] {\n${modeLines.join("\n")}\n}`);
-		}
+	if (theme._tokens?.modes != null && typeof theme._tokens.modes === "object") for (const [modeName, modeTokens] of Object.entries(theme._tokens.modes)) {
+		if (modeTokens == null || typeof modeTokens !== "object") continue;
+		const modeLines = [];
+		flattenModeTokens(modeLines, modeTokens, "");
+		if (modeLines.length > 0) parts.push(`[data-color-mode="${modeName}"] {\n${modeLines.join("\n")}\n}`);
 	}
 	return parts.join("\n\n");
 }
@@ -118,6 +114,8 @@ const VIRTUAL_COMPONENTS_ID = "virtual:animus/components.js";
 const RESOLVED_COMPONENTS_ID = "\0virtual:animus/components.js";
 const VIRTUAL_BRIDGE_ID = "virtual:animus/hmr-bridge.js";
 const RESOLVED_BRIDGE_ID = "\0virtual:animus/hmr-bridge.js";
+const VIRTUAL_SYSTEM_PROPS_ID = "virtual:animus/system-props";
+const RESOLVED_SYSTEM_PROPS_ID = "\0virtual:animus/system-props";
 const DEFAULT_EXTENSIONS = new Set([
 	".ts",
 	".tsx",
@@ -226,7 +224,7 @@ const UNITLESS_PROPERTIES = new Set([
 * Numbers inside CSS function calls (cubic-bezier, rgb, calc, etc.) are skipped.
 */
 function applyUnitFallback(css) {
-	return css.replace(/([a-z-]+)\s*:\s*([^;]+);/g, (match, prop, value) => {
+	return css.replace(/([a-z-]+)\s*:\s*([^;{}]+);/g, (match, prop, value) => {
 		if (UNITLESS_PROPERTIES.has(prop)) return match;
 		let depth = 0;
 		let fixed = "";
@@ -332,6 +330,9 @@ function animusExtract(options = {}) {
 	let storedManifestJson = "";
 	let resolvedComponentCss = "";
 	let storedSheets = null;
+	let storedSystemPropMapJson = "{}";
+	let storedDynamicPropsJson = "{}";
+	let storedTransformsSource = "";
 	const fileCache = /* @__PURE__ */ new Map();
 	let packageMap = {};
 	let bridgeInjected = false;
@@ -424,7 +425,7 @@ function animusExtract(options = {}) {
 			const ts = Date.now();
 			const tmpScript = join(tmpdir(), `animus-system-${ts}.js`);
 			const tmpOut = join(tmpdir(), `animus-system-${ts}.json`);
-			writeFileSync(tmpScript, `const m = require(${JSON.stringify(resolvedSystemPath)});\nconst ds = m.ds || m.default || m.system;\nif (!ds || !ds.serialize) { throw new Error('Module does not export a SystemInstance with .serialize()'); }\nconst cfg = ds.serialize();\nrequire('fs').writeFileSync(${JSON.stringify(tmpOut)}, JSON.stringify({\n  propConfig: cfg.propConfig,\n  groupRegistry: cfg.groupRegistry,\n  tokens: cfg.tokens,\n  transformNames: Object.keys(cfg.transforms || {}),\n  globalStyles: cfg.globalStyles || null\n}));\n`);
+			writeFileSync(tmpScript, `const m = require(${JSON.stringify(resolvedSystemPath)});\nconst ds = m.ds || m.default || m.system;\nif (!ds || !ds.serialize) { throw new Error('Module does not export a SystemInstance with .serialize()'); }\nconst cfg = ds.serialize();\nconst tokens = m.tokens || m.theme || null;\nrequire('fs').writeFileSync(${JSON.stringify(tmpOut)}, JSON.stringify({\n  propConfig: cfg.propConfig,\n  groupRegistry: cfg.groupRegistry,\n  tokens: tokens,\n  transformNames: Object.keys(cfg.transforms || {}),\n  globalStyles: cfg.globalStyles || null\n}));\n`);
 			execSync(`bun run "${tmpScript}"`, {
 				cwd: rootDir,
 				encoding: "utf-8"
@@ -442,7 +443,7 @@ function animusExtract(options = {}) {
 				themeJson = result.scalesJson;
 				variableMapJson = result.variableMapJson;
 				variableCss = result.variableCss;
-			}
+			} else if (logger) logger.warn("[animus] No tokens export found in system module — CSS variables will not be generated. Export your theme as `tokens` or `theme`.");
 			if (parsed.globalStyles) {
 				const hasReset = parsed.globalStyles.reset && Object.keys(parsed.globalStyles.reset).length > 0;
 				const hasGlobal = parsed.globalStyles.global && Object.keys(parsed.globalStyles.global).length > 0;
@@ -494,6 +495,32 @@ function animusExtract(options = {}) {
 			const manifestJson = analyzeProject(JSON.stringify(fileEntries), themeJson, variableMapJson, configJson, groupRegistryJson, JSON.stringify(packageMap), !isProd);
 			storedManifest = JSON.parse(manifestJson);
 			storedManifestJson = manifestJson;
+			storedSystemPropMapJson = JSON.stringify(storedManifest?.system_prop_map ?? {});
+			const dynamicProps = storedManifest?.dynamic_props ?? {};
+			const newDynamicPropsJson = JSON.stringify(dynamicProps);
+			if (newDynamicPropsJson !== storedDynamicPropsJson) {
+				storedDynamicPropsJson = newDynamicPropsJson;
+				const usedTransformNames = /* @__PURE__ */ new Set();
+				for (const meta of Object.values(dynamicProps)) if (meta.transform_name) usedTransformNames.add(meta.transform_name);
+				if (storedManifest?.components) {
+					for (const comp of Object.values(storedManifest.components)) if (comp.replacement) {
+						const matches = comp.replacement.matchAll(/transforms\.(\w+)/g);
+						for (const match of matches) usedTransformNames.add(match[1]);
+					}
+				}
+				if (usedTransformNames.size > 0 && transformRegistry.size > 0) {
+					const transformParts = [];
+					for (const name of usedTransformNames) {
+						const fn = transformRegistry.get(name);
+						if (fn) try {
+							transformParts.push(`${JSON.stringify(name)}: ${fn.toString()}`);
+						} catch {
+							console.warn(`[animus-extract] Could not serialize transform "${name}" — dynamic props using it will fall back to raw values`);
+						}
+					}
+					storedTransformsSource = transformParts.length > 0 ? `{ ${transformParts.join(", ")} }` : "{}";
+				} else storedTransformsSource = "{}";
+			}
 			bridgeInjected = false;
 			storedSheets = storedManifest?.sheets ?? null;
 			const rawCss = storedManifest?.css || "";
@@ -643,6 +670,7 @@ function animusExtract(options = {}) {
 			if (id === VIRTUAL_CSS_ID) return RESOLVED_CSS_ID;
 			if (id === VIRTUAL_COMPONENTS_ID) return RESOLVED_COMPONENTS_ID;
 			if (id === VIRTUAL_BRIDGE_ID) return RESOLVED_BRIDGE_ID;
+			if (id === VIRTUAL_SYSTEM_PROPS_ID) return RESOLVED_SYSTEM_PROPS_ID;
 			return null;
 		},
 		load(id) {
@@ -694,6 +722,22 @@ if (import.meta.hot) {
   });
 }
 `;
+			if (id === RESOLVED_SYSTEM_PROPS_ID) {
+				let moduleSource = `export const systemPropMap = ${storedSystemPropMapJson};\nexport const systemPropGroups = ${groupRegistryJson};`;
+				if (storedDynamicPropsJson !== "{}") {
+					const dynamicProps = JSON.parse(storedDynamicPropsJson);
+					const configEntries = {};
+					for (const [propName, meta] of Object.entries(dynamicProps)) configEntries[propName] = {
+						varName: meta.var_name,
+						slotClass: meta.slot_class,
+						...meta.transform_name ? { transformName: meta.transform_name } : {},
+						...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};`;
+				}
+				return moduleSource;
+			}
 			return null;
 		},
 		transform(code, id) {
@@ -764,6 +808,11 @@ if (import.meta.hot) {
 					hmrServer.moduleGraph.invalidateModule(compModule);
 					geologicalModules.push(compModule);
 				}
+				const sysPropModule = hmrServer.moduleGraph.getModuleById(RESOLVED_SYSTEM_PROPS_ID);
+				if (sysPropModule) {
+					hmrServer.moduleGraph.invalidateModule(sysPropModule);
+					geologicalModules.push(sysPropModule);
+				}
 				return geologicalModules;
 			}
 			let source;
@@ -794,6 +843,11 @@ if (import.meta.hot) {
 				hmrServer.moduleGraph.invalidateModule(compModule);
 				modulesToUpdate.push(compModule);
 			}
+			const sysPropModule = hmrServer.moduleGraph.getModuleById(RESOLVED_SYSTEM_PROPS_ID);
+			if (sysPropModule) {
+				hmrServer.moduleGraph.invalidateModule(sysPropModule);
+				modulesToUpdate.push(sysPropModule);
+			}
 			if (storedManifest?.components) {
 				const staleFiles = /* @__PURE__ */ new Set();
 				for (const [id, desc] of Object.entries(storedManifest.components)) if ((desc.replacement ?? "") !== (prevReplacements.get(id) ?? "")) staleFiles.add(desc.file);

package/dist/theme-evaluator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-evaluator.d.ts","sourceRoot":"","sources":["../src/theme-evaluator.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAC/D,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;CACrB,CAuCA;AAED;;;;;;;GAOG;AACH,wBAAsB,aAAa,CACjC,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EAC5D,SAAS,EAAE,MAAM,GAChB,OAAO,CAAC;IACT,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC,CAWD;AA6KD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EACjD,cAAc,EAAE,MAAM,EACtB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC5B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC,GAC1C,MAAM,CAiCR"}
+{"version":3,"file":"theme-evaluator.d.ts","sourceRoot":"","sources":["../src/theme-evaluator.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAC/D,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;CACrB,CAuCA;AAED;;;;;;;GAOG;AACH,wBAAsB,aAAa,CACjC,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EAC5D,SAAS,EAAE,MAAM,GAChB,OAAO,CAAC;IACT,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC,CAWD;AAuKD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EACjD,cAAc,EAAE,MAAM,EACtB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC5B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC,GAC1C,MAAM,CAiCR"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@animus-ui/vite-plugin",
-  "version": "0.1.0-next.1",
+  "version": "0.1.0-next.10",
   "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/core": "0.1.0-next.1",
-    "@animus-ui/extract": "0.1.0-next.1"
+    "@animus-ui/core": "0.1.0-next.10",
+    "@animus-ui/extract": "0.1.0-next.10"
   }
 }