Fix build

index.html

@@ -7,6 +7,7 @@
     <button onclick="toggleMenu()" class="menubutton ui">
       <img alt="menu button" id="menubutton" />
     </button>
+    <!-- todo change visuals of menu to not be a square, but to only be the icon with a white "shadow" around the icon contours.  -->
     <div class="menu ui" id="menu" style="display: none">
       <div><a href="https://discord.gg/XzpSVxx">Discord</a></div>
       <div>

package.json

@@ -4,15 +4,11 @@
   "description": "An infinite, open source, minesweeper implementation. Perfect for creating bots, and based on borbit's mienfield.com",
   "scripts": {
     "dev": "vite --open",
+    "check": "bun i && eslint --ext .js,.jsx,.ts,.tsx ./src --fix && prettier --write . && bun ci && vite preview --open",
+    "ci": "bun install --production && prettier --check . && tsc --noemit && vite build",
     "test": "vitest",
-    "clean": "git clean -Xdf",
-    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix && prettier --write .",
     "test-single": "uvu -r tsm",
-    "test-watch": "watchlist -e src -- bun run test-single",
-    "ci": "bun install --production && prettier --check . && vite build",
-    "localci": "rm ./bun.lockb && bun i && bun lint && bun clean && bun ci && vite preview --open",
-    "build": "vite build",
-    "type": "tsc --noemit"
+    "test-watch": "watchlist -e src -- bun run test-single"
   },
   "repository": {
     "type": "git",

src/FieldRenderer.ts

@@ -38,22 +38,6 @@ export class FieldRenderer extends PIXI.Application {
 }
 
 // todo: bug when i reset the game to reset the camera to 0,0, then the cell at 0,0 flashes with the "zoom out to spawn" animation every time the camera moves a pixel.
-const app = new PIXI.Application();
-
-await app.init({
-  resizeTo: window,
-  backgroundColor: 0x1099bb,
-});
-
-document.body.appendChild(app.canvas);
-
-PIXI.TextureSource.defaultOptions.scaleMode = "nearest";
-
-const fieldContainer = new PIXI.Container();
-const clickHandler = new PIXI.Container();
-clickHandler.eventMode = "static";
-app.stage.addChild(clickHandler);
-
 function updateCell(field: Field, cell: Cell & { sprite?: CellSprite }) {
   if (cell.sprite === undefined) {
     const value = field.value(cell.x, cell.y);
@@ -127,3 +111,21 @@ function setup(
 
   console.log("done setup");
 }
+
+const app = new PIXI.Application();
+const fieldContainer = new PIXI.Container();
+const clickHandler = new PIXI.Container();
+
+(async () => {
+  await app.init({
+    resizeTo: window,
+    backgroundColor: 0x1099bb,
+  });
+
+  document.body.appendChild(app.canvas);
+
+  PIXI.TextureSource.defaultOptions.scaleMode = "nearest";
+
+  clickHandler.eventMode = "static";
+  app.stage.addChild(clickHandler);
+})();

vite.config.js

@@ -2,9 +2,6 @@ import { defineConfig } from "vite";
 
 export default defineConfig({
   base: "/infinite-minesweeper/",
-  build: {
-    target: "esnext",
-  },
   resolve: {
     alias: {
       crypto: "src/empty.ts",