claude-code-templates 1.5.0 → 1.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-templates",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "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

@@ -240,13 +240,15 @@ class ClaudeAnalytics {
     });
     
     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);
@@ -259,11 +261,24 @@ class ClaudeAnalytics {
     });
     
     projectWatcher.on('addDir', async () => {
+      console.log(chalk.yellow('📁 New project directory detected...'));
       await this.loadInitialData();
-      console.log(chalk.green('📁 New project detected'));
+      console.log(chalk.green('✅ Data updated'));
+    });
+    
+    projectWatcher.on('change', async () => {
+      console.log(chalk.yellow('📁 Project directory changed...'));
+      await this.loadInitialData();
+      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 +286,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', (req, res) => {
-      res.json(this.data.realtimeStats);
+    this.app.get('/api/realtime', async (req, res) => {
+      const realtimeWithTimestamp = {
+        ...this.data.realtimeStats,
+        timestamp: new Date().toISOString(),
+        lastUpdate: new Date().toLocaleString()
+      };
+      res.json(realtimeWithTimestamp);
+    });
+    
+    // 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 +580,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 +639,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 +704,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>`;