projects-init-cli 1.1.0

package/dist/templates/frontend/react.js

@@ -0,0 +1,249 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateReact = generateReact;
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+async function generateReact(frontendPath, config) {
+    const packageJson = {
+        name: `${config.projectName}-frontend`,
+        version: '0.1.0',
+        private: true,
+        scripts: {
+            dev: 'vite',
+            build: 'tsc && vite build',
+            preview: 'vite preview',
+            lint: 'eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0',
+            test: 'vitest',
+            'test:ui': 'vitest --ui',
+            'test:coverage': 'vitest --coverage'
+        },
+        dependencies: {
+            react: '^18.3.1',
+            'react-dom': '^18.3.1'
+        },
+        devDependencies: {
+            '@types/react': '^18.3.12',
+            '@types/react-dom': '^18.3.1',
+            '@typescript-eslint/eslint-plugin': '^8.15.0',
+            '@typescript-eslint/parser': '^8.15.0',
+            '@vitejs/plugin-react': '^4.3.2',
+            eslint: '^9.15.0',
+            'eslint-plugin-react-hooks': '^5.1.0',
+            'eslint-plugin-react-refresh': '^0.4.14',
+            typescript: '^5.6.3',
+            vite: '^6.0.1',
+            'tailwindcss': '^3.4.14',
+            'postcss': '^8.4.47',
+            'autoprefixer': '^10.4.20',
+            'vitest': '^2.1.3',
+            '@vitest/ui': '^2.1.3',
+            '@testing-library/react': '^16.0.1',
+            '@testing-library/jest-dom': '^6.6.3',
+            'jsdom': '^25.0.1',
+            '@vitest/coverage-v8': '^2.1.3'
+        }
+    };
+    await fs_extra_1.default.writeJSON(path_1.default.join(frontendPath, 'package.json'), packageJson, { spaces: 2 });
+    // Create Vite config
+    const viteConfig = `import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: './src/test/setup.ts',
+    coverage: {
+      provider: 'v8',
+      reporter: ['text', 'json', 'html'],
+    },
+  },
+})
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(frontendPath, 'vite.config.ts'), viteConfig);
+    // Create Tailwind config
+    const tailwindConfig = `/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(frontendPath, 'tailwind.config.js'), tailwindConfig);
+    // Create PostCSS config
+    const postcssConfig = `export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(frontendPath, 'postcss.config.js'), postcssConfig);
+    // Create TypeScript config
+    const tsconfig = {
+        compilerOptions: {
+            target: 'ES2020',
+            useDefineForClassFields: true,
+            lib: ['ES2020', 'DOM', 'DOM.Iterable'],
+            module: 'ESNext',
+            skipLibCheck: true,
+            moduleResolution: 'bundler',
+            allowImportingTsExtensions: true,
+            resolveJsonModule: true,
+            isolatedModules: true,
+            noEmit: true,
+            jsx: 'react-jsx',
+            strict: true,
+            noUnusedLocals: true,
+            noUnusedParameters: true,
+            noFallthroughCasesInSwitch: true
+        },
+        include: ['src'],
+        references: [{ path: './tsconfig.node.json' }]
+    };
+    await fs_extra_1.default.writeJSON(path_1.default.join(frontendPath, 'tsconfig.json'), tsconfig, { spaces: 2 });
+    const tsconfigNode = {
+        compilerOptions: {
+            composite: true,
+            skipLibCheck: true,
+            module: 'ESNext',
+            moduleResolution: 'bundler',
+            allowSyntheticDefaultImports: true
+        },
+        include: ['vite.config.ts']
+    };
+    await fs_extra_1.default.writeJSON(path_1.default.join(frontendPath, 'tsconfig.node.json'), tsconfigNode, { spaces: 2 });
+    // Create index.html
+    const indexHtml = `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>${config.projectName}</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(frontendPath, 'index.html'), indexHtml);
+    // Create src directory
+    const srcPath = path_1.default.join(frontendPath, 'src');
+    await fs_extra_1.default.ensureDir(srcPath);
+    // Create main.tsx
+    const mainTsx = `import React from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './App.tsx'
+import './index.css'
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+)
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(srcPath, 'main.tsx'), mainTsx);
+    // Create App.tsx
+    const appTsx = `function App() {
+  return (
+    <main className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 flex items-center justify-center">
+      <div className="bg-white rounded-lg shadow-xl p-8 max-w-md w-full">
+        <h1 className="text-4xl font-bold text-gray-800 mb-4">
+          Welcome to ${config.projectName}
+        </h1>
+        <p className="text-gray-600 mb-6">
+          Your React application with Tailwind CSS is ready!
+        </p>
+        <div className="space-y-2">
+          <div className="flex items-center text-sm text-gray-500">
+            <span className="w-2 h-2 bg-green-500 rounded-full mr-2"></span>
+            React 18
+          </div>
+          <div className="flex items-center text-sm text-gray-500">
+            <span className="w-2 h-2 bg-green-500 rounded-full mr-2"></span>
+            Vite
+          </div>
+          <div className="flex items-center text-sm text-gray-500">
+            <span className="w-2 h-2 bg-green-500 rounded-full mr-2"></span>
+            Tailwind CSS
+          </div>
+          <div className="flex items-center text-sm text-gray-500">
+            <span className="w-2 h-2 bg-green-500 rounded-full mr-2"></span>
+            TypeScript
+          </div>
+        </div>
+      </div>
+    </main>
+  )
+}
+
+export default App
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(srcPath, 'App.tsx'), appTsx);
+    // Create index.css
+    const indexCss = `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(srcPath, 'index.css'), indexCss);
+    // Create test directory and setup
+    const testPath = path_1.default.join(srcPath, 'test');
+    await fs_extra_1.default.ensureDir(testPath);
+    const testSetup = `import '@testing-library/jest-dom'
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(testPath, 'setup.ts'), testSetup);
+    // Create example test
+    const testExample = `import { describe, it, expect } from 'vitest'
+import { render, screen } from '@testing-library/react'
+import App from '../App'
+
+describe('App', () => {
+  it('renders welcome message', () => {
+    render(<App />)
+    expect(screen.getByText(/Welcome to ${config.projectName}/i)).toBeInTheDocument()
+  })
+})
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(testPath, 'App.test.tsx'), testExample);
+    // Create deployment files
+    await generateFrontendDeployment(frontendPath, config);
+}
+async function generateFrontendDeployment(frontendPath, config) {
+    // Netlify configuration
+    const netlifyToml = `[build]
+  command = "npm run build"
+  publish = "dist"
+
+[[redirects]]
+  from = "/*"
+  to = "/index.html"
+  status = 200
+
+[build.environment]
+  NODE_VERSION = "20"
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(frontendPath, 'netlify.toml'), netlifyToml);
+    // Render configuration
+    const renderYaml = `services:
+  - type: web
+    name: ${config.projectName}-frontend
+    env: node
+    buildCommand: npm install && npm run build
+    staticPublishPath: ./dist
+    envVars:
+      - key: NODE_ENV
+        value: production
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(frontendPath, 'render.yaml'), renderYaml);
+}

package/dist/templates/index.js

@@ -0,0 +1,341 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateFrontend = generateFrontend;
+exports.generateBackend = generateBackend;
+exports.generateMonorepoConfig = generateMonorepoConfig;
+exports.generateRootFiles = generateRootFiles;
+const frontend_1 = require("./frontend");
+const express_1 = require("./backend/express");
+const nestjs_1 = require("./backend/nestjs");
+const fastapi_1 = require("./backend/fastapi");
+const cdk_1 = require("./backend/cdk");
+const sam_1 = require("./backend/sam");
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+async function generateFrontend(projectPath, config) {
+    const frontendPath = path_1.default.join(projectPath, 'frontend');
+    await fs_extra_1.default.ensureDir(frontendPath);
+    switch (config.frontend) {
+        case 'nextjs':
+            await (0, frontend_1.generateNextJS)(frontendPath, config);
+            break;
+        case 'react':
+            await (0, frontend_1.generateReact)(frontendPath, config);
+            break;
+        case 'html':
+            await (0, frontend_1.generateHTML)(frontendPath, config);
+            break;
+    }
+}
+async function generateBackend(projectPath, config) {
+    const backendPath = path_1.default.join(projectPath, 'backend');
+    await fs_extra_1.default.ensureDir(backendPath);
+    switch (config.backend) {
+        case 'express':
+            await (0, express_1.generateExpress)(backendPath, config);
+            break;
+        case 'nest':
+            await (0, nestjs_1.generateNestJS)(backendPath, config);
+            break;
+        case 'fastapi':
+            await (0, fastapi_1.generateFastAPI)(backendPath, config);
+            break;
+        case 'cdk':
+            await (0, cdk_1.generateCDK)(backendPath, config);
+            break;
+        case 'sam':
+            await (0, sam_1.generateSAM)(backendPath, config);
+            break;
+    }
+}
+async function generateMonorepoConfig(projectPath, config) {
+    const rootPackageJson = {
+        name: config.projectName,
+        version: '1.0.0',
+        private: true,
+        workspaces: ['frontend', 'backend'],
+        scripts: {
+            dev: 'concurrently "npm run dev --workspace=frontend" "npm run dev --workspace=backend"',
+            build: 'npm run build --workspaces',
+            install: 'npm install --workspaces'
+        },
+        devDependencies: {
+            concurrently: '^8.2.2'
+        }
+    };
+    await fs_extra_1.default.writeJSON(path_1.default.join(projectPath, 'package.json'), rootPackageJson, { spaces: 2 });
+}
+async function generateRootFiles(projectPath, config) {
+    // Generate README
+    const readme = `# ${config.projectName}
+
+## Project Structure
+
+This is a monorepo project with the following structure:
+
+- \`frontend/\` - ${config.frontend === 'nextjs' ? 'Next.js' : config.frontend === 'react' ? 'React' : 'HTML'} application with Tailwind CSS
+- \`backend/\` - ${config.backend === 'express' ? 'Express.js' : config.backend === 'nest' ? 'NestJS' : config.backend === 'fastapi' ? 'FastAPI' : config.backend === 'cdk' ? 'AWS CDK' : 'AWS SAM'} backend
+
+## Getting Started
+
+1. Install dependencies:
+   \`\`\`bash
+   npm install
+   \`\`\`
+
+2. Start development servers:
+   \`\`\`bash
+   npm run dev
+   \`\`\`
+
+## Tech Stack
+
+- Frontend: ${config.frontend === 'nextjs' ? 'Next.js' : config.frontend === 'react' ? 'React' : 'HTML'} + Tailwind CSS
+- Backend: ${config.backend === 'express' ? 'Express.js' : config.backend === 'nest' ? 'NestJS' : config.backend === 'fastapi' ? 'FastAPI' : config.backend === 'cdk' ? 'AWS CDK' : 'AWS SAM'}
+- Storage: ${config.storage === 'cdk' ? 'CDK Database' : config.storage === 'local-sqlite' ? 'Local SQLite' : 'External Database'}
+${config.databaseType ? `- Database: ${config.databaseType === 'sql' ? 'SQL' : 'NoSQL'}` : ''}
+${config.apiType ? `- API: ${config.apiType === 'rest' ? 'REST' : 'GraphQL'}` : ''}
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'README.md'), readme);
+    // Generate .gitignore
+    const gitignore = `node_modules/
+dist/
+build/
+.env
+.env.local
+*.log
+.DS_Store
+.idea/
+.vscode/
+*.pyc
+__pycache__/
+.venv/
+venv/
+cdk.out/
+.sam/
+data/
+*.db
+*.sqlite
+*.sqlite3
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, '.gitignore'), gitignore);
+    // Generate CI/CD workflows
+    await generateCICD(projectPath, config);
+}
+async function generateCICD(projectPath, config) {
+    const workflowsPath = path_1.default.join(projectPath, '.github', 'workflows');
+    await fs_extra_1.default.ensureDir(workflowsPath);
+    // Main CI workflow
+    const ciWorkflow = `name: CI
+
+on:
+  push:
+    branches: [ main, develop ]
+  pull_request:
+    branches: [ main, develop ]
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [20.x]
+
+    steps:
+    - uses: actions/checkout@v4
+
+    - name: Use Node.js \${{ matrix.node-version }}
+      uses: actions/setup-node@v4
+      with:
+        node-version: \${{ matrix.node-version }}
+        cache: 'npm'
+
+    - name: Install dependencies
+      run: npm ci
+
+    - name: Run frontend tests
+      run: npm run test --workspace=frontend
+      continue-on-error: ${config.frontend === 'html' ? 'true' : 'false'}
+
+    - name: Run backend tests
+      run: npm run test --workspace=backend
+      continue-on-error: ${config.backend === 'fastapi' || config.backend === 'cdk' || config.backend === 'sam' ? 'true' : 'false'}
+
+    - name: Build frontend
+      run: npm run build --workspace=frontend
+      continue-on-error: ${config.frontend === 'html' ? 'true' : 'false'}
+
+    - name: Build backend
+      run: npm run build --workspace=backend
+      continue-on-error: ${config.backend === 'fastapi' || config.backend === 'cdk' || config.backend === 'sam' ? 'true' : 'false'}
+
+  lint:
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v4
+
+    - name: Use Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20.x'
+        cache: 'npm'
+
+    - name: Install dependencies
+      run: npm ci
+
+    - name: Run linter
+      run: npm run lint --workspaces --if-present
+      continue-on-error: true
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(workflowsPath, 'ci.yml'), ciWorkflow);
+    // Deployment workflow
+    let deployWorkflow = `name: Deploy
+
+on:
+  push:
+    branches: [ main ]
+  workflow_dispatch:
+
+jobs:
+  deploy-frontend:
+    runs-on: ubuntu-latest
+    if: github.event_name == 'push' || github.event_name == 'workflow_dispatch'
+
+    steps:
+    - uses: actions/checkout@v4
+
+    - name: Use Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20.x'
+        cache: 'npm'
+
+    - name: Install dependencies
+      run: npm ci --workspace=frontend
+
+    - name: Build frontend
+      run: npm run build --workspace=frontend
+
+    - name: Deploy to Netlify
+      uses: netlify/actions/cli@master
+      env:
+        NETLIFY_AUTH_TOKEN: \${{ secrets.NETLIFY_AUTH_TOKEN }}
+        NETLIFY_SITE_ID: \${{ secrets.NETLIFY_SITE_ID }}
+      with:
+        args: deploy --dir=frontend/.next --prod
+      continue-on-error: true
+
+    - name: Deploy to Render
+      run: |
+        echo "Deploy to Render by connecting your GitHub repository"
+        echo "Or use: render deploy --service=\${{ secrets.RENDER_SERVICE_ID }}"
+      continue-on-error: true
+
+  deploy-backend:
+    runs-on: ubuntu-latest
+    if: github.event_name == 'push' || github.event_name == 'workflow_dispatch'
+`;
+    // Add backend deployment steps based on backend type
+    if (config.backend === 'cdk') {
+        deployWorkflow += `
+    steps:
+    - uses: actions/checkout@v4
+
+    - name: Use Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20.x'
+        cache: 'npm'
+
+    - name: Install dependencies
+      run: npm ci --workspace=backend
+
+    - name: Configure AWS credentials
+      uses: aws-actions/configure-aws-credentials@v4
+      with:
+        aws-access-key-id: \${{ secrets.AWS_ACCESS_KEY_ID }}
+        aws-secret-access-key: \${{ secrets.AWS_SECRET_ACCESS_KEY }}
+        aws-region: \${{ secrets.AWS_REGION || 'us-east-1' }}
+
+    - name: Build CDK
+      run: npm run build --workspace=backend
+
+    - name: Deploy CDK Stack
+      run: |
+        cd backend
+        npm run cdk deploy -- --require-approval never --all
+`;
+    }
+    else if (config.backend === 'sam') {
+        deployWorkflow += `
+    steps:
+    - uses: actions/checkout@v4
+
+    - name: Use Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20.x'
+        cache: 'npm'
+
+    - name: Install dependencies
+      run: npm ci --workspace=backend
+
+    - name: Setup Python
+      uses: actions/setup-python@v5
+      with:
+        python-version: '3.11'
+
+    - name: Install SAM CLI
+      run: |
+        pip install aws-sam-cli
+
+    - name: Configure AWS credentials
+      uses: aws-actions/configure-aws-credentials@v4
+      with:
+        aws-access-key-id: \${{ secrets.AWS_ACCESS_KEY_ID }}
+        aws-secret-access-key: \${{ secrets.AWS_SECRET_ACCESS_KEY }}
+        aws-region: \${{ secrets.AWS_REGION || 'us-east-1' }}
+
+    - name: Build SAM application
+      run: |
+        cd backend
+        sam build
+
+    - name: Deploy SAM application
+      run: |
+        cd backend
+        sam deploy --no-confirm-changeset --no-fail-on-empty-changeset
+`;
+    }
+    else {
+        deployWorkflow += `
+    steps:
+    - uses: actions/checkout@v4
+
+    - name: Use Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20.x'
+        cache: 'npm'
+
+    - name: Install dependencies
+      run: npm ci --workspace=backend
+
+    - name: Build backend
+      run: npm run build --workspace=backend
+
+    - name: Deploy to Render
+      run: |
+        echo "Deploy to Render by connecting your GitHub repository"
+        echo "Or use: render deploy --service=\${{ secrets.RENDER_SERVICE_ID }}"
+      continue-on-error: true
+`;
+    }
+    deployWorkflow += `\n`;
+    await fs_extra_1.default.writeFile(path_1.default.join(workflowsPath, 'deploy.yml'), deployWorkflow);
+}

package/dist/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "projects-init-cli",
+  "version": "1.1.0",
+  "description": "CLI tool to initialize projects with customizable frontend, backend, and storage options",
+  "main": "dist/index.js",
+  "bin": {
+    "projects-init": "./dist/index.js"
+  },
+  "scripts": {
+    "build": "tsc",
+    "start": "node dist/index.js",
+    "dev": "ts-node src/index.ts",
+    "prepublishOnly": "npm run build",
+    "prepack": "npm run build"
+  },
+  "keywords": [
+    "cli",
+    "scaffold",
+    "project-generator",
+    "nextjs",
+    "react",
+    "express",
+    "nestjs",
+    "fastapi"
+  ],
+  "author": "",
+  "license": "MIT",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yourusername/projects-init-cli.git"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "dependencies": {
+    "commander": "^11.1.0",
+    "inquirer": "^9.2.12",
+    "chalk": "^4.1.2",
+    "fs-extra": "^11.2.0"
+  },
+  "devDependencies": {
+    "@types/inquirer": "^9.0.7",
+    "@types/node": "^20.10.6",
+    "@types/fs-extra": "^11.0.4",
+    "typescript": "^5.3.3",
+    "ts-node": "^10.9.2"
+  }
+}