fetcher-eventbus

Implement typed and ordered cross-tab event systems using BroadcastChannel and localStorage.

15|4|Updated Aug 23, 2025

Search Tags:#broadcast #cross-tab #eventbus #typed events #web messaging

Ready to run

npx skills add https://github.com/Ahoo-Wang/fetcher --skill fetcher-eventbus

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: fetcher-eventbus
Source: https://github.com/Ahoo-Wang/fetcher/tree/main/skills/fetcher-eventbus
Command: npx skills add https://github.com/Ahoo-Wang/fetcher --skill fetcher-eventbus

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Facilitates efficient event handling and communication between different parts of web applications, including cross-tab messaging and event broadcasting.

Core Features & Use Cases

Typed Event Buses: Supports serial, parallel, and broadcast event execution patterns for flexible event management.
Cross-Tab Communication: Uses BroadcastChannel or localStorage-based messengers to enable messaging between browser tabs.
Use Case: Coordinate real-time updates across multiple tabs when user data changes, ensuring consistency and synchronized behavior.

Quick Start

Set up a broadcast channel messenger for cross-tab messaging and send a message to other tabs.

Frequently Asked Questions about fetcher-eventbus

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I broadcast messages across browser tabs?▼

Cross-tab communication is handled by utilizing browser APIs like BroadcastChannel and localStorage to broadcast messages and exchange data between tabs, ensuring synchronized behavior across different parts of web applications.

Can I execute typed events in a specific order within a web application?▼

Typed event buses support serial, parallel, and broadcast event execution patterns, providing flexible and ordered event management for real-time communication within web applications.

What is the best way to synchronize user data updates across multiple tabs?▼

Synchronizing user data updates across tabs requires a cross-tab event system using messengers to coordinate real-time updates, ensuring data consistency and synchronized behavior when changes occur.

Does cross-tab messaging work with older browsers that lack modern APIs?▼

Cross-tab data exchange complies with modern browser standards by utilizing BroadcastChannel, but it also includes localStorage-based messengers to enable messaging in environments where newer APIs might be unavailable.

Why use a typed event bus for intra-tab event handling?▼

A typed event bus provides structured event management, allowing serial, parallel, and broadcast execution patterns to handle real-time communication safely and efficiently within a single browser tab.

When should I avoid using localStorage for cross-tab event broadcasting?▼

Cross-tab communication via localStorage should be avoided when strict security norms and high-frequency real-time messaging are required, as BroadcastChannel provides a more modern, standardized API for direct tab messaging.