Webatrice P.O.C. (#3854)

* port webclient POC into react shell * Abstract websocket messaging behind redux store * refactor architecture * add rooms store * introduce application service layer and login form * display room messages * implement roomSay * improve Room view styling * display room games * improve gameList update logic * hide protected games * improve game update logic * move mapping to earlier lifecycle hook * add autoscroll to bottom * tabs to spaces, refresh guard * implement server joins/leaves * show users in room * add material-ui to build * refactor, add room joins/leaves to store and render * begin using Material UI components * fix spectatorsCount * remove unused package * improve Server and Room styling * fix scroll context * route on room join * refactor room path * add auth guard * refactor authGuard export * add missing files * clear store on disconnect, add logout button to Account view * fix disconnect handling * Safari fixes * organize current todos * improve login page and server status tracking * improve login page * introduce sorting arch, refine reducers, begin viewLogHistory * audit fix for handlebars * implement moderator log view * comply with code style rules * remove original POC from codebase * add missing semi * minor improvements, begin registration functionality * retry as ws when wss fails additionally, dont mutate the default options when connecting * retain user/pass in WebClient.options for login * take protocol off of options, make it a connect param that defaults to wss * cleanup server page styling * match wss logic with desktop client * add virtual scroll component, add context menu to UserDisplay * revert VirtualTable on messages * improve styling for Room view * add routing to Player view * increase tooltip delay * begin implementing Account view * disable app level contextMenu * implement buddy/ignore list management * fix gitignore Co-authored-by: Jay Letto <jeremy.letto@merrillcorp.com> Co-authored-by: skwerlman <skwerlman@users.noreply.github.com> Co-authored-by: Jeremy Letto <jeremy.letto@datasite.com>
2026-04-27 07:48:01 -07:00 · 2020-12-31 16:08:15 -06:00 · 2020-12-31 16:08:15 -06:00 · 0457e65751
commit 0457e65751
parent d5b36e8b8a
152 changed files with 19573 additions and 1071 deletions
--- a/webclient/src/store/server/server.dispatch.tsx
+++ b/webclient/src/store/server/server.dispatch.tsx
@ -0,0 +1,68 @@
+import { reset } from 'redux-form';
+import { Actions } from "./server.actions";
+import { store } from "../store";
+
+export const Dispatch = {
+  clearStore: () => {
+    store.dispatch(Actions.clearStore());
+  },
+  connectServer: () => {
+    store.dispatch(Actions.connectServer());
+  },
+  connectionClosed: reason => {
+    store.dispatch(Actions.connectionClosed(reason));
+  },
+  updateBuddyList: buddyList => {
+    store.dispatch(Actions.updateBuddyList(buddyList));
+  },
+  addToBuddyList: user => {
+    store.dispatch(reset('addToBuddies'));
+    store.dispatch(Actions.addToBuddyList(user));
+  },
+  removeFromBuddyList: userName => {
+    store.dispatch(Actions.removeFromBuddyList(userName));
+  },
+  updateIgnoreList: ignoreList => {
+    store.dispatch(Actions.updateIgnoreList(ignoreList));
+  },
+  addToIgnoreList: user => {
+    store.dispatch(reset('addToIgnore'));
+    store.dispatch(Actions.addToIgnoreList(user));
+  },
+  removeFromIgnoreList: userName => {
+    store.dispatch(Actions.removeFromIgnoreList(userName));
+  },
+  updateInfo: (name, version) => {
+    store.dispatch(Actions.updateInfo({
+      name,
+      version
+    }));
+  },
+  updateStatus: (state, description) => {
+    store.dispatch(Actions.updateStatus({
+      state,
+      description
+    }));
+  },
+  updateUser: user => {
+    store.dispatch(Actions.updateUser(user));
+  },
+  updateUsers: users => {
+    store.dispatch(Actions.updateUsers(users));
+  },
+  userJoined: user => {
+    store.dispatch(Actions.userJoined(user));
+  },
+  userLeft: name => {
+    store.dispatch(Actions.userLeft(name));
+  },
+  viewLogs: name => {
+    store.dispatch(Actions.viewLogs(name));
+  },
+  clearLogs: () => {
+    store.dispatch(Actions.clearLogs());
+  },
+  serverMessage: message => {
+    store.dispatch(Actions.serverMessage(message));
+  }
+}