✨ Professional VS Code Extension for GitHub Copilot Chat Export
Convert your GitHub Copilot chat sessions into beautiful, readable HTML reports with enhanced cross-platform compatibility, comprehensive notification control, advanced license management, comprehensive error handling, and seamless user experience.
🎥 Extension Demo
Watch the Chat to HTML Converter in action - from chat export to beautiful HTML output
✨ Key Features
- Terminal Command Visibility: Displays actual commands sent to terminal by Copilot
- Command Explanation: Shows the explanation/purpose of each command execution
- Compact Design: Optimized vertical spacing for better readability (60-70% space reduction)
- Smart Label Hiding: Hides redundant "TEXT" labels for cleaner output
- Improved CSS Styling: Smaller fonts, tighter margins, and better visual hierarchy
- Debug Support: Built-in debugging for troubleshooting tool invocation issues
- Universal File Recognition: Fixed chat.json recognition issues across different Windows PCs
- Multi-Encoding Support: Automatic detection of UTF-8, UTF-16LE, and Latin1 file encodings
- Robust Path Handling: Enhanced path processing for OneDrive, local accounts, and network drives
- Troubleshooting Tools: Built-in diagnostic command for quick issue resolution
- Enhanced Error Messages: Detailed, actionable error information for better user guidance
🎨 Visual Identity (v0.6.8)
- Custom Extension Icon: Beautiful visual branding with professional design
- Enhanced User Interface: Improved visual elements and user experience
- Professional Screenshots: Complete visual documentation for better understanding
- Optimized Package: Streamlined download size for faster installation
🔐 Firebase License Management
- Trial System: 30-day trial period with 10-use limit
- License Activation: Easy license key input and validation
- Usage Tracking: Automatic usage monitoring and analytics
- Online/Offline Support: Works with or without internet connection
🔔 Comprehensive Notification Control (v0.6.8)
- Disable All Notifications: Complete notification control with global disable setting
- 24+ Notification Points: Centralized control over all extension notifications
- Granular Control: Individual control for startup and other notification types
- Silent Mode: Perfect for focused development sessions without interruptions
- Flexible Settings: Easy toggle in VS Code settings with instant effect
🚀 Smart Export System
- Automatic Timestamped Filenames: Exports saved as
chat_YYYYMMDDHHMMSS.json
- Post-Save Auto-Rename: Automatically detects and renames exported files
- Overwrite Prevention: Removes original "chat.json" files automatically
- Zero User Intervention: No manual renaming or overwrite dialogs
⭐ Core Features
- One-Click Export: Press
Ctrl+Shift+E for instant chat export
- Beautiful HTML Output: Professional styling with statistics and tool tracking
- Multi-Folder Monitoring: Configure multiple search folders
- Automatic Folder Creation: Creates and manages aichat folder for organized storage
- Real-Time Processing: Instant HTML generation and browser preview
📸 Screenshots
1. Main Extension Interface
The main VS Code interface showing the Chat to HTML Converter extension in action
Example of a chat file ready for conversion to HTML format
3. Generated HTML Output
The clean, well-formatted HTML code generated by the extension
4. Beautiful HTML Display
The final HTML output displayed in a web browser with professional styling
5. Extension Settings & Configuration
Configuration options and settings panel for customizing the extension
🚀 Quick Start
Install the Extension
- Search for "Chat to HTML Converter" by Nobukz in VS Code Marketplace
- Click Install and reload VS Code
Start Using
- Press
Ctrl+Shift+E or click the status bar button
- Select "🔍 Try Auto Export"
- Choose your export location
- Let the extension handle everything automatically!
License Management
- Start with 30-day trial (10 uses)
- Check license status:
Ctrl+Shift+P → "Chat Converter: Show License Status"
- Activate license:
Ctrl+Shift+P → "Chat Converter: Activate License"
📋 Available Commands
| Command |
Description |
Shortcut |
| Export Chat to HTML |
Main export function |
Ctrl+Shift+E |
| Show License Status |
Check current license status |
- |
| Activate License |
Enter license key |
- |
| Convert JSON to HTML |
Convert existing JSON files |
- |
| Open Settings |
Extension configuration |
- |
| Show Help |
Display help information |
- |
⚙️ Settings
🔔 Notification Settings
- Disable All Notifications: Turn off all extension notifications for distraction-free coding
- Show Startup Notification: Control the welcome message when extension activates
- Silent Mode: Perfect for presentations or focused development sessions
License Management
This extension includes a sophisticated Firebase-based license management system:
- Trial Period: 30 days with 10 export operations
- Usage Tracking: Automatic monitoring of export operations
- License Activation: Simple license key input process
- Offline Support: Basic functionality available without internet
📝 Version History
v0.9.1 (2026-01-18)
Bug Fixes & HTML Generation Improvements
- 🐛 FIXED: JSON File Conversion from Non-Default Folders
- Fixed error when selecting JSON files outside the default folder (
C:\Users\...\Downloads\aichat)
- Added fallback mechanism for HTML file saving when write permission is denied
- Fallback save locations: aichat folder → Downloads/aichat → Downloads → Desktop → Home directory
- Added warning notification when fallback save location is used
- Enhanced path normalization for cross-platform compatibility
- 🐛 FIXED: BOM (Byte Order Mark) Handling
- Added automatic BOM removal for UTF-8 files with BOM
- Prevents JSON parsing errors caused by BOM characters
- 🐛 FIXED: Inline Reference Display in HTML Output
- Fixed issue where file references (e.g.,
extension.js#L1724-L1736) were missing in converted HTML
- Improved
processResponseItems to properly concatenate text and inlineReference items
- File references now display correctly with
file-reference styling
- ✨ NEW: Markdown Link Support
- Added support for
[text](https://asame.angry.jp/url) format links in chat content
- HTTP/HTTPS links are converted to clickable anchor tags
- Local file paths are displayed with code-style formatting
- 🎨 IMPROVED: CSS Styling
- Added
.file-reference class with blue gradient background for file path display
- Added
.markdown-link class for external link styling
- Enhanced visual distinction between inline code and file references
v0.9.0 (2026-01-11)
Inline Code Reference Support & File Path Enhancement
- ✨ NEW: Inline Reference Processing
- Added support for
inlineReference objects in chat history
- Properly displays code references (e.g.,
toolMessage, filePath, HTMLGenerator) that were previously missing
- Combines inline references with surrounding text for seamless display
- ✨ NEW: Inline Code Markdown Support
- Added backtick (`) inline code conversion to
<code class="inline-code"> tags
- Styled inline code with background, monospace font, and proper spacing
- Applied to all text outputs including tool messages and explanations
- 🐛 FIXED: "Unknown file" Display Issue
- Enhanced
processReadFileOperation with 3-tier file path extraction:
metadata.toolCallRounds → arguments JSON parsing (highest priority)invocationMessage.uris → fsPath or path extractioninvocationMessage.value → regex fallback for file:/// and file://host/ formats
- Now correctly displays actual filenames instead of "Unknown file"
- Properly extracts
startLine and endLine for line range display
- 🎨 IMPROVED: CSS Styling
- Added
.inline-code class with background color, border-radius, and monospace font
- Consistent styling across all inline code elements
v0.8.3 (2025-11-16)
Enhanced Tool Command Display & UI Optimization
- ✨ NEW: Terminal command visualization in HTML output
- Displays actual commands sent to terminal (e.g.,
echo "Test command")
- Shows command explanations for better context
- Extracts commands from
toolSpecificData.commandLine.original
- Retrieves explanations from
metadata.toolCallRounds
- 🎨 IMPROVED: Compact and clean HTML output
- Reduced vertical spacing by 60-70% for better readability
- Code block margins: 16px → 4px
- Code block padding: 16px → 8px 12px
- Language label padding: 8px 16px → 4px 10px
- Font sizes optimized (14px → 13px for code, 12px → 11px for labels)
- 🐛 FIXED: Hidden "TEXT" labels for default language code blocks
- Only shows language labels for non-text code blocks (javascript, python, etc.)
- Cleaner visual presentation without redundant labels
- 🔧 TECHNICAL: Enhanced data extraction
- Updated
extractCommand() to support new VS Code export format
- Added metadata-based explanation extraction
- Improved tool invocation processing with
toolCallId matching
v0.6.8 (Previous Release)
- Cross-platform compatibility improvements
- Custom extension icon and visual identity
- Comprehensive notification control system
- Enhanced error handling and troubleshooting tools
📄 License
MIT License - see LICENSE.txt for details.
🌐 Official Website
Visit our official website for more information: https://nobukz-official-website-ves6.vercel.app/
Made with ❤️ for the VS Code community
