checkin

6 months ago · e1b0b9f3e2
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -0,0 +1,33 @@
 module.exports = {
  env: {
    browser: true,
    es2020: true,
  },
  extends: [
    "airbnb-base",
    "plugin:@typescript-eslint/recommended",
    "plugin:prettier/recommended",
  ],
  parser: "@typescript-eslint/parser",
  plugins: ["@typescript-eslint", "prettier", "react-hooks"],
  rules: {
    "prettier/prettier": "error",
    "one-var": "off", // WHO CARES?????
    "no-use-before-define": "off", // YOU ARE WRONG
    "import/extensions": "off",
    "import/no-unresolved": "off",
    "no-param-reassign": "off",
    "no-alert": "off",
    "no-console": "off",
    "func-names": "off",
    "dot-notation": ["error", { allowPattern: "^[A-Z][a-z]+$" }],
    "@typescript-eslint/ban-ts-comment": [
      "error",
      {
        "ts-expect-error": "allow-with-description",
      },
    ],
    "react-hooks/rules-of-hooks": "error",
    "react-hooks/exhaustive-deps": "warn",
  },
 };
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,5 @@
 dist
 .cache
 node_modules
 generated
 debug.log
--- a/.prettierrc
+++ b/.prettierrc
@ -0,0 +1,4 @@
 {
  "singleQuote": false,
  "endOfLine": "auto"
 }
--- a/package.json
+++ b/package.json
@ -0,0 +1,15 @@
 {
  "name": "client",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "dependencies": {
    "@msgpack/msgpack": "^2.2.0",
    "parcel-bundler": "^1.12.4",
    "sass": "^1.26.11",
    "typescript": "^4.0.3"
  },
  "scripts": {
    "dev": "parcel src/index.html"
  }
 }
--- a/src/index.html
+++ b/src/index.html
@ -0,0 +1,12 @@
 <!DOCTYPE html>
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>NSS Odyssey</title>
    <link rel="stylesheet" href="style.scss" />
  </head>
  <body>
    <script src="index.ts"></script>
  </body>
 </html>
--- a/src/index.ts
+++ b/src/index.ts
@ -0,0 +1,14 @@
 import messages, { decode } from "./network/messages";

 const url = "ws://localhost:9000";
 const protocols = ["odyssey-1-unstable"];
 const webSocket = new WebSocket(url, protocols);
 webSocket.binaryType = "arraybuffer";
 webSocket.onopen = function (event) {
  console.log(event);
  webSocket.send(messages.Hello());
 };
 webSocket.onmessage = function (ev) {
  const data = decode(ev.data);
  console.log("Received ", data);
 };
--- a/src/network/messages.ts
+++ b/src/network/messages.ts
@ -0,0 +1,58 @@
 import { encode as encodeMP, decode as decodeMP } from "@msgpack/msgpack";

 const CLIENT_PROTOCOL = "odynet-a1";

 interface ServerCmdHello {
  type: "Hello";
  server_name: string;
  protocol_ver: string;
 }

 interface ServerCmdError {
  type: "Error";
  error_msg: string;
 }

 type ServerMessage = ServerCmdHello | ServerCmdError;

 interface ClientCmdHello {
  type: "Hello";
 }

 type ClientMessage = ClientCmdHello;

 export enum ServerMessageCode {
  Hello = 0,
  Error = 1,
 }

 export enum ClientMessageCode {
  Hello = 0,
 }

 export function decode(data: ArrayBuffer): ServerMessage {
  const obj = decodeMP(data);
  const msgtype = parseInt(Object.keys(obj)[0], 10) as ServerMessageCode;
  const payload = obj[msgtype] as any[];
  switch (msgtype) {
    case ServerMessageCode.Hello:
      return {
        type: "Hello",
        server_name: payload[0],
        protocol_ver: payload[1],
      };
    case ServerMessageCode.Error:
      return { type: "Error", error_msg: payload[0] };
  }
 }

 export function encode(data: ClientMessage) {
  switch (data.type) {
    case "Hello":
      return encodeMP({ Hello: [] });
  }
 }

 export default {
  Hello: () => encode({ type: "Hello" }),
 };
--- a/src/style.scss
+++ b/src/style.scss
@ -0,0 +1,6 @@
 html,
 body {
  margin: 0;
  padding: 0;
  background-color: black;
 }
--- a/yarn.lock
+++ b/yarn.lock