create-reactivite 1.3.0 → 1.6.0

package/index.js

@@ -15,6 +15,53 @@ const __dirname = path.dirname(__filename);
 const cyan = (s) => `\x1b[36m${s}\x1b[0m`;
 const dim = (s) => `\x1b[2m${s}\x1b[0m`;
 
+// Mövcud template-lər (CLI seçim + --template flag validasiyası üçün)
+const TEMPLATES = ["template", "template2", "template3"];
+
+// 🧩 argv parse — `name` positional + `--template/-t <val>` + `--help/--version`
+const parseArgs = (argv) => {
+  const args = { _: [], template: undefined, help: false, version: false };
+  for (let i = 0; i < argv.length; i++) {
+    const a = argv[i];
+    if (a === "--help" || a === "-h") args.help = true;
+    else if (a === "--version" || a === "-v") args.version = true;
+    else if (a === "--template" || a === "-t") args.template = argv[++i];
+    else if (a.startsWith("--template=")) args.template = a.split("=")[1];
+    else if (!a.startsWith("-")) args._.push(a);
+  }
+  return args;
+};
+
+const printHelp = () => {
+  console.log(`
+  ${cyan("create-reactivite")} — scaffold React / Next.js / Rspack apps
+
+  ${dim("Usage:")}
+    npx create-reactivite [name] [options]
+
+  ${dim("Options:")}
+    -t, --template <name>   ${TEMPLATES.join(" | ")}
+    -h, --help              Show this help
+    -v, --version           Show version
+
+  ${dim("Examples:")}
+    npx create-reactivite my-app
+    npx create-reactivite my-app --template template2
+    npx create-reactivite .
+`);
+};
+
+const getVersion = () => {
+  try {
+    const pkg = JSON.parse(
+      fs.readFileSync(path.join(__dirname, "package.json"), "utf8")
+    );
+    return pkg.version;
+  } catch {
+    return "unknown";
+  }
+};
+
 // 🧩 Banner — CLI açılışında göstərilir
 const printBanner = () => {
   try {
@@ -27,42 +74,92 @@ const printBanner = () => {
 };
 
 (async () => {
+  const argv = parseArgs(process.argv.slice(2));
+
+  // --version / --help erkən çıxış (banner olmadan)
+  if (argv.version) {
+    console.log(getVersion());
+    process.exit(0);
+  }
+  if (argv.help) {
+    printHelp();
+    process.exit(0);
+  }
+
   printBanner();
 
-  const { projectName } = await prompts({
-    type: "text",
-    name: "projectName",
-    message: "Project name:",
-    initial: "my-react-app",
-  });
-
-  // 🧩 0. Hansı template istifadə olunacaq — istifadəçi seçir
-  const { template } = await prompts({
-    type: "select",
-    name: "template",
-    message: "Pick a template:",
-    choices: [
-      {
-        title: "React + Vite (Tailwind v4, shadcn/ui, React Router)",
-        value: "template",
-      },
-      {
-        title:
-          "Next.js 16 (App Router, i18n, TanStack Query, orval, Zustand, husky)",
-        value: "template2",
-      },
-      {
-        title: "Rspack (minimal React + TypeScript starter)",
-        value: "template3",
-      },
-    ],
-    initial: 0,
-  });
-
-  // İstifadəçi seçimi ləğv etdisə (Ctrl+C) — çıx
-  if (!template) {
-    console.log("❌ Operation cancelled.");
-    process.exit(1);
+  const nameRegex = /^[a-z0-9-~][a-z0-9-._~]*$/;
+
+  // 🧩 Layihə adı — argv-dən gəlirsə validasiya et, yoxsa soruş
+  let projectName = argv._[0];
+  if (projectName !== undefined) {
+    if (
+      projectName !== "." &&
+      projectName !== "./" &&
+      !nameRegex.test(projectName)
+    ) {
+      console.error(
+        `❌ Invalid project name "${projectName}" (lowercase letters, digits, - . _ ~ only)`
+      );
+      process.exit(1);
+    }
+  } else {
+    const res = await prompts({
+      type: "text",
+      name: "projectName",
+      message: "Project name:",
+      initial: "my-react-app",
+      // npm paket adı qaydası: kiçik hərf, rəqəm, - . _ ~ (və `.` current dir)
+      validate: (name) =>
+        name === "." || name === "./" || nameRegex.test(name)
+          ? true
+          : "Invalid name (lowercase letters, digits, - . _ ~ only)",
+    });
+    projectName = res.projectName;
+    // Ctrl+C name promptunda — çıx
+    if (projectName === undefined) {
+      console.log("❌ Operation cancelled.");
+      process.exit(1);
+    }
+  }
+
+  // 🧩 0. Template — argv-dən gəlirsə validasiya et, yoxsa soruş
+  let template = argv.template;
+  if (template !== undefined) {
+    if (!TEMPLATES.includes(template)) {
+      console.error(
+        `❌ Unknown template "${template}". Valid: ${TEMPLATES.join(", ")}`
+      );
+      process.exit(1);
+    }
+  } else {
+    const res = await prompts({
+      type: "select",
+      name: "template",
+      message: "Pick a template:",
+      choices: [
+        {
+          title: "React + Vite (Tailwind v4, shadcn/ui, React Router)",
+          value: "template",
+        },
+        {
+          title:
+            "Next.js 16 (App Router, i18n, TanStack Query, orval, Zustand, husky)",
+          value: "template2",
+        },
+        {
+          title: "Rspack (Tailwind v4, shadcn/ui, React Router, Matrix theme)",
+          value: "template3",
+        },
+      ],
+      initial: 0,
+    });
+    template = res.template;
+    // İstifadəçi seçimi ləğv etdisə (Ctrl+C) — çıx
+    if (!template) {
+      console.log("❌ Operation cancelled.");
+      process.exit(1);
+    }
   }
 
   // 🧩 1. Target folderı müəyyən edirik
@@ -108,6 +205,32 @@ const printBanner = () => {
     fs.renameSync(gitignoreSrc, path.join(targetPath, ".gitignore"));
   }
 
+  // 🧩 3a. Layihənin adını target package.json-a yazırıq
+  // (template-dən gələn ad `template`/`template2`/`template3` olur)
+  const pkgPath = path.join(targetPath, "package.json");
+  if (!isCurrentDir && fs.existsSync(pkgPath)) {
+    try {
+      const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf8"));
+      pkg.name = projectName;
+      fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + "\n");
+    } catch {
+      // package.json oxunmadı — keç
+    }
+  }
+
+  // 🧩 3b. Köhnə lockfile-ları silirik ki, fresh resolve olsun
+  for (const lock of ["pnpm-lock.yaml", "package-lock.json", "yarn.lock"]) {
+    const lockPath = path.join(targetPath, lock);
+    if (fs.existsSync(lockPath)) fs.rmSync(lockPath);
+  }
+
+  // 🧩 3c. git repo init (husky `prepare` skriptinin də işləməsi üçün)
+  try {
+    await execa("git", ["init"], { cwd: targetPath });
+  } catch {
+    // git yoxdursa — keç
+  }
+
   // 🧩 4. Asılılıqları quraşdırırıq
   console.log("📥 Installing dependencies...");
   try {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-reactivite",
-  "version": "1.3.0",
-  "description": "⚡ Scaffold modern frontend projects in seconds — pick a template: React + Vite or Next.js 16 (App Router). Both ship Tailwind v4, shadcn/ui, TypeScript and a clean, production-ready structure. The Next.js template adds i18n, TanStack Query, axios/orval, Zustand, husky and Vitest. Zero setup hassle.",
+  "version": "1.6.0",
+  "description": "⚡ Scaffold modern frontend projects in seconds — pick a template: React + Vite, Next.js 16 (App Router), or Rspack. All ship Tailwind v4, shadcn/ui, TypeScript and a clean, production-ready structure. The Next.js template adds i18n, TanStack Query, axios/orval, Zustand, husky and Vitest. Zero setup hassle.",
   "bin": {
     "create-reactivite": "./index.js"
   },
@@ -29,6 +29,8 @@
   "keywords": [
     "react",
     "vite",
+    "nextjs",
+    "rspack",
     "tailwind",
     "tailwindcss",
     "shadcn",
@@ -51,4 +53,4 @@
     "url": "https://github.com/jsznpm"
   },
   "license": "MIT"
-}
+}

package/template/package.json

@@ -10,44 +10,44 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.13",
-    "@radix-ui/react-avatar": "^1.1.12",
-    "@radix-ui/react-checkbox": "^1.3.4",
-    "@radix-ui/react-collapsible": "^1.1.13",
-    "@radix-ui/react-dialog": "^1.1.16",
-    "@radix-ui/react-select": "^2.3.0",
-    "@radix-ui/react-separator": "^1.1.9",
-    "@radix-ui/react-slot": "^1.2.5",
-    "@radix-ui/react-toggle": "^1.1.11",
-    "@radix-ui/react-tooltip": "^1.2.9",
-    "@tailwindcss/vite": "^4.3.0",
+    "@radix-ui/react-accordion": "^1.2.14",
+    "@radix-ui/react-avatar": "^1.2.0",
+    "@radix-ui/react-checkbox": "^1.3.5",
+    "@radix-ui/react-collapsible": "^1.1.14",
+    "@radix-ui/react-dialog": "^1.1.17",
+    "@radix-ui/react-select": "^2.3.1",
+    "@radix-ui/react-separator": "^1.1.10",
+    "@radix-ui/react-slot": "^1.3.0",
+    "@radix-ui/react-toggle": "^1.1.12",
+    "@radix-ui/react-tooltip": "^1.2.10",
+    "@tailwindcss/vite": "^4.3.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "date-fns": "^4.4.0",
-    "lucide-react": "^1.17.0",
+    "lucide-react": "^1.21.0",
     "next-themes": "^0.4.6",
     "react": "^19.2.7",
     "react-day-picker": "^10.0.1",
     "react-dom": "^19.2.7",
-    "react-router": "^7.17.0",
-    "recharts": "^3.8.1",
+    "react-router": "^8.0.1",
+    "recharts": "^3.9.0",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.6.0",
-    "tailwindcss": "^4.3.0"
+    "tailwindcss": "^4.3.1"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@types/node": "^25.9.3",
+    "@types/node": "^26.0.0",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.2",
-    "eslint": "^10.4.1",
+    "@vitejs/plugin-react": "^6.0.3",
+    "eslint": "^10.5.0",
     "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-react-refresh": "^0.5.2",
-    "globals": "^17.6.0",
+    "eslint-plugin-react-refresh": "^0.5.3",
+    "globals": "^17.7.0",
     "tw-animate-css": "^1.4.0",
     "typescript": "~6.0.3",
-    "typescript-eslint": "^8.61.0",
-    "vite": "^8.0.16"
+    "typescript-eslint": "^8.62.0",
+    "vite": "^8.1.0"
   }
 }