state-syncReliable state synchronization between windows/processes

import { createRevisionSync } from '@statesync/core';
import { createZustandSnapshotApplier } from '@statesync/zustand';

// 1. Listen for "state changed" events from other tabs
const channel = new BroadcastChannel('my-sync');
const subscriber = {
  async subscribe(handler) {
    channel.onmessage = (e) => handler(e.data);
    return () => channel.close();
  },
};

// 2. Fetch current state
const provider = {
  async getSnapshot() {
    const raw = localStorage.getItem('my-state');
    return raw ? JSON.parse(raw) : { revision: '0', data: {} };
  },
};

// 3. Wire it together
const sync = createRevisionSync({
  topic: 'my-state',
  subscriber,
  provider,
  applier: createZustandSnapshotApplier(useMyStore),
});

await sync.start();