checkin
This commit is contained in:
commit
e1b0b9f3e2
GPG key ID:
41467804B19A3315
9 changed files with 5427 additions and 0 deletions
33
.eslintrc.js
Normal file
33
.eslintrc.js
Normal file
|
|
@ -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",
|
||||
},
|
||||
};
|
||||
5
.gitignore
vendored
Normal file
5
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
dist
|
||||
.cache
|
||||
node_modules
|
||||
generated
|
||||
debug.log
|
||||
4
.prettierrc
Normal file
4
.prettierrc
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"singleQuote": false,
|
||||
"endOfLine": "auto"
|
||||
}
|
||||
15
package.json
Normal file
15
package.json
Normal file
|
|
@ -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"
|
||||
}
|
||||
}
|
||||
12
src/index.html
Normal file
12
src/index.html
Normal file
|
|
@ -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>
|
||||
14
src/index.ts
Normal file
14
src/index.ts
Normal file
|
|
@ -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);
|
||||
};
|
||||
58
src/network/messages.ts
Normal file
58
src/network/messages.ts
Normal file
|
|
@ -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" }),
|
||||
};
|
||||
6
src/style.scss
Normal file
6
src/style.scss
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: black;
|
||||
}
|
||||
Loading…
Reference in a new issue