create-nxpress-app 1.0.2 → 1.0.4

package/dist/index.js

@@ -12,27 +12,28 @@ const path_1 = __importDefault(require("path"));
 const child_process_1 = require("child_process");
 const program = new commander_1.Command();
 program
-    .name('create-nxpress-app')
-    .description('Scaffold a new Nxpress project')
-    .argument('[project-directory]', 'Directory for the project')
-    .option('-e, --engine <engine>', 'Template engine (handlebars, ejs, html)')
-    .option('--tailwind', 'Include Tailwind CSS support', true)
-    .option('--app-dir <dir>', 'Directory for application routes', 'app')
-    .option('--components-dir <dir>', 'Directory for components', 'components')
-    .option('--public-dir <dir>', 'Directory for static assets', 'public')
-    .option('--skip-install', 'Skip installing dependencies', false)
+    .name("create-nxpress-app")
+    .description("Scaffold a new Nxpress project")
+    .argument("[project-directory]", "Directory for the project")
+    .option("-e, --engine <engine>", "Template engine (handlebars, ejs, html)")
+    .option("-p, --port <number>", "Port number")
+    .option("--tailwind", "Include Tailwind CSS support", true)
+    .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)
     .action(async (projectDirArg, options) => {
     console.log();
-    (0, prompts_1.intro)(chalk_1.default.bgCyan.black(' create-nxpress-app '));
+    (0, prompts_1.intro)(chalk_1.default.bgCyan.black(" Create Nxpress App "));
     let projectDir = projectDirArg;
     if (!projectDir) {
         const res = await (0, prompts_1.text)({
-            message: 'Where would you like to create your project?',
-            placeholder: 'my-nxpress-app',
-            defaultValue: 'my-nxpress-app',
+            message: "Where would you like to create your project?",
+            placeholder: "my-nxpress-app",
+            defaultValue: "my-nxpress-app",
         });
         if ((0, prompts_1.isCancel)(res)) {
-            (0, prompts_1.cancel)('Operation cancelled.');
+            (0, prompts_1.cancel)("Operation cancelled.");
             process.exit(0);
         }
         projectDir = res;
@@ -44,66 +45,89 @@ program
             initialValue: false,
         });
         if ((0, prompts_1.isCancel)(overwrite) || !overwrite) {
-            (0, prompts_1.cancel)('Operation cancelled.');
+            (0, prompts_1.cancel)("Operation cancelled.");
             process.exit(0);
         }
     }
     let engine = options.engine;
-    if (!engine || !['handlebars', 'ejs', 'html'].includes(engine)) {
+    if (!engine || !["handlebars", "ejs", "html"].includes(engine)) {
         const selectedEngine = await (0, prompts_1.select)({
-            message: 'Which template engine do you want to use?',
+            message: "Which template engine do you want to use?",
             options: [
-                { value: 'handlebars', label: 'Handlebars (Recommended)', hint: 'Clean syntax & partials' },
-                { value: 'ejs', label: 'EJS', hint: 'Embedded JavaScript templates' },
-                { value: 'html', label: 'HTML', hint: 'Plain HTML templates' },
+                {
+                    value: "handlebars",
+                    label: "Handlebars (Recommended)",
+                    hint: "Clean syntax & partials",
+                },
+                { value: "ejs", label: "EJS", hint: "Embedded JavaScript templates" },
+                { value: "html", label: "HTML", hint: "Plain HTML templates" },
             ],
         });
         if ((0, prompts_1.isCancel)(selectedEngine)) {
-            (0, prompts_1.cancel)('Operation cancelled.');
+            (0, prompts_1.cancel)("Operation cancelled.");
             process.exit(0);
         }
         engine = selectedEngine;
     }
-    let appDirName = options.appDir;
-    let componentsDirName = options.componentsDir;
-    let publicDirName = options.publicDir;
-    if (process.stdin.isTTY && !options.appDir && !options.componentsDir && !options.publicDir) {
+    let port = options.port ? parseInt(options.port, 10) : 3000;
+    if (process.stdin.isTTY && !options.port) {
+        const portRes = await (0, prompts_1.text)({
+            message: "Port number:",
+            placeholder: "3000",
+            defaultValue: "3000",
+            validate: (val) => !!val && (isNaN(Number(val)) || Number(val) <= 0)
+                ? "Port must be a valid positive number"
+                : undefined,
+        });
+        if ((0, prompts_1.isCancel)(portRes)) {
+            (0, prompts_1.cancel)("Operation cancelled.");
+            process.exit(0);
+        }
+        port = parseInt(portRes, 10);
+    }
+    let appDirName = options.appDir || "app";
+    let componentsDirName = options.componentsDir || "components";
+    let publicDirName = options.publicDir || "public";
+    if (process.stdin.isTTY &&
+        !options.appDir &&
+        !options.componentsDir &&
+        !options.publicDir) {
         const customizeDirs = await (0, prompts_1.confirm)({
-            message: 'Do you want to customize directory names?',
+            message: "Do you want to customize directory names?",
             initialValue: false,
         });
         if ((0, prompts_1.isCancel)(customizeDirs)) {
-            (0, prompts_1.cancel)('Operation cancelled.');
+            (0, prompts_1.cancel)("Operation cancelled.");
             process.exit(0);
         }
         if (customizeDirs) {
             const appRes = await (0, prompts_1.text)({
-                message: 'Routes directory name:',
-                placeholder: 'app',
-                defaultValue: 'app',
+                message: "Routes directory name:",
+                placeholder: "app",
+                defaultValue: "app",
             });
             if ((0, prompts_1.isCancel)(appRes)) {
-                (0, prompts_1.cancel)('Operation cancelled.');
+                (0, prompts_1.cancel)("Operation cancelled.");
                 process.exit(0);
             }
             appDirName = appRes;
             const compRes = await (0, prompts_1.text)({
-                message: 'Components directory name:',
-                placeholder: 'components',
-                defaultValue: 'components',
+                message: "Components directory name:",
+                placeholder: "components",
+                defaultValue: "components",
             });
             if ((0, prompts_1.isCancel)(compRes)) {
-                (0, prompts_1.cancel)('Operation cancelled.');
+                (0, prompts_1.cancel)("Operation cancelled.");
                 process.exit(0);
             }
             componentsDirName = compRes;
             const pubRes = await (0, prompts_1.text)({
-                message: 'Public directory name:',
-                placeholder: 'public',
-                defaultValue: 'public',
+                message: "Public directory name:",
+                placeholder: "public",
+                defaultValue: "public",
             });
             if ((0, prompts_1.isCancel)(pubRes)) {
-                (0, prompts_1.cancel)('Operation cancelled.');
+                (0, prompts_1.cancel)("Operation cancelled.");
                 process.exit(0);
             }
             publicDirName = pubRes;
@@ -112,17 +136,17 @@ program
     let shouldInstall = !options.skipInstall;
     if (!options.skipInstall && process.stdin.isTTY) {
         const res = await (0, prompts_1.confirm)({
-            message: 'Install dependencies using pnpm?',
+            message: "Install dependencies using pnpm?",
             initialValue: true,
         });
         if ((0, prompts_1.isCancel)(res)) {
-            (0, prompts_1.cancel)('Operation cancelled.');
+            (0, prompts_1.cancel)("Operation cancelled.");
             process.exit(0);
         }
         shouldInstall = res;
     }
     const s = (0, prompts_1.spinner)();
-    s.start('Scaffolding project...');
+    s.start("Scaffolding project...");
     fs_extra_1.default.ensureDirSync(targetPath);
     // Create app structure with chosen directories
     const appDir = path_1.default.join(targetPath, appDirName);
@@ -131,9 +155,9 @@ program
     fs_extra_1.default.ensureDirSync(appDir);
     fs_extra_1.default.ensureDirSync(componentsDir);
     fs_extra_1.default.ensureDirSync(publicDir);
-    const ext = engine === 'handlebars' ? 'hbs' : engine;
+    const ext = engine === "handlebars" ? "hbs" : engine;
     // Root layout
-    const layoutContent = engine === 'handlebars'
+    const layoutContent = engine === "handlebars"
         ? `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -146,7 +170,7 @@ program
   {{{body}}}
 </body>
 </html>`
-        : engine === 'ejs'
+        : engine === "ejs"
             ? `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -173,7 +197,7 @@ program
 </html>`;
     fs_extra_1.default.writeFileSync(path_1.default.join(appDir, `layout.${ext}`), layoutContent);
     // Index page
-    const indexPageContent = engine === 'handlebars'
+    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">
     Welcome to {{title}}
@@ -183,7 +207,7 @@ program
     <p class="text-sm font-mono text-cyan-400">Edit <span class="text-amber-300">${appDirName}/index.${ext}</span> to get started.</p>
   </div>
 </div>`
-        : engine === 'ejs'
+        : 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">
     Welcome to <%= title %>
@@ -201,7 +225,7 @@ program
 </div>`;
     fs_extra_1.default.writeFileSync(path_1.default.join(appDir, `index.${ext}`), indexPageContent);
     // Data loader for index page
-    const indexTsContent = `import { Request, Response } from 'express';
+    const indexTsContent = `import type { Request, Response } from '@nxpress/core';
 
 export async function props(req: Request, res: Response) {
   return {
@@ -210,90 +234,87 @@ export async function props(req: Request, res: Response) {
   };
 }
 `;
-    fs_extra_1.default.writeFileSync(path_1.default.join(appDir, 'index.ts'), indexTsContent);
+    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`);
     // Server file
     const serverTsContent = `import { nxpress } from '@nxpress/core';
 
 const app = nxpress({
-  engine: '${engine === 'handlebars' ? 'hbs' : engine}',
+  engine: '${engine === "handlebars" ? "hbs" : engine}',
 });
 
-const PORT = process.env.PORT || 3000;
+const PORT = process.env.PORT || ${port};
 app.listen(PORT, () => {
   console.log(\`Nxpress server running on http://localhost:\${PORT}\`);
 });
 `;
-    fs_extra_1.default.writeFileSync(path_1.default.join(targetPath, 'server.ts'), serverTsContent);
-    const pkgVersion = '1.0.1';
+    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`,
-        port: 3000,
-        engine: engine === 'handlebars' ? 'hbs' : engine,
+        port,
+        engine: engine === "handlebars" ? "hbs" : engine,
         appDir: appDirName,
         componentsDir: componentsDirName,
         publicDir: publicDirName,
     };
-    fs_extra_1.default.writeFileSync(path_1.default.join(targetPath, 'nxpress.config.json'), JSON.stringify(nxConfig, null, 2));
+    fs_extra_1.default.writeFileSync(path_1.default.join(targetPath, "nxpress.config.json"), JSON.stringify(nxConfig, null, 2));
     // package.json for target project
     const projectPkgJson = {
         name: path_1.default.basename(targetPath),
-        version: '0.1.0',
+        version: "0.1.0",
         private: true,
         scripts: {
-            dev: 'nxpress dev',
-            build: 'tsc',
-            start: 'nxpress start',
+            dev: "nxpress dev",
+            build: "tsc",
+            start: "nxpress start",
         },
         dependencies: {
-            '@nxpress/core': `^${pkgVersion}`,
-            ...(engine === 'handlebars' ? { hbs: '^4.2.0' } : {}),
-            ...(engine === 'ejs' ? { ejs: '^3.1.10' } : {}),
+            "@nxpress/core": `^${pkgVersion}`,
         },
         devDependencies: {
-            typescript: '^5.3.3',
-            '@types/node': '^20.11.24',
-            '@types/express': '^4.17.21',
+            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));
+    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: "ES2022",
+            module: "CommonJS",
+            moduleResolution: "node",
             strict: true,
             esModuleInterop: true,
             skipLibCheck: true,
         },
-        include: ['**/*'],
+        include: ["**/*"],
     };
-    fs_extra_1.default.writeFileSync(path_1.default.join(targetPath, 'tsconfig.json'), JSON.stringify(projectTsConfig, null, 2));
+    fs_extra_1.default.writeFileSync(path_1.default.join(targetPath, "tsconfig.json"), JSON.stringify(projectTsConfig, null, 2));
     // .gitignore
     const gitignoreContent = `node_modules
 dist
 .env
 *.log
 `;
-    fs_extra_1.default.writeFileSync(path_1.default.join(targetPath, '.gitignore'), gitignoreContent);
-    s.stop('Project structure created successfully.');
+    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...');
+        instSpinner.start("Installing dependencies with pnpm...");
         try {
-            (0, child_process_1.execSync)('pnpm install', { cwd: targetPath, stdio: 'ignore' });
-            instSpinner.stop('Dependencies installed successfully.');
+            (0, child_process_1.execSync)("pnpm install", { cwd: targetPath, stdio: "ignore" });
+            instSpinner.stop("Dependencies installed successfully.");
         }
         catch (err) {
-            instSpinner.stop('Failed to install dependencies automatically.');
+            instSpinner.stop("Failed to install dependencies automatically.");
         }
     }
     (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("pnpm dev")}`);
 });
 program.parse(process.argv);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-nxpress-app",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "CLI tool to create Nxpress applications",
   "main": "dist/index.js",
   "bin": {