@react-remote-state/client 1.1.5 → 1.1.8

package/dist/index.mjs

@@ -1823,7 +1823,7 @@ var require_lodash = __commonJS({
           return defineProperty(func, "toString", {
             "configurable": true,
             "enumerable": false,
-            "value": constant(string),
+            "value": constant2(string),
             "writable": true
           });
         };
@@ -4374,7 +4374,7 @@ var require_lodash = __commonJS({
             value = nativeObjectToString.call(value);
           }
           result2[value] = key;
-        }, constant(identity));
+        }, constant2(identity));
         var invertBy = createInverter(function(result2, value, key) {
           if (value != null && typeof value.toString != "function") {
             value = nativeObjectToString.call(value);
@@ -4867,7 +4867,7 @@ var require_lodash = __commonJS({
         function conforms(source) {
           return baseConforms(baseClone(source, CLONE_DEEP_FLAG));
         }
-        function constant(value) {
+        function constant2(value) {
           return function() {
             return value;
           };
@@ -5049,7 +5049,7 @@ var require_lodash = __commonJS({
         lodash.concat = concat;
         lodash.cond = cond;
         lodash.conforms = conforms;
-        lodash.constant = constant;
+        lodash.constant = constant2;
         lodash.countBy = countBy;
         lodash.create = create;
         lodash.curry = curry;
@@ -5523,7 +5523,11 @@ var require_lodash = __commonJS({
 });
 
 // src/index.ts
-import { useEffect, useReducer, useState } from "react";
+var import_lodash2 = __toESM(require_lodash());
+import { useReducer, useState } from "react";
+
+// src/hooks.ts
+import { useEffect } from "react";
 
 // src/socket.ts
 import { connect } from "socket.io-client";
@@ -5532,8 +5536,10 @@ var mod = {
 };
 var socket_default = mod;
 
-// src/index.ts
+// src/hooks.ts
 var import_lodash = __toESM(require_lodash());
+
+// src/player.ts
 function getPlayer(playerId, game) {
   if (!game || !playerId) {
     return void 0;
@@ -5544,89 +5550,77 @@ function isHost(playerId, game) {
   let player = getPlayer(playerId, game);
   return player == null ? void 0 : player.host;
 }
-function wrapReducer(reducer) {
-  return (game, internalAction) => {
-    switch (internalAction.type) {
-      case 1 /* Update */:
-        return internalAction.game;
-      case 0 /* Reduce */:
-        if (!!game) {
-          internalAction.client.emit("update", {
-            game: reducer(game, internalAction.action, internalAction.playerId)
-          });
-        }
-        return game;
-    }
-  };
-}
-function useRemoteReducer(uri, reducer, gameId, storage = sessionStorage) {
-  let [meta, setMeta] = useState({
-    isHostReady: false,
-    isGuestReady: false
-  });
-  let [game, internalDispatch] = useReducer(wrapReducer(reducer), void 0);
-  let dispatch = (action) => {
-    if (!!meta.client && !!game) {
-      meta.client.emit("notify", { gameId: game.id, action });
-    }
-  };
+
+// src/hooks.ts
+function useClientInitialization(meta, setMeta, uri) {
   useEffect(() => {
     if (!meta.client) {
       setMeta(__spreadProps(__spreadValues({}, meta), {
         client: socket_default.connect(uri, { transports: ["websocket"] })
       }));
     }
-    if (!!meta.client) {
-      if (!meta.isGuestReady) {
-        meta.client.on("error", console.error);
-        meta.client.on("connect", () => {
-          var _a, _b, _c;
-          if (gameId == void 0 && !game) {
-            (_a = meta.client) == null ? void 0 : _a.emit("create");
-          } else if (!!gameId) {
-            let playerCache = (0, import_lodash.flow)(
-              () => !!gameId ? storage.getItem(gameId) : null,
-              (cache) => !!cache ? JSON.parse(cache) : null
-            )();
-            if (!!playerCache) {
-              let rejoin = {
-                playerId: playerCache.playerId,
-                socketId: playerCache.socketId,
-                gameId
-              };
-              (_b = meta.client) == null ? void 0 : _b.emit("rejoin", rejoin);
-            } else {
-              (_c = meta.client) == null ? void 0 : _c.emit("join", { 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)) {
-            let playerCache = {
-              playerId: assign.playerId,
-              socketId: (_b = meta.client) == null ? void 0 : _b.id
+  }, [meta.client]);
+}
+function useGuestInitialization(meta, setMeta, storage, internalDispatch, gameId, game) {
+  useEffect(() => {
+    if (!!meta.client && !meta.isGuestReady) {
+      meta.client.on("error", console.error);
+      meta.client.on("connect", () => {
+        var _a, _b, _c;
+        if (gameId == void 0 && !game) {
+          (_a = meta.client) == null ? void 0 : _a.emit("create");
+        } else if (!!gameId) {
+          let playerCache = (0, import_lodash.flow)(
+            () => !!gameId ? storage.getItem(gameId) : null,
+            (cache) => !!cache ? JSON.parse(cache) : null
+          )();
+          if (!!playerCache) {
+            let rejoin = {
+              playerId: playerCache.playerId,
+              socketId: playerCache.socketId,
+              gameId
             };
-            storage.setItem(assign.gameId, JSON.stringify(playerCache));
+            (_b = meta.client) == null ? void 0 : _b.emit("rejoin", rejoin);
+          } else {
+            (_c = meta.client) == null ? void 0 : _c.emit("join", { gameId });
           }
-        });
-        meta.client.on(
-          "update",
-          (update) => internalDispatch({
-            type: 1 /* Update */,
-            game: update.game
-          })
-        );
-        setMeta(__spreadProps(__spreadValues({}, meta), { isGuestReady: true }));
-      }
+        }
+      });
+      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)) {
+          let playerCache = {
+            playerId: assign.playerId,
+            socketId: (_b = meta.client) == null ? void 0 : _b.id
+          };
+          storage.setItem(assign.gameId, JSON.stringify(playerCache));
+        }
+      });
+      meta.client.on(
+        "update",
+        (update) => internalDispatch({
+          type: 1 /* Update */,
+          game: update.game
+        })
+      );
+      meta.client.on("decline", () => setMeta(__spreadProps(__spreadValues({}, meta), { declined: true })));
+      setMeta(__spreadProps(__spreadValues({}, meta), { isGuestReady: true }));
+    }
+  }, [meta.client, meta.isGuestReady]);
+}
+function useHostInitialization(meta, setMeta, internalDispatch, game) {
+  useEffect(() => {
+    if (!!meta.client) {
       if (isHost(meta.localPlayerId, game) && !meta.isHostReady) {
         meta.client.on("join", (join) => {
-          var _a;
-          (_a = meta.client) == null ? void 0 : _a.emit("accept", {
-            gameId: game == null ? void 0 : game.id,
-            playerId: join.playerId
-          });
+          if (!!meta.client) {
+            internalDispatch({
+              type: 2 /* Accept */,
+              playerId: join.playerId,
+              client: meta.client
+            });
+          }
         });
         meta.client.on("notify", (notify) => {
           if (!!game && !!meta.client) {
@@ -5642,11 +5636,70 @@ function useRemoteReducer(uri, reducer, gameId, storage = sessionStorage) {
       }
     }
   });
-  return [game, meta.localPlayerId, dispatch];
+}
+
+// src/reducer.ts
+function createInternalReducer(reducer, acceptPlayer) {
+  return (game, internalAction) => {
+    var _a;
+    switch (internalAction.type) {
+      case 1 /* Update */:
+        return internalAction.game;
+      case 0 /* Reduce */:
+        if (!!game) {
+          internalAction.client.emit("update", {
+            game: reducer(game, internalAction.action, internalAction.playerId)
+          });
+        }
+        return game;
+      case 2 /* Accept */:
+        if (!!game) {
+          (_a = internalAction.client) == null ? void 0 : _a.emit(
+            acceptPlayer(game) ? "accept" : "decline",
+            {
+              gameId: game.id,
+              playerId: internalAction.playerId
+            }
+          );
+        }
+        return game;
+    }
+  };
+}
+
+// src/index.ts
+function useRemoteReducer(uri, reducer, gameId, acceptPlayer = (0, import_lodash2.constant)(
+  true
+), storage = sessionStorage) {
+  let [meta, setMeta] = useState({
+    isHostReady: false,
+    isGuestReady: false,
+    declined: false
+  });
+  let [game, internalDispatch] = useReducer(
+    createInternalReducer(reducer, acceptPlayer),
+    void 0
+  );
+  let dispatch = (action) => {
+    if (!!meta.client && !!game) {
+      meta.client.emit("notify", { gameId: game.id, action });
+    }
+  };
+  useClientInitialization(meta, setMeta, uri);
+  useGuestInitialization(
+    meta,
+    setMeta,
+    storage,
+    internalDispatch,
+    gameId,
+    game
+  );
+  if (!gameId) {
+    useHostInitialization(meta, setMeta, internalDispatch, game);
+  }
+  return [game, meta.localPlayerId, dispatch, meta.declined];
 }
 export {
-  getPlayer,
-  isHost,
   useRemoteReducer
 };
 /*! Bundled license information: