add rest

package.json

@@ -41,6 +41,7 @@
     "history": "^5.1.0",
     "jsonwebtoken": "^9.0.0",
     "material-design-icons": "^3.0.1",
+    "openpgp": "^5.9.0",
     "plotly.js": "^2.12.1",
     "react": "^18.2.0",
     "react-app-rewired": "^2.2.1",
@@ -60,6 +61,7 @@
     "react-select": "^5.7.0",
     "react-syntax-highlighter": "15.5.0",
     "react-twitch-embed": "^3.0.1",
+    "react-unity-webgl": "^9.4.0",
     "react-use-websocket": "^4.3.1",
     "reactstrap": "^9.1.1",
     "seedrandom": "^3.0.5",
@@ -88,5 +90,9 @@
       "not dead",
       "not op_mini all"
     ]
+  },
+  "devDependencies": {
+    "@openpgp/web-stream-tools": "^0.0.13",
+    "@types/crypto-js": "^4.1.1"
   }
 }

src/components/apps/dungeon/constants.tsx

@@ -51,7 +51,7 @@ if (isMobile) {
     POTION_SIZE = 20;
 }
 
-export const PROD = true;
+export const PROD = false;
 export const TEST = false;
 export const DEBUG = false;
 
@@ -82,6 +82,7 @@ export const enum Screen {
     STATS_SCREEN = 9,
     MARKETPLACE_SCREEN = 10,
     ARENA_SCREEN = 11,
+    REST_SCREEN = 12,
 }
 
 export const enum KeyType {

src/components/apps/dungeon/css/unity.css

@@ -0,0 +1,42 @@
+.container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 40px;
+}
+
+.container .unityWrapper {
+    background: #cecece;
+    width: 1200px;
+    height: 600px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.container .unityWrapper .loadingBar {
+    background: #8c8c8c;
+    width: 400px;
+    height: 10px;
+    border-radius: 5px;
+    overflow: hidden;
+}
+
+.container .unityWrapper .loadingBar .loadingBarFill {
+    height: 6px;
+    border-radius: 5px;
+    margin: 2px;
+    background: #ffffff;
+    transition: 0.3s width ease-out;
+}
+
+.container .unityWrapper canvas {
+    width: 100%;
+    height: 100%;
+}
+
+.container .screenshots {
+    display: grid;
+    gap: 20px;
+    grid-template-columns: repeat(3, 1fr);
+}