create-nxpress-app 1.0.5 → 1.0.7

package/dist/index.js

@@ -6,12 +6,46 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const prompts_1 = require("@clack/prompts");
 const chalk_1 = __importDefault(require("chalk"));
+const child_process_1 = require("child_process");
 const commander_1 = require("commander");
 const fs_extra_1 = __importDefault(require("fs-extra"));
 const path_1 = __importDefault(require("path"));
-const child_process_1 = require("child_process");
 const util_1 = require("util");
 const execAsync = (0, util_1.promisify)(child_process_1.exec);
+const deps = ["@nxpress/core"];
+const devDeps = ["@types/express", "@types/node", "typescript"];
+function getInstallCommands(pm, depsList, devDepsList) {
+    const depsStr = depsList.join(" ");
+    const devDepsStr = devDepsList.join(" ");
+    switch (pm) {
+        case "npm":
+            return {
+                depsCmd: `npm install ${depsStr}`,
+                devDepsCmd: `npm install -D ${devDepsStr}`,
+            };
+        case "yarn":
+            return {
+                depsCmd: `yarn add ${depsStr}`,
+                devDepsCmd: `yarn add -D ${devDepsStr}`,
+            };
+        case "bun":
+            return {
+                depsCmd: `bun add ${depsStr}`,
+                devDepsCmd: `bun add -d ${devDepsStr}`,
+            };
+        case "deno":
+            return {
+                depsCmd: `deno add ${depsStr}`,
+                devDepsCmd: `deno add -D ${devDepsStr}`,
+            };
+        case "pnpm":
+        default:
+            return {
+                depsCmd: `pnpm add ${depsStr}`,
+                devDepsCmd: `pnpm add -D ${devDepsStr}`,
+            };
+    }
+}
 const program = new commander_1.Command();
 program
     .name("create-nxpress-app")
@@ -23,7 +57,7 @@ program
     .option("--app-dir <dir>", "Directory for application routes")
     .option("--components-dir <dir>", "Directory for components")
     .option("--public-dir <dir>", "Directory for static assets")
-    .option("--skip-install", "Skip installing dependencies", false)
+    .option("--pkg-manager <pm>", "Package manager (pnpm, npm, yarn, bun, deno)")
     .action(async (projectDirArg, options) => {
     console.log();
     (0, prompts_1.intro)(chalk_1.default.bgCyan.black(" Create Nxpress App "));
@@ -135,17 +169,27 @@ program
             publicDirName = pubRes;
         }
     }
-    let shouldInstall = !options.skipInstall;
-    if (!options.skipInstall && process.stdin.isTTY) {
-        const res = await (0, prompts_1.confirm)({
-            message: "Install dependencies using pnpm?",
-            initialValue: true,
+    let pkgManager = options.pkgManager;
+    if (process.stdin.isTTY && !options.pkgManager) {
+        const selectedPm = await (0, prompts_1.select)({
+            message: "Which package manager do you want to use?",
+            options: [
+                { value: "pnpm", label: "pnpm (Default)", hint: "Fast & disk space efficient" },
+                { value: "npm", label: "npm", hint: "Default Node.js package manager" },
+                { value: "yarn", label: "yarn", hint: "Classic/Berry package manager" },
+                { value: "bun", label: "bun", hint: "Ultra-fast runtime & package manager" },
+                { value: "deno", label: "deno", hint: "Modern JavaScript/TypeScript runtime" },
+            ],
+            initialValue: "pnpm",
         });
-        if ((0, prompts_1.isCancel)(res)) {
+        if ((0, prompts_1.isCancel)(selectedPm)) {
             (0, prompts_1.cancel)("Operation cancelled.");
             process.exit(0);
         }
-        shouldInstall = res;
+        pkgManager = selectedPm;
+    }
+    if (!pkgManager) {
+        pkgManager = "pnpm";
     }
     const s = (0, prompts_1.spinner)();
     s.start("Scaffolding project...");
@@ -198,7 +242,7 @@ program
     // Index page
     const indexPageContent = engine === "handlebars"
         ? `<div class="max-w-4xl mx-auto px-4 py-16 text-center">
-  <h1 class="text-5xl font-bold mb-4 bg-gradient-to-r from-blue-400 to-indigo-500 bg-clip-text text-transparent">
+  <h1 class="text-5xl font-bold mb-4 bg-linear-to-r from-blue-400 to-indigo-500 bg-clip-text text-transparent">
     Welcome to {{title}}
   </h1>
   <p class="text-xl text-slate-400 mb-8">{{description}}</p>
@@ -208,7 +252,7 @@ program
 </div>`
         : engine === "ejs"
             ? `<div class="max-w-4xl mx-auto px-4 py-16 text-center">
-  <h1 class="text-5xl font-bold mb-4 bg-gradient-to-r from-blue-400 to-indigo-500 bg-clip-text text-transparent">
+  <h1 class="text-5xl font-bold mb-4 bg-linear-to-r from-blue-400 to-indigo-500 bg-clip-text text-transparent">
     Welcome to <%= title %>
   </h1>
   <p class="text-xl text-slate-400 mb-8"><%= description %></p>
@@ -217,14 +261,14 @@ program
   </div>
 </div>`
             : `<div class="max-w-4xl mx-auto px-4 py-16 text-center">
-  <h1 class="text-5xl font-bold mb-4 bg-gradient-to-r from-blue-400 to-indigo-500 bg-clip-text text-transparent">
+  <h1 class="text-5xl font-bold mb-4 bg-linear-to-r from-blue-400 to-indigo-500 bg-clip-text text-transparent">
     Welcome to Nxpress
   </h1>
   <p class="text-xl text-slate-400 mb-8">Express.js with Next.js developer experience</p>
 </div>`;
     fs_extra_1.default.writeFileSync(path_1.default.join(appDir, `index.${ext}`), indexPageContent);
     // Data loader for index page
-    const indexTsContent = `import type { Request, Response } from '@nxpress/core';
+    const indexTsContent = `import { Request, Response } from "express";
 
 export async function props(req: Request, res: Response) {
   return {
@@ -235,7 +279,7 @@ export async function props(req: Request, res: Response) {
 `;
     fs_extra_1.default.writeFileSync(path_1.default.join(appDir, "index.ts"), indexTsContent);
     // App CSS for Tailwind v4
-    fs_extra_1.default.writeFileSync(path_1.default.join(targetPath, "app.css"), `@import "tailwindcss";\n`);
+    fs_extra_1.default.writeFileSync(path_1.default.join(targetPath, "app.css"), `@import "tailwindcss";\n@import "tailwindcss/preflight";\n@tailwind utilities;\n`);
     // Server file
     const serverTsContent = `import { nxpress } from '@nxpress/core';
 
@@ -249,10 +293,9 @@ app.listen(PORT, () => {
 });
 `;
     fs_extra_1.default.writeFileSync(path_1.default.join(targetPath, "server.ts"), serverTsContent);
-    const pkgVersion = "1.0.4";
     // nxpress.config.json
     const nxConfig = {
-        $schema: `https://unpkg.com/@nxpress/core@${pkgVersion}/schema.json`,
+        $schema: `https://unpkg.com/@nxpress/core@latest/schema.json`,
         port,
         engine: engine === "handlebars" ? "hbs" : engine,
         appDir: appDirName,
@@ -270,26 +313,21 @@ app.listen(PORT, () => {
             build: "tsc",
             start: "nxpress start",
         },
-        dependencies: {
-            "@nxpress/core": `^${pkgVersion}`,
-        },
-        devDependencies: {
-            typescript: "^5.3.3",
-            "@types/node": "^20.11.24",
-        },
     };
     fs_extra_1.default.writeFileSync(path_1.default.join(targetPath, "package.json"), JSON.stringify(projectPkgJson, null, 2));
     // tsconfig.json for target project
     const projectTsConfig = {
         compilerOptions: {
-            target: "ES2022",
-            module: "CommonJS",
-            moduleResolution: "node",
+            target: "esnext",
+            module: "nodenext",
+            moduleResolution: "nodenext",
             strict: true,
             esModuleInterop: true,
             skipLibCheck: true,
+            types: ["node", "express"],
         },
-        include: ["**/*"],
+        include: ["**/*.ts"],
+        exclude: ["node_modules", "dist"],
     };
     fs_extra_1.default.writeFileSync(path_1.default.join(targetPath, "tsconfig.json"), JSON.stringify(projectTsConfig, null, 2));
     // .gitignore
@@ -300,20 +338,21 @@ dist
 `;
     fs_extra_1.default.writeFileSync(path_1.default.join(targetPath, ".gitignore"), gitignoreContent);
     s.stop("Project structure created successfully.");
-    if (shouldInstall) {
-        const instSpinner = (0, prompts_1.spinner)();
-        instSpinner.start("Installing dependencies with pnpm...");
-        try {
-            await execAsync("pnpm install", { cwd: targetPath });
-            instSpinner.stop("Dependencies installed successfully.");
-        }
-        catch (err) {
-            instSpinner.stop("Failed to install dependencies automatically.");
-        }
+    const instSpinner = (0, prompts_1.spinner)();
+    instSpinner.start(`Installing dependencies with ${pkgManager}...`);
+    try {
+        const { depsCmd, devDepsCmd } = getInstallCommands(pkgManager, deps, devDeps);
+        await execAsync(depsCmd, { cwd: targetPath });
+        await execAsync(devDepsCmd, { cwd: targetPath });
+        instSpinner.stop("Dependencies installed successfully.");
+    }
+    catch (err) {
+        instSpinner.stop("Failed to install dependencies automatically.");
     }
+    const devCmd = pkgManager === "npm" ? "npm run dev" : `${pkgManager} dev`;
     (0, prompts_1.outro)(`Project created in ${chalk_1.default.cyan(projectDir)}!\n\n` +
         `Next steps:\n` +
         `  ${chalk_1.default.cyan(`cd ${projectDir}`)}\n` +
-        `  ${chalk_1.default.cyan("pnpm dev")}`);
+        `  ${chalk_1.default.cyan(devCmd)}`);
 });
 program.parse(process.argv);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-nxpress-app",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "CLI tool to create Nxpress applications",
   "main": "dist/index.js",
   "bin": {
@@ -22,15 +22,15 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@clack/prompts": "^0.8.2",
-    "chalk": "^4.1.2",
-    "commander": "^12.0.0",
-    "fs-extra": "^11.2.0"
+    "@clack/prompts": "^1.7.0",
+    "chalk": "^6.0.0",
+    "commander": "^15.0.0",
+    "fs-extra": "^11.4.0"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^20.11.24",
-    "typescript": "^5.3.3"
+    "@types/node": "^26.1.1",
+    "typescript": "^7.0.2"
   },
   "scripts": {
     "build": "tsc",