Chat to HTML Converter v0.8.3

✨ 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

🔧 Enhanced Tool Command Display (v0.8.3)

• 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

🌐 Cross-Platform Compatibility (v0.6.8)

• 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

2. Chat Input File

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

1. Install the Extension

   • Search for "Chat to HTML Converter" by Nobukz in VS Code Marketplace
   • Click Install and reload VS Code

2. 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!

3. 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

⚙️ 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.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://vs-code-extension-auth-d82ee.web.app/

Made with ❤️ for the VS Code community