一部TypedArrayがサポートされてないため、dashboardでのmsgpack通信を無効化 (#25)

Fixes #24.


一部TypedArrayがサポートされてないため、msgpack通信を無効化しました（[参考](https://github.com/msgpack/msgpack-javascript/issues/182)）。
-
[msgpack-lite](https://www.npmjs.com/package/msgpack-lite)の方がサポートされてるTypeは多いようですが、パッケージが古い（６年〜）・decodeAsyncがサポートされてないなどの理由で不採用。
- カスタム拡張を自作することで対応できそうですが、時間がかかる・frontend/backend両方実装する必要があると難易度が高い。

その他変更点まとめ：
- `npm audit fix`でdashboardの依存パッケージ脆弱性を修正
- M1Macでも動けるよう、`docker-compose.yml`に`platform`指定を追加

Author: makiuchi-d

wsnet2-dashboard/backend/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "wsnet2-dashboard-backend",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Backend for wsnet2-dashboard",
   "main": "src/index.ts",
   "scripts": {
@@ -23,7 +23,6 @@
     "cors": "^2.8.5",
     "dotenv": "^14.3.2",
     "express": "^4.17.2",
-    "express-msgpack": "^3.0.2",
     "graphql": "^15.8.0",
     "mysql2": "^2.3.3",
     "nexus": "^1.1.0",

wsnet2-dashboard/backend/package.json

@@ -1,5 +1,4 @@
 import express from "express";
-import msgpack from "express-msgpack";
 import cors from "cors";
 import { ApolloServer } from "apollo-server-express";
 // local imports
@@ -24,9 +23,9 @@ async function init() {
     })
   );
 
-  app.use(msgpack());
-  // app.use(express.json());
-  // app.use(express.urlencoded({ extended: true }));
+  // app.use(msgpack());
+  app.use(express.json());
+  app.use(express.urlencoded({ extended: true }));
   await server.start();
   server.applyMiddleware({ app, path: "/graphql" });
 
@@ -39,8 +38,12 @@ async function init() {
 // start server
 init()
   .then((app) => {
-    app.listen(process.env.SERVER_PORT, () => {
-      console.log(`Start on port ${String(process.env.SERVER_PORT)}.`);
+    app.listen({
+      port: process.env.SERVER_PORT,
+      // host: "0.0.0.0",
+      callback: () => {
+        console.log(`Start on port ${String(process.env.SERVER_PORT)}.`);
+      },
     });
   })
   .catch((err: Error) => {

wsnet2-dashboard/backend/src/index.ts

@@ -26,7 +26,10 @@ router.get("/", (req: express.Request, res: express.Response) => {
         `),
   ])
     .then(([[rooms], [servers]]) => {
-      res.status(200).send({ rooms: rooms, servers: servers });
+      res.status(200).send({
+        rooms: rooms,
+        servers: servers,
+      });
     })
     .catch((err: Error) => {
       res.status(500).send({ details: err.message });