remove instance list

client/src/actions.jsx

@@ -17,7 +17,6 @@ export const setConstructRename = value => ({ type: 'SET_CONSTRUCT_RENAME', valu
 export const setGame = value => ({ type: 'SET_GAME', value });
 export const setInfo = value => ({ type: 'SET_INFO', value });
 export const setInstance = value => ({ type: 'SET_INSTANCE', value });
-export const setInstanceList = value => ({ type: 'SET_INSTANCE_LIST', value });
 export const setInstances = value => ({ type: 'SET_INSTANCES', value });
 export const setItemEquip = value => ({ type: 'SET_ITEM_EQUIP', value });
 export const setItemInfo = value => ({ type: 'SET_ITEM_INFO', value });

client/src/components/instance.create.buttons.jsx

@@ -1,46 +0,0 @@
-const preact = require('preact');
-const { connect } = require('preact-redux');
-const { Component } = require('preact');
-
-const addState = connect(
-    function receiveState(state) {
-        const { ws, team, account } = state;
-
-        function sendInstanceNew(sConstructs, pve) {
-            if (sConstructs.length) {
-                return ws.sendInstanceNew(sConstructs, account.name, pve);
-            }
-            return false;
-        }
-
-        return {
-            sendInstanceNew,
-            team,
-        };
-    }
-);
-
-function CreateButtons(args) {
-    const { team, sendInstanceNew } = args;
-    const disabled = !team.every(c => c);
-
-    const classes = `create-form ${disabled ? 'disabled' : ''}`;
-    return (
-        <div class={classes}>
-            <button
-                onClick={() => sendInstanceNew(team, true)}
-                disabled={disabled}
-                type="submit">
-                Practice vs CPU
-            </button>
-            <button
-                onClick={() => sendInstanceNew(team, false)}
-                disabled={disabled}
-                type="submit">
-                PVP
-            </button>
-        </div>
-    );
-}
-
-module.exports = addState(CreateButtons);

client/src/components/instance.create.form.jsx

@@ -1,91 +0,0 @@
-const preact = require('preact');
-const { connect } = require('preact-redux');
-const { Component } = require('preact');
-
-const addState = connect(
-    function receiveState(state) {
-        const { ws, team } = state;
-
-        function sendInstanceNew(sConstructs, name, pve) {
-            if (sConstructs.length) {
-                return ws.sendInstanceNew(sConstructs, name, pve);
-            }
-            return false;
-        }
-
-        return {
-            sendInstanceNew,
-            team,
-        };
-    }
-);
-
-class InstanceCreateForm extends Component {
-    constructor(props) {
-        super(props);
-
-        this.state = { pve: false, name: '' };
-
-        const { sendInstanceNew } = props;
-
-        this.sendInstanceNew = sendInstanceNew.bind(this);
-
-        this.nameInput = this.nameInput.bind(this);
-        this.pveChange = this.pveChange.bind(this);
-        this.handleSubmit = this.handleSubmit.bind(this);
-    }
-
-    pveChange() {
-        this.setState({ pve: !this.state.pve });
-    }
-
-    nameInput(event) {
-        this.setState({ name: event.target.value });
-    }
-
-    handleSubmit(event) {
-        event.preventDefault();
-        this.sendInstanceNew(this.props.team, this.state.name, this.state.pve);
-        this.setState({ name: '', pve: false });
-    }
-
-    render() {
-        const disabled = !this.props.team.every(c => c);
-
-        const classes = `create-form ${disabled ? 'disabled' : ''}`;
-        return (
-            <div class={classes}>
-                <form>
-                    <fieldset>
-                        <legend>New Instance</legend>
-                        <label>Instance Name</label>
-                        <input
-                            class="login-input"
-                            type="text"
-                            disabled={disabled}
-                            value={this.state.name}
-                            placeholder="game name"
-                            onInput={this.nameInput}
-                        />
-                        <label htmlFor="pveSelect">Practice Mode - vs CPU, no Time Control</label>
-                        <input id="pveSelect"
-                            type="checkbox"
-                            disabled={disabled}
-                            checked={this.state.pve}
-                            onChange={this.pveChange}
-                            >
-                        </input>
-                    </fieldset>
-                </form>
-                <button
-                    onClick={this.handleSubmit}
-                    disabled={disabled}
-                    type="submit">
-                    +
-                </button>
-            </div>
-        );
-    }
-}
-
-module.exports = addState(InstanceCreateForm);

client/src/components/join.buttons.jsx

@@ -0,0 +1,46 @@
+const preact = require('preact');
+const { connect } = require('preact-redux');
+
+const addState = connect(
+    function receiveState(state) {
+        const { ws } = state;
+
+        function sendInstancePractice() {
+            ws.sendInstancePractice();
+        }
+
+        function sendInstanceQueue() {
+            ws.sendInstanceQueue();
+        }
+
+        return {
+            sendInstanceQueue,
+            sendInstancePractice,
+        };
+    }
+);
+
+function CreateButtons(args) {
+    const {
+        sendInstanceQueue,
+        sendInstancePractice,
+    } = args;
+
+    return (
+        <div>
+            <h1>Join Game</h1>
+            <button
+                onClick={() => sendInstancePractice()}
+                type="submit">
+                Practice vs CPU
+            </button>
+            <button
+                onClick={() => sendInstanceQueue()}
+                type="submit">
+                PVP
+            </button>
+        </div>
+    );
+}
+
+module.exports = addState(CreateButtons);

client/src/components/list.jsx

@@ -4,7 +4,7 @@ const preact = require('preact');
 const { stringSort } = require('./../utils');
 const { ConstructAvatar } = require('./construct');
 const actions = require('./../actions');
-const InstanceCreateForm = require('./instance.create.buttons');
+const JoinButtons = require('./join.buttons');
 const Inventory = require('./inventory');
 
 const idSort = stringSort('id');
@@ -16,19 +16,11 @@ const addState = connect(
             constructs,
             constructRename,
             team,
-            instanceList,
             mtxActive,
         } = state;
 
-        function sendInstanceJoin(instance) {
-            if (team.length) {
-                return ws.sendInstanceJoin(instance.id, team);
-            }
-            return false;
-        }
-
-        function sendInstanceList() {
-            return ws.sendInstanceList();
+        function sendInstancePractice() {
+            return ws.sendInstancePractice();
         }
 
         function sendConstructAvatarReroll(id) {
@@ -42,13 +34,11 @@ const addState = connect(
 
         return {
             constructs,
-            instanceList,
             mtxActive,
             constructRename,
             team,
             sendConstructRename,
-            sendInstanceJoin,
-            sendInstanceList,
+            sendInstancePractice,
             sendConstructAvatarReroll,
         };
     },
@@ -79,51 +69,10 @@ function List(args) {
         clearMtxRename,
         setConstructRename,
         sendConstructRename,
-        sendInstanceJoin,
-        sendInstanceList,
-        instanceList,
         mtxActive,
         sendConstructAvatarReroll,
     } = args;
 
-    function listElements() {
-        if (!instanceList) return <div>...</div>;
-
-        const instancePanels = instanceList.map(instance => {
-            function instanceClick() {
-                return sendInstanceJoin(instance);
-            }
-
-            return (
-                <tr key={instance.id}
-                    class="right"
-                    onClick={instanceClick} >
-                    <td>{instance.name}</td>
-                </tr>
-            );
-        });
-
-        return (
-            <div class="menu-instance-list" >
-                <h1>Join Game</h1>
-                <table>
-                    <thead>
-                        <tr>
-                            <th>opponent name</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {instancePanels}
-                        <tr class="right" onClick={() => sendInstanceList()}>
-                            <td colSpan={3} >↺</td>
-                        </tr>
-                    </tbody>
-                </table>
-                <InstanceCreateForm />
-            </div>
-        );
-    }
-
     const constructPanels = constructs
         .filter(c => team.includes(c.id))
         .sort(idSort)
@@ -167,7 +116,7 @@ function List(args) {
                 {constructPanels}
             </div>
             <Inventory />
-            {listElements()}
+            <JoinButtons />
         </main>
     );
 }

client/src/components/nav.jsx

@@ -20,10 +20,6 @@ const addState = connect(
             return ws.sendInstanceState(instance.id);
         }
 
-        function sendInstanceList() {
-            return ws.sendInstanceList();
-        }
-
         return {
             account,
             instances,
@@ -31,18 +27,9 @@ const addState = connect(
             game,
             ping,
             sendInstanceState,
-            sendInstanceList,
         };
     },
     function receiveDispatch(dispatch) {
-        function setTestGame(id) {
-            return dispatch(actions.setGame(testGame(id)));
-        }
-
-        function setTestInstance(id) {
-            return dispatch(actions.setInstance(testInstance(id)));
-        }
-
         function setNav(place) {
             dispatch(actions.setGame(null));
             dispatch(actions.setInstance(null));
@@ -63,8 +50,6 @@ const addState = connect(
         }
 
         return {
-            setTestGame,
-            setTestInstance,
             setNav,
             hideNav,
         };
@@ -79,18 +64,12 @@ function Nav(args) {
         team,
 
         sendInstanceState,
-        sendInstanceList,
 
-        setTestGame,
-        setTestInstance,
         setNav,
         hideNav,
     } = args;
 
     function navTo(p) {
-        if (p === 'list') {
-            sendInstanceList();
-        }
         return setNav(p);
     }
 

client/src/events.jsx

@@ -40,11 +40,6 @@ function registerEvents(store) {
         store.dispatch(actions.setConstructs(constructs));
     }
 
-
-    function setInstanceList(list) {
-        store.dispatch(actions.setInstanceList(list));
-    }
-
     function setWs(ws) {
         store.dispatch(actions.setWs(ws));
     }
@@ -236,7 +231,6 @@ function registerEvents(store) {
         setNewConstruct,
         setGame,
         setInstance,
-        setInstanceList,
         setItemInfo,
         setPing,
         setShop,

client/src/reducers.jsx

@@ -31,7 +31,6 @@ module.exports = {
     info:               createReducer(null, 'SET_INFO'),
     instance:           createReducer(null, 'SET_INSTANCE'),
     instances:          createReducer([], 'SET_INSTANCES'),
-    instanceList:       createReducer([], 'SET_INSTANCE_LIST'),
     itemEquip:          createReducer(null, 'SET_ITEM_EQUIP'),
     itemInfo:           createReducer({ combos: [], items: [] }, 'SET_ITEM_INFO'),
     itemUnequip:        createReducer([], 'SET_ITEM_UNEQUIP'),

client/src/socket.jsx

@@ -58,9 +58,6 @@ function createSocket(events) {
         send(['InstanceState', { instance_id: instanceId }]);
     }
 
-    function sendInstanceList() {
-        send(['InstanceList', {}]); }
-
     function sendVboxAccept(instanceId, group, index) {
         send(['VboxAccept', { instance_id: instanceId, group, index }]);
         events.clearInstance();
@@ -107,12 +104,8 @@ function createSocket(events) {
         events.setActiveSkill(null);
     }
 
-    function sendInstanceJoin(instanceId, constructs) {
-        send(['InstanceJoin', { instance_id: instanceId, construct_ids: constructs }]);
-    }
-
-    function sendInstanceNew(constructs, name, pve) {
-        send(['InstanceLobby', { construct_ids: constructs, name, pve }]);
+    function sendInstancePractice() {
+        send(['InstancePractice', {}]);
     }
 
     function sendInstanceReady(instanceId) {
@@ -165,10 +158,6 @@ function createSocket(events) {
         events.setInstance(instance);
     }
 
-    function onOpenInstances(list) {
-        events.setInstanceList(list);
-    }
-
     function onItemInfo(info) {
         events.setItemInfo(info);
     }
@@ -194,7 +183,6 @@ function createSocket(events) {
         GameState: onGameState,
         InstanceState: onInstanceState,
         ItemInfo: onItemInfo,
-        OpenInstances: onOpenInstances,
         Pong: onPong,
     };
 
@@ -280,25 +268,29 @@ function createSocket(events) {
     return {
         sendAccountConstructs,
         sendAccountInstances,
+
         sendGameState,
         sendGameReady,
         sendGameSkill,
         sendGameTarget,
-        sendInstanceJoin,
-        sendInstanceList,
+
         sendInstanceReady,
-        sendInstanceNew,
+        sendInstancePractice,
         sendInstanceState,
+
         sendVboxAccept,
         sendVboxApply,
         sendVboxReclaim,
         sendVboxCombine,
         sendVboxDiscard,
         sendVboxUnequip,
+
         sendItemInfo,
+
         sendMtxApply,
         sendMtxBuy,
         sendMtxConstructSpawn,
+
         connect,
     };
 }