Release v3.0: Settings, Dark Mode, and Export

🎉 Version 3.0 - Major Feature Release

This is a major update with highly requested features! v3.0 adds a full settings page, dark mode, export functionality, and lays the groundwork for future data sharing capabilities.

🌟 What's New

⚙️ Settings Page

Access via the gear icon in the popup, or right-click the extension → Options

• Dark Mode Toggle - Beautiful dark theme throughout the extension
• History Limit - Choose how many analyses to store (5, 10, 25, 50, 100, or unlimited)
• Notifications - Control desktop notifications for analysis completion
• Data Sharing - Opt-in for anonymous data sharing (UI ready, backend coming in v3.1)
• Export Settings - Download your preferences as JSON
• Reset to Defaults - One-click restoration of default settings

🌙 Dark Mode

• CSS variable-based theming system
• Smooth theme transitions
• Syncs automatically between popup and settings
• Persists your preference across sessions
• Works throughout the entire extension

📤 Export Functionality

After analyzing a page, export your results in 3 formats:

• JSON - Structured data perfect for developers and automation
• CSV - Import into Excel, Google Sheets, or any spreadsheet
• Markdown - Ready-to-paste documentation with formatting

Each export includes:

• URL and page title
• Timestamp
• Render type and confidence
• All detection indicators
• SSR/CSR scores
• Detected frameworks
• Performance metrics

🔒 Privacy-First Data Sharing (v3.1 Preview)

• Clear explanation of what data would be shared
• Fully GDPR-compliant UI
• Currently logs to console (actual backend in v3.1)
• Helps build a database of rendering patterns across the web

🎨 UI Improvements

• Settings Gear Icon - Easy access to options from the popup
• Export Buttons - Appear after analysis with clear labels
• Better Visual Hierarchy - Improved layout and spacing
• Theme Compatibility - All elements work in both light and dark mode
• Smooth Animations - Loading states adapt to your theme

🔧 Technical Details

Files Added:

• options.html - Full-featured settings page (320 lines)
• options.js - Settings management and persistence (125 lines)

Files Modified:

• manifest.json - Added options_page, version 3.0
• popup.html - New header with settings button, export buttons, dark mode support
• popup.js - Complete rewrite (433 lines) with dark mode, export, settings integration
• README.md - Updated features list for v3.0
• CHANGELOG.md - Comprehensive v3.0 entry

APIs Used:

• chrome.storage.sync - Settings persistence across devices
• chrome.runtime.sendMessage - Communication between pages
• Blob API - File downloads
• CSS Custom Properties - Theming system

📊 Statistics

• 7 files changed
• 1,029 additions
• 133 deletions
• 2 new files created

🚀 Getting Started

1. Update the extension from Chrome Web Store (or reload if installed locally)
2. Click the gear icon in the popup to access settings
3. Try dark mode - Toggle and see the instant theme switch
4. Analyze a page - Then click any export button to download results
5. Customize - Set your preferred history limit and notification settings

🔮 What's Next (v3.1)

• Backend API for anonymous data collection
• Public dashboard showing global rendering statistics
• Framework popularity trends
• URL lookup cache (see what others detected)

🐛 Bug Fixes

• Fixed error handling when settings page sends messages to closed popup
• Improved theme transition smoothness
• Better error messages for export failures

📦 Installation

Chrome Web Store: CSR vs SSR Detector

For Developers: Download chrome-ssr-csr-v3.0.zip below and load unpacked

🙏 Thank You

Thank you to everyone using and providing feedback on this extension! Your input directly shaped these features.

---

Full Changelog: https://github.com/dzienisz/chrome-ssr-csr/blob/main/CHANGELOG.md

Previous Release: v2.3 - Code Refactoring

Release v2.3: Internal Code Refactoring

🔧 Version 2.3 - Internal Code Refactoring

This release focuses on internal code improvements to make the codebase more maintainable and prepare for v3.0 features. No user-facing changes - the extension works exactly the same as v2.2!

🏗️ Architecture Improvements

Refactored monolithic analyzer.js (350+ lines) into modular architecture:

• src/core/ - Core functionality

  • config.js - Centralized configuration and scoring weights
  • analyzer.js - Main orchestrator coordinating all detectors
  • scoring.js - Classification and confidence calculation

• src/detectors/ - Specialized detection modules

  • content-detector.js - HTML content structure analysis
  • framework-detector.js - Framework and hydration detection
  • meta-detector.js - Meta tags and SEO analysis
  • performance-detector.js - Performance metrics analysis

• src/ui/components/ - UI rendering

  • results-renderer.js - Results display and formatting

All modules are bundled into src/analyzer-bundle.js for deployment.

🐛 Bug Fixes

• Fixed script injection guard to prevent redeclaration errors on repeated injections
• Improved error handling in module loading

📝 Version Updates

• Bumped version to 2.3 in manifest.json
• Updated popup footer to show v2.3
• Updated README.md version badge
• Added comprehensive CHANGELOG.md entry

🎯 Benefits

• Better maintainability - Each module has a single, clear responsibility
• Easier testing - Modules can be tested independently
• Faster feature development - Clean architecture for v3.0 features
• Better code organization - Easy to find and modify specific functionality

🚀 What's Next?

This refactoring prepares the codebase for v3.0 which will include:

• Settings page with customization options
• Dark mode support
• Export functionality (JSON, CSV, Markdown)
• Framework version detection (e.g., "React 18.2.0")
• Web Vitals metrics and recommendations

📦 Installation

Chrome Web Store: CSR vs SSR Detector

For Developers: Download chrome-ssr-csr-v2.3.zip and load unpacked in Chrome

🙏 Thank You

Thank you to everyone using this extension! Feedback and contributions are always welcome.

---

Full Changelog: https://github.com/dzienisz/chrome-ssr-csr/blob/main/CHANGELOG.md

v2.2 - Bug Fixes & Improvements

🐛 v2.2 - Bug Fixes & Improvements

Added

• Try-catch error handling in pageAnalyzer() function for better stability
• Additional React detection selectors for modern React 18+ applications
• Better error reporting with fallback analysis results
• MIT License file
• Comprehensive documentation (CHANGELOG.md, ROADMAP.md, enhanced README.md)

Fixed

• Critical: Function call argument order in popup.js:60 (history saving bug)
  • History now displays page titles instead of URLs
• React detection for applications without legacy [data-reactroot] attribute
• Privacy policy date correction (2025 → 2024)
• Improved error handling for DOM operations on restricted pages
• Icon display issues (converted WebP to PNG format)

Changed

• Enhanced README.md with better structure, badges, and detailed sections
• Updated documentation with clear installation, usage, and contributing guidelines
• Created promotional images for Chrome Web Store (3 sizes)
• PNG icons in 3 sizes (16px, 48px, 128px)

📚 Documentation

• New: CHANGELOG.md with version history
• New: ROADMAP.md with future features
• New: TESTING.md with comprehensive testing guide
• New: STORE_DESCRIPTION.md for Chrome Web Store
• Updated: README.md with professional structure

📦 Installation

Download chrome-ssr-csr-v2.2.zip below and load it as an unpacked extension in Chrome.

Or install from Chrome Web Store.

🔗 Links

• Full Changelog
• Development Roadmap
• v3.0 Development Plan
• Privacy Policy

---

What's Next: v3.0 planning with code refactor, UI revamp, and new features (export, Web Vitals, dark mode)

Release Date: October 14, 2024

v2.1 - UI Polish & Documentation

✨ v2.1 - Improvements

Added

• Privacy policy documentation
• Sequence diagram illustrating detection flow
• Improved UI with modern design system

Changed

• Enhanced detection algorithm with weighted scoring
• Better confidence calculation based on indicator count
• Improved visual feedback with confidence bars

Fixed

• Performance timing analysis edge cases
• History display formatting

Release Date: July 3, 2024

v2.0 - Major Redesign

🎉 v2.0 - Major Release

Added

• Complete UI/UX redesign with modern interface
• Enhanced analysis engine with more accurate detection
• History tracking feature (stores last 10 analyses)
• Performance metrics display (DOM ready time, FCP)
• Framework-specific detection for:
  • Next.js, Nuxt, Gatsby, Remix, SvelteKit
  • Astro, Qwik, SolidJS
  • Jekyll, Hugo, Eleventy, Hexo
• Detailed indicator display showing detection signals
• Visual confidence bars for analysis results
• Desktop notifications for analysis completion
• Help section explaining SSR vs CSR differences

Changed

• Migrated to Chrome Manifest V3
• Improved scoring algorithm with multiple weighted indicators:
  • HTML content analysis
  • Framework hydration markers
  • Serialized data detection
  • Meta tags and SEO analysis
  • Script analysis and code splitting patterns
  • Performance timing metrics
  • Client-side routing detection
  • Structured data presence
• Better classification with 5 render type categories:
  • Server-Side Rendered (SSR)
  • Client-Side Rendered (CSR)
  • Likely SSR with Hydration
  • Likely CSR/SPA
  • Hybrid/Mixed Rendering
• Enhanced UI with color-coded results
• Improved extension popup design

Fixed

• Validation rules for SSR and CSR detection
• Script injection reliability
• Performance on complex web applications

Release Date: May 26, 2024