tab-bridge 0.1.1 → 0.2.0

package/dist/react/index.js

@@ -1,5 +1,5 @@
-import { createTabSync } from '../chunk-42VOZR6E.js';
-import { createContext, useRef, useEffect, useCallback, useSyncExternalStore, useContext, useState } from 'react';
+import { createTabSync } from '../chunk-4JDWAUYM.js';
+import { createContext, useRef, useEffect, useCallback, useSyncExternalStore, useContext, useMemo, useState } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 var TabSyncContext = createContext(null);
@@ -125,14 +125,14 @@ function useTabSyncSelector(selector, isEqual) {
     initializedRef.current = true;
   }
   const subscribe = useCallback(
-    (onStoreChange) => instance.onChange(() => {
-      const next = selectorRef.current(instance.getAll());
-      const equal = isEqualRef.current ?? Object.is;
-      if (!equal(resultRef.current, next)) {
+    (onStoreChange) => instance.select(
+      (state) => selectorRef.current(state),
+      (next) => {
         resultRef.current = next;
         onStoreChange();
-      }
-    }),
+      },
+      { isEqual: isEqualRef.current }
+    ),
     [instance]
   );
   const getSnapshot = useCallback(() => resultRef.current, []);
@@ -163,5 +163,75 @@ function useIsLeader() {
   const getServerSnapshot = useCallback(() => SERVER_SNAPSHOT, []);
   return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
 }
+var SERVER_SNAPSHOT2 = [];
+function useTabs() {
+  const instance = useContext(TabSyncContext);
+  if (!instance) {
+    throw new Error("useTabs must be used within a <TabSyncProvider>");
+  }
+  const tabsRef = useRef(instance.getTabs());
+  const subscribe = useCallback(
+    (onStoreChange) => instance.onTabChange((tabs) => {
+      tabsRef.current = tabs;
+      onStoreChange();
+    }),
+    [instance]
+  );
+  const getSnapshot = useCallback(() => tabsRef.current, []);
+  const getServerSnapshot = useCallback(() => SERVER_SNAPSHOT2, []);
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+function useLeaderInfo() {
+  const instance = useContext(TabSyncContext);
+  if (!instance) {
+    throw new Error("useLeaderInfo must be used within a <TabSyncProvider>");
+  }
+  const leaderRef = useRef(instance.getLeader());
+  const subscribe = useCallback(
+    (onStoreChange) => {
+      const unsubs = [];
+      unsubs.push(
+        instance.onTabChange(() => {
+          const next = instance.getLeader();
+          if (next?.id !== leaderRef.current?.id) {
+            leaderRef.current = next;
+            onStoreChange();
+          }
+        })
+      );
+      unsubs.push(
+        instance.onLeader(() => {
+          leaderRef.current = instance.getLeader();
+          onStoreChange();
+          return () => {
+            leaderRef.current = instance.getLeader();
+            onStoreChange();
+          };
+        })
+      );
+      return () => {
+        for (const u of unsubs) u();
+      };
+    },
+    [instance]
+  );
+  const getSnapshot = useCallback(() => leaderRef.current, []);
+  const getServerSnapshot = useCallback(() => null, []);
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+function useTabSyncActions() {
+  const instance = useContext(TabSyncContext);
+  if (!instance) {
+    throw new Error("useTabSyncActions must be used within a <TabSyncProvider>");
+  }
+  return useMemo(
+    () => ({
+      set: instance.set.bind(instance),
+      patch: instance.patch.bind(instance),
+      transaction: instance.transaction.bind(instance)
+    }),
+    [instance]
+  );
+}
 
-export { TabSyncContext, TabSyncProvider, useIsLeader, useTabSync, useTabSyncSelector, useTabSyncValue };
+export { TabSyncContext, TabSyncProvider, useIsLeader, useLeaderInfo, useTabSync, useTabSyncActions, useTabSyncSelector, useTabSyncValue, useTabs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tab-bridge",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "Zero-dependency TypeScript library for real-time state synchronization across browser tabs, with leader election and cross-tab RPC",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -62,11 +62,11 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/serbi2012/tab-sync.git"
+    "url": "git+https://github.com/serbi2012/tab-bridge.git"
   },
-  "homepage": "https://github.com/serbi2012/tab-sync#readme",
+  "homepage": "https://github.com/serbi2012/tab-bridge#readme",
   "bugs": {
-    "url": "https://github.com/serbi2012/tab-sync/issues"
+    "url": "https://github.com/serbi2012/tab-bridge/issues"
   },
   "sideEffects": false,
   "peerDependencies": {
@@ -80,6 +80,7 @@
   "devDependencies": {
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
+    "@vitest/coverage-v8": "^2.1.9",
     "jsdom": "^25.0.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",