@urso/core 0.6.16-dev → 0.6.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (156) hide show
  1. package/.babelrc +11 -11
  2. package/LICENSE +20 -20
  3. package/README.md +227 -227
  4. package/build/js/index.js +1 -1
  5. package/build/js/index.js.LICENSE.txt +38 -270
  6. package/package.json +52 -52
  7. package/src/js/app.js +79 -79
  8. package/src/js/components/_info.js +11 -11
  9. package/src/js/components/base/_info.js +3 -3
  10. package/src/js/components/base/controller.js +78 -78
  11. package/src/js/components/debug/_info.js +7 -7
  12. package/src/js/components/debug/controller.js +38 -38
  13. package/src/js/components/debug/coords.js +23 -23
  14. package/src/js/components/debug/fps.js +36 -36
  15. package/src/js/components/debug/template.js +55 -55
  16. package/src/js/components/debug/timescale.js +60 -60
  17. package/src/js/components/deviceRotate/_info.js +3 -3
  18. package/src/js/components/deviceRotate/controller.js +86 -86
  19. package/src/js/components/fullscreen/_info.js +6 -6
  20. package/src/js/components/fullscreen/android.js +104 -104
  21. package/src/js/components/fullscreen/controller.js +76 -76
  22. package/src/js/components/fullscreen/desktop.js +49 -49
  23. package/src/js/components/fullscreen/ios.js +115 -115
  24. package/src/js/components/layersSwitcher/_info.js +4 -4
  25. package/src/js/components/layersSwitcher/config.js +26 -26
  26. package/src/js/components/layersSwitcher/controller.js +34 -34
  27. package/src/js/components/loader/_info.js +4 -4
  28. package/src/js/components/loader/controller.js +65 -65
  29. package/src/js/components/loader/template.js +70 -70
  30. package/src/js/components/soundInitialPopup/_info.js +3 -3
  31. package/src/js/components/soundInitialPopup/controller.js +42 -42
  32. package/src/js/components/soundInitialPopup/template.js +109 -109
  33. package/src/js/components/stateDriven/_info.js +3 -3
  34. package/src/js/components/stateDriven/controller.js +118 -118
  35. package/src/js/config/load.js +5 -5
  36. package/src/js/config/main.js +16 -16
  37. package/src/js/extra/_info.js +26 -26
  38. package/src/js/extra/browserEvents.js +51 -51
  39. package/src/js/extra/pixiPatch.js +150 -150
  40. package/src/js/extra/setTimeout.js +7 -7
  41. package/src/js/index.js +8 -8
  42. package/src/js/lib/_info.js +13 -13
  43. package/src/js/lib/cache.js +105 -105
  44. package/src/js/lib/composition.js +85 -85
  45. package/src/js/lib/device.js +1286 -1286
  46. package/src/js/lib/helper.js +556 -556
  47. package/src/js/lib/loader.js +136 -136
  48. package/src/js/lib/localData.js +15 -15
  49. package/src/js/lib/logger.js +69 -69
  50. package/src/js/lib/math.js +35 -35
  51. package/src/js/lib/objectPool.js +203 -203
  52. package/src/js/lib/time.js +18 -18
  53. package/src/js/lib/tween.js +147 -147
  54. package/src/js/modules/_info.js +12 -12
  55. package/src/js/modules/assets/_info.js +7 -7
  56. package/src/js/modules/assets/baseModel.js +20 -20
  57. package/src/js/modules/assets/config.js +37 -37
  58. package/src/js/modules/assets/controller.js +46 -46
  59. package/src/js/modules/assets/models/_info.js +11 -11
  60. package/src/js/modules/assets/models/atlas.js +8 -8
  61. package/src/js/modules/assets/models/audiosprite.js +27 -27
  62. package/src/js/modules/assets/models/bitmapFont.js +8 -8
  63. package/src/js/modules/assets/models/container.js +16 -16
  64. package/src/js/modules/assets/models/font.js +8 -8
  65. package/src/js/modules/assets/models/image.js +15 -15
  66. package/src/js/modules/assets/models/json.js +8 -8
  67. package/src/js/modules/assets/models/sound.js +14 -14
  68. package/src/js/modules/assets/models/spine.js +14 -14
  69. package/src/js/modules/assets/service.js +366 -366
  70. package/src/js/modules/i18n/_info.js +4 -4
  71. package/src/js/modules/i18n/config.js +17 -17
  72. package/src/js/modules/i18n/controller.js +79 -79
  73. package/src/js/modules/instances/_info.js +3 -3
  74. package/src/js/modules/instances/controller.js +357 -357
  75. package/src/js/modules/logic/_info.js +4 -4
  76. package/src/js/modules/logic/config/_info.js +2 -2
  77. package/src/js/modules/logic/config/sounds.js +23 -23
  78. package/src/js/modules/logic/controller.js +48 -48
  79. package/src/js/modules/logic/sounds.js +103 -103
  80. package/src/js/modules/objects/_info.js +13 -13
  81. package/src/js/modules/objects/baseModel.js +200 -200
  82. package/src/js/modules/objects/cache.js +99 -99
  83. package/src/js/modules/objects/controller.js +131 -131
  84. package/src/js/modules/objects/find.js +58 -58
  85. package/src/js/modules/objects/models/_info.js +27 -27
  86. package/src/js/modules/objects/models/atlasImage.js +50 -50
  87. package/src/js/modules/objects/models/bitmapText.js +37 -37
  88. package/src/js/modules/objects/models/button.js +189 -189
  89. package/src/js/modules/objects/models/buttonComposite.js +35 -35
  90. package/src/js/modules/objects/models/checkbox.js +96 -96
  91. package/src/js/modules/objects/models/collection.js +54 -54
  92. package/src/js/modules/objects/models/component.js +46 -46
  93. package/src/js/modules/objects/models/container.js +19 -19
  94. package/src/js/modules/objects/models/dragContainer.js +667 -667
  95. package/src/js/modules/objects/models/emitter.js +67 -67
  96. package/src/js/modules/objects/models/emitterFx.js +99 -99
  97. package/src/js/modules/objects/models/graphics.js +38 -38
  98. package/src/js/modules/objects/models/group.js +19 -19
  99. package/src/js/modules/objects/models/hitArea.js +104 -104
  100. package/src/js/modules/objects/models/image.js +34 -34
  101. package/src/js/modules/objects/models/imagesAnimation.js +113 -113
  102. package/src/js/modules/objects/models/mask.js +38 -38
  103. package/src/js/modules/objects/models/nineSlicePlane.js +30 -30
  104. package/src/js/modules/objects/models/scrollbox.js +64 -64
  105. package/src/js/modules/objects/models/slider.js +253 -253
  106. package/src/js/modules/objects/models/spine.js +296 -287
  107. package/src/js/modules/objects/models/text.js +59 -59
  108. package/src/js/modules/objects/models/textInput.js +66 -66
  109. package/src/js/modules/objects/models/toggle.js +180 -180
  110. package/src/js/modules/objects/models/world.js +19 -19
  111. package/src/js/modules/objects/propertyAdapter.js +588 -587
  112. package/src/js/modules/objects/proxy.js +294 -294
  113. package/src/js/modules/objects/selector.js +136 -136
  114. package/src/js/modules/objects/service.js +242 -242
  115. package/src/js/modules/objects/styles.js +210 -210
  116. package/src/js/modules/observer/_info.js +4 -4
  117. package/src/js/modules/observer/controller.js +99 -99
  118. package/src/js/modules/observer/events.js +52 -52
  119. package/src/js/modules/scenes/_info.js +8 -8
  120. package/src/js/modules/scenes/controller.js +119 -119
  121. package/src/js/modules/scenes/model.js +28 -28
  122. package/src/js/modules/scenes/pixiWrapper.js +336 -336
  123. package/src/js/modules/scenes/resolutions.js +173 -173
  124. package/src/js/modules/scenes/resolutionsConfig.js +73 -73
  125. package/src/js/modules/scenes/service.js +142 -142
  126. package/src/js/modules/soundManager/_info.js +3 -3
  127. package/src/js/modules/soundManager/controller.js +100 -100
  128. package/src/js/modules/soundManager/soundSprite.js +251 -251
  129. package/src/js/modules/statesManager/_info.js +12 -12
  130. package/src/js/modules/statesManager/action.js +68 -68
  131. package/src/js/modules/statesManager/actions/_info.js +3 -3
  132. package/src/js/modules/statesManager/all.js +23 -23
  133. package/src/js/modules/statesManager/configStates.js +71 -71
  134. package/src/js/modules/statesManager/controller.js +170 -170
  135. package/src/js/modules/statesManager/functionsStorage.js +82 -82
  136. package/src/js/modules/statesManager/helper.js +27 -27
  137. package/src/js/modules/statesManager/race.js +75 -75
  138. package/src/js/modules/statesManager/sequence.js +47 -47
  139. package/src/js/modules/template/_info.js +6 -6
  140. package/src/js/modules/template/controller.js +28 -28
  141. package/src/js/modules/template/model.js +11 -11
  142. package/src/js/modules/template/service.js +137 -137
  143. package/src/js/modules/template/types.js +46 -46
  144. package/src/js/modules/transport/_info.js +8 -8
  145. package/src/js/modules/transport/baseConnectionType.js +24 -24
  146. package/src/js/modules/transport/config.js +13 -13
  147. package/src/js/modules/transport/connectionTypes/_info.js +3 -3
  148. package/src/js/modules/transport/connectionTypes/websocket.js +74 -74
  149. package/src/js/modules/transport/connectionTypes/xhr.js +44 -44
  150. package/src/js/modules/transport/controller.js +48 -48
  151. package/src/js/modules/transport/decorator.js +17 -17
  152. package/src/js/modules/transport/service.js +153 -153
  153. package/src/js/templates/_info.js +4 -4
  154. package/src/js/templates/groups/_info.js +1 -1
  155. package/src/js/templates/scenes/_info.js +1 -1
  156. package/webpack.config.js +47 -47
@@ -1,118 +1,118 @@
1
- ComponentsBaseController = require('./../base/controller.js');
2
-
3
- class ComponentsStateDrivenController extends ComponentsBaseController {
4
-
5
- //config for the states guards
6
- configStates = {
7
- /*IDLE: {
8
- guard: () => { log(123, 'IDLE guard'); return true; }
9
- }*/
10
- };
11
-
12
- //config for the actions configs. Guard and terminate functions are optional. Run will called when action starts.
13
- //call finish callback in the run handler to immidiately finish this action
14
- //use this.callFinish(actionKey) when its need after run handler called to delayed finish this action
15
- configActions = {
16
- /*startSpin: {
17
- guard: () => { log(123, 'guard'); return true; },
18
- run: (finish) => { log(123, 'run'); finish(); },
19
- terminate: () => { log(123, 'terminate'); }
20
- }*/
21
- };
22
-
23
- //system callbacks storage
24
- _finishCallbacks = {};
25
-
26
- _callbacksCache = {
27
- stateGuards: {},
28
- actionTerminates: {},
29
- actionGuards: {},
30
- actionRuns: {}
31
- };
32
-
33
-
34
- /**
35
- * caller for delayed finish callback
36
- * @param {String} actionKey
37
- */
38
- callFinish(actionKey) {
39
- if (!this._finishCallbacks[actionKey]) {
40
- Urso.logger.error('ComponentsStateDrivenController: no finish for actionKey', actionKey, this);
41
- return;
42
- }
43
-
44
- this._finishCallbacks[actionKey]();
45
- delete this._finishCallbacks[actionKey];
46
- }
47
-
48
- _processStates() {
49
- for (const stateKey in this.configStates) {
50
- this._callbacksCache.stateGuards[stateKey] = this.configStates[stateKey].guard.bind(this);
51
- Urso.statesManager.setStateGuard(stateKey, this._callbacksCache.stateGuards[stateKey]);
52
- }
53
- }
54
-
55
- _processActions() {
56
- for (const actionKey in this.configActions) {
57
-
58
- //const actionCfg = this.getInstance('ActionConfig', this.configActions[actionKey]);
59
- const actionCfg = this.configActions[actionKey];
60
-
61
- if (actionCfg.run) {
62
- this._callbacksCache.actionRuns[actionKey] = (finish) => {
63
- this._saveFinish(actionKey, finish);
64
- actionCfg.run(() => this.callFinish(actionKey));
65
- };
66
-
67
- Urso.statesManager.addActionRun(actionKey, this._callbacksCache.actionRuns[actionKey]);
68
- } else {
69
- Urso.logger.error('ComponentsStateDrivenController: no run function in config', actionKey, this);
70
- continue;
71
- }
72
-
73
- if (actionCfg.terminate) {
74
- this._callbacksCache.actionTerminates[actionKey] = actionCfg.terminate.bind(this);
75
- Urso.statesManager.addActionTerminate(actionKey, this._callbacksCache.actionTerminates[actionKey]);
76
- }
77
-
78
- if (actionCfg.guard) {
79
- this._callbacksCache.actionGuards[actionKey] = actionCfg.guard.bind(this);
80
- Urso.statesManager.addActionGuard(actionKey, this._callbacksCache.actionGuards[actionKey]);
81
- }
82
- }
83
- }
84
-
85
- /**
86
- * saver for delayed finish callback
87
- * @param {String} actionKey
88
- * @param {Function} finish
89
- */
90
- _saveFinish(actionKey, finish) {
91
- if (this._finishCallbacks[actionKey])
92
- Urso.logger.error('ComponentsStateDrivenController: actionKey alredy exists', actionKey, finish, this);
93
-
94
- this._finishCallbacks[actionKey] = finish;
95
- }
96
-
97
- _subscribeOnce() {
98
- //do not forget use super._subscribeOnce() , if you will use _subscribeOnce in the component
99
- this._processStates();
100
- this._processActions();
101
- }
102
-
103
- destroy() {
104
- this._removeCallback(Urso.statesManager.removeStateGuard, this._callbacksCache.stateGuards);
105
- this._removeCallback(Urso.statesManager.removeActionGuard, this._callbacksCache.actionGuards);
106
- this._removeCallback(Urso.statesManager.removeActionTerminate, this._callbacksCache.actionTerminates);
107
- this._removeCallback(Urso.statesManager.removeActionRun, this._callbacksCache.actionRuns);
108
- }
109
-
110
- _removeCallback(remover, cacheObject) {
111
- for (let cacheKey in cacheObject) {
112
- remover(cacheKey, cacheObject[cacheKey]);
113
- }
114
- }
115
-
116
- }
117
-
118
- module.exports = ComponentsStateDrivenController;
1
+ ComponentsBaseController = require('./../base/controller.js');
2
+
3
+ class ComponentsStateDrivenController extends ComponentsBaseController {
4
+
5
+ //config for the states guards
6
+ configStates = {
7
+ /*IDLE: {
8
+ guard: () => { log(123, 'IDLE guard'); return true; }
9
+ }*/
10
+ };
11
+
12
+ //config for the actions configs. Guard and terminate functions are optional. Run will called when action starts.
13
+ //call finish callback in the run handler to immidiately finish this action
14
+ //use this.callFinish(actionKey) when its need after run handler called to delayed finish this action
15
+ configActions = {
16
+ /*startSpin: {
17
+ guard: () => { log(123, 'guard'); return true; },
18
+ run: (finish) => { log(123, 'run'); finish(); },
19
+ terminate: () => { log(123, 'terminate'); }
20
+ }*/
21
+ };
22
+
23
+ //system callbacks storage
24
+ _finishCallbacks = {};
25
+
26
+ _callbacksCache = {
27
+ stateGuards: {},
28
+ actionTerminates: {},
29
+ actionGuards: {},
30
+ actionRuns: {}
31
+ };
32
+
33
+
34
+ /**
35
+ * caller for delayed finish callback
36
+ * @param {String} actionKey
37
+ */
38
+ callFinish(actionKey) {
39
+ if (!this._finishCallbacks[actionKey]) {
40
+ Urso.logger.error('ComponentsStateDrivenController: no finish for actionKey', actionKey, this);
41
+ return;
42
+ }
43
+
44
+ this._finishCallbacks[actionKey]();
45
+ delete this._finishCallbacks[actionKey];
46
+ }
47
+
48
+ _processStates() {
49
+ for (const stateKey in this.configStates) {
50
+ this._callbacksCache.stateGuards[stateKey] = this.configStates[stateKey].guard.bind(this);
51
+ Urso.statesManager.setStateGuard(stateKey, this._callbacksCache.stateGuards[stateKey]);
52
+ }
53
+ }
54
+
55
+ _processActions() {
56
+ for (const actionKey in this.configActions) {
57
+
58
+ //const actionCfg = this.getInstance('ActionConfig', this.configActions[actionKey]);
59
+ const actionCfg = this.configActions[actionKey];
60
+
61
+ if (actionCfg.run) {
62
+ this._callbacksCache.actionRuns[actionKey] = (finish) => {
63
+ this._saveFinish(actionKey, finish);
64
+ actionCfg.run(() => this.callFinish(actionKey));
65
+ };
66
+
67
+ Urso.statesManager.addActionRun(actionKey, this._callbacksCache.actionRuns[actionKey]);
68
+ } else {
69
+ Urso.logger.error('ComponentsStateDrivenController: no run function in config', actionKey, this);
70
+ continue;
71
+ }
72
+
73
+ if (actionCfg.terminate) {
74
+ this._callbacksCache.actionTerminates[actionKey] = actionCfg.terminate.bind(this);
75
+ Urso.statesManager.addActionTerminate(actionKey, this._callbacksCache.actionTerminates[actionKey]);
76
+ }
77
+
78
+ if (actionCfg.guard) {
79
+ this._callbacksCache.actionGuards[actionKey] = actionCfg.guard.bind(this);
80
+ Urso.statesManager.addActionGuard(actionKey, this._callbacksCache.actionGuards[actionKey]);
81
+ }
82
+ }
83
+ }
84
+
85
+ /**
86
+ * saver for delayed finish callback
87
+ * @param {String} actionKey
88
+ * @param {Function} finish
89
+ */
90
+ _saveFinish(actionKey, finish) {
91
+ if (this._finishCallbacks[actionKey])
92
+ Urso.logger.error('ComponentsStateDrivenController: actionKey alredy exists', actionKey, finish, this);
93
+
94
+ this._finishCallbacks[actionKey] = finish;
95
+ }
96
+
97
+ _subscribeOnce() {
98
+ //do not forget use super._subscribeOnce() , if you will use _subscribeOnce in the component
99
+ this._processStates();
100
+ this._processActions();
101
+ }
102
+
103
+ destroy() {
104
+ this._removeCallback(Urso.statesManager.removeStateGuard, this._callbacksCache.stateGuards);
105
+ this._removeCallback(Urso.statesManager.removeActionGuard, this._callbacksCache.actionGuards);
106
+ this._removeCallback(Urso.statesManager.removeActionTerminate, this._callbacksCache.actionTerminates);
107
+ this._removeCallback(Urso.statesManager.removeActionRun, this._callbacksCache.actionRuns);
108
+ }
109
+
110
+ _removeCallback(remover, cacheObject) {
111
+ for (let cacheKey in cacheObject) {
112
+ remover(cacheKey, cacheObject[cacheKey]);
113
+ }
114
+ }
115
+
116
+ }
117
+
118
+ module.exports = ComponentsStateDrivenController;
@@ -1,5 +1,5 @@
1
- require('./../components/_info.js');
2
- require('./../extra/_info.js');
3
- require('./../lib/_info.js');
4
- require('./../modules/_info.js');
5
- require('./../templates/_info.js');
1
+ require('./../components/_info.js');
2
+ require('./../extra/_info.js');
3
+ require('./../lib/_info.js');
4
+ require('./../modules/_info.js');
5
+ require('./../templates/_info.js');
@@ -1,16 +1,16 @@
1
- let ConfigMain = {
2
- title: 'Urso', //game title
3
- appVersion: 0, //app version, also used as anticache "appVersion=${appVersion}" when not 0
4
- mode: "development", // development/production/testing
5
- defaultLogLevel: 'ERROR,WARNING,INFO,LOG', //setup custom log level with: ?logLevel=1,2,3,4 OR ?logLevel=ERROR,WARNING,INFO,LOG
6
- extendingChain: ['Urso.Core'], //chain that will be set as Urso.Game
7
- defaultScene: 'play', //default scene to display
8
- useBinPath: false, // use assets from bin directory
9
- useTransport: false, // use transport module for connetcting with server
10
- fps: {
11
- limit: 60, //max fps limit
12
- optimizeLowPerformance: false //down to 30 fps if lower 60
13
- }
14
- };
15
-
16
- module.exports = ConfigMain;
1
+ let ConfigMain = {
2
+ title: 'Urso', //game title
3
+ appVersion: 0, //app version, also used as anticache "appVersion=${appVersion}" when not 0
4
+ mode: "development", // development/production/testing
5
+ defaultLogLevel: 'ERROR,WARNING,INFO,LOG', //setup custom log level with: ?logLevel=1,2,3,4 OR ?logLevel=ERROR,WARNING,INFO,LOG
6
+ extendingChain: ['Urso.Core'], //chain that will be set as Urso.Game
7
+ defaultScene: 'play', //default scene to display
8
+ useBinPath: false, // use assets from bin directory
9
+ useTransport: false, // use transport module for connetcting with server
10
+ fps: {
11
+ limit: 60, //max fps limit
12
+ optimizeLowPerformance: false //down to 30 fps if lower 60
13
+ }
14
+ };
15
+
16
+ module.exports = ConfigMain;
@@ -1,26 +1,26 @@
1
- import * as PIXI from 'pixi.js-legacy';
2
- window.PIXI = PIXI;
3
- window.PIXI.particles = require('pixi-particles');
4
-
5
- window.PIXI.particlesFx = require('@urso/revolt-fx');
6
-
7
- import { DropShadowFilter } from '@pixi/filter-drop-shadow';
8
- PIXI.filters['DropShadowFilter'] = DropShadowFilter;
9
-
10
-
11
- window.PIXI.spine = require("pixi-spine");
12
- require("pixi-projection");
13
- require("pixi-text-input");
14
-
15
- import { gsap } from 'gsap';
16
- window.gsap = gsap;
17
- require('./setTimeout');
18
-
19
- import Howler from 'howler';
20
- window.Howler = Howler;
21
-
22
- require("./pixiPatch.js");
23
-
24
- Urso.Core.Extra = {
25
- BrowserEvents: require('./browserEvents.js')
26
- };
1
+ import * as PIXI from 'pixi.js';
2
+ window.PIXI = PIXI;
3
+ window.PIXI.particles = require('pixi-particles');
4
+
5
+ window.PIXI.particlesFx = require('@urso/revolt-fx');
6
+
7
+ import { DropShadowFilter } from '@pixi/filter-drop-shadow';
8
+ PIXI.filters['DropShadowFilter'] = DropShadowFilter;
9
+
10
+
11
+ window.PIXI.spine = require("pixi-spine");
12
+ require("pixi-projection");
13
+ require("pixi-text-input");
14
+
15
+ import { gsap } from 'gsap';
16
+ window.gsap = gsap;
17
+ require('./setTimeout');
18
+
19
+ import Howler from 'howler';
20
+ window.Howler = Howler;
21
+
22
+ require("./pixiPatch.js");
23
+
24
+ Urso.Core.Extra = {
25
+ BrowserEvents: require('./browserEvents.js')
26
+ };
@@ -1,51 +1,51 @@
1
- class ExtraBrowserEvents {
2
- constructor() {
3
- this.singleton = true;
4
-
5
- this.RESIZE_DELAY = 250; //delay for resize event (browser will refresh his own params)
6
-
7
- this.resizeHandler = this.resizeHandler.bind(this);
8
- this.visibilitychangeHandler = this.visibilitychangeHandler.bind(this);
9
- this._pointerEventsHandler = this._pointerEventsHandler.bind(this);
10
-
11
- this._resizeTimeoutId;
12
-
13
- this.init();
14
- }
15
-
16
- init() {
17
- document.addEventListener("visibilitychange", this.visibilitychangeHandler);
18
-
19
- window.addEventListener('resize', this.resizeHandler);
20
- window.addEventListener('orientationchange', this.resizeHandler);
21
- document.addEventListener('fullscreenchange', this.resizeHandler);
22
- document.addEventListener('webkitfullscreenchange', this.resizeHandler);
23
- document.addEventListener('mozfullscreenchange', this.resizeHandler);
24
-
25
- document.addEventListener('mousedown', this._pointerEventsHandler);
26
- document.addEventListener('mousemove', this._pointerEventsHandler);
27
- document.addEventListener('mouseup', this._pointerEventsHandler);
28
- document.addEventListener('touchstart', this._pointerEventsHandler);
29
- document.addEventListener('touchmove', this._pointerEventsHandler);
30
- document.addEventListener('touchend', this._pointerEventsHandler);
31
- document.addEventListener('wheel', this._pointerEventsHandler);
32
- }
33
-
34
- visibilitychangeHandler() {
35
- this.emit(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_VISIBILITYCHANGE, document.visibilityState);
36
- }
37
-
38
- resizeHandler() {
39
- if (this._resizeTimeoutId)
40
- Urso.clearTimeout(this._resizeTimeoutId)
41
-
42
- this.emit(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_PRE_RESIZE);
43
- this._resizeTimeoutId = Urso.setTimeout(() => this.emit(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE), this.RESIZE_DELAY);
44
- }
45
-
46
- _pointerEventsHandler(event) {
47
- this.emit(Urso.events.EXTRA_BROWSEREVENTS_POINTER_EVENT, event);
48
- }
49
- }
50
-
51
- module.exports = ExtraBrowserEvents;
1
+ class ExtraBrowserEvents {
2
+ constructor() {
3
+ this.singleton = true;
4
+
5
+ this.RESIZE_DELAY = 250; //delay for resize event (browser will refresh his own params)
6
+
7
+ this.resizeHandler = this.resizeHandler.bind(this);
8
+ this.visibilitychangeHandler = this.visibilitychangeHandler.bind(this);
9
+ this._pointerEventsHandler = this._pointerEventsHandler.bind(this);
10
+
11
+ this._resizeTimeoutId;
12
+
13
+ this.init();
14
+ }
15
+
16
+ init() {
17
+ document.addEventListener("visibilitychange", this.visibilitychangeHandler);
18
+
19
+ window.addEventListener('resize', this.resizeHandler);
20
+ window.addEventListener('orientationchange', this.resizeHandler);
21
+ document.addEventListener('fullscreenchange', this.resizeHandler);
22
+ document.addEventListener('webkitfullscreenchange', this.resizeHandler);
23
+ document.addEventListener('mozfullscreenchange', this.resizeHandler);
24
+
25
+ document.addEventListener('mousedown', this._pointerEventsHandler);
26
+ document.addEventListener('mousemove', this._pointerEventsHandler);
27
+ document.addEventListener('mouseup', this._pointerEventsHandler);
28
+ document.addEventListener('touchstart', this._pointerEventsHandler);
29
+ document.addEventListener('touchmove', this._pointerEventsHandler);
30
+ document.addEventListener('touchend', this._pointerEventsHandler);
31
+ document.addEventListener('wheel', this._pointerEventsHandler);
32
+ }
33
+
34
+ visibilitychangeHandler() {
35
+ this.emit(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_VISIBILITYCHANGE, document.visibilityState);
36
+ }
37
+
38
+ resizeHandler() {
39
+ if (this._resizeTimeoutId)
40
+ Urso.clearTimeout(this._resizeTimeoutId)
41
+
42
+ this.emit(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_PRE_RESIZE);
43
+ this._resizeTimeoutId = Urso.setTimeout(() => this.emit(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE), this.RESIZE_DELAY);
44
+ }
45
+
46
+ _pointerEventsHandler(event) {
47
+ this.emit(Urso.events.EXTRA_BROWSEREVENTS_POINTER_EVENT, event);
48
+ }
49
+ }
50
+
51
+ module.exports = ExtraBrowserEvents;