@master/create-css 2.0.0-rc.78 → 2.0.0-rc.80

package/README.md

@@ -55,7 +55,7 @@ npx @master/create-css@rc add --json --minimal --eslint
 Supported `--framework` values:
 
 ```txt
-auto, vite, react, react-router, vue, nextjs, svelte, nuxt, astro, webpack, laravel, lit, angular, none
+auto, vite, react, react-router, vue, nextjs, svelte, nuxt, astro, webpack, rspack, rsbuild, laravel, lit, angular, none
 ```
 
 SvelteKit setup is delegated to the Svelte CLI add-on:

package/dist/core.d.ts

@@ -1,5 +1,5 @@
 //#region src/core.d.ts
-type CommandFramework = 'none' | 'vite' | 'react' | 'nextjs' | 'svelte' | 'nuxt' | 'astro' | 'webpack' | 'laravel' | 'lit' | 'angular';
+type CommandFramework = 'none' | 'vite' | 'react' | 'react-router' | 'vue' | 'nextjs' | 'svelte' | 'nuxt' | 'astro' | 'webpack' | 'rspack' | 'rsbuild' | 'laravel' | 'lit' | 'angular';
 type CommandFrameworkOption = CommandFramework | 'auto';
 type CommandPackageManager = 'npm' | 'pnpm' | 'yarn' | 'bun';
 interface CommandOptions {

package/dist/core.js

@@ -15,7 +15,7 @@ const newProjectCommands = [
 async function runProgram(argv = process.argv) {
 	const program = new Command();
 	program.name("create-css").description(pkg.description).version(pkg.version || "0.0.0");
-	const configure = (command) => command.option("-C, --cwd <path>", "Project root to update.").option("--framework <framework>", "Framework: auto, vite, react, react-router, vue, nextjs, svelte, nuxt, astro, webpack, laravel, lit, angular, none.", "auto").option("--eslint", "Add the Master CSS recommended ESLint flat config.").option("--no-eslint", "Skip the Master CSS recommended ESLint flat config.").option("--mcp", "Add the Master CSS MCP package and print the stdio registration command.").option("--no-mcp", "Skip the Master CSS MCP package and registration command.").option("--ai", "Add Master CSS guidance to AGENTS.md.").option("--no-ai", "Skip Master CSS guidance for coding agents.").option("--minimal", "Only add core Master CSS framework setup.").option("--install <package-manager>", "Run dependency installation with npm, pnpm, yarn, or bun after edits.").option("--no-install", "Do not run dependency installation.").option("--dry-run", "Print the setup plan without writing files.").option("--json", "Print machine-readable JSON.").option("-y, --yes", "Accept recommended defaults and run package installation with the detected package manager.");
+	const configure = (command) => command.option("-C, --cwd <path>", "Project root to update.").option("--framework <framework>", "Framework: auto, vite, react, react-router, vue, nextjs, svelte, nuxt, astro, webpack, rspack, rsbuild, laravel, lit, angular, none.", "auto").option("--eslint", "Add the Master CSS recommended ESLint flat config.").option("--no-eslint", "Skip the Master CSS recommended ESLint flat config.").option("--mcp", "Add the Master CSS MCP package and print the stdio registration command.").option("--no-mcp", "Skip the Master CSS MCP package and registration command.").option("--ai", "Add Master CSS guidance to AGENTS.md.").option("--no-ai", "Skip Master CSS guidance for coding agents.").option("--minimal", "Only add core Master CSS framework setup.").option("--install <package-manager>", "Run dependency installation with npm, pnpm, yarn, or bun after edits.").option("--no-install", "Do not run dependency installation.").option("--dry-run", "Print the setup plan without writing files.").option("--json", "Print machine-readable JSON.").option("-y, --yes", "Accept recommended defaults and run package installation with the detected package manager.");
 	configure(program).argument("[project name]", "Deprecated. The installer now updates the current project; use --cwd for another root.").action(async (projectName, options) => {
 		if (projectName && projectName !== "add") program.error(`Project scaffolding is not provided by @master/create-css. Create a Vite project first, then run the installer from the project root:\n\n${formatNewProjectCommands()}`);
 		await runAdd(options);

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 //#region src/index.d.ts
-type Framework = 'none' | 'vite' | 'react' | 'react-router' | 'vue' | 'nextjs' | 'svelte' | 'nuxt' | 'astro' | 'webpack' | 'laravel' | 'lit' | 'angular';
+type Framework = 'none' | 'vite' | 'react' | 'react-router' | 'vue' | 'nextjs' | 'svelte' | 'nuxt' | 'astro' | 'webpack' | 'rspack' | 'rsbuild' | 'laravel' | 'lit' | 'angular';
 type FrameworkOption = Framework | 'auto';
 type PackageManager = 'npm' | 'pnpm' | 'yarn' | 'bun';
 type FileAction = 'create' | 'update' | 'skip';

package/dist/index.js

@@ -1,5 +1,5 @@
 import { AGENT_RULES_BLOCK, CANONICAL_ESLINT_CONFIG, MASTER_CSS_PACKAGES } from "./constants.js";
-import { addAngularRuntimeSetup, addLitShadowRuntime, addMasterCSSAstroIntegration, addMasterCSSEslintConfig, addMasterCSSImportToStylesheet, addMasterCSSNextConfig, addMasterCSSNuxtModule, addMasterCSSStaticVitePlugin, addMasterCSSVitePlugin, addReactRouterRootCSSImport, addViteClientTypes, createAstroConfig, createMasterCSSStylesheet, createNextConfig, createNuxtConfig, createStaticViteConfig, createViteConfig } from "./transforms.js";
+import { addAngularRuntimeSetup, addLitShadowRuntime, addMasterCSSAstroIntegration, addMasterCSSEslintConfig, addMasterCSSImportToStylesheet, addMasterCSSNextConfig, addMasterCSSNuxtModule, addMasterCSSRsbuildPlugin, addMasterCSSRspackPlugin, addMasterCSSStaticVitePlugin, addMasterCSSVitePlugin, addReactRouterRootCSSImport, addViteClientTypes, createAstroConfig, createMasterCSSStylesheet, createNextConfig, createNuxtConfig, createRsbuildConfig, createRspackConfig, createStaticViteConfig, createViteConfig } from "./transforms.js";
 import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
 import { dirname, join, resolve } from "node:path";
 import { spawnSync } from "node:child_process";
@@ -170,6 +170,19 @@ function filesForFramework(root, framework, warnings) {
 			else warnings.push("No src/main.ts file was found. Initialize CSSRuntime manually in the Angular browser entry after setup.");
 			return files;
 		}
+		case "rspack": return [planTextFile(root, firstExistingPath(root, [
+			"rspack.config.ts",
+			"rspack.config.mts",
+			"rspack.config.mjs",
+			"rspack.config.js",
+			"rspack.config.cjs"
+		], "rspack.config.mjs"), addMasterCSSRspackPlugin, createRspackConfig(), "Register the Master CSS Webpack-compatible plugin in the Rspack config."), planTextFile(root, "src/index.css", addMasterCSSImportToStylesheet, createMasterCSSStylesheet(), "Create or update the project CSS entry for Rspack.")];
+		case "rsbuild": return [planTextFile(root, firstExistingPath(root, [
+			"rsbuild.config.ts",
+			"rsbuild.config.mts",
+			"rsbuild.config.mjs",
+			"rsbuild.config.js"
+		], "rsbuild.config.ts"), addMasterCSSRsbuildPlugin, createRsbuildConfig(), "Register the Master CSS Webpack-compatible plugin through Rsbuild tools.rspack."), planTextFile(root, "src/index.css", addMasterCSSImportToStylesheet, createMasterCSSStylesheet(), "Create or update the project CSS entry for Rsbuild.")];
 		case "webpack": return [planTextFile(root, "src/index.css", addMasterCSSImportToStylesheet, createMasterCSSStylesheet(), "Create or update the project CSS entry for Webpack.")];
 		default: return [planTextFile(root, "src/master.css", addMasterCSSImportToStylesheet, createMasterCSSStylesheet(), "Create a standalone Master CSS stylesheet entry.")];
 	}
@@ -200,7 +213,7 @@ function dependenciesForFramework(framework, version) {
 		version,
 		dev: false
 	});
-	if (framework === "webpack") dependencies.push({
+	if (framework === "webpack" || framework === "rspack" || framework === "rsbuild") dependencies.push({
 		name: MASTER_CSS_PACKAGES.webpack,
 		version,
 		dev: false
@@ -288,9 +301,11 @@ function resolveFramework(root, packageJSON, framework) {
 	if (existsSync(join(root, "astro.config.mjs")) || existsSync(join(root, "astro.config.js")) || dependencies.astro) return "astro";
 	if (existsSync(join(root, "angular.json")) || dependencies["@angular/core"]) return "angular";
 	if (dependencies["laravel-vite-plugin"] || existsSync(join(root, "artisan"))) return "laravel";
-	if (dependencies.lit) return "lit";
+	if (existsSync(join(root, "rsbuild.config.ts")) || existsSync(join(root, "rsbuild.config.mts")) || existsSync(join(root, "rsbuild.config.mjs")) || existsSync(join(root, "rsbuild.config.js")) || dependencies["@rsbuild/core"]) return "rsbuild";
+	if (existsSync(join(root, "rspack.config.ts")) || existsSync(join(root, "rspack.config.mts")) || existsSync(join(root, "rspack.config.mjs")) || existsSync(join(root, "rspack.config.js")) || existsSync(join(root, "rspack.config.cjs")) || dependencies["@rspack/core"] || dependencies["@rspack/cli"]) return "rspack";
 	if (existsSync(join(root, "react-router.config.ts")) || existsSync(join(root, "react-router.config.js")) || existsSync(join(root, "react-router.config.mjs")) || existsSync(join(root, "react-router.config.mts")) || dependencies["@react-router/dev"]) return "react-router";
 	if (dependencies.vue || dependencies["@vitejs/plugin-vue"] || existsSync(join(root, "src/App.vue"))) return "vue";
+	if (dependencies.lit) return "lit";
 	if (dependencies.react || dependencies["react-dom"]) return "react";
 	if (existsSync(join(root, "webpack.config.js")) || existsSync(join(root, "webpack.config.mjs")) || dependencies.webpack) return "webpack";
 	if (existsSync(join(root, "vite.config.ts")) || existsSync(join(root, "vite.config.js")) || dependencies.vite) return "vite";

package/dist/transforms.d.ts

@@ -4,8 +4,12 @@ declare function createMasterCSSStylesheet(): string;
 declare function addMasterCSSVitePlugin(content: string): string;
 declare function addReactRouterRootCSSImport(content: string): string;
 declare function addMasterCSSStaticVitePlugin(content: string): string;
+declare function addMasterCSSRspackPlugin(content: string): string;
+declare function addMasterCSSRsbuildPlugin(content: string): string;
 declare function createViteConfig(): string;
 declare function createStaticViteConfig(): string;
+declare function createRspackConfig(): string;
+declare function createRsbuildConfig(): string;
 declare function createNextConfig(): string;
 declare function addMasterCSSNextConfig(content: string): string;
 declare function addMasterCSSNuxtModule(content: string): string;
@@ -17,4 +21,4 @@ declare function addLitShadowRuntime(content: string): string;
 declare function addAngularRuntimeSetup(content: string): string;
 declare function addMasterCSSEslintConfig(content: string): string;
 //#endregion
-export { addAngularRuntimeSetup, addLitShadowRuntime, addMasterCSSAstroIntegration, addMasterCSSEslintConfig, addMasterCSSImportToStylesheet, addMasterCSSNextConfig, addMasterCSSNuxtModule, addMasterCSSStaticVitePlugin, addMasterCSSVitePlugin, addReactRouterRootCSSImport, addViteClientTypes, createAstroConfig, createMasterCSSStylesheet, createNextConfig, createNuxtConfig, createStaticViteConfig, createViteConfig };
+export { addAngularRuntimeSetup, addLitShadowRuntime, addMasterCSSAstroIntegration, addMasterCSSEslintConfig, addMasterCSSImportToStylesheet, addMasterCSSNextConfig, addMasterCSSNuxtModule, addMasterCSSRsbuildPlugin, addMasterCSSRspackPlugin, addMasterCSSStaticVitePlugin, addMasterCSSVitePlugin, addReactRouterRootCSSImport, addViteClientTypes, createAstroConfig, createMasterCSSStylesheet, createNextConfig, createNuxtConfig, createRsbuildConfig, createRspackConfig, createStaticViteConfig, createViteConfig };

package/dist/transforms.js

@@ -31,6 +31,36 @@ function addReactRouterRootCSSImport(content) {
 function addMasterCSSStaticVitePlugin(content) {
 	return addMasterCSSVitePluginCall(content, "masterCSS({ mode: 'static' })");
 }
+function addMasterCSSRspackPlugin(content) {
+	if (content.includes("@master/css.webpack")) return content;
+	let next = addImport(content, "import MasterCSSPlugin from '@master/css.webpack'");
+	if (/plugins\s*:\s*\[/.test(next)) return replaceFirst(next, /plugins\s*:\s*\[/, "plugins: [\n        new MasterCSSPlugin(),");
+	if (/export\s+default\s+\{/.test(next)) return replaceFirst(next, /export\s+default\s+\{/, "export default {\n    plugins: [new MasterCSSPlugin()],");
+	return next;
+}
+function addMasterCSSRsbuildPlugin(content) {
+	if (content.includes("@master/css.webpack")) return content;
+	let next = addImport(content, "import MasterCSSPlugin from '@master/css.webpack'");
+	const rspackSetupBody = `            config.plugins ||= []
+            config.plugins.push(new MasterCSSPlugin())
+            return config`;
+	const rspackSetup = `rspack(config) {
+${rspackSetupBody}
+        }`;
+	if (/rspack\s*\(\s*config\s*\)\s*\{/.test(next)) return replaceFirst(next, /rspack\s*\(\s*config\s*\)\s*\{/, `rspack(config) {
+${rspackSetupBody}`);
+	if (/tools\s*:\s*\{/.test(next)) return replaceFirst(next, /tools\s*:\s*\{/, `tools: {
+        ${rspackSetup},`);
+	if (/defineConfig\(\s*\{/.test(next)) return replaceFirst(next, /defineConfig\(\s*\{/, `defineConfig({
+    tools: {
+        ${rspackSetup}
+    },`);
+	if (/export\s+default\s+\{/.test(next)) return replaceFirst(next, /export\s+default\s+\{/, `export default {
+    tools: {
+        ${rspackSetup}
+    },`);
+	return next;
+}
 function addMasterCSSVitePluginCall(content, pluginCall) {
 	if (content.includes("@master/css.vite")) return content;
 	let next = addImport(content, "import masterCSS from '@master/css.vite'");
@@ -60,6 +90,39 @@ export default defineConfig({
 })
 `;
 }
+function createRspackConfig() {
+	return `import MasterCSSPlugin from '@master/css.webpack'
+
+export default {
+    module: {
+        rules: [
+            {
+                test: /\\.css$/i,
+                type: 'css/auto'
+            }
+        ]
+    },
+    plugins: [
+        new MasterCSSPlugin()
+    ]
+}
+`;
+}
+function createRsbuildConfig() {
+	return `import { defineConfig } from '@rsbuild/core'
+import MasterCSSPlugin from '@master/css.webpack'
+
+export default defineConfig({
+    tools: {
+        rspack(config) {
+            config.plugins ||= []
+            config.plugins.push(new MasterCSSPlugin())
+            return config
+        }
+    }
+})
+`;
+}
 function createNextConfig() {
 	return `import { withMasterCSS } from '@master/css.next'
 
@@ -166,4 +229,4 @@ function addMasterCSSEslintConfig(content) {
 `;
 }
 //#endregion
-export { addAngularRuntimeSetup, addLitShadowRuntime, addMasterCSSAstroIntegration, addMasterCSSEslintConfig, addMasterCSSImportToStylesheet, addMasterCSSNextConfig, addMasterCSSNuxtModule, addMasterCSSStaticVitePlugin, addMasterCSSVitePlugin, addReactRouterRootCSSImport, addViteClientTypes, createAstroConfig, createMasterCSSStylesheet, createNextConfig, createNuxtConfig, createStaticViteConfig, createViteConfig };
+export { addAngularRuntimeSetup, addLitShadowRuntime, addMasterCSSAstroIntegration, addMasterCSSEslintConfig, addMasterCSSImportToStylesheet, addMasterCSSNextConfig, addMasterCSSNuxtModule, addMasterCSSRsbuildPlugin, addMasterCSSRspackPlugin, addMasterCSSStaticVitePlugin, addMasterCSSVitePlugin, addReactRouterRootCSSImport, addViteClientTypes, createAstroConfig, createMasterCSSStylesheet, createNextConfig, createNuxtConfig, createRsbuildConfig, createRspackConfig, createStaticViteConfig, createViteConfig };

package/package.json

@@ -41,7 +41,7 @@
   "dependencies": {
     "commander": "^14.0.3"
   },
-  "version": "2.0.0-rc.78",
+  "version": "2.0.0-rc.80",
   "scripts": {
     "build": "tsdown --config ../../shared/tsdown-package.config.ts",
     "dev": "tsdown --config ../../shared/tsdown-package.config.ts --watch",