claude-code-log 0.2.2__tar.gz → 0.2.3__tar.gz

{claude_code_log-0.2.2 → claude_code_log-0.2.3}/.claude/settings.local.json

@@ -24,7 +24,11 @@
       "Bash(rg:*)",
       "Bash(act:*)",
       "Bash(just render-test-data:*)",
-      "Bash(find:*)"
+      "Bash(find:*)",
+      "Bash(open /tmp/test_output.html)",
+      "Bash(open /Users/dain/workspace/claude-code-log/scripts/style_guide_output/transcript_style_guide.html)",
+      "Bash(open /tmp/test_preview.html)",
+      "Bash(open /tmp/test_improved_preview.html)"
     ],
     "deny": []
   }

{claude_code_log-0.2.2 → claude_code_log-0.2.3}/CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to claude-code-log will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.2.3] - 2025-06-16
+
+### Changed
+
+- **Error handling**: Add more detailed error handling
+
 ## [0.2.2] - 2025-06-16
 
 ### Changed

{claude_code_log-0.2.2 → claude_code_log-0.2.3}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: claude-code-log
-Version: 0.2.2
+Version: 0.2.3
 Summary: Convert Claude Code transcript JSONL files to HTML
 Project-URL: Homepage, https://github.com/daaain/claude-code-log
 Project-URL: Issues, https://github.com/daaain/claude-code-log/issues
@@ -21,6 +21,8 @@ Description-Content-Type: text/markdown
 
 A Python CLI tool that converts Claude Code transcript JSONL files into readable HTML format.
 
+[claude_code_log.webm](https://github.com/user-attachments/assets/12d94faf-6901-4429-b4e6-ea5f102d0c1c)
+
 ## Project Overview
 
 📋 **[View Changelog](CHANGELOG.md)** - See what's new in each release
@@ -41,11 +43,10 @@ uvx claude-code-log --open-browser
 - **Single File or Directory Processing**: Convert individual JSONL files or specific directories
 - **Chronological Ordering**: All messages sorted by timestamp across sessions
 - **Session Demarcation**: Clear visual separators between different transcript sessions
-- **User-Focused**: Shows only user messages by default (assistant responses filtered out)
 - **Date Range Filtering**: Filter messages by date range using natural language (e.g., "today", "yesterday", "last week")
-- **Summary Support**: Display summary messages with highlighted formatting
+- **Summary Support**: Display summary messages matched with corresponding sessions
 - **System Command Visibility**: Show system commands (like `init`) in expandable details
-- **Markdown Rendering**: Automatic markdown rendering in message content using marked.js
+- **Markdown Rendering**: Automatic markdown rendering in assistant message content
 - **Project Navigation**: Master index page with project statistics and quick navigation
 - **Space-Efficient Layout**: Compact design optimized for content density
 - **CLI Interface**: Simple command-line tool using Click
@@ -116,7 +117,7 @@ The project uses:
 - dateparser for natural language date parsing
 - Standard library for JSON/HTML processing
 - Minimal dependencies for portability
-- marked.js (CDN) for client-side markdown rendering
+- mistune for quick Markdown rendering
 
 ## Development Commands
 
@@ -232,6 +233,7 @@ uv run claude-code-log
 
 ## TODO
 
-- Show top level stats on index page – token usage added up + time of last interaction
+- **Show top level stats on index page**: token usage added up + time of last interaction
 - **Tool Use Preview**: Show first few lines of tool use and other collapsed details
 - **In-page Filtering**: Client-side filtering and search
+- **Timeline view**: Show interaction on a timeline to get a better idea on timings and parallel calls

{claude_code_log-0.2.2 → claude_code_log-0.2.3}/README.md

@@ -2,6 +2,8 @@
 
 A Python CLI tool that converts Claude Code transcript JSONL files into readable HTML format.
 
+[claude_code_log.webm](https://github.com/user-attachments/assets/12d94faf-6901-4429-b4e6-ea5f102d0c1c)
+
 ## Project Overview
 
 📋 **[View Changelog](CHANGELOG.md)** - See what's new in each release
@@ -22,11 +24,10 @@ uvx claude-code-log --open-browser
 - **Single File or Directory Processing**: Convert individual JSONL files or specific directories
 - **Chronological Ordering**: All messages sorted by timestamp across sessions
 - **Session Demarcation**: Clear visual separators between different transcript sessions
-- **User-Focused**: Shows only user messages by default (assistant responses filtered out)
 - **Date Range Filtering**: Filter messages by date range using natural language (e.g., "today", "yesterday", "last week")
-- **Summary Support**: Display summary messages with highlighted formatting
+- **Summary Support**: Display summary messages matched with corresponding sessions
 - **System Command Visibility**: Show system commands (like `init`) in expandable details
-- **Markdown Rendering**: Automatic markdown rendering in message content using marked.js
+- **Markdown Rendering**: Automatic markdown rendering in assistant message content
 - **Project Navigation**: Master index page with project statistics and quick navigation
 - **Space-Efficient Layout**: Compact design optimized for content density
 - **CLI Interface**: Simple command-line tool using Click
@@ -97,7 +98,7 @@ The project uses:
 - dateparser for natural language date parsing
 - Standard library for JSON/HTML processing
 - Minimal dependencies for portability
-- marked.js (CDN) for client-side markdown rendering
+- mistune for quick Markdown rendering
 
 ## Development Commands
 
@@ -213,6 +214,7 @@ uv run claude-code-log
 
 ## TODO
 
-- Show top level stats on index page – token usage added up + time of last interaction
+- **Show top level stats on index page**: token usage added up + time of last interaction
 - **Tool Use Preview**: Show first few lines of tool use and other collapsed details
 - **In-page Filtering**: Client-side filtering and search
+- **Timeline view**: Show interaction on a timeline to get a better idea on timings and parallel calls

{claude_code_log-0.2.2 → claude_code_log-0.2.3}/claude_code_log/converter.py

@@ -2,6 +2,7 @@
 """Convert Claude transcript JSONL files to HTML."""
 
 from pathlib import Path
+import traceback
 from typing import List, Optional, Dict, Any
 
 from .parser import (
@@ -107,7 +108,11 @@ def process_projects_hierarchy(
                 }
             )
         except Exception as e:
-            print(f"Warning: Failed to process {project_dir}: {e}")
+            print(
+                f"Warning: Failed to process {project_dir}: {e}\n"
+                f"Previous (in alphabetical order) file before error: {project_summaries[-1]}\n"
+                f"Traceback:\n{traceback.format_exc()}"
+            )
             continue
 
     # Generate index HTML

{claude_code_log-0.2.2 → claude_code_log-0.2.3}/claude_code_log/models.py

@@ -215,32 +215,3 @@ def parse_transcript_entry(data: Dict[str, Any]) -> TranscriptEntry:
         return SummaryTranscriptEntry.model_validate(data)
     else:
         raise ValueError(f"Unknown transcript entry type: {entry_type}")
-
-
-def try_parse_transcript_entry(entry_dict: Dict[str, Any]) -> Optional[TranscriptEntry]:
-    """Try to parse a transcript entry, returning None if parsing fails."""
-    try:
-        return parse_transcript_entry(entry_dict)
-    except Exception:
-        return None
-
-
-def parse_transcript_entry_with_fallback(
-    entry_dict: Dict[str, Any],
-) -> Optional[TranscriptEntry]:
-    """
-    Try to parse a transcript entry against different Pydantic models.
-
-    This function attempts to parse the entry using each model type in order,
-    using proper content parsing to avoid Union validation errors.
-
-    Args:
-        entry_dict: Dictionary parsed from JSON
-
-    Returns:
-        The appropriate TranscriptEntry subclass, or None if parsing fails
-    """
-    try:
-        return parse_transcript_entry(entry_dict)
-    except Exception:
-        return None

{claude_code_log-0.2.2 → claude_code_log-0.2.3}/claude_code_log/parser.py

@@ -3,6 +3,7 @@
 
 import json
 from pathlib import Path
+import traceback
 from typing import List, Optional, Union, Dict
 from datetime import datetime
 import dateparser
@@ -109,7 +110,7 @@ def load_transcript(jsonl_path: Path) -> List[TranscriptEntry]:
             if line:
                 try:
                     entry_dict = json.loads(line)
-                    entry_type = entry_dict.get("type", "unknown")
+                    entry_type = entry_dict.get("type", "unknown, missing type")
 
                     if entry_type in ["user", "assistant", "summary"]:
                         # Parse using Pydantic models
@@ -121,7 +122,7 @@ def load_transcript(jsonl_path: Path) -> List[TranscriptEntry]:
                             unhandled_types.get(entry_type, 0) + 1
                         )
                 except json.JSONDecodeError as e:
-                    error_key = f"JSON decode error: {type(e).__name__}"
+                    error_key = f"JSON decode error: {str(e)}"
                     unique_errors[error_key] = unique_errors.get(error_key, 0) + 1
                 except ValueError as e:
                     # Extract a more descriptive error message
@@ -132,7 +133,7 @@ def load_transcript(jsonl_path: Path) -> List[TranscriptEntry]:
                         error_key = f"ValueError: {error_msg[:200]}..."
                     unique_errors[error_key] = unique_errors.get(error_key, 0) + 1
                 except Exception as e:
-                    error_key = f"Unexpected error: {type(e).__name__}"
+                    error_key = f"Unexpected error: {str(e)}\n{traceback.format_exc()}"
                     unique_errors[error_key] = unique_errors.get(error_key, 0) + 1
 
     # Print summary of errors if any occurred

{claude_code_log-0.2.2 → claude_code_log-0.2.3}/claude_code_log/renderer.py

@@ -37,6 +37,41 @@ def escape_html(text: str) -> str:
     return html.escape(text)
 
 
+def create_collapsible_details(
+    summary: str, content: str, css_classes: str = ""
+) -> str:
+    """Create a collapsible details element with consistent styling and preview functionality."""
+    class_attr = ' class="collapsible-details"'
+    wrapper_classes = f"tool-content{' ' + css_classes if css_classes else ''}"
+
+    # Extract first few lines for preview (up to ~3-5 lines, roughly 200 chars)
+    import re
+
+    # Remove HTML tags and get plain text for preview
+    plain_text = re.sub(r"<[^>]+>", "", content)
+    # Get first ~200 characters, break at word boundaries
+    preview_text = plain_text[:200]
+    if len(plain_text) > 200:
+        preview_text = preview_text.rsplit(" ", 1)[0] + "..."
+
+    # Render preview as markdown for better formatting
+    preview_html = render_markdown(preview_text)
+
+    return f"""
+    <div class="{wrapper_classes}">
+        <details{class_attr}>
+            <summary>
+                {summary}
+                <div class="preview-content">{preview_html}</div>
+            </summary>
+            <div class="details-content">
+                {content}
+            </div>
+        </details>
+    </div>
+    """
+
+
 def render_markdown(text: str) -> str:
     """Convert markdown text to HTML using mistune."""
     # Configure mistune with GitHub-flavored markdown features
@@ -172,18 +207,16 @@ def format_tool_use_content(tool_use: ToolUseContent) -> str:
     except (TypeError, ValueError):
         escaped_input = escape_html(str(tool_use.input))
 
-    return f"""
-    <div class="tool-content tool-use">
-        <details>
-            <summary><strong>🛠️ Tool Use:</strong> {escaped_name} (ID: {escaped_id})</summary>
-            <div class="tool-input">
-                <strong>Input:</strong>
-                <pre>{escaped_input}</pre>
-            </div>
-        </details>
-    </div>
+    summary = f"<strong>🛠️ Tool Use:</strong> {escaped_name} (ID: {escaped_id})"
+    content = f"""
+        <div class="tool-input">
+            <strong>Input:</strong>
+            <pre>{escaped_input}</pre>
+        </div>
     """
 
+    return create_collapsible_details(summary, content, "tool-use")
+
 
 def format_tool_result_content(tool_result: ToolResultContent) -> str:
     """Format tool result content as HTML."""
@@ -197,37 +230,27 @@ def format_tool_result_content(tool_result: ToolResultContent) -> str:
         content_parts: List[str] = []
         for item in tool_result.content:
             if item.get("type") == "text":
-                content_parts.append(item.get("text", ""))
+                text_value = item.get("text")
+                if isinstance(text_value, str):
+                    content_parts.append(text_value)
         escaped_content = escape_html("\n".join(content_parts))
 
     error_indicator = " (🚨 Error)" if tool_result.is_error else ""
 
-    return f"""
-    <div class="tool-content tool-result">
-        <details>
-            <summary><strong>🧰 Tool Result{error_indicator}:</strong> {escaped_id}</summary>
-            <div class="tool-input">
-                <pre>{escaped_content}</pre>
-            </div>
-        </details>
-    </div>
-    """
+    summary = f"<strong>🧰 Tool Result{error_indicator}:</strong> {escaped_id}"
+    content = f'<div class="tool-input"><pre>{escaped_content}</pre></div>'
+
+    return create_collapsible_details(summary, content, "tool-result")
 
 
 def format_thinking_content(thinking: ThinkingContent) -> str:
     """Format thinking content as HTML."""
     escaped_thinking = escape_html(thinking.thinking)
 
-    return f"""
-    <div class="tool-content thinking-content">
-        <details>
-            <summary><strong>💭 Thinking</strong></summary>
-            <div class="thinking-text">
-                <pre>{escaped_thinking}</pre>
-            </div>
-        </details>
-    </div>
-    """
+    summary = "<strong>💭 Thinking</strong>"
+    content = f'<div class="thinking-text"><pre>{escaped_thinking}</pre></div>'
+
+    return create_collapsible_details(summary, content, "thinking-content")
 
 
 def format_image_content(image: ImageContent) -> str:
@@ -595,9 +618,11 @@ def generate_html(messages: List[TranscriptEntry], title: Optional[str] = None)
             if command_args:
                 content_parts.append(f"<strong>Args:</strong> {escaped_command_args}")
             if command_contents:
-                content_parts.append(
-                    f"<details><summary>Content</summary><div class='content'>{escaped_command_contents}</div></details>"
+                details_content = (
+                    f"<div class='content'>{escaped_command_contents}</div>"
                 )
+                details_html = create_collapsible_details("Content", details_content)
+                content_parts.append(details_html)
 
             content_html = "<br>".join(content_parts)
             message_type = "system"

{claude_code_log-0.2.2 → claude_code_log-0.2.3}/claude_code_log/templates/transcript.html

@@ -60,6 +60,86 @@
             margin-bottom: 8px;
         }
 
+        /* Collapsible details preview functionality */
+        .collapsible-details {
+            position: relative;
+        }
+
+        .collapsible-details summary {
+            position: relative;
+            cursor: pointer;
+        }
+
+        /* Preview content styling - shown when closed */
+        .collapsible-details:not([open]) .preview-content {
+            display: block;
+            margin-top: 8px;
+            padding: 6px 8px;
+            background-color: rgba(255, 255, 255, 0.3);
+            border-radius: 3px;
+            font-size: 0.9em;
+            font-weight: normal;
+            color: #555;
+            line-height: 1.3;
+            white-space: pre-wrap;
+            word-wrap: break-word;
+            position: relative;
+            max-height: 4em;
+            overflow: hidden;
+        }
+
+        /* Add subtle fade effect to preview content */
+        .collapsible-details:not([open]) .preview-content::after {
+            content: "";
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            height: 1em;
+            background: linear-gradient(transparent, rgba(255, 255, 255, 0.3));
+            pointer-events: none;
+        }
+
+        /* Hide preview content when details is open */
+        .collapsible-details[open] .preview-content {
+            display: none;
+        }
+
+        /* Style the full details content to match preview */
+        .collapsible-details .details-content {
+            margin-top: 8px;
+            padding: 6px 8px;
+            background-color: rgba(255, 255, 255, 0.3);
+            border-radius: 3px;
+            font-size: 0.9em;
+            font-weight: normal;
+            color: #555;
+            line-height: 1.3;
+        }
+
+        /* Hide details content when closed */
+        .collapsible-details:not([open]) .details-content {
+            display: none;
+        }
+
+        /* Remove extra styling from nested elements */
+        .collapsible-details .details-content .tool-input {
+            background-color: transparent;
+            border: none;
+            box-shadow: none;
+            padding: 0;
+            margin: 0;
+        }
+
+        .collapsible-details .details-content pre {
+            background-color: transparent;
+            padding: 0;
+            margin: 0;
+            font-family: inherit;
+            font-size: inherit;
+            color: inherit;
+        }
+
         .tool-content {
             background-color: #f8f9fa66;
             border-radius: 4px;

{claude_code_log-0.2.2 → claude_code_log-0.2.3}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "claude-code-log"
-version = "0.2.2"
+version = "0.2.3"
 description = "Convert Claude Code transcript JSONL files to HTML"
 readme = "README.md"
 requires-python = ">=3.12"
@@ -95,4 +95,5 @@ dev = [
     "ruff>=0.11.2",
     "pytest-xdist>=3.6.1",
     "pyright>=1.1.350",
+    "vulture>=2.14",
 ]

{claude_code_log-0.2.2 → claude_code_log-0.2.3}/scripts/style_guide_output/index_style_guide.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang='en'>
+
 <head>
     <meta charset='UTF-8'>
     <meta name='viewport' content='width=device-width, initial-scale=1.0'>
@@ -11,43 +12,54 @@
             max-width: 1200px;
             margin: 0 auto;
             padding: 20px;
-            background-color: #fafafa;
+            background: linear-gradient(90deg, #f3d6d2, #f1dcce, #f0e4ca, #eeecc7, #e3ecc3, #d5eac0, #c6e8bd, #b9e6bc, #b6e3c5, #b3e1cf);
             color: #333;
         }
+
         h1 {
             text-align: center;
             color: #2c3e50;
             margin-bottom: 30px;
             font-size: 2em;
         }
+
         .project-list {
             display: grid;
             gap: 15px;
         }
+
         .project-card {
-            background: white;
+            background-color: #ffffff66;
             border-radius: 8px;
             padding: 20px;
-            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-            border-left: 4px solid #2196f3;
+            box-shadow: -7px -7px 10px #eeeeee44, 7px 7px 10px #00000011;
+            border-left: #ffffff66 1px solid;
+            border-top: #ffffff66 1px solid;
+            border-bottom: #00000017 1px solid;
+            border-right: #00000017 1px solid;
         }
+
         .project-card:hover {
-            box-shadow: 0 4px 8px rgba(0,0,0,0.15);
+            box-shadow: -10px -10px 15px #eeeeee66, 10px 10px 15px #00000022;
             transform: translateY(-1px);
             transition: all 0.2s ease;
         }
+
         .project-name {
             font-size: 1.2em;
             font-weight: 600;
             margin-bottom: 10px;
         }
+
         .project-name a {
             text-decoration: none;
             color: #2196f3;
         }
+
         .project-name a:hover {
             text-decoration: underline;
         }
+
         .project-stats {
             color: #666;
             font-size: 0.9em;
@@ -55,42 +67,53 @@
             gap: 20px;
             flex-wrap: wrap;
         }
+
         .stat {
             display: flex;
             align-items: center;
             gap: 5px;
         }
+
         .summary {
             text-align: center;
             margin-bottom: 30px;
             padding: 15px;
-            background: white;
+            background-color: #ffffff66;
             border-radius: 8px;
-            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+            box-shadow: -7px -7px 10px #eeeeee44, 7px 7px 10px #00000011;
+            border-left: #ffffff66 1px solid;
+            border-top: #ffffff66 1px solid;
+            border-bottom: #00000017 1px solid;
+            border-right: #00000017 1px solid;
         }
+
         .summary-stats {
             display: flex;
             justify-content: center;
             gap: 30px;
             flex-wrap: wrap;
         }
+
         .summary-stat {
             text-align: center;
         }
+
         .summary-stat .number {
             font-size: 1.5em;
             font-weight: 600;
             color: #2196f3;
         }
+
         .summary-stat .label {
             color: #666;
             font-size: 0.9em;
         }
     </style>
 </head>
+
 <body>
     <h1>Claude Code Projects (from last week to today)</h1>
-    
+
     <div class='summary'>
         <div class='summary-stats'>
             <div class='summary-stat'>
@@ -107,53 +130,54 @@
             </div>
         </div>
     </div>
-    
+
     <div class='project-list'>
         
-            <div class='project-card'>
-                <div class='project-name'>
-                    <a href='-org-internal-tools-automation/combined_transcripts.html'>org/internal/tools/automation</a>
-                </div>
-                <div class='project-stats'>
-                    <div class='stat'>📁 12 transcript files</div>
-                    <div class='stat'>💬 445 messages</div>
-                    <div class='stat'>🕒 2023-11-15 19:03</div>
-                </div>
+        <div class='project-card'>
+            <div class='project-name'>
+                <a href='-org-internal-tools-automation/combined_transcripts.html'>org/internal/tools/automation</a>
             </div>
+            <div class='project-stats'>
+                <div class='stat'>📁 12 transcript files</div>
+                <div class='stat'>💬 445 messages</div>
+                <div class='stat'>🕒 2023-11-15 19:03</div>
+            </div>
+        </div>
         
-            <div class='project-card'>
-                <div class='project-name'>
-                    <a href='-user-workspace-my-web-app/combined_transcripts.html'>user/workspace/my/web/app</a>
-                </div>
-                <div class='project-stats'>
-                    <div class='stat'>📁 8 transcript files</div>
-                    <div class='stat'>💬 203 messages</div>
-                    <div class='stat'>🕒 2023-11-15 12:06</div>
-                </div>
+        <div class='project-card'>
+            <div class='project-name'>
+                <a href='-user-workspace-my-web-app/combined_transcripts.html'>user/workspace/my/web/app</a>
             </div>
+            <div class='project-stats'>
+                <div class='stat'>📁 8 transcript files</div>
+                <div class='stat'>💬 203 messages</div>
+                <div class='stat'>🕒 2023-11-15 12:06</div>
+            </div>
+        </div>
         
-            <div class='project-card'>
-                <div class='project-name'>
-                    <a href='data-analysis-project/combined_transcripts.html'>data-analysis-project</a>
-                </div>
-                <div class='project-stats'>
-                    <div class='stat'>📁 3 transcript files</div>
-                    <div class='stat'>💬 89 messages</div>
-                    <div class='stat'>🕒 2023-11-15 05:10</div>
-                </div>
+        <div class='project-card'>
+            <div class='project-name'>
+                <a href='data-analysis-project/combined_transcripts.html'>data-analysis-project</a>
             </div>
+            <div class='project-stats'>
+                <div class='stat'>📁 3 transcript files</div>
+                <div class='stat'>💬 89 messages</div>
+                <div class='stat'>🕒 2023-11-15 05:10</div>
+            </div>
+        </div>
         
-            <div class='project-card'>
-                <div class='project-name'>
-                    <a href='claude-code-assistant/combined_transcripts.html'>claude-code-assistant</a>
-                </div>
-                <div class='project-stats'>
-                    <div class='stat'>📁 5 transcript files</div>
-                    <div class='stat'>💬 127 messages</div>
-                    <div class='stat'>🕒 2023-11-14 22:13</div>
-                </div>
+        <div class='project-card'>
+            <div class='project-name'>
+                <a href='claude-code-assistant/combined_transcripts.html'>claude-code-assistant</a>
             </div>
+            <div class='project-stats'>
+                <div class='stat'>📁 5 transcript files</div>
+                <div class='stat'>💬 127 messages</div>
+                <div class='stat'>🕒 2023-11-14 22:13</div>
+            </div>
+        </div>
         
     </div>
 </body>
+
 </html>