react-simple-game-engine 0.2.8 → 0.2.12

package/lib/classes/scene.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="p5" />
-import { ComponentType } from "react";
+import { ComponentType, ReactElement } from "react";
 import { Camera } from "./camera";
 import { LogicComponent } from "./logic-component";
 import { SceneManagement } from "./scene-management";
@@ -8,14 +8,29 @@ import { Prefab } from "./prefab";
 import { Sound } from "./sound";
 import { Avatar, GetSoundOptions, SoundManagement } from "../export-types";
 import { SoundType } from "../export-enums";
+declare type AssetErrorType = "load-sound" | "load-sprite" | "load-extends";
+export declare type AssetsFailBehavior = {
+    skip: true;
+    render?: never;
+} | {
+    skip?: false;
+    render?: (errors: {
+        type: AssetErrorType;
+        detail: any;
+    }[]) => ReactElement;
+};
 declare type SoundOptionsChangeListener<O extends SoundType> = (options: SoundManagement[O]) => void;
-declare type LoadAssetsListener = (loadedAssets: boolean) => void;
+declare type LoadAssetsListener = (loadedAssets: boolean, errors?: {
+    type: AssetErrorType;
+    detail: any;
+}[]) => void;
 declare type EntityPropsChangeListener<V = any> = (value: V) => void;
 declare type ProcessStateChangeListener = (isForeground: boolean) => void;
 export declare abstract class Scene<UIP = any> {
     private ui;
     private worldManagement;
     private _loadedAssets;
+    private _renderAssetsFail;
     private loadAssetsListener;
     private nativeEventsUnsubscribes;
     private readonly entityPropsChangeListeners;
@@ -33,6 +48,10 @@ export declare abstract class Scene<UIP = any> {
     manager: SceneManagement;
     abstract getComponents(camera: Camera): LogicComponent<EntitySult>[];
     constructor();
+    get renderAssetsFail(): () => ReactElement<any, string | import("react").JSXElementConstructor<any>> | {
+        type: AssetErrorType;
+        detail: any;
+    }[];
     get UI(): ComponentType<UIP> | (() => any);
     get UIProps(): UIP;
     get soundBackgroundOptions(): SoundManagement[SoundType.BACKGROUND];
@@ -45,6 +64,7 @@ export declare abstract class Scene<UIP = any> {
     protected getUIProps(): UIP;
     get loadedAssets(): boolean;
     private set loadedAssets(value);
+    private set loadedAssetsError(value);
     onProcessStateChangeListener(func: ProcessStateChangeListener): () => void;
     onSoundOnceOptionsChange(func: SoundOptionsChangeListener<SoundType.ONCE>): () => void;
     onSoundBackgroundOptionsChange(func: SoundOptionsChangeListener<SoundType.BACKGROUND>): () => void;
@@ -66,7 +86,7 @@ export declare abstract class Scene<UIP = any> {
     })[]): Promise<Sound[]>;
     mapSprites(...srcs: string[]): Promise<void>;
     mapSounds(...srcs: string[]): Promise<void>;
-    loadAssets(delay?: number): Promise<void>;
+    loadAssets(delay: number | undefined | null, { skip, render }?: AssetsFailBehavior): Promise<void>;
     onLoadAssets(): Promise<void>;
     getPrefab<C extends EntitySult>(Class: {
         new (...args: any[]): Prefab<C>;

package/lib/classes/scene.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scene.d.ts","sourceRoot":"","sources":["../../src/classes/scene.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"scene.d.ts","sourceRoot":"","sources":["../../src/classes/scene.ts"],"names":[],"mappings":"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"}

package/lib/classes/scene.js

@@ -58,6 +58,13 @@ var Scene = /** @class */ (function () {
         this._loadedAssets = false;
         this.onBorn();
     }
+    Object.defineProperty(Scene.prototype, "renderAssetsFail", {
+        get: function () {
+            return this._renderAssetsFail;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(Scene.prototype, "UI", {
         get: function () {
             var Ui = this.ui || (function () { return null; });
@@ -125,6 +132,14 @@ var Scene = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Scene.prototype, "loadedAssetsError", {
+        set: function (errors) {
+            var _a;
+            (_a = this.loadAssetsListener) === null || _a === void 0 ? void 0 : _a.call(this, this._loadedAssets, errors);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Scene.prototype.onProcessStateChangeListener = function (func) {
         var listeners = this.processStateChangeListeners;
         listeners.push(func);
@@ -195,23 +210,32 @@ var Scene = /** @class */ (function () {
         this.manager.gotoScene(tag);
     };
     Scene.prototype.loadSprites = function () {
-        var _this_1 = this;
-        return parallel(this.spritesDecor, function (decor) { return __awaiter(_this_1, void 0, void 0, function () {
-            var sprite;
+        return __awaiter(this, void 0, void 0, function () {
+            var _this_1 = this;
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0:
-                        if (!decor.src) return [3 /*break*/, 2];
-                        return [4 /*yield*/, createAssetImage(decor.src)];
+                    case 0: return [4 /*yield*/, parallel(this.spritesDecor, function (decor) { return __awaiter(_this_1, void 0, void 0, function () {
+                            var sprite;
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0:
+                                        if (!decor.src) return [3 /*break*/, 2];
+                                        return [4 /*yield*/, createAssetImage(decor.src)];
+                                    case 1:
+                                        sprite = _a.sent();
+                                        this[decor.propertyKey] = sprite;
+                                        this.sprites.push(sprite);
+                                        _a.label = 2;
+                                    case 2: return [2 /*return*/];
+                                }
+                            });
+                        }); }, MAX_ASSET_PARALLEL_LOAD)];
                     case 1:
-                        sprite = _a.sent();
-                        this[decor.propertyKey] = sprite;
-                        this.sprites.push(sprite);
-                        _a.label = 2;
-                    case 2: return [2 /*return*/];
+                        _a.sent();
+                        return [2 /*return*/];
                 }
             });
-        }); }, MAX_ASSET_PARALLEL_LOAD);
+        });
     };
     Scene.prototype.loadSounds = function () {
         return __awaiter(this, void 0, void 0, function () {
@@ -373,10 +397,12 @@ var Scene = /** @class */ (function () {
             });
         });
     };
-    Scene.prototype.loadAssets = function (delay) {
+    Scene.prototype.loadAssets = function (delay, _a) {
+        var _b = _a === void 0 ? {} : _a, _c = _b.skip, skip = _c === void 0 ? false : _c, render = _b.render;
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var result, hasErrors, errors_1;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0:
                         if (delay != null) {
                             this.assetsDelay = delay;
@@ -385,22 +411,46 @@ var Scene = /** @class */ (function () {
                         return [4 /*yield*/, tick(this.assetsDelay < 0 ? undefined : this.assetsDelay)];
                     case 1:
                         // if delay less than 0, it will wait forever
-                        _a.sent();
+                        _d.sent();
                         this.loadedAssets = false;
                         return [4 /*yield*/, Promise.all([
                                 this.loadSounds().catch(function (err) {
-                                    console.warn("Load sounds fail", err.toString());
+                                    return {
+                                        error: true,
+                                        type: "load-sound",
+                                        detail: err,
+                                    };
                                 }),
                                 this.loadSprites().catch(function (err) {
-                                    console.warn("Load sprites fail", err.toString());
+                                    return {
+                                        error: true,
+                                        type: "load-sprite",
+                                        detail: err,
+                                    };
                                 }),
                                 this.onLoadAssets().catch(function (err) {
-                                    console.warn("Load assets fail", err.toString());
+                                    return {
+                                        error: true,
+                                        type: "load-extends",
+                                        detail: err,
+                                    };
                                 }),
                             ])];
                     case 2:
-                        _a.sent();
-                        this.loadedAssets = true;
+                        result = _d.sent();
+                        hasErrors = result.some(function (rs) { return rs === null || rs === void 0 ? void 0 : rs.error; });
+                        if (hasErrors && !skip) {
+                            errors_1 = result.filter(function (rs) { return !!(rs === null || rs === void 0 ? void 0 : rs.error); });
+                            // this.loadedAssets = false;
+                            this._renderAssetsFail = function () {
+                                return render ? render(errors_1) : errors_1;
+                            };
+                            this.loadedAssetsError = errors_1;
+                        }
+                        else {
+                            // when dont have error or skip error
+                            this.loadedAssets = true;
+                        }
                         return [2 /*return*/];
                 }
             });
@@ -430,12 +480,13 @@ var Scene = /** @class */ (function () {
         this.bootSoundOptions();
         this.onProcessStateChangeListener(function (isForeground) {
             if (isForeground) {
-                for (var _i = 0, _a = _this_1.sounds; _i < _a.length; _i++) {
-                    var sound = _a[_i];
-                    // only resume background sounds
-                    if (sound.type === SoundType.BACKGROUND &&
-                        window.Renderer.isLooping) {
-                        sound.resume();
+                if (window.Renderer.running) {
+                    for (var _i = 0, _a = _this_1.sounds; _i < _a.length; _i++) {
+                        var sound = _a[_i];
+                        // only resume background sounds
+                        if (sound.type === SoundType.BACKGROUND) {
+                            sound.resume();
+                        }
                     }
                 }
             }

package/lib/ui-components/game-bootstrap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"game-bootstrap.d.ts","sourceRoot":"","sources":["../../src/ui-components/game-bootstrap.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAmB,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAe,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAErE,aAAK,cAAc,GAAG,sBAAsB,GAAG;IAC7C,MAAM,EAAE,UAAU,EAAE,CAAC;CACtB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,eA8BjE"}
+{"version":3,"file":"game-bootstrap.d.ts","sourceRoot":"","sources":["../../src/ui-components/game-bootstrap.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAmB,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAe,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAErE,aAAK,cAAc,GAAG,sBAAsB,GAAG;IAC7C,MAAM,EAAE,UAAU,EAAE,CAAC;CACtB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,eAkCjE"}

package/lib/ui-components/game-bootstrap.js

@@ -31,6 +31,7 @@ export function GameBootstrap(_a) {
     }, [scenes]);
     var _b = useState(sceneManagement.currentScene), currentScene = _b[0], setCurrentScene = _b[1];
     var _c = useState(currentScene.loadedAssets), setLoadedAssets = _c[1];
+    var _d = useState([]), setLoadAssetsError = _d[1];
     useEffect(function () {
         sceneManagement.onChangeScene(function (scene) {
             setCurrentScene(scene);
@@ -38,8 +39,11 @@ export function GameBootstrap(_a) {
         });
     }, [sceneManagement]);
     useEffect(function () {
-        currentScene.onLoadAssetNotify(function (isLoaded) {
+        currentScene.onLoadAssetNotify(function (isLoaded, errors) {
             setLoadedAssets(isLoaded);
+            if (errors) {
+                setLoadAssetsError(errors);
+            }
         });
     }, [currentScene]);
     return (_jsx(SceneRunner, __assign({ current: currentScene }, props), currentScene.sessionId));

package/lib/ui-components/scene-runner.d.ts

@@ -1,16 +1,17 @@
 import { ComponentType, ReactNode } from "react";
-import { Scene } from "../classes/scene";
+import { AssetsFailBehavior, Scene } from "../classes/scene";
 import { LayoutMode } from "../export-enums";
 export declare type SceneRunnerPublicProps = {
     width: number;
     height: number;
     assetsLoader?: ReactNode | ComponentType;
     assetsDelay?: number;
+    assetsFailBehavior?: AssetsFailBehavior;
     layoutMode?: LayoutMode;
 };
 declare type SceneRunnerProps = SceneRunnerPublicProps & {
     current: Scene;
 };
-export declare function SceneRunner({ assetsDelay, current, width, height, assetsLoader: AssetsLoader, layoutMode, }: SceneRunnerProps): JSX.Element;
+export declare function SceneRunner({ width, height, current, layoutMode, assetsDelay, assetsFailBehavior, assetsLoader: AssetsLoader, }: SceneRunnerProps): JSX.Element;
 export {};
 //# sourceMappingURL=scene-runner.d.ts.map

package/lib/ui-components/scene-runner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scene-runner.d.ts","sourceRoot":"","sources":["../../src/ui-components/scene-runner.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAEb,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAKzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7C,oBAAY,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,aAAK,gBAAgB,GAAG,sBAAsB,GAAG;IAC/C,OAAO,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,OAAO,EACP,KAAK,EACL,MAAM,EACN,YAAY,EAAE,YAAY,EAC1B,UAAiC,GAClC,EAAE,gBAAgB,eAiHlB"}
+{"version":3,"file":"scene-runner.d.ts","sourceRoot":"","sources":["../../src/ui-components/scene-runner.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAEb,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAK7D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7C,oBAAY,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,aAAK,gBAAgB,GAAG,sBAAsB,GAAG;IAC/C,OAAO,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,OAAO,EACP,UAAiC,EAEjC,WAAW,EACX,kBAAkB,EAClB,YAAY,EAAE,YAAY,GAC3B,EAAE,gBAAgB,eAyIlB"}

package/lib/ui-components/scene-runner.js

@@ -9,14 +9,16 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState, } from "react";
 import { Sketch } from "./sketch";
 import { useWindowSize } from "../utils";
 import { LayoutMode } from "../export-enums";
 import { Scaler } from "../classes/scaler";
 export function SceneRunner(_a) {
-    var assetsDelay = _a.assetsDelay, current = _a.current, width = _a.width, height = _a.height, AssetsLoader = _a.assetsLoader, _b = _a.layoutMode, layoutMode = _b === void 0 ? LayoutMode.LANDSCAPE : _b;
+    var width = _a.width, height = _a.height, current = _a.current, _b = _a.layoutMode, layoutMode = _b === void 0 ? LayoutMode.LANDSCAPE : _b, 
+    //
+    assetsDelay = _a.assetsDelay, assetsFailBehavior = _a.assetsFailBehavior, AssetsLoader = _a.assetsLoader;
     var windowSize = useWindowSize();
     var refScaler = useRef(new Scaler(windowSize, { width: width, height: height }, layoutMode));
     var _c = useState(false), isBootDone = _c[0], setBootDone = _c[1];
@@ -39,7 +41,8 @@ export function SceneRunner(_a) {
         refScaler.current.layoutMode = layoutMode;
     }, [layoutMode]);
     useEffect(function () {
-        current.loadAssets(assetsDelay);
+        current.loadAssets(assetsDelay, assetsFailBehavior);
+        // Don't Dependency on assetsFailBehavior
     }, [current, assetsDelay]);
     var setup = function (camera) {
         current.bootstrap(camera);
@@ -77,7 +80,18 @@ export function SceneRunner(_a) {
                 } }, { children: _jsx("div", __assign({ style: __assign({ width: width, height: height, transform: "scale(".concat(refScaler.current.value, ")"), transformOrigin: "left top", position: "relative" }, (function () {
                         var deltaOfScaleForUI = refScaler.current.deltaOfScaleForUI;
                         return { left: deltaOfScaleForUI.x, top: deltaOfScaleForUI.y };
-                    })()) }, { children: !current.loadedAssets ? (assetsLoader) : (_jsx(_Fragment, { children: isBootDone ? (_jsx("div", __assign({ style: {
+                    })()) }, { children: !current.loadedAssets ? (_jsx(_Fragment, { children: current.renderAssetsFail
+                            ? (function () {
+                                var rendered = current.renderAssetsFail();
+                                if (Array.isArray(rendered)) {
+                                    return (_jsx("div", __assign({ style: {
+                                            backgroundColor: "#f28181a1",
+                                            color: "#000",
+                                        } }, { children: rendered.map(function (item) { return (_jsxs("p", { children: [item.type, ": ", item.detail] })); }) })));
+                                }
+                                return rendered;
+                            })()
+                            : assetsLoader })) : (_jsx(_Fragment, { children: isBootDone ? (_jsx("div", __assign({ style: {
                                 width: "100%",
                                 height: "100%",
                             } }, { children: _jsx(current.UI, __assign({ scene: current }, current.UIProps)) }))) : (_jsx("div", {})) })) })) }))] })));

package/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAiBxC,wBAAsB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAInE;AAED,wBAAsB,gBAAgB,CACpC,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,SAAS,GACf,OAAO,CAAC,KAAK,CAAC,CAoDhB;AAED,wBAAsB,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,oBAQxC;AAED,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAO5B;AAED,wBAAsB,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,EAC3C,KAAK,EAAE,CAAC,EAAE,EACV,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,KAAK,OAAO,CAAC,CAAC,CAAC,EACtE,KAAK,SAAI,GACR,OAAO,CAAC,CAAC,EAAE,CAAC,CAkBd;AAED,wBAAgB,aAAa;;;EAiB5B"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAiBxC,wBAAsB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAInE;AAED,wBAAsB,gBAAgB,CACpC,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,SAAS,GACf,OAAO,CAAC,KAAK,CAAC,CAiChB;AAED,wBAAsB,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,oBAQxC;AAED,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAO5B;AAED,wBAAsB,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,EAC3C,KAAK,EAAE,CAAC,EAAE,EACV,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,KAAK,OAAO,CAAC,CAAC,CAAC,EACtE,KAAK,SAAI,GACR,OAAO,CAAC,CAAC,EAAE,CAAC,CAkBd;AAED,wBAAgB,aAAa;;;EAiB5B"}

package/lib/utils.js

@@ -83,29 +83,15 @@ export function createAssetSound(src, type) {
                     media.native.onerror = function (e) {
                         if (e instanceof Event) {
                             var targetError = e.currentTarget.error;
-                            var expectedSrc = src;
-                            var realSrc = e.currentTarget.src;
-                            console.warn("[Audio Error] Expected src: " + expectedSrc);
-                            console.warn("[Audio Error] Real src: " + realSrc);
-                            switch (targetError.code) {
-                                case targetError.MEDIA_ERR_ABORTED:
-                                    console.warn("You aborted the video playback.");
-                                    break;
-                                case targetError.MEDIA_ERR_NETWORK:
-                                    console.warn("A network error caused the audio download to fail.");
-                                    break;
-                                case targetError.MEDIA_ERR_DECODE:
-                                    console.warn("The audio playback was aborted due to a corruption problem or because the video used features your browser did not support.");
-                                    break;
-                                case targetError.MEDIA_ERR_SRC_NOT_SUPPORTED:
-                                    console.warn("The video audio not be loaded, either because the server or network failed or because the format is not supported.");
-                                    break;
-                                default:
-                                    console.warn("An unknown error occurred.");
-                                    break;
-                            }
+                            rej({
+                                fullSrc: e.currentTarget.src,
+                                src: src,
+                                code: targetError.code,
+                            });
+                        }
+                        else {
+                            rej(e);
                         }
-                        rej(e);
                     };
                     media.native.setAttribute("preload", "metadata");
                     media.native.setAttribute("type", "audio/wav");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-simple-game-engine",
-  "version": "0.2.8",
+  "version": "0.2.12",
   "description": "",
   "main": "lib/index.js",
   "types": "lib",