express/cors/compression types, script improvements

package.json

@@ -1,10 +1,16 @@
 {
   "devDependencies": {
+    "@types/compression": "^1.8.1",
+    "@types/cors": "^2.8.19",
+    "@types/express": "^5.0.6",
+    "pm2": "^6.0.14",
     "typescript": "^5.9.3"
   },
   "scripts": {
-    "dev": "tsc --watch & tsc -b src/srv/ --watch & http-server src & node --watch src/srv/proxy.js",
+    "dev": "tsc --watch & tsc -b src/srv/ --watch & node --watch src/srv/proxy.js",
-    "build": "tsc"
+    "build": "tsc",
+    "serve": "pm2 start src/srv/proxy.js",
+    "stop": "pm2 stop proxy"
   },
   "dependencies": {
     "compression": "^1.8.1",

src/res/style.css

@@ -109,8 +109,10 @@ input {
 }
 
 #player > img {
-    max-width: 512px;
+    min-width: 256px;
-    max-height: 512px;
+    min-height: 256px;;
+    max-width: 400px;
+    max-height: 400px;
     margin-bottom: 20px;
 }
 
@@ -159,4 +161,24 @@ input {
         box-shadow: 0 5px 5px 5px #bbb;
         background: white;
     }
+}
+
+@media (max-width: 400px) {
+    #player > img {
+        min-width: 256px;
+        min-height: 256px;
+        max-width: 300px;
+        max-height: 300px;
+        margin-bottom: 20px;
+    }
+}
+
+@media (max-width: 300px) {
+    #player > img {
+        min-width: 100px;
+        min-height: 100px;
+        max-width: 200px;
+        max-height: 200px;
+        margin-bottom: 20px;
+    }
 }

src/srv/proxy.ts

@@ -3,10 +3,16 @@
 import express from "express"
 import cors from "cors"
 import compression from "compression"
+import path from "path"
 
 const app = express()
 app.use(cors())
 app.use(compression())
+app.use(express.static(path.resolve("src")))
+
+app.get("/", (req, res) => {
+    res.sendFile("src/index.html", { root: "." })
+})
 
 app.get("/version", (req, res) => {
     let host = req.query.host