claude-code-templates 1.5.0 → 1.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-templates",
-  "version": "1.5.0",
+  "version": "1.5.2",
   "description": "CLI tool to setup Claude Code configurations with framework-specific commands, automation hooks and MCP Servers for your projects",
   "main": "src/index.js",
   "bin": {

package/src/analytics.js

@@ -70,12 +70,33 @@ class ClaudeAnalytics {
     const conversations = [];
     
     try {
-      const files = await fs.readdir(this.claudeDir);
-      const jsonlFiles = files.filter(file => file.endsWith('.jsonl'));
+      // Search for .jsonl files recursively in all subdirectories
+      const findJsonlFiles = async (dir) => {
+        const files = [];
+        const items = await fs.readdir(dir);
+        
+        for (const item of items) {
+          const itemPath = path.join(dir, item);
+          const stats = await fs.stat(itemPath);
+          
+          if (stats.isDirectory()) {
+            // Recursively search subdirectories
+            const subFiles = await findJsonlFiles(itemPath);
+            files.push(...subFiles);
+          } else if (item.endsWith('.jsonl')) {
+            files.push(itemPath);
+          }
+        }
+        
+        return files;
+      };
       
-      for (const file of jsonlFiles) {
-        const filePath = path.join(this.claudeDir, file);
+      const jsonlFiles = await findJsonlFiles(this.claudeDir);
+      console.log(chalk.blue(`Found ${jsonlFiles.length} conversation files`));
+      
+      for (const filePath of jsonlFiles) {
         const stats = await fs.stat(filePath);
+        const filename = path.basename(filePath);
         
         try {
           const content = await fs.readFile(filePath, 'utf8');
@@ -88,21 +109,25 @@ class ClaudeAnalytics {
             }
           }).filter(Boolean);
           
+          // Extract project name from path
+          const projectFromPath = this.extractProjectFromPath(filePath);
+          
           const conversation = {
-            id: file.replace('.jsonl', ''),
-            filename: file,
+            id: filename.replace('.jsonl', ''),
+            filename: filename,
+            filePath: filePath,
             messageCount: messages.length,
             fileSize: stats.size,
             lastModified: stats.mtime,
             created: stats.birthtime,
             tokens: this.estimateTokens(content),
-            project: this.extractProjectFromConversation(messages),
+            project: projectFromPath || this.extractProjectFromConversation(messages),
             status: this.determineConversationStatus(messages, stats.mtime)
           };
           
           conversations.push(conversation);
         } catch (error) {
-          console.warn(chalk.yellow(`Warning: Could not parse ${file}:`, error.message));
+          console.warn(chalk.yellow(`Warning: Could not parse ${filename}:`, error.message));
         }
       }
       
@@ -160,6 +185,27 @@ class ClaudeAnalytics {
     return Math.ceil(text.length / 4);
   }
 
+  extractProjectFromPath(filePath) {
+    // Extract project name from file path like:
+    // /Users/user/.claude/projects/-Users-user-Projects-MyProject/conversation.jsonl
+    const pathParts = filePath.split('/');
+    const projectIndex = pathParts.findIndex(part => part === 'projects');
+    
+    if (projectIndex !== -1 && projectIndex + 1 < pathParts.length) {
+      const projectDir = pathParts[projectIndex + 1];
+      // Clean up the project directory name
+      const cleanName = projectDir
+        .replace(/^-/, '')
+        .replace(/-/g, '/')
+        .split('/')
+        .pop() || 'Unknown';
+      
+      return cleanName;
+    }
+    
+    return null;
+  }
+
   extractProjectFromConversation(messages) {
     // Try to extract project information from conversation
     for (const message of messages.slice(0, 5)) {
@@ -233,20 +279,24 @@ class ClaudeAnalytics {
   setupFileWatchers() {
     console.log(chalk.blue('👀 Setting up file watchers for real-time updates...'));
     
-    // Watch conversation files
-    const conversationWatcher = chokidar.watch(path.join(this.claudeDir, '*.jsonl'), {
+    // Watch conversation files recursively in all subdirectories
+    const conversationWatcher = chokidar.watch([
+      path.join(this.claudeDir, '**/*.jsonl')
+    ], {
       persistent: true,
       ignoreInitial: true
     });
     
     conversationWatcher.on('change', async () => {
+      console.log(chalk.yellow('🔄 Conversation file changed, updating data...'));
       await this.loadInitialData();
-      console.log(chalk.green('🔄 Conversation data updated'));
+      console.log(chalk.green('✅ Data updated'));
     });
     
     conversationWatcher.on('add', async () => {
+      console.log(chalk.yellow('📝 New conversation file detected...'));
       await this.loadInitialData();
-      console.log(chalk.green('📝 New conversation detected'));
+      console.log(chalk.green('✅ Data updated'));
     });
     
     this.watchers.push(conversationWatcher);
@@ -255,15 +305,28 @@ class ClaudeAnalytics {
     const projectWatcher = chokidar.watch(this.claudeDir, {
       persistent: true,
       ignoreInitial: true,
-      depth: 1
+      depth: 2  // Increased depth to catch subdirectories
     });
     
     projectWatcher.on('addDir', async () => {
+      console.log(chalk.yellow('📁 New project directory detected...'));
+      await this.loadInitialData();
+      console.log(chalk.green('✅ Data updated'));
+    });
+    
+    projectWatcher.on('change', async () => {
+      console.log(chalk.yellow('📁 Project directory changed...'));
       await this.loadInitialData();
-      console.log(chalk.green('📁 New project detected'));
+      console.log(chalk.green('✅ Data updated'));
     });
     
     this.watchers.push(projectWatcher);
+    
+    // Also set up periodic refresh to catch any missed changes
+    setInterval(async () => {
+      console.log(chalk.blue('⏱️  Periodic data refresh...'));
+      await this.loadInitialData();
+    }, 30000); // Every 30 seconds
   }
 
   setupWebServer() {
@@ -271,12 +334,34 @@ class ClaudeAnalytics {
     this.app.use(express.static(path.join(__dirname, 'analytics-web')));
     
     // API endpoints
-    this.app.get('/api/data', (req, res) => {
-      res.json(this.data);
+    this.app.get('/api/data', async (req, res) => {
+      // Add timestamp to verify data freshness
+      const dataWithTimestamp = {
+        ...this.data,
+        timestamp: new Date().toISOString(),
+        lastUpdate: new Date().toLocaleString()
+      };
+      res.json(dataWithTimestamp);
+    });
+    
+    this.app.get('/api/realtime', async (req, res) => {
+      const realtimeWithTimestamp = {
+        ...this.data.realtimeStats,
+        timestamp: new Date().toISOString(),
+        lastUpdate: new Date().toLocaleString()
+      };
+      res.json(realtimeWithTimestamp);
     });
     
-    this.app.get('/api/realtime', (req, res) => {
-      res.json(this.data.realtimeStats);
+    // Force refresh endpoint
+    this.app.get('/api/refresh', async (req, res) => {
+      console.log(chalk.blue('🔄 Manual refresh requested...'));
+      await this.loadInitialData();
+      res.json({ 
+        success: true, 
+        message: 'Data refreshed',
+        timestamp: new Date().toISOString()
+      });
     });
     
     // Main dashboard route
@@ -543,6 +628,7 @@ async function createWebDashboard() {
                 Claude Code Analytics
             </h1>
             <p>Real-time monitoring of your Claude Code usage</p>
+            <p id="lastUpdate" style="font-size: 0.75rem; opacity: 0.8;"></p>
         </div>
         
         <div id="loading" class="loading">
@@ -601,9 +687,15 @@ async function createWebDashboard() {
                 const response = await fetch('/api/data');
                 const data = await response.json();
                 
+                console.log('Data loaded:', data.timestamp);
+                
                 document.getElementById('loading').style.display = 'none';
                 document.getElementById('dashboard').style.display = 'block';
                 
+                // Update timestamp
+                document.getElementById('lastUpdate').textContent = 
+                    \`Last updated: \${data.lastUpdate}\`;
+                
                 updateStats(data.summary);
                 updateConversations(data.conversations);
                 updateProjects(data.activeProjects);
@@ -660,11 +752,31 @@ async function createWebDashboard() {
             \`).join('');
         }
         
+        // Manual refresh function
+        async function forceRefresh() {
+            try {
+                const response = await fetch('/api/refresh');
+                const result = await response.json();
+                console.log('Manual refresh:', result);
+                await loadData();
+            } catch (error) {
+                console.error('Failed to refresh:', error);
+            }
+        }
+        
         // Load initial data
         loadData();
         
-        // Refresh data every 10 seconds
-        setInterval(loadData, 10000);
+        // Refresh data every 5 seconds
+        setInterval(loadData, 5000);
+        
+        // Add keyboard shortcut for refresh (F5 or Ctrl+R)
+        document.addEventListener('keydown', function(e) {
+            if (e.key === 'F5' || (e.ctrlKey && e.key === 'r')) {
+                e.preventDefault();
+                forceRefresh();
+            }
+        });
     </script>
 </body>
 </html>`;