@animus-ui/vite-plugin 0.1.0-next.62 → 0.1.0-next.65

package/dist/index.d.ts

@@ -11,6 +11,16 @@ export interface AnimusExtractOptions {
     include?: string[];
     /** Glob patterns to exclude. */
     exclude?: string[];
+    /**
+     * File extensions to scan for component definitions and JSX usages.
+     * Replaces the default list entirely (not additive). Include `.mdx` to
+     * extract components rendered from MDX files — `@mdx-js/mdx` must be
+     * installed as a peer for MDX files to be preprocessed; otherwise the
+     * plugin warns once at buildStart and skips them.
+     *
+     * @default ['.ts', '.tsx', '.js', '.jsx', '.mdx']
+     */
+    extensions?: string[];
     /** When true, extraction failures throw instead of warning. Use in CI to enforce full extraction. */
     strict?: boolean;
     /**
@@ -45,6 +55,7 @@ export interface AnimusExtractOptions {
      */
     layers?: string[];
 }
+export declare function discoverFiles(dir: string, rootDir: string, excludePatterns: string[], extensionsSet: ReadonlySet<string>): string[];
 export declare function animusExtract(options: AnimusExtractOptions): Plugin;
 export default animusExtract;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,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;;;;;;OAMG;IACH,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,CAylCnE;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAmBA,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;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,qGAAqG;IACrG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;;OAMG;IACH,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;AAgBD,wBAAgB,aAAa,CAC3B,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,MAAM,EACf,eAAe,EAAE,MAAM,EAAE,EACzB,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,GACjC,MAAM,EAAE,CAqCV;AAqFD,wBAAgB,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,MAAM,CAsrCnE;eAEc,aAAa"}

package/dist/index.mjs

@@ -2,7 +2,7 @@ import { createRequire } from "node:module";
 import { createHash } from "crypto";
 import { existsSync, readFileSync, readdirSync, statSync } from "fs";
 import { dirname, extname, join, relative, resolve } from "path";
-import { applyUnitFallback, assembleStylesheet, extractSystemFilePackages, stripLeadingLayerDeclaration, validateLayerOrder } from "@animus-ui/extract/pipeline";
+import { DEFAULT_EXTENSIONS, applyUnitFallback, assembleStylesheet, extractSystemFilePackages, preprocessMdx, stripLeadingLayerDeclaration, validateLayerOrder } from "@animus-ui/extract/pipeline";
 import browserslist from "browserslist";
 import { browserslistToTargets, transform } from "lightningcss";
 //#region \0rolldown/runtime.js
@@ -17,19 +17,13 @@ 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",
-	".js",
-	".jsx"
-]);
 const DEFAULT_EXCLUDE = [
 	"node_modules",
 	"dist",
 	".test.",
 	".spec."
 ];
-function discoverFiles(dir, rootDir, excludePatterns) {
+function discoverFiles(dir, rootDir, excludePatterns, extensionsSet) {
 	const results = [];
 	let entries;
 	try {
@@ -47,8 +41,8 @@ function discoverFiles(dir, rootDir, excludePatterns) {
 		} catch {
 			continue;
 		}
-		if (stat.isDirectory()) results.push(...discoverFiles(fullPath, rootDir, excludePatterns));
-		else if (DEFAULT_EXTENSIONS.has(extname(entry))) results.push(fullPath);
+		if (stat.isDirectory()) results.push(...discoverFiles(fullPath, rootDir, excludePatterns, extensionsSet));
+		else if (extensionsSet.has(extname(entry))) results.push(fullPath);
 	}
 	return results;
 }
@@ -148,6 +142,7 @@ function animusExtract(options) {
 	let globalStyleBlocksJson = null;
 	let keyframesBlocksJson = null;
 	let pathAliasesJson = null;
+	let extensionsSet = new Set(options.extensions ?? DEFAULT_EXTENSIONS);
 	let storedManifest = null;
 	let storedManifestJson = "";
 	let resolvedComponentCss = "";
@@ -327,11 +322,30 @@ function animusExtract(options) {
 			}
 			t0 = performance.now();
 			const excludePatterns = options.exclude ?? DEFAULT_EXCLUDE;
-			const filePaths = discoverFiles(rootDir, rootDir, excludePatterns);
+			extensionsSet = new Set(options.extensions ?? DEFAULT_EXTENSIONS);
+			const shouldHandleMdx = extensionsSet.has(".mdx");
+			let mdxMissingDepWarned = false;
+			const filePaths = discoverFiles(rootDir, rootDir, excludePatterns, extensionsSet);
 			const fileEntries = [];
 			for (const filePath of filePaths) try {
-				const source = readFileSync(filePath, "utf-8");
-				const relPath = relative(rootDir, filePath);
+				let source = readFileSync(filePath, "utf-8");
+				let relPath = relative(rootDir, filePath);
+				if (shouldHandleMdx && extname(filePath) === ".mdx") {
+					const result = await preprocessMdx(source, relPath);
+					if (result.kind === "missing-dep") {
+						if (!mdxMissingDepWarned) {
+							warn("⚠ .mdx in extensions but @mdx-js/mdx not installed; MDX files skipped");
+							mdxMissingDepWarned = true;
+						}
+						continue;
+					}
+					if (result.kind === "error") {
+						warn(`⚠ MDX preprocessing failed for ${relPath}: ${result.error}`);
+						continue;
+					}
+					source = result.source;
+					relPath = relPath + ".tsx";
+				}
 				const hash = !isProd ? contentHash(source) : void 0;
 				fileEntries.push({
 					path: relPath,
@@ -357,11 +371,27 @@ function animusExtract(options) {
 					const srcDir = join(pkgRoot, "src");
 					if (existsSync(srcDir)) {
 						collectedPkgDirs.push(srcDir);
-						const pkgFiles = discoverFiles(srcDir, rootDir, excludePatterns);
+						const pkgFiles = discoverFiles(srcDir, rootDir, excludePatterns, extensionsSet);
 						for (const pkgFile of pkgFiles) {
-							const pkgRelPath = relative(rootDir, pkgFile);
+							let pkgRelPath = relative(rootDir, pkgFile);
 							if (!fileEntries.some((e) => e.path === pkgRelPath)) {
-								const pkgSource = readFileSync(pkgFile, "utf-8");
+								let pkgSource = readFileSync(pkgFile, "utf-8");
+								if (shouldHandleMdx && extname(pkgFile) === ".mdx") {
+									const result = await preprocessMdx(pkgSource, pkgRelPath);
+									if (result.kind === "missing-dep") {
+										if (!mdxMissingDepWarned) {
+											warn("⚠ .mdx in extensions but @mdx-js/mdx not installed; MDX files skipped");
+											mdxMissingDepWarned = true;
+										}
+										continue;
+									}
+									if (result.kind === "error") {
+										warn(`⚠ MDX preprocessing failed for ${pkgRelPath}: ${result.error}`);
+										continue;
+									}
+									pkgSource = result.source;
+									pkgRelPath = pkgRelPath + ".tsx";
+								}
 								const pkgHash = !isProd ? contentHash(pkgSource) : void 0;
 								fileEntries.push({
 									path: pkgRelPath,
@@ -412,6 +442,7 @@ function animusExtract(options) {
 					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}`);
+					else if (d.kind === "prospective_component") warn(`⚠ ${d.component} would be eliminated in production: ${d.reason}`);
 					else if (d.kind === "variant") warn(`⚠ ${d.component} variant '${d.name}' pruned: ${d.reason}`);
 					else if (d.kind === "state") warn(`⚠ ${d.component} state '${d.name}' pruned: ${d.reason}`);
 				}
@@ -594,10 +625,10 @@ if (import.meta.hot) {
 				}];
 			}
 		},
-		handleHotUpdate({ file, server: hmrServer, modules }) {
+		async handleHotUpdate({ file, server: hmrServer, modules }) {
 			if (isProd) return;
 			const ext = extname(file);
-			if (!DEFAULT_EXTENSIONS.has(ext)) return;
+			if (!extensionsSet.has(ext)) return;
 			const excludePatterns = options.exclude ?? DEFAULT_EXCLUDE;
 			if (!externalPackageDirs.some((dir) => file.startsWith(dir)) && excludePatterns.some((pattern) => file.includes(pattern) || relative(rootDir, file).includes(pattern))) return;
 			const absFile = resolve(file);
@@ -642,20 +673,34 @@ if (import.meta.hot) {
 			} catch {
 				return;
 			}
+			let scannerRelPath = relPath;
+			if (ext === ".mdx") {
+				const result = await preprocessMdx(source, relPath);
+				if (result.kind === "missing-dep") {
+					warn("⚠ .mdx HMR skipped: @mdx-js/mdx not installed; restart dev server after installing");
+					return;
+				}
+				if (result.kind === "error") {
+					warn(`⚠ MDX preprocessing failed for ${relPath}: ${result.error}`);
+					return;
+				}
+				source = result.source;
+				scannerRelPath = relPath + ".tsx";
+			}
 			const hash = contentHash(source);
-			const cached = fileCache.get(relPath);
+			const cached = fileCache.get(scannerRelPath);
 			if (cached && cached.hash === hash) {
-				log(`HMR skip: ${relPath} (unchanged)`);
+				log(`HMR skip: ${scannerRelPath} (unchanged)`);
 				return [];
 			}
-			fileCache.set(relPath, {
+			fileCache.set(scannerRelPath, {
 				hash,
 				source
 			});
 			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 directComponentIds = storedManifest?.files?.[scannerRelPath] ?? [];
 			const invalidatedIds = new Set(directComponentIds);
 			const queue = [...directComponentIds];
 			while (queue.length > 0) {
@@ -705,4 +750,4 @@ if (import.meta.hot) {
 	};
 }
 //#endregion
-export { animusExtract, animusExtract as default };
+export { animusExtract, animusExtract as default, discoverFiles };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@animus-ui/vite-plugin",
-  "version": "0.1.0-next.62",
+  "version": "0.1.0-next.65",
   "description": "Animus static CSS extraction Vite plugin",
   "author": "codecaaron <airrobb@gmail.com>",
   "license": "MIT",
@@ -30,15 +30,21 @@
   ],
   "scripts": {
     "build": "bun run build:ts",
-    "build:ts": "tsdown && tsc -p tsconfig.build.json",
-    "compile": "tsc --noEmit"
+    "build:ts": "tsdown && tsgo -p tsconfig.build.json",
+    "compile": "tsgo --noEmit",
+    "compile:tsc-fallback": "tsc --noEmit"
   },
   "peerDependencies": {
+    "@mdx-js/mdx": "^3.0.0",
     "vite": ">=5.0.0"
   },
+  "peerDependenciesMeta": {
+    "@mdx-js/mdx": {
+      "optional": true
+    }
+  },
   "dependencies": {
-    "@animus-ui/extract": "0.1.0-next.62",
-    "@animus-ui/system": "0.1.0-next.62",
+    "@animus-ui/extract": "0.1.0-next.65",
     "browserslist": "^4.24.0",
     "lightningcss": "^1.29.0"
   }