upgrade pixi.js to v6

games/space-invaders/package.json

@@ -29,7 +29,7 @@
     "@robotlegsjs/core": "^3.0.0",
     "@robotlegsjs/pixi": "^3.0.0",
     "@robotlegsjs/pixi-palidor": "^3.0.0",
-    "pixi.js": "^5.2.1",
+    "pixi.js": "^6.3.2",
     "reflect-metadata": "^0.1.13",
     "tslib": "^2.3.0"
   },

games/space-invaders/src/Game.ts

@@ -1,22 +1,19 @@
-/// <reference path="../node_modules/@robotlegsjs/pixi/definitions/pixi.d.ts" />
-
 import { Context } from "@robotlegsjs/core";
 import { ContextView } from "@robotlegsjs/pixi";
 import { PalidorBundle } from "@robotlegsjs/pixi-palidor";
+import { AbstractRenderer, autoDetectRenderer, Container } from "pixi.js";
 import { GameConfig } from "./config/GameConfig";
 import { PalidorConfig } from "./config/PalidorConfig";
 import { ViewsConfig } from "./config/ViewsConfig";
 
-import PIXI = require("pixi.js");
-
 export class Game {
-    private _stage: PIXI.Container;
-    private _renderer: PIXI.Renderer;
+    private _stage: Container;
+    private _renderer: AbstractRenderer;
     private _context: Context;
 
     public constructor() {
-        this._renderer = PIXI.autoDetectRenderer({ width: 340, height: 480 });
-        this._stage = new PIXI.Container();
+        this._renderer = autoDetectRenderer({ width: 340, height: 480 });
+        this._stage = new Container();
         this._context = new Context();
         this._context
             .install(PalidorBundle)

games/space-invaders/src/mediators/GameOverPopupMediator.ts

@@ -13,8 +13,8 @@ export class GameOverPopupMediator extends Mediator<GameOverPopup> {
     private _gameService: GameService;
 
     public initialize(): void {
-        this.eventMap.mapListener(this.view.homeButton, "click", this._onClickHomeButton, this);
-        this.eventMap.mapListener(this.view.retryButton, "click", this._onClickRetryButton, this);
+        this.eventMap.on(this.view.homeButton, "click", this._onClickHomeButton, this);
+        this.eventMap.on(this.view.retryButton, "click", this._onClickRetryButton, this);
     }
 
     public destroy(): void {

games/space-invaders/src/mediators/HUDGameComponentMediator.ts

@@ -18,7 +18,7 @@ export class HUDGameComponentMediator extends Mediator<HUDGameComponent> {
     private _flowService: FlowService;
 
     public initialize(): void {
-        this.eventMap.mapListener(this.view.pauseButton, "click", this.pauseButton_onClick, this);
+        this.eventMap.on(this.view.pauseButton, "click", this.pauseButton_onClick, this);
         this.eventMap.mapListener(
             this.eventDispatcher,
             GameEvent.UPDATE_HUD_DATA,

games/space-invaders/src/mediators/HomeViewMediator.ts

@@ -9,13 +9,8 @@ export class HomeViewMediator extends Mediator<HomeView> {
     private _flowService: FlowService;
 
     public initialize(): void {
-        this.eventMap.mapListener(this.view.startButton, "click", this.startButton_onClick, this);
-        this.eventMap.mapListener(
-            this.view.optionButton,
-            "click",
-            this.optionsButton_onClick,
-            this
-        );
+        this.eventMap.on(this.view.startButton, "click", this.startButton_onClick, this);
+        this.eventMap.on(this.view.optionButton, "click", this.optionsButton_onClick, this);
     }
 
     public destroy(): void {

games/space-invaders/src/mediators/InfoPopupMediator.ts

@@ -9,7 +9,7 @@ export class InfoPopupMediator extends Mediator<InfoPopup> {
     private _service: FlowService;
 
     public initialize(): void {
-        this.eventMap.mapListener(this.view.closeButton, "click", this._onClickCloseButton, this);
+        this.eventMap.on(this.view.closeButton, "click", this._onClickCloseButton, this);
     }
 
     public destroy(): void {

games/space-invaders/src/mediators/OptionsViewMediator.ts

@@ -9,8 +9,8 @@ export class OptionsViewMediator extends Mediator<OptionsView> {
     private _flowService: FlowService;
 
     public initialize(): void {
-        this.eventMap.mapListener(this.view.homeButton, "click", this._onClickHomeButton, this);
-        this.eventMap.mapListener(this.view.resetButton, "click", this._onClickResetButton, this);
+        this.eventMap.on(this.view.homeButton, "click", this._onClickHomeButton, this);
+        this.eventMap.on(this.view.resetButton, "click", this._onClickResetButton, this);
     }
 
     public destroy(): void {

games/space-invaders/src/mediators/PausePopupMediator.ts

@@ -13,9 +13,9 @@ export class PausePopupMediator extends Mediator<PausePopup> {
     private _gameService: GameService;
 
     public initialize(): void {
-        this.eventMap.mapListener(this.view.homeButton, "click", this._onClickHomeButton, this);
-        this.eventMap.mapListener(this.view.resumeButton, "click", this._onClickResumeButton, this);
-        this.eventMap.mapListener(this.view.retryButton, "click", this._onClickRetryButton, this);
+        this.eventMap.on(this.view.homeButton, "click", this._onClickHomeButton, this);
+        this.eventMap.on(this.view.resumeButton, "click", this._onClickResumeButton, this);
+        this.eventMap.on(this.view.retryButton, "click", this._onClickRetryButton, this);
     }
 
     public destroy(): void {

games/space-invaders/src/mediators/ResetConfirmPopupMediator.ts

@@ -9,13 +9,8 @@ export class ResetConfirmPopupMediator extends Mediator<ResetConfirmPopup> {
     private _flowService: FlowService;
 
     public initialize(): void {
-        this.eventMap.mapListener(
-            this.view.confirmButton,
-            "click",
-            this._onClickConfirmButton,
-            this
-        );
-        this.eventMap.mapListener(this.view.cancelButton, "click", this._onClickCancelButton, this);
+        this.eventMap.on(this.view.confirmButton, "click", this._onClickConfirmButton, this);
+        this.eventMap.on(this.view.cancelButton, "click", this._onClickCancelButton, this);
     }
 
     public destroy(): void {

games/space-invaders/src/views/IntroView.ts

@@ -19,7 +19,10 @@ export class IntroView extends Container {
     }
 
     private _setupImages(): void {
-        const logo: Sprite = TilingSprite.from(AtlasKeys.LOGO_TYPESCRIPT);
+        const logo: Sprite = TilingSprite.from(AtlasKeys.LOGO_TYPESCRIPT, {
+            width: 340,
+            height: 64
+        });
         logo.anchor.x = 0.5;
         logo.x = ViewPortSize.HALF_WIDTH;
         logo.y = ViewPortSize.MAX_HEIGHT - 64;

games/space-invaders/tsconfig.json

@@ -8,8 +8,8 @@
     /* Module Resolution Options */
     "moduleResolution": "node" /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */,
     "types": ["reflect-metadata"] /* Type declaration files to be included in compilation. */,
-    "allowSyntheticDefaultImports": false /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */,
-    "esModuleInterop": false /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
+    "allowSyntheticDefaultImports": true /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */,
+    "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
     /* Basic Config Options */
     "allowJs": false /* Allow javascript files to be compiled. */,
     "checkJs": false /* Report errors in .js files. */,
@@ -39,5 +39,9 @@
     "emitDecoratorMetadata": true /* Enables experimental support for emitting type metadata for decorators. */
   },
   "include": ["./src/**/*.ts"],
-  "files": ["./node_modules/@robotlegsjs/pixi/definitions/pixi.d.ts"]
+  "paths": {
+    "mini-signals": [
+      "node_modules/resource-loader/typings/mini-signals.d.ts" /* Loaders needs this to use the more strict mini-signal types */
+    ]
+  }
 }