implement websocket server-client communication

.bazelversion

@@ -1 +1 @@
-6.3.2
+7.0.0

.eslintrc.cjs

@@ -0,0 +1,21 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    es2020: true,
+  },
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react-hooks/recommended",
+  ],
+  ignorePatterns: ["build", "bazel-*", "dist", ".eslintrc.cjs"],
+  parser: "@typescript-eslint/parser",
+  plugins: ["react-refresh"],
+  rules: {
+    "react-refresh/only-export-components": [
+      "warn",
+      { allowConstantExport: true },
+    ],
+  },
+};

.gitignore

@@ -21,4 +21,7 @@ CMakeCache.txt
 bazel-bin
 bazel-conway-rts
 bazel-out
-bazel-testlogs
+bazel-testlogs
+
+# removeMODULE.bazel.lock after modules have been migrated
+MODULE.bazel.lock

.prettierignore

@@ -0,0 +1,9 @@
+bazel-*
+build
+dist
+node_modules
+
+**/*.html
+**/*.md
+
+pnpm-lock.yaml

BUILD.bazel

@@ -1,5 +1,12 @@
 # load("//tools/protobufjs:rules.bzl", "protobufjs_library")
 
+load("@hedron_compile_commands//:refresh_compile_commands.bzl", "refresh_compile_commands")
+
+refresh_compile_commands(
+    name = "refresh_compile_commands",
+    # targets = ["//server"],
+)
+
 filegroup(
     name = "conway",
     srcs = [

MODULE.bazel

@@ -5,3 +5,13 @@ There's emsdk in WORKSPACE but it's not added to the Bazel Central Registry yet
 """
 
 bazel_dep(name = "googletest", version = "1.14.0")
+bazel_dep(name = "zlib", version = "1.3")
+
+# Hedron's Compile Commands Extractor for Bazel
+# https://github.com/hedronvision/bazel-compile-commands-extractor
+bazel_dep(name = "hedron_compile_commands", dev_dependency = True)
+git_override(
+    module_name = "hedron_compile_commands",
+    remote = "https://github.com/hedronvision/bazel-compile-commands-extractor.git",
+    commit = "9d438afd4febf622aa05b9a267c09439717e58b9",
+)

README.md

@@ -1,14 +1,30 @@
 # conway-rts
 conway rts cyber project (but still being designed)
 
+## Dependencies
+
+### Windows
+- [chocolately](https://chocolatey.org/install)
+  - [bazelisk](https://github.com/bazelbuild/bazelisk)
+  - [git](https://community.chocolatey.org/packages/git.install)
+  - [python](https://community.chocolatey.org/packages/python/3.12.1)
+  - [nvm](https://community.chocolatey.org/packages/nvm)
+- [VS Build Tools, C++ compiler](https://visualstudio.microsoft.com/downloads/?q=build+tools#build-tools-for-visual-studio-2022)
+
+### Linux
+- [bazelisk](https://github.com/bazelbuild/bazelisk)
+- gcc version 8+ (using c++2a), ideally gcc version 10+ (for c++20 support)
+  - [gsrc](https://www.gnu.org/software/gsrc/) can be used if pre-built binaries aren't available.
+
 ## Running
-Install [bazelisk](https://github.com/bazelbuild/bazelisk)
 ```
-bazelisk # installs bazel with specific version
-bazel query ...             # list targets
-bazel test ... --config=cl  # run all tests (windows, cl.exe)
-bazel test ... --config=gcc # run all tests (linux, gcc)
-balze build ...             # build all targets (config pattern still applies)
+bazel query ...                       # list targets
+bazel test ...                        # run all tests
+bazel build ...                       # build all targets (config pattern still applies)
+bazel run //:refresh_compile_commands # initialize intellisense files
+bazel run //server                    # builds and starts the game server
+npm run test                          # runs vitest (clientside tests)
+npm run dev                           # runs the client
 ```
 
 # Rough UML Diagram

WORKSPACE

@@ -43,11 +43,11 @@ load("@bazel_tools//tools/build_defs/repo:http.bzl", "http_archive")
 ########################
 # Emscripten toolchain #
 ########################
-http_archive(
+git_repository(
     name = "emsdk",
-    sha256 = "5dd94e557b720800a60387ec078bf3b3a527cbd916ad74a696fe399f1544474f",
-    strip_prefix = "emsdk-3.1.46/bazel",
-    url = "https://github.com/emscripten-core/emsdk/archive/refs/tags/3.1.46.tar.gz",
+    commit = "9347bc393b94a17b93450bbc98bc3f66cef2aeb0",  # 3.1.51 + 2 commits (to patch windows bazel wasm_cc_binary)
+    remote = "git@github.com:emscripten-core/emsdk.git",
+    strip_prefix = "bazel",
 )
 
 load("@emsdk//:deps.bzl", emsdk_deps = "deps")
@@ -56,7 +56,7 @@ emsdk_deps()
 
 load("@emsdk//:emscripten_deps.bzl", emsdk_emscripten_deps = "emscripten_deps")
 
-emsdk_emscripten_deps(emscripten_version = "3.1.46")
+emsdk_emscripten_deps(emscripten_version = "3.1.51")
 
 load("@emsdk//:toolchains.bzl", "register_emscripten_toolchains")
 
@@ -67,46 +67,39 @@ register_emscripten_toolchains()
 ###############
 http_archive(
     name = "uwebsockets",
-    build_file = "BUILD.uwebsockets.bazel",
+    build_file = "@//externals:BUILD.uwebsockets.bazel",
     sha256 = "6794e7895eb8cc182024a0ae482a581eaa82f55f7cca53ae88b30738449f3cb9",
     strip_prefix = "uWebSockets-20.51.0",
     url = "https://github.com/uNetworking/uWebSockets/archive/refs/tags/v20.51.0.tar.gz",
 )
 
-git_repository(
+http_archive(
     name = "usockets",
-    build_file = "BUILD.usockets.bazel",
-    commit = "8cd4cb66eb061b2594ca114b9ea1ead64613ad4b",  # v0.8.6
-    remote = "git@github.com:uNetworking/uSockets.git",
+    build_file = "@//externals:BUILD.usockets.bazel",
+    integrity = "sha256-FuuhM90z6t4vX43YdhLAS13XEQZuBHHGDWQaL2qYjxY=",
+    strip_prefix = "uSockets-0.8.6",
+    url = "https://github.com/uNetworking/uSockets/archive/refs/tags/v0.8.6.tar.gz",
 )
 
 git_repository(
     name = "boringssl",
-    build_file = "BUILD.boringssl.bazel",
+    build_file = "@//externals:BUILD.boringssl.bazel",
     commit = "1ccef4908ce04adc6d246262846f3cd8a111fa44",  # specific version used with usockets v0.8.6
     remote = "git@github.com:google/boringssl.git",
 )
 
 git_repository(
     name = "lsquic",
-    build_file = "BUILD.lsquic.bazel",
+    build_file = "@//externals:BUILD.lsquic.bazel",
     commit = "3bbf683f25ab84826951350c57ae226c88c54422",  # v3.2.0
     recursive_init_submodules = True,
     remote = "git@github.com:litespeedtech/lsquic.git",
 )
 
 http_archive(
     name = "libuv",
-    build_file = "BUILD.libuv.bazel",
+    build_file = "@//externals:BUILD.libuv.bazel",
     sha256 = "d50af7e6d72526db137e66fad812421c8a1cae09d146b0ec2bb9a22c5f23ba93",
     strip_prefix = "libuv-1.47.0",
     url = "https://github.com/libuv/libuv/archive/refs/tags/v1.47.0.tar.gz",
 )
-
-http_archive(
-    name = "zlib",
-    build_file = "BUILD.zlib.bazel",
-    sha256 = "ff0ba4c292013dbc27530b3a81e1f9a813cd39de01ca5e0f8bf355702efa593e",
-    strip_prefix = "zlib-1.3",
-    url = "https://github.com/madler/zlib/releases/download/v1.3/zlib-1.3.tar.gz",
-)

cc_config.bzl

@@ -4,5 +4,5 @@ CC Compiler options to be used for all project files.
 
 CC_OPTS = select({
     "@bazel_tools//src/conditions:windows": ["/std:c++20"],
-    "//conditions:default": ["--std=c++20"],
+    "//conditions:default": ["-std=c++20"],
 })

client/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initia-scale=1.0" />
+    <title>client test</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

client/public/room-interaction.js

@@ -2,76 +2,76 @@ const server_url = "ws://localhost:3000";
 
 // js for fast debugging? (at least won't need to set up jsx tooling)
 function CreateButton(label, callback) {
-  const el = document.createElement('button');
+  const el = document.createElement("button");
   el.innerText = label;
-  el.addEventListener('click', callback);
+  el.addEventListener("click", callback);
   return el;
 }
 
 class ClientInstance {
   constructor() {
     this.ws = null;
-    const body =  document.createElement('div');
+    const body = document.createElement("div");
     const info = {
-      'logs': document.createElement('div'),
-      'room': document.createElement('div'),
+      logs: document.createElement("div"),
+      room: document.createElement("div"),
     };
     this.element = {
-      'info': document.createElement('div'),
-      'connect': CreateButton("Connect", () => this.Connect()),
-      'disconnect': CreateButton("Disconnect", () => this.Disconnect()),
-      'payload': document.createElement('input'),
-      'send': CreateButton("Send", () => {
+      info: document.createElement("div"),
+      connect: CreateButton("Connect", () => this.Connect()),
+      disconnect: CreateButton("Disconnect", () => this.Disconnect()),
+      payload: document.createElement("input"),
+      send: CreateButton("Send", () => {
         this.Send(this.element.payload.value);
         this.element.payload.value = "";
       }),
     };
     this.element.info.append(...Object.values(info));
-    this.element.info.classList.add('info');
+    this.element.info.classList.add("info");
     body.append(...Object.values(this.element));
     this.element = Object.assign(this.element, info);
     this.element.body = body;
-    console.log(this.element)
+    console.log(this.element);
     this.logs = [];
-    for(let i = 0; i < 10; i ++) this.PushLog(-1, '');
+    for (let i = 0; i < 10; i++) this.PushLog(-1, "");
   }
   Connect() {
-    if(this.ws) this.Disconnect();
+    if (this.ws) this.Disconnect();
     this.ws = new WebSocket(server_url);
     this.ws.onopen = (event) => {
-      this.PushLog(event.timeStamp, 'socket opened');
-    }
+      this.PushLog(event.timeStamp, "socket opened");
+    };
     this.ws.onclose = (event) => {
-      this.PushLog(event.timeStamp, 'socket closed');
-    }
+      this.PushLog(event.timeStamp, "socket closed");
+    };
     this.ws.onerror = (event) => {
       console.warn(event);
-      this.PushLog(event.timeStamp, 'socket error');
-    }
+      this.PushLog(event.timeStamp, "socket error");
+    };
     this.ws.onmessage = (event) => {
-      console.log('data', event.data);
+      console.log("data", event.data);
       this.PushLog(event.timeStamp, `<- ${event.data}`);
-    }
+    };
   }
   Disconnect() {
     this.ws.close();
     this.ws = null;
   }
   PushLog(time, log) {
-    this.logs.push(`[${(~~time).toString().padStart(6, '_')}] ${log}`);
-    this.element.logs.innerText = this.logs.slice(-10).join('\n');
+    this.logs.push(`[${(~~time).toString().padStart(6, "_")}] ${log}`);
+    this.element.logs.innerText = this.logs.slice(-10).join("\n");
   }
   Send(data) {
-    if(!this.ws) throw 'socket is not open; cannot send';
+    if (!this.ws) throw "socket is not open; cannot send";
     this.ws.send(data);
-    this.PushLog(new Event('').timeStamp, `-> ${data}`)
+    this.PushLog(new Event("").timeStamp, `-> ${data}`);
   }
 }
 
 const c = new ClientInstance();
 document.body.append(c.element.body);
 
-const c2 = [...new Array(2)].map(x => {
+const c2 = [...new Array(2)].map((x) => {
   const client = new ClientInstance();
   document.body.append(client.element.body);
   return client;

client/src/App.tsx

@@ -0,0 +1,34 @@
+import { useEffect, useState } from "react";
+import SocketLogger from "./SocketLogger";
+import SocketUtils from "./SocketUtils";
+import { ClientWebSocket } from "./Socket";
+import RoomListing from "./RoomListing";
+import Lobby from "./Lobby";
+import GameClient from "./GameClient";
+
+const server_url = "ws://localhost:3000";
+
+function App() {
+  const [clientSocket, setClientSocket] = useState<ClientWebSocket | null>(
+    null,
+  );
+
+  useEffect(() => {
+    const s = new ClientWebSocket(server_url);
+    setClientSocket(s);
+    return () => s?.close();
+  }, []);
+
+  return (
+    <>
+      <div>Hello world</div>
+      {clientSocket && <SocketUtils socket={clientSocket.socket} />}
+      {clientSocket && <SocketLogger socket={clientSocket.socket} />}
+      {clientSocket && <RoomListing clientSocket={clientSocket} />}
+      {clientSocket && <Lobby clientSocket={clientSocket} />}
+      {clientSocket && <GameClient clientSocket={clientSocket} />}
+    </>
+  );
+}
+
+export default App;