create-krispya 0.10.0 → 0.12.0

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.DKKVmsqH.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.DKKVmsqH.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();
@@ -192,9 +196,7 @@ function merge(target, modification) {
   const targetLabel = JSON.stringify(target);
   const modificationLabel = JSON.stringify(modification);
   if (modification == null) {
-    throw new Error(
-      `Cannot merge "${modificationLabel}" modification into target "${targetLabel}"`
-    );
+    throw new Error(`Cannot merge "${modificationLabel}" modification into target "${targetLabel}"`);
   }
   if (target == null) {
     return modification;
@@ -441,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");
 }
@@ -497,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" },
@@ -506,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" },
@@ -530,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" }
 };
@@ -624,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) {
@@ -646,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 };
@@ -701,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";
@@ -722,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) {
@@ -842,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";
   }
@@ -874,10 +914,7 @@ function renderTypescriptConfig(baseTemplateOrParams) {
     const tsConfig = {
       $schema: "https://json.schemastore.org/tsconfig",
       files: [],
-      references: [
-        { path: "./.config/tsconfig.app.json" },
-        { path: "./.config/tsconfig.node.json" }
-      ]
+      references: [{ path: "./.config/tsconfig.app.json" }, { path: "./.config/tsconfig.node.json" }]
     };
     files["tsconfig.json"] = {
       type: "text",
@@ -1141,10 +1178,7 @@ function renderPackageJson(params) {
   const allDevDependencies = { ...devDependencies };
   const engine = getEngineSpec(options.engine);
   if (getEngineName(engine) === "node" && engine.version) {
-    allDevDependencies["@types/node"] ??= formatNodeTypesVersion(
-      options.versions,
-      options.engine
-    );
+    allDevDependencies["@types/node"] ??= formatNodeTypesVersion(options.versions, options.engine);
   }
   packageJson.scripts = resolvedScripts;
   packageJson.dependencies = sortKeys(allDependencies);
@@ -1245,13 +1279,14 @@ function renderReadme(params) {
   } else if (isReact) {
     architectureDesc = [
       `- \`src/app.${jsxExt}\` defines the main application component`,
-      `- \`src/index.${jsxExt}\` renders the React app into the DOM`,
+      `- \`src/main.${jsxExt}\` renders the React app into the DOM`,
       `- \`tests/\` contains your test files`,
       `- Static assets can be placed in the \`public\` folder`
     ];
   } else {
     architectureDesc = [
-      `- \`app.${jsxExt}\` defines the main application component containing your 3D content`,
+      `- \`src/app.${jsxExt}\` defines the main application component containing your 3D content`,
+      `- \`src/main.${jsxExt}\` renders the React app into the DOM`,
       `- Modify the content inside the \`<Canvas>\` component to change what is visible on screen`,
       `- \`tests/\` contains your test files`,
       `- Static assets can be placed in the \`public\` folder`
@@ -1289,9 +1324,9 @@ const htmlContent = `<!DOCTYPE html>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>$title</title>
 </head>
-<body style="margin: 0; overscroll-behavior: none; user-select: none; touch-action: none;">
+<body>
+    <div id="root"></div>
     <script type="module" src="$indexPath"><\/script>
-    <div style="width: 100dvw; height: 100dvh; overflow: hidden;" id="root"></div>
 </body>
 </html>`;
 const viteHtmlContent = `<!DOCTYPE html>
@@ -1308,6 +1343,7 @@ const viteHtmlContent = `<!DOCTYPE html>
 </html>`;
 const indexContent = `import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+import './index.css'
 import { App } from './app.js'
 
 createRoot(document.getElementById('root')!).render(
@@ -1315,28 +1351,31 @@ createRoot(document.getElementById('root')!).render(
     <App />
   </StrictMode>,
 )`;
-const viteIndexContent = `import './style.css'
+const viteIndexContent = `import './index.css'
 
 document.querySelector('#app')!.innerHTML = \`
   <h1>Hello Vite!</h1>
   <p>Edit src/main.ts and save to see HMR in action.</p>
 \``;
-const viteStyleContent = `body {
-  font-family: system-ui, -apple-system, sans-serif;
-  margin: 0;
-  padding: 2rem;
-  min-height: 100vh;
-  background: #1a1a1a;
-  color: #fff;
+const viteStyleContent = `:root {
+  font-family:
+    system-ui,
+    -apple-system,
+    sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
 }
 
-h1 {
-  color: #646cff;
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
 }
 
-a {
-  color: #646cff;
+body {
+  margin: 0;
 }`;
+const viteEnvContent = `/// <reference types="vite/client" />`;
 
 function renderSourceFiles(params) {
   const { name, baseTemplate, language, isLibrary, codeSnippets, replacements } = params;
@@ -1346,6 +1385,9 @@ function renderSourceFiles(params) {
   const isVanilla = baseTemplate === "vanilla";
   const isReact = baseTemplate === "react";
   const isR3f = baseTemplate === "r3f";
+  if (!isLibrary && language === "typescript") {
+    files["src/vite-env.d.ts"] = { type: "text", content: viteEnvContent };
+  }
   if (isLibrary) {
     const libExt = isReact || isR3f ? jsxExt : ext;
     let libContent;
@@ -1379,12 +1421,19 @@ function renderSourceFiles(params) {
     files[`src/index.${libExt}`] = { type: "text", content: libContent };
   } else if (isVanilla) {
     files[`src/main.${ext}`] = { type: "text", content: viteIndexContent };
-    files["src/style.css"] = { type: "text", content: viteStyleContent };
+    files["src/index.css"] = { type: "text", content: viteStyleContent };
     const indexHtml = viteHtmlContent.replace("$indexPath", `./src/main.${ext}`).replace("$title", name);
     files["index.html"] = { type: "text", content: indexHtml };
   } else {
-    files[`src/index.tsx`] = { type: "text", content: indexContent };
-    const indexHtml = htmlContent.replace("$indexPath", language === "javascript" ? "./src/index.jsx" : "./src/index.tsx").replace("$title", name);
+    files[`src/main.${jsxExt}`] = {
+      type: "text",
+      content: language === "typescript" ? indexContent : indexContent.replace(
+        "document.getElementById('root')!",
+        "document.getElementById('root')"
+      )
+    };
+    files["src/index.css"] = { type: "text", content: viteStyleContent };
+    const indexHtml = htmlContent.replace("$indexPath", `./src/main.${jsxExt}`).replace("$title", name);
     files["index.html"] = { type: "text", content: indexHtml };
     codeSnippets["dom-end"]?.reverse();
     codeSnippets["global-end"]?.reverse();
@@ -1426,7 +1475,7 @@ function renderSourceFiles(params) {
     for (const { search, replace } of replacements) {
       appCode = appCode.replace(search, replace);
     }
-    files[`src/app.tsx`] = { type: "text", content: appCode };
+    files[`src/app.${jsxExt}`] = { type: "text", content: appCode };
   }
   return files;
 }
@@ -1750,7 +1799,7 @@ function formatValue(value, indent) {
     if (value.startsWith("$raw:")) {
       return value.slice(5);
     }
-    return JSON.stringify(value);
+    return `'${value.replaceAll("\\", "\\\\").replaceAll("'", "\\'")}'`;
   }
   if (typeof value === "number" || typeof value === "boolean") {
     return String(value);
@@ -1758,8 +1807,17 @@ function formatValue(value, indent) {
   if (value === null) {
     return "null";
   }
+  if (value === void 0) {
+    return "undefined";
+  }
+  if (typeof value === "bigint") {
+    return value.toString();
+  }
   if (Array.isArray(value)) {
     if (value.length === 0) return "[]";
+    if (value.every((item) => item == null || typeof item !== "object")) {
+      return `[${value.map((item) => formatValue(item, indent + 1)).join(", ")}]`;
+    }
     const items = value.map((v) => `${innerSpaces}${formatValue(v, indent + 1)}`);
     return `[
 ${items.join(",\n")}
@@ -1769,22 +1827,22 @@ ${spaces}]`;
     const entries = Object.entries(value);
     if (entries.length === 0) return "{}";
     const props = entries.map(
-      ([key, val]) => `${innerSpaces}${key}: ${formatValue(val, indent + 1)}`
+      ([key, val]) => `${innerSpaces}${key}: ${formatValue(val, indent + 1)},`
     );
     return `{
-${props.join(",\n")}
+${props.join("\n")}
 ${spaces}}`;
   }
-  return String(value);
+  throw new TypeError(`Unsupported vite config value type: ${typeof value}`);
 }
 function renderViteConfig(params) {
   const { viteConfig, codeSnippets } = params;
   const configBody = formatValue(viteConfig, 0);
   const viteConfigContent = [
-    `import { defineConfig } from "vite"`,
+    `import { defineConfig } from 'vite';`,
     ...codeSnippets["vite-config-import"] ?? [],
     ``,
-    `export default defineConfig(${configBody})`,
+    `export default defineConfig(${configBody});`,
     ``
   ].join("\n");
   return { type: "text", content: viteConfigContent };
@@ -2258,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";
   }
@@ -2993,16 +3051,10 @@ function generateProvidersModule(builder) {
     const resolvedProviders = providers.map((provider) => providerDefs[provider]);
     const providerProps = resolvedProviders.flatMap((provider) => provider.props || []);
     const providerImports = resolvedProviders.flatMap((provider) => provider.import);
-    const wrappedComponents = resolvedProviders.filter(
-      (provider) => provider.type === "wrapped-jsx"
-    );
-    const inlineComponents = resolvedProviders.filter(
-      (provider) => provider.type === "inline-jsx"
-    );
-    const layoutEffects = resolvedProviders.filter(
-      (provider) => provider.type === "layout-effect"
-    );
-    const declaredProps = providerProps.map((prop) => `${prop.declaredPropName} = ${prop.declaredPropDefaultValue}`).join(", ");
+    const wrappedComponents = resolvedProviders.filter((provider) => provider.type === "wrapped-jsx");
+    const inlineComponents = resolvedProviders.filter((provider) => provider.type === "inline-jsx");
+    const layoutEffects = resolvedProviders.filter((provider) => provider.type === "layout-effect");
+    const declaredProps = providerProps.map((prop) => `${prop.declaredPropName} = ${String(prop.declaredPropDefaultValue)}`).join(", ");
     const declaredTypes = providerProps.map((prop) => `${prop.declaredPropName}?: ${prop.declaredPropType}`).join("; ");
     const reactImports = ["type ReactNode"];
     if (layoutEffects.length) {
@@ -3019,11 +3071,11 @@ ${jsdoc.split("\n").map((line) => `       * ${line}`).join("\n")}
         ${layoutEffects.length ? `
           useLayoutEffect(() => {
             ${layoutEffects.map((effect) => effect.code).join("\n")}
-          }, [${layoutEffects.map((effect) => effect.props?.[0]?.propValue)}]);
+          }, [${layoutEffects.map((effect) => effect.props?.[0]?.propValue).join(", ")}]);
         ` : ""}
         return (
           <>
-            ${inlineComponents.map((provider) => provider.code)}
+            ${inlineComponents.map((provider) => provider.code).join("\n")}
             ${wrappedComponents.reduce((acc, provider) => {
         const props = provider.props?.map((prop) => `${prop.propName}={${prop.propValue}}`).join(" ");
         return `<${provider.component} ${props}>${acc}</${provider.component}>`;
@@ -3282,7 +3334,7 @@ function planXr(builder, options) {
   );
   builder.inject("scene-start", "<XR store={store}>");
   builder.inject("scene-end", "</XR>");
-  builder.inject("vite-config-import", "import basicSsl from '@vitejs/plugin-basic-ssl'");
+  builder.inject("vite-config-import", "import basicSsl from '@vitejs/plugin-basic-ssl';");
   builder.configureVite({
     server: {
       host: true
@@ -3549,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 = {
@@ -3572,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) {
@@ -3593,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"`];
@@ -3609,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"] };
@@ -3714,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);
@@ -3840,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, packageJsonScripts as P, resolveDefaultPackageJsonScripts as Q, formatResolvedPackageVersion as R, renderOxlintConfig as S, 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 };