Upgrade to pixi 8

package.json

@@ -47,7 +47,7 @@
     "fast-check": "^3.0.1",
     "gsap": "^3.6.0",
     "node-localstorage": "^2.2.1",
-    "pixi.js": "7.4.2",
+    "pixi.js": "^8.2.6",
     "prettier": "^3.0.2",
     "reflect-metadata": "^0.1.13",
     "seedrandom": "^3.0.5",

src/Controls.ts

@@ -10,7 +10,7 @@ const LONG_PRESS_DURATION = 200; // Duration in milliseconds to consider it a lo
 
 type PixiEvent = {
   data: {
-    getLocalPosition: (arg0: PIXI.Container<PIXI.DisplayObject>) => PIXI.Point;
+    getLocalPosition: (arg0: PIXI.Container) => PIXI.Point;
   };
 };
 

src/Field.ts

@@ -12,11 +12,10 @@ import { Type } from "class-transformer";
 import "reflect-metadata";
 import { CellSprite } from "./CellSprite";
 import { Layout } from "./Layouts";
-const EventEmitter = PIXI.utils.EventEmitter;
 
 export type ChunkedField = Record<number, Record<number, Chunk>>;
 
-export class Field extends EventEmitter {
+export class Field extends PIXI.EventEmitter {
   public fieldData: ChunkedField;
   public probability: number;
   public safeRadius: number;

src/FieldRenderer.ts

@@ -37,15 +37,17 @@ export class FieldRenderer extends PIXI.Application {
   }
 }
 
-const app = new 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,
 });
 
-// todo after migration to v8 change with canvas
-document.body.appendChild(app.view as unknown as Node);
+document.body.appendChild(app.canvas);
 
-PIXI.BaseTexture.defaultOptions.scaleMode = PIXI.SCALE_MODES.NEAREST;
+PIXI.TextureSource.defaultOptions.scaleMode = "nearest";
 
 const fieldContainer = new PIXI.Container();
 const clickHandler = new PIXI.Container();