include files at build time

http_server.ts

@@ -7,6 +7,11 @@ import { discoverDevices } from "./discovery.js";
 import { DevSerial, SendDevStatus } from "./impl.js";
 import { Handlers, makeSession, Session, startVideoStream } from "./session.js";
 
+// @ts-expect-error TS2307
+import favicon from "./cam.ico.gz";
+// @ts-expect-error TS2307
+import html_template from "./asd.html";
+
 const BOUNDARY = "a very good boundary line";
 const responses: Record<string, http.ServerResponse[]> = {};
 const audioResponses: Record<string, http.ServerResponse[]> = {};
@@ -16,19 +21,23 @@ const sessions: Record<string, Session> = {};
 const nameFile = "cameras.txt";
 
 // Reads the simple mapping of camera names from the text file.
-const cameraNames = Object.assign({},
+const cameraNames = Object.assign(
-    ...(existsSync(nameFile) ? readFileSync(nameFile, "utf8") : "").toString()
+  {},
-    .replace(/\r\n/g, "\n").split("\n")
+  ...(existsSync(nameFile) ? readFileSync(nameFile, "utf8") : "")
-    .filter(l => !l.startsWith("#"))
+    .toString()
-    .filter(l => l.trim() != "")
+    .replace(/\r\n/g, "\n")
-    .map(l => { let kv = l.split("="); return ({ [kv[0]]: kv[1] }); }));
+    .split("\n")
+    .filter((l) => !l.startsWith("#"))
+    .filter((l) => l.trim() != "")
+    .map((l) => {
+      let kv = l.split("=");
+      return { [kv[0]]: kv[1] };
+    }),
+);
 
 // Returns the camera name (custom name, if it exists, otherwise its ID).
 const cameraName = (id: string): string => cameraNames[id] || id;
 
-// Page's favicon.
-const favicon = readFileSync("cam.ico.gz");
-
 // The HTTP server.
 export const serveHttp = (opts: opt, port: number, with_audio: boolean) => {
   const server = http.createServer((req, res) => {
@@ -45,11 +54,11 @@ export const serveHttp = (opts: opt, port: number, with_audio: boolean) => {
         res.end("Nothing online");
         return;
       }
-      const ui = readFileSync("asd.html").toString()
+      const ui = html_template
-          .replace(/\${id}/g, devId)
+        .toString()
-          .replace(/\${name}/g, cameraName(devId))
+        .replace(/\${id}/g, devId)
-          .replace(/\${audio}/g, with_audio.toString())
+        .replace(/\${name}/g, cameraName(devId))
-          .replace(/\${debug}/g, opts.debug.toString());
+        .replace(/\${audio}/g, with_audio.toString());
       res.end(ui);
       return;
     }

package.json

@@ -3,13 +3,13 @@
   "scripts": {
     "test": "mocha tests",
     "tsc": "tsc",
-    "build": "esbuild cmd/bin.ts  --bundle --platform=node --outfile=dist/bin.cjs --target=node12"
+    "build": "esbuild cmd/bin.ts  --bundle --platform=node --outfile=dist/bin.cjs --target=node12 --loader:.gz=binary --loader:.html=text"
   },
   "devDependencies": {
     "@types/yargs": "^17.0.32",
+    "esbuild": "^0.20.2",
     "mocha": "^10.2.0",
     "ts-node": "^10.9.2",
-    "esbuild": "^0.20.2",
     "typescript": "^5.3.3"
   },
   "dependencies": {