build-and-run.sh is a separate script

Author: thejoshwolfe

README.md

@@ -7,27 +7,25 @@
 Install `node` and `npm`. (For NixOS, see `./*.nixos.sh` for convenience.)
 
 ```
-./run.sh
+./build-and-run.sh
 ```
 
 To allow external device access: (Note: The security of this project has not been thoroughly audited. Use at your own risk.)
 
 ```diff
-diff --git a/lib/server.js b/lib/server.js
-index a0d9906..f3e06ac 100644
---- a/lib/server.js
-+++ b/lib/server.js
-@@ -23,8 +23,8 @@ function main() {
-     webSocketServer.on("connection", function(socket) {
-       handleNewSocket(socket);
-     });
--    httpServer.listen(25407, "127.0.0.1", function(err) {
--      console.log("serving: http://127.0.0.1:25407/");
-+    httpServer.listen(25407, "0.0.0.0", function(err) {
-+      console.log("serving: http://0.0.0.0:25407/");
-     });
-   });
- }
+diff --git a/lib/server.ts b/lib/server.ts
+index eedb131..b4f8699 100644
+--- a/lib/server.ts
++++ b/lib/server.ts
+@@ -5,7 +5,7 @@ import {WebSocket, WebSocketServer} from "ws";
+ import database from "./database";
+ import defaultRoomState from "./defaultRoom";
+ 
+-const bindIpAddress = "127.0.0.1";
++const bindIpAddress = "0.0.0.0";
+ 
+ function main() {
+   var app = express();
 ```
 
 ## Status

build-and-run.nixos.sh

@@ -0,0 +1 @@
+exec nix-shell --pure -p nodejs --run 'exec ./build-and-run.sh'

build-and-run.sh

@@ -0,0 +1 @@
+./build.sh && exec npm run run

lib/server.ts

@@ -5,6 +5,8 @@ import {WebSocket, WebSocketServer} from "ws";
 import database from "./database";
 import defaultRoomState from "./defaultRoom";
 
+const bindIpAddress = "127.0.0.1";
+
 function main() {
   var app = express();
   app.use(express.static("../public"));
@@ -16,8 +18,8 @@ function main() {
   wss.on("connection", function(socket) {
     handleNewSocket(socket);
   });
-  httpServer.listen(25407, "127.0.0.1", function() {
-    console.log("serving: http://127.0.0.1:25407/");
+  httpServer.listen(25407, bindIpAddress, function() {
+    console.log(`serving: http://${bindIpAddress}:25407/`);
   });
 }
 

public/ui_layout.ts

@@ -192,7 +192,7 @@ function submitRoomCode() {
 const loadingMessageDiv = document.getElementById("loadingMessageDiv") as HTMLDivElement;
 export function setScreenMode(newMode: ScreenMode) {
   screenMode = newMode;
-  let loadingMessage = null;
+  let loadingMessage: string | null = null;
   let activeDivId = (function () {
     switch (screenMode) {
       case ScreenMode.PLAY: return "roomDiv";

run.sh

@@ -1 +1 @@
-./build.sh && exec npm run run
+cd lib && exec node server.js