vg-coder-cli 2.0.7 → 2.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vg-coder-cli",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "description": "🚀 CLI tool to analyze projects, concatenate source files, count tokens, and export HTML with syntax highlighting and copy functionality",
   "main": "src/index.js",
   "bin": {
@@ -8,6 +8,7 @@
     "vg-coder": "./bin/vg-coder.js"
   },
   "scripts": {
+    "install:local": "npm install -g .",
     "start": "node src/index.js",
     "test": "jest",
     "test:watch": "jest --watch",

package/src/scanner/file-scanner.js

@@ -106,6 +106,7 @@ class FileScanner {
 
     const node = {
       path: dirPath,
+      relativePath: relativePath,
       name: name,
       size: stats.size,
       type: stats.isDirectory() ? 'directory' : 'file',
@@ -148,47 +149,6 @@ class FileScanner {
     return node;
   }
 
-  /**
-   * Get regex for build directories and hidden files to ignore
-   */
-  getBuildIgnoreRegex() {
-    // Create regex pattern for directories to ignore
-    const ignorePatterns = [
-      // Hidden directories (starting with .)
-      '^\\..*',
-
-      // Build directories
-      '^build$',
-      '^target$',
-      '^dist$',
-      '^out$',
-      '^bin$',
-
-      // Dependencies
-      '^node_modules$',
-      '^vendor$',
-
-      // Temporary files
-      '^tmp$',
-      '^temp$',
-
-      // Logs
-      '^logs$',
-      '^log$',
-
-      // Coverage reports
-      '^coverage$'
-    ];
-
-    // Combine all patterns into one regex
-    const combinedPattern = ignorePatterns.join('|');
-    return new RegExp(`(${combinedPattern})`);
-  }
-
-
-
-
-
   /**
    * Trích xuất danh sách files từ tree
    */
@@ -381,69 +341,8 @@ class FileScanner {
    * Tạo nội dung kết hợp từ tất cả files
    */
   async createCombinedContent(files, options = {}) {
-    const {
-      includeStats = true,
-      includeTree = true,
-      headerTemplate = this.getDefaultHeaderTemplate(),
-      separatorTemplate = this.getDefaultSeparatorTemplate()
-    } = options;
-
-    let content = '';
-    
-    // Header với thông tin project
-    if (includeStats) {
-      content += this.generateProjectHeader(files);
-      content += '\n\n';
-    }
-    
-    // Cấu trúc thư mục
-    if (includeTree) {
-      content += this.generateTreeStructure(files);
-      content += '\n\n';
-    }
-    
-    // Nội dung từng file
-    for (let i = 0; i < files.length; i++) {
-      const file = files[i];
-      
-      // Header cho file
-      content += headerTemplate
-        .replace('{path}', file.relativePath)
-        .replace('{name}', file.name)
-        .replace('{extension}', file.extension || '')
-        .replace('{size}', file.size)
-        .replace('{lines}', file.lines);
-      
-      content += '\n';
-      content += file.content;
-      content += '\n';
-      
-      // Separator giữa các files
-      if (i < files.length - 1) {
-        content += separatorTemplate;
-        content += '\n';
-      }
-    }
-    
-    return content;
-  }
-
-  /**
-   * Template header mặc định cho file
-   */
-  getDefaultHeaderTemplate() {
-    return `
-================================================================================
-File: {path}
-Size: {size} bytes | Lines: {lines}
-================================================================================`;
-  }
-
-  /**
-   * Template separator mặc định
-   */
-  getDefaultSeparatorTemplate() {
-    return '\n\n';
+    // ... (unchanged)
+    return this.createCombinedContentForAI(files, options);
   }
 
   /**

package/src/server/api-server.js

@@ -29,8 +29,11 @@ class ApiServer {
    */
   setupMiddleware() {
     this.app.use(cors());
-    this.app.use(bodyParser.json());
-    this.app.use(bodyParser.urlencoded({ extended: true }));
+    this.app.use(bodyParser.json({ limit: '50mb' })); // Increase limit for large file lists
+    this.app.use(bodyParser.urlencoded({ extended: true, limit: '50mb' }));
+    
+    // Serve static files from views directory (CSS, JS)
+    this.app.use(express.static(path.join(__dirname, 'views')));
     
     // Request logging
     this.app.use((req, res, next) => {
@@ -60,7 +63,7 @@ class ApiServer {
     // Analyze endpoint - returns project.txt file
     this.app.post('/api/analyze', async (req, res) => {
       try {
-        const { path: projectPath, options = {} } = req.body;
+        const { path: projectPath, options = {}, specificFiles } = req.body;
 
         if (!projectPath) {
           return res.status(400).json({
@@ -78,6 +81,9 @@ class ApiServer {
         }
 
         console.log(chalk.yellow(`Analyzing project: ${resolvedPath}`));
+        if (specificFiles) {
+             console.log(chalk.yellow(`Filtering for ${specificFiles.length} specific files`));
+        }
 
         // Detect project type
         const detector = new ProjectDetector(resolvedPath);
@@ -92,8 +98,15 @@ class ApiServer {
         const scanner = new FileScanner(resolvedPath, scannerOptions);
         const scanResult = await scanner.scanProject();
 
+        let filesToProcess = scanResult.files;
+
+        // Filter specific files if requested
+        if (specificFiles && Array.isArray(specificFiles) && specificFiles.length > 0) {
+            filesToProcess = filesToProcess.filter(file => specificFiles.includes(file.relativePath));
+        }
+
         // Create AI-friendly content
-        const aiContent = await scanner.createCombinedContentForAI(scanResult.files, {
+        const aiContent = await scanner.createCombinedContentForAI(filesToProcess, {
           includeStats: true,
           includeTree: true,
           preserveLineNumbers: true
@@ -104,7 +117,7 @@ class ApiServer {
         res.setHeader('Content-Disposition', 'attachment; filename="project.txt"');
         res.send(aiContent);
 
-        console.log(chalk.green(`✓ Analysis completed: ${scanResult.files.length} files`));
+        console.log(chalk.green(`✓ Analysis completed: ${filesToProcess.length} files`));
 
       } catch (error) {
         console.error(chalk.red('Error during analysis:'), error);
@@ -178,6 +191,50 @@ class ApiServer {
       }
     });
 
+    // Structure endpoint
+    this.app.get('/api/structure', async (req, res) => {
+      try {
+        const projectPath = req.query.path || '.';
+        const resolvedPath = path.resolve(projectPath);
+
+        // Validate path
+        if (!await fs.pathExists(resolvedPath)) {
+          return res.status(404).json({
+            error: `Project path does not exist: ${projectPath}`
+          });
+        }
+
+        console.log(chalk.yellow(`Analyzing structure for: ${resolvedPath}`));
+
+        // 1. Scan files
+        const scanner = new FileScanner(resolvedPath);
+        const scanResult = await scanner.scanProject();
+
+        // 2. Tokenize tree
+        const tokenManager = new TokenManager();
+        const enrichedTree = tokenManager.analyzeTree(scanResult.tree, scanResult.files);
+        
+        tokenManager.cleanup();
+
+        // 3. Return result
+        res.json({
+          path: resolvedPath,
+          totalFiles: scanResult.files.length,
+          rootTokens: enrichedTree.tokens,
+          structure: enrichedTree
+        });
+
+        console.log(chalk.green(`✓ Structure analysis completed: ${scanResult.files.length} files`));
+
+      } catch (error) {
+        console.error(chalk.red('Error getting structure:'), error);
+        res.status(500).json({
+          error: 'Failed to get structure',
+          message: error.message
+        });
+      }
+    });
+
     // Clean endpoint
     this.app.delete('/api/clean', async (req, res) => {
       try {
@@ -282,23 +339,10 @@ class ApiServer {
         console.log(chalk.green(`\n🚀 VG Coder API Server started!`));
         console.log(chalk.blue(`📡 Listening on: http://localhost:${this.port}`));
         console.log(chalk.cyan(`\n🎨 Dashboard: http://localhost:${this.port}`));
-        console.log(chalk.yellow(`\n📚 Available endpoints:`));
-        console.log(`  GET  /health           - Health check`);
-        console.log(`  POST /api/analyze      - Analyze project (returns project.txt)`);
-        console.log(`  GET  /api/info?path=.  - Get project info`);
-        console.log(`  DELETE /api/clean      - Clean output directory`);
-        console.log(`  POST /api/execute      - Execute bash script`);
-        console.log(chalk.gray(`\n💡 Press Ctrl+C to stop the server\n`));
         resolve();
       });
 
       this.server.on('error', (err) => {
-        if (err.code === 'EADDRINUSE') {
-          console.error(chalk.red(`\n❌ Port ${this.port} is already in use!`));
-          console.log(chalk.yellow(`Try using a different port with: vg start -p <port>\n`));
-        } else {
-          console.error(chalk.red('\n❌ Server error:'), err.message);
-        }
         reject(err);
       });
     });

package/src/server/views/css/structure.css

@@ -0,0 +1,122 @@
+/* Tree View Styles */
+.tree-container {
+    margin-top: 20px;
+    background: var(--ios-input-bg);
+    border-radius: 12px;
+    overflow: hidden;
+    border: 1px solid rgba(0,0,0,0.05);
+}
+
+.tree-header {
+    padding: 12px 16px;
+    background: rgba(0,0,0,0.03);
+    border-bottom: 1px solid rgba(0,0,0,0.05);
+    font-weight: 600;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    color: var(--text-primary);
+}
+
+.tree-content {
+    padding: 10px;
+    font-family: 'SF Mono', 'Menlo', monospace;
+    font-size: 13px;
+    overflow-x: auto;
+}
+
+.tree-ul {
+    list-style: none;
+    padding-left: 20px;
+    margin: 0;
+    border-left: 1px solid var(--ios-separator);
+}
+
+/* Root level shouldn't have border */
+.tree-content > .tree-ul {
+    border-left: none;
+    padding-left: 0;
+}
+
+.tree-li {
+    margin: 4px 0;
+    position: relative;
+}
+
+.tree-item-row {
+    display: flex;
+    align-items: center;
+    padding: 4px 8px;
+    border-radius: 6px;
+    cursor: pointer;
+    transition: background 0.1s;
+}
+
+.tree-item-row:hover {
+    background: rgba(0,0,0,0.05);
+}
+
+/* Checkbox Style */
+.tree-checkbox {
+    margin-right: 8px;
+    cursor: pointer;
+    width: 16px;
+    height: 16px;
+    accent-color: var(--ios-blue);
+}
+
+.tree-icon {
+    margin-right: 8px;
+    font-size: 14px;
+    width: 16px;
+    text-align: center;
+}
+
+.tree-name {
+    flex: 1;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin-right: 10px;
+    color: var(--text-primary);
+}
+
+/* Token Badges */
+.token-badge {
+    font-size: 11px;
+    padding: 2px 6px;
+    border-radius: 4px;
+    font-weight: 600;
+    min-width: 40px;
+    text-align: center;
+}
+
+.token-low { background: rgba(52, 199, 89, 0.15); color: var(--ios-green); } /* < 2k */
+.token-med { background: rgba(255, 149, 0, 0.15); color: #FF9500; }         /* 2k - 5k */
+.token-high { background: rgba(255, 59, 48, 0.15); color: var(--ios-red); }  /* > 5k */
+
+/* Folder toggle states */
+.tree-li > .tree-ul {
+    display: block; /* Default expanded */
+}
+
+.tree-li.collapsed > .tree-ul {
+    display: none;
+}
+
+.arrow {
+    display: inline-block;
+    width: 12px;
+    font-size: 10px;
+    color: var(--text-secondary);
+    transition: transform 0.2s;
+    margin-right: 4px;
+}
+
+.tree-li.collapsed > .tree-item-row .arrow {
+    transform: rotate(-90deg);
+}
+
+.tree-li:not(.has-children) .arrow {
+    visibility: hidden;
+}