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

package/dist/core.d.ts

@@ -1,5 +1,5 @@
 //#region src/core.d.ts
-type CommandFramework = 'none' | 'vite' | 'react' | 'react-router' | 'vue' | 'nextjs' | 'svelte' | 'nuxt' | 'astro' | 'webpack' | 'rspack' | 'rsbuild' | 'laravel' | 'lit' | 'angular';
+type CommandFramework = 'none' | 'vite' | 'react' | 'react-router' | 'tanstack-start' | '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, 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.");
+	const configure = (command) => command.option("-C, --cwd <path>", "Project root to update.").option("--framework <framework>", "Framework: auto, vite, react, react-router, tanstack-start, 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' | 'rspack' | 'rsbuild' | 'laravel' | 'lit' | 'angular';
+type Framework = 'none' | 'vite' | 'react' | 'react-router' | 'tanstack-start' | '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, addMasterCSSRsbuildPlugin, addMasterCSSRspackPlugin, addMasterCSSStaticVitePlugin, addMasterCSSVitePlugin, addReactRouterRootCSSImport, addViteClientTypes, createAstroConfig, createMasterCSSStylesheet, createNextConfig, createNuxtConfig, createRsbuildConfig, createRspackConfig, createStaticViteConfig, createViteConfig } from "./transforms.js";
+import { addAngularRuntimeSetup, addLitShadowRuntime, addMasterCSSAstroIntegration, addMasterCSSEslintConfig, addMasterCSSImportToStylesheet, addMasterCSSNextConfig, addMasterCSSNuxtModule, addMasterCSSRsbuildPlugin, addMasterCSSRspackPlugin, addMasterCSSStaticVitePlugin, addMasterCSSTanStackStartVitePlugin, addMasterCSSVitePlugin, addReactRouterRootCSSImport, addTanStackStartRootCSSImport, 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";
@@ -119,6 +119,22 @@ function filesForFramework(root, framework, warnings) {
 			else warnings.push("No app/root.tsx, app/root.jsx, app/root.ts, or app/root.js file was found. Import ./app.css from the React Router root route manually after setup.");
 			return files;
 		}
+		case "tanstack-start": {
+			const files = [planTextFile(root, firstExistingPath(root, [
+				"vite.config.ts",
+				"vite.config.js",
+				"vite.config.mjs"
+			], "vite.config.ts"), addMasterCSSTanStackStartVitePlugin, createStaticViteConfig(), "Register the Master CSS Vite plugin in static mode."), planTextFile(root, "src/styles/app.css", addMasterCSSImportToStylesheet, createMasterCSSStylesheet(), "Create or update the TanStack Start stylesheet entry.")];
+			const rootEntryPath = findExistingPath(root, [
+				"src/routes/__root.tsx",
+				"src/routes/__root.jsx",
+				"src/routes/__root.ts",
+				"src/routes/__root.js"
+			]);
+			if (rootEntryPath) files.push(planTextFile(root, rootEntryPath, addTanStackStartRootCSSImport, "", "Import the TanStack Start stylesheet from the root route."));
+			else warnings.push("No src/routes/__root.tsx, src/routes/__root.jsx, src/routes/__root.ts, or src/routes/__root.js file was found. Import ../styles/app.css from the TanStack Start root route manually after setup.");
+			return files;
+		}
 		case "vue": return [planTextFile(root, firstExistingPath(root, [
 			"vite.config.ts",
 			"vite.config.js",
@@ -193,7 +209,7 @@ function dependenciesForFramework(framework, version) {
 		version,
 		dev: false
 	}];
-	if (framework === "vite" || framework === "react" || framework === "react-router" || framework === "vue" || framework === "laravel" || framework === "lit") dependencies.push({
+	if (framework === "vite" || framework === "react" || framework === "react-router" || framework === "tanstack-start" || framework === "vue" || framework === "laravel" || framework === "lit") dependencies.push({
 		name: MASTER_CSS_PACKAGES.vite,
 		version,
 		dev: false
@@ -304,6 +320,7 @@ function resolveFramework(root, packageJSON, framework) {
 	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["@tanstack/react-start"]) return "tanstack-start";
 	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";

package/dist/transforms.d.ts

@@ -3,7 +3,9 @@ declare function addMasterCSSImportToStylesheet(content: string): string;
 declare function createMasterCSSStylesheet(): string;
 declare function addMasterCSSVitePlugin(content: string): string;
 declare function addReactRouterRootCSSImport(content: string): string;
+declare function addTanStackStartRootCSSImport(content: string): string;
 declare function addMasterCSSStaticVitePlugin(content: string): string;
+declare function addMasterCSSTanStackStartVitePlugin(content: string): string;
 declare function addMasterCSSRspackPlugin(content: string): string;
 declare function addMasterCSSRsbuildPlugin(content: string): string;
 declare function createViteConfig(): string;
@@ -21,4 +23,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, addMasterCSSRsbuildPlugin, addMasterCSSRspackPlugin, addMasterCSSStaticVitePlugin, addMasterCSSVitePlugin, addReactRouterRootCSSImport, addViteClientTypes, createAstroConfig, createMasterCSSStylesheet, createNextConfig, createNuxtConfig, createRsbuildConfig, createRspackConfig, createStaticViteConfig, createViteConfig };
+export { addAngularRuntimeSetup, addLitShadowRuntime, addMasterCSSAstroIntegration, addMasterCSSEslintConfig, addMasterCSSImportToStylesheet, addMasterCSSNextConfig, addMasterCSSNuxtModule, addMasterCSSRsbuildPlugin, addMasterCSSRspackPlugin, addMasterCSSStaticVitePlugin, addMasterCSSTanStackStartVitePlugin, addMasterCSSVitePlugin, addReactRouterRootCSSImport, addTanStackStartRootCSSImport, addViteClientTypes, createAstroConfig, createMasterCSSStylesheet, createNextConfig, createNuxtConfig, createRsbuildConfig, createRspackConfig, createStaticViteConfig, createViteConfig };

package/dist/transforms.js

@@ -28,9 +28,25 @@ function addReactRouterRootCSSImport(content) {
 	if (/^\s*import\s+['"]\.\/app\.css['"]\s*;?/m.test(content)) return content;
 	return addImport(content, "import './app.css'");
 }
+function addTanStackStartRootCSSImport(content) {
+	if (/^\s*import\s+['"]\.\.\/styles\/app\.css['"]\s*;?/m.test(content)) return content;
+	return addImport(content, "import '../styles/app.css'");
+}
 function addMasterCSSStaticVitePlugin(content) {
 	return addMasterCSSVitePluginCall(content, "masterCSS({ mode: 'static' })");
 }
+function addMasterCSSTanStackStartVitePlugin(content) {
+	const pluginCall = "masterCSS({ mode: 'static' })";
+	if (content.includes("@master/css.vite")) return content;
+	let next = addImport(content, "import masterCSS from '@master/css.vite'");
+	const tanStackStartPluginPattern = /^(\s*)tanstackStart\([^)]*\),?/m;
+	if (tanStackStartPluginPattern.test(next)) return next.replace(tanStackStartPluginPattern, (match, indent) => {
+		return `${match.endsWith(",") ? match : `${match},`}\n${indent}${pluginCall},`;
+	});
+	if (/plugins\s*:\s*\[/.test(next)) return replaceFirst(next, /plugins\s*:\s*\[/, `plugins: [\n            ${pluginCall},`);
+	if (/defineConfig\(\s*\{/.test(next)) return replaceFirst(next, /defineConfig\(\s*\{/, `defineConfig({\n    plugins: [${pluginCall}],`);
+	return next;
+}
 function addMasterCSSRspackPlugin(content) {
 	if (content.includes("@master/css.webpack")) return content;
 	let next = addImport(content, "import MasterCSSPlugin from '@master/css.webpack'");
@@ -185,7 +201,7 @@ function addViteClientTypes(content) {
 function addLitShadowRuntime(content) {
 	if (content.includes("@master/css-runtime") && content.includes("virtual:master-css-manifest") && content.includes("@cssRuntime({ manifest, emittedGlobals })") && content.includes("cssRuntime?: CSSRuntime")) return content;
 	let next = addImport(content, "import { cssRuntime } from '@master/css-runtime'");
-	next = addImport(next, "import type { CSSRuntime } from '@master/css-runtime'");
+	next = addImport(next, "import type CSSRuntime from '@master/css-runtime'");
 	next = addImport(next, "import manifest from 'virtual:master-css-manifest'");
 	next = addImport(next, "import emittedGlobals from 'virtual:master-css-emitted-globals'");
 	if (!next.includes("@cssRuntime({ manifest, emittedGlobals })")) if (/@customElement\([^\n]+\)\nexport\s+class\s/.test(next)) next = next.replace(/(@customElement\([^\n]+\)\n)(export\s+class\s)/, "$1@cssRuntime({ manifest, emittedGlobals })\n$2");
@@ -196,7 +212,7 @@ function addLitShadowRuntime(content) {
 function addAngularRuntimeSetup(content) {
 	if (content.includes("@master/css-runtime")) return content;
 	let next = addImport(content, "import defaultManifestJSON from '@master/css-preset/default-manifest.json'");
-	next = addImport(next, "import { CSSRuntime } from '@master/css-runtime'");
+	next = addImport(next, "import CSSRuntime from '@master/css-runtime'");
 	next = addImport(next, "import type { MasterCSSManifest } from '@master/css-runtime'");
 	const setup = `const defaultManifest = defaultManifestJSON as unknown as MasterCSSManifest
 
@@ -229,4 +245,4 @@ function addMasterCSSEslintConfig(content) {
 `;
 }
 //#endregion
-export { addAngularRuntimeSetup, addLitShadowRuntime, addMasterCSSAstroIntegration, addMasterCSSEslintConfig, addMasterCSSImportToStylesheet, addMasterCSSNextConfig, addMasterCSSNuxtModule, addMasterCSSRsbuildPlugin, addMasterCSSRspackPlugin, addMasterCSSStaticVitePlugin, addMasterCSSVitePlugin, addReactRouterRootCSSImport, addViteClientTypes, createAstroConfig, createMasterCSSStylesheet, createNextConfig, createNuxtConfig, createRsbuildConfig, createRspackConfig, createStaticViteConfig, createViteConfig };
+export { addAngularRuntimeSetup, addLitShadowRuntime, addMasterCSSAstroIntegration, addMasterCSSEslintConfig, addMasterCSSImportToStylesheet, addMasterCSSNextConfig, addMasterCSSNuxtModule, addMasterCSSRsbuildPlugin, addMasterCSSRspackPlugin, addMasterCSSStaticVitePlugin, addMasterCSSTanStackStartVitePlugin, addMasterCSSVitePlugin, addReactRouterRootCSSImport, addTanStackStartRootCSSImport, 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.80",
+  "version": "2.0.0-rc.81",
   "scripts": {
     "build": "tsdown --config ../../shared/tsdown-package.config.ts",
     "dev": "tsdown --config ../../shared/tsdown-package.config.ts --watch",