vg-coder-cli 1.0.16 → 2.0.0

package/vg/apps/api/src/app/app.controller.ts

@@ -0,0 +1,12 @@
+import { Controller, Get } from '@nestjs/common';
+import { AppService } from './app.service';
+
+@Controller()
+export class AppController {
+  constructor(private readonly appService: AppService) {}
+
+  @Get()
+  getData() {
+    return this.appService.getData();
+  }
+}

package/vg/apps/api/src/app/app.module.ts

@@ -0,0 +1,29 @@
+import { Module } from '@nestjs/common';
+
+import { AppController } from './app.controller';
+import { AppService } from './app.service';
+import { AnalyzeController } from './analyze.controller';
+import { AnalyzeService } from './analyze.service';
+import { ExecuteController } from './execute.controller';
+import { ExecuteService } from './execute.service';
+import { InfoController } from './info.controller';
+import { InfoService } from './info.service';
+import { CleanController } from './clean.controller';
+
+@Module({
+  imports: [],
+  controllers: [
+    AppController,
+    AnalyzeController,
+    ExecuteController,
+    InfoController,
+    CleanController
+  ],
+  providers: [
+    AppService,
+    AnalyzeService,
+    ExecuteService,
+    InfoService
+  ],
+})
+export class AppModule { }

package/vg/apps/api/src/app/app.service.ts

@@ -0,0 +1,8 @@
+import { Injectable } from '@nestjs/common';
+
+@Injectable()
+export class AppService {
+  getData(): { message: string } {
+    return { message: 'Hello API' };
+  }
+}

package/vg/apps/api/src/app/clean.controller.ts

@@ -0,0 +1,40 @@
+import { Controller, Delete, Body, BadRequestException, InternalServerErrorException, Logger } from '@nestjs/common';
+import * as path from 'path';
+import * as fs from 'fs-extra';
+
+@Controller('clean')
+export class CleanController {
+    private readonly logger = new Logger(CleanController.name);
+
+    @Delete()
+    async clean(@Body() body: { output: string }) {
+        try {
+            if (!body.output) {
+                throw new BadRequestException('Missing required field: output');
+            }
+
+            const outputPath = path.resolve(body.output);
+
+            if (await fs.pathExists(outputPath)) {
+                await fs.remove(outputPath);
+                this.logger.log(`✓ Cleaned: ${outputPath}`);
+                return {
+                    success: true,
+                    message: `Cleaned: ${outputPath}`
+                };
+            } else {
+                return {
+                    success: true,
+                    message: 'Output directory does not exist'
+                };
+            }
+
+        } catch (error: any) {
+            this.logger.error('Error cleaning:', error);
+            if (error instanceof BadRequestException) {
+                throw error;
+            }
+            throw new InternalServerErrorException(error.message || 'Failed to clean');
+        }
+    }
+}

package/vg/apps/api/src/app/execute.controller.ts

@@ -0,0 +1,19 @@
+import { Controller, Post, Body, Res, HttpStatus } from '@nestjs/common';
+import { Response } from 'express';
+import { ExecuteService } from './execute.service';
+
+@Controller('execute')
+export class ExecuteController {
+    constructor(private readonly executeService: ExecuteService) { }
+
+    @Post()
+    async execute(@Body() body: { bash: string }, @Res() res: Response) {
+        const result = await this.executeService.executeScript(body.bash);
+
+        if (result.success) {
+            res.status(HttpStatus.OK).json(result);
+        } else {
+            res.status(HttpStatus.BAD_REQUEST).json(result);
+        }
+    }
+}

package/vg/apps/api/src/app/execute.service.ts

@@ -0,0 +1,46 @@
+import { Injectable, BadRequestException, InternalServerErrorException, Logger } from '@nestjs/common';
+import { BashExecutor } from '@vg/core';
+
+@Injectable()
+export class ExecuteService {
+    private readonly logger = new Logger(ExecuteService.name);
+    private workingDir = process.cwd();
+
+    async executeScript(bash: string) {
+        try {
+            if (!bash) {
+                throw new BadRequestException('Missing required field: bash');
+            }
+
+            this.logger.log(`Executing bash script (${bash.length} chars)...`);
+
+            // Create executor with working directory
+            const executor = new BashExecutor(this.workingDir);
+
+            // Execute script (validates syntax first, then executes)
+            const result = await executor.execute(bash);
+
+            if (result.success) {
+                this.logger.log(`✓ Bash execution completed in ${result.executionTime}ms`);
+                return result;
+            } else {
+                // Check if it's a syntax error
+                const isSyntaxError = result.syntaxError;
+                this.logger.error(`✗ Bash execution failed: ${result.error || 'Exit code ' + result.exitCode}`);
+
+                // Return result even if failed, controller will handle status
+                return {
+                    ...result,
+                    syntaxError: isSyntaxError
+                };
+            }
+
+        } catch (error: any) {
+            this.logger.error('Error executing bash:', error);
+            if (error instanceof BadRequestException) {
+                throw error;
+            }
+            throw new InternalServerErrorException(error.message || 'Execution failed');
+        }
+    }
+}

package/vg/apps/api/src/app/info.controller.ts

@@ -0,0 +1,12 @@
+import { Controller, Get, Query } from '@nestjs/common';
+import { InfoService } from './info.service';
+
+@Controller('info')
+export class InfoController {
+    constructor(private readonly infoService: InfoService) { }
+
+    @Get()
+    async getInfo(@Query('path') path: string) {
+        return this.infoService.getProjectInfo(path);
+    }
+}

package/vg/apps/api/src/app/info.service.ts

@@ -0,0 +1,65 @@
+import { Injectable, BadRequestException, NotFoundException, InternalServerErrorException, Logger } from '@nestjs/common';
+import { ProjectDetector, FileScanner, TokenManager } from '@vg/core';
+import * as path from 'path';
+import * as fs from 'fs-extra';
+
+@Injectable()
+export class InfoService {
+    private readonly logger = new Logger(InfoService.name);
+
+    async getProjectInfo(projectPath: string) {
+        try {
+            if (!projectPath) {
+                throw new BadRequestException('Missing required query parameter: path');
+            }
+
+            const resolvedPath = path.resolve(projectPath);
+
+            if (!await fs.pathExists(resolvedPath)) {
+                throw new NotFoundException(`Project path does not exist: ${projectPath}`);
+            }
+
+            // Detect project
+            const detector = new ProjectDetector(resolvedPath);
+            const projectInfo = await detector.detectAll();
+
+            // Quick scan
+            const scanner = new FileScanner(resolvedPath);
+            const scanResult = await scanner.scanProject();
+
+            // Token analysis
+            const tokenManager = new TokenManager();
+            const tokenAnalysis = tokenManager.analyzeFiles(scanResult.files);
+            tokenManager.cleanup();
+
+            const extensions = [...new Set(scanResult.files.map(f => f.extension))].filter(Boolean);
+
+            this.logger.log(`✓ Info retrieved for: ${resolvedPath}`);
+
+            return {
+                path: resolvedPath,
+                primaryType: projectInfo.primary,
+                detectedTechnologies: projectInfo.detected,
+                stats: {
+                    totalFiles: scanResult.stats.processedFiles,
+                    totalSize: scanResult.files.reduce((sum, f) => sum + f.size, 0),
+                    totalLines: scanResult.files.reduce((sum, f) => sum + f.lines, 0),
+                    extensions: extensions
+                },
+                tokens: {
+                    total: tokenAnalysis.summary.totalTokens,
+                    averagePerFile: tokenAnalysis.summary.averageTokensPerFile,
+                    filesExceedingLimit: tokenAnalysis.summary.filesExceedingLimit,
+                    estimatedChunks: tokenAnalysis.summary.estimatedChunks
+                }
+            };
+
+        } catch (error: any) {
+            this.logger.error('Error getting info:', error);
+            if (error instanceof BadRequestException || error instanceof NotFoundException) {
+                throw error;
+            }
+            throw new InternalServerErrorException(error.message || 'Failed to get project info');
+        }
+    }
+}

package/vg/apps/api/src/main.ts

@@ -0,0 +1,28 @@
+/**
+ * This is not a production server yet!
+ * This is only a minimal backend to get started.
+ */
+
+import { Logger } from '@nestjs/common';
+import { NestFactory } from '@nestjs/core';
+import { AppModule } from './app/app.module';
+
+async function bootstrap() {
+  const app = await NestFactory.create(AppModule);
+
+  // Enable CORS
+  app.enableCors({
+    origin: ['http://localhost:4200'],
+    credentials: true,
+  });
+
+  const globalPrefix = 'api';
+  app.setGlobalPrefix(globalPrefix);
+  const port = process.env.PORT || 3000;
+  await app.listen(port);
+  Logger.log(
+    `🚀 Application is running on: http://localhost:${port}/${globalPrefix}`
+  );
+}
+
+bootstrap();

package/vg/apps/api/webpack.config.js

@@ -0,0 +1,25 @@
+const { NxAppWebpackPlugin } = require('@nx/webpack/app-plugin');
+const { join } = require('path');
+
+module.exports = {
+  output: {
+    path: join(__dirname, '../../dist/apps/api'),
+    clean: true,
+    ...(process.env.NODE_ENV !== 'production' && {
+      devtoolModuleFilenameTemplate: '[absolute-resource-path]',
+    }),
+  },
+  plugins: [
+    new NxAppWebpackPlugin({
+      target: 'node',
+      compiler: 'tsc',
+      main: './src/main.ts',
+      tsConfig: './tsconfig.app.json',
+      assets: ['./src/assets'],
+      optimization: false,
+      outputHashing: 'none',
+      generatePackageJson: true,
+      sourceMaps: true,
+    }),
+  ],
+};

package/vg/apps/api-e2e/jest.config.cts

@@ -0,0 +1,18 @@
+export default {
+  displayName: 'api-e2e',
+  preset: '../../jest.preset.js',
+  globalSetup: '<rootDir>/src/support/global-setup.ts',
+  globalTeardown: '<rootDir>/src/support/global-teardown.ts',
+  setupFiles: ['<rootDir>/src/support/test-setup.ts'],
+  testEnvironment: 'node',
+  transform: {
+    '^.+\\.[tj]s$': [
+      'ts-jest',
+      {
+        tsconfig: '<rootDir>/tsconfig.spec.json',
+      },
+    ],
+  },
+  moduleFileExtensions: ['ts', 'js', 'html'],
+  coverageDirectory: '../../coverage/api-e2e',
+};

package/vg/apps/api-e2e/project.json

@@ -0,0 +1,17 @@
+{
+  "name": "api-e2e",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "implicitDependencies": ["api"],
+  "projectType": "application",
+  "targets": {
+    "e2e": {
+      "executor": "@nx/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/{e2eProjectRoot}"],
+      "options": {
+        "jestConfig": "apps/api-e2e/jest.config.cts",
+        "passWithNoTests": true
+      },
+      "dependsOn": ["api:build", "api:serve"]
+    }
+  }
+}

package/vg/apps/api-e2e/src/support/global-setup.ts

@@ -0,0 +1,16 @@
+import { waitForPortOpen } from '@nx/node/utils';
+
+/* eslint-disable */
+var __TEARDOWN_MESSAGE__: string;
+
+module.exports = async function () {
+  // Start services that that the app needs to run (e.g. database, docker-compose, etc.).
+  console.log('\nSetting up...\n');
+
+  const host = process.env.HOST ?? 'localhost';
+  const port = process.env.PORT ? Number(process.env.PORT) : 3000;
+  await waitForPortOpen(port, { host });
+
+  // Hint: Use `globalThis` to pass variables to global teardown.
+  globalThis.__TEARDOWN_MESSAGE__ = '\nTearing down...\n';
+};

package/vg/apps/api-e2e/src/support/global-teardown.ts

@@ -0,0 +1,10 @@
+import { killPort } from '@nx/node/utils';
+/* eslint-disable */
+
+module.exports = async function () {
+  // Put clean up logic here (e.g. stopping services, docker-compose, etc.).
+  // Hint: `globalThis` is shared between setup and teardown.
+  const port = process.env.PORT ? Number(process.env.PORT) : 3000;
+  await killPort(port);
+  console.log(globalThis.__TEARDOWN_MESSAGE__);
+};

package/vg/apps/api-e2e/src/support/test-setup.ts

@@ -0,0 +1,9 @@
+/* eslint-disable */
+import axios from 'axios';
+
+module.exports = async function () {
+  // Configure axios for tests to use.
+  const host = process.env.HOST ?? 'localhost';
+  const port = process.env.PORT ?? '3000';
+  axios.defaults.baseURL = `http://${host}:${port}`;
+};

package/vg/apps/ng-app/jest.config.ts

@@ -0,0 +1,21 @@
+export default {
+  displayName: 'ng-app',
+  preset: '../../jest.preset.js',
+  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
+  coverageDirectory: '../../coverage/apps/ng-app',
+  transform: {
+    '^.+\\.(ts|mjs|js|html)$': [
+      'jest-preset-angular',
+      {
+        tsconfig: '<rootDir>/tsconfig.spec.json',
+        stringifyContentPathRegex: '\\.(html|svg)$',
+      },
+    ],
+  },
+  transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)'],
+  snapshotSerializers: [
+    'jest-preset-angular/build/serializers/no-ng-attributes',
+    'jest-preset-angular/build/serializers/ng-snapshot',
+    'jest-preset-angular/build/serializers/html-comment',
+  ],
+};

package/vg/apps/ng-app/project.json

@@ -0,0 +1,110 @@
+{
+  "name": "ng-app",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "application",
+  "prefix": "app",
+  "sourceRoot": "apps/ng-app/src",
+  "tags": [
+    "scope:client",
+    "type:app"
+  ],
+  "targets": {
+    "build": {
+      "executor": "@angular/build:application",
+      "outputs": [
+        "{options.outputPath}"
+      ],
+      "options": {
+        "outputPath": "dist/apps/ng-app",
+        "browser": "apps/ng-app/src/main.ts",
+        "polyfills": [
+          "zone.js"
+        ],
+        "tsConfig": "apps/ng-app/tsconfig.app.json",
+        "inlineStyleLanguage": "scss",
+        "assets": [
+          {
+            "glob": "**/*",
+            "input": "apps/ng-app/public"
+          }
+        ],
+        "styles": [
+          "apps/ng-app/src/styles.scss"
+        ]
+      },
+      "configurations": {
+        "production": {
+          "budgets": [
+            {
+              "type": "initial",
+              "maximumWarning": "500kb",
+              "maximumError": "1mb"
+            },
+            {
+              "type": "anyComponentStyle",
+              "maximumWarning": "4kb",
+              "maximumError": "8kb"
+            }
+          ],
+          "outputHashing": "all"
+        },
+        "development": {
+          "optimization": false,
+          "extractLicenses": false,
+          "sourceMap": true
+        }
+      },
+      "defaultConfiguration": "production"
+    },
+    "serve": {
+      "continuous": true,
+      "executor": "@angular/build:dev-server",
+      "options": {
+        "proxyConfig": "apps/ng-app/proxy.conf.json"
+      },
+      "configurations": {
+        "production": {
+          "buildTarget": "ng-app:build:production"
+        },
+        "development": {
+          "buildTarget": "ng-app:build:development"
+        }
+      },
+      "defaultConfiguration": "development",
+      "dependsOn": [
+        {
+          "target": "serve",
+          "projects": "api"
+        }
+      ]
+    },
+    "extract-i18n": {
+      "executor": "@angular/build:extract-i18n",
+      "options": {
+        "buildTarget": "ng-app:build"
+      }
+    },
+    "lint": {
+      "executor": "@nx/eslint:lint"
+    },
+    "test": {
+      "executor": "@nx/jest:jest",
+      "outputs": [
+        "{workspaceRoot}/coverage/{projectRoot}"
+      ],
+      "options": {
+        "jestConfig": "apps/ng-app/jest.config.ts",
+        "tsConfig": "apps/ng-app/tsconfig.spec.json"
+      }
+    },
+    "serve-static": {
+      "continuous": true,
+      "executor": "@nx/web:file-server",
+      "options": {
+        "buildTarget": "ng-app:build",
+        "staticFilePath": "dist/apps/ng-app/browser",
+        "spa": true
+      }
+    }
+  }
+}

package/vg/apps/ng-app/proxy.conf.json

@@ -0,0 +1,8 @@
+{
+  "/api": {
+    "target": "http://localhost:3000",
+    "secure": false,
+    "logLevel": "debug",
+    "changeOrigin": true
+  }
+}

package/vg/apps/ng-app/src/app/app.config.ts

@@ -0,0 +1,17 @@
+import {
+  ApplicationConfig,
+  provideBrowserGlobalErrorListeners,
+  provideZoneChangeDetection,
+} from '@angular/core';
+import { provideRouter } from '@angular/router';
+import { provideHttpClient } from '@angular/common/http';
+import { appRoutes } from './app.routes';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideBrowserGlobalErrorListeners(),
+    provideZoneChangeDetection({ eventCoalescing: true }),
+    provideRouter(appRoutes),
+    provideHttpClient(),
+  ],
+};

package/vg/apps/ng-app/src/app/app.html

@@ -0,0 +1 @@
+<router-outlet></router-outlet>

package/vg/apps/ng-app/src/app/app.routes.ts

@@ -0,0 +1,7 @@
+import { Route } from '@angular/router';
+import { DashboardComponent } from './dashboard/dashboard.component';
+
+export const appRoutes: Route[] = [
+    { path: '', component: DashboardComponent },
+    { path: '**', redirectTo: '' }
+];

package/vg/apps/ng-app/src/app/app.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+import { RouterModule } from '@angular/router';
+
+@Component({
+  imports: [RouterModule],
+  selector: 'app-root',
+  templateUrl: './app.html',
+  styleUrl: './app.scss',
+})
+export class App {
+  protected title = 'ng-app';
+}

package/vg/apps/ng-app/src/app/dashboard/dashboard.component.html

@@ -0,0 +1,87 @@
+<div class="container">
+    <div class="header">
+        <h1>🚀 VG Coder API Dashboard</h1>
+        <p>Phân tích dự án và thực thi bash scripts</p>
+        <span class="status" id="status">● Server Running</span>
+    </div>
+
+    <!-- System Prompt Section -->
+    <div class="system-prompt-card">
+        <div class="system-prompt-header" (click)="toggleSystemPrompt()">
+            <h2>
+                <span>📝</span>
+                <span>AI System Prompt</span>
+            </h2>
+            <span class="toggle-icon" [class.open]="isPromptOpen">▼</span>
+        </div>
+        <div class="system-prompt-content" [class.open]="isPromptOpen">
+            <div class="prompt-text">{{ systemPrompt }}</div>
+            <button class="btn btn-copy" (click)="copySystemPrompt()">
+                <span>📋</span>
+                <span>Copy System Prompt</span>
+            </button>
+        </div>
+    </div>
+
+    <div class="endpoints">
+        <!-- Analyze -->
+        <div class="endpoint-card">
+            <div class="endpoint-header">
+                <span class="method post">POST</span>
+                <span class="endpoint-path">/api/analyze</span>
+            </div>
+            <p class="endpoint-desc">📊 Phân tích dự án và lấy toàn bộ source code</p>
+            <div class="form-group">
+                <label>📁 Project Path:</label>
+                <input type="text" [(ngModel)]="analyzePath" placeholder=".">
+            </div>
+            <div class="btn-group">
+                <button class="btn" (click)="analyze()" [disabled]="analyzeLoading">
+                    <span *ngIf="!analyzeLoading">📥</span>
+                    <span *ngIf="analyzeLoading" class="loading"></span>
+                    <span>{{ analyzeLoading ? 'Loading...' : 'Download File' }}</span>
+                </button>
+                <button class="btn btn-copy" (click)="copyAnalyzeResult()">
+                    <span>📋</span>
+                    <span>Copy to Clipboard</span>
+                </button>
+            </div>
+            <div class="response" *ngIf="analyzeResult" [class.success]="true">
+                <pre>{{ analyzeResult | slice:0:500 }}...</pre>
+            </div>
+        </div>
+
+        <!-- Execute Bash -->
+        <div class="endpoint-card">
+            <div class="endpoint-header">
+                <span class="method post">POST</span>
+                <span class="endpoint-path">/api/execute</span>
+            </div>
+            <p class="endpoint-desc">⚡ Thực thi bash script với syntax validation</p>
+            <div class="form-group">
+                <label>💻 Bash Script:</label>
+                <textarea [(ngModel)]="bashScript"
+                    placeholder="mkdir -p $(dirname &quot;src/test.js&quot;)&#10;cat <<'EOF' > src/test.js&#10;console.log('Hello World');&#10;EOF"></textarea>
+            </div>
+            <div class="btn-group">
+                <button class="btn" (click)="execute()" [disabled]="executeLoading">
+                    <span *ngIf="!executeLoading">▶️</span>
+                    <span *ngIf="executeLoading" class="loading"></span>
+                    <span>{{ executeLoading ? 'Executing...' : 'Execute Script' }}</span>
+                </button>
+                <button class="btn" (click)="executeFromClipboard()" [disabled]="executeLoading">
+                    <span>📋</span>
+                    <span>Execute from Clipboard</span>
+                </button>
+            </div>
+            <div class="response" *ngIf="executeResult" [class.success]="executeResult.success"
+                [class.error]="!executeResult.success">
+                <pre>{{ executeResult | json }}</pre>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="toast" [class.show]="showToast" [ngClass]="toastType">
+    {{ toastMessage }}
+</div>