Pass through props (#173)

* added props to client config

* updated to passing props by rest/spread

Author: jstacoder

src/client/react.js

@@ -100,30 +100,32 @@ export function Client({
       let _debug = null;
 
       const state = this.client.getState();
+      const { gameID, playerID, debug: debugProp, ...rest } = this.props;
 
       if (board) {
         _board = React.createElement(board, {
           ...state,
           isMultiplayer: multiplayer !== undefined,
           moves: this.client.moves,
           events: this.client.events,
-          gameID: this.props.gameID,
-          playerID: this.props.playerID,
+          gameID: gameID,
+          playerID: playerID,
           reset: this.client.reset,
           undo: this.client.undo,
           redo: this.client.redo,
+          ...rest,
         });
       }
 
-      if (debug && this.props.debug) {
+      if (debug && debugProp) {
         _debug = React.createElement(Debug, {
           gamestate: state,
           store: this.client.store,
           isMultiplayer: multiplayer !== undefined,
           moves: this.client.moves,
           events: this.client.events,
-          gameID: this.props.gameID,
-          playerID: this.props.playerID,
+          gameID: gameID,
+          playerID: playerID,
           reset: this.client.reset,
           undo: this.client.undo,
           redo: this.client.redo,

src/client/react.test.js

@@ -77,6 +77,18 @@ test('board props', () => {
   expect(board.props().isActive).toBe(true);
 });
 
+test('can pass extra props to Client', () => {
+  const Board = Client({
+    game: Game({}),
+    board: TestBoard,
+  });
+  const board = Enzyme.mount(
+    <Board doStuff={() => true} extraValue={55} />
+  ).find(TestBoard);
+  expect(board.props().doStuff()).toBe(true);
+  expect(board.props().extraValue).toBe(55);
+});
+
 test('debug ui can be turned off', () => {
   const Board = Client({
     game: Game({}),