@react-remote-state/client 1.1.7 → 1.2.0

package/dist/index.mjs

@@ -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,7 +5550,96 @@ function isHost(playerId, game) {
   let player = getPlayer(playerId, game);
   return player == null ? void 0 : player.host;
 }
-function wrapReducer(reducer, acceptPlayer) {
+
+// src/hooks.ts
+function useClientInitialization(meta, setMeta, uri) {
+  useEffect(() => {
+    if (!meta.client) {
+      setMeta(__spreadProps(__spreadValues({}, meta), {
+        client: socket_default.connect(uri, { transports: ["websocket"] })
+      }));
+    }
+  }, [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
+            };
+            (_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
+          };
+          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) => {
+          if (!!meta.client) {
+            internalDispatch({
+              type: 2 /* Accept */,
+              playerId: join.playerId,
+              client: meta.client
+            });
+          }
+        });
+        meta.client.on("notify", (notify) => {
+          if (!!game && !!meta.client) {
+            internalDispatch({
+              type: 0 /* Reduce */,
+              client: meta.client,
+              playerId: notify.playerId,
+              action: notify.action
+            });
+          }
+        });
+        setMeta(__spreadProps(__spreadValues({}, meta), { isHostReady: true }));
+      }
+    }
+  });
+}
+
+// src/reducer.ts
+function createInternalReducer(reducer, acceptPlayer) {
   return (game, internalAction) => {
     var _a;
     switch (internalAction.type) {
@@ -5571,7 +5666,9 @@ function wrapReducer(reducer, acceptPlayer) {
     }
   };
 }
-function useRemoteReducer(uri, reducer, gameId, acceptPlayer = (0, import_lodash.constant)(
+
+// src/index.ts
+function useRemoteReducer(uri, reducer, gameId, acceptPlayer = (0, import_lodash2.constant)(
   true
 ), storage = sessionStorage) {
   let [meta, setMeta] = useState({
@@ -5580,7 +5677,7 @@ function useRemoteReducer(uri, reducer, gameId, acceptPlayer = (0, import_lodash
     declined: false
   });
   let [game, internalDispatch] = useReducer(
-    wrapReducer(reducer, acceptPlayer),
+    createInternalReducer(reducer, acceptPlayer),
     void 0
   );
   let dispatch = (action) => {
@@ -5588,86 +5685,21 @@ function useRemoteReducer(uri, reducer, gameId, acceptPlayer = (0, import_lodash
       meta.client.emit("notify", { gameId: game.id, action });
     }
   };
-  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
-            };
-            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 }));
-      }
-      if (isHost(meta.localPlayerId, game) && !meta.isHostReady) {
-        meta.client.on("join", (join) => {
-          if (!!meta.client) {
-            internalDispatch({
-              type: 2 /* Accept */,
-              playerId: join.playerId,
-              client: meta.client
-            });
-          }
-        });
-        meta.client.on("notify", (notify) => {
-          if (!!game && !!meta.client) {
-            internalDispatch({
-              type: 0 /* Reduce */,
-              client: meta.client,
-              playerId: notify.playerId,
-              action: notify.action
-            });
-          }
-        });
-        setMeta(__spreadProps(__spreadValues({}, meta), { isHostReady: true }));
-      }
-    }
-  });
+  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: