projects-init-cli 1.1.0

package/dist/templates/backend/sam.js

@@ -0,0 +1,258 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateSAM = generateSAM;
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+async function generateSAM(backendPath, config) {
+    // Create root package.json with SAM scripts
+    const rootPackageJson = {
+        name: `${config.projectName}-backend`,
+        version: '1.0.0',
+        private: true,
+        scripts: {
+            'build': 'sam build',
+            'deploy': 'sam deploy',
+            'deploy:guided': 'sam deploy --guided',
+            'local': 'sam local start-api',
+            'validate': 'sam validate',
+            'synth': 'sam build && sam deploy --no-execute'
+        },
+        devDependencies: {}
+    };
+    await fs_extra_1.default.writeJSON(path_1.default.join(backendPath, 'package.json'), rootPackageJson, { spaces: 2 });
+    // Create template.yaml
+    let templateContent = `AWSTemplateFormatVersion: '2010-09-09'
+Transform: AWS::Serverless-2016-10-31
+Description: >
+  ${config.projectName}
+  SAM Template for ${config.projectName}
+
+Globals:
+  Function:
+    Timeout: 3
+    MemorySize: 128
+
+Resources:
+  HelloWorldFunction:
+    Type: AWS::Serverless::Function
+    Properties:
+      CodeUri: hello-world/
+      Handler: app.lambdaHandler
+      Runtime: nodejs18.x
+      Architectures:
+        - x86_64
+      Events:
+        HelloWorld:
+          Type: Api
+          Properties:
+            Path: /hello
+            Method: get
+        HelloWorldPost:
+          Type: Api
+          Properties:
+            Path: /hello
+            Method: post
+
+`;
+    if (config.databaseType === 'nosql') {
+        templateContent += `  DynamoDBTable:
+    Type: AWS::DynamoDB::Table
+    Properties:
+      TableName: ${config.projectName}Table
+      BillingMode: PAY_PER_REQUEST
+      AttributeDefinitions:
+        - AttributeName: id
+          AttributeType: S
+      KeySchema:
+        - AttributeName: id
+          KeyType: HASH
+
+`;
+    }
+    else if (config.databaseType === 'sql') {
+        templateContent += `  # Note: RDS requires VPC configuration
+  # You'll need to add VPC, Subnets, and Security Groups manually
+  # or use AWS RDS Proxy for serverless access
+
+`;
+    }
+    templateContent += `Outputs:
+  HelloWorldApi:
+    Description: "API Gateway endpoint URL for Prod stage for Hello World function"
+    Value: !Sub "https://\${ServerlessRestApi}.execute-api.\${AWS::Region}.amazonaws.com/Prod/hello/"
+  HelloWorldFunction:
+    Description: "Hello World Lambda Function ARN"
+    Value: !GetAtt HelloWorldFunction.Arn
+  HelloWorldFunctionIamRole:
+    Description: "Implicit IAM Role created for Hello World function"
+    Value: !GetAtt HelloWorldFunctionRole.Arn
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(backendPath, 'template.yaml'), templateContent);
+    // Create hello-world function
+    const helloWorldPath = path_1.default.join(backendPath, 'hello-world');
+    await fs_extra_1.default.ensureDir(helloWorldPath);
+    const packageJson = {
+        name: 'hello-world',
+        version: '1.0.0',
+        description: 'Hello World SAM Lambda function',
+        main: 'app.js',
+        scripts: {
+            test: 'node tests/unit/test-handler.js'
+        },
+        dependencies: {}
+    };
+    if (config.databaseType === 'nosql') {
+        packageJson.dependencies = {
+            '@aws-sdk/client-dynamodb': '^3.699.0',
+            '@aws-sdk/lib-dynamodb': '^3.699.0'
+        };
+    }
+    await fs_extra_1.default.writeJSON(path_1.default.join(helloWorldPath, 'package.json'), packageJson, { spaces: 2 });
+    let appJs = `exports.lambdaHandler = async (event) => {
+    try {
+        const response = {
+            statusCode: 200,
+            body: JSON.stringify({
+                message: 'Hello from ${config.projectName}!',
+                input: event,
+            }),
+        };
+        return response;
+    } catch (err) {
+        console.log(err);
+        return err;
+    }
+};
+`;
+    if (config.databaseType === 'nosql') {
+        appJs = `const { DynamoDBClient } = require('@aws-sdk/client-dynamodb');
+const { DynamoDBDocumentClient, PutCommand, GetCommand } = require('@aws-sdk/lib-dynamodb');
+
+const client = new DynamoDBClient({});
+const docClient = DynamoDBDocumentClient.from(client);
+
+const TABLE_NAME = process.env.TABLE_NAME || '${config.projectName}Table';
+
+exports.lambdaHandler = async (event) => {
+    try {
+        const response = {
+            statusCode: 200,
+            body: JSON.stringify({
+                message: 'Hello from ${config.projectName}!',
+                input: event,
+            }),
+        };
+        return response;
+    } catch (err) {
+        console.log(err);
+        return {
+            statusCode: 500,
+            body: JSON.stringify({ error: err.message }),
+        };
+    }
+};
+`;
+    }
+    await fs_extra_1.default.writeFile(path_1.default.join(helloWorldPath, 'app.js'), appJs);
+    // Create test directory and test file
+    const testsPath = path_1.default.join(helloWorldPath, 'tests', 'unit');
+    await fs_extra_1.default.ensureDir(testsPath);
+    const testFile = `import { describe, it, expect } from 'vitest';
+const app = require('../../app');
+
+describe('Tests index', () => {
+    it('verifies successful response', async () => {
+        const event = {
+            httpMethod: 'GET',
+            path: '/hello'
+        };
+        const context = {};
+        
+        const result = await app.lambdaHandler(event, context);
+        
+        expect(result).toBeDefined();
+        expect(result.statusCode).toBe(200);
+        
+        const response = JSON.parse(result.body);
+        expect(response.message).toBeDefined();
+    });
+});
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(testsPath, 'test-handler.js'), testFile);
+    // Create package.json for tests
+    const testPackageJson = {
+        name: 'hello-world-tests',
+        version: '1.0.0',
+        scripts: {
+            test: 'vitest',
+            'test:ui': 'vitest --ui',
+            'test:coverage': 'vitest --coverage'
+        },
+        dependencies: {
+            'aws-sdk': '^2.814.0'
+        },
+        devDependencies: {
+            'vitest': '^2.1.3',
+            '@vitest/ui': '^2.1.3',
+            '@vitest/coverage-v8': '^2.1.3'
+        }
+    };
+    await fs_extra_1.default.writeJSON(path_1.default.join(testsPath, 'package.json'), testPackageJson, { spaces: 2 });
+    // Create samconfig.toml
+    const samConfig = `version = 0.1
+
+[default]
+[default.global.parameters]
+stack_name = "${config.projectName}"
+
+[default.build.parameters]
+cached = true
+parallel = true
+
+[default.validate.parameters]
+lint = true
+
+[default.deploy.parameters]
+capabilities = "CAPABILITY_IAM"
+confirm_changeset = true
+resolve_s3 = true
+region = "us-east-1"
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(backendPath, 'samconfig.toml'), samConfig);
+    // Create README
+    const readme = `# AWS SAM Backend
+
+This is an AWS SAM project for serverless deployment.
+
+## Prerequisites
+
+- AWS CLI configured
+- SAM CLI installed (\`pip install aws-sam-cli\`)
+
+## Build and Deploy
+
+\`\`\`bash
+npm run build
+npm run deploy:guided
+\`\`\`
+
+## Local Development
+
+\`\`\`bash
+npm run local
+\`\`\`
+
+## Useful Commands
+
+- \`npm run build\` - Build your application
+- \`npm run local\` - Start local API Gateway
+- \`npm run deploy:guided\` - Deploy your application with guided prompts
+- \`npm run deploy\` - Deploy your application
+- \`npm run validate\` - Validate SAM template
+- \`sam logs -n HelloWorldFunction --stack-name ${config.projectName} --tail\` - View logs
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(backendPath, 'README.md'), readme);
+}

package/dist/templates/frontend/html.js

@@ -0,0 +1,141 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateHTML = generateHTML;
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+async function generateHTML(frontendPath, config) {
+    const packageJson = {
+        name: `${config.projectName}-frontend`,
+        version: '0.1.0',
+        private: true,
+        scripts: {
+            dev: 'vite',
+            build: 'vite build',
+            preview: 'vite preview'
+        },
+        devDependencies: {
+            vite: '^6.0.1',
+            'tailwindcss': '^3.4.14',
+            'postcss': '^8.4.47',
+            'autoprefixer': '^10.4.20'
+        }
+    };
+    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'
+
+export default defineConfig({
+  // Vite config for HTML project
+})
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(frontendPath, 'vite.config.js'), viteConfig);
+    // Create Tailwind config
+    const tailwindConfig = `/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./index.html",
+    "./src/**/*.{html,js}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(frontendPath, 'tailwind.config.js'), tailwindConfig);
+    // Create PostCSS config
+    const postcssConfig = `module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(frontendPath, 'postcss.config.js'), postcssConfig);
+    // Create index.html
+    const indexHtml = `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${config.projectName}</title>
+  <link rel="stylesheet" href="/src/styles.css">
+</head>
+<body>
+  <main class="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 flex items-center justify-center">
+    <div class="bg-white rounded-lg shadow-xl p-8 max-w-md w-full">
+      <h1 class="text-4xl font-bold text-gray-800 mb-4">
+        Welcome to ${config.projectName}
+      </h1>
+      <p class="text-gray-600 mb-6">
+        Your HTML application with Tailwind CSS is ready!
+      </p>
+      <div class="space-y-2">
+        <div class="flex items-center text-sm text-gray-500">
+          <span class="w-2 h-2 bg-green-500 rounded-full mr-2"></span>
+          HTML5
+        </div>
+        <div class="flex items-center text-sm text-gray-500">
+          <span class="w-2 h-2 bg-green-500 rounded-full mr-2"></span>
+          Tailwind CSS
+        </div>
+        <div class="flex items-center text-sm text-gray-500">
+          <span class="w-2 h-2 bg-green-500 rounded-full mr-2"></span>
+          Vite
+        </div>
+      </div>
+    </div>
+  </main>
+  <script type="module" src="/src/main.js"></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 styles.css
+    const stylesCss = `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(srcPath, 'styles.css'), stylesCss);
+    // Create main.js
+    const mainJs = `// Your JavaScript code here
+console.log('${config.projectName} is ready!');
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(srcPath, 'main.js'), mainJs);
+    // 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/frontend/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateHTML = exports.generateReact = exports.generateNextJS = void 0;
+var nextjs_1 = require("./nextjs");
+Object.defineProperty(exports, "generateNextJS", { enumerable: true, get: function () { return nextjs_1.generateNextJS; } });
+var react_1 = require("./react");
+Object.defineProperty(exports, "generateReact", { enumerable: true, get: function () { return react_1.generateReact; } });
+var html_1 = require("./html");
+Object.defineProperty(exports, "generateHTML", { enumerable: true, get: function () { return html_1.generateHTML; } });

package/dist/templates/frontend/nextjs.js

@@ -0,0 +1,240 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateNextJS = generateNextJS;
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+async function generateNextJS(frontendPath, config) {
+    const packageJson = {
+        name: `${config.projectName}-frontend`,
+        version: '0.1.0',
+        private: true,
+        scripts: {
+            dev: 'next dev',
+            build: 'next build',
+            start: 'next start',
+            lint: 'next lint',
+            test: 'vitest',
+            'test:ui': 'vitest --ui',
+            'test:coverage': 'vitest --coverage'
+        },
+        dependencies: {
+            react: '^18.3.1',
+            'react-dom': '^18.3.1',
+            next: '^15.0.3'
+        },
+        devDependencies: {
+            '@types/node': '^22.7.5',
+            '@types/react': '^18.3.12',
+            '@types/react-dom': '^18.3.1',
+            typescript: '^5.6.3',
+            'tailwindcss': '^3.4.14',
+            'postcss': '^8.4.47',
+            'autoprefixer': '^10.4.20',
+            'eslint': '^9.15.0',
+            'eslint-config-next': '^15.0.3',
+            'vitest': '^2.1.3',
+            '@vitest/ui': '^2.1.3',
+            '@testing-library/react': '^16.0.1',
+            '@testing-library/jest-dom': '^6.6.3',
+            '@vitejs/plugin-react': '^4.3.2',
+            '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 Next.js config
+    const nextConfig = `/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+}
+
+module.exports = nextConfig
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(frontendPath, 'next.config.js'), nextConfig);
+    // Create Tailwind config
+    const tailwindConfig = `/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    './pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './components/**/*.{js,ts,jsx,tsx,mdx}',
+    './app/**/*.{js,ts,jsx,tsx,mdx}',
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(frontendPath, 'tailwind.config.js'), tailwindConfig);
+    // Create PostCSS config
+    const postcssConfig = `module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(frontendPath, 'postcss.config.js'), postcssConfig);
+    // Create Vitest config
+    const vitestConfig = `import { defineConfig } from 'vitest/config'
+import react from '@vitejs/plugin-react'
+import path from 'path'
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: './src/test/setup.ts',
+    coverage: {
+      provider: 'v8',
+      reporter: ['text', 'json', 'html'],
+    },
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './'),
+    },
+  },
+})
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(frontendPath, 'vitest.config.ts'), vitestConfig);
+    // Create TypeScript config
+    const tsconfig = {
+        compilerOptions: {
+            target: 'ES2020',
+            lib: ['dom', 'dom.iterable', 'esnext'],
+            allowJs: true,
+            skipLibCheck: true,
+            strict: true,
+            forceConsistentCasingInFileNames: true,
+            noEmit: true,
+            esModuleInterop: true,
+            module: 'esnext',
+            moduleResolution: 'bundler',
+            resolveJsonModule: true,
+            isolatedModules: true,
+            jsx: 'preserve',
+            incremental: true,
+            plugins: [{ name: 'next' }],
+            paths: {
+                '@/*': ['./*']
+            }
+        },
+        include: ['next-env.d.ts', '**/*.ts', '**/*.tsx', '.next/types/**/*.ts'],
+        exclude: ['node_modules']
+    };
+    await fs_extra_1.default.writeJSON(path_1.default.join(frontendPath, 'tsconfig.json'), tsconfig, { spaces: 2 });
+    // Create app directory structure
+    const appPath = path_1.default.join(frontendPath, 'app');
+    await fs_extra_1.default.ensureDir(appPath);
+    // Create layout
+    const layout = `import './globals.css'
+import type { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: '${config.projectName}',
+  description: 'Generated with Projects Init CLI',
+}
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  )
+}
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(appPath, 'layout.tsx'), layout);
+    // Create page
+    const page = `export default function Home() {
+  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 Next.js 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>
+            Next.js 14
+          </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>
+  )
+}
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(appPath, 'page.tsx'), page);
+    // Create globals.css
+    const globalsCss = `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(appPath, 'globals.css'), globalsCss);
+    // Create test directory and setup
+    const testPath = path_1.default.join(frontendPath, 'src', '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 Home from '../app/page'
+
+describe('Home Page', () => {
+  it('renders welcome message', () => {
+    render(<Home />)
+    expect(screen.getByText(/Welcome to ${config.projectName}/i)).toBeInTheDocument()
+  })
+})
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(testPath, 'page.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 = ".next"
+
+[[plugins]]
+  package = "@netlify/plugin-nextjs"
+
+[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
+    startCommand: npm start
+    envVars:
+      - key: NODE_ENV
+        value: production
+`;
+    await fs_extra_1.default.writeFile(path_1.default.join(frontendPath, 'render.yaml'), renderYaml);
+}