feat(devcontainer): Auto-reload on file change

When the userscript is rebuilt, the web server in the dev container now automatically refreshes the page.

Author: oliversalzburg

packages/kittensgame/Dockerfile

@@ -3,10 +3,11 @@ FROM docker.io/library/node:20.10.0-bookworm@sha256:445acd9b2ef7e9de665424053bf9
 ARG BRANCH=master
 
 EXPOSE 8080
+EXPOSE 8086
 
-RUN git clone https://github.com/nuclear-unicorn/kittensgame.git \
+RUN git clone --branch $BRANCH --single-branch https://github.com/nuclear-unicorn/kittensgame.git \
   && cd kittensgame \
-  && git checkout $BRANCH \
+  && yarn add -D watch-http-server \
   && yarn install
 
 # Copy the script that injects kitten-scientists.inject.js into index.html and execute it.
@@ -16,4 +17,4 @@ COPY "inject-scientists.js" "inject-scientists.js"
 RUN node inject-scientists.js
 
 # Start the development server that serves the Kittens Game.
-CMD [ "/bin/bash", "-c", "yarn start" ]
+CMD [ "/bin/bash", "-c", "yarn run watch-http-server" ]

packages/kittensgame/scripts/run-development-container.sh

@@ -27,6 +27,7 @@ main() {
     --detach \
     --mount type=bind,source="${BASEDIR}/../../kitten-scientists/output",target=/kittensgame/kitten-scientists \
     --name kittensgame \
+    --publish 8086:8086 \
     --publish 8100:8080 \
     kittensgame
   echo "Container started."