chore: made some frontend code optional

Using NODE_ENV to determine if frontend code should be included in the build.

CHANGELOG.md

@@ -15,7 +15,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
-*
+* Made part of the frontend code conditional on `NODE_ENV = "development"`
 
 ### Fixed
 

frontends/web/package.json

@@ -8,7 +8,7 @@
     },
     "license": "Apache-2.0",
     "scripts": {
-        "build": "parcel build index.html",
+        "build": "NODE_ENV=production parcel build index.html",
         "dev": "parcel index.html",
         "lint": "eslint .",
         "nodemon": "nodemon --exec \"parcel --no-cache index.html\"",
@@ -19,10 +19,11 @@
     "source": "index.ts",
     "devDependencies": {
         "@parcel/transformer-typescript-tsc": "^2.10.3",
+        "@types/node": "^20.10.6",
         "@types/react": "^18.2.46",
         "@types/react-dom": "^18.2.18",
-        "@typescript-eslint/eslint-plugin": "^6.16.0",
-        "@typescript-eslint/parser": "^6.16.0",
+        "@typescript-eslint/eslint-plugin": "^6.17.0",
+        "@typescript-eslint/parser": "^6.17.0",
         "buffer": "^6.0.3",
         "emukit": "^0.9.4",
         "eslint": "^8.56.0",

frontends/web/ts/gb.ts

@@ -543,17 +543,20 @@ export class GameboyEmulator extends EmulatorBase implements Emulator {
     }
 
     get sections(): SectionInfo[] {
-        return [
+        const _sections: SectionInfo[] = [
             {
                 name: "Serial",
                 icon: require("../res/serial.svg"),
                 node: SerialSection({ emulator: this })
-            },
-            {
-                name: "Test",
-                node: TestSection({})
             }
         ];
+        if (process.env.NODE_ENV === "development") {
+            _sections.push({
+                name: "Test",
+                node: TestSection({})
+            });
+        }
+        return _sections;
     }
 
     get help(): HelpPanel[] {