Skip to content

v2.0.0 - Major UI Redesign and Rate Limiting System

Latest
Latest

Choose a tag to compare

View all tags
@clawfire clawfire released this 28 Jun 13:12
· 3 commits to main since this release
v2.0.0
f007f14
This commit was signed with the committer’s verified signature.
clawfire Thibault Milan
SSH Key Fingerprint: k8f+N3lUbwdwHm1ERk51YIf/OsbHsItqk9Of5d6MtBk
Verified
Learn about vigilant mode.

🎉 Webhook Manager v2.0.0 - Major Release

This is a major version release featuring a complete UI redesign, advanced rate limiting capabilities, and significant user experience improvements. This release transforms the Webhook Manager from a basic tool into a professional-grade Chrome extension.

✨ What's New

🎨 Complete UI Redesign

  • Modern card-based interface with professional design system
  • Tabbed navigation separating Webhooks and Settings for better organization
  • Enhanced typography with improved font hierarchy and consistent spacing
  • Responsive design optimized for 400x600px Chrome extension popup
  • Professional color scheme inspired by Microsoft Fluent Design
  • Enhanced accessibility with keyboard navigation and ARIA attributes

⚡ Rate Limiting & Queue System

  • Per-webhook rate limiting - Configure rate limits in seconds (0 = no limit)
  • Intelligent queueing system with independent queues per webhook
  • Real-time queue notifications with ⏳ emoji showing position and estimated wait time
  • Smart queue detection - Only shows notifications when items are actually queued
  • Configurable notification intervals (1-60 seconds) in Settings tab
  • Memory-efficient processing with automatic cleanup

🔧 Enhanced User Experience

  • Streamlined form workflow with collapsible "Add New Webhook" interface
  • Improved validation with inline error messages and success notifications
  • Enhanced button states with modern hover effects and visual feedback
  • Two-click deletion with clear confirmation workflow
  • Auto-focus management for better keyboard accessibility
  • Settings management interface ready for future feature expansion

🚀 Technical Improvements

  • Enhanced webhook testing with improved payload structure
  • Better error handling throughout the application
  • Performance optimizations for notification updates and queue processing
  • Modular architecture with separated concerns for maintainability
  • CSS custom properties for consistent theming and easy maintenance

🔄 Migration Notes

  • Automatic migration: Existing webhooks will be automatically updated to the new structure
  • No data loss: All your existing webhooks and settings are preserved
  • New defaults: Rate limiting defaults to 0 (no limit), notification interval defaults to 5 seconds
  • UI changes: The interface has been completely redesigned but all functionality remains the same

📦 Installation

For regular users, please install and update directly from Chrome Web Store

For New dev users:

  1. Download the extension files from this release
  2. Open Chrome and go to chrome://extensions/
  3. Enable "Developer Mode"
  4. Click "Load unpacked" and select the extension folder

For Existing dev users:

  1. Download and replace your existing extension files
  2. Reload the extension in chrome://extensions/
  3. Your webhooks and settings will be automatically migrated

📋 Full Changelog

Added

  • Complete interface redesign with modern card-based layout
  • Rate limiting system with configurable per-webhook limits
  • Intelligent queueing with real-time status notifications
  • Tabbed navigation interface (Webhooks | Settings)
  • Enhanced accessibility with keyboard navigation
  • Settings management system for configuration
  • Author attribution with external link
  • Comprehensive documentation (README, CHANGELOG)

Changed

  • Popup dimensions increased to 400x600px for better usability
  • Webhook storage structure updated to include rate limiting
  • Form workflow simplified with better visual feedback
  • Button styling modernized with hover states and transitions
  • Notification system redesigned with auto-dismissal
  • Test webhook functionality enhanced with better payloads

Fixed

  • Double scrollbar issue resolved with proper height management
  • Form state management improved to prevent JavaScript errors
  • Accessibility improvements with ARIA attributes

🎯 New Features in Action

Rate Limiting Example:

{
  "name": "My API Webhook",
  "url": "https://api.example.com/webhook",
  "rateLimit": 30
}

This webhook will queue requests and send them every 30 seconds

Enhanced Webhook Payload:

{
  "url": "https://example.com/article",
  "timestamp": "2024-06-28T15:30:45.123Z",
  "type": "page",
  "title": "Article Title",
  "description": "Article description",
  "keywords": "tech, programming",
  "favicon": "https://example.com/favicon.ico"
}

🔮 Coming Soon

While this release focuses on core improvements, future versions will include:

  • Webhook categories and tagging
  • Custom payload templates
  • Webhook health monitoring
  • Export/import functionality
  • Keyboard shortcuts

🙏 Acknowledgments

  • Font Awesome for beautiful icons
  • PureCSS for foundational styling
  • Claude Code (Anthropic) for AI-assisted development
  • ADHD developer community for hyperfocus superpowers 🚀

📞 Support

Full Diff

Download: See assets below ⬇️

Assets 3
Loading