claude-code-templates 1.20.3 → 1.21.0

package/bin/create-claude-config.js

@@ -67,11 +67,15 @@ program
   .option('--setting <setting>', 'install specific setting component (supports comma-separated values)')
   .option('--hook <hook>', 'install specific hook component (supports comma-separated values)')
   .option('--workflow <workflow>', 'install workflow from hash (#hash) OR workflow YAML (base64 encoded) when used with --agent/--command/--mcp')
-  .option('--prompt <prompt>', 'execute the provided prompt in Claude Code after installation')
+  .option('--prompt <prompt>', 'execute the provided prompt in Claude Code after installation or in sandbox')
   .option('--create-agent <agent>', 'create a global agent accessible from anywhere (e.g., customer-support)')
   .option('--list-agents', 'list all installed global agents')
   .option('--remove-agent <agent>', 'remove a global agent')
   .option('--update-agent <agent>', 'update a global agent to the latest version')
+  .option('--studio', 'launch Claude Code Studio interface for local and cloud execution')
+  .option('--sandbox <provider>', 'execute Claude Code in isolated sandbox environment (e.g., e2b)')
+  .option('--e2b-api-key <key>', 'E2B API key for sandbox execution (alternative to environment variable)')
+  .option('--anthropic-api-key <key>', 'Anthropic API key for Claude Code (alternative to environment variable)')
   .action(async (options) => {
     try {
       // Only show banner for non-agent-list commands

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-templates",
-  "version": "1.20.3",
+  "version": "1.21.0",
   "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-web/components/ActivityHeatmap.js

@@ -353,6 +353,9 @@ class ActivityHeatmap {
    */
   generateCalendarData(dailyActivity) {
     const today = new Date();
+    const todayEnd = new Date(today);
+    todayEnd.setHours(23, 59, 59, 999); // End of today
+    
     const oneYearAgo = new Date(today);
     oneYearAgo.setFullYear(today.getFullYear() - 1);
     oneYearAgo.setDate(today.getDate() + 1);
@@ -365,13 +368,14 @@ class ActivityHeatmap {
     const months = [];
     const current = new Date(startDate);
     
-    // Generate weeks first
-    while (current <= today) {
+    // Generate weeks first - include today completely
+    while (current <= todayEnd) {
       const week = [];
       
       for (let day = 0; day < 7; day++) {
-        if (current <= today) {
-          week.push(new Date(current));
+        if (current <= todayEnd) {
+          const dayDate = new Date(current);
+          week.push(dayDate);
         } else {
           week.push(null);
         }
@@ -421,6 +425,7 @@ class ActivityHeatmap {
       const level = this.getActivityLevel(activity);
       const modeClass = this.currentMetric === 'tools' ? 'tools-mode' : '';
       
+      
       return `
         <div class="heatmap-day level-${level} ${modeClass}" 
              data-date="${dateKey}" 
@@ -606,7 +611,9 @@ class ActivityHeatmap {
     
     if (!date) return;
 
-    const dateObj = new Date(date);
+    // Fix timezone issue: parse date as local instead of UTC
+    const [year, month, dayNum] = date.split('-').map(Number);
+    const dateObj = new Date(year, month - 1, dayNum); // month is 0-indexed
     const formattedDate = dateObj.toLocaleDateString('en-US', { 
       weekday: 'short', 
       month: 'short', 
@@ -677,7 +684,16 @@ class ActivityHeatmap {
     const titleElement = document.getElementById('activity-total');
     
     if (titleElement) {
-      titleElement.textContent = `${this.formatNumber(totalActivity)} ${this.currentMetric} in the last year`;
+      // Ensure totalActivity is a number
+      const activityCount = totalActivity || 0;
+      
+      if (this.currentMetric === 'messages') {
+        titleElement.innerHTML = `${this.formatNumber(activityCount)} <span style="color: #ff7f50;">Claude Code</span> ${this.currentMetric} in the last year`;
+      } else if (this.currentMetric === 'tools') {
+        titleElement.innerHTML = `${this.formatNumber(activityCount)} <span style="color: #ff7f50;">Claude Code</span> ${this.currentMetric} in the last year`;
+      } else {
+        titleElement.innerHTML = `${this.formatNumber(activityCount)} ${this.currentMetric} in the last year`;
+      }
     }
   }
 
@@ -685,6 +701,11 @@ class ActivityHeatmap {
    * Format large numbers with commas
    */
   formatNumber(num) {
+    // Handle undefined, null, or non-numeric values
+    if (num == null || typeof num !== 'number' || isNaN(num)) {
+      return '0';
+    }
+    
     if (num >= 1000) {
       return (num / 1000).toFixed(1) + 'k';
     }
@@ -705,6 +726,29 @@ class ActivityHeatmap {
     `;
   }
 
+  /**
+   * Clear cache and refresh the heatmap data
+   */
+  async clearCacheAndRefresh() {
+    try {
+      console.log('🔥 Clearing cache and refreshing heatmap data...');
+      
+      // Clear frontend cache
+      this.dataService.clearCache();
+      
+      // Clear backend cache
+      await fetch('/api/clear-cache', { method: 'POST' });
+      
+      // Force reload activity data
+      await this.loadActivityData();
+      this.positionMonthLabels();
+      
+      console.log('✅ Cache cleared and data refreshed');
+    } catch (error) {
+      console.error('❌ Error clearing cache:', error);
+    }
+  }
+
   /**
    * Refresh the heatmap data
    */

package/src/analytics-web/components/DashboardPage.js

@@ -447,6 +447,10 @@ class DashboardPage {
           activityHeatmapContainer,
           this.dataService
         );
+        
+        // Make globally accessible for debugging
+        window.activityHeatmap = this.components.activityHeatmap;
+        
         await this.components.activityHeatmap.initialize();
       } catch (error) {
         console.warn('ActivityHeatmap initialization failed:', error);

package/src/analytics-web/services/DataService.js

@@ -103,6 +103,13 @@ class DataService {
     }
   }
 
+  /**
+   * Clear all cached data
+   */
+  clearCache() {
+    this.cache.clear();
+    console.log('🔥 Frontend cache cleared');
+  }
 
   /**
    * Get conversations data

package/src/analytics.js

@@ -1191,11 +1191,74 @@ class ClaudeAnalytics {
       }
     });
 
+    // Clear cache endpoint
+    this.app.post('/api/clear-cache', async (req, res) => {
+      try {
+        console.log('🔥 Clear cache request received');
+        
+        // Clear DataCache
+        if (this.dataCache && typeof this.dataCache.clear === 'function') {
+          this.dataCache.clear();
+          console.log('🔥 Server DataCache cleared');
+        } else {
+          console.log('⚠️ DataCache not available or no clear method');
+        }
+        
+        // Also clear ConversationAnalyzer cache if available
+        if (this.conversationAnalyzer && typeof this.conversationAnalyzer.clearCache === 'function') {
+          this.conversationAnalyzer.clearCache();
+          console.log('🔥 ConversationAnalyzer cache cleared');
+        }
+        
+        res.json({ 
+          success: true, 
+          message: 'Cache cleared successfully',
+          timestamp: new Date().toISOString()
+        });
+      } catch (error) {
+        console.error('❌ Error clearing cache:', error);
+        res.status(500).json({ 
+          error: 'Failed to clear cache', 
+          details: error.message 
+        });
+      }
+    });
+
     // Activity heatmap data endpoint - needs full conversation history
     this.app.get('/api/activity', async (req, res) => {
       try {
+        // TEMPORARY: Use test data for demo/screenshots
+        console.log(`🔥 /api/activity called - using test data for demo...`);
+        const fs = require('fs');
+        const path = require('path');
+        const testDataPath = path.join(__dirname, 'test-activity-data.json');
+        
+        if (fs.existsSync(testDataPath)) {
+          const testData = JSON.parse(fs.readFileSync(testDataPath, 'utf8'));
+          
+          // Calculate totals
+          const totalContributions = testData.reduce((sum, day) => sum + day.conversations, 0);
+          const totalTools = testData.reduce((sum, day) => sum + day.tools, 0);
+          const totalMessages = testData.reduce((sum, day) => sum + day.messages, 0);
+          const totalTokens = testData.reduce((sum, day) => sum + day.tokens, 0);
+          
+          const activityData = {
+            dailyActivity: testData,
+            totalContributions,
+            activeDays: testData.length,
+            longestStreak: 7, // Sample streak
+            currentStreak: 3,  // Sample current streak
+            totalTools,
+            totalMessages,
+            totalTokens,
+            timestamp: new Date().toISOString()
+          };
+          
+          return res.json(activityData);
+        }
+        
+        // Fallback to real data if test file doesn't exist
         console.log(`🔥 /api/activity called - loading all conversations...`);
-        // Get all conversations without the 150 limit for accurate heatmap data
         const allConversations = await this.conversationAnalyzer.loadConversations(this.stateCalculator);
         console.log(`🔥 Loaded ${allConversations.length} conversations from server`);
         
@@ -2066,33 +2129,17 @@ class ClaudeAnalytics {
     oneYearAgo.setHours(0, 0, 0, 0);
 
     const today = new Date();
-    today.setHours(23, 59, 59, 999);
+    const todayEnd = new Date();
+    todayEnd.setHours(23, 59, 59, 999);
 
     console.log(`🔥 Generating activity data for ${conversations.length} conversations (FULL DATASET)...`);
-    
-    // Show date range of conversations
-    if (conversations.length > 0) {
-      const dates = conversations.map(c => c.lastModified ? new Date(c.lastModified) : null).filter(Boolean);
-      dates.sort((a, b) => a - b);
-      console.log(`🔥 Server conversation date range: ${dates[0]?.toLocaleDateString()} to ${dates[dates.length - 1]?.toLocaleDateString()}`);
-      
-      // Show some sample conversations with dates
-      console.log(`🔥 First 3 conversations by date:`);
-      const sortedConversations = conversations
-        .filter(c => c.lastModified)
-        .sort((a, b) => new Date(a.lastModified) - new Date(b.lastModified))
-        .slice(0, 3);
-      sortedConversations.forEach((conv, i) => {
-        console.log(`  ${i+1}: ${conv.filename} - ${new Date(conv.lastModified).toLocaleDateString()}`);
-      });
-    }
 
     // Process conversations for daily activity
     conversations.forEach(conversation => {
       if (!conversation.lastModified) return;
       
       const date = new Date(conversation.lastModified);
-      if (date < oneYearAgo || date > today) return;
+      if (date < oneYearAgo || date > todayEnd) return;
 
       const dateKey = date.toISOString().split('T')[0]; // YYYY-MM-DD