Allows all browser tabs to be aware of other open tabs

Usage no npm install needed!

<script type="module">
  import afugginiTabsync from 'https://cdn.skypack.dev/@afuggini/tabsync';



GitHub license

Allows browser tabs to be aware of other open tabs.


Create a shared worker:

// worker.js
import { TabSyncWorker } from '@afuggini/tabsync';

new TabSyncWorker({ channelName: 'demo-project' });

Instance the TabSync class to communicate with the worker:

import TabSync from '@afuggini/tabsync';

new TabSync({
  // Same name as in the worker
  channelName: 'demo-project',

  // Unique ID for each tab
  id: randomId(),

  // How often to ping the worker to report tab is alive (defaults to 1000)
  pingInterval: 1000,

  // Path to the worker.js file created before
  workerPath: './worker.js',

  // Called every time a new tab is opened, including the current one (optional)
  onInit: (data) => {
    console.log(`Tab initialized:`, data);

  // Called when a tab is closed by the user (optional)
  onKill: (data) => {
    console.log(`Tab killed:`, data);

  // Called when the tab has crashed or closed unexpectedly (optional)
  onPrune: (data) => {
    console.log(`Tab pruned:`, data);


A demo implementation can be found in the /demo directory.

To run locally:

  1. Run yarn dev
  2. Open http://localhost:1234/index.html
  3. Open multiple tabs and inspect the Dev Tools console