@urso/core 0.1.91 → 0.2.0-dev

package/src/js/components/debug/template.js

@@ -1,33 +1,33 @@
-class ComponentsDebugTemplate {
-
-    constructor() {
-        this.objects = [
-            {
-                type: Urso.types.objects.CONTAINER,
-                name: 'debugContainer',
-                contents:[
-                    {
-                        type: Urso.types.objects.TEXT,
-                        name: 'debugCoords',
-                        text: 'x:0, y:0',
-                        fontFamily: 'Helvetica',
-                        fontSize: 15,
-                        fill: '#00FF00'
-                    },
-                    {
-                        type: Urso.types.objects.TEXT,
-                        name: 'debugFps',
-                        text: 'fps: 0',
-                        y: 15,
-                        fontFamily: 'Helvetica',
-                        fontSize: 15,
-                        fill: '#00FF00'
-                    }
-                ]
-            }
-        ]
-    }
-
-}
-
-module.exports = ComponentsDebugTemplate;
+class ComponentsDebugTemplate {
+
+    constructor() {
+        this.objects = [
+            {
+                type: Urso.types.objects.CONTAINER,
+                name: 'debugContainer',
+                contents:[
+                    {
+                        type: Urso.types.objects.TEXT,
+                        name: 'debugCoords',
+                        text: 'x:0, y:0',
+                        fontFamily: 'Helvetica',
+                        fontSize: 15,
+                        fill: '#00FF00'
+                    },
+                    {
+                        type: Urso.types.objects.TEXT,
+                        name: 'debugFps',
+                        text: 'fps: 0',
+                        y: 15,
+                        fontFamily: 'Helvetica',
+                        fontSize: 15,
+                        fill: '#00FF00'
+                    }
+                ]
+            }
+        ]
+    }
+
+}
+
+module.exports = ComponentsDebugTemplate;

package/src/js/components/deviceRotate/_info.js

@@ -1,3 +1,3 @@
-Urso.Core.Components.DeviceRotate = {
-    Controller: require('./controller.js')
-};
+Urso.Core.Components.DeviceRotate = {
+    Controller: require('./controller.js')
+};

package/src/js/components/deviceRotate/controller.js

@@ -1,86 +1,86 @@
-ComponentsBaseController = require('./../base/controller.js');
-
-class ComponentsDeviceRotateController extends ComponentsBaseController {
-  constructor(params) {
-    super(params);
-
-    this._div = null;
-    this._orientation = null;
-    this._resolutionsConfig = null;
-  }
-
-  create() {
-    if (Urso.device.desktop)
-      return;
-
-    this._resolutionsConfig = Urso.getInstance('Modules.Scenes.ResolutionsConfig').contents || [];
-
-    this._createDom();
-    this._updateOrientation();
-    this._updateVisibility();
-  }
-
-  _createDom() {
-    this._div = document.createElement('div');
-    this._div.className = 'fullscreen';
-    this._div.style.touchAction = 'none';
-    this._div.style.visibility = 'hidden';
-
-    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 = '/assets/images/fullscreen/rotate.png';
-    const span = document.createElement('span');
-    span.innerText = 'Please rotate device';
-
-    infoDiv.appendChild(image);
-    infoDiv.appendChild(span);
-  }
-
-  get _showOnLandscape() {
-    return !this._resolutionsConfig.find(resolution => resolution.orientation === 'landscape');
-  }
-
-  get _showOnPortrait() {
-    return !this._resolutionsConfig.find(resolution => resolution.orientation === 'portrait');
-  }
-
-  get _isPortrait() {
-    return this._orientation === 'portrait';
-  }
-
-  get _needShow() {
-    return (this._orientation === 'portrait' && this._showOnPortrait) ||
-      (this._orientation !== 'portrait' && this._showOnLandscape)
-  }
-
-  set _isVisible(needShowDiv) {
-    this._div.style.visibility = needShowDiv ? 'visible' : 'hidden';
-  }
-
-  _updateOrientation() {
-    this._orientation = innerWidth > innerHeight ? 'landscape' : 'portrait';
-  }
-
-  _updateVisibility() {
-      this._isVisible = this._needShow;
-  }
-
-  _resizeHandler() {
-    this._updateOrientation();
-    this._updateVisibility();
-  }
-
-  _subscribeOnce() {
-    if (Urso.device.desktop)
-      return;
-
-    this.addListener(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE, this._resizeHandler.bind(this));
-  }
-}
-
-module.exports = ComponentsDeviceRotateController;
+ComponentsBaseController = require('./../base/controller.js');
+
+class ComponentsDeviceRotateController extends ComponentsBaseController {
+  constructor(params) {
+    super(params);
+
+    this._div = null;
+    this._orientation = null;
+    this._resolutionsConfig = null;
+  }
+
+  create() {
+    if (Urso.device.desktop)
+      return;
+
+    this._resolutionsConfig = Urso.getInstance('Modules.Scenes.ResolutionsConfig').contents || [];
+
+    this._createDom();
+    this._updateOrientation();
+    this._updateVisibility();
+  }
+
+  _createDom() {
+    this._div = document.createElement('div');
+    this._div.className = 'fullscreen';
+    this._div.style.touchAction = 'none';
+    this._div.style.visibility = 'hidden';
+
+    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 = '/assets/images/fullscreen/rotate.png';
+    const span = document.createElement('span');
+    span.innerText = 'Please rotate device';
+
+    infoDiv.appendChild(image);
+    infoDiv.appendChild(span);
+  }
+
+  get _showOnLandscape() {
+    return !this._resolutionsConfig.find(resolution => resolution.orientation === 'landscape');
+  }
+
+  get _showOnPortrait() {
+    return !this._resolutionsConfig.find(resolution => resolution.orientation === 'portrait');
+  }
+
+  get _isPortrait() {
+    return this._orientation === 'portrait';
+  }
+
+  get _needShow() {
+    return (this._orientation === 'portrait' && this._showOnPortrait) ||
+      (this._orientation !== 'portrait' && this._showOnLandscape)
+  }
+
+  set _isVisible(needShowDiv) {
+    this._div.style.visibility = needShowDiv ? 'visible' : 'hidden';
+  }
+
+  _updateOrientation() {
+    this._orientation = innerWidth > innerHeight ? 'landscape' : 'portrait';
+  }
+
+  _updateVisibility() {
+      this._isVisible = this._needShow;
+  }
+
+  _resizeHandler() {
+    this._updateOrientation();
+    this._updateVisibility();
+  }
+
+  _subscribeOnce() {
+    if (Urso.device.desktop)
+      return;
+
+    this.addListener(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE, this._resizeHandler.bind(this));
+  }
+}
+
+module.exports = ComponentsDeviceRotateController;

package/src/js/components/fullscreen/_info.js

@@ -1,6 +1,6 @@
-Urso.Core.Components.Fullscreen = {
-    Android: require('./android.js'),
-    Controller: require('./controller.js'),
-    Desktop: require('./desktop.js'),
-    Ios: require('./ios.js'),
-};
+Urso.Core.Components.Fullscreen = {
+    Android: require('./android.js'),
+    Controller: require('./controller.js'),
+    Desktop: require('./desktop.js'),
+    Ios: require('./ios.js'),
+};

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 = '/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 ? 'landscape' : 'portrait';
-  }
-
-  get isFullscreen() {
-    return (
-      document.webkitIsFullScreen ||
-      document.mozFullScreen ||
-      document.fullscreen
-    );
-  }
-
-  get _orientationsConfig() {
-    return Urso.getInstance('Modules.Scenes.ResolutionsConfig').contents || [];
-  }
-
-  get _isPortrait() {
-    return this._orientation === 'portrait';
-  }
-
-  get _needShowOnCurrentOrientation() {
-    return (this._isPortrait && this._showOnPortrait) ||
-      (!this._isPortrait && this._showOnLandscape);
-  }
-
-  get _showOnLandscape() {
-    return this._orientationsConfig.find(resolution => resolution.orientation === 'landscape');
-  }
-
-  get _showOnPortrait() {
-    return this._orientationsConfig.find(resolution => resolution.orientation === '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 = '/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 ? 'landscape' : 'portrait';
+  }
+
+  get isFullscreen() {
+    return (
+      document.webkitIsFullScreen ||
+      document.mozFullScreen ||
+      document.fullscreen
+    );
+  }
+
+  get _orientationsConfig() {
+    return Urso.getInstance('Modules.Scenes.ResolutionsConfig').contents || [];
+  }
+
+  get _isPortrait() {
+    return this._orientation === 'portrait';
+  }
+
+  get _needShowOnCurrentOrientation() {
+    return (this._isPortrait && this._showOnPortrait) ||
+      (!this._isPortrait && this._showOnLandscape);
+  }
+
+  get _showOnLandscape() {
+    return this._orientationsConfig.find(resolution => resolution.orientation === 'landscape');
+  }
+
+  get _showOnPortrait() {
+    return this._orientationsConfig.find(resolution => resolution.orientation === '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;

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

@@ -1,64 +1,64 @@
-ComponentsBaseController = require('./../base/controller.js');
-
-class ComponentsFullscreenController extends ComponentsBaseController {
-
-  constructor(params) {
-    super(params);
-
-    this._fullscreenActivator = null;
-    this._resolutionsConfig = null;
-
-    this.createActivator();
-  }
-
-  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.indexOf('CriOS') !== -1;
-  }
-
-  get _orientationsConfig() {
-    return Urso.getInstance('Modules.Scenes.ResolutionsConfig')._orientations || [];
-  }
-
-  get _showOnLandscape() {
-    return this._resolutionsConfig.find(resolution => resolution.orientation === 'landscape');
-  }
-
-  get _showOnPortrait() {
-    return this._resolutionsConfig.find(resolution => resolution.orientation === 'portrait');
-  }
-
-  get _isPortrait() {
-    return innerWidth > innerHeight ? 'portrait' : 'landscape';
-  }
-
-  get isFullscreen() {
-    return this._fullscreenActivator.isFullscreen;
-  }
-
-  _resizeHandler() {
-    Urso.localData.set('fullscreen.isFullscreen', this.isFullscreen);
-  }
-
-  _subscribeOnce() {
-    this.addListener(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE, this._resizeHandler.bind(this));
-  }
-}
-
-module.exports = ComponentsFullscreenController;
+ComponentsBaseController = require('./../base/controller.js');
+
+class ComponentsFullscreenController extends ComponentsBaseController {
+
+  constructor(params) {
+    super(params);
+
+    this._fullscreenActivator = null;
+    this._resolutionsConfig = null;
+
+    this.createActivator();
+  }
+
+  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.indexOf('CriOS') !== -1;
+  }
+
+  get _orientationsConfig() {
+    return Urso.getInstance('Modules.Scenes.ResolutionsConfig')._orientations || [];
+  }
+
+  get _showOnLandscape() {
+    return this._resolutionsConfig.find(resolution => resolution.orientation === 'landscape');
+  }
+
+  get _showOnPortrait() {
+    return this._resolutionsConfig.find(resolution => resolution.orientation === 'portrait');
+  }
+
+  get _isPortrait() {
+    return innerWidth > innerHeight ? 'portrait' : 'landscape';
+  }
+
+  get isFullscreen() {
+    return this._fullscreenActivator.isFullscreen;
+  }
+
+  _resizeHandler() {
+    Urso.localData.set('fullscreen.isFullscreen', this.isFullscreen);
+  }
+
+  _subscribeOnce() {
+    this.addListener(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE, this._resizeHandler.bind(this));
+  }
+}
+
+module.exports = ComponentsFullscreenController;