create-next-style-guide 0.1.4 → 0.1.5

package/dist/index.js

@@ -530,9 +530,10 @@ async function runPrompts(initialName) {
       placeholder: "my-app",
       initialValue: initialName ?? "my-app",
       validate(value) {
-        if (!value.trim()) return "Name is required.";
+        const next = value ?? "";
+        if (!next.trim()) return "Name is required.";
         try {
-          slugify(value);
+          slugify(next);
         } catch (error) {
           return error instanceof Error ? error.message : "Invalid name.";
         }
@@ -626,10 +627,34 @@ async function runPrompts(initialName) {
 // src/scaffold.ts
 import fs28 from "fs-extra";
 import path29 from "path";
+import { execFileSync } from "child_process";
 import * as p2 from "@clack/prompts";
-import { execSync } from "child_process";
 import color2 from "picocolors";
 
+// src/helpers/run-package-install.ts
+import { spawn } from "child_process";
+function runPackageInstall(projectDir, pm) {
+  return new Promise((resolve, reject) => {
+    const child = spawn(pm.id, pm.installArgs, {
+      cwd: projectDir,
+      stdio: "inherit",
+      env: process.env,
+      shell: process.platform === "win32"
+    });
+    child.on("error", reject);
+    child.on("close", (code) => {
+      if (code === 0) {
+        resolve();
+        return;
+      }
+      reject(new Error(`${pm.id} ${pm.installArgs.join(" ")} exited with ${code}`));
+    });
+  });
+}
+function yieldUi() {
+  return new Promise((resolve) => setImmediate(resolve));
+}
+
 // src/helpers/replace-tokens.ts
 import fs from "fs-extra";
 import path2 from "path";
@@ -1964,7 +1989,7 @@ var huskyInstaller = {
       },
       "devDependencies"
     );
-    await addScripts(projectDir, { prepare: "husky" });
+    await addScripts(projectDir, { prepare: "husky || true" });
     const tsHooks = [];
     if (options.prettier) tsHooks.push("prettier --write");
     if (options.eslint) tsHooks.push("eslint --fix");
@@ -3669,10 +3694,18 @@ var installers = [
   appProvidersInstaller,
   surfaceInstaller
 ];
-async function runInstallers(ctx) {
+async function runInstallers(ctx, onProgress) {
+  const active = installers.filter(
+    (installer) => installer.active(ctx.options)
+  );
   const ran = [];
-  for (const installer of installers) {
-    if (!installer.active(ctx.options)) continue;
+  for (let i = 0; i < active.length; i += 1) {
+    const installer = active[i];
+    await onProgress?.({
+      id: installer.id,
+      index: i + 1,
+      total: active.length
+    });
     await installer.run(ctx);
     ran.push(installer.id);
   }
@@ -3693,6 +3726,7 @@ async function scaffold(options) {
   }
   const spin = p2.spinner();
   spin.start("Copying template");
+  await yieldUi();
   if (!await fs28.pathExists(TEMPLATE_DIR)) {
     spin.stop("Template missing");
     throw new Error(`Template directory not found at ${TEMPLATE_DIR}`);
@@ -3709,30 +3743,51 @@ async function scaffold(options) {
     await fs28.move(gitignoreSrc, gitignoreDest, { overwrite: true });
   }
   spin.message("Applying project tokens");
+  await yieldUi();
   await replaceTokensInTree(projectDir, {
     __PROJECT_NAME__: options.name,
     __PROJECT_SLUG__: options.slug,
     __PACKAGE_MANAGER__: pm.id
   });
-  spin.message("Running installers");
-  const ran = await runInstallers({ projectDir, options });
+  const ran = await runInstallers({ projectDir, options }, async (step) => {
+    spin.message(`Installer (${step.index}/${step.total}): ${step.id}`);
+    await yieldUi();
+  });
+  spin.stop(
+    ran.length ? `Scaffold ready \xB7 ${ran.length} installer${ran.length === 1 ? "" : "s"}` : "Scaffold ready \xB7 base template"
+  );
   if (!options.noInstall) {
-    spin.message(`Installing dependencies (${pm.id})`);
+    if (options.husky) {
+      try {
+        execFileSync("git", ["init"], {
+          cwd: projectDir,
+          stdio: "ignore"
+        });
+      } catch {
+      }
+    }
+    p2.log.step(
+      `Installing dependencies with ${color2.cyan(pm.id)} \u2014 live output below\u2026`
+    );
     try {
-      execSync(`${pm.id} ${pm.installArgs.join(" ")}`, {
-        cwd: projectDir,
-        stdio: "ignore"
-      });
-    } catch {
+      await runPackageInstall(projectDir, pm);
+      p2.log.success("Dependencies installed");
+    } catch (error) {
       if (pm.id !== "npm") {
-        spin.message(`${pm.id} failed \u2014 trying npm`);
-        execSync("npm install", { cwd: projectDir, stdio: "ignore" });
+        p2.log.warn(`${pm.id} failed \u2014 retrying with npm\u2026`);
+        const npm = getPackageManager("npm");
+        await runPackageInstall(projectDir, npm);
+        p2.log.success("Dependencies installed (npm)");
       } else {
-        throw new Error("npm install failed");
+        const message = error instanceof Error ? error.message : String(error);
+        throw new Error(`Dependency install failed: ${message}`);
       }
     }
+  } else {
+    p2.log.info(
+      color2.dim(`Skipped install \xB7 run ${pm.id} install in the project folder`)
+    );
   }
-  spin.stop("Project ready");
   if (ran.length) {
     p2.log.info(`Installers: ${ran.join(", ")}`);
   } else {