Add optional assetLoadCallback option to init

This will fire each time a file is loaded.

Author: goldfire

README.md

@@ -15,6 +15,7 @@ View sample usage in this [Phaser ES6 Boilerplate](https://github.com/goldfire/p
 * Supports all filetypes.
 * Supports asset postfix for retina support ('@2x', '@3x', etc).
 * Supports automatic loading of compressed textures (PVRTC, S3TC, ETC1).
+* Optional callback to track each file load (including fonts).
 
 ## Install
 
@@ -91,6 +92,18 @@ this.game.plugins.add(WebpackLoader, AssetManifest, '@2x')
   });
 ```
 
+If you want to know when each file is loaded, use the optional callback:
+
+```javascript
+this.game.plugins.add(WebpackLoader, AssetManifest, '@2x', () => {
+  console.log('File loaded!');
+})
+  .load()
+  .then(() => {
+    this.game.state.start('Main');
+  });
+```
+
 ## Loading Fonts
 
 The font loader uses [Web Font Loader](https://github.com/typekit/webfontloader), which supports loading web fonts from all major providers. Simply provide their standard configuration object in your manifest.
@@ -150,6 +163,6 @@ module: {
 
 ### License
 
-Copyright (c) 2017 [James Simpson](https://twitter.com/GoldFireStudios) and [GoldFire Studios, Inc.](http://goldfirestudios.com)
+Copyright (c) 2018 [James Simpson](https://twitter.com/GoldFireStudios) and [GoldFire Studios, Inc.](http://goldfirestudios.com)
 
 Released under the [MIT License](https://github.com/goldfire/phaser-webpack-loader/blob/master/LICENSE.md).

src/index.js

@@ -7,10 +7,14 @@ import WebFont from 'webfontloader';
 export default class WebpackLoader extends Phaser.Plugin {
   /**
    * Initialize the load plugin.
-   * @param  {Object} manifest Your asset manifest file contents.
-   * @param  {String} postfix  (optional) Postfix to append to assets.
+   * @param  {Object} manifest          Your asset manifest file contents.
+   * @param  {String} postfix           (optional) Postfix to append to assets.
+   * @param  {Function} assetLoadCallback Callback to fire when each file has loaded.
    */
-  init(manifest, postfix = '') {
+  init(manifest, postfix = '', assetLoadCallback) {
+    // Define the asset load callback.
+    this._assetLoadCallback = assetLoadCallback || (() => {});
+
     // Pull the font values out of the manifest.
     this.fonts = manifest.fonts || {};
 
@@ -60,8 +64,12 @@ export default class WebpackLoader extends Phaser.Plugin {
         });
       });
 
+      // Setup listener for each asset loading.
+      this.game.load.onFileComplete.add(this._assetLoadCallback);
+
       // Once everything has loaded, resolve the promise.
       this.game.load.onLoadComplete.addOnce(() => {
+        this.game.load.onFileComplete.remove(this._assetLoadCallback);
         resolve();
       });
 
@@ -81,7 +89,10 @@ export default class WebpackLoader extends Phaser.Plugin {
 
     return new Promise((resolve) => {
       WebFont.load(Object.assign({}, this.fonts, {
-        active: resolve,
+        active: () => {
+          this._assetLoadCallback();
+          resolve();
+        },
       }));
     });
   }