board-game-engine-react 0.0.6 → 0.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "board-game-engine-react",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "React library for using board-game-engine",
   "main": "dist/board-game-engine-react.js",
   "scripts": {
@@ -79,6 +79,7 @@
     "storybook": "^8.4.6"
   },
   "dependencies": {
+    "board-game-engine": "^0.0.8",
     "react": "^18.2.0",
     "react-error-boundary": "^3.1.4",
     "react-transition-group": "^4.4.5"

package/src/index.js

@@ -1,3 +1,6 @@
 import './styles.scss'
+import * as BoardGameEngine from 'board-game-engine'
 
 export { default as Game } from './components/game/game.js'
+export { useGameserverConnection } from './use-gameserver-connection'
+export const Client = BoardGameEngine.Client

package/src/use-gameserver-connection.js

@@ -0,0 +1,61 @@
+import { useEffect, useReducer, useState } from 'react'
+import * as BoardGameEngine from 'board-game-engine'
+const Client = BoardGameEngine.Client
+
+
+export const useGameserverConnection = ({
+  server,
+  gameId,
+  gameRules,
+  gameName,
+  boardgameIOGame,
+  boardgamePlayerID,
+  clientToken,
+  numPlayers,
+  debug,
+  singlePlayer = false,
+  enabled = true,
+}) => {
+  const [_, forceUpdate] = useReducer(x => x + 1, 0)
+  const [connection, setConnection] = useState(null)
+
+  useEffect(() => {
+    if (!gameRules && !boardgameIOGame || !singlePlayer && (!gameId || !clientToken || !enabled || !server)) return
+
+    const options = {
+      server,
+      numPlayers,
+      onClientUpdate: () => {
+        forceUpdate()
+      },
+      debug,
+      gameId,
+      gameRules,
+      boardgameIOGame,
+      gameName,
+      boardgamePlayerID,
+      clientToken,
+      singlePlayer,
+    }
+
+    const newConnection = new Client(options)
+
+    newConnection.connect()
+
+    setConnection(newConnection)
+
+    return () => {
+      connection?.client?.stop()
+      setConnection(null)
+    }
+  }, [gameId, boardgamePlayerID, clientToken, gameRules, boardgameIOGame, enabled])
+
+  if (connection) {
+    return Object.assign(
+      connection,
+      connection?.getState?.(),
+    )
+  } else {
+    return {}
+  }
+}