use-everywhere 0.2.0 → 0.4.0

package/dist/index.js

@@ -1,52 +1,17 @@
-// src/use-shared-state.ts
-import { useCallback, useSyncExternalStore } from "react";
-
-// src/registry.ts
+'use client';
 import {
-  createChannel,
-  createPresence,
-  createSharedStore,
-  NoopTransport
-} from "@use-everywhere/core";
-var DEFAULT_NAME = "use-everywhere";
-var stores = /* @__PURE__ */ new Map();
-var presences = /* @__PURE__ */ new Map();
-var channels = /* @__PURE__ */ new Map();
-var scopeOptions = {
-  everywhere: {},
-  tabs: { accept: (meta) => meta.kind !== "worker" },
-  tab: { transport: () => new NoopTransport() }
-};
-function getSharedStore(name = DEFAULT_NAME, scope = "everywhere") {
-  return getStore(name, scope);
-}
-function getStore(name, scope = "everywhere") {
-  const key = `${scope}\0${name}`;
-  let store = stores.get(key);
-  if (!store) {
-    store = createSharedStore(name, {}, scopeOptions[scope]);
-    stores.set(key, store);
-  }
-  return store;
-}
-function getPresence(name) {
-  let presence = presences.get(name);
-  if (!presence) {
-    presence = createPresence(name);
-    presences.set(name, presence);
-  }
-  return presence;
-}
-function getChannel(name) {
-  let channel = channels.get(name);
-  if (!channel) {
-    channel = createChannel(name);
-    channels.set(name, channel);
-  }
-  return channel;
-}
+  DEFAULT_NAME,
+  configureStore,
+  getChannel,
+  getLeader,
+  getSharedStore,
+  getStore,
+  useClientId,
+  usePeers
+} from "./chunk-PNFJW7QK.js";
 
 // src/use-shared-state.ts
+import { useCallback, useSyncExternalStore } from "react";
 function useSharedState(key, initial, options) {
   const store = getStore(options?.store ?? DEFAULT_NAME, options?.scope ?? "everywhere");
   store.registerKey(key, initial);
@@ -92,30 +57,64 @@ function defineChannel(name) {
   };
 }
 
-// src/use-peers.ts
-import { useCallback as useCallback2, useSyncExternalStore as useSyncExternalStore2 } from "react";
-var NO_PEERS = Object.freeze([]);
-function usePeers(options) {
-  const presence = getPresence(options?.name ?? DEFAULT_NAME);
+// src/define-store.ts
+function defineStore(name, options = {}) {
+  const scope = options.scope ?? "everywhere";
+  if (options.persist) {
+    configureStore(name, scope, {
+      persist: {
+        adapter: options.persist,
+        ...options.persistKeys ? { keys: options.persistKeys } : {},
+        ...options.persistDebounceMs === void 0 ? {} : { debounceMs: options.persistDebounceMs }
+      }
+    });
+  }
+  return {
+    get: () => getStore(name, scope),
+    useSharedState: (key, initial) => useSharedState(key, initial, { store: name, scope })
+  };
+}
+
+// src/use-leader.ts
+import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useSyncExternalStore as useSyncExternalStore2 } from "react";
+var NO_LEADER = Object.freeze({ leaderId: null, isLeader: false });
+function useLeader(options) {
+  const leader = getLeader(options?.name ?? DEFAULT_NAME, options);
+  const eligible = options?.eligible;
+  useEffect2(() => {
+    if (eligible === void 0) return;
+    leader.setEligible(eligible);
+  }, [leader, eligible]);
   return useSyncExternalStore2(
-    useCallback2((onChange) => presence.subscribe(onChange), [presence]),
-    () => presence.getPeers(),
-    () => NO_PEERS
+    useCallback2((onChange) => leader.subscribe(onChange), [leader]),
+    () => leader.getSnapshot(),
+    () => NO_LEADER
   );
 }
-function useClientId(options) {
-  return getPresence(options?.name ?? DEFAULT_NAME).clientId;
+function useIsLeader(options) {
+  return useLeader(options).isLeader;
+}
+function useLeaderEffect(effect, options) {
+  const { isLeader } = useLeader(options);
+  const effectRef = useRef2(effect);
+  useEffect2(() => {
+    effectRef.current = effect;
+  });
+  useEffect2(() => {
+    if (!isLeader) return;
+    return effectRef.current();
+  }, [isLeader]);
 }
 
 // src/use-opened-window.ts
-import { useCallback as useCallback3, useRef as useRef2, useState } from "react";
+import { useCallback as useCallback3, useRef as useRef3, useState } from "react";
 import { WindowClosedError } from "@use-everywhere/core";
 function useOpenedWindow(factory) {
   const [status, setStatus] = useState("idle");
   const [result, setResult] = useState(void 0);
   const [error, setError] = useState(void 0);
-  const current = useRef2(null);
-  const factoryRef = useRef2(factory);
+  const current = useRef3(null);
+  const factoryRef = useRef3(factory);
   factoryRef.current = factory;
   const open = useCallback3(() => {
     current.current?.close();
@@ -165,9 +164,14 @@ export * from "@use-everywhere/core";
 export {
   DEFAULT_NAME,
   defineChannel,
+  defineStore,
+  getLeader,
   getSharedStore,
   useChannel,
   useClientId,
+  useIsLeader,
+  useLeader,
+  useLeaderEffect,
   useMessage,
   useOpenedWindow,
   usePeers,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "use-everywhere",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "React hooks for state and messages shared across tabs, windows, and workers",
   "license": "MIT",
   "author": "Jonatan Kruszewski <jonakrusze@gmail.com>",
@@ -26,12 +26,29 @@
   },
   "type": "module",
   "sideEffects": false,
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./devtools": {
+      "import": {
+        "types": "./dist/devtools/index.d.ts",
+        "default": "./dist/devtools/index.js"
+      },
+      "require": {
+        "types": "./dist/devtools/index.d.cts",
+        "default": "./dist/devtools/index.cjs"
+      }
     }
   },
   "files": [
@@ -42,13 +59,13 @@
       "name": "everything (import *)",
       "path": "dist/index.js",
       "import": "*",
-      "limit": "4.2 kB"
+      "limit": "5.4 kB"
     },
     {
       "name": "useSharedState",
       "path": "dist/index.js",
       "import": "{ useSharedState }",
-      "limit": "1.5 kB"
+      "limit": "1.8 kB"
     },
     {
       "name": "useChannel + useMessage + useSend",
@@ -67,28 +84,53 @@
       "path": "dist/index.js",
       "import": "{ useOpenedWindow, openWindow }",
       "limit": "1.4 kB"
+    },
+    {
+      "name": "useLeader + useLeaderEffect",
+      "path": "dist/index.js",
+      "import": "{ useLeader, useLeaderEffect }",
+      "limit": "1.8 kB"
+    },
+    {
+      "name": "defineStore (persisted)",
+      "path": "dist/index.js",
+      "import": "{ defineStore, localStorageAdapter }",
+      "limit": "2.3 kB"
+    },
+    {
+      "name": "Inspector (devtools subpath)",
+      "path": "dist/devtools/index.js",
+      "import": "{ Inspector }",
+      "limit": "5 kB"
     }
   ],
   "dependencies": {
-    "@use-everywhere/core": "0.2.0"
+    "@use-everywhere/core": "0.4.0"
   },
   "peerDependencies": {
     "react": ">=18"
   },
   "devDependencies": {
-    "@size-limit/preset-small-lib": "^12.1.0",
-    "@testing-library/react": "^16.3.0",
-    "@types/react": "^19.1.8",
+    "@size-limit/preset-small-lib": "^13.0.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "@vitest/coverage-v8": "^4.1.10",
-    "happy-dom": "^20.10.6",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "size-limit": "^12.1.0",
-    "tsup": "^8.5.0",
-    "typescript": "^5.8.3",
+    "happy-dom": "^20.11.1",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "size-limit": "^13.0.1",
+    "tsup": "^8.5.1",
+    "typescript": "^6.0.3",
     "vitest": "^4.1.10"
   },
+  "typesVersions": {
+    "*": {
+      "devtools": [
+        "./dist/devtools/index.d.ts"
+      ]
+    }
+  },
   "scripts": {
     "build": "tsup",
     "test": "vitest run --coverage",