create-nxpress-app 1.0.1

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/index.js

@@ -0,0 +1,299 @@
+#!/usr/bin/env node
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const prompts_1 = require("@clack/prompts");
+const chalk_1 = __importDefault(require("chalk"));
+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 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)
+    .action(async (projectDirArg, options) => {
+    console.log();
+    (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',
+        });
+        if ((0, prompts_1.isCancel)(res)) {
+            (0, prompts_1.cancel)('Operation cancelled.');
+            process.exit(0);
+        }
+        projectDir = res;
+    }
+    const targetPath = path_1.default.resolve(process.cwd(), projectDir);
+    if (fs_extra_1.default.existsSync(targetPath) && fs_extra_1.default.readdirSync(targetPath).length > 0) {
+        const overwrite = await (0, prompts_1.confirm)({
+            message: `Directory ${chalk_1.default.cyan(projectDir)} is not empty. Continue anyway?`,
+            initialValue: false,
+        });
+        if ((0, prompts_1.isCancel)(overwrite) || !overwrite) {
+            (0, prompts_1.cancel)('Operation cancelled.');
+            process.exit(0);
+        }
+    }
+    let engine = options.engine;
+    if (!engine || !['handlebars', 'ejs', 'html'].includes(engine)) {
+        const selectedEngine = await (0, prompts_1.select)({
+            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' },
+            ],
+        });
+        if ((0, prompts_1.isCancel)(selectedEngine)) {
+            (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) {
+        const customizeDirs = await (0, prompts_1.confirm)({
+            message: 'Do you want to customize directory names?',
+            initialValue: false,
+        });
+        if ((0, prompts_1.isCancel)(customizeDirs)) {
+            (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',
+            });
+            if ((0, prompts_1.isCancel)(appRes)) {
+                (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',
+            });
+            if ((0, prompts_1.isCancel)(compRes)) {
+                (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',
+            });
+            if ((0, prompts_1.isCancel)(pubRes)) {
+                (0, prompts_1.cancel)('Operation cancelled.');
+                process.exit(0);
+            }
+            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,
+        });
+        if ((0, prompts_1.isCancel)(res)) {
+            (0, prompts_1.cancel)('Operation cancelled.');
+            process.exit(0);
+        }
+        shouldInstall = res;
+    }
+    const s = (0, prompts_1.spinner)();
+    s.start('Scaffolding project...');
+    fs_extra_1.default.ensureDirSync(targetPath);
+    // Create app structure with chosen directories
+    const appDir = path_1.default.join(targetPath, appDirName);
+    const componentsDir = path_1.default.join(targetPath, componentsDirName);
+    const publicDir = path_1.default.join(targetPath, publicDirName);
+    fs_extra_1.default.ensureDirSync(appDir);
+    fs_extra_1.default.ensureDirSync(componentsDir);
+    fs_extra_1.default.ensureDirSync(publicDir);
+    const ext = engine === 'handlebars' ? 'hbs' : engine;
+    // Root layout
+    const layoutContent = engine === 'handlebars'
+        ? `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{title}}</title>
+  <link rel="stylesheet" href="/app.css">
+</head>
+<body class="bg-slate-900 text-white min-h-screen">
+  {{{body}}}
+</body>
+</html>`
+        : engine === 'ejs'
+            ? `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title><%= title %></title>
+  <link rel="stylesheet" href="/app.css">
+</head>
+<body class="bg-slate-900 text-white min-h-screen">
+  <%- body %>
+</body>
+</html>`
+            : `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Nxpress App</title>
+  <link rel="stylesheet" href="/app.css">
+</head>
+<body class="bg-slate-900 text-white min-h-screen">
+  <!-- Content -->
+</body>
+</html>`;
+    fs_extra_1.default.writeFileSync(path_1.default.join(appDir, `layout.${ext}`), layoutContent);
+    // 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">
+    Welcome to {{title}}
+  </h1>
+  <p class="text-xl text-slate-400 mb-8">{{description}}</p>
+  <div class="inline-block bg-slate-800 border border-slate-700 rounded-lg p-6 text-left">
+    <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'
+            ? `<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 %>
+  </h1>
+  <p class="text-xl text-slate-400 mb-8"><%= description %></p>
+  <div class="inline-block bg-slate-800 border border-slate-700 rounded-lg p-6 text-left">
+    <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>`
+            : `<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 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 { Request, Response } from 'express';
+
+export async function props(req: Request, res: Response) {
+  return {
+    title: 'Nxpress App',
+    description: 'Express.js with Next.js developer experience',
+  };
+}
+`;
+    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`);
+    // Server file
+    const serverTsContent = `import { nxpress } from '@nxpress/core';
+
+const app = nxpress({
+  engine: '${engine === 'handlebars' ? 'hbs' : engine}',
+});
+
+const PORT = process.env.PORT || 3000;
+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';
+    // nxpress.config.json
+    const nxConfig = {
+        $schema: `https://unpkg.com/@nxpress/core@${pkgVersion}/schema.json`,
+        port: 3000,
+        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));
+    // package.json for target project
+    const projectPkgJson = {
+        name: path_1.default.basename(targetPath),
+        version: '0.1.0',
+        private: true,
+        scripts: {
+            dev: 'nxpress dev',
+            build: 'tsc',
+            start: 'nxpress start',
+        },
+        dependencies: {
+            '@nxpress/core': `^${pkgVersion}`,
+            ...(engine === 'handlebars' ? { hbs: '^4.2.0' } : {}),
+            ...(engine === 'ejs' ? { ejs: '^3.1.10' } : {}),
+        },
+        devDependencies: {
+            typescript: '^5.3.3',
+            '@types/node': '^20.11.24',
+            '@types/express': '^4.17.21',
+        },
+    };
+    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',
+            strict: true,
+            esModuleInterop: true,
+            skipLibCheck: true,
+        },
+        include: ['**/*'],
+    };
+    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.');
+    if (shouldInstall) {
+        const instSpinner = (0, prompts_1.spinner)();
+        instSpinner.start('Installing dependencies with pnpm...');
+        try {
+            (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.');
+        }
+    }
+    (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')}`);
+});
+program.parse(process.argv);

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "create-nxpress-app",
+  "version": "1.0.1",
+  "description": "CLI tool to create Nxpress applications",
+  "main": "dist/index.js",
+  "bin": {
+    "create-nxpress-app": "./dist/index.js"
+  },
+  "files": [
+    "dist",
+    "templates"
+  ],
+  "keywords": [
+    "nxpress",
+    "cli",
+    "create-app",
+    "scaffold",
+    "express"
+  ],
+  "license": "MIT",
+  "dependencies": {
+    "@clack/prompts": "^0.8.2",
+    "chalk": "^4.1.2",
+    "commander": "^12.0.0",
+    "fs-extra": "^11.2.0"
+  },
+  "devDependencies": {
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^20.11.24",
+    "typescript": "^5.3.3"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "start": "node dist/index.js"
+  }
+}