brewcli 1.0.0

package/src/app.tsx

@@ -0,0 +1,274 @@
+import React, { useEffect, useState } from "react";
+import { Box, useApp, Text } from "ink";
+import path from "path";
+import fs from "fs-extra";
+import { execSync } from "child_process";
+import Welcome from "./components/Welcome.js";
+import NamePrompt from "./components/NamePrompt.js";
+import Spinner from "./components/Spinner.js";
+import SuccessBox from "./components/SuccessBox.js";
+import ErrorDisplay from "./components/ErrorDisplay.js";
+import SelectionList from "./components/SelectionList.js";
+import type { SelectionItem } from "./components/SelectionList.js";
+
+interface AppProps {
+  initialProjectName?: string;
+  templatePath: string;
+}
+
+type Phase =
+  | "PLATFORM"
+  | "LANGUAGE"
+  | "FRAMEWORK"
+  | "NAME"
+  | "COMING_SOON"
+  | "BREWING"
+  | "SUCCESS"
+  | "ERROR";
+
+const App: React.FC<AppProps> = ({ initialProjectName, templatePath }) => {
+  const { exit } = useApp();
+  const [projectName, setProjectName] = useState<string | undefined>(
+    initialProjectName,
+  );
+  const [phase, setPhase] = useState<Phase>("PLATFORM");
+
+  const [platform, setPlatform] = useState<string>("");
+  const [language, setLanguage] = useState<string>("");
+  const [framework, setFramework] = useState<string>("");
+
+  const [statusMessage, setStatusMessage] = useState("Brewing your project...");
+  const [errorMessage, setErrorMessage] = useState("");
+  const [targetPath, setTargetPath] = useState("");
+
+  const platformItems = [
+    { label: "Node.js", value: "node" },
+    { label: "Other Framework", value: "other" },
+  ];
+
+  const languageItems = [
+    { label: "JavaScript", value: "javascript" },
+    { label: "TypeScript", value: "typescript" },
+  ];
+
+  const frameworkItems = [
+    { label: "Express", value: "express" },
+    { label: "Fastify", value: "fastify" },
+    { label: "NestJS", value: "nestjs" },
+    { label: "ReactJS", value: "reactjs" },
+    ...(language === "typescript"
+      ? [{ label: "React Native CLI", value: "reactNativeCli" }]
+      : []),
+    { label: "React Native Expo", value: "reactNativeExpo" },
+    { label: "Angular", value: "angular" },
+    { label: "Vuejs", value: "vuejs" },
+    { label: "NextJS", value: "nextjs" },
+  ];
+
+  const handlePlatformSelect = (item: SelectionItem) => {
+    if (item.value === "other") {
+      setPhase("COMING_SOON");
+    } else {
+      setPlatform(item.value);
+      setPhase("LANGUAGE");
+    }
+  };
+
+  const handleLanguageSelect = (item: SelectionItem) => {
+    setLanguage(item.value);
+    setPhase("FRAMEWORK");
+  };
+
+  const handleFrameworkSelect = (item: SelectionItem) => {
+    setFramework(item.value);
+    if (projectName) {
+      setPhase("BREWING");
+    } else {
+      setPhase("NAME");
+    }
+  };
+
+  const startBrewing = async (name: string) => {
+    setProjectName(name);
+    setPhase("BREWING");
+  };
+
+  useEffect(() => {
+    if (
+      phase === "BREWING" &&
+      projectName &&
+      platform &&
+      language &&
+      framework
+    ) {
+      brew();
+    }
+
+    if (phase === "SUCCESS") exit();
+  }, [phase]);
+
+  useEffect(() => {
+    if (phase === "COMING_SOON") {
+      setTimeout(() => {
+        exit();
+      }, 3000);
+    }
+  }, [phase]);
+
+  const brew = async () => {
+    if (!projectName || !platform || !language || !framework) return;
+
+    const target = path.join(process.cwd(), projectName);
+    setTargetPath(target);
+
+    try {
+      if (fs.existsSync(target)) {
+        throw new Error(`Folder "${projectName}" already exists!`);
+      }
+
+      // --- Scaffolding Logic ---
+      const isTS = language === "typescript";
+
+      // Logic based on framework type
+      if (framework === "express" || framework === "fastify") {
+        // TEMPLATE-BASED SCAFFOLDING
+        setStatusMessage(`Brewing ${framework} app (${language})...`);
+        const finalTemplatePath = path.join(
+          templatePath,
+          platform,
+          language,
+          framework,
+        );
+
+        await fs.ensureDir(target);
+        if (fs.existsSync(finalTemplatePath)) {
+          await fs.copy(finalTemplatePath, target);
+        } else {
+          // Minimal fallback
+          await fs.ensureDir(path.join(target, "src"));
+          await fs.writeJson(path.join(target, "package.json"), {
+            name: projectName,
+            version: "1.0.0",
+            type: "module",
+          });
+        }
+      } else {
+        // COMMAND-BASED SCAFFOLDING
+        setStatusMessage(
+          `Invoking official ${framework} cli (might take a minute)...`,
+        );
+
+        let cmd = "";
+        switch (framework) {
+          case "nextjs":
+            cmd = `npx create-next-app@latest ${projectName} --${language} --eslint --tailwind --app --src-dir --import-alias "@/*" --use-npm --skip-install --yes`;
+            break;
+          case "reactjs":
+            cmd = `npm create vite@latest ${projectName} -- --template react${isTS ? "-ts" : ""} --no-interactive`;
+            break;
+          case "reactNativeCli":
+            cmd = `npx @react-native-community/cli@latest init ${projectName} --skip-install --install-pods false`;
+            break;
+          case "reactNativeExpo":
+            cmd = `npx create-expo-app@latest ${projectName} --template ${isTS ? "blank-typescript" : "blank"} --no-install`;
+            break;
+          case "vuejs":
+            cmd = `npm create vite@latest ${projectName} -- --template vue${isTS ? "-ts" : ""} --no-interactive`;
+            break;
+          case "angular":
+            cmd = `npx -y @angular/cli@latest new ${projectName} --defaults --skip-install --skip-git`;
+            break;
+          case "nestjs":
+            cmd = `npx -y @nestjs/cli@latest new ${projectName} --package-manager npm --language ${isTS ? "TS" : "JS"} --skip-install --skip-git`;
+            break;
+        }
+
+        if (cmd) {
+          try {
+            execSync(cmd, { stdio: ["ignore", "ignore", "pipe"] });
+          } catch (err: any) {
+            const stderr = err.stderr?.toString().trim();
+            throw new Error(
+              stderr
+                ? `${framework} scaffolder failed:\n${stderr}`
+                : `${framework} scaffolder failed (exit ${err.status ?? "?"})`,
+            );
+          }
+        }
+
+        if (!fs.existsSync(target)) {
+          throw new Error(
+            `${framework} scaffolder reported success but did not create "${projectName}".`,
+          );
+        }
+      }
+
+      // --- Final Post-Scaffolding Customization ---
+      setStatusMessage("Finishing touches...");
+
+      const pkgPath = path.join(target, "package.json");
+      if (fs.existsSync(pkgPath)) {
+        const pkg = await fs.readJson(pkgPath);
+        pkg.name = projectName;
+        pkg.description = `Project scaffolded using brew-cli (${framework} / ${language})`;
+        await fs.writeJson(pkgPath, pkg, { spaces: 2 });
+      }
+
+      // Standardize Git
+      try {
+        // Sometimes tools create it even if we ask not to, or don't.
+        // We ensure it's there and freshly initialized if it's missing.
+        if (!fs.existsSync(path.join(target, ".git"))) {
+          execSync("git init", { cwd: target, stdio: "ignore" });
+        }
+      } catch (e) {}
+
+      setPhase("SUCCESS");
+    } catch (error: any) {
+      setErrorMessage(error.message || "An unknown error occurred");
+      setPhase("ERROR");
+    }
+  };
+
+  return (
+    <Box flexDirection="column" padding={1}>
+      <Welcome />
+      {phase === "PLATFORM" && (
+        <SelectionList
+          title="Choose your platform:"
+          items={platformItems}
+          onSelect={handlePlatformSelect}
+        />
+      )}
+      {phase === "LANGUAGE" && (
+        <SelectionList
+          title={`Select language for ${platform}:`}
+          items={languageItems}
+          onSelect={handleLanguageSelect}
+        />
+      )}
+      {phase === "FRAMEWORK" && (
+        <SelectionList
+          title={`Which framework or library do you want to use?`}
+          items={frameworkItems}
+          onSelect={handleFrameworkSelect}
+        />
+      )}
+      {phase === "NAME" && <NamePrompt onSubmit={startBrewing} />}
+      {phase === "COMING_SOON" && (
+        <Box marginTop={1}>
+          <Text color="yellow" bold>
+            More technologies will be available in the near future!
+          </Text>
+        </Box>
+      )}
+      {phase === "BREWING" && <Spinner label={statusMessage} />}
+      {phase === "SUCCESS" && projectName && (
+        <SuccessBox projectName={projectName} targetPath={targetPath} />
+      )}
+      {phase === "ERROR" && <ErrorDisplay message={errorMessage} />}
+    </Box>
+  );
+};
+
+export default App;

package/src/cli.tsx

@@ -0,0 +1,32 @@
+#!/usr/bin/env node
+import React from "react";
+import { render } from "ink";
+import { Command } from "commander";
+import path from "path";
+import { fileURLToPath } from "url";
+import App from "./app.js";
+
+// --- ESM __dirname Fix ---
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const program = new Command();
+
+program
+  .name("create-brew-app")
+  .description("Brew a fresh Node.js backend with Express and MongoDB")
+  .version("1.1.0")
+  .argument("[project-name]", "Name of the project")
+  .action((projectName) => {
+    const templatePath = path.join(__dirname, "templates");
+
+    // We don't clear the screen anymore as Ink handles its own rendering
+    // but if the user really wants it we could do it before render.
+    // console.clear();
+
+    render(
+      <App initialProjectName={projectName} templatePath={templatePath} />,
+    );
+  });
+
+program.parse(process.argv);

package/src/components/ErrorDisplay.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+import { Text, Box } from "ink";
+
+interface ErrorDisplayProps {
+  message: string;
+}
+
+const ErrorDisplay: React.FC<ErrorDisplayProps> = ({ message }) => {
+  return (
+    <Box marginTop={1}>
+      <Text color="red" bold>
+        The brew spilled (Error)!
+      </Text>
+      <Box marginLeft={1}>
+        <Text color="red">{message}</Text>
+      </Box>
+    </Box>
+  );
+};
+
+export default ErrorDisplay;

package/src/components/NamePrompt.tsx

@@ -0,0 +1,67 @@
+import React from "react";
+import { Text, Box } from "ink";
+import TextInput from "ink-text-input";
+
+interface NamePromptProps {
+  onSubmit: (name: string) => void;
+}
+
+const NamePrompt: React.FC<NamePromptProps> = ({ onSubmit }) => {
+  const [name, setName] = React.useState("");
+  const [error, setError] = React.useState<string | null>(null);
+
+  const handleSubmit = (value: string) => {
+    if (/^([a-z\-\_\d])+$/.test(value)) {
+      onSubmit(value);
+    } else {
+      setError("Project name may only include letters, numbers, and dashes.");
+    }
+  };
+
+  return (
+    <Box flexDirection="column" marginTop={1} marginLeft={2}>
+      <Box marginBottom={1}>
+        <Text bold color="yellow">
+          ➜{"  "}
+        </Text>
+        <Text bold color="white">
+          What is your project name?
+        </Text>
+      </Box>
+
+      <Box
+        borderStyle="round"
+        borderColor="cyan"
+        paddingLeft={1}
+        paddingRight={2}
+        width={40}
+      >
+        <Text color="yellow" bold>
+          »{" "}
+        </Text>
+        <TextInput
+          value={name}
+          onChange={setName}
+          onSubmit={handleSubmit}
+          placeholder="my-cool-project"
+        />
+      </Box>
+
+      {error && (
+        <Box marginTop={1}>
+          <Text color="red" bold>
+            ✖ {error}
+          </Text>
+        </Box>
+      )}
+
+      <Box marginTop={1}>
+        <Text dimColor italic>
+          Enter your project identifier and press Enter
+        </Text>
+      </Box>
+    </Box>
+  );
+};
+
+export default NamePrompt;

package/src/components/SelectionList.tsx

@@ -0,0 +1,64 @@
+import React from "react";
+import { Box, Text } from "ink";
+import SelectInput from "ink-select-input";
+
+export interface SelectionItem {
+  label: string;
+  value: string;
+}
+
+interface SelectionListProps {
+  title: string;
+  items: SelectionItem[];
+  onSelect: (item: SelectionItem) => void;
+}
+
+const SelectionList: React.FC<SelectionListProps> = ({
+  title,
+  items,
+  onSelect,
+}) => {
+  return (
+    <Box flexDirection="column" marginTop={1} marginLeft={2}>
+      <Box marginBottom={1}>
+        <Text bold color="yellow">
+          ➜{"  "}
+        </Text>
+        <Text bold color="white">
+          {`${title}`}
+        </Text>
+      </Box>
+
+      <Box
+        borderStyle="round"
+        borderColor="cyan"
+        paddingLeft={1}
+        paddingRight={2}
+        flexDirection="column"
+      >
+        <SelectInput
+          items={items}
+          onSelect={onSelect}
+          indicatorComponent={({ isSelected }) => (
+            <Box marginRight={1}>
+              <Text color="blue">{isSelected ? "❯" : " "}</Text>
+            </Box>
+          )}
+          itemComponent={({ isSelected, label }) => (
+            <Text color={isSelected ? "blue" : "white"} bold={!!isSelected}>
+              {label}
+            </Text>
+          )}
+        />
+      </Box>
+
+      <Box marginTop={1}>
+        <Text dimColor italic>
+          Use arrow keys to navigate · Enter to select
+        </Text>
+      </Box>
+    </Box>
+  );
+};
+
+export default SelectionList;

package/src/components/Spinner.tsx

@@ -0,0 +1,24 @@
+import React from "react";
+import { Text, Box } from "ink";
+import SpinnerLib from "ink-spinner";
+
+interface SpinnerProps {
+  label: string;
+}
+
+const Spinner: React.FC<SpinnerProps> = ({ label }) => {
+  return (
+    <Box marginTop={1} marginLeft={2}>
+      <Box marginRight={1}>
+        <Text color="yellow">
+          <SpinnerLib type="dots" />
+        </Text>
+      </Box>
+      <Text bold color="white">
+        {label}
+      </Text>
+    </Box>
+  );
+};
+
+export default Spinner;

package/src/components/SuccessBox.tsx

@@ -0,0 +1,79 @@
+import React from "react";
+import { Text, Box } from "ink";
+import Gradient from "ink-gradient";
+import BigText from "ink-big-text";
+
+interface SuccessBoxProps {
+  projectName: string;
+  targetPath: string;
+}
+
+const SuccessBox: React.FC<SuccessBoxProps> = ({ projectName, targetPath }) => {
+  return (
+    <Box flexDirection="column" marginLeft={2}>
+      <Gradient colors={["#f7971e", "#ffd200", "#00c6ff", "#0072ff"]}>
+        <BigText text="CHEERS" font="block" />
+      </Gradient>
+
+      <Text color="green" bold>
+        ✨ Brewing complete! Your project is served hot.
+      </Text>
+
+      <Box
+        borderStyle="double"
+        borderColor="yellow"
+        padding={1}
+        flexDirection="column"
+        marginTop={1}
+        width={60}
+      >
+        <Box justifyContent="center" marginBottom={1}>
+          <Text bold color="cyan">
+            🍺 create-brew-app
+          </Text>
+        </Box>
+
+        <Box marginBottom={1}>
+          <Text bold>Project: </Text>
+          <Text color="yellow">{projectName}</Text>
+        </Box>
+
+        <Box marginBottom={1}>
+          <Text bold>Path: </Text>
+          <Text color="blue">{targetPath}</Text>
+        </Box>
+
+        <Box flexDirection="column" marginTop={1}>
+          <Text bold color="magenta">
+            🚀 NEXT STEPS:
+          </Text>
+          <Box marginTop={1} flexDirection="column">
+            <Box>
+              <Text color="cyan"> 1. </Text>
+              <Text>cd </Text>
+              <Text color="yellow" bold>
+                {projectName}
+              </Text>
+            </Box>
+            <Box>
+              <Text color="cyan"> 2. </Text>
+              <Text color="white">npm install</Text>
+            </Box>
+            <Box>
+              <Text color="cyan"> 3. </Text>
+              <Text color="white">npm run dev</Text>
+            </Box>
+          </Box>
+        </Box>
+
+        <Box marginTop={2} justifyContent="center">
+          <Text italic dimColor>
+            Happy Coding! May your brew never turn cold.
+          </Text>
+        </Box>
+      </Box>
+    </Box>
+  );
+};
+
+export default SuccessBox;

package/src/components/Welcome.tsx

@@ -0,0 +1,30 @@
+import React from "react";
+import { Text, Box } from "ink";
+import Gradient from "ink-gradient";
+import BigText from "ink-big-text";
+
+const Welcome: React.FC = () => {
+  return (
+    <Box flexDirection="column" padding={1}>
+      <Box>
+        <Gradient colors={["#f7971e", "#ffd200", "#00c6ff", "#0072ff"]}>
+          <BigText text="BREW CLI" font="block" />
+        </Gradient>
+      </Box>
+
+      <Box>
+        <Text color="cyanBright" italic>
+          ⚡ The Ultimate Project Scaffolder for 2026
+        </Text>
+      </Box>
+
+      <Box marginY={1}>
+        <Text dimColor>
+          ─────────────────────────────────────────────────────────────
+        </Text>
+      </Box>
+    </Box>
+  );
+};
+
+export default Welcome;

package/src/templates/node/javascript/express/.env.example

@@ -0,0 +1,5 @@
+PORT=8000
+MONGODB_URI=mongodb+srv://yourusername:yourpassword@cluster0.mongodb.net
+CORS_ORIGIN=*
+# ACCESS_TOKEN_SECRET=...
+# REFRESH_TOKEN_SECRET=...

package/src/templates/node/javascript/express/Readme.md

@@ -0,0 +1,11 @@
+# 🚀 Brewed Backend
+
+Welcome to your fresh Node.js backend! This project was scaffolded using **Brew CLI**. You have a modular, ESM-ready structure waiting for your logic.
+
+## 🛠️ Getting Started
+
+### 1. Install Dependencies
+
+```bash
+npm install
+```

package/src/templates/node/javascript/express/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "temp-name",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "src/index.js",
+  "scripts": {
+    "start": "node src/index.js",
+    "dev": "nodemon src/index.js"
+  },
+  "dependencies": {
+    "express": "^4.18.2",
+    "mongoose": "^8.0.0",
+    "dotenv": "^16.3.1"
+  },
+  "devDependencies": {
+    "nodemon": "^3.0.0"
+  }
+}

package/src/templates/node/javascript/express/src/app.js

@@ -0,0 +1,23 @@
+import express from "express";
+import cors from "cors";
+import cookieParser from "cookie-parser";
+
+const app = express();
+
+app.use(cors({
+    origin: process.env.CORS_ORIGIN,
+    credentials: true
+}));
+
+app.use(express.json({limit: "16kb"}));
+app.use(express.urlencoded({extended: true, limit: "16kb"}));
+app.use(express.static("public"));
+app.use(cookieParser());
+
+// Import routes
+// import userRouter from './routes/user.routes.js'
+
+// Routes declaration
+// app.use("/api/v1/users", userRouter)
+
+export { app };

package/src/templates/node/javascript/express/src/constants.js

@@ -0,0 +1 @@
+export const DB_NAME = "brewdb";

package/src/templates/node/javascript/express/src/db/index.js

@@ -0,0 +1,14 @@
+import mongoose from "mongoose";
+import { DB_NAME } from "../constants.js";
+
+const connectDB = async () => {
+    try {
+        const connectionInstance = await mongoose.connect(`${process.env.MONGODB_URI}/${DB_NAME}`);
+        console.log(`\n MongoDB connected !! DB HOST: ${connectionInstance.connection.host}`);
+    } catch (error) {
+        console.log("MONGODB connection FAILED ", error);
+        process.exit(1);
+    }
+};
+
+export default connectDB;