@react-remote-state/client 1.1.3 → 1.1.5

package/dist/index.d.mts

@@ -8,7 +8,7 @@ declare function getPlayer<GameCustom, PlayerCustom>(playerId?: string, game?: G
 } | undefined;
 declare function isHost<GameCustom, PlayerCustom>(playerId?: string, game?: Game<GameCustom, PlayerCustom>): boolean | undefined;
 type Reducer<GameCustom, PlayerCustom, Action> = (game: Game<GameCustom, PlayerCustom>, action: Action, playerId: string) => Game<GameCustom, PlayerCustom>;
-declare function useRemoteReducer<GameCustom, PlayerCustom, Action>(uri: string, reducer: Reducer<GameCustom, PlayerCustom, Action>, gameId?: string): [
+declare function useRemoteReducer<GameCustom, PlayerCustom, Action>(uri: string, reducer: Reducer<GameCustom, PlayerCustom, Action>, gameId?: string | null, storage?: Storage): [
     Game<GameCustom, PlayerCustom> | undefined,
     string | undefined,
     (action: Action) => void

package/dist/index.d.ts

@@ -8,7 +8,7 @@ declare function getPlayer<GameCustom, PlayerCustom>(playerId?: string, game?: G
 } | undefined;
 declare function isHost<GameCustom, PlayerCustom>(playerId?: string, game?: Game<GameCustom, PlayerCustom>): boolean | undefined;
 type Reducer<GameCustom, PlayerCustom, Action> = (game: Game<GameCustom, PlayerCustom>, action: Action, playerId: string) => Game<GameCustom, PlayerCustom>;
-declare function useRemoteReducer<GameCustom, PlayerCustom, Action>(uri: string, reducer: Reducer<GameCustom, PlayerCustom, Action>, gameId?: string): [
+declare function useRemoteReducer<GameCustom, PlayerCustom, Action>(uri: string, reducer: Reducer<GameCustom, PlayerCustom, Action>, gameId?: string | null, storage?: Storage): [
     Game<GameCustom, PlayerCustom> | undefined,
     string | undefined,
     (action: Action) => void

package/dist/index.js

@@ -5572,7 +5572,7 @@ function wrapReducer(reducer) {
     }
   };
 }
-function useRemoteReducer(uri, reducer, gameId) {
+function useRemoteReducer(uri, reducer, gameId, storage = sessionStorage) {
   let [meta, setMeta] = (0, import_react.useState)({
     isHostReady: false,
     isGuestReady: false
@@ -5585,7 +5585,9 @@ function useRemoteReducer(uri, reducer, gameId) {
   };
   (0, import_react.useEffect)(() => {
     if (!meta.client) {
-      meta.client = socket_default.connect(uri, { transports: ["websocket"] });
+      setMeta(__spreadProps(__spreadValues({}, meta), {
+        client: socket_default.connect(uri, { transports: ["websocket"] })
+      }));
     }
     if (!!meta.client) {
       if (!meta.isGuestReady) {
@@ -5596,7 +5598,7 @@ function useRemoteReducer(uri, reducer, gameId) {
             (_a = meta.client) == null ? void 0 : _a.emit("create");
           } else if (!!gameId) {
             let playerCache = (0, import_lodash.flow)(
-              () => !!gameId ? sessionStorage.getItem(gameId) : null,
+              () => !!gameId ? storage.getItem(gameId) : null,
               (cache) => !!cache ? JSON.parse(cache) : null
             )();
             if (!!playerCache) {
@@ -5614,12 +5616,12 @@ function useRemoteReducer(uri, reducer, gameId) {
         meta.client.on("assign", (assign) => {
           var _a, _b;
           setMeta(__spreadProps(__spreadValues({}, meta), { localPlayerId: assign.playerId }));
-          if (!!((_a = meta == null ? void 0 : meta.client) == null ? void 0 : _a.id) && !!(game == null ? void 0 : game.id)) {
+          if (!!((_a = meta == null ? void 0 : meta.client) == null ? void 0 : _a.id)) {
             let playerCache = {
               playerId: assign.playerId,
               socketId: (_b = meta.client) == null ? void 0 : _b.id
             };
-            sessionStorage.setItem(game.id, JSON.stringify(playerCache));
+            storage.setItem(assign.gameId, JSON.stringify(playerCache));
           }
         });
         meta.client.on(