board-game-engine-react 0.0.17 → 0.0.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "board-game-engine-react",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "description": "React library for using board-game-engine",
   "main": "dist/board-game-engine-react.js",
   "scripts": {

package/src/components/entity/entity.js

@@ -3,9 +3,15 @@ import { useGame } from "../../contexts/game-context.js";
 import Grid from '../board/grid.js'
 import Space from "../space/space.js";
 
+function sameEntity (a, b) {
+  const idA = a.entityId ?? a.attributes?.entityId
+  const idB = b.entityId ?? b.attributes?.entityId
+  return idA != null && idB != null && idA === idB
+}
+
 export default function Entity ({ entity }) {
   const { clickTarget, allClickable } = useGame()
-  const isClickable = allClickable.has(entity)
+  const isClickable = [...allClickable].some(c => sameEntity(c, entity))
   const attributes = entity.attributes
   const entityType = attributes.entityType ?? attributes.type
 
@@ -25,7 +31,7 @@ export default function Entity ({ entity }) {
         className={[
           'entity',
           attributes.player && `player-${attributes.player}`,
-          allClickable.has(entity) && 'entity--clickable',
+          isClickable && 'entity--clickable',
         ].filter(Boolean).join(' ')}
       >
         {entity.rule.displayProperties?.map((property, i) => (

package/src/components/game/game.js

@@ -5,6 +5,7 @@ import GameStatus from '../game-status/game-status.js'
 import { GameProvider } from "../../contexts/game-context.js";
 
 export default function Game ({ gameConnection, loading, isSpectator }) {
+  console.log('gameConnection?.getState?.()', gameConnection?.getState?.())
   const G = gameConnection?.getState?.().state.G
 
   return G