@animus-ui/vite-plugin 0.1.0-next.40 → 0.1.0-next.45

package/dist/index.d.ts

@@ -37,12 +37,14 @@ export interface AnimusExtractOptions {
     prefix?: string;
     /**
      * Full `@layer` declaration order. Must include all 7 Animus layers
-     * (global, base, variants, states, system, custom) as a subsequence
-     * in their required order. Consumer layers may be interleaved around them.
+     * as a subsequence in their required order. Consumer layers may be
+     * interleaved around them. Names are emitted as-is.
      *
-     * Example: `['reset', 'global', 'base', 'variants', 'states', 'system', 'custom', 'overrides']`
+     * When `prefix` is set, use prefixed Animus names:
+     * `['reset', 'acme.global', 'acme.base', 'acme.variants', ..., 'overrides']`
      *
-     * When omitted, defaults to the 7 Animus layers.
+     * Without prefix:
+     * `['reset', 'global', 'base', 'variants', ..., 'overrides']`
      */
     layers?: string[];
 }

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AA6BA,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;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AA6ID,wBAAgB,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,MAAM,CA4+BnE;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AA8BA,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;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AA6ID,wBAAgB,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,MAAM,CA8hCnE;AAED,eAAe,aAAa,CAAC"}

package/dist/index.mjs

@@ -5,7 +5,7 @@ import { existsSync, readFileSync, readdirSync, statSync, unlinkSync, writeFileS
 import { tmpdir } from "os";
 import { dirname, extname, join, relative, resolve } from "path";
 import { fileURLToPath } from "url";
-import { applyPrefix, applyUnitFallback, assembleStylesheet, detectRuntime, execSubprocess, extractSystemFilePackages, validateLayerOrder } from "@animus-ui/extract/pipeline";
+import { applyPrefix, applyUnitFallback, assembleStylesheet, detectRuntime, execSubprocess, extractSystemFilePackages, prefixLayerName, validateLayerOrder } from "@animus-ui/extract/pipeline";
 import browserslist from "browserslist";
 import { browserslistToTargets, transform } from "lightningcss";
 //#region \0rolldown/runtime.js
@@ -140,6 +140,7 @@ function animusExtract(options) {
 	let packageMap = {};
 	let externalPackageDirs = [];
 	const externalSourceEntries = /* @__PURE__ */ new Map();
+	let devServer;
 	let bridgeInjected = false;
 	let resolvedSystemPath = null;
 	/**
@@ -202,7 +203,7 @@ function animusExtract(options) {
 					});
 					const gsResult = JSON.parse(readFileSync(gsOut, "utf-8"));
 					const parts = Object.values(gsResult).filter(Boolean);
-					if (parts.length > 0) globalCss = `@layer global {\n${parts.join("\n\n")}\n}`;
+					if (parts.length > 0) globalCss = `@layer ${prefixLayerName("global", options.prefix)} {\n${parts.join("\n\n")}\n}`;
 					try {
 						unlinkSync(gsThemeFile);
 						unlinkSync(gsOut);
@@ -287,6 +288,9 @@ function animusExtract(options) {
 	return {
 		name: "animus-extract",
 		enforce: "pre",
+		configureServer(server) {
+			devServer = server;
+		},
 		configResolved(config) {
 			isProd = config.command === "build";
 			rootDir = config.root;
@@ -294,7 +298,7 @@ function animusExtract(options) {
 			lcssTargets = resolveLightningTargets(options.targets, rootDir);
 			log(`Lightning CSS targets resolved (${Object.keys(lcssTargets).length} browsers)`);
 			if (options.layers) {
-				validateLayerOrder(options.layers);
+				validateLayerOrder(options.layers, options.prefix);
 				log(`Custom layers: [${options.layers.join(", ")}]`);
 			}
 			if (options.prefix) log(`Namespace prefix: "${options.prefix}"`);
@@ -403,6 +407,7 @@ function animusExtract(options) {
 				if (!isProd && storedSheets) {
 					const staticSize = assembleStylesheet({
 						layers: options.layers,
+						prefix: options.prefix,
 						variableCss,
 						globalCss
 					}).length;
@@ -429,6 +434,7 @@ function animusExtract(options) {
 			if (id === RESOLVED_CSS_ID) {
 				if (!isProd && storedSheets) return postProcessCss(assembleStylesheet({
 					layers: options.layers,
+					prefix: options.prefix,
 					variableCss,
 					globalCss
 				}), {
@@ -437,6 +443,7 @@ function animusExtract(options) {
 				});
 				return postProcessCss(assembleStylesheet({
 					layers: options.layers,
+					prefix: options.prefix,
 					variableCss,
 					globalCss,
 					componentCss: resolvedComponentCss
@@ -506,7 +513,28 @@ if (import.meta.hot) {
 				if (id.includes("node_modules")) return null;
 			}
 			const relativePath = relative(rootDir, id);
-			if (!storedManifest.files?.[relativePath]?.length) return null;
+			if (!storedManifest.files?.[relativePath]?.length) {
+				if (!isProd && !fileCache.has(relativePath)) {
+					const hash = contentHash(code);
+					fileCache.set(relativePath, {
+						hash,
+						source: code
+					});
+					runAnalysis(buildFileEntriesFromCache(fileCache, relativePath));
+					const compCount = storedManifest.files?.[relativePath]?.length ?? 0;
+					log(`New file detected: ${relativePath} — ${compCount ? `${compCount} components extracted` : "no components"}`);
+					if (compCount && devServer) {
+						const compModule = devServer.moduleGraph.getModuleById(RESOLVED_COMPONENTS_ID);
+						if (compModule) devServer.moduleGraph.invalidateModule(compModule);
+						const sysPropModule = devServer.moduleGraph.getModuleById(RESOLVED_SYSTEM_PROPS_ID);
+						if (sysPropModule) devServer.moduleGraph.invalidateModule(sysPropModule);
+						setTimeout(() => {
+							devServer.hot.send({ type: "full-reload" });
+						}, 100);
+					}
+				}
+				if (!storedManifest.files?.[relativePath]?.length) return null;
+			}
 			try {
 				const { transformFile } = __require("@animus-ui/extract");
 				const result = transformFile(code, relativePath, storedManifestJson);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@animus-ui/vite-plugin",
-  "version": "0.1.0-next.40",
+  "version": "0.1.0-next.45",
   "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.40",
-    "@animus-ui/system": "0.1.0-next.40",
+    "@animus-ui/extract": "0.1.0-next.45",
+    "@animus-ui/system": "0.1.0-next.45",
     "browserslist": "^4.24.0",
     "lightningcss": "^1.29.0"
   }