create-esa-stack 0.1.0 → 0.1.2

package/dist/cli.js

@@ -367,9 +367,6 @@ function hD(e, u) {
   return s;
 }
 var V = Symbol("clack:cancel");
-function lD(e) {
-  return e === V;
-}
 function v(e, u) {
   e.isTTY && e.setRawMode(u);
 }
@@ -603,19 +600,6 @@ ${import_picocolors2.default.cyan($2)}
     }
   } }).prompt();
 };
-var R2 = (s) => s.replace(ye(), "");
-var me = (s = "", n = "") => {
-  const t = `
-${s}
-`.split(`
-`), i = R2(n).length, r2 = Math.max(t.reduce((c2, l2) => (l2 = R2(l2), l2.length > c2 ? l2.length : c2), 0), i) + 2, o = t.map((c2) => `${import_picocolors2.default.gray(a2)}  ${import_picocolors2.default.dim(c2)}${" ".repeat(r2 - R2(c2).length)}${import_picocolors2.default.gray(a2)}`).join(`
-`);
-  process.stdout.write(`${import_picocolors2.default.gray(a2)}
-${import_picocolors2.default.green(M2)}  ${import_picocolors2.default.reset(n)} ${import_picocolors2.default.gray(G.repeat(Math.max(r2 - i - 1, 1)) + H)}
-${o}
-${import_picocolors2.default.gray(ee + G.repeat(r2 + 2) + te)}
-`);
-};
 var he = (s = "") => {
   process.stdout.write(`${import_picocolors2.default.gray($2)}  ${import_picocolors2.default.red(s)}
 
@@ -631,29 +615,6 @@ ${import_picocolors2.default.gray($2)}  ${s}
 
 `);
 };
-var v2 = { message: (s = "", { symbol: n = import_picocolors2.default.gray(a2) } = {}) => {
-  const t = [`${import_picocolors2.default.gray(a2)}`];
-  if (s) {
-    const [i, ...r2] = s.split(`
-`);
-    t.push(`${n}  ${i}`, ...r2.map((o) => `${import_picocolors2.default.gray(a2)}  ${o}`));
-  }
-  process.stdout.write(`${t.join(`
-`)}
-`);
-}, info: (s) => {
-  v2.message(s, { symbol: import_picocolors2.default.blue(se) });
-}, success: (s) => {
-  v2.message(s, { symbol: import_picocolors2.default.green(re) });
-}, step: (s) => {
-  v2.message(s, { symbol: import_picocolors2.default.green(M2) });
-}, warn: (s) => {
-  v2.message(s, { symbol: import_picocolors2.default.yellow(ie) });
-}, warning: (s) => {
-  v2.warn(s);
-}, error: (s) => {
-  v2.message(s, { symbol: import_picocolors2.default.red(ne) });
-} };
 var _2 = () => {
   const s = C ? ["◒", "◐", "◓", "◑"] : ["•", "o", "O", "0"], n = C ? 80 : 120;
   let t, i, r2 = false, o = "";
@@ -682,414 +643,54 @@ var _2 = () => {
     o = g2 ?? o;
   } };
 };
-function ye() {
-  const s = ["[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)", "(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]))"].join("|");
-  return new RegExp(s, "g");
-}
-
-// src/utils/process.ts
-import { spawn } from "child_process";
-async function executeCommand(command, args, options = {}) {
-  return new Promise((resolve) => {
-    const child = spawn(command, args, {
-      cwd: options.cwd || process.cwd(),
-      env: { ...process.env, ...options.env },
-      stdio: "inherit"
-    });
-    let output = "";
-    let errorOutput = "";
-    child.on("close", (code) => {
-      resolve({
-        success: code === 0,
-        code,
-        output,
-        error: errorOutput || undefined
-      });
-    });
-    child.on("error", (error) => {
-      resolve({
-        success: false,
-        code: null,
-        output,
-        error: error.message
-      });
-    });
-  });
-}
-async function runCreateNextApp(projectName, options = {}) {
-  const args = [
-    "create-next-app@latest",
-    projectName,
-    "--ts",
-    "--tailwind",
-    "--biome",
-    "--react-compiler",
-    "--app",
-    "--use-pnpm",
-    "--turbopack",
-    "--yes"
-  ];
-  return executeCommand("npx", args, options);
-}
-
-// src/generators/nextjs.ts
-async function generateNextJsProject(config) {
-  const s = _2();
-  s.start(`Creating Next.js project: ${config.projectName}...`);
-  try {
-    const result = await runCreateNextApp(config.projectName);
-    if (result.success) {
-      s.stop(`✓ Project created successfully!`);
-      return true;
-    } else {
-      s.stop(`✗ Failed to create project`);
-      if (result.error) {
-        v2.error(result.error);
-      }
-      return false;
-    }
-  } catch (error) {
-    s.stop(`✗ Failed to create project`);
-    v2.error(error instanceof Error ? error.message : "Unknown error occurred");
-    return false;
-  }
-}
-
-// src/generators/react-query.ts
-import { existsSync, mkdirSync, readFileSync, writeFileSync } from "fs";
-import { join } from "path";
-async function setupReactQuery(config) {
-  const s = _2();
-  s.start("Setting up @tanstack/react-query...");
-  try {
-    const projectPath = config.projectPath;
-    s.message("Installing @tanstack/react-query...");
-    const installResult = await executeCommand("pnpm", ["add", "@tanstack/react-query"], { cwd: projectPath });
-    if (!installResult.success) {
-      s.stop("✗ Failed to install @tanstack/react-query");
-      return false;
-    }
-    s.message("Creating RootProviders component...");
-    const providersDir = join(projectPath, "src", "components", "templates", "RootProviders");
-    if (!existsSync(providersDir)) {
-      mkdirSync(providersDir, { recursive: true });
-    }
-    const providersPath = join(providersDir, "RootProviders.component.tsx");
-    const providersTemplate = `'use client'
-
-// Since QueryClientProvider relies on useContext under the hood, we have to put 'use client' on top
-import {
-    isServer,
-    QueryClient,
-    QueryClientProvider,
-} from '@tanstack/react-query'
-import { useState } from 'react'
-
-function makeQueryClient() {
-  return new QueryClient({
-    defaultOptions: {
-      queries: {
-        // With SSR, we usually want to set some default staleTime
-        // above 0 to avoid refetching immediately on the client
-        staleTime: 60 * 1000,
-      },
-    },
-  })
-}
-
-let browserQueryClient: QueryClient | undefined = undefined
-
-function getQueryClient() {
-  if (isServer) {
-    // Server: always make a new query client
-    return makeQueryClient()
-  } else {
-    // Browser: make a new query client if we don't already have one
-    // This is very important, so we don't re-make a new client if React
-    // suspends during the initial render. This may not be needed if we
-    // have a suspense boundary BELOW the creation of the query client
-    if (!browserQueryClient) browserQueryClient = makeQueryClient()
-    return browserQueryClient
-  }
-}
-
-export default function RootProviders({ children }: { children: React.ReactNode }) {
-  // NOTE: Avoid useState when initializing the query client if you don't
-  //       have a suspense boundary between this and the code that may
-  //       suspend because React will throw away the client on the initial
-  //       render if it suspends and there is no boundary
-  const queryClient = getQueryClient()
-
-  return (
-    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-  )
-}
-`;
-    writeFileSync(providersPath, providersTemplate);
-    s.message("Updating root layout...");
-    const layoutPath = join(projectPath, "src", "app", "layout.tsx");
-    if (existsSync(layoutPath)) {
-      let layoutContent = readFileSync(layoutPath, "utf-8");
-      const importStatement = `import RootProviders from "@/components/templates/RootProviders/RootProviders.component";
-`;
-      if (!layoutContent.includes("RootProviders")) {
-        const importRegex = /(import.*from.*;\n)+/;
-        layoutContent = layoutContent.replace(importRegex, (match) => match + importStatement);
-        layoutContent = layoutContent.replace(/(<body[^>]*>)([\s\S]*?)(<\/body>)/, (match, openTag, content, closeTag) => {
-          if (content.includes("<RootProviders>")) {
-            return match;
-          }
-          return `${openTag}
-        <RootProviders>${content}</RootProviders>
-      ${closeTag}`;
-        });
-        writeFileSync(layoutPath, layoutContent);
-      }
-    }
-    s.stop("✓ React Query setup complete!");
-    return true;
-  } catch (error) {
-    s.stop("✗ Failed to set up React Query");
-    v2.error(error instanceof Error ? error.message : "Unknown error occurred");
-    return false;
-  }
-}
-
-// src/generators/resend.ts
-async function setupResend(config) {
-  const s = _2();
-  s.start("Setting up Resend...");
-  try {
-    const projectPath = config.projectPath;
-    s.message("Installing resend package...");
-    const result = await executeCommand("pnpm", ["add", "resend"], { cwd: projectPath });
-    if (result.success) {
-      s.stop("✓ Resend setup complete!");
-      return true;
-    } else {
-      s.stop("✗ Failed to install Resend");
-      if (result.error) {
-        v2.error(result.error);
-      }
-      return false;
-    }
-  } catch (error) {
-    s.stop("✗ Failed to set up Resend");
-    v2.error(error instanceof Error ? error.message : "Unknown error occurred");
-    return false;
-  }
-}
 
-// src/generators/shadcn.ts
-async function setupShadcn(config) {
-  const s = _2();
-  s.start("Setting up shadcn/ui...");
-  try {
-    const projectPath = config.projectPath;
-    s.message("Running shadcn init...");
-    const result = await executeCommand("pnpm", ["dlx", "shadcn@latest", "init", "-y"], { cwd: projectPath });
-    if (result.success) {
-      s.stop("✓ shadcn/ui setup complete!");
-      return true;
-    } else {
-      s.stop("✗ Failed to set up shadcn/ui");
-      if (result.error) {
-        v2.error(result.error);
-      }
-      return false;
-    }
-  } catch (error) {
-    s.stop("✗ Failed to set up shadcn/ui");
-    v2.error(error instanceof Error ? error.message : "Unknown error occurred");
-    return false;
-  }
-}
-
-// src/utils/file-system.ts
-import { join as join2, resolve } from "path";
-function resolvePath(path) {
-  return resolve(process.cwd(), path);
-}
-function getProjectPath(projectName, targetDir) {
-  if (targetDir) {
-    return resolvePath(join2(targetDir, projectName));
-  }
-  return resolvePath(projectName);
-}
-
-// src/utils/validators.ts
-import { existsSync as existsSync2 } from "fs";
-function isValidProjectName(name) {
-  const validNameRegex = /^(?![@._])[a-z0-9-_]+$/;
-  if (!name || name.length === 0) {
-    return false;
-  }
-  if (name.length > 214) {
-    return false;
-  }
-  return validNameRegex.test(name);
-}
-function getProjectNameValidationMessage(name) {
-  if (!name || name.length === 0) {
-    return "Project name cannot be empty";
-  }
-  if (name.length > 214) {
-    return "Project name must be 214 characters or less";
-  }
-  if (name.startsWith(".") || name.startsWith("_")) {
-    return "Project name cannot start with . or _";
-  }
-  if (!/^[a-z0-9-_]+$/.test(name)) {
-    return "Project name can only contain lowercase letters, numbers, hyphens, and underscores";
-  }
-  return "Invalid project name";
-}
-function directoryExists(path) {
-  return existsSync2(path);
-}
-
-// src/prompts.ts
-async function promptForProjectConfig() {
-  console.log("");
-  pe("\uD83D\uDE80 Create ESA Stack");
+// src/cli.ts
+import { execSync } from "node:child_process";
+import { existsSync } from "node:fs";
+import { join } from "node:path";
+async function main() {
+  pe("Welcome to ESA Stack Generator");
   const projectName = await ae({
-    message: "What is your project name?",
-    placeholder: "my-awesome-app",
-    validate: (value) => {
-      if (!isValidProjectName(value)) {
-        return getProjectNameValidationMessage(value);
-      }
-    }
-  });
-  if (lD(projectName)) {
-    he("Operation cancelled");
-    return null;
-  }
-  const projectPath = getProjectPath(projectName);
-  if (directoryExists(projectPath)) {
-    const shouldContinue = await ce({
-      message: `Directory "${projectName}" already exists. Continue anyway?`,
-      initialValue: false
-    });
-    if (lD(shouldContinue) || !shouldContinue) {
-      he("Operation cancelled");
-      return null;
+    message: "What is the name of your project?",
+    placeholder: "my-app",
+    validate(value) {
+      if (value.length === 0)
+        return "Project name is required";
+      if (existsSync(join(process.cwd(), value)))
+        return "Directory already exists";
     }
-  }
-  console.log("");
-  me("Select optional integrations to add to your project", "Optional Integrations");
-  const reactQuery = await ce({
-    message: "Add @tanstack/react-query for data fetching?",
-    initialValue: true
   });
-  if (lD(reactQuery)) {
-    he("Operation cancelled");
-    return null;
+  if (typeof projectName === "symbol") {
+    he("Operation cancelled.");
+    process.exit(0);
   }
-  const shadcn = await ce({
-    message: "Add shadcn/ui component library?",
+  const installShadcn = await ce({
+    message: "Do you want to install shadcn/ui?",
     initialValue: true
   });
-  if (lD(shadcn)) {
-    he("Operation cancelled");
-    return null;
-  }
-  const resend = await ce({
-    message: "Add Resend for email API?",
-    initialValue: false
-  });
-  if (lD(resend)) {
-    he("Operation cancelled");
-    return null;
+  if (typeof installShadcn === "symbol") {
+    he("Operation cancelled.");
+    process.exit(0);
   }
-  const integrations = {
-    reactQuery,
-    shadcn,
-    resend
-  };
   const s = _2();
-  s.start("Preparing to create your project...");
-  await new Promise((resolve2) => setTimeout(resolve2, 500));
-  s.stop("Configuration ready!");
-  const integrationsText = [
-    integrations.reactQuery && "  ✓ @tanstack/react-query",
-    integrations.shadcn && "  ✓ shadcn/ui",
-    integrations.resend && "  ✓ resend"
-  ].filter(Boolean).join(`
-`);
-  console.log("");
-  me(`Project: ${projectName}
-Path: ${projectPath}
-
-Default Tech Stack:
-  ✓ Next.js (App Router)
-  ✓ TypeScript
-  ✓ Tailwind CSS
-  ✓ Biome.js
-  ✓ React Compiler
-  ✓ Turbopack
-  ✓ pnpm${integrationsText ? `
-
-Optional Integrations:
-${integrationsText}` : ""}`, "Configuration");
-  const shouldProceed = await ce({
-    message: "Create project with this configuration?",
-    initialValue: true
-  });
-  if (lD(shouldProceed) || !shouldProceed) {
-    he("Operation cancelled");
-    return null;
-  }
-  return {
-    projectName,
-    projectPath,
-    integrations
-  };
-}
-
-// src/cli.ts
-async function main() {
+  s.start("Scaffolding project...");
+  const command = `npx create-next-app@latest ${projectName} --biome --ts --tailwind --react-compiler --app --src-dir --import-alias "@/*" --use-pnpm --turbopack --skip-install --yes`;
   try {
-    const config = await promptForProjectConfig();
-    if (!config) {
-      process.exit(0);
-    }
-    const success = await generateNextJsProject(config);
-    if (!success) {
-      ge("❌ Project creation failed");
-      process.exit(1);
-    }
-    if (config.integrations.reactQuery) {
-      const reactQuerySuccess = await setupReactQuery(config);
-      if (!reactQuerySuccess) {
-        v2.warn("React Query setup failed, but project was created successfully");
-      }
-    }
-    if (config.integrations.shadcn) {
-      const shadcnSuccess = await setupShadcn(config);
-      if (!shadcnSuccess) {
-        v2.warn("shadcn/ui setup failed, but project was created successfully");
-      }
+    s.stop("Starting scaffolding...");
+    execSync(command, { stdio: "inherit" });
+    if (installShadcn) {
+      const projectPath = join(process.cwd(), projectName);
+      console.log(`
+Setting up shadcn/ui...`);
+      console.log("Installing dependencies...");
+      execSync("pnpm install", { stdio: "inherit", cwd: projectPath });
+      console.log("Initializing shadcn/ui...");
+      execSync("npx shadcn@latest init", { stdio: "inherit", cwd: projectPath });
     }
-    if (config.integrations.resend) {
-      const resendSuccess = await setupResend(config);
-      if (!resendSuccess) {
-        v2.warn("Resend setup failed, but project was created successfully");
-      }
-    }
-    console.log("");
-    ge("\uD83C\uDF89 Project created successfully!");
-    const nextSteps = [
-      `cd ${config.projectName}`,
-      config.integrations.reactQuery ? "# React Query is ready to use!" : "",
-      "pnpm dev"
-    ].filter(Boolean).join(`
-`);
-    console.log("");
-    me(nextSteps, "Next steps");
-    process.exit(0);
+    ge(`Successfully created ${projectName}!`);
   } catch (error) {
-    v2.error(error instanceof Error ? error.message : "An unexpected error occurred");
+    s.stop("Failed to scaffold project.");
+    console.error(error);
     process.exit(1);
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-esa-stack",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "CLI tool to scaffold Next.js projects with ESA's preferred tech stack",
   "type": "module",
   "bin": {