@master/create-css 2.0.0-rc.84 → 2.0.0-rc.86

package/dist/constants.d.ts

@@ -1,21 +1,21 @@
 //#region src/constants.d.ts
 declare const MASTER_CSS_VERSION = "rc";
 declare const MASTER_CSS_PACKAGES: {
-  readonly css: "@master/css";
-  readonly runtime: "@master/css-runtime";
-  readonly preset: "@master/css-preset";
-  readonly cli: "@master/css-cli";
-  readonly vite: "@master/css.vite";
-  readonly next: "@master/css.next";
-  readonly nuxt: "@master/css.nuxt";
-  readonly astro: "@master/css.astro";
-  readonly svelte: "@master/css.svelte";
-  readonly svelteAddon: "@master/css-sv";
-  readonly webpack: "@master/css.webpack";
-  readonly eslintConfig: "@master/eslint-config-css";
-  readonly mcp: "@master/css-mcp";
+  readonly css: '@master/css';
+  readonly runtime: '@master/css-runtime';
+  readonly preset: '@master/css-preset';
+  readonly cli: '@master/css-cli';
+  readonly vite: '@master/css.vite';
+  readonly next: '@master/css.next';
+  readonly nuxt: '@master/css.nuxt';
+  readonly astro: '@master/css.astro';
+  readonly svelte: '@master/css.svelte';
+  readonly svelteAddon: '@master/css-sv';
+  readonly webpack: '@master/css.webpack';
+  readonly eslintConfig: '@master/eslint-config-css';
+  readonly mcp: '@master/css-mcp';
 };
-declare const CANONICAL_ESLINT_CONFIG = "import { defineConfig } from 'eslint/config'\nimport css from '@master/eslint-config-css'\n\nexport default defineConfig([\n    ...css\n])\n";
+declare const CANONICAL_ESLINT_CONFIG = "import { defineConfig } from 'eslint/config'\nimport css from '@master/eslint-config-css'\n\nexport default defineConfig([\n  ...css\n])\n";
 declare const AGENT_RULES_BLOCK = "## Master CSS\n\n- Use https://rc.css.master.co as the source of truth.\n- Inspect the framework, package manager, CSS entry, rendering mode, theme tokens, component classes, utilities, custom variants, and validation commands before editing styles.\n- Prefer existing @theme tokens, @components, @utilities, and @custom-variant definitions.\n- Use the Master CSS MCP server when available.\n- Use ESLint for class policy diagnostics and the Master CSS Language Service for completion, hover, colors, highlighting, and directive formatting.\n- Do not invent Master CSS APIs, directives, package names, or Tailwind-style syntax.\n- Preserve semantic HTML, accessibility attributes, and behavior.\n";
 //#endregion
 export { AGENT_RULES_BLOCK, CANONICAL_ESLINT_CONFIG, MASTER_CSS_PACKAGES, MASTER_CSS_VERSION };

package/dist/constants.js

@@ -19,7 +19,7 @@ const CANONICAL_ESLINT_CONFIG = `import { defineConfig } from 'eslint/config'
 import css from '@master/eslint-config-css'
 
 export default defineConfig([
-    ...css
+  ...css
 ])
 `;
 const AGENT_RULES_BLOCK = `## Master CSS

package/dist/core.d.ts

@@ -1,5 +1,4 @@
 import { RenderingMode } from "./modes.js";
-
 //#region src/core.d.ts
 type CommandFramework = 'none' | 'vite' | 'react' | 'react-router' | 'tanstack-start' | 'vue' | 'nextjs' | 'svelte' | 'nuxt' | 'astro' | 'webpack' | 'rspack' | 'rsbuild' | 'laravel' | 'lit' | 'angular';
 type CommandFrameworkOption = CommandFramework | 'auto';

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 import { RenderingMode } from "./modes.js";
-
 //#region src/index.d.ts
 type Framework = 'none' | 'vite' | 'react' | 'react-router' | 'tanstack-start' | 'vue' | 'nextjs' | 'svelte' | 'nuxt' | 'astro' | 'webpack' | 'rspack' | 'rsbuild' | 'laravel' | 'lit' | 'angular';
 type FrameworkOption = Framework | 'auto';

package/dist/index.js

@@ -294,7 +294,7 @@ function applyDependencyChanges(root, dependencies) {
 		if ((dependency.dev ? packageJSON.dependencies : packageJSON.devDependencies)?.[dependency.name]) continue;
 		if (!target?.[dependency.name]) target[dependency.name] = dependency.version;
 	}
-	writeFileSync(packageJSONPath, `${JSON.stringify(packageJSON, null, 4)}\n`, "utf8");
+	writeFileSync(packageJSONPath, `${JSON.stringify(packageJSON, null, 2)}\n`, "utf8");
 }
 function pushDependency(dependencies, name, dev, version) {
 	if (dependencies.some((dependency) => dependency.name === name)) return;

package/dist/modes.d.ts

@@ -1,5 +1,5 @@
 //#region src/modes.d.ts
-declare const renderingModes: readonly ["runtime", "static", "progressive", "pre-render"];
+declare const renderingModes: readonly ['runtime', 'static', 'progressive', 'pre-render'];
 type RenderingMode = typeof renderingModes[number];
 declare function isRenderingMode(value: unknown): value is RenderingMode;
 declare function formatRenderingModes(): string;

package/dist/transforms.d.ts

@@ -1,5 +1,4 @@
 import { RenderingMode } from "./modes.js";
-
 //#region src/transforms.d.ts
 declare function addMasterCSSImportToStylesheet(content: string): string;
 declare function createMasterCSSStylesheet(): string;

package/dist/transforms.js

@@ -79,23 +79,23 @@ function addMasterCSSRsbuildPlugin(content, mode) {
 	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(${formatWebpackPluginCall(mode)})
-            return config`;
+      config.plugins.push(${formatWebpackPluginCall(mode)})
+      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},`);
+    ${rspackSetup},`);
 	if (/defineConfig\(\s*\{/.test(next)) return replaceFirst(next, /defineConfig\(\s*\{/, `defineConfig({
-    tools: {
-        ${rspackSetup}
-    },`);
+  tools: {
+    ${rspackSetup}
+  },`);
 	if (/export\s+default\s+\{/.test(next)) return replaceFirst(next, /export\s+default\s+\{/, `export default {
-    tools: {
-        ${rspackSetup}
-    },`);
+  tools: {
+    ${rspackSetup}
+  },`);
 	return next;
 }
 function addMasterCSSVitePluginCall(content, pluginCall) {
@@ -110,9 +110,9 @@ function createViteConfig(mode) {
 import masterCSS from '@master/css.vite'
 
 export default defineConfig({
-    plugins: [
-        ${formatMasterCSSCall(mode)}
-    ]
+  plugins: [
+    ${formatMasterCSSCall(mode)}
+  ]
 })
 `;
 }
@@ -123,17 +123,17 @@ function createRspackConfig(mode) {
 	return `import MasterCSSPlugin from '@master/css.webpack'
 
 export default {
-    module: {
-        rules: [
-            {
-                test: /\\.css$/i,
-                type: 'css/auto'
-            }
-        ]
-    },
-    plugins: [
-        ${formatWebpackPluginCall(mode)}
+  module: {
+    rules: [
+      {
+        test: /\\.css$/i,
+        type: 'css/auto'
+      }
     ]
+  },
+  plugins: [
+    ${formatWebpackPluginCall(mode)}
+  ]
 }
 `;
 }
@@ -141,9 +141,9 @@ function createWebpackConfig(mode) {
 	return `import MasterCSSPlugin from '@master/css.webpack'
 
 export default {
-    plugins: [
-        ${formatWebpackPluginCall(mode)}
-    ]
+  plugins: [
+    ${formatWebpackPluginCall(mode)}
+  ]
 }
 `;
 }
@@ -152,13 +152,13 @@ function createRsbuildConfig(mode) {
 import MasterCSSPlugin from '@master/css.webpack'
 
 export default defineConfig({
-    tools: {
-        rspack(config) {
-            config.plugins ||= []
-            config.plugins.push(${formatWebpackPluginCall(mode)})
-            return config
-        }
+  tools: {
+    rspack(config) {
+      config.plugins ||= []
+      config.plugins.push(${formatWebpackPluginCall(mode)})
+      return config
     }
+  }
 })
 `;
 }
@@ -191,8 +191,8 @@ function addMasterCSSNuxtModule(content, mode) {
 }
 function createNuxtConfig(mode) {
 	return `export default defineNuxtConfig({
-    modules: [${formatNuxtModule(mode)}],
-    css: ['~/assets/css/master.css']
+  modules: [${formatNuxtModule(mode)}],
+  css: ['~/assets/css/master.css']
 })
 `;
 }
@@ -209,9 +209,9 @@ function createAstroConfig(mode) {
 import masterCSS from '@master/css.astro'
 
 export default defineConfig({
-    integrations: [
-        ${formatMasterCSSCall(mode)}
-    ]
+  integrations: [
+    ${formatMasterCSSCall(mode)}
+  ]
 })
 `;
 }
@@ -258,9 +258,9 @@ function addMasterCSSEslintConfig(content) {
 	if (!content.trim()) return CANONICAL_ESLINT_CONFIG;
 	let next = addImport(content, "import { defineConfig } from 'eslint/config'");
 	next = addImport(next, "import css from '@master/eslint-config-css'");
-	if (/export\s+default\s+defineConfig\(\s*\[/.test(next)) return replaceFirst(next, /export\s+default\s+defineConfig\(\s*\[/, "export default defineConfig([\n    ...css,");
+	if (/export\s+default\s+defineConfig\(\s*\[/.test(next)) return replaceFirst(next, /export\s+default\s+defineConfig\(\s*\[/, "export default defineConfig([\n  ...css,");
 	if (/export\s+default\s+\[/.test(next)) {
-		next = replaceFirst(next, /export\s+default\s+\[/, "export default defineConfig([\n    ...css,");
+		next = replaceFirst(next, /export\s+default\s+\[/, "export default defineConfig([\n  ...css,");
 		const closeIndex = next.lastIndexOf("]");
 		return closeIndex === -1 ? next : `${next.slice(0, closeIndex + 1)})${next.slice(closeIndex + 1)}`;
 	}

package/package.json

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