create-krispya 0.10.0 → 0.12.0

package/dist/cli.cjs

@@ -9,7 +9,7 @@ const node_module = require('node:module');
 const node_path = require('node:path');
 const node_process = require('node:process');
 const undici = require('undici');
-const workspace = require('./shared/create-krispya.DTHeUlq4.cjs');
+const workspace = require('./shared/create-krispya.FNrYi_5V.cjs');
 const Conf = require('conf');
 const promises = require('fs/promises');
 const fs = require('fs');
@@ -20,15 +20,15 @@ var _documentCurrentScript = typeof document !== 'undefined' ? document.currentS
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
 function _interopNamespaceCompat(e) {
-    if (e && typeof e === 'object' && 'default' in e) return e;
-    const n = Object.create(null);
-    if (e) {
-        for (const k in e) {
-            n[k] = e[k];
-        }
+  if (e && typeof e === 'object' && 'default' in e) return e;
+  const n = Object.create(null);
+  if (e) {
+    for (const k in e) {
+      n[k] = e[k];
     }
-    n.default = e;
-    return n;
+  }
+  n.default = e;
+  return n;
 }
 
 const p__namespace = /*#__PURE__*/_interopNamespaceCompat(p);
@@ -52,6 +52,7 @@ function formatConfigSummary(options, inherited) {
   const baseTemplate = options.template ? workspace.getBaseTemplate(options.template) : "vanilla";
   if (baseTemplate === "react") {
     lines.push(formatRow("Framework", "React"));
+    lines.push(formatRow("\u21B3 React compiler", workspace.shouldEnableReactCompiler(options) ? "yes" : "no"));
   } else if (baseTemplate === "r3f") {
     lines.push(formatRow("Framework", "React Three Fiber"));
   }
@@ -90,9 +91,7 @@ function formatConfigSummary(options, inherited) {
   const testing = options.testing ?? (projectType === "library" ? "vitest" : "none");
   lines.push(formatRow("Testing", testing));
   if (!inherited) {
-    lines.push(
-      formatRow("Editor config", options.ide === "none" ? "generic" : "generic + vscode")
-    );
+    lines.push(formatRow("Editor config", options.ide === "none" ? "generic" : "generic + vscode"));
     const configStrategy = options.configStrategy ?? "stealth";
     lines.push(formatRow("Config strategy", configStrategy));
   }
@@ -556,7 +555,7 @@ async function promptForOptions(name, presets) {
   let projectName = name;
   if (!projectName) {
     const nameResult = await p__namespace.text({
-      message: "What is your project named?",
+      message: "Project name:",
       placeholder: workspace.generateRandomName(),
       defaultValue: workspace.generateRandomName(),
       validate: (value) => {
@@ -570,7 +569,7 @@ async function promptForOptions(name, presets) {
     projectName = nameResult;
   }
   const projectType = await p__namespace.select({
-    message: "Project type",
+    message: "Project type:",
     options: [
       { value: "app", label: "Application" },
       { value: "library", label: "Library" },
@@ -599,11 +598,11 @@ function presetsToInheritedSettings(presets) {
 }
 async function promptForPackageOptions(projectName, projectType, inheritedSettings, presets) {
   const templateSelection = await p__namespace.select({
-    message: "Select a template",
+    message: "Select a template:",
     options: [
-      { value: "vanilla", label: "Vanilla" },
-      { value: "react", label: "React", hint: "experimental" },
-      { value: "r3f", label: "React Three Fiber", hint: "experimental" }
+      { value: "vanilla", label: color__default.yellow("Vanilla") },
+      { value: "react", label: color__default.cyan("React"), hint: "experimental" },
+      { value: "r3f", label: color__default.magenta("React Three Fiber"), hint: "experimental" }
     ],
     initialValue: presets?.template ? workspace.getBaseTemplate(presets.template) : "vanilla"
   });
@@ -837,10 +836,7 @@ async function getWorkspacePackages(monorepoRoot) {
     for (const entry of entries) {
       if (!entry.isDirectory()) continue;
       try {
-        const content = await promises$1.readFile(
-          node_path.join(packagesDir, entry.name, "package.json"),
-          "utf-8"
-        );
+        const content = await promises$1.readFile(node_path.join(packagesDir, entry.name, "package.json"), "utf-8");
         const pkg = JSON.parse(content);
         if (pkg.name) names.push(pkg.name);
       } catch {
@@ -1117,9 +1113,7 @@ async function handleFixCommand(options) {
   spinner.start("Fixing workspace...");
   try {
     const files = {};
-    const tsConfigExists = await fileExists$1(
-      node_path.join(monorepoRoot, ".config/typescript/package.json")
-    );
+    const tsConfigExists = await fileExists$1(node_path.join(monorepoRoot, ".config/typescript/package.json"));
     if (!tsConfigExists) {
       workspace.renderTypescriptConfigPackage(files);
     }
@@ -1127,9 +1121,7 @@ async function handleFixCommand(options) {
       const oxlintExists = await fileExists$1(node_path.join(monorepoRoot, ".config/oxlint/package.json"));
       if (!oxlintExists) workspace.renderOxlintConfigPackage(files);
     } else if (linter === "eslint") {
-      const eslintPkgExists = await fileExists$1(
-        node_path.join(monorepoRoot, ".config/eslint/package.json")
-      );
+      const eslintPkgExists = await fileExists$1(node_path.join(monorepoRoot, ".config/eslint/package.json"));
       if (!eslintPkgExists) {
         if (existingConfigs.eslintConfigPath) {
           await migrateEslintConfig(monorepoRoot, files);
@@ -1142,9 +1134,7 @@ async function handleFixCommand(options) {
       const oxfmtExists = await fileExists$1(node_path.join(monorepoRoot, ".config/oxfmt/package.json"));
       if (!oxfmtExists) workspace.renderOxfmtConfigPackage(files);
     } else if (formatter === "prettier") {
-      const prettierPkgExists = await fileExists$1(
-        node_path.join(monorepoRoot, ".config/prettier/package.json")
-      );
+      const prettierPkgExists = await fileExists$1(node_path.join(monorepoRoot, ".config/prettier/package.json"));
       if (!prettierPkgExists) {
         if (existingConfigs.prettierConfigPath) {
           await migratePrettierConfig(monorepoRoot, files);
@@ -1206,9 +1196,7 @@ async function handleFixCommand(options) {
       console.log(color__default.dim(`  Generated ${pkgName}`));
     }
     const vscodeSettingsExists = await fileExists$1(node_path.join(monorepoRoot, ".vscode/settings.json"));
-    const vscodeExtensionsExists = await fileExists$1(
-      node_path.join(monorepoRoot, ".vscode/extensions.json")
-    );
+    const vscodeExtensionsExists = await fileExists$1(node_path.join(monorepoRoot, ".vscode/extensions.json"));
     const vscodeExists = vscodeSettingsExists && vscodeExtensionsExists;
     if (!vscodeExists) {
       let addVscode = false;
@@ -1264,10 +1252,37 @@ async function handleFixCommand(options) {
   }
 }
 
+function detectViteTemplate(pkg) {
+  if (!hasPackage(pkg, "vite")) return void 0;
+  if (hasPackage(pkg, "@react-three/fiber")) return "r3f";
+  if (hasPackage(pkg, "react") || hasPackage(pkg, "@vitejs/plugin-react")) return "react";
+  return "vanilla";
+}
+function renderExpectedViteConfig(template) {
+  const isReact = template === "react" || template === "r3f";
+  const useReactCompiler = template === "react";
+  const codeSnippets = isReact ? {
+    "vite-config-import": [
+      useReactCompiler ? "import react, { reactCompilerPreset } from '@vitejs/plugin-react';" : "import react from '@vitejs/plugin-react';",
+      ...useReactCompiler ? ["import babel from '@rolldown/plugin-babel';"] : []
+    ]
+  } : {};
+  const viteConfig = {
+    base: "./"
+  };
+  if (isReact) {
+    viteConfig.plugins = useReactCompiler ? ["$raw:react()", "$raw:babel({ presets: [reactCompilerPreset()] })"] : ["$raw:react()"];
+  }
+  if (template === "r3f") {
+    viteConfig.resolve = { dedupe: ["three"] };
+  }
+  return workspace.renderViteConfig({ viteConfig, codeSnippets });
+}
 async function detectCurrentConfig(root, isMonorepo = true) {
   let name = root.split(/[/\\]/).pop() ?? "workspace";
   let packageManager = "pnpm";
   let hasTypecheck = false;
+  let viteTemplate;
   try {
     const pkgPath = path.join(root, "package.json");
     const content = await promises.readFile(pkgPath, "utf-8");
@@ -1279,6 +1294,7 @@ async function detectCurrentConfig(root, isMonorepo = true) {
       packageManager = pkgJson.packageManager.split("@")[0] ?? packageManager;
     }
     hasTypecheck = pkgJson.scripts?.typecheck != null;
+    viteTemplate = detectViteTemplate(pkgJson);
   } catch {
   }
   const tooling = await workspace.detectTooling(root);
@@ -1290,7 +1306,8 @@ async function detectCurrentConfig(root, isMonorepo = true) {
     packageManager,
     isMonorepo,
     configStrategy,
-    hasTypecheck
+    hasTypecheck,
+    viteTemplate
   };
 }
 async function detectSinglePackageConfigStrategy(root) {
@@ -1354,6 +1371,9 @@ async function planExpectedFiles(config) {
       content: workspace.toPrettierIgnoreContent()
     };
   }
+  if (!isMonorepo && config.viteTemplate != null) {
+    rootConfig["vite.config.ts"] = renderExpectedViteConfig(config.viteTemplate);
+  }
   if (linter === "biome" || formatter === "biome") {
     const biomeVersion = workspace.getResolvedPackageVersion(versions, "@biomejs/biome");
     const biomeConfig = {
@@ -1597,6 +1617,11 @@ function hasPackage(pkg, name) {
 function sortPackageMap(packageMap) {
   return Object.fromEntries(Object.entries(packageMap).sort(([a], [b]) => a.localeCompare(b)));
 }
+function addMissingDevDependency(pkg, devDependencies, name) {
+  if (!hasPackage(pkg, name)) {
+    devDependencies[name] = workspace.formatResolvedPackageVersion({}, name);
+  }
+}
 async function detectTypeScriptPackage(root, pkg) {
   if (hasPackage(pkg, "typescript")) return true;
   return await fileExists(path.join(root, "tsconfig.json")) || await fileExists(path.join(root, "tsconfig.app.json")) || await fileExists(path.join(root, ".config/tsconfig.app.json"));
@@ -1659,6 +1684,14 @@ async function getExpectedPackageDevDependencies(root, config, pkg) {
   if (shouldAddOxlintTypeAwareBackend) {
     nextDevDependencies["oxlint-tsgolint"] = workspace.formatResolvedPackageVersion({}, "oxlint-tsgolint");
   }
+  if (!config.isMonorepo && config.viteTemplate === "react") {
+    addMissingDevDependency(pkg, nextDevDependencies, "@babel/core");
+    addMissingDevDependency(pkg, nextDevDependencies, "@rolldown/plugin-babel");
+    addMissingDevDependency(pkg, nextDevDependencies, "babel-plugin-react-compiler");
+    if (await detectTypeScriptPackage(root, pkg)) {
+      addMissingDevDependency(pkg, nextDevDependencies, "@types/babel__core");
+    }
+  }
   return sortPackageMap(nextDevDependencies);
 }
 async function getPackageJsonScriptUpdates(root, config) {
@@ -1907,9 +1940,7 @@ async function collectUpdateCategories(projectRoot, config, isMonorepo) {
       category: "package-json",
       label: "package.json",
       changes: packageJsonScriptChanges,
-      hasUserModifications: packageJsonScriptChanges.some(
-        (change) => change.status === "modified"
-      )
+      hasUserModifications: packageJsonScriptChanges.some((change) => change.status === "modified")
     });
   }
   const oxlintConfigChanges = await getOxlintConfigReplacementUpdates(projectRoot, config);
@@ -1928,9 +1959,7 @@ async function collectUpdateCategories(projectRoot, config, isMonorepo) {
         category: "workspace-config",
         label: "Workspace Config",
         changes: workspaceConfigChanges,
-        hasUserModifications: workspaceConfigChanges.some(
-          (change) => change.status === "modified"
-        )
+        hasUserModifications: workspaceConfigChanges.some((change) => change.status === "modified")
       });
     }
   }
@@ -1970,9 +1999,7 @@ async function processUpdateCategory(category, projectRoot, options) {
   if (changesToApply.length > 0) {
     await applyUpdates(changesToApply, projectRoot);
     const addedCount = changesToApply.filter((change) => change.status === "added").length;
-    const updatedFilesCount = changesToApply.filter(
-      (change) => change.status === "modified"
-    ).length;
+    const updatedFilesCount = changesToApply.filter((change) => change.status === "modified").length;
     const parts = [];
     if (addedCount > 0) parts.push(`added ${addedCount}`);
     if (updatedFilesCount > 0) parts.push(`updated ${updatedFilesCount}`);
@@ -2399,10 +2426,7 @@ async function main() {
   ).option(
     "--node-version <version>",
     'set Node.js version for engines.node field (default: "latest")'
-  ).option("--workspace", "Add package to current monorepo workspace (non-interactive)").option("--dir <directory>", "Target directory for --workspace (default: apps/ or packages/)").option("--clear-config", "Clear saved preferences").option("--config-path", "Print the path to the config file").option("--check", "Check if current directory is in a valid monorepo workspace").option("--fix", "Fix monorepo by generating missing .config packages").option("--update", "Update monorepo workspace to latest configuration").option("-y, --yes", "Non-interactive mode - accept all prompts").option(
-    "--path <directory>",
-    "Run in specified directory instead of current working directory"
-  ).action(async (name, options) => {
+  ).option("--workspace", "Add package to current monorepo workspace (non-interactive)").option("--dir <directory>", "Target directory for --workspace (default: apps/ or packages/)").option("--clear-config", "Clear saved preferences").option("--config-path", "Print the path to the config file").option("--check", "Check if current directory is in a valid monorepo workspace").option("--fix", "Fix monorepo by generating missing .config packages").option("--update", "Update monorepo workspace to latest configuration").option("-y, --yes", "Non-interactive mode - accept all prompts").option("--path <directory>", "Run in specified directory instead of current working directory").action(async (name, options) => {
     if (options.path) {
       process.chdir(options.path);
     }
@@ -2464,9 +2488,7 @@ async function main() {
     }
     if (options.dir && !options.workspace) {
       console.error(color__default.red("Error:") + " --dir requires --workspace flag");
-      console.log(
-        color__default.dim("  Example: pnpm create krispya my-lib --workspace --dir examples")
-      );
+      console.log(color__default.dim("  Example: pnpm create krispya my-lib --workspace --dir examples"));
       process.exit(1);
     }
     if (options.workspace) {

package/dist/cli.d.cts

@@ -1,5 +1,5 @@
 
-import { P as ProjectType, e as LibraryBundler, Q as Template, p as PackageManagerName, I as Ide } from './shared/create-krispya.to8NBxeJ.cjs';
+import { P as ProjectType, e as LibraryBundler, Q as Template, p as PackageManagerName, I as Ide } from './shared/create-krispya.CcQTepKu.cjs';
 
 interface CliOptions {
     type?: ProjectType;

package/dist/cli.d.mts

@@ -1,5 +1,5 @@
 
-import { P as ProjectType, e as LibraryBundler, Q as Template, p as PackageManagerName, I as Ide } from './shared/create-krispya.to8NBxeJ.mjs';
+import { P as ProjectType, e as LibraryBundler, Q as Template, p as PackageManagerName, I as Ide } from './shared/create-krispya.CcQTepKu.mjs';
 
 interface CliOptions {
     type?: ProjectType;

package/dist/cli.d.ts

@@ -1,5 +1,5 @@
 
-import { P as ProjectType, e as LibraryBundler, Q as Template, p as PackageManagerName, I as Ide } from './shared/create-krispya.to8NBxeJ.js';
+import { P as ProjectType, e as LibraryBundler, Q as Template, p as PackageManagerName, I as Ide } from './shared/create-krispya.CcQTepKu.js';
 
 interface CliOptions {
     type?: ProjectType;

package/dist/cli.mjs

@@ -7,7 +7,7 @@ import { createRequire } from 'node:module';
 import { resolve, join as join$1, dirname } from 'node:path';
 import { cwd } from 'node:process';
 import { fetch } from 'undici';
-import { q as getEngineName, a as getBaseTemplate, b as getLanguageFromTemplate, s as getPackageManagerName, g as generateRandomName, A as ALL_AI_PLATFORMS, t as AI_PLATFORM_LABELS, x as AI_PLATFORM_HINTS, d as detectTooling, y as parsePackageManager, z as parseEngine, p as parseWorkspaceYamlContent, B as renderTypescriptConfigPackage, C as renderOxlintConfigPackage, D as renderEslintConfigPackage, E as renderOxfmtConfigPackage, F as renderPrettierConfigPackage, G as resolveMonorepoRootPackageVersions, H as getResolvedPackageVersion, I as renderVscodeFiles, J as renderAiFiles, K as renderVscodeFiles$1, L as renderEditorConfig, M as renderGitignore, N as toPrettierIgnoreContent, O as mergePackageJsonScripts, P as packageJsonScripts, Q as resolveDefaultPackageJsonScripts, R as formatResolvedPackageVersion, S as renderOxlintConfig, k as planProject, r as resolveProjectPlanInput, v as validatePackageName, o as resolveWorkspacePlanInput, l as planWorkspace } from './shared/create-krispya.DKKVmsqH.mjs';
+import { t as getEngineName, a as getBaseTemplate, s as shouldEnableReactCompiler, b as getLanguageFromTemplate, x as getPackageManagerName, g as generateRandomName, A as ALL_AI_PLATFORMS, y as AI_PLATFORM_LABELS, z as AI_PLATFORM_HINTS, d as detectTooling, B as parsePackageManager, C as parseEngine, p as parseWorkspaceYamlContent, D as renderTypescriptConfigPackage, E as renderOxlintConfigPackage, F as renderEslintConfigPackage, G as renderOxfmtConfigPackage, H as renderPrettierConfigPackage, I as resolveMonorepoRootPackageVersions, J as getResolvedPackageVersion, K as renderVscodeFiles, L as renderAiFiles, M as renderVscodeFiles$1, N as renderEditorConfig, O as renderGitignore, P as toPrettierIgnoreContent, Q as mergePackageJsonScripts, R as renderViteConfig, S as packageJsonScripts, T as resolveDefaultPackageJsonScripts, U as formatResolvedPackageVersion, V as renderOxlintConfig, l as planProject, r as resolveProjectPlanInput, v as validatePackageName, q as resolveWorkspacePlanInput, n as planWorkspace } from './shared/create-krispya.DZWMfM2v.mjs';
 import Conf from 'conf';
 import { access, constants, readFile as readFile$1, mkdir as mkdir$1, writeFile as writeFile$1 } from 'fs/promises';
 import { constants as constants$2 } from 'fs';
@@ -31,6 +31,7 @@ function formatConfigSummary(options, inherited) {
   const baseTemplate = options.template ? getBaseTemplate(options.template) : "vanilla";
   if (baseTemplate === "react") {
     lines.push(formatRow("Framework", "React"));
+    lines.push(formatRow("\u21B3 React compiler", shouldEnableReactCompiler(options) ? "yes" : "no"));
   } else if (baseTemplate === "r3f") {
     lines.push(formatRow("Framework", "React Three Fiber"));
   }
@@ -69,9 +70,7 @@ function formatConfigSummary(options, inherited) {
   const testing = options.testing ?? (projectType === "library" ? "vitest" : "none");
   lines.push(formatRow("Testing", testing));
   if (!inherited) {
-    lines.push(
-      formatRow("Editor config", options.ide === "none" ? "generic" : "generic + vscode")
-    );
+    lines.push(formatRow("Editor config", options.ide === "none" ? "generic" : "generic + vscode"));
     const configStrategy = options.configStrategy ?? "stealth";
     lines.push(formatRow("Config strategy", configStrategy));
   }
@@ -535,7 +534,7 @@ async function promptForOptions(name, presets) {
   let projectName = name;
   if (!projectName) {
     const nameResult = await p.text({
-      message: "What is your project named?",
+      message: "Project name:",
       placeholder: generateRandomName(),
       defaultValue: generateRandomName(),
       validate: (value) => {
@@ -549,7 +548,7 @@ async function promptForOptions(name, presets) {
     projectName = nameResult;
   }
   const projectType = await p.select({
-    message: "Project type",
+    message: "Project type:",
     options: [
       { value: "app", label: "Application" },
       { value: "library", label: "Library" },
@@ -578,11 +577,11 @@ function presetsToInheritedSettings(presets) {
 }
 async function promptForPackageOptions(projectName, projectType, inheritedSettings, presets) {
   const templateSelection = await p.select({
-    message: "Select a template",
+    message: "Select a template:",
     options: [
-      { value: "vanilla", label: "Vanilla" },
-      { value: "react", label: "React", hint: "experimental" },
-      { value: "r3f", label: "React Three Fiber", hint: "experimental" }
+      { value: "vanilla", label: color.yellow("Vanilla") },
+      { value: "react", label: color.cyan("React"), hint: "experimental" },
+      { value: "r3f", label: color.magenta("React Three Fiber"), hint: "experimental" }
     ],
     initialValue: presets?.template ? getBaseTemplate(presets.template) : "vanilla"
   });
@@ -816,10 +815,7 @@ async function getWorkspacePackages(monorepoRoot) {
     for (const entry of entries) {
       if (!entry.isDirectory()) continue;
       try {
-        const content = await readFile(
-          join$1(packagesDir, entry.name, "package.json"),
-          "utf-8"
-        );
+        const content = await readFile(join$1(packagesDir, entry.name, "package.json"), "utf-8");
         const pkg = JSON.parse(content);
         if (pkg.name) names.push(pkg.name);
       } catch {
@@ -1096,9 +1092,7 @@ async function handleFixCommand(options) {
   spinner.start("Fixing workspace...");
   try {
     const files = {};
-    const tsConfigExists = await fileExists$1(
-      join$1(monorepoRoot, ".config/typescript/package.json")
-    );
+    const tsConfigExists = await fileExists$1(join$1(monorepoRoot, ".config/typescript/package.json"));
     if (!tsConfigExists) {
       renderTypescriptConfigPackage(files);
     }
@@ -1106,9 +1100,7 @@ async function handleFixCommand(options) {
       const oxlintExists = await fileExists$1(join$1(monorepoRoot, ".config/oxlint/package.json"));
       if (!oxlintExists) renderOxlintConfigPackage(files);
     } else if (linter === "eslint") {
-      const eslintPkgExists = await fileExists$1(
-        join$1(monorepoRoot, ".config/eslint/package.json")
-      );
+      const eslintPkgExists = await fileExists$1(join$1(monorepoRoot, ".config/eslint/package.json"));
       if (!eslintPkgExists) {
         if (existingConfigs.eslintConfigPath) {
           await migrateEslintConfig(monorepoRoot, files);
@@ -1121,9 +1113,7 @@ async function handleFixCommand(options) {
       const oxfmtExists = await fileExists$1(join$1(monorepoRoot, ".config/oxfmt/package.json"));
       if (!oxfmtExists) renderOxfmtConfigPackage(files);
     } else if (formatter === "prettier") {
-      const prettierPkgExists = await fileExists$1(
-        join$1(monorepoRoot, ".config/prettier/package.json")
-      );
+      const prettierPkgExists = await fileExists$1(join$1(monorepoRoot, ".config/prettier/package.json"));
       if (!prettierPkgExists) {
         if (existingConfigs.prettierConfigPath) {
           await migratePrettierConfig(monorepoRoot, files);
@@ -1185,9 +1175,7 @@ async function handleFixCommand(options) {
       console.log(color.dim(`  Generated ${pkgName}`));
     }
     const vscodeSettingsExists = await fileExists$1(join$1(monorepoRoot, ".vscode/settings.json"));
-    const vscodeExtensionsExists = await fileExists$1(
-      join$1(monorepoRoot, ".vscode/extensions.json")
-    );
+    const vscodeExtensionsExists = await fileExists$1(join$1(monorepoRoot, ".vscode/extensions.json"));
     const vscodeExists = vscodeSettingsExists && vscodeExtensionsExists;
     if (!vscodeExists) {
       let addVscode = false;
@@ -1243,10 +1231,37 @@ async function handleFixCommand(options) {
   }
 }
 
+function detectViteTemplate(pkg) {
+  if (!hasPackage(pkg, "vite")) return void 0;
+  if (hasPackage(pkg, "@react-three/fiber")) return "r3f";
+  if (hasPackage(pkg, "react") || hasPackage(pkg, "@vitejs/plugin-react")) return "react";
+  return "vanilla";
+}
+function renderExpectedViteConfig(template) {
+  const isReact = template === "react" || template === "r3f";
+  const useReactCompiler = template === "react";
+  const codeSnippets = isReact ? {
+    "vite-config-import": [
+      useReactCompiler ? "import react, { reactCompilerPreset } from '@vitejs/plugin-react';" : "import react from '@vitejs/plugin-react';",
+      ...useReactCompiler ? ["import babel from '@rolldown/plugin-babel';"] : []
+    ]
+  } : {};
+  const viteConfig = {
+    base: "./"
+  };
+  if (isReact) {
+    viteConfig.plugins = useReactCompiler ? ["$raw:react()", "$raw:babel({ presets: [reactCompilerPreset()] })"] : ["$raw:react()"];
+  }
+  if (template === "r3f") {
+    viteConfig.resolve = { dedupe: ["three"] };
+  }
+  return renderViteConfig({ viteConfig, codeSnippets });
+}
 async function detectCurrentConfig(root, isMonorepo = true) {
   let name = root.split(/[/\\]/).pop() ?? "workspace";
   let packageManager = "pnpm";
   let hasTypecheck = false;
+  let viteTemplate;
   try {
     const pkgPath = join(root, "package.json");
     const content = await readFile$1(pkgPath, "utf-8");
@@ -1258,6 +1273,7 @@ async function detectCurrentConfig(root, isMonorepo = true) {
       packageManager = pkgJson.packageManager.split("@")[0] ?? packageManager;
     }
     hasTypecheck = pkgJson.scripts?.typecheck != null;
+    viteTemplate = detectViteTemplate(pkgJson);
   } catch {
   }
   const tooling = await detectTooling(root);
@@ -1269,7 +1285,8 @@ async function detectCurrentConfig(root, isMonorepo = true) {
     packageManager,
     isMonorepo,
     configStrategy,
-    hasTypecheck
+    hasTypecheck,
+    viteTemplate
   };
 }
 async function detectSinglePackageConfigStrategy(root) {
@@ -1333,6 +1350,9 @@ async function planExpectedFiles(config) {
       content: toPrettierIgnoreContent()
     };
   }
+  if (!isMonorepo && config.viteTemplate != null) {
+    rootConfig["vite.config.ts"] = renderExpectedViteConfig(config.viteTemplate);
+  }
   if (linter === "biome" || formatter === "biome") {
     const biomeVersion = getResolvedPackageVersion(versions, "@biomejs/biome");
     const biomeConfig = {
@@ -1576,6 +1596,11 @@ function hasPackage(pkg, name) {
 function sortPackageMap(packageMap) {
   return Object.fromEntries(Object.entries(packageMap).sort(([a], [b]) => a.localeCompare(b)));
 }
+function addMissingDevDependency(pkg, devDependencies, name) {
+  if (!hasPackage(pkg, name)) {
+    devDependencies[name] = formatResolvedPackageVersion({}, name);
+  }
+}
 async function detectTypeScriptPackage(root, pkg) {
   if (hasPackage(pkg, "typescript")) return true;
   return await fileExists(join(root, "tsconfig.json")) || await fileExists(join(root, "tsconfig.app.json")) || await fileExists(join(root, ".config/tsconfig.app.json"));
@@ -1638,6 +1663,14 @@ async function getExpectedPackageDevDependencies(root, config, pkg) {
   if (shouldAddOxlintTypeAwareBackend) {
     nextDevDependencies["oxlint-tsgolint"] = formatResolvedPackageVersion({}, "oxlint-tsgolint");
   }
+  if (!config.isMonorepo && config.viteTemplate === "react") {
+    addMissingDevDependency(pkg, nextDevDependencies, "@babel/core");
+    addMissingDevDependency(pkg, nextDevDependencies, "@rolldown/plugin-babel");
+    addMissingDevDependency(pkg, nextDevDependencies, "babel-plugin-react-compiler");
+    if (await detectTypeScriptPackage(root, pkg)) {
+      addMissingDevDependency(pkg, nextDevDependencies, "@types/babel__core");
+    }
+  }
   return sortPackageMap(nextDevDependencies);
 }
 async function getPackageJsonScriptUpdates(root, config) {
@@ -1886,9 +1919,7 @@ async function collectUpdateCategories(projectRoot, config, isMonorepo) {
       category: "package-json",
       label: "package.json",
       changes: packageJsonScriptChanges,
-      hasUserModifications: packageJsonScriptChanges.some(
-        (change) => change.status === "modified"
-      )
+      hasUserModifications: packageJsonScriptChanges.some((change) => change.status === "modified")
     });
   }
   const oxlintConfigChanges = await getOxlintConfigReplacementUpdates(projectRoot, config);
@@ -1907,9 +1938,7 @@ async function collectUpdateCategories(projectRoot, config, isMonorepo) {
         category: "workspace-config",
         label: "Workspace Config",
         changes: workspaceConfigChanges,
-        hasUserModifications: workspaceConfigChanges.some(
-          (change) => change.status === "modified"
-        )
+        hasUserModifications: workspaceConfigChanges.some((change) => change.status === "modified")
       });
     }
   }
@@ -1949,9 +1978,7 @@ async function processUpdateCategory(category, projectRoot, options) {
   if (changesToApply.length > 0) {
     await applyUpdates(changesToApply, projectRoot);
     const addedCount = changesToApply.filter((change) => change.status === "added").length;
-    const updatedFilesCount = changesToApply.filter(
-      (change) => change.status === "modified"
-    ).length;
+    const updatedFilesCount = changesToApply.filter((change) => change.status === "modified").length;
     const parts = [];
     if (addedCount > 0) parts.push(`added ${addedCount}`);
     if (updatedFilesCount > 0) parts.push(`updated ${updatedFilesCount}`);
@@ -2378,10 +2405,7 @@ async function main() {
   ).option(
     "--node-version <version>",
     'set Node.js version for engines.node field (default: "latest")'
-  ).option("--workspace", "Add package to current monorepo workspace (non-interactive)").option("--dir <directory>", "Target directory for --workspace (default: apps/ or packages/)").option("--clear-config", "Clear saved preferences").option("--config-path", "Print the path to the config file").option("--check", "Check if current directory is in a valid monorepo workspace").option("--fix", "Fix monorepo by generating missing .config packages").option("--update", "Update monorepo workspace to latest configuration").option("-y, --yes", "Non-interactive mode - accept all prompts").option(
-    "--path <directory>",
-    "Run in specified directory instead of current working directory"
-  ).action(async (name, options) => {
+  ).option("--workspace", "Add package to current monorepo workspace (non-interactive)").option("--dir <directory>", "Target directory for --workspace (default: apps/ or packages/)").option("--clear-config", "Clear saved preferences").option("--config-path", "Print the path to the config file").option("--check", "Check if current directory is in a valid monorepo workspace").option("--fix", "Fix monorepo by generating missing .config packages").option("--update", "Update monorepo workspace to latest configuration").option("-y, --yes", "Non-interactive mode - accept all prompts").option("--path <directory>", "Run in specified directory instead of current working directory").action(async (name, options) => {
     if (options.path) {
       process.chdir(options.path);
     }
@@ -2443,9 +2467,7 @@ async function main() {
     }
     if (options.dir && !options.workspace) {
       console.error(color.red("Error:") + " --dir requires --workspace flag");
-      console.log(
-        color.dim("  Example: pnpm create krispya my-lib --workspace --dir examples")
-      );
+      console.log(color.dim("  Example: pnpm create krispya my-lib --workspace --dir examples"));
       process.exit(1);
     }
     if (options.workspace) {

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const workspace = require('./shared/create-krispya.DTHeUlq4.cjs');
+const workspace = require('./shared/create-krispya.FNrYi_5V.cjs');
 require('fs/promises');
 require('fs');
 require('path');
@@ -44,6 +44,7 @@ exports.getLanguageFromTemplate = workspace.getLanguageFromTemplate;
 exports.getLatestNodeVersion = workspace.getLatestNodeVersion;
 exports.getLatestNpmCliVersion = workspace.getLatestNpmCliVersion;
 exports.getLatestNpmMajorVersion = workspace.getLatestNpmMajorVersion;
+exports.getLatestNpmMajorVersionAtOrBelow = workspace.getLatestNpmMajorVersionAtOrBelow;
 exports.getLatestNpmVersion = workspace.getLatestNpmVersion;
 exports.getLatestPnpmVersion = workspace.getLatestPnpmVersion;
 exports.getLatestYarnVersion = workspace.getLatestYarnVersion;
@@ -54,6 +55,7 @@ exports.planWorkspace = workspace.planWorkspace;
 exports.projectPlanInputToOptions = workspace.projectPlanInputToOptions;
 exports.resolveProjectPlanInput = workspace.resolveProjectPlanInput;
 exports.resolveWorkspacePlanInput = workspace.resolveWorkspacePlanInput;
+exports.shouldEnableReactCompiler = workspace.shouldEnableReactCompiler;
 exports.unique = workspace.unique;
 exports.validatePackageName = workspace.validatePackageName;
 exports.workspacePlanInputToMonorepoParams = workspace.workspacePlanInputToMonorepoParams;

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { F as FormatterMetaConfig, L as LinterMetaConfig, V as VirtualFileMap, C as CodeInjectionLocation, P as ProjectType, a as ConfigStrategy, E as EngineSpec, b as PackageVersions, c as Linter, d as Formatter, T as Testing, e as LibraryBundler, I as Ide, f as PackageManagerSpec, g as ProjectPlanInput, h as ProjectOptions, A as AiPlatform, W as WorkspacePlanInput } from './shared/create-krispya.to8NBxeJ.cjs';
-export { i as AiAgentsMetaConfig, B as BaseTemplate, D as DependencyVersionOptions, j as EditorMetaConfig, k as EngineName, l as FeatureSelections, m as FileRenderer, n as LibraryBundlerMetaConfig, o as PackageManagerMetaConfig, p as PackageManagerName, q as PlanBuilder, r as PlanDreiOptions, s as PlanFiberOptions, t as PlanGithubPagesOptions, u as PlanHandleOptions, v as PlanKootaOptions, w as PlanLevaOptions, x as PlanOffscreenOptions, y as PlanPostprocessingOptions, z as PlanRapierOptions, G as PlanTriplexOptions, H as PlanUikitOptions, J as PlanViverseOptions, K as PlanXrOptions, M as PlanZustandOptions, N as ProjectMetaConfig, O as ProjectPlanContext, Q as Template, R as TestingMetaConfig, S as ToolConfig, U as TypeScriptMetaConfig, X as VersionRangePrefix, Y as VirtualFile, Z as WorkspacePlanContext, _ as getBaseTemplate, $ as getLanguageFromTemplate } from './shared/create-krispya.to8NBxeJ.cjs';
+import { F as FormatterMetaConfig, L as LinterMetaConfig, V as VirtualFileMap, C as CodeInjectionLocation, P as ProjectType, a as ConfigStrategy, E as EngineSpec, b as PackageVersions, c as Linter, d as Formatter, T as Testing, e as LibraryBundler, I as Ide, f as PackageManagerSpec, g as ProjectPlanInput, h as ProjectOptions, A as AiPlatform, W as WorkspacePlanInput } from './shared/create-krispya.CcQTepKu.cjs';
+export { i as AiAgentsMetaConfig, B as BaseTemplate, D as DependencyVersionOptions, j as EditorMetaConfig, k as EngineName, l as FeatureSelections, m as FileRenderer, n as LibraryBundlerMetaConfig, o as PackageManagerMetaConfig, p as PackageManagerName, q as PlanBuilder, r as PlanDreiOptions, s as PlanFiberOptions, t as PlanGithubPagesOptions, u as PlanHandleOptions, v as PlanKootaOptions, w as PlanLevaOptions, x as PlanOffscreenOptions, y as PlanPostprocessingOptions, z as PlanRapierOptions, G as PlanTriplexOptions, H as PlanUikitOptions, J as PlanViverseOptions, K as PlanXrOptions, M as PlanZustandOptions, N as ProjectMetaConfig, O as ProjectPlanContext, Q as Template, R as TestingMetaConfig, S as ToolConfig, U as TypeScriptMetaConfig, X as VersionRangePrefix, Y as VirtualFile, Z as WorkspacePlanContext, _ as getBaseTemplate, $ as getLanguageFromTemplate, a0 as shouldEnableReactCompiler } from './shared/create-krispya.CcQTepKu.cjs';
 
 type MetaConfig = {
     formatter: FormatterMetaConfig;
@@ -118,6 +118,10 @@ declare function getLatestNpmVersion(packageName: string, fallback: string): Pro
  * Fetches the latest npm version within a specific major version.
  */
 declare function getLatestNpmMajorVersion(packageName: string, majorVersion: string, fallback: string): Promise<string>;
+/**
+ * Fetches the latest npm version within the requested major, falling back to lower majors.
+ */
+declare function getLatestNpmMajorVersionAtOrBelow(packageName: string, majorVersion: string, fallback: string): Promise<string>;
 declare function getLatestPnpmVersion(): Promise<string>;
 declare function getLatestYarnVersion(): Promise<string>;
 declare function getLatestNpmCliVersion(): Promise<string>;
@@ -125,5 +129,5 @@ declare function getLatestNodeVersion(): Promise<string>;
 
 declare function parseWorkspaceYamlContent(content: string): string[];
 
-export { AiPlatform, CodeInjectionLocation, ConfigStrategy, EngineSpec, Formatter, FormatterMetaConfig, Ide, LibraryBundler, Linter, LinterMetaConfig, PackageManagerSpec, PackageVersions, ProjectOptions, ProjectPlanInput, ProjectType, Testing, VirtualFileMap, WorkspacePlanInput, detectTooling, generateRandomName, getLatestNodeVersion, getLatestNpmCliVersion, getLatestNpmMajorVersion, getLatestNpmVersion, getLatestPnpmVersion, getLatestYarnVersion, merge, mergePartialPlans, parseWorkspaceYamlContent, planProject, planWorkspace, projectPlanInputToOptions, resolveProjectPlanInput, resolveWorkspacePlanInput, unique, validatePackageName, workspacePlanInputToMonorepoParams };
+export { AiPlatform, CodeInjectionLocation, ConfigStrategy, EngineSpec, Formatter, FormatterMetaConfig, Ide, LibraryBundler, Linter, LinterMetaConfig, PackageManagerSpec, PackageVersions, ProjectOptions, ProjectPlanInput, ProjectType, Testing, VirtualFileMap, WorkspacePlanInput, detectTooling, generateRandomName, getLatestNodeVersion, getLatestNpmCliVersion, getLatestNpmMajorVersion, getLatestNpmMajorVersionAtOrBelow, getLatestNpmVersion, getLatestPnpmVersion, getLatestYarnVersion, merge, mergePartialPlans, parseWorkspaceYamlContent, planProject, planWorkspace, projectPlanInputToOptions, resolveProjectPlanInput, resolveWorkspacePlanInput, unique, validatePackageName, workspacePlanInputToMonorepoParams };
 export type { DetectedTooling, MetaConfig, PartialPlan, ProjectContext, ProjectPlan, ToolSelections };