Merge pull request #3 from joshaber/joshaber/fixups

Fix ups

Author: aprilla

.devcontainer/devcontainer.json

@@ -1,20 +1,20 @@
 {
     "portsAttributes": {
-        "8080": {
+        "3000": {
             "label": "Application",
             "onAutoForward": "openPreview"
         }
     },
     "customizations": {
         "codespaces": {
             "openFiles": [
-                "build/app.js"
+                "app/scripts/core/gameCoordinator.js"
             ]
         }
     },
-    "onCreateCommand": "npm install & npm install -g gulp",
+    "onCreateCommand": "npm install",
     "postAttachCommand": {
         "server": "npm run serve",
-        "watcher": "gulp watch"
+        "watcher": "npx gulp watch"
       }
-}
+}

.gitignore

@@ -1,2 +1,3 @@
 /node_modules
-/.nyc_output
+/.nyc_output
+/build/

app/scripts/core/gameCoordinator.js

@@ -708,6 +708,7 @@ class GameCoordinator {
     window.addEventListener('addTimer', this.addTimer.bind(this));
     window.addEventListener('removeTimer', this.removeTimer.bind(this));
     window.addEventListener('releaseGhost', this.releaseGhost.bind(this));
+    this.registerResizeListener();
 
     const directions = ['up', 'down', 'left', 'right'];
 
@@ -720,6 +721,22 @@ class GameCoordinator {
     });
   }
 
+  registerResizeListener() {
+    let timer = null;
+    window.addEventListener('resize', () => {
+      if (timer) {
+        clearTimeout(timer);
+        timer = null;
+      }
+
+      timer = setTimeout(() => {
+        if (this.scale !== this.determineScale(1)) {
+          window.location.reload();
+        }
+      }, 100);
+    });
+  }
+
   /**
    * Calls Pacman's changeDirection event if certain conditions are met
    * @param {({'up'|'down'|'left'|'right'})} direction