@urso/core 0.5.12 → 0.6.0

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 (159) hide show
  1. package/.babelrc +11 -11
  2. package/LICENSE +20 -20
  3. package/README.md +220 -220
  4. package/build/js/index.js +1 -1
  5. package/build/js/index.js.LICENSE.txt +38 -222
  6. package/package.json +52 -52
  7. package/src/js/app.js +79 -78
  8. package/src/js/components/_info.js +10 -10
  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 +34 -34
  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/editor/_info.js +4 -0
  20. package/src/js/components/editor/api.js +72 -0
  21. package/src/js/components/editor/controller.js +13 -0
  22. package/src/js/components/fullscreen/_info.js +6 -6
  23. package/src/js/components/fullscreen/android.js +104 -104
  24. package/src/js/components/fullscreen/controller.js +76 -76
  25. package/src/js/components/fullscreen/desktop.js +49 -49
  26. package/src/js/components/fullscreen/ios.js +115 -115
  27. package/src/js/components/layersSwitcher/_info.js +4 -4
  28. package/src/js/components/layersSwitcher/config.js +26 -26
  29. package/src/js/components/layersSwitcher/controller.js +34 -34
  30. package/src/js/components/loader/_info.js +4 -4
  31. package/src/js/components/loader/controller.js +65 -65
  32. package/src/js/components/loader/template.js +70 -70
  33. package/src/js/components/soundInitialPopup/_info.js +3 -3
  34. package/src/js/components/soundInitialPopup/controller.js +42 -42
  35. package/src/js/components/soundInitialPopup/template.js +109 -109
  36. package/src/js/components/stateDriven/_info.js +3 -3
  37. package/src/js/components/stateDriven/controller.js +118 -118
  38. package/src/js/config/load.js +5 -5
  39. package/src/js/config/main.js +12 -12
  40. package/src/js/extra/_info.js +26 -26
  41. package/src/js/extra/browserEvents.js +51 -51
  42. package/src/js/extra/pixiPatch.js +150 -148
  43. package/src/js/extra/setTimeout.js +7 -7
  44. package/src/js/index.js +8 -8
  45. package/src/js/lib/_info.js +13 -13
  46. package/src/js/lib/cache.js +105 -105
  47. package/src/js/lib/composition.js +85 -85
  48. package/src/js/lib/device.js +1286 -1286
  49. package/src/js/lib/helper.js +556 -539
  50. package/src/js/lib/loader.js +136 -136
  51. package/src/js/lib/localData.js +15 -15
  52. package/src/js/lib/logger.js +69 -69
  53. package/src/js/lib/math.js +35 -35
  54. package/src/js/lib/objectPool.js +203 -54
  55. package/src/js/lib/time.js +18 -18
  56. package/src/js/lib/tween.js +147 -147
  57. package/src/js/modules/_info.js +12 -12
  58. package/src/js/modules/assets/_info.js +7 -7
  59. package/src/js/modules/assets/baseModel.js +18 -18
  60. package/src/js/modules/assets/config.js +37 -37
  61. package/src/js/modules/assets/controller.js +46 -46
  62. package/src/js/modules/assets/models/_info.js +11 -11
  63. package/src/js/modules/assets/models/atlas.js +8 -8
  64. package/src/js/modules/assets/models/audiosprite.js +27 -27
  65. package/src/js/modules/assets/models/bitmapFont.js +8 -8
  66. package/src/js/modules/assets/models/container.js +16 -16
  67. package/src/js/modules/assets/models/font.js +8 -8
  68. package/src/js/modules/assets/models/image.js +15 -14
  69. package/src/js/modules/assets/models/json.js +8 -8
  70. package/src/js/modules/assets/models/sound.js +14 -14
  71. package/src/js/modules/assets/models/spine.js +14 -14
  72. package/src/js/modules/assets/service.js +366 -365
  73. package/src/js/modules/i18n/_info.js +4 -4
  74. package/src/js/modules/i18n/config.js +17 -17
  75. package/src/js/modules/i18n/controller.js +79 -79
  76. package/src/js/modules/instances/_info.js +3 -3
  77. package/src/js/modules/instances/controller.js +262 -261
  78. package/src/js/modules/logic/_info.js +4 -4
  79. package/src/js/modules/logic/config/_info.js +2 -2
  80. package/src/js/modules/logic/config/sounds.js +23 -23
  81. package/src/js/modules/logic/controller.js +48 -48
  82. package/src/js/modules/logic/sounds.js +103 -103
  83. package/src/js/modules/objects/_info.js +13 -13
  84. package/src/js/modules/objects/baseModel.js +198 -198
  85. package/src/js/modules/objects/cache.js +99 -99
  86. package/src/js/modules/objects/controller.js +131 -131
  87. package/src/js/modules/objects/find.js +58 -58
  88. package/src/js/modules/objects/models/_info.js +27 -27
  89. package/src/js/modules/objects/models/atlasImage.js +50 -50
  90. package/src/js/modules/objects/models/bitmapText.js +37 -37
  91. package/src/js/modules/objects/models/button.js +189 -189
  92. package/src/js/modules/objects/models/buttonComposite.js +35 -35
  93. package/src/js/modules/objects/models/checkbox.js +96 -96
  94. package/src/js/modules/objects/models/collection.js +54 -54
  95. package/src/js/modules/objects/models/component.js +46 -45
  96. package/src/js/modules/objects/models/container.js +19 -19
  97. package/src/js/modules/objects/models/dragContainer.js +675 -675
  98. package/src/js/modules/objects/models/emitter.js +67 -67
  99. package/src/js/modules/objects/models/emitterFx.js +99 -99
  100. package/src/js/modules/objects/models/graphics.js +38 -38
  101. package/src/js/modules/objects/models/group.js +19 -19
  102. package/src/js/modules/objects/models/hitArea.js +104 -104
  103. package/src/js/modules/objects/models/image.js +34 -34
  104. package/src/js/modules/objects/models/imagesAnimation.js +113 -113
  105. package/src/js/modules/objects/models/mask.js +38 -38
  106. package/src/js/modules/objects/models/nineSlicePlane.js +30 -30
  107. package/src/js/modules/objects/models/scrollbox.js +64 -64
  108. package/src/js/modules/objects/models/slider.js +253 -253
  109. package/src/js/modules/objects/models/spine.js +276 -276
  110. package/src/js/modules/objects/models/text.js +59 -59
  111. package/src/js/modules/objects/models/textInput.js +66 -66
  112. package/src/js/modules/objects/models/toggle.js +180 -180
  113. package/src/js/modules/objects/models/world.js +19 -19
  114. package/src/js/modules/objects/propertyAdapter.js +587 -587
  115. package/src/js/modules/objects/proxy.js +294 -294
  116. package/src/js/modules/objects/selector.js +136 -136
  117. package/src/js/modules/objects/service.js +242 -242
  118. package/src/js/modules/objects/styles.js +210 -210
  119. package/src/js/modules/observer/_info.js +4 -4
  120. package/src/js/modules/observer/controller.js +99 -99
  121. package/src/js/modules/observer/events.js +52 -51
  122. package/src/js/modules/scenes/_info.js +8 -8
  123. package/src/js/modules/scenes/controller.js +103 -103
  124. package/src/js/modules/scenes/model.js +28 -28
  125. package/src/js/modules/scenes/pixiWrapper.js +237 -237
  126. package/src/js/modules/scenes/resolutions.js +173 -173
  127. package/src/js/modules/scenes/resolutionsConfig.js +73 -73
  128. package/src/js/modules/scenes/service.js +142 -142
  129. package/src/js/modules/soundManager/_info.js +3 -3
  130. package/src/js/modules/soundManager/controller.js +100 -100
  131. package/src/js/modules/soundManager/soundSprite.js +251 -250
  132. package/src/js/modules/statesManager/_info.js +12 -12
  133. package/src/js/modules/statesManager/action.js +60 -60
  134. package/src/js/modules/statesManager/actions/_info.js +3 -3
  135. package/src/js/modules/statesManager/all.js +23 -23
  136. package/src/js/modules/statesManager/configStates.js +71 -71
  137. package/src/js/modules/statesManager/controller.js +170 -170
  138. package/src/js/modules/statesManager/functionsStorage.js +82 -82
  139. package/src/js/modules/statesManager/helper.js +27 -27
  140. package/src/js/modules/statesManager/race.js +75 -75
  141. package/src/js/modules/statesManager/sequence.js +47 -47
  142. package/src/js/modules/template/_info.js +6 -6
  143. package/src/js/modules/template/controller.js +28 -28
  144. package/src/js/modules/template/model.js +11 -11
  145. package/src/js/modules/template/service.js +137 -137
  146. package/src/js/modules/template/types.js +46 -46
  147. package/src/js/modules/transport/_info.js +8 -8
  148. package/src/js/modules/transport/baseConnectionType.js +24 -24
  149. package/src/js/modules/transport/config.js +13 -13
  150. package/src/js/modules/transport/connectionTypes/_info.js +3 -3
  151. package/src/js/modules/transport/connectionTypes/websocket.js +74 -74
  152. package/src/js/modules/transport/connectionTypes/xhr.js +44 -44
  153. package/src/js/modules/transport/controller.js +48 -48
  154. package/src/js/modules/transport/decorator.js +17 -17
  155. package/src/js/modules/transport/service.js +153 -153
  156. package/src/js/templates/_info.js +4 -4
  157. package/src/js/templates/groups/_info.js +1 -1
  158. package/src/js/templates/scenes/_info.js +1 -1
  159. 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,12 +1,12 @@
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
- };
11
-
12
- 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
+ };
11
+
12
+ module.exports = ConfigMain;
@@ -1,26 +1,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
+ 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;