@urso/core 0.8.20-dev → 0.9.0-dev

package/src/js/components/editor/api.js

@@ -1,127 +1,127 @@
-class ComponentsEditorApi {
-
-    constructor() {
-
-    }
-
-    //styles
-    //TODO
-    addStyle() {
-        //TODO
-    }
-
-    getCurrentStyles() {
-        const template = Urso.template.get();
-        return template.styles;
-    }
-
-
-    //assets
-
-    /**
-     * returns types list and keys to create new asset
-     * @returns { types, keys }
-     */
-    getAssetTypes() {
-        const types = Urso.types.assets;
-        return { types, keys: this._assetsKeys };
-    }
-
-    /**
-     * get current assets list
-     * @returns {Array} assets list
-     */
-    getCurrentAssets() {
-        const template = Urso.template.get();
-        return template.assets;
-    }
-
-    /**
-     * add new asset into game
-     * @param {String} assetModel
-     * @param {Function} callback
-     */
-    addAsset(assetModel, callback) {
-        Urso.assets.preload([assetModel], callback);
-    }
-
-
-    //objects
-
-    /**
-     * get current objects list
-     * @returns {Array} objects list
-     */
-    getCurrentObjects() {
-        const template = Urso.template.get();
-        return template.objects;
-    }
-
-    /**
-     * returns types list and keys to create new object
-     * @returns { types, keys }
-     */
-    getObjectsTypes() {
-        const types = Urso.types.objects;
-        return { types, keys: this._objectsKeys };
-    }
-
-    /**
-     * add new object into game
-     * @param {Object} objectModel
-     * @param {Object} parent
-     */
-    addObject(objectModel, parent) {
-        Urso.objects.create(objectModel, parent);
-    }
-
-    //settings
-    editObject(id, key, value) {
-
-    }
-
-    ////////////////  sys
-
-    _assetsKeys = {
-        ATLAS: [{ name: 'key', type: 'text' }, { name: 'path', type: 'file' }], // path to json file
-        BITMAPFONT: [{ name: 'key', type: 'text' }, { name: 'path', type: 'file' }], // path to json file
-        CONTAINER: [{ name: 'key', type: 'text' }],
-        FONT: [{ name: 'key', type: 'text' }, { name: 'path', type: 'file' }], // path to json file
-        IMAGE: [{ name: 'key', type: 'text' }, { name: 'path', type: 'file' }], // path to json file
-        JSON: [{ name: 'key', type: 'text' }, { name: 'path', type: 'file' }], // path to json file
-        SPINE: [{ name: 'key', type: 'text' }, { name: 'path', type: 'file' }], // path to json file
-    }
-
-    _commonObjectsKeys = [
-        { name: 'id', type: 'text' },
-        { name: 'name', type: 'text' },
-        { name: 'class', type: 'text' },
-        { name: 'x', type: 'number' },
-        { name: 'y', type: 'number' },
-        { name: 'z', type: 'number' },
-        { name: 'anchorX', type: 'number', range: [-1, 1] },
-        { name: 'anchorY', type: 'number', range: [-1, 1] },
-        { name: 'scaleX', type: 'number' },
-        { name: 'scaleY', type: 'number' },
-        { name: 'angle', type: 'number', range: [0, 360] },
-        { name: 'alpha', type: 'number', range: [0, 1] },
-        { name: 'visible', type: 'boolean' },
-    ];
-
-    _objectsKeys = {
-        BITMAPTEXT: Urso.helper.mergeArrays(this._commonObjectsKeys, [{ name: 'text', type: 'text' }, { name: 'fontName', type: 'text' }, { name: 'fontSize', type: 'text' }]),
-        COMPONENT: Urso.helper.mergeArrays(this._commonObjectsKeys, [{ name: 'componentName', type: 'text' }]),
-        CONTAINER: this._commonObjectsKeys,
-        GROUP: Urso.helper.mergeArrays(this._commonObjectsKeys, [{ name: 'groupName', type: 'text' }]),
-        IMAGE: Urso.helper.mergeArrays(this._commonObjectsKeys, [{ name: 'assetKey', type: 'text' }]),
-        TEXT: Urso.helper.mergeArrays(this._commonObjectsKeys, [
-            { name: 'text', type: 'text' },
-            { name: 'fontFamily', type: 'text' },
-            { name: 'fontSize', type: 'text' },
-            { name: 'fill', type: 'text' },
-            { name: 'stroke', type: 'text' }
-        ])
-    }
-}
-
-module.exports = ComponentsEditorApi;
+class ComponentsEditorApi {
+
+    constructor() {
+
+    }
+
+    //styles
+    //TODO
+    addStyle() {
+        //TODO
+    }
+
+    getCurrentStyles() {
+        const template = Urso.template.get();
+        return template.styles;
+    }
+
+
+    //assets
+
+    /**
+     * returns types list and keys to create new asset
+     * @returns { types, keys }
+     */
+    getAssetTypes() {
+        const types = Urso.types.assets;
+        return { types, keys: this._assetsKeys };
+    }
+
+    /**
+     * get current assets list
+     * @returns {Array} assets list
+     */
+    getCurrentAssets() {
+        const template = Urso.template.get();
+        return template.assets;
+    }
+
+    /**
+     * add new asset into game
+     * @param {String} assetModel
+     * @param {Function} callback
+     */
+    addAsset(assetModel, callback) {
+        Urso.assets.preload([assetModel], callback);
+    }
+
+
+    //objects
+
+    /**
+     * get current objects list
+     * @returns {Array} objects list
+     */
+    getCurrentObjects() {
+        const template = Urso.template.get();
+        return template.objects;
+    }
+
+    /**
+     * returns types list and keys to create new object
+     * @returns { types, keys }
+     */
+    getObjectsTypes() {
+        const types = Urso.types.objects;
+        return { types, keys: this._objectsKeys };
+    }
+
+    /**
+     * add new object into game
+     * @param {Object} objectModel
+     * @param {Object} parent
+     */
+    addObject(objectModel, parent) {
+        Urso.objects.create(objectModel, parent);
+    }
+
+    //settings
+    editObject(id, key, value) {
+
+    }
+
+    ////////////////  sys
+
+    _assetsKeys = {
+        ATLAS: [{ name: 'key', type: 'text' }, { name: 'path', type: 'file' }], // path to json file
+        BITMAPFONT: [{ name: 'key', type: 'text' }, { name: 'path', type: 'file' }], // path to json file
+        CONTAINER: [{ name: 'key', type: 'text' }],
+        FONT: [{ name: 'key', type: 'text' }, { name: 'path', type: 'file' }], // path to json file
+        IMAGE: [{ name: 'key', type: 'text' }, { name: 'path', type: 'file' }], // path to json file
+        JSON: [{ name: 'key', type: 'text' }, { name: 'path', type: 'file' }], // path to json file
+        SPINE: [{ name: 'key', type: 'text' }, { name: 'path', type: 'file' }], // path to json file
+    }
+
+    _commonObjectsKeys = [
+        { name: 'id', type: 'text' },
+        { name: 'name', type: 'text' },
+        { name: 'class', type: 'text' },
+        { name: 'x', type: 'number' },
+        { name: 'y', type: 'number' },
+        { name: 'z', type: 'number' },
+        { name: 'anchorX', type: 'number', range: [-1, 1] },
+        { name: 'anchorY', type: 'number', range: [-1, 1] },
+        { name: 'scaleX', type: 'number' },
+        { name: 'scaleY', type: 'number' },
+        { name: 'angle', type: 'number', range: [0, 360] },
+        { name: 'alpha', type: 'number', range: [0, 1] },
+        { name: 'visible', type: 'boolean' },
+    ];
+
+    _objectsKeys = {
+        BITMAPTEXT: Urso.helper.mergeArrays(this._commonObjectsKeys, [{ name: 'text', type: 'text' }, { name: 'fontName', type: 'text' }, { name: 'fontSize', type: 'text' }]),
+        COMPONENT: Urso.helper.mergeArrays(this._commonObjectsKeys, [{ name: 'componentName', type: 'text' }]),
+        CONTAINER: this._commonObjectsKeys,
+        GROUP: Urso.helper.mergeArrays(this._commonObjectsKeys, [{ name: 'groupName', type: 'text' }]),
+        IMAGE: Urso.helper.mergeArrays(this._commonObjectsKeys, [{ name: 'assetKey', type: 'text' }]),
+        TEXT: Urso.helper.mergeArrays(this._commonObjectsKeys, [
+            { name: 'text', type: 'text' },
+            { name: 'fontFamily', type: 'text' },
+            { name: 'fontSize', type: 'text' },
+            { name: 'fill', type: 'text' },
+            { name: 'stroke', type: 'text' }
+        ])
+    }
+}
+
+export default ComponentsEditorApi;

package/src/js/components/editor/controller.js

@@ -1,13 +1,13 @@
-const ComponentsBaseController = require('./../base/controller');
-
-class ComponentsEditorController extends ComponentsBaseController {
-    constructor(params) {
-        super(params);
-
-        this._api = this.getInstance('Api');
-        Urso.helper.recursiveSet('_dev.editorApi', this._api, Urso);
-    }
-
-}
-
-module.exports = ComponentsEditorController;
+import ComponentsBaseController from './../base/controller';
+
+class ComponentsEditorController extends ComponentsBaseController {
+    constructor(params) {
+        super(params);
+
+        this._api = this.getInstance('Api');
+        Urso.helper.recursiveSet('_dev.editorApi', this._api, Urso);
+    }
+
+}
+
+export default ComponentsEditorController;

package/src/js/components/fullscreen/android.js

@@ -1,104 +1,104 @@
-class ComponentsFullscreenAndroid {
-
-  constructor() {
-    this._div = null;
-    this._orientation = null;
-  }
-
-  init() {
-    this._createDom();
-    this._addListeners();
-
-    this._updateOrientation();
-    this._updateResize();
-  }
-
-  _createDom() {
-    this._div = document.createElement('div');
-    this._div.className = 'fullscreen fullscreen-android';
-    document.body.prepend(this._div);
-
-    const infoDiv = document.createElement('div');
-    infoDiv.className = 'fullscreen-info';
-    this._div.appendChild(infoDiv);
-
-    const image = document.createElement('img');
-    image.src = `${Urso.config.gamePath}assets/images/fullscreen/hand.png`;
-    const span = document.createElement('span');
-    span.innerText = 'Tap to enter fullscreen';
-
-    infoDiv.appendChild(image);
-    infoDiv.appendChild(span);
-
-  }
-
-  _updateOrientation() {
-    this._orientation = innerWidth > innerHeight ? Urso.device.ScreenOrientation.LANDSCAPE : Urso.device.ScreenOrientation.PORTRAIT;
-  }
-
-  get isFullscreen() {
-    return (
-      document.webkitIsFullScreen ||
-      document.mozFullScreen ||
-      document.fullscreen
-    );
-  }
-
-  get _orientationsConfig() {
-    return Urso.getInstance('Modules.Scenes.ResolutionsConfig').contents || [];
-  }
-
-  get _isPortrait() {
-    return this._orientation === Urso.device.ScreenOrientation.PORTRAIT;
-  }
-
-  get _needShowOnCurrentOrientation() {
-    return (this._isPortrait && this._showOnPortrait) ||
-      (!this._isPortrait && this._showOnLandscape);
-  }
-
-  get _showOnLandscape() {
-    return this._orientationsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.LANDSCAPE);
-  }
-
-  get _showOnPortrait() {
-    return this._orientationsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.PORTRAIT);
-  }
-
-  set isVisible(needShowDiv) {
-    this._div.style.visibility = needShowDiv ? 'visible' : 'hidden';
-  }
-
-  _requestFullscreen() {
-    if (document.body.webkitRequestFullScreen)
-      document.body.webkitRequestFullScreen();
-    else if (document.body.mozRequestFullScreen)
-      document.body.mozRequestFullScreen();
-    else if (document.body.requestFullScreen)
-      document.body.requestFullScreen();
-  }
-
-  _updateResize() {
-    this.isVisible = this._needShowOnCurrentOrientation && !this.isFullscreen;
-  }
-
-  _resizeHandler() {
-    this._updateOrientation();
-    this._updateResize();
-  }
-
-  _addListeners() {
-    window.addEventListener('touchend', (e) => {
-      if (!this.isFullscreen)
-        this._requestFullscreen();
-
-      this._updateResize();
-    });
-  }
-
-  _subscribeOnce() {
-    this.addListener(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE, this._resizeHandler.bind(this));
-  }
-}
-
-module.exports = ComponentsFullscreenAndroid;
+class ComponentsFullscreenAndroid {
+
+  constructor() {
+    this._div = null;
+    this._orientation = null;
+  }
+
+  init() {
+    this._createDom();
+    this._addListeners();
+
+    this._updateOrientation();
+    this._updateResize();
+  }
+
+  _createDom() {
+    this._div = document.createElement('div');
+    this._div.className = 'fullscreen fullscreen-android';
+    document.body.prepend(this._div);
+
+    const infoDiv = document.createElement('div');
+    infoDiv.className = 'fullscreen-info';
+    this._div.appendChild(infoDiv);
+
+    const image = document.createElement('img');
+    image.src = `${Urso.config.gamePath}assets/images/fullscreen/hand.png`;
+    const span = document.createElement('span');
+    span.innerText = 'Tap to enter fullscreen';
+
+    infoDiv.appendChild(image);
+    infoDiv.appendChild(span);
+
+  }
+
+  _updateOrientation() {
+    this._orientation = innerWidth > innerHeight ? Urso.device.ScreenOrientation.LANDSCAPE : Urso.device.ScreenOrientation.PORTRAIT;
+  }
+
+  get isFullscreen() {
+    return (
+      document.webkitIsFullScreen ||
+      document.mozFullScreen ||
+      document.fullscreen
+    );
+  }
+
+  get _orientationsConfig() {
+    return Urso.getInstance('Modules.Scenes.ResolutionsConfig').contents || [];
+  }
+
+  get _isPortrait() {
+    return this._orientation === Urso.device.ScreenOrientation.PORTRAIT;
+  }
+
+  get _needShowOnCurrentOrientation() {
+    return (this._isPortrait && this._showOnPortrait) ||
+      (!this._isPortrait && this._showOnLandscape);
+  }
+
+  get _showOnLandscape() {
+    return this._orientationsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.LANDSCAPE);
+  }
+
+  get _showOnPortrait() {
+    return this._orientationsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.PORTRAIT);
+  }
+
+  set isVisible(needShowDiv) {
+    this._div.style.visibility = needShowDiv ? 'visible' : 'hidden';
+  }
+
+  _requestFullscreen() {
+    if (document.body.webkitRequestFullScreen)
+      document.body.webkitRequestFullScreen();
+    else if (document.body.mozRequestFullScreen)
+      document.body.mozRequestFullScreen();
+    else if (document.body.requestFullScreen)
+      document.body.requestFullScreen();
+  }
+
+  _updateResize() {
+    this.isVisible = this._needShowOnCurrentOrientation && !this.isFullscreen;
+  }
+
+  _resizeHandler() {
+    this._updateOrientation();
+    this._updateResize();
+  }
+
+  _addListeners() {
+    window.addEventListener('touchend', (e) => {
+      if (!this.isFullscreen)
+        this._requestFullscreen();
+
+      this._updateResize();
+    });
+  }
+
+  _subscribeOnce() {
+    this.addListener(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE, this._resizeHandler.bind(this));
+  }
+}
+
+export default ComponentsFullscreenAndroid;

package/src/js/components/fullscreen/controller.js

@@ -1,76 +1,76 @@
-const ComponentsBaseController = require('./../base/controller');
-
-class ComponentsFullscreenController extends ComponentsBaseController {
-
-  constructor(params) {
-    super(params);
-
-    this._fullscreenActivator = null;
-    this._resolutionsConfig = null;
-    this.lastResizeFullscreenResult;
-
-    this.createActivator();
-    this._resizeHandler();
-  }
-
-  createActivator() {
-    if (this._isCriOS)
-      return;
-
-    this._resolutionsConfig = Urso.getInstance('Modules.Scenes.ResolutionsConfig').contents || [];
-
-    if (Urso.device.desktop)
-      this._fullscreenActivator = this.getInstance('Desktop');
-    else if (Urso.device.iOS)
-      this._fullscreenActivator = this.getInstance('Ios');
-    else if (Urso.device.android)
-      this._fullscreenActivator = this.getInstance('Android');
-
-    if (this._fullscreenActivator)
-      this._fullscreenActivator.init();
-  }
-
-  get _isCriOS() {
-    return navigator.userAgent.includes('CriOS');
-  }
-
-  get _orientationsConfig() {
-    return Urso.getInstance('Modules.Scenes.ResolutionsConfig')._orientations || [];
-  }
-
-  get _showOnLandscape() {
-    return this._resolutionsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.LANDSCAPE);
-  }
-
-  get _showOnPortrait() {
-    return this._resolutionsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.PORTRAIT);
-  }
-
-  get _isPortrait() {
-    return innerWidth > innerHeight ? Urso.device.ScreenOrientation.PORTRAIT : Urso.device.ScreenOrientation.LANDSCAPE;
-  }
-
-  get isFullscreen() {
-    if (!this._fullscreenActivator)
-      return false;
-
-    return this._fullscreenActivator.isFullscreen;
-  }
-
-  _resizeHandler() {
-    const isFullscreen = this.isFullscreen;
-
-    if (this.lastResizeFullscreenResult === isFullscreen)
-      return;
-
-    this.lastResizeFullscreenResult = isFullscreen;
-    Urso.localData.set('fullscreen.isFullscreen', isFullscreen);
-    this.emit(Urso.events.COMPONENTS_FULLSCREEN_CHANGE, isFullscreen);
-  }
-
-  _subscribeOnce() {
-    this.addListener(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE, this._resizeHandler.bind(this));
-  }
-}
-
-module.exports = ComponentsFullscreenController;
+import ComponentsBaseController from './../base/controller';
+
+class ComponentsFullscreenController extends ComponentsBaseController {
+
+  constructor(params) {
+    super(params);
+
+    this._fullscreenActivator = null;
+    this._resolutionsConfig = null;
+    this.lastResizeFullscreenResult;
+
+    this.createActivator();
+    this._resizeHandler();
+  }
+
+  createActivator() {
+    if (this._isCriOS)
+      return;
+
+    this._resolutionsConfig = Urso.getInstance('Modules.Scenes.ResolutionsConfig').contents || [];
+
+    if (Urso.device.desktop)
+      this._fullscreenActivator = this.getInstance('Desktop');
+    else if (Urso.device.iOS)
+      this._fullscreenActivator = this.getInstance('Ios');
+    else if (Urso.device.android)
+      this._fullscreenActivator = this.getInstance('Android');
+
+    if (this._fullscreenActivator)
+      this._fullscreenActivator.init();
+  }
+
+  get _isCriOS() {
+    return navigator.userAgent.includes('CriOS');
+  }
+
+  get _orientationsConfig() {
+    return Urso.getInstance('Modules.Scenes.ResolutionsConfig')._orientations || [];
+  }
+
+  get _showOnLandscape() {
+    return this._resolutionsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.LANDSCAPE);
+  }
+
+  get _showOnPortrait() {
+    return this._resolutionsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.PORTRAIT);
+  }
+
+  get _isPortrait() {
+    return innerWidth > innerHeight ? Urso.device.ScreenOrientation.PORTRAIT : Urso.device.ScreenOrientation.LANDSCAPE;
+  }
+
+  get isFullscreen() {
+    if (!this._fullscreenActivator)
+      return false;
+
+    return this._fullscreenActivator.isFullscreen;
+  }
+
+  _resizeHandler() {
+    const isFullscreen = this.isFullscreen;
+
+    if (this.lastResizeFullscreenResult === isFullscreen)
+      return;
+
+    this.lastResizeFullscreenResult = isFullscreen;
+    Urso.localData.set('fullscreen.isFullscreen', isFullscreen);
+    this.emit(Urso.events.COMPONENTS_FULLSCREEN_CHANGE, isFullscreen);
+  }
+
+  _subscribeOnce() {
+    this.addListener(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE, this._resizeHandler.bind(this));
+  }
+}
+
+export default ComponentsFullscreenController;