vg-coder-cli 2.0.8 → 2.0.10

package/scripts/build.js

@@ -0,0 +1,40 @@
+const AdmZip = require('adm-zip');
+const path = require('path');
+const fs = require('fs-extra');
+
+async function build() {
+    try {
+        const rootDir = path.resolve(__dirname, '..');
+        const zipPath = path.join(rootDir, 'vg-coder.zip');
+        const targetDir = path.join(rootDir, 'src', 'server', 'views', 'vg-coder');
+
+        console.log('🏗️  Starting build process...');
+
+        // 1. Check if zip exists
+        if (!fs.existsSync(zipPath)) {
+            console.error('⚠️  vg-coder.zip not found at root. Skipping extension extraction.');
+            // We don't exit 1 here to allow build to continue if zip is missing in dev
+            return;
+        }
+
+        // 2. Clean old directory
+        if (fs.existsSync(targetDir)) {
+            console.log('🧹 Cleaning old extension directory...');
+            fs.removeSync(targetDir);
+        }
+
+        // 3. Unzip
+        console.log('📦 Unzipping vg-coder.zip...');
+        const zip = new AdmZip(zipPath);
+        zip.extractAllTo(targetDir, true);
+
+        console.log(`✅ Extension extracted to: ${targetDir}`);
+        console.log('🚀 Build completed successfully!');
+
+    } catch (error) {
+        console.error('❌ Build failed:', error);
+        process.exit(1);
+    }
+}
+
+build();

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,8 @@ 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')));
@@ -60,10 +60,25 @@ class ApiServer {
       });
     });
 
+    // NEW: Get Extension Path
+    this.app.get('/api/extension-path', (req, res) => {
+      try {
+        const extensionPath = path.join(__dirname, 'views', 'vg-coder');
+        const exists = fs.existsSync(extensionPath);
+        
+        res.json({
+          path: extensionPath,
+          exists: exists
+        });
+      } catch (error) {
+        res.status(500).json({ error: error.message });
+      }
+    });
+
     // 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({
@@ -81,6 +96,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);
@@ -95,8 +113,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
@@ -107,7 +132,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);
@@ -181,6 +206,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 {
@@ -285,23 +354,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,148 @@
+/* Tree View Styles Compact */
+.tree-container {
+    margin-top: 15px;
+    background: var(--ios-input-bg);
+    border-radius: 8px;
+    overflow: hidden;
+    border: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+.tree-header {
+    padding: 8px 12px;
+    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);
+    font-size: 12px;
+}
+
+.tree-content {
+    padding: 5px;
+    font-family: 'SF Mono', 'Menlo', monospace;
+    font-size: 11px;
+    /* Smaller tree font */
+    overflow-x: auto;
+    max-height: 400px;
+    overflow-y: auto;
+}
+
+.tree-ul {
+    list-style: none;
+    padding-left: 16px;
+    /* Reduced indentation */
+    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: 1px 0;
+    /* Compact spacing */
+    position: relative;
+}
+
+.tree-item-row {
+    display: flex;
+    align-items: center;
+    padding: 2px 6px;
+    /* Compact row padding */
+    border-radius: 4px;
+    cursor: pointer;
+    transition: background 0.1s;
+    line-height: 1.2;
+}
+
+.tree-item-row:hover {
+    background: rgba(0, 0, 0, 0.05);
+}
+
+/* Checkbox Style */
+.tree-checkbox {
+    margin-right: 6px;
+    cursor: pointer;
+    width: 14px;
+    /* Smaller checkbox */
+    height: 14px;
+    accent-color: var(--ios-blue);
+}
+
+.tree-icon {
+    margin-right: 6px;
+    font-size: 12px;
+    width: 14px;
+    text-align: center;
+}
+
+.tree-name {
+    flex: 1;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin-right: 8px;
+    color: var(--text-primary);
+}
+
+/* Token Badges */
+.token-badge {
+    font-size: 9px;
+    /* Very small badge */
+    padding: 1px 4px;
+    border-radius: 3px;
+    font-weight: 600;
+    min-width: 30px;
+    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: 10px;
+    font-size: 8px;
+    color: var(--text-secondary);
+    transition: transform 0.2s;
+    margin-right: 2px;
+}
+
+.tree-li.collapsed>.tree-item-row .arrow {
+    transform: rotate(-90deg);
+}
+
+.tree-li:not(.has-children) .arrow {
+    visibility: hidden;
+}