create-krispya 0.10.0 → 0.12.0

package/dist/shared/{create-krispya.DTHeUlq4.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();
@@ -198,9 +202,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;
@@ -447,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");
 }
@@ -503,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" },
@@ -512,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" },
@@ -536,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" }
 };
@@ -630,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) {
@@ -652,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 };
@@ -707,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";
@@ -728,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) {
@@ -848,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";
   }
@@ -880,10 +920,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",
@@ -1147,10 +1184,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);
@@ -1251,13 +1285,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`
@@ -1295,9 +1330,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>
@@ -1314,6 +1349,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(
@@ -1321,28 +1357,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;
@@ -1352,6 +1391,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;
@@ -1385,12 +1427,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();
@@ -1432,7 +1481,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;
 }
@@ -1756,7 +1805,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);
@@ -1764,8 +1813,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")}
@@ -1775,22 +1833,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 };
@@ -2264,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";
   }
@@ -2999,16 +3057,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) {
@@ -3025,11 +3077,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}>`;
@@ -3288,7 +3340,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
@@ -3555,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 = {
@@ -3578,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) {
@@ -3599,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"`];
@@ -3615,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"] };
@@ -3720,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);
@@ -3858,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;
@@ -3881,12 +3950,14 @@ exports.renderOxlintConfig = renderOxlintConfig;
 exports.renderOxlintConfigPackage = renderOxlintConfigPackage;
 exports.renderPrettierConfigPackage = renderPrettierConfigPackage;
 exports.renderTypescriptConfigPackage = renderTypescriptConfigPackage;
+exports.renderViteConfig = renderViteConfig;
 exports.renderVscodeFiles = renderVscodeFiles;
 exports.renderVscodeFiles$1 = renderVscodeFiles$1;
 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.10.0",
+  "version": "0.12.0",
   "description": "🌹 CLI for creating web projects with (my) sensible defaults",
   "keywords": [
     "cli",