boss-css 0.0.24 → 0.0.25

package/dist/cli/tasks/init.cjs

@@ -196,6 +196,12 @@ const POSTCSS_CONFIG_FILES = [
 	".postcssrc.cjs",
 	".postcssrc.mjs"
 ];
+const VITE_CONFIG_FILES = [
+	"vite.config.ts",
+	"vite.config.js",
+	"vite.config.mjs",
+	"vite.config.cjs"
+];
 const ESLINT_CONFIG_FILES = [
 	{
 		file: "eslint.config.js",
@@ -371,6 +377,7 @@ const init = async (config) => {
 			configDir: normalizedConfigDir,
 			packageJson: packageData
 		});
+		const nitroViteUpdate = await ensureNitroViteTraceDeps(cwd);
 		const packageManager = await detectPackageManager(cwd, config.runtimeType);
 		const installCommand = packageUpdate.bossCssAdded ? formatInstallCommand(packageManager) : null;
 		logInitSummary({
@@ -386,7 +393,8 @@ const init = async (config) => {
 			frameworkId: framework.id,
 			selectedStrategyId,
 			cssAutoLoad,
-			installCommand
+			installCommand,
+			nitroUpdated: nitroViteUpdate.updated
 		});
 		return true;
 	} }];
@@ -1257,6 +1265,93 @@ const ensureArrayEntry = (content, key, entry) => {
 		content: `${content.slice(0, endIndex)}${insertion}${content.slice(endIndex)}`
 	};
 };
+const updateNitroViteConfigContent = (content) => {
+	const nitroPattern = /\bnitro\s*\(/g;
+	let next = content;
+	let updated = false;
+	let hasNitro = false;
+	let unsupported = false;
+	let offset = 0;
+	while (true) {
+		nitroPattern.lastIndex = offset;
+		const match = nitroPattern.exec(next);
+		if (!match) break;
+		hasNitro = true;
+		const callStart = match.index + match[0].length - 1;
+		const callEnd = findMatchingIndex(next, callStart, "(", ")");
+		if (callEnd === -1) {
+			unsupported = true;
+			break;
+		}
+		const rawArgs = next.slice(callStart + 1, callEnd);
+		if (!rawArgs.trim()) {
+			next = `${next.slice(0, callStart + 1)}{ traceDeps: ['jsdom'] }${next.slice(callEnd)}`;
+			updated = true;
+			offset = callStart + 1 + 24;
+			continue;
+		}
+		const firstArgOffset = rawArgs.search(/\S/);
+		if (firstArgOffset === -1) {
+			next = `${next.slice(0, callStart + 1)}{ traceDeps: ['jsdom'] }${next.slice(callEnd)}`;
+			updated = true;
+			offset = callStart + 1 + 24;
+			continue;
+		}
+		const objectStart = callStart + 1 + firstArgOffset;
+		if (next[objectStart] !== "{") {
+			unsupported = true;
+			offset = callEnd + 1;
+			continue;
+		}
+		const objectEnd = findMatchingIndex(next, objectStart, "{", "}");
+		if (objectEnd === -1 || next.slice(objectEnd + 1, callEnd).trim()) {
+			unsupported = true;
+			offset = callEnd + 1;
+			continue;
+		}
+		const objectText = next.slice(objectStart, objectEnd + 1);
+		const updatedObject = ensureNitroTraceDepsInObject(objectText, getIndentFromIndex(next, objectStart));
+		if (updatedObject !== objectText) {
+			next = `${next.slice(0, objectStart)}${updatedObject}${next.slice(objectEnd + 1)}`;
+			updated = true;
+			offset = objectStart + updatedObject.length;
+			continue;
+		}
+		offset = callEnd + 1;
+	}
+	return {
+		content: next,
+		updated,
+		hasNitro,
+		unsupported
+	};
+};
+const ensureNitroTraceDepsInObject = (objectText, baseIndent) => {
+	if (!objectText.startsWith("{") || !objectText.endsWith("}")) return objectText;
+	const traceMatch = objectText.match(/\btraceDeps\s*:\s*\[/);
+	if (!traceMatch) {
+		if (objectText.trim() === "{}") return "{ traceDeps: ['jsdom'] }";
+		if (!objectText.includes("\n")) return `{ traceDeps: ['jsdom'], ${objectText.slice(1, -1).trim()} }`;
+		const entryIndent = `${baseIndent}  `;
+		return objectText.replace("{", `{\n${entryIndent}traceDeps: ['jsdom'],`);
+	}
+	const arrayStart = (traceMatch.index ?? 0) + traceMatch[0].length - 1;
+	const arrayEnd = findMatchingIndex(objectText, arrayStart, "[", "]");
+	if (arrayEnd === -1) return objectText;
+	const arrayBody = objectText.slice(arrayStart + 1, arrayEnd);
+	if (/['"]jsdom['"]/.test(arrayBody)) return objectText;
+	const updatedArrayBody = appendTraceDep(arrayBody, `${baseIndent}    `);
+	return `${objectText.slice(0, arrayStart + 1)}${updatedArrayBody}${objectText.slice(arrayEnd)}`;
+};
+const appendTraceDep = (arrayBody, indent) => {
+	if (!arrayBody.trim()) {
+		if (!arrayBody.includes("\n")) return "'jsdom'";
+		return `\n${indent}'jsdom'\n${arrayBody.match(/\n([ \t]*)$/)?.[1] ?? indent.slice(0, -2)}`;
+	}
+	if (!arrayBody.includes("\n")) return `${arrayBody.trim()}, 'jsdom'`;
+	const trimmedEnd = arrayBody.replace(/\s*$/, "");
+	return `${trimmedEnd}${/,\s*$/.test(trimmedEnd) ? "" : ","}\n${indent}'jsdom'\n${arrayBody.match(/\n([ \t]*)$/)?.[1] ?? indent.slice(0, -2)}`;
+};
 const ensureAllowGlobalsRule = (rules) => {
 	const existing = rules["react/jsx-no-undef"];
 	if (Array.isArray(existing)) {
@@ -1710,6 +1805,31 @@ const ensureBossImport = (content, isEsm) => {
 	if (content.includes("const boss = require")) return content;
 	return `const boss = require('boss-css/postcss')\n${content}`;
 };
+const detectViteConfigPath = async (cwd) => {
+	for (const file of VITE_CONFIG_FILES) {
+		const fullPath = node_path.default.join(cwd, file);
+		if (await exists(fullPath)) return fullPath;
+	}
+	return null;
+};
+const ensureNitroViteTraceDeps = async (cwd) => {
+	const viteConfigPath = await detectViteConfigPath(cwd);
+	if (!viteConfigPath) return {
+		updated: false,
+		hasNitro: false
+	};
+	const update = updateNitroViteConfigContent(await node_fs_promises.default.readFile(viteConfigPath, "utf8"));
+	if (update.unsupported) _clack_prompts.log.warn("Nitro detected in vite.config.*, but init could not safely add traceDeps: ['jsdom'].");
+	if (!update.updated) return {
+		updated: false,
+		hasNitro: update.hasNitro
+	};
+	await node_fs_promises.default.writeFile(viteConfigPath, update.content);
+	return {
+		updated: true,
+		hasNitro: update.hasNitro
+	};
+};
 const getIndentFromIndex = (content, index) => {
 	const lineStart = content.lastIndexOf("\n", index);
 	const match = content.slice(lineStart + 1).match(/^\s+/);
@@ -1816,7 +1936,7 @@ const exists = async (filePath) => {
 		return false;
 	}
 };
-const logInitSummary = ({ configDir, isNext, postcssMode, postcssDetection, configFolder, srcRoot, globalsEnabled, eslintUpdated, useEslintPlugin, frameworkId, selectedStrategyId, cssAutoLoad, installCommand }) => {
+const logInitSummary = ({ configDir, isNext, postcssMode, postcssDetection, configFolder, srcRoot, globalsEnabled, eslintUpdated, useEslintPlugin, frameworkId, selectedStrategyId, cssAutoLoad, installCommand, nitroUpdated }) => {
 	_clack_prompts.log.info("boss init complete.");
 	_clack_prompts.log.message(`Generated Boss CSS config in ${configDir}`);
 	if (selectedStrategyId === "classname-only") _clack_prompts.log.message("Classname-only does not auto-load styles. Import styles.css manually.");
@@ -1858,8 +1978,10 @@ const logInitSummary = ({ configDir, isNext, postcssMode, postcssDetection, conf
 		_clack_prompts.log.message("Stencil note:");
 		_clack_prompts.log.message("- PostCSS setup is skipped; run `npx boss-css watch` for CSS generation.");
 	}
+	if (nitroUpdated) _clack_prompts.log.message("Updated vite.config.* Nitro plugin with traceDeps: ['jsdom'].");
 	if (globalsEnabled) _clack_prompts.log.message("Global $$ enabled for JSX usage.");
 	if (eslintUpdated) _clack_prompts.log.message(useEslintPlugin ? "ESLint updated with Boss CSS plugin." : "ESLint updated with $$ globals.");
 };
 //#endregion
 exports.default = init;
+exports.updateNitroViteConfigContent = updateNitroViteConfigContent;

package/dist/cli/tasks/init.mjs

@@ -192,6 +192,12 @@ const POSTCSS_CONFIG_FILES = [
 	".postcssrc.cjs",
 	".postcssrc.mjs"
 ];
+const VITE_CONFIG_FILES = [
+	"vite.config.ts",
+	"vite.config.js",
+	"vite.config.mjs",
+	"vite.config.cjs"
+];
 const ESLINT_CONFIG_FILES = [
 	{
 		file: "eslint.config.js",
@@ -367,6 +373,7 @@ const init = async (config) => {
 			configDir: normalizedConfigDir,
 			packageJson: packageData
 		});
+		const nitroViteUpdate = await ensureNitroViteTraceDeps(cwd);
 		const packageManager = await detectPackageManager(cwd, config.runtimeType);
 		const installCommand = packageUpdate.bossCssAdded ? formatInstallCommand(packageManager) : null;
 		logInitSummary({
@@ -382,7 +389,8 @@ const init = async (config) => {
 			frameworkId: framework.id,
 			selectedStrategyId,
 			cssAutoLoad,
-			installCommand
+			installCommand,
+			nitroUpdated: nitroViteUpdate.updated
 		});
 		return true;
 	} }];
@@ -1253,6 +1261,93 @@ const ensureArrayEntry = (content, key, entry) => {
 		content: `${content.slice(0, endIndex)}${insertion}${content.slice(endIndex)}`
 	};
 };
+const updateNitroViteConfigContent = (content) => {
+	const nitroPattern = /\bnitro\s*\(/g;
+	let next = content;
+	let updated = false;
+	let hasNitro = false;
+	let unsupported = false;
+	let offset = 0;
+	while (true) {
+		nitroPattern.lastIndex = offset;
+		const match = nitroPattern.exec(next);
+		if (!match) break;
+		hasNitro = true;
+		const callStart = match.index + match[0].length - 1;
+		const callEnd = findMatchingIndex(next, callStart, "(", ")");
+		if (callEnd === -1) {
+			unsupported = true;
+			break;
+		}
+		const rawArgs = next.slice(callStart + 1, callEnd);
+		if (!rawArgs.trim()) {
+			next = `${next.slice(0, callStart + 1)}{ traceDeps: ['jsdom'] }${next.slice(callEnd)}`;
+			updated = true;
+			offset = callStart + 1 + 24;
+			continue;
+		}
+		const firstArgOffset = rawArgs.search(/\S/);
+		if (firstArgOffset === -1) {
+			next = `${next.slice(0, callStart + 1)}{ traceDeps: ['jsdom'] }${next.slice(callEnd)}`;
+			updated = true;
+			offset = callStart + 1 + 24;
+			continue;
+		}
+		const objectStart = callStart + 1 + firstArgOffset;
+		if (next[objectStart] !== "{") {
+			unsupported = true;
+			offset = callEnd + 1;
+			continue;
+		}
+		const objectEnd = findMatchingIndex(next, objectStart, "{", "}");
+		if (objectEnd === -1 || next.slice(objectEnd + 1, callEnd).trim()) {
+			unsupported = true;
+			offset = callEnd + 1;
+			continue;
+		}
+		const objectText = next.slice(objectStart, objectEnd + 1);
+		const updatedObject = ensureNitroTraceDepsInObject(objectText, getIndentFromIndex(next, objectStart));
+		if (updatedObject !== objectText) {
+			next = `${next.slice(0, objectStart)}${updatedObject}${next.slice(objectEnd + 1)}`;
+			updated = true;
+			offset = objectStart + updatedObject.length;
+			continue;
+		}
+		offset = callEnd + 1;
+	}
+	return {
+		content: next,
+		updated,
+		hasNitro,
+		unsupported
+	};
+};
+const ensureNitroTraceDepsInObject = (objectText, baseIndent) => {
+	if (!objectText.startsWith("{") || !objectText.endsWith("}")) return objectText;
+	const traceMatch = objectText.match(/\btraceDeps\s*:\s*\[/);
+	if (!traceMatch) {
+		if (objectText.trim() === "{}") return "{ traceDeps: ['jsdom'] }";
+		if (!objectText.includes("\n")) return `{ traceDeps: ['jsdom'], ${objectText.slice(1, -1).trim()} }`;
+		const entryIndent = `${baseIndent}  `;
+		return objectText.replace("{", `{\n${entryIndent}traceDeps: ['jsdom'],`);
+	}
+	const arrayStart = (traceMatch.index ?? 0) + traceMatch[0].length - 1;
+	const arrayEnd = findMatchingIndex(objectText, arrayStart, "[", "]");
+	if (arrayEnd === -1) return objectText;
+	const arrayBody = objectText.slice(arrayStart + 1, arrayEnd);
+	if (/['"]jsdom['"]/.test(arrayBody)) return objectText;
+	const updatedArrayBody = appendTraceDep(arrayBody, `${baseIndent}    `);
+	return `${objectText.slice(0, arrayStart + 1)}${updatedArrayBody}${objectText.slice(arrayEnd)}`;
+};
+const appendTraceDep = (arrayBody, indent) => {
+	if (!arrayBody.trim()) {
+		if (!arrayBody.includes("\n")) return "'jsdom'";
+		return `\n${indent}'jsdom'\n${arrayBody.match(/\n([ \t]*)$/)?.[1] ?? indent.slice(0, -2)}`;
+	}
+	if (!arrayBody.includes("\n")) return `${arrayBody.trim()}, 'jsdom'`;
+	const trimmedEnd = arrayBody.replace(/\s*$/, "");
+	return `${trimmedEnd}${/,\s*$/.test(trimmedEnd) ? "" : ","}\n${indent}'jsdom'\n${arrayBody.match(/\n([ \t]*)$/)?.[1] ?? indent.slice(0, -2)}`;
+};
 const ensureAllowGlobalsRule = (rules) => {
 	const existing = rules["react/jsx-no-undef"];
 	if (Array.isArray(existing)) {
@@ -1706,6 +1801,31 @@ const ensureBossImport = (content, isEsm) => {
 	if (content.includes("const boss = require")) return content;
 	return `const boss = require('boss-css/postcss')\n${content}`;
 };
+const detectViteConfigPath = async (cwd) => {
+	for (const file of VITE_CONFIG_FILES) {
+		const fullPath = path.join(cwd, file);
+		if (await exists(fullPath)) return fullPath;
+	}
+	return null;
+};
+const ensureNitroViteTraceDeps = async (cwd) => {
+	const viteConfigPath = await detectViteConfigPath(cwd);
+	if (!viteConfigPath) return {
+		updated: false,
+		hasNitro: false
+	};
+	const update = updateNitroViteConfigContent(await fs.readFile(viteConfigPath, "utf8"));
+	if (update.unsupported) log.warn("Nitro detected in vite.config.*, but init could not safely add traceDeps: ['jsdom'].");
+	if (!update.updated) return {
+		updated: false,
+		hasNitro: update.hasNitro
+	};
+	await fs.writeFile(viteConfigPath, update.content);
+	return {
+		updated: true,
+		hasNitro: update.hasNitro
+	};
+};
 const getIndentFromIndex = (content, index) => {
 	const lineStart = content.lastIndexOf("\n", index);
 	const match = content.slice(lineStart + 1).match(/^\s+/);
@@ -1812,7 +1932,7 @@ const exists = async (filePath) => {
 		return false;
 	}
 };
-const logInitSummary = ({ configDir, isNext, postcssMode, postcssDetection, configFolder, srcRoot, globalsEnabled, eslintUpdated, useEslintPlugin, frameworkId, selectedStrategyId, cssAutoLoad, installCommand }) => {
+const logInitSummary = ({ configDir, isNext, postcssMode, postcssDetection, configFolder, srcRoot, globalsEnabled, eslintUpdated, useEslintPlugin, frameworkId, selectedStrategyId, cssAutoLoad, installCommand, nitroUpdated }) => {
 	log.info("boss init complete.");
 	log.message(`Generated Boss CSS config in ${configDir}`);
 	if (selectedStrategyId === "classname-only") log.message("Classname-only does not auto-load styles. Import styles.css manually.");
@@ -1854,8 +1974,9 @@ const logInitSummary = ({ configDir, isNext, postcssMode, postcssDetection, conf
 		log.message("Stencil note:");
 		log.message("- PostCSS setup is skipped; run `npx boss-css watch` for CSS generation.");
 	}
+	if (nitroUpdated) log.message("Updated vite.config.* Nitro plugin with traceDeps: ['jsdom'].");
 	if (globalsEnabled) log.message("Global $$ enabled for JSX usage.");
 	if (eslintUpdated) log.message(useEslintPlugin ? "ESLint updated with Boss CSS plugin." : "ESLint updated with $$ globals.");
 };
 //#endregion
-export { init as default };
+export { init as default, updateNitroViteConfigContent };

package/dist/use/token/propMap.d.cts

@@ -1,5 +1,5 @@
 //#region src/use/token/propMap.d.ts
-declare const propMap: Map<string, string[] | Set<string>>;
+declare const propMap: Map<string, Set<string> | string[]>;
 declare const getTokenGroupsForProp: (prop: string) => string[];
 declare const getTokenGroupForProp: (prop: string) => string;
 declare const setTokenPropGroups: (groups: Record<string, string[]>) => void;

package/dist/use/token/propMap.d.mts

@@ -1,5 +1,5 @@
 //#region src/use/token/propMap.d.ts
-declare const propMap: Map<string, string[] | Set<string>>;
+declare const propMap: Map<string, Set<string> | string[]>;
 declare const getTokenGroupsForProp: (prop: string) => string[];
 declare const getTokenGroupForProp: (prop: string) => string;
 declare const setTokenPropGroups: (groups: Record<string, string[]>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "boss-css",
-    "version": "0.0.24",
+    "version": "0.0.25",
     "description": "Polymorphic, usage-driven CSS-in-JS.",
     "bin": {
         "boss": "./dist/cli/index.cjs",