@urso/core 0.5.6 → 0.5.9

package/src/js/components/stateDriven/controller.js

@@ -1,118 +1,118 @@
-ComponentsBaseController = require('./../base/controller.js');
-
-class ComponentsStateDrivenController extends ComponentsBaseController {
-
-    //config for the states guards
-    configStates = {
-        /*IDLE: {
-            guard: () => { log(123, 'IDLE guard'); return true; }
-        }*/
-    };
-
-    //config for the actions configs. Guard and terminate functions are optional. Run will called when action starts.
-    //call finish callback in the run handler to immidiately finish this action
-    //use this.callFinish(actionKey) when its need after run handler called to delayed finish this action
-    configActions = {
-        /*startSpin: {
-            guard: () => { log(123, 'guard'); return true; },
-            run: (finish) => { log(123, 'run'); finish(); },
-            terminate: () => { log(123, 'terminate'); }
-        }*/
-    };
-
-    //system callbacks storage
-    _finishCallbacks = {};
-
-    _callbacksCache = {
-        stateGuards: {},
-        actionTerminates: {},
-        actionGuards: {},
-        actionRuns: {}
-    };
-
-
-    /**
-     * caller for delayed finish callback
-     * @param {String} actionKey 
-     */
-    callFinish(actionKey) {
-        if (!this._finishCallbacks[actionKey]) {
-            Urso.logger.error('ComponentsStateDrivenController: no finish for actionKey', actionKey, this);
-            return;
-        }
-
-        this._finishCallbacks[actionKey]();
-        delete this._finishCallbacks[actionKey];
-    }
-
-    _processStates() {
-        for (const stateKey in this.configStates) {
-            this._callbacksCache.stateGuards[stateKey] = this.configStates[stateKey].guard.bind(this);
-            Urso.statesManager.setStateGuard(stateKey, this._callbacksCache.stateGuards[stateKey]);
-        }
-    }
-
-    _processActions() {
-        for (const actionKey in this.configActions) {
-
-            //const actionCfg = this.getInstance('ActionConfig', this.configActions[actionKey]);
-            const actionCfg = this.configActions[actionKey];
-
-            if (actionCfg.run) {
-                this._callbacksCache.actionRuns[actionKey] = (finish) => {
-                    this._saveFinish(actionKey, finish);
-                    actionCfg.run(() => this.callFinish(actionKey));
-                };
-
-                Urso.statesManager.addActionRun(actionKey, this._callbacksCache.actionRuns[actionKey]);
-            } else {
-                Urso.logger.error('ComponentsStateDrivenController: no run function in config', actionKey, this);
-                continue;
-            }
-
-            if (actionCfg.terminate) {
-                this._callbacksCache.actionTerminates[actionKey] = actionCfg.terminate.bind(this);
-                Urso.statesManager.addActionTerminate(actionKey, this._callbacksCache.actionTerminates[actionKey]);
-            }
-
-            if (actionCfg.guard) {
-                this._callbacksCache.actionGuards[actionKey] = actionCfg.guard.bind(this);
-                Urso.statesManager.addActionGuard(actionKey, this._callbacksCache.actionGuards[actionKey]);
-            }
-        }
-    }
-
-    /**
-     * saver for delayed finish callback
-     * @param {String} actionKey 
-     * @param {Function} finish 
-     */
-    _saveFinish(actionKey, finish) {
-        if (this._finishCallbacks[actionKey])
-            Urso.logger.error('ComponentsStateDrivenController: actionKey alredy exists', actionKey, finish, this);
-
-        this._finishCallbacks[actionKey] = finish;
-    }
-
-    _subscribeOnce() {
-        //do not forget use super._subscribeOnce() , if you will use _subscribeOnce in the component
-        this._processStates();
-        this._processActions();
-    }
-
-    destroy() {
-        this._removeCallback(Urso.statesManager.removeStateGuard, this._callbacksCache.stateGuards);
-        this._removeCallback(Urso.statesManager.removeActionGuard, this._callbacksCache.actionGuards);
-        this._removeCallback(Urso.statesManager.removeActionTerminate, this._callbacksCache.actionTerminates);
-        this._removeCallback(Urso.statesManager.removeActionRun, this._callbacksCache.actionRuns);
-    }
-
-    _removeCallback(remover, cacheObject) {
-        for (let cacheKey in cacheObject) {
-            remover(cacheKey, cacheObject[cacheKey]);
-        }
-    }
-
-}
-
-module.exports = ComponentsStateDrivenController;
+ComponentsBaseController = require('./../base/controller.js');
+
+class ComponentsStateDrivenController extends ComponentsBaseController {
+
+    //config for the states guards
+    configStates = {
+        /*IDLE: {
+            guard: () => { log(123, 'IDLE guard'); return true; }
+        }*/
+    };
+
+    //config for the actions configs. Guard and terminate functions are optional. Run will called when action starts.
+    //call finish callback in the run handler to immidiately finish this action
+    //use this.callFinish(actionKey) when its need after run handler called to delayed finish this action
+    configActions = {
+        /*startSpin: {
+            guard: () => { log(123, 'guard'); return true; },
+            run: (finish) => { log(123, 'run'); finish(); },
+            terminate: () => { log(123, 'terminate'); }
+        }*/
+    };
+
+    //system callbacks storage
+    _finishCallbacks = {};
+
+    _callbacksCache = {
+        stateGuards: {},
+        actionTerminates: {},
+        actionGuards: {},
+        actionRuns: {}
+    };
+
+
+    /**
+     * caller for delayed finish callback
+     * @param {String} actionKey 
+     */
+    callFinish(actionKey) {
+        if (!this._finishCallbacks[actionKey]) {
+            Urso.logger.error('ComponentsStateDrivenController: no finish for actionKey', actionKey, this);
+            return;
+        }
+
+        this._finishCallbacks[actionKey]();
+        delete this._finishCallbacks[actionKey];
+    }
+
+    _processStates() {
+        for (const stateKey in this.configStates) {
+            this._callbacksCache.stateGuards[stateKey] = this.configStates[stateKey].guard.bind(this);
+            Urso.statesManager.setStateGuard(stateKey, this._callbacksCache.stateGuards[stateKey]);
+        }
+    }
+
+    _processActions() {
+        for (const actionKey in this.configActions) {
+
+            //const actionCfg = this.getInstance('ActionConfig', this.configActions[actionKey]);
+            const actionCfg = this.configActions[actionKey];
+
+            if (actionCfg.run) {
+                this._callbacksCache.actionRuns[actionKey] = (finish) => {
+                    this._saveFinish(actionKey, finish);
+                    actionCfg.run(() => this.callFinish(actionKey));
+                };
+
+                Urso.statesManager.addActionRun(actionKey, this._callbacksCache.actionRuns[actionKey]);
+            } else {
+                Urso.logger.error('ComponentsStateDrivenController: no run function in config', actionKey, this);
+                continue;
+            }
+
+            if (actionCfg.terminate) {
+                this._callbacksCache.actionTerminates[actionKey] = actionCfg.terminate.bind(this);
+                Urso.statesManager.addActionTerminate(actionKey, this._callbacksCache.actionTerminates[actionKey]);
+            }
+
+            if (actionCfg.guard) {
+                this._callbacksCache.actionGuards[actionKey] = actionCfg.guard.bind(this);
+                Urso.statesManager.addActionGuard(actionKey, this._callbacksCache.actionGuards[actionKey]);
+            }
+        }
+    }
+
+    /**
+     * saver for delayed finish callback
+     * @param {String} actionKey 
+     * @param {Function} finish 
+     */
+    _saveFinish(actionKey, finish) {
+        if (this._finishCallbacks[actionKey])
+            Urso.logger.error('ComponentsStateDrivenController: actionKey alredy exists', actionKey, finish, this);
+
+        this._finishCallbacks[actionKey] = finish;
+    }
+
+    _subscribeOnce() {
+        //do not forget use super._subscribeOnce() , if you will use _subscribeOnce in the component
+        this._processStates();
+        this._processActions();
+    }
+
+    destroy() {
+        this._removeCallback(Urso.statesManager.removeStateGuard, this._callbacksCache.stateGuards);
+        this._removeCallback(Urso.statesManager.removeActionGuard, this._callbacksCache.actionGuards);
+        this._removeCallback(Urso.statesManager.removeActionTerminate, this._callbacksCache.actionTerminates);
+        this._removeCallback(Urso.statesManager.removeActionRun, this._callbacksCache.actionRuns);
+    }
+
+    _removeCallback(remover, cacheObject) {
+        for (let cacheKey in cacheObject) {
+            remover(cacheKey, cacheObject[cacheKey]);
+        }
+    }
+
+}
+
+module.exports = ComponentsStateDrivenController;

package/src/js/config/load.js

@@ -1,5 +1,5 @@
-require('./../components/_info.js');
-require('./../extra/_info.js');
-require('./../lib/_info.js');
-require('./../modules/_info.js');
-require('./../templates/_info.js');
+require('./../components/_info.js');
+require('./../extra/_info.js');
+require('./../lib/_info.js');
+require('./../modules/_info.js');
+require('./../templates/_info.js');

package/src/js/config/main.js

@@ -1,12 +1,12 @@
-let ConfigMain = {
-    title: 'Urso', //game title
-    appVersion: 0, //app version, also used as anticache  "appVersion=${appVersion}" when not 0
-    mode: "development", // development/production/testing
-    defaultLogLevel: 'ERROR,WARNING,INFO,LOG', //setup custom log level with:  ?logLevel=1,2,3,4  OR  ?logLevel=ERROR,WARNING,INFO,LOG
-    extendingChain: ['Urso.Core'], //chain that will be set as Urso.Game
-    defaultScene: 'play', //default scene to display
-    useBinPath: false, // use assets from bin directory
-    useTransport: false // use transport module for connetcting with server
-};
-
-module.exports = ConfigMain;
+let ConfigMain = {
+    title: 'Urso', //game title
+    appVersion: 0, //app version, also used as anticache  "appVersion=${appVersion}" when not 0
+    mode: "development", // development/production/testing
+    defaultLogLevel: 'ERROR,WARNING,INFO,LOG', //setup custom log level with:  ?logLevel=1,2,3,4  OR  ?logLevel=ERROR,WARNING,INFO,LOG
+    extendingChain: ['Urso.Core'], //chain that will be set as Urso.Game
+    defaultScene: 'play', //default scene to display
+    useBinPath: false, // use assets from bin directory
+    useTransport: false // use transport module for connetcting with server
+};
+
+module.exports = ConfigMain;

package/src/js/extra/_info.js

@@ -1,26 +1,26 @@
-import * as PIXI from 'pixi.js';
-window.PIXI = PIXI;
-window.PIXI.particles = require('pixi-particles');
-
-window.PIXI.particlesFx = require('@urso/revolt-fx');
-
-import { DropShadowFilter } from '@pixi/filter-drop-shadow';
-PIXI.filters['DropShadowFilter'] = DropShadowFilter;
-
-
-window.PIXI.spine = require("pixi-spine");
-require("pixi-projection");
-require("pixi-text-input");
-
-import { gsap } from 'gsap';
-window.gsap = gsap;
-require('./setTimeout');
-
-import Howler from 'howler';
-window.Howler = Howler;
-
-require("./pixiPatch.js");
-
-Urso.Core.Extra = {
-    BrowserEvents: require('./browserEvents.js')
-};
+import * as PIXI from 'pixi.js';
+window.PIXI = PIXI;
+window.PIXI.particles = require('pixi-particles');
+
+window.PIXI.particlesFx = require('@urso/revolt-fx');
+
+import { DropShadowFilter } from '@pixi/filter-drop-shadow';
+PIXI.filters['DropShadowFilter'] = DropShadowFilter;
+
+
+window.PIXI.spine = require("pixi-spine");
+require("pixi-projection");
+require("pixi-text-input");
+
+import { gsap } from 'gsap';
+window.gsap = gsap;
+require('./setTimeout');
+
+import Howler from 'howler';
+window.Howler = Howler;
+
+require("./pixiPatch.js");
+
+Urso.Core.Extra = {
+    BrowserEvents: require('./browserEvents.js')
+};

package/src/js/extra/browserEvents.js

@@ -1,38 +1,51 @@
-class ExtraBrowserEvents {
-    constructor() {
-        this.singleton = true;
-
-        this.RESIZE_DELAY = 250; //delay for resize event (browser will refresh his own params)
-
-        this.resizeHandler = this.resizeHandler.bind(this);
-        this.visibilitychangeHandler = this.visibilitychangeHandler.bind(this);
-
-        this._resizeTimeoutId;
-
-        this.init();
-    }
-
-    init() {
-        document.addEventListener("visibilitychange", this.visibilitychangeHandler);
-
-        window.addEventListener('resize', this.resizeHandler);
-        window.addEventListener('orientationchange', this.resizeHandler);
-        document.addEventListener('fullscreenchange', this.resizeHandler);
-        document.addEventListener('webkitfullscreenchange', this.resizeHandler);
-        document.addEventListener('mozfullscreenchange', this.resizeHandler);
-    }
-
-    visibilitychangeHandler() {
-        this.emit(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_VISIBILITYCHANGE, document.visibilityState);
-    }
-
-    resizeHandler() {
-        if (this._resizeTimeoutId)
-            Urso.clearTimeout(this._resizeTimeoutId)
-
-        this.emit(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_PRE_RESIZE);
-        this._resizeTimeoutId = Urso.setTimeout(() => this.emit(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE), this.RESIZE_DELAY);
-    }
-}
-
-module.exports = ExtraBrowserEvents;
+class ExtraBrowserEvents {
+    constructor() {
+        this.singleton = true;
+
+        this.RESIZE_DELAY = 250; //delay for resize event (browser will refresh his own params)
+
+        this.resizeHandler = this.resizeHandler.bind(this);
+        this.visibilitychangeHandler = this.visibilitychangeHandler.bind(this);
+        this._pointerEventsHandler = this._pointerEventsHandler.bind(this);
+
+        this._resizeTimeoutId;
+
+        this.init();
+    }
+
+    init() {
+        document.addEventListener("visibilitychange", this.visibilitychangeHandler);
+
+        window.addEventListener('resize', this.resizeHandler);
+        window.addEventListener('orientationchange', this.resizeHandler);
+        document.addEventListener('fullscreenchange', this.resizeHandler);
+        document.addEventListener('webkitfullscreenchange', this.resizeHandler);
+        document.addEventListener('mozfullscreenchange', this.resizeHandler);
+
+        document.addEventListener('mousedown', this._pointerEventsHandler);
+        document.addEventListener('mousemove', this._pointerEventsHandler);
+        document.addEventListener('mouseup', this._pointerEventsHandler);
+        document.addEventListener('touchstart', this._pointerEventsHandler);
+        document.addEventListener('touchmove', this._pointerEventsHandler);
+        document.addEventListener('touchend', this._pointerEventsHandler);
+        document.addEventListener('wheel', this._pointerEventsHandler);
+    }
+
+    visibilitychangeHandler() {
+        this.emit(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_VISIBILITYCHANGE, document.visibilityState);
+    }
+
+    resizeHandler() {
+        if (this._resizeTimeoutId)
+            Urso.clearTimeout(this._resizeTimeoutId)
+
+        this.emit(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_PRE_RESIZE);
+        this._resizeTimeoutId = Urso.setTimeout(() => this.emit(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE), this.RESIZE_DELAY);
+    }
+
+    _pointerEventsHandler(event) {
+        this.emit(Urso.events.EXTRA_BROWSEREVENTS_POINTER_EVENT, event);
+    }
+}
+
+module.exports = ExtraBrowserEvents;

package/src/js/extra/pixiPatch.js

@@ -1,79 +1,79 @@
-/**
- * ModulesObjectsModelsText  fillCustomColors patch
- */
-
-
-/**
- * Render the text with letter-spacing.
- *
- * @param text - The text to draw
- * @param x - Horizontal position to draw the text
- * @param y - Vertical position to draw the text
- * @param isStroke - Is this drawing for the outside stroke of the
- *  text? If not, it's for the inside fill
- */
-PIXI.Text.prototype.drawLetterSpacing = function (text, x, y, isStroke) {
-    if (isStroke === void 0) { isStroke = false; }
-    var style = this._style;
-    // letterSpacing of 0 means normal
-    var letterSpacing = style.letterSpacing;
-    // Checking that we can use moddern canvas2D api
-    // https://developer.chrome.com/origintrials/#/view_trial/3585991203293757441
-    // note: this is unstable API, Chrome less 94 use a `textLetterSpacing`, newest use a letterSpacing
-    // eslint-disable-next-line max-len
-    var supportLetterSpacing = 'letterSpacing' in CanvasRenderingContext2D.prototype
-        || 'textLetterSpacing' in CanvasRenderingContext2D.prototype;
-
-    if ((letterSpacing === 0 || supportLetterSpacing) && (!this.fillCustomColors || this.fillCustomColors.length === 0)) { //colors patch in if state
-        if (supportLetterSpacing) {
-            this.context.letterSpacing = letterSpacing;
-            this.context.textLetterSpacing = letterSpacing;
-        }
-        if (isStroke) {
-            this.context.strokeText(text, x, y);
-        }
-        else {
-            this.context.fillText(text, x, y);
-        }
-        return;
-    }
-    var currentPosition = x;
-
-    var textIndexOffset = this.text.indexOf(text); //colors patch block
-    var allTextLength = this.text.length;
-    var customColors = new Array(allTextLength);
-    if (this.fillCustomColors) {
-        for (var k in this.fillCustomColors) {
-            var colorsParams = this.fillCustomColors[k];
-            //customColors[colorsParams.position] = colorsParams.color;
-            customColors.fill(colorsParams.color, colorsParams.position, allTextLength);
-        }
-    }
-
-    // Using Array.from correctly splits characters whilst keeping emoji together.
-    // This is not supported on IE as it requires ES6, so regular text splitting occurs.
-    // This also doesn't account for emoji that are multiple emoji put together to make something else.
-    // Handling all of this would require a big library itself.
-    // https://medium.com/@giltayar/iterating-over-emoji-characters-the-es6-way-f06e4589516
-    // https://github.com/orling/grapheme-splitter
-    var stringArray = Array.from ? Array.from(text) : text.split('');
-    var previousWidth = this.context.measureText(text).width;
-    var currentWidth = 0;
-    for (var i = 0; i < stringArray.length; ++i) {
-        var currentChar = stringArray[i];
-
-        if (isStroke) {
-            this.context.strokeText(currentChar, currentPosition, y);
-        }
-        else {
-            if (customColors[textIndexOffset + i]) { //colors patch block
-                this.context.fillStyle = customColors[textIndexOffset + i];
-            }
-
-            this.context.fillText(currentChar, currentPosition, y);
-        }
-        currentWidth = this.context.measureText(text.substring(i + 1)).width;
-        currentPosition += previousWidth - currentWidth + letterSpacing;
-        previousWidth = currentWidth;
-    }
-};
+/**
+ * ModulesObjectsModelsText  fillCustomColors patch
+ */
+
+
+/**
+ * Render the text with letter-spacing.
+ *
+ * @param text - The text to draw
+ * @param x - Horizontal position to draw the text
+ * @param y - Vertical position to draw the text
+ * @param isStroke - Is this drawing for the outside stroke of the
+ *  text? If not, it's for the inside fill
+ */
+PIXI.Text.prototype.drawLetterSpacing = function (text, x, y, isStroke) {
+    if (isStroke === void 0) { isStroke = false; }
+    var style = this._style;
+    // letterSpacing of 0 means normal
+    var letterSpacing = style.letterSpacing;
+    // Checking that we can use moddern canvas2D api
+    // https://developer.chrome.com/origintrials/#/view_trial/3585991203293757441
+    // note: this is unstable API, Chrome less 94 use a `textLetterSpacing`, newest use a letterSpacing
+    // eslint-disable-next-line max-len
+    var supportLetterSpacing = 'letterSpacing' in CanvasRenderingContext2D.prototype
+        || 'textLetterSpacing' in CanvasRenderingContext2D.prototype;
+
+    if ((letterSpacing === 0 || supportLetterSpacing) && (!this.fillCustomColors || this.fillCustomColors.length === 0)) { //colors patch in if state
+        if (supportLetterSpacing) {
+            this.context.letterSpacing = letterSpacing;
+            this.context.textLetterSpacing = letterSpacing;
+        }
+        if (isStroke) {
+            this.context.strokeText(text, x, y);
+        }
+        else {
+            this.context.fillText(text, x, y);
+        }
+        return;
+    }
+    var currentPosition = x;
+
+    var textIndexOffset = this.text.indexOf(text); //colors patch block
+    var allTextLength = this.text.length;
+    var customColors = new Array(allTextLength);
+    if (this.fillCustomColors) {
+        for (var k in this.fillCustomColors) {
+            var colorsParams = this.fillCustomColors[k];
+            //customColors[colorsParams.position] = colorsParams.color;
+            customColors.fill(colorsParams.color, colorsParams.position, allTextLength);
+        }
+    }
+
+    // Using Array.from correctly splits characters whilst keeping emoji together.
+    // This is not supported on IE as it requires ES6, so regular text splitting occurs.
+    // This also doesn't account for emoji that are multiple emoji put together to make something else.
+    // Handling all of this would require a big library itself.
+    // https://medium.com/@giltayar/iterating-over-emoji-characters-the-es6-way-f06e4589516
+    // https://github.com/orling/grapheme-splitter
+    var stringArray = Array.from ? Array.from(text) : text.split('');
+    var previousWidth = this.context.measureText(text).width;
+    var currentWidth = 0;
+    for (var i = 0; i < stringArray.length; ++i) {
+        var currentChar = stringArray[i];
+
+        if (isStroke) {
+            this.context.strokeText(currentChar, currentPosition, y);
+        }
+        else {
+            if (customColors[textIndexOffset + i]) { //colors patch block
+                this.context.fillStyle = customColors[textIndexOffset + i];
+            }
+
+            this.context.fillText(currentChar, currentPosition, y);
+        }
+        currentWidth = this.context.measureText(text.substring(i + 1)).width;
+        currentPosition += previousWidth - currentWidth + letterSpacing;
+        previousWidth = currentWidth;
+    }
+};

package/src/js/extra/setTimeout.js

@@ -1,7 +1,7 @@
-Urso.setTimeout = (callback, delay) => {
-    return gsap.delayedCall(delay / 1000, callback);
-}
-
-Urso.clearTimeout = (tween) => {
-    tween.kill();
-}
+Urso.setTimeout = (callback, delay) => {
+    return gsap.delayedCall(delay / 1000, callback);
+}
+
+Urso.clearTimeout = (tween) => {
+    tween.kill();
+}

package/src/js/index.js

@@ -1,8 +1,8 @@
-window.Urso = { Core: {} };
-
-require('./config/load.js');
-Urso.config = require('./config/main.js');
-Urso.Core.App = require('./app.js');
-
-//function to run game with engine
-Urso.runGame = (new Urso.Core.App()).setup;
+window.Urso = { Core: {} };
+
+require('./config/load.js');
+Urso.config = require('./config/main.js');
+Urso.Core.App = require('./app.js');
+
+//function to run game with engine
+Urso.runGame = (new Urso.Core.App()).setup;

package/src/js/lib/_info.js

@@ -1,13 +1,13 @@
-Urso.Core.Lib = {
-    Cache: require('./cache.js'),
-    Composition: require('./composition.js'),
-    Device: require('./device.js'),
-    Helper: require('./helper.js'),
-    Loader: require('./loader.js'),
-    LocalData: require('./localData.js'),
-    Logger: require('./logger.js'),
-    Math: require('./math.js'),
-    ObjectPool: require('./objectPool.js'),
-    Time: require('./time.js'),
-    Tween: require('./tween.js')
-};
+Urso.Core.Lib = {
+    Cache: require('./cache.js'),
+    Composition: require('./composition.js'),
+    Device: require('./device.js'),
+    Helper: require('./helper.js'),
+    Loader: require('./loader.js'),
+    LocalData: require('./localData.js'),
+    Logger: require('./logger.js'),
+    Math: require('./math.js'),
+    ObjectPool: require('./objectPool.js'),
+    Time: require('./time.js'),
+    Tween: require('./tween.js')
+};