claude-code-templates 1.5.7 → 1.5.8

package/package.json

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

@@ -830,6 +830,28 @@ async function createWebDashboard() {
         .detail-actions {
             display: flex;
             gap: 12px;
+            align-items: center;
+        }
+        
+        .export-format-select {
+            background: #21262d;
+            border: 1px solid #30363d;
+            color: #c9d1d9;
+            padding: 6px 12px;
+            border-radius: 4px;
+            font-family: inherit;
+            font-size: 0.875rem;
+            cursor: pointer;
+        }
+        
+        .export-format-select:focus {
+            outline: none;
+            border-color: #d57455;
+        }
+        
+        .export-format-select option {
+            background: #21262d;
+            color: #c9d1d9;
         }
         
         .btn {
@@ -1036,7 +1058,11 @@ async function createWebDashboard() {
                 <div class="detail-header">
                     <div class="detail-title" id="detailTitle">session details</div>
                     <div class="detail-actions">
-                        <button class="btn" onclick="exportSessionCSV()">export csv</button>
+                        <select id="exportFormat" class="export-format-select">
+                            <option value="csv">CSV</option>
+                            <option value="json">JSON</option>
+                        </select>
+                        <button class="btn" onclick="exportSession()">export</button>
                         <button class="btn btn-primary" onclick="refreshSessionDetail()">refresh</button>
                     </div>
                 </div>
@@ -1295,43 +1321,89 @@ async function createWebDashboard() {
             return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
         }
         
-        function exportSessionCSV() {
+        function exportSession() {
             if (!currentSession) return;
             
-            // Create CSV content
-            let csvContent = 'Session ID,Project,Message Count,Tokens,File Size,Created,Last Modified,Status\\n';
-            csvContent += \`"\${currentSession.id}","\${currentSession.project}",\${currentSession.messageCount},\${currentSession.tokens},\${currentSession.fileSize},"\${new Date(currentSession.created).toISOString()}","\${new Date(currentSession.lastModified).toISOString()}","\${currentSession.status}"\\n\\n\`;
-            
-            csvContent += 'Message #,Role,Content\\n';
+            const format = document.getElementById('exportFormat').value;
             
-            // Add conversation history if loaded
+            // Fetch conversation history and export
             fetch(\`/api/session/\${currentSession.id}\`)
                 .then(response => response.json())
                 .then(sessionData => {
-                    if (sessionData.messages) {
-                        sessionData.messages.forEach((message, index) => {
-                            const content = (message.content || 'no content').replace(/"/g, '""');
-                            csvContent += \`\${index + 1},"\${message.role}","\${content}"\\n\`;
-                        });
+                    if (format === 'csv') {
+                        exportSessionAsCSV(sessionData);
+                    } else if (format === 'json') {
+                        exportSessionAsJSON(sessionData);
                     }
-                    
-                    // Download CSV
-                    const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
-                    const link = document.createElement('a');
-                    const url = URL.createObjectURL(blob);
-                    link.setAttribute('href', url);
-                    link.setAttribute('download', \`claude-session-\${currentSession.id.substring(0, 8)}.csv\`);
-                    link.style.visibility = 'hidden';
-                    document.body.appendChild(link);
-                    link.click();
-                    document.body.removeChild(link);
                 })
                 .catch(error => {
-                    console.error('Failed to export CSV:', error);
-                    alert('Failed to export CSV. Please try again.');
+                    console.error(\`Failed to export \${format.toUpperCase()}:\`, error);
+                    alert(\`Failed to export \${format.toUpperCase()}. Please try again.\`);
                 });
         }
         
+        function exportSessionAsCSV(sessionData) {
+            // Create CSV content
+            let csvContent = 'Session ID,Project,Message Count,Tokens,File Size,Created,Last Modified,Conversation State,Status\\n';
+            csvContent += \`"\${currentSession.id}","\${currentSession.project}",\${currentSession.messageCount},\${currentSession.tokens},\${currentSession.fileSize},"\${new Date(currentSession.created).toISOString()}","\${new Date(currentSession.lastModified).toISOString()}","\${currentSession.conversationState}","\${currentSession.status}"\\n\\n\`;
+            
+            csvContent += 'Message #,Role,Timestamp,Content\\n';
+            
+            // Add conversation history
+            if (sessionData.messages) {
+                sessionData.messages.forEach((message, index) => {
+                    const content = (message.content || 'no content').replace(/"/g, '""');
+                    const timestamp = message.timestamp ? new Date(message.timestamp).toISOString() : 'unknown';
+                    csvContent += \`\${index + 1},"\${message.role}","\${timestamp}","\${content}"\\n\`;
+                });
+            }
+            
+            // Download CSV
+            const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
+            downloadFile(blob, \`claude-session-\${currentSession.id.substring(0, 8)}.csv\`);
+        }
+        
+        function exportSessionAsJSON(sessionData) {
+            // Create comprehensive JSON export
+            const exportData = {
+                session: {
+                    id: currentSession.id,
+                    filename: currentSession.filename,
+                    project: currentSession.project,
+                    messageCount: currentSession.messageCount,
+                    tokens: currentSession.tokens,
+                    fileSize: currentSession.fileSize,
+                    created: currentSession.created,
+                    lastModified: currentSession.lastModified,
+                    conversationState: currentSession.conversationState,
+                    status: currentSession.status
+                },
+                messages: sessionData.messages || [],
+                metadata: {
+                    exportedAt: new Date().toISOString(),
+                    exportFormat: 'json',
+                    toolVersion: '1.5.7'
+                }
+            };
+            
+            // Download JSON
+            const jsonString = JSON.stringify(exportData, null, 2);
+            const blob = new Blob([jsonString], { type: 'application/json;charset=utf-8;' });
+            downloadFile(blob, \`claude-session-\${currentSession.id.substring(0, 8)}.json\`);
+        }
+        
+        function downloadFile(blob, filename) {
+            const link = document.createElement('a');
+            const url = URL.createObjectURL(blob);
+            link.setAttribute('href', url);
+            link.setAttribute('download', filename);
+            link.style.visibility = 'hidden';
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            URL.revokeObjectURL(url);
+        }
+        
         function refreshSessionDetail() {
             if (currentSession) {
                 loadConversationHistory(currentSession);