create-krispya 0.11.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.8KaGuRpu.cjs');
+const workspace = require('./shared/create-krispya.FNrYi_5V.cjs');
 const Conf = require('conf');
 const promises = require('fs/promises');
 const fs = require('fs');
@@ -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"));
   }
@@ -1259,12 +1260,18 @@ function detectViteTemplate(pkg) {
 }
 function renderExpectedViteConfig(template) {
   const isReact = template === "react" || template === "r3f";
-  const codeSnippets = isReact ? { "vite-config-import": ["import react from '@vitejs/plugin-react';"] } : {};
+  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 = ["$raw:react()"];
+    viteConfig.plugins = useReactCompiler ? ["$raw:react()", "$raw:babel({ presets: [reactCompilerPreset()] })"] : ["$raw:react()"];
   }
   if (template === "r3f") {
     viteConfig.resolve = { dedupe: ["three"] };
@@ -1610,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"));
@@ -1672,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) {

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 renderViteConfig, Q as packageJsonScripts, R as resolveDefaultPackageJsonScripts, S as formatResolvedPackageVersion, T as renderOxlintConfig, k as planProject, r as resolveProjectPlanInput, v as validatePackageName, o as resolveWorkspacePlanInput, l as planWorkspace } from './shared/create-krispya.DblF9gKc.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"));
   }
@@ -1238,12 +1239,18 @@ function detectViteTemplate(pkg) {
 }
 function renderExpectedViteConfig(template) {
   const isReact = template === "react" || template === "r3f";
-  const codeSnippets = isReact ? { "vite-config-import": ["import react from '@vitejs/plugin-react';"] } : {};
+  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 = ["$raw:react()"];
+    viteConfig.plugins = useReactCompiler ? ["$raw:react()", "$raw:babel({ presets: [reactCompilerPreset()] })"] : ["$raw:react()"];
   }
   if (template === "r3f") {
     viteConfig.resolve = { dedupe: ["three"] };
@@ -1589,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"));
@@ -1651,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) {

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const workspace = require('./shared/create-krispya.8KaGuRpu.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 };

package/dist/index.d.mts

@@ -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.mjs';
-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.mjs';
+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.mjs';
+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.mjs';
 
 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 };

package/dist/index.d.ts

@@ -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.js';
-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.js';
+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.js';
+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.js';
 
 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 };

package/dist/index.mjs

@@ -1,4 +1,4 @@
-export { d as detectTooling, g as generateRandomName, a as getBaseTemplate, b as getLanguageFromTemplate, c as getLatestNodeVersion, e as getLatestNpmCliVersion, f as getLatestNpmMajorVersion, h as getLatestNpmVersion, i as getLatestPnpmVersion, j as getLatestYarnVersion, m as merge, p as parseWorkspaceYamlContent, k as planProject, l as planWorkspace, n as projectPlanInputToOptions, r as resolveProjectPlanInput, o as resolveWorkspacePlanInput, u as unique, v as validatePackageName, w as workspacePlanInputToMonorepoParams } from './shared/create-krispya.DblF9gKc.mjs';
+export { d as detectTooling, g as generateRandomName, a as getBaseTemplate, b as getLanguageFromTemplate, c as getLatestNodeVersion, e as getLatestNpmCliVersion, f as getLatestNpmMajorVersion, h as getLatestNpmMajorVersionAtOrBelow, i as getLatestNpmVersion, j as getLatestPnpmVersion, k as getLatestYarnVersion, m as merge, p as parseWorkspaceYamlContent, l as planProject, n as planWorkspace, o as projectPlanInputToOptions, r as resolveProjectPlanInput, q as resolveWorkspacePlanInput, s as shouldEnableReactCompiler, u as unique, v as validatePackageName, w as workspacePlanInputToMonorepoParams } from './shared/create-krispya.DZWMfM2v.mjs';
 import 'fs/promises';
 import 'fs';
 import 'path';

package/dist/shared/{create-krispya.to8NBxeJ.d.ts → create-krispya.CcQTepKu.d.cts}

@@ -232,6 +232,7 @@ type PlanBuilder = {
 };
 declare function getLanguageFromTemplate(template: Template): 'javascript' | 'typescript';
 declare function getBaseTemplate(template: Template): BaseTemplate;
+declare function shouldEnableReactCompiler(options: Pick<ProjectOptions, 'projectType' | 'template'>): boolean;
 
-export { getLanguageFromTemplate as $, getBaseTemplate as _ };
+export { getLanguageFromTemplate as $, getBaseTemplate as _, shouldEnableReactCompiler as a0 };
 export type { AiPlatform as A, BaseTemplate as B, CodeInjectionLocation as C, DependencyVersionOptions as D, EngineSpec as E, FormatterMetaConfig as F, PlanTriplexOptions as G, PlanUikitOptions as H, Ide as I, PlanViverseOptions as J, PlanXrOptions as K, LinterMetaConfig as L, PlanZustandOptions as M, ProjectMetaConfig as N, ProjectPlanContext as O, ProjectType as P, Template as Q, TestingMetaConfig as R, ToolConfig as S, Testing as T, TypeScriptMetaConfig as U, VirtualFileMap as V, WorkspacePlanInput as W, VersionRangePrefix as X, VirtualFile as Y, WorkspacePlanContext as Z, ConfigStrategy as a, PackageVersions as b, Linter as c, Formatter as d, LibraryBundler as e, PackageManagerSpec as f, ProjectPlanInput as g, ProjectOptions as h, AiAgentsMetaConfig as i, EditorMetaConfig as j, EngineName as k, FeatureSelections as l, FileRenderer as m, LibraryBundlerMetaConfig as n, PackageManagerMetaConfig as o, PackageManagerName as p, PlanBuilder as q, PlanDreiOptions as r, PlanFiberOptions as s, PlanGithubPagesOptions as t, PlanHandleOptions as u, PlanKootaOptions as v, PlanLevaOptions as w, PlanOffscreenOptions as x, PlanPostprocessingOptions as y, PlanRapierOptions as z };

package/dist/shared/{create-krispya.to8NBxeJ.d.cts → create-krispya.CcQTepKu.d.mts}

@@ -232,6 +232,7 @@ type PlanBuilder = {
 };
 declare function getLanguageFromTemplate(template: Template): 'javascript' | 'typescript';
 declare function getBaseTemplate(template: Template): BaseTemplate;
+declare function shouldEnableReactCompiler(options: Pick<ProjectOptions, 'projectType' | 'template'>): boolean;
 
-export { getLanguageFromTemplate as $, getBaseTemplate as _ };
+export { getLanguageFromTemplate as $, getBaseTemplate as _, shouldEnableReactCompiler as a0 };
 export type { AiPlatform as A, BaseTemplate as B, CodeInjectionLocation as C, DependencyVersionOptions as D, EngineSpec as E, FormatterMetaConfig as F, PlanTriplexOptions as G, PlanUikitOptions as H, Ide as I, PlanViverseOptions as J, PlanXrOptions as K, LinterMetaConfig as L, PlanZustandOptions as M, ProjectMetaConfig as N, ProjectPlanContext as O, ProjectType as P, Template as Q, TestingMetaConfig as R, ToolConfig as S, Testing as T, TypeScriptMetaConfig as U, VirtualFileMap as V, WorkspacePlanInput as W, VersionRangePrefix as X, VirtualFile as Y, WorkspacePlanContext as Z, ConfigStrategy as a, PackageVersions as b, Linter as c, Formatter as d, LibraryBundler as e, PackageManagerSpec as f, ProjectPlanInput as g, ProjectOptions as h, AiAgentsMetaConfig as i, EditorMetaConfig as j, EngineName as k, FeatureSelections as l, FileRenderer as m, LibraryBundlerMetaConfig as n, PackageManagerMetaConfig as o, PackageManagerName as p, PlanBuilder as q, PlanDreiOptions as r, PlanFiberOptions as s, PlanGithubPagesOptions as t, PlanHandleOptions as u, PlanKootaOptions as v, PlanLevaOptions as w, PlanOffscreenOptions as x, PlanPostprocessingOptions as y, PlanRapierOptions as z };

package/dist/shared/{create-krispya.to8NBxeJ.d.mts → create-krispya.CcQTepKu.d.ts}

@@ -232,6 +232,7 @@ type PlanBuilder = {
 };
 declare function getLanguageFromTemplate(template: Template): 'javascript' | 'typescript';
 declare function getBaseTemplate(template: Template): BaseTemplate;
+declare function shouldEnableReactCompiler(options: Pick<ProjectOptions, 'projectType' | 'template'>): boolean;
 
-export { getLanguageFromTemplate as $, getBaseTemplate as _ };
+export { getLanguageFromTemplate as $, getBaseTemplate as _, shouldEnableReactCompiler as a0 };
 export type { AiPlatform as A, BaseTemplate as B, CodeInjectionLocation as C, DependencyVersionOptions as D, EngineSpec as E, FormatterMetaConfig as F, PlanTriplexOptions as G, PlanUikitOptions as H, Ide as I, PlanViverseOptions as J, PlanXrOptions as K, LinterMetaConfig as L, PlanZustandOptions as M, ProjectMetaConfig as N, ProjectPlanContext as O, ProjectType as P, Template as Q, TestingMetaConfig as R, ToolConfig as S, Testing as T, TypeScriptMetaConfig as U, VirtualFileMap as V, WorkspacePlanInput as W, VersionRangePrefix as X, VirtualFile as Y, WorkspacePlanContext as Z, ConfigStrategy as a, PackageVersions as b, Linter as c, Formatter as d, LibraryBundler as e, PackageManagerSpec as f, ProjectPlanInput as g, ProjectOptions as h, AiAgentsMetaConfig as i, EditorMetaConfig as j, EngineName as k, FeatureSelections as l, FileRenderer as m, LibraryBundlerMetaConfig as n, PackageManagerMetaConfig as o, PackageManagerName as p, PlanBuilder as q, PlanDreiOptions as r, PlanFiberOptions as s, PlanGithubPagesOptions as t, PlanHandleOptions as u, PlanKootaOptions as v, PlanLevaOptions as w, PlanOffscreenOptions as x, PlanPostprocessingOptions as y, PlanRapierOptions as z };

package/dist/shared/{create-krispya.DblF9gKc.mjs → create-krispya.DZWMfM2v.mjs}

@@ -177,6 +177,10 @@ function getLanguageFromTemplate(template) {
 function getBaseTemplate(template) {
   return template.replace("-js", "");
 }
+function shouldEnableReactCompiler(options) {
+  const template = options.template ?? "vanilla";
+  return getBaseTemplate(template) === "react" && (options.projectType ?? "app") === "app";
+}
 
 function unique(...array) {
   const set = /* @__PURE__ */ new Set();
@@ -439,16 +443,41 @@ function compareNumericSemver(a, b) {
   }
   return 0;
 }
+function getLatestMatchingMajorVersion(versions, majorVersion) {
+  return [...versions].filter((version) => version.split(".")[0] === majorVersion).sort((a, b) => compareNumericSemver(b, a))[0];
+}
 async function getLatestNpmMajorVersion(packageName, majorVersion, fallback) {
   try {
     const response = await fetch(`https://registry.npmjs.org/${packageName}`);
     const data = await response.json();
-    const latestMatchingVersion = Object.keys(data.versions ?? {}).filter((version) => version.split(".")[0] === majorVersion).sort((a, b) => compareNumericSemver(b, a))[0];
+    const latestMatchingVersion = getLatestMatchingMajorVersion(
+      Object.keys(data.versions ?? {}),
+      majorVersion
+    );
     return latestMatchingVersion ?? fallback;
   } catch {
     return fallback;
   }
 }
+async function getLatestNpmMajorVersionAtOrBelow(packageName, majorVersion, fallback) {
+  try {
+    const response = await fetch(`https://registry.npmjs.org/${packageName}`);
+    const data = await response.json();
+    const versions = Object.keys(data.versions ?? {});
+    const requestedMajor = Number.parseInt(majorVersion, 10);
+    if (Number.isFinite(requestedMajor)) {
+      for (let major = requestedMajor; major >= 0; major -= 1) {
+        const latestMatchingVersion = getLatestMatchingMajorVersion(versions, String(major));
+        if (latestMatchingVersion != null) {
+          return latestMatchingVersion;
+        }
+      }
+    }
+    return fallback;
+  } catch {
+    return fallback;
+  }
+}
 async function getLatestPnpmVersion() {
   return getLatestNpmVersion("pnpm", "10.11.0");
 }
@@ -495,6 +524,7 @@ function parseWorkspaceYamlContent(content) {
 }
 
 const PACKAGE_VERSION_DEFINITIONS = {
+  "@babel/core": { fallbackVersion: "7.29.0" },
   "@biomejs/biome": { fallbackVersion: "2.0.0" },
   "@react-three/drei": { fallbackVersion: "10.0.0" },
   "@react-three/fiber": { fallbackVersion: "9.0.0" },
@@ -504,16 +534,20 @@ const PACKAGE_VERSION_DEFINITIONS = {
   "@react-three/rapier": { fallbackVersion: "2.1.0" },
   "@react-three/uikit": { fallbackVersion: "0.8.15" },
   "@react-three/xr": { fallbackVersion: "6.6.16" },
+  "@rolldown/plugin-babel": { fallbackVersion: "0.2.3" },
   "@testing-library/dom": { fallbackVersion: "10.4.0" },
   "@testing-library/react": { fallbackVersion: "16.2.0" },
+  "@types/babel__core": { fallbackVersion: "7.20.5" },
+  "@types/node": { fallbackVersion: "25.3.5" },
   "@types/react": { fallbackVersion: "19.0.0" },
   "@types/react-dom": { fallbackVersion: "19.0.0" },
   "@types/three": { fallbackVersion: "0.175.0", prefix: "~" },
   "@vitejs/plugin-basic-ssl": { fallbackVersion: "2.0.0" },
-  "@vitejs/plugin-react": { fallbackVersion: "4.4.1" },
+  "@vitejs/plugin-react": { fallbackVersion: "6.0.1" },
   "@viverse/cli": { fallbackVersion: "0.9.5-beta.8" },
   eslint: { fallbackVersion: "9.17.0" },
   "eslint-plugin-react-hooks": { fallbackVersion: "5.1.0" },
+  "babel-plugin-react-compiler": { fallbackVersion: "1.0.0" },
   jsdom: { fallbackVersion: "26.0.0" },
   koota: { fallbackVersion: "0.4.0" },
   leva: { fallbackVersion: "0.10.0" },
@@ -528,7 +562,7 @@ const PACKAGE_VERSION_DEFINITIONS = {
   typescript: { fallbackVersion: "5.9.3" },
   "typescript-eslint": { fallbackVersion: "8.18.0" },
   unbuild: { fallbackVersion: "3.5.0" },
-  vite: { fallbackVersion: "6.3.4" },
+  vite: { fallbackVersion: "8.0.12" },
   vitest: { fallbackVersion: "4.0.0" },
   zustand: { fallbackVersion: "5.0.3" }
 };
@@ -622,17 +656,12 @@ async function resolveEngine(options) {
   }
   return engine;
 }
-function formatNodeTypesVersion(versions = {}, engine) {
+function formatNodeTypesVersion(versions = {}, _engine) {
   const resolvedVersion = versions["@types/node"];
   if (resolvedVersion != null) {
     return `^${resolvedVersion}`;
   }
-  const engineSpec = getEngineSpec(engine);
-  if (engineSpec.name === "node" && engineSpec.version) {
-    const majorVersion = engineSpec.version.split(".")[0];
-    return `^${majorVersion}.0.0`;
-  }
-  return "^22.0.0";
+  return formatResolvedPackageVersion(versions, "@types/node");
 }
 async function resolveNodeTypesVersion(engine, versions = {}) {
   if (versions["@types/node"] != null) {
@@ -644,7 +673,11 @@ async function resolveNodeTypesVersion(engine, versions = {}) {
   }
   const nodeVersion = engineSpec.version ?? await getLatestNodeVersion();
   const majorVersion = nodeVersion.split(".")[0];
-  return getLatestNpmMajorVersion("@types/node", majorVersion, `${majorVersion}.0.0`);
+  return getLatestNpmMajorVersionAtOrBelow(
+    "@types/node",
+    majorVersion,
+    getPackageFallbackVersion("@types/node")
+  );
 }
 async function resolvePackageVersions(packageNames, existingVersions = {}) {
   const versions = { ...existingVersions };
@@ -699,6 +732,7 @@ function collectProjectPackageNames(options) {
   const isReact = baseTemplate === "react" || baseTemplate === "r3f";
   const isR3f = baseTemplate === "r3f";
   const isTypescript = language === "typescript";
+  const useReactCompiler = shouldEnableReactCompiler(options);
   const inWorkspace = options.workspaceRoot != null;
   const testing = options.testing ?? (isLibrary ? "vitest" : "none");
   const linter = options.linter ?? "oxlint";
@@ -720,10 +754,18 @@ function collectProjectPackageNames(options) {
       addPackageName(packageNames, explicitVersions, "react");
       addPackageName(packageNames, explicitVersions, "react-dom");
       addPackageName(packageNames, explicitVersions, "@vitejs/plugin-react");
+      if (useReactCompiler) {
+        addPackageName(packageNames, explicitVersions, "@babel/core");
+        addPackageName(packageNames, explicitVersions, "@rolldown/plugin-babel");
+        addPackageName(packageNames, explicitVersions, "babel-plugin-react-compiler");
+      }
     }
     if (isTypescript) {
       addPackageName(packageNames, explicitVersions, "@types/react");
       addPackageName(packageNames, explicitVersions, "@types/react-dom");
+      if (useReactCompiler) {
+        addPackageName(packageNames, explicitVersions, "@types/babel__core");
+      }
     }
   }
   if (isR3f) {
@@ -840,7 +882,7 @@ function renderTypescriptConfig(baseTemplateOrParams) {
   const devDependencies = {};
   assignResolvedPackageVersion(devDependencies, versions, "typescript");
   if (getEngineName(engine) === "node") {
-    devDependencies["@types/node"] = formatNodeTypesVersion(versions, engine);
+    devDependencies["@types/node"] = formatNodeTypesVersion(versions);
   } else {
     devDependencies["@types/node"] = "^22.0.0";
   }
@@ -2274,7 +2316,7 @@ function renderMonorepo(params) {
   const isPnpm = packageManager.name === "pnpm";
   const devDependencies = {};
   if (engine?.name === "node" && engine.version) {
-    devDependencies["@types/node"] = formatNodeTypesVersion(versions, engine);
+    devDependencies["@types/node"] = formatNodeTypesVersion(versions);
   } else {
     devDependencies["@types/node"] = "^22.0.0";
   }
@@ -3559,6 +3601,7 @@ function createProjectPlan(planInput) {
   const isReact = baseTemplate === "react";
   const isR3f = baseTemplate === "r3f";
   const isLibrary = clonedOptions.projectType === "library";
+  const useReactCompiler = shouldEnableReactCompiler(clonedOptions);
   const libraryBundler = planInput.libraryBundler.tool;
   const ide = planInput.ide.tool;
   const files = {
@@ -3582,6 +3625,11 @@ function createProjectPlan(planInput) {
       assignResolvedPackageVersion(dependencies, versions, "react");
       assignResolvedPackageVersion(dependencies, versions, "react-dom");
       assignResolvedPackageVersion(devDependencies, versions, "@vitejs/plugin-react");
+      if (useReactCompiler) {
+        assignResolvedPackageVersion(devDependencies, versions, "@babel/core");
+        assignResolvedPackageVersion(devDependencies, versions, "@rolldown/plugin-babel");
+        assignResolvedPackageVersion(devDependencies, versions, "babel-plugin-react-compiler");
+      }
     }
   }
   if (isR3f) {
@@ -3603,12 +3651,20 @@ function createProjectPlan(planInput) {
     });
     Object.assign(files, tsResult.files);
     Object.assign(devDependencies, tsResult.devDependencies);
+    if (useReactCompiler) {
+      assignResolvedPackageVersion(devDependencies, versions, "@types/babel__core");
+    }
   }
   const codeSnippets = {};
   const vscodeSettings = {};
   const scripts = {};
   if (!isLibrary && (isReact || isR3f)) {
-    codeSnippets["vite-config-import"] = ["import react from '@vitejs/plugin-react';"];
+    codeSnippets["vite-config-import"] = [
+      useReactCompiler ? "import react, { reactCompilerPreset } from '@vitejs/plugin-react';" : "import react from '@vitejs/plugin-react';"
+    ];
+    if (useReactCompiler) {
+      codeSnippets["vite-config-import"].push("import babel from '@rolldown/plugin-babel';");
+    }
   }
   if (!isLibrary && isR3f) {
     codeSnippets["import"] = [`import { Canvas } from "@react-three/fiber"`];
@@ -3619,7 +3675,7 @@ function createProjectPlan(planInput) {
     base: "./"
   };
   if (!isLibrary && (isReact || isR3f)) {
-    viteConfig.plugins = ["$raw:react()"];
+    viteConfig.plugins = useReactCompiler ? ["$raw:react()", "$raw:babel({ presets: [reactCompilerPreset()] })"] : ["$raw:react()"];
   }
   if (!isLibrary && isR3f) {
     viteConfig.resolve = { dedupe: ["three"] };
@@ -3724,7 +3780,9 @@ function createProjectPlan(planInput) {
   } else if (planInput.formatter.tool === "oxfmt") {
     planOxfmt(builder, planInput.formatter);
   } else if (planInput.formatter.tool === "biome" && planInput.linter.tool !== "biome") {
-    planBiome(builder, { formatter: planInput.formatter });
+    planBiome(builder, {
+      formatter: planInput.formatter
+    });
   }
   for (const { code, location } of clonedOptions.injections ?? []) {
     builder.inject(location, code);
@@ -3850,4 +3908,4 @@ async function planWorkspace(input) {
   };
 }
 
-export { ALL_AI_PLATFORMS as A, renderTypescriptConfigPackage as B, renderOxlintConfigPackage as C, renderEslintConfigPackage as D, renderOxfmtConfigPackage as E, renderPrettierConfigPackage as F, resolveMonorepoRootPackageVersions as G, getResolvedPackageVersion as H, renderVscodeFiles as I, renderAiFiles as J, renderVscodeFiles$1 as K, renderEditorConfig as L, renderGitignore as M, toPrettierIgnoreContent as N, mergePackageJsonScripts as O, renderViteConfig as P, packageJsonScripts as Q, resolveDefaultPackageJsonScripts as R, formatResolvedPackageVersion as S, renderOxlintConfig as T, getBaseTemplate as a, getLanguageFromTemplate as b, getLatestNodeVersion as c, detectTooling as d, getLatestNpmCliVersion as e, getLatestNpmMajorVersion as f, generateRandomName as g, getLatestNpmVersion as h, getLatestPnpmVersion as i, getLatestYarnVersion as j, planProject as k, planWorkspace as l, merge as m, projectPlanInputToOptions as n, resolveWorkspacePlanInput as o, parseWorkspaceYamlContent as p, getEngineName as q, resolveProjectPlanInput as r, getPackageManagerName as s, AI_PLATFORM_LABELS as t, unique as u, validatePackageName as v, workspacePlanInputToMonorepoParams as w, AI_PLATFORM_HINTS as x, parsePackageManager as y, parseEngine as z };
+export { ALL_AI_PLATFORMS as A, parsePackageManager as B, parseEngine as C, renderTypescriptConfigPackage as D, renderOxlintConfigPackage as E, renderEslintConfigPackage as F, renderOxfmtConfigPackage as G, renderPrettierConfigPackage as H, resolveMonorepoRootPackageVersions as I, getResolvedPackageVersion as J, renderVscodeFiles as K, renderAiFiles as L, renderVscodeFiles$1 as M, renderEditorConfig as N, renderGitignore as O, toPrettierIgnoreContent as P, mergePackageJsonScripts as Q, renderViteConfig as R, packageJsonScripts as S, resolveDefaultPackageJsonScripts as T, formatResolvedPackageVersion as U, renderOxlintConfig as V, getBaseTemplate as a, getLanguageFromTemplate as b, getLatestNodeVersion as c, detectTooling as d, getLatestNpmCliVersion as e, getLatestNpmMajorVersion as f, generateRandomName as g, getLatestNpmMajorVersionAtOrBelow as h, getLatestNpmVersion as i, getLatestPnpmVersion as j, getLatestYarnVersion as k, planProject as l, merge as m, planWorkspace as n, projectPlanInputToOptions as o, parseWorkspaceYamlContent as p, resolveWorkspacePlanInput as q, resolveProjectPlanInput as r, shouldEnableReactCompiler as s, getEngineName as t, unique as u, validatePackageName as v, workspacePlanInputToMonorepoParams as w, getPackageManagerName as x, AI_PLATFORM_LABELS as y, AI_PLATFORM_HINTS as z };

package/dist/shared/{create-krispya.8KaGuRpu.cjs → create-krispya.FNrYi_5V.cjs}

@@ -183,6 +183,10 @@ function getLanguageFromTemplate(template) {
 function getBaseTemplate(template) {
   return template.replace("-js", "");
 }
+function shouldEnableReactCompiler(options) {
+  const template = options.template ?? "vanilla";
+  return getBaseTemplate(template) === "react" && (options.projectType ?? "app") === "app";
+}
 
 function unique(...array) {
   const set = /* @__PURE__ */ new Set();
@@ -445,16 +449,41 @@ function compareNumericSemver(a, b) {
   }
   return 0;
 }
+function getLatestMatchingMajorVersion(versions, majorVersion) {
+  return [...versions].filter((version) => version.split(".")[0] === majorVersion).sort((a, b) => compareNumericSemver(b, a))[0];
+}
 async function getLatestNpmMajorVersion(packageName, majorVersion, fallback) {
   try {
     const response = await fetch(`https://registry.npmjs.org/${packageName}`);
     const data = await response.json();
-    const latestMatchingVersion = Object.keys(data.versions ?? {}).filter((version) => version.split(".")[0] === majorVersion).sort((a, b) => compareNumericSemver(b, a))[0];
+    const latestMatchingVersion = getLatestMatchingMajorVersion(
+      Object.keys(data.versions ?? {}),
+      majorVersion
+    );
     return latestMatchingVersion ?? fallback;
   } catch {
     return fallback;
   }
 }
+async function getLatestNpmMajorVersionAtOrBelow(packageName, majorVersion, fallback) {
+  try {
+    const response = await fetch(`https://registry.npmjs.org/${packageName}`);
+    const data = await response.json();
+    const versions = Object.keys(data.versions ?? {});
+    const requestedMajor = Number.parseInt(majorVersion, 10);
+    if (Number.isFinite(requestedMajor)) {
+      for (let major = requestedMajor; major >= 0; major -= 1) {
+        const latestMatchingVersion = getLatestMatchingMajorVersion(versions, String(major));
+        if (latestMatchingVersion != null) {
+          return latestMatchingVersion;
+        }
+      }
+    }
+    return fallback;
+  } catch {
+    return fallback;
+  }
+}
 async function getLatestPnpmVersion() {
   return getLatestNpmVersion("pnpm", "10.11.0");
 }
@@ -501,6 +530,7 @@ function parseWorkspaceYamlContent(content) {
 }
 
 const PACKAGE_VERSION_DEFINITIONS = {
+  "@babel/core": { fallbackVersion: "7.29.0" },
   "@biomejs/biome": { fallbackVersion: "2.0.0" },
   "@react-three/drei": { fallbackVersion: "10.0.0" },
   "@react-three/fiber": { fallbackVersion: "9.0.0" },
@@ -510,16 +540,20 @@ const PACKAGE_VERSION_DEFINITIONS = {
   "@react-three/rapier": { fallbackVersion: "2.1.0" },
   "@react-three/uikit": { fallbackVersion: "0.8.15" },
   "@react-three/xr": { fallbackVersion: "6.6.16" },
+  "@rolldown/plugin-babel": { fallbackVersion: "0.2.3" },
   "@testing-library/dom": { fallbackVersion: "10.4.0" },
   "@testing-library/react": { fallbackVersion: "16.2.0" },
+  "@types/babel__core": { fallbackVersion: "7.20.5" },
+  "@types/node": { fallbackVersion: "25.3.5" },
   "@types/react": { fallbackVersion: "19.0.0" },
   "@types/react-dom": { fallbackVersion: "19.0.0" },
   "@types/three": { fallbackVersion: "0.175.0", prefix: "~" },
   "@vitejs/plugin-basic-ssl": { fallbackVersion: "2.0.0" },
-  "@vitejs/plugin-react": { fallbackVersion: "4.4.1" },
+  "@vitejs/plugin-react": { fallbackVersion: "6.0.1" },
   "@viverse/cli": { fallbackVersion: "0.9.5-beta.8" },
   eslint: { fallbackVersion: "9.17.0" },
   "eslint-plugin-react-hooks": { fallbackVersion: "5.1.0" },
+  "babel-plugin-react-compiler": { fallbackVersion: "1.0.0" },
   jsdom: { fallbackVersion: "26.0.0" },
   koota: { fallbackVersion: "0.4.0" },
   leva: { fallbackVersion: "0.10.0" },
@@ -534,7 +568,7 @@ const PACKAGE_VERSION_DEFINITIONS = {
   typescript: { fallbackVersion: "5.9.3" },
   "typescript-eslint": { fallbackVersion: "8.18.0" },
   unbuild: { fallbackVersion: "3.5.0" },
-  vite: { fallbackVersion: "6.3.4" },
+  vite: { fallbackVersion: "8.0.12" },
   vitest: { fallbackVersion: "4.0.0" },
   zustand: { fallbackVersion: "5.0.3" }
 };
@@ -628,17 +662,12 @@ async function resolveEngine(options) {
   }
   return engine;
 }
-function formatNodeTypesVersion(versions = {}, engine) {
+function formatNodeTypesVersion(versions = {}, _engine) {
   const resolvedVersion = versions["@types/node"];
   if (resolvedVersion != null) {
     return `^${resolvedVersion}`;
   }
-  const engineSpec = getEngineSpec(engine);
-  if (engineSpec.name === "node" && engineSpec.version) {
-    const majorVersion = engineSpec.version.split(".")[0];
-    return `^${majorVersion}.0.0`;
-  }
-  return "^22.0.0";
+  return formatResolvedPackageVersion(versions, "@types/node");
 }
 async function resolveNodeTypesVersion(engine, versions = {}) {
   if (versions["@types/node"] != null) {
@@ -650,7 +679,11 @@ async function resolveNodeTypesVersion(engine, versions = {}) {
   }
   const nodeVersion = engineSpec.version ?? await getLatestNodeVersion();
   const majorVersion = nodeVersion.split(".")[0];
-  return getLatestNpmMajorVersion("@types/node", majorVersion, `${majorVersion}.0.0`);
+  return getLatestNpmMajorVersionAtOrBelow(
+    "@types/node",
+    majorVersion,
+    getPackageFallbackVersion("@types/node")
+  );
 }
 async function resolvePackageVersions(packageNames, existingVersions = {}) {
   const versions = { ...existingVersions };
@@ -705,6 +738,7 @@ function collectProjectPackageNames(options) {
   const isReact = baseTemplate === "react" || baseTemplate === "r3f";
   const isR3f = baseTemplate === "r3f";
   const isTypescript = language === "typescript";
+  const useReactCompiler = shouldEnableReactCompiler(options);
   const inWorkspace = options.workspaceRoot != null;
   const testing = options.testing ?? (isLibrary ? "vitest" : "none");
   const linter = options.linter ?? "oxlint";
@@ -726,10 +760,18 @@ function collectProjectPackageNames(options) {
       addPackageName(packageNames, explicitVersions, "react");
       addPackageName(packageNames, explicitVersions, "react-dom");
       addPackageName(packageNames, explicitVersions, "@vitejs/plugin-react");
+      if (useReactCompiler) {
+        addPackageName(packageNames, explicitVersions, "@babel/core");
+        addPackageName(packageNames, explicitVersions, "@rolldown/plugin-babel");
+        addPackageName(packageNames, explicitVersions, "babel-plugin-react-compiler");
+      }
     }
     if (isTypescript) {
       addPackageName(packageNames, explicitVersions, "@types/react");
       addPackageName(packageNames, explicitVersions, "@types/react-dom");
+      if (useReactCompiler) {
+        addPackageName(packageNames, explicitVersions, "@types/babel__core");
+      }
     }
   }
   if (isR3f) {
@@ -846,7 +888,7 @@ function renderTypescriptConfig(baseTemplateOrParams) {
   const devDependencies = {};
   assignResolvedPackageVersion(devDependencies, versions, "typescript");
   if (getEngineName(engine) === "node") {
-    devDependencies["@types/node"] = formatNodeTypesVersion(versions, engine);
+    devDependencies["@types/node"] = formatNodeTypesVersion(versions);
   } else {
     devDependencies["@types/node"] = "^22.0.0";
   }
@@ -2280,7 +2322,7 @@ function renderMonorepo(params) {
   const isPnpm = packageManager.name === "pnpm";
   const devDependencies = {};
   if (engine?.name === "node" && engine.version) {
-    devDependencies["@types/node"] = formatNodeTypesVersion(versions, engine);
+    devDependencies["@types/node"] = formatNodeTypesVersion(versions);
   } else {
     devDependencies["@types/node"] = "^22.0.0";
   }
@@ -3565,6 +3607,7 @@ function createProjectPlan(planInput) {
   const isReact = baseTemplate === "react";
   const isR3f = baseTemplate === "r3f";
   const isLibrary = clonedOptions.projectType === "library";
+  const useReactCompiler = shouldEnableReactCompiler(clonedOptions);
   const libraryBundler = planInput.libraryBundler.tool;
   const ide = planInput.ide.tool;
   const files = {
@@ -3588,6 +3631,11 @@ function createProjectPlan(planInput) {
       assignResolvedPackageVersion(dependencies, versions, "react");
       assignResolvedPackageVersion(dependencies, versions, "react-dom");
       assignResolvedPackageVersion(devDependencies, versions, "@vitejs/plugin-react");
+      if (useReactCompiler) {
+        assignResolvedPackageVersion(devDependencies, versions, "@babel/core");
+        assignResolvedPackageVersion(devDependencies, versions, "@rolldown/plugin-babel");
+        assignResolvedPackageVersion(devDependencies, versions, "babel-plugin-react-compiler");
+      }
     }
   }
   if (isR3f) {
@@ -3609,12 +3657,20 @@ function createProjectPlan(planInput) {
     });
     Object.assign(files, tsResult.files);
     Object.assign(devDependencies, tsResult.devDependencies);
+    if (useReactCompiler) {
+      assignResolvedPackageVersion(devDependencies, versions, "@types/babel__core");
+    }
   }
   const codeSnippets = {};
   const vscodeSettings = {};
   const scripts = {};
   if (!isLibrary && (isReact || isR3f)) {
-    codeSnippets["vite-config-import"] = ["import react from '@vitejs/plugin-react';"];
+    codeSnippets["vite-config-import"] = [
+      useReactCompiler ? "import react, { reactCompilerPreset } from '@vitejs/plugin-react';" : "import react from '@vitejs/plugin-react';"
+    ];
+    if (useReactCompiler) {
+      codeSnippets["vite-config-import"].push("import babel from '@rolldown/plugin-babel';");
+    }
   }
   if (!isLibrary && isR3f) {
     codeSnippets["import"] = [`import { Canvas } from "@react-three/fiber"`];
@@ -3625,7 +3681,7 @@ function createProjectPlan(planInput) {
     base: "./"
   };
   if (!isLibrary && (isReact || isR3f)) {
-    viteConfig.plugins = ["$raw:react()"];
+    viteConfig.plugins = useReactCompiler ? ["$raw:react()", "$raw:babel({ presets: [reactCompilerPreset()] })"] : ["$raw:react()"];
   }
   if (!isLibrary && isR3f) {
     viteConfig.resolve = { dedupe: ["three"] };
@@ -3730,7 +3786,9 @@ function createProjectPlan(planInput) {
   } else if (planInput.formatter.tool === "oxfmt") {
     planOxfmt(builder, planInput.formatter);
   } else if (planInput.formatter.tool === "biome" && planInput.linter.tool !== "biome") {
-    planBiome(builder, { formatter: planInput.formatter });
+    planBiome(builder, {
+      formatter: planInput.formatter
+    });
   }
   for (const { code, location } of clonedOptions.injections ?? []) {
     builder.inject(location, code);
@@ -3868,6 +3926,7 @@ exports.getLanguageFromTemplate = getLanguageFromTemplate;
 exports.getLatestNodeVersion = getLatestNodeVersion;
 exports.getLatestNpmCliVersion = getLatestNpmCliVersion;
 exports.getLatestNpmMajorVersion = getLatestNpmMajorVersion;
+exports.getLatestNpmMajorVersionAtOrBelow = getLatestNpmMajorVersionAtOrBelow;
 exports.getLatestNpmVersion = getLatestNpmVersion;
 exports.getLatestPnpmVersion = getLatestPnpmVersion;
 exports.getLatestYarnVersion = getLatestYarnVersion;
@@ -3898,6 +3957,7 @@ exports.resolveDefaultPackageJsonScripts = resolveDefaultPackageJsonScripts;
 exports.resolveMonorepoRootPackageVersions = resolveMonorepoRootPackageVersions;
 exports.resolveProjectPlanInput = resolveProjectPlanInput;
 exports.resolveWorkspacePlanInput = resolveWorkspacePlanInput;
+exports.shouldEnableReactCompiler = shouldEnableReactCompiler;
 exports.toPrettierIgnoreContent = toPrettierIgnoreContent;
 exports.unique = unique;
 exports.validatePackageName = validatePackageName;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-krispya",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "🌹 CLI for creating web projects with (my) sensible defaults",
   "keywords": [
     "cli",