observable.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371
  1. /**
  2. * A class serves as a medium between the observable and its observers
  3. */
  4. export class EventState {
  5. /**
  6. * Create a new EventState
  7. * @param mask defines the mask associated with this state
  8. * @param skipNextObservers defines a flag which will instruct the observable to skip following observers when set to true
  9. * @param target defines the original target of the state
  10. * @param currentTarget defines the current target of the state
  11. */
  12. constructor(mask, skipNextObservers = false, target, currentTarget) {
  13. this.initialize(mask, skipNextObservers, target, currentTarget);
  14. }
  15. /**
  16. * Initialize the current event state
  17. * @param mask defines the mask associated with this state
  18. * @param skipNextObservers defines a flag which will instruct the observable to skip following observers when set to true
  19. * @param target defines the original target of the state
  20. * @param currentTarget defines the current target of the state
  21. * @returns the current event state
  22. */
  23. initialize(mask, skipNextObservers = false, target, currentTarget) {
  24. this.mask = mask;
  25. this.skipNextObservers = skipNextObservers;
  26. this.target = target;
  27. this.currentTarget = currentTarget;
  28. return this;
  29. }
  30. }
  31. /**
  32. * Represent an Observer registered to a given Observable object.
  33. */
  34. export class Observer {
  35. /**
  36. * Creates a new observer
  37. * @param callback defines the callback to call when the observer is notified
  38. * @param mask defines the mask of the observer (used to filter notifications)
  39. * @param scope defines the current scope used to restore the JS context
  40. */
  41. constructor(
  42. /**
  43. * Defines the callback to call when the observer is notified
  44. */
  45. callback,
  46. /**
  47. * Defines the mask of the observer (used to filter notifications)
  48. */
  49. mask,
  50. /**
  51. * Defines the current scope used to restore the JS context
  52. */
  53. scope = null) {
  54. this.callback = callback;
  55. this.mask = mask;
  56. this.scope = scope;
  57. /** @internal */
  58. this._willBeUnregistered = false;
  59. /**
  60. * Gets or sets a property defining that the observer as to be unregistered after the next notification
  61. */
  62. this.unregisterOnNextCall = false;
  63. /**
  64. * this function can be used to remove the observer from the observable.
  65. * It will be set by the observable that the observer belongs to.
  66. * @internal
  67. */
  68. this._remove = null;
  69. }
  70. /**
  71. * Remove the observer from its observable
  72. * This can be used instead of using the observable's remove function.
  73. */
  74. remove() {
  75. if (this._remove) {
  76. this._remove();
  77. }
  78. }
  79. }
  80. /**
  81. * The Observable class is a simple implementation of the Observable pattern.
  82. *
  83. * There's one slight particularity though: a given Observable can notify its observer using a particular mask value, only the Observers registered with this mask value will be notified.
  84. * This enable a more fine grained execution without having to rely on multiple different Observable objects.
  85. * For instance you may have a given Observable that have four different types of notifications: Move (mask = 0x01), Stop (mask = 0x02), Turn Right (mask = 0X04), Turn Left (mask = 0X08).
  86. * A given observer can register itself with only Move and Stop (mask = 0x03), then it will only be notified when one of these two occurs and will never be for Turn Left/Right.
  87. */
  88. export class Observable {
  89. /**
  90. * Create an observable from a Promise.
  91. * @param promise a promise to observe for fulfillment.
  92. * @param onErrorObservable an observable to notify if a promise was rejected.
  93. * @returns the new Observable
  94. */
  95. static FromPromise(promise, onErrorObservable) {
  96. const observable = new Observable();
  97. promise
  98. .then((ret) => {
  99. observable.notifyObservers(ret);
  100. })
  101. .catch((err) => {
  102. if (onErrorObservable) {
  103. onErrorObservable.notifyObservers(err);
  104. }
  105. else {
  106. throw err;
  107. }
  108. });
  109. return observable;
  110. }
  111. /**
  112. * Gets the list of observers
  113. * Note that observers that were recently deleted may still be present in the list because they are only really deleted on the next javascript tick!
  114. */
  115. get observers() {
  116. return this._observers;
  117. }
  118. /**
  119. * Creates a new observable
  120. * @param onObserverAdded defines a callback to call when a new observer is added
  121. * @param notifyIfTriggered If set to true the observable will notify when an observer was added if the observable was already triggered.
  122. */
  123. constructor(onObserverAdded,
  124. /**
  125. * If set to true the observable will notify when an observer was added if the observable was already triggered.
  126. * This is helpful to single-state observables like the scene onReady or the dispose observable.
  127. */
  128. notifyIfTriggered = false) {
  129. this.notifyIfTriggered = notifyIfTriggered;
  130. this._observers = new Array();
  131. this._numObserversMarkedAsDeleted = 0;
  132. this._hasNotified = false;
  133. this._eventState = new EventState(0);
  134. if (onObserverAdded) {
  135. this._onObserverAdded = onObserverAdded;
  136. }
  137. }
  138. add(callback, mask = -1, insertFirst = false, scope = null, unregisterOnFirstCall = false) {
  139. if (!callback) {
  140. return null;
  141. }
  142. const observer = new Observer(callback, mask, scope);
  143. observer.unregisterOnNextCall = unregisterOnFirstCall;
  144. if (insertFirst) {
  145. this._observers.unshift(observer);
  146. }
  147. else {
  148. this._observers.push(observer);
  149. }
  150. if (this._onObserverAdded) {
  151. this._onObserverAdded(observer);
  152. }
  153. // If the observable was already triggered and the observable is set to notify if triggered, notify the new observer
  154. if (this._hasNotified && this.notifyIfTriggered) {
  155. if (this._lastNotifiedValue !== undefined) {
  156. this.notifyObserver(observer, this._lastNotifiedValue);
  157. }
  158. }
  159. // attach the remove function to the observer
  160. observer._remove = () => {
  161. this.remove(observer);
  162. };
  163. return observer;
  164. }
  165. addOnce(callback) {
  166. return this.add(callback, undefined, undefined, undefined, true);
  167. }
  168. /**
  169. * Remove an Observer from the Observable object
  170. * @param observer the instance of the Observer to remove
  171. * @returns false if it doesn't belong to this Observable
  172. */
  173. remove(observer) {
  174. if (!observer) {
  175. return false;
  176. }
  177. observer._remove = null;
  178. const index = this._observers.indexOf(observer);
  179. if (index !== -1) {
  180. this._deferUnregister(observer);
  181. return true;
  182. }
  183. return false;
  184. }
  185. /**
  186. * Remove a callback from the Observable object
  187. * @param callback the callback to remove
  188. * @param scope optional scope. If used only the callbacks with this scope will be removed
  189. * @returns false if it doesn't belong to this Observable
  190. */
  191. removeCallback(callback, scope) {
  192. for (let index = 0; index < this._observers.length; index++) {
  193. const observer = this._observers[index];
  194. if (observer._willBeUnregistered) {
  195. continue;
  196. }
  197. if (observer.callback === callback && (!scope || scope === observer.scope)) {
  198. this._deferUnregister(observer);
  199. return true;
  200. }
  201. }
  202. return false;
  203. }
  204. /**
  205. * @internal
  206. */
  207. _deferUnregister(observer) {
  208. if (observer._willBeUnregistered) {
  209. return;
  210. }
  211. this._numObserversMarkedAsDeleted++;
  212. observer.unregisterOnNextCall = false;
  213. observer._willBeUnregistered = true;
  214. setTimeout(() => {
  215. this._remove(observer);
  216. }, 0);
  217. }
  218. // This should only be called when not iterating over _observers to avoid callback skipping.
  219. // Removes an observer from the _observer Array.
  220. _remove(observer, updateCounter = true) {
  221. if (!observer) {
  222. return false;
  223. }
  224. const index = this._observers.indexOf(observer);
  225. if (index !== -1) {
  226. if (updateCounter) {
  227. this._numObserversMarkedAsDeleted--;
  228. }
  229. this._observers.splice(index, 1);
  230. return true;
  231. }
  232. return false;
  233. }
  234. /**
  235. * Moves the observable to the top of the observer list making it get called first when notified
  236. * @param observer the observer to move
  237. */
  238. makeObserverTopPriority(observer) {
  239. this._remove(observer, false);
  240. this._observers.unshift(observer);
  241. }
  242. /**
  243. * Moves the observable to the bottom of the observer list making it get called last when notified
  244. * @param observer the observer to move
  245. */
  246. makeObserverBottomPriority(observer) {
  247. this._remove(observer, false);
  248. this._observers.push(observer);
  249. }
  250. /**
  251. * Notify all Observers by calling their respective callback with the given data
  252. * Will return true if all observers were executed, false if an observer set skipNextObservers to true, then prevent the subsequent ones to execute
  253. * @param eventData defines the data to send to all observers
  254. * @param mask defines the mask of the current notification (observers with incompatible mask (ie mask & observer.mask === 0) will not be notified)
  255. * @param target defines the original target of the state
  256. * @param currentTarget defines the current target of the state
  257. * @param userInfo defines any user info to send to observers
  258. * @returns false if the complete observer chain was not processed (because one observer set the skipNextObservers to true)
  259. */
  260. notifyObservers(eventData, mask = -1, target, currentTarget, userInfo) {
  261. // this prevents potential memory leaks - if an object is disposed but the observable doesn't get cleared.
  262. if (this.notifyIfTriggered) {
  263. this._hasNotified = true;
  264. this._lastNotifiedValue = eventData;
  265. }
  266. if (!this._observers.length) {
  267. return true;
  268. }
  269. const state = this._eventState;
  270. state.mask = mask;
  271. state.target = target;
  272. state.currentTarget = currentTarget;
  273. state.skipNextObservers = false;
  274. state.lastReturnValue = eventData;
  275. state.userInfo = userInfo;
  276. for (const obs of this._observers) {
  277. if (obs._willBeUnregistered) {
  278. continue;
  279. }
  280. if (obs.mask & mask) {
  281. if (obs.unregisterOnNextCall) {
  282. this._deferUnregister(obs);
  283. }
  284. if (obs.scope) {
  285. state.lastReturnValue = obs.callback.apply(obs.scope, [eventData, state]);
  286. }
  287. else {
  288. state.lastReturnValue = obs.callback(eventData, state);
  289. }
  290. }
  291. if (state.skipNextObservers) {
  292. return false;
  293. }
  294. }
  295. return true;
  296. }
  297. /**
  298. * Notify a specific observer
  299. * @param observer defines the observer to notify
  300. * @param eventData defines the data to be sent to each callback
  301. * @param mask is used to filter observers defaults to -1
  302. */
  303. notifyObserver(observer, eventData, mask = -1) {
  304. // this prevents potential memory leaks - if an object is disposed but the observable doesn't get cleared.
  305. if (this.notifyIfTriggered) {
  306. this._hasNotified = true;
  307. this._lastNotifiedValue = eventData;
  308. }
  309. if (observer._willBeUnregistered) {
  310. return;
  311. }
  312. const state = this._eventState;
  313. state.mask = mask;
  314. state.skipNextObservers = false;
  315. if (observer.unregisterOnNextCall) {
  316. this._deferUnregister(observer);
  317. }
  318. observer.callback(eventData, state);
  319. }
  320. /**
  321. * Gets a boolean indicating if the observable has at least one observer
  322. * @returns true is the Observable has at least one Observer registered
  323. */
  324. hasObservers() {
  325. return this._observers.length - this._numObserversMarkedAsDeleted > 0;
  326. }
  327. /**
  328. * Clear the list of observers
  329. */
  330. clear() {
  331. while (this._observers.length) {
  332. const o = this._observers.pop();
  333. if (o) {
  334. o._remove = null;
  335. }
  336. }
  337. this._onObserverAdded = null;
  338. this._numObserversMarkedAsDeleted = 0;
  339. this.cleanLastNotifiedState();
  340. }
  341. /**
  342. * Clean the last notified state - both the internal last value and the has-notified flag
  343. */
  344. cleanLastNotifiedState() {
  345. this._hasNotified = false;
  346. this._lastNotifiedValue = undefined;
  347. }
  348. /**
  349. * Clone the current observable
  350. * @returns a new observable
  351. */
  352. clone() {
  353. const result = new Observable();
  354. result._observers = this._observers.slice(0);
  355. return result;
  356. }
  357. /**
  358. * Does this observable handles observer registered with a given mask
  359. * @param mask defines the mask to be tested
  360. * @returns whether or not one observer registered with the given mask is handled
  361. **/
  362. hasSpecificMask(mask = -1) {
  363. for (const obs of this._observers) {
  364. if (obs.mask & mask || obs.mask === mask) {
  365. return true;
  366. }
  367. }
  368. return false;
  369. }
  370. }
  371. //# sourceMappingURL=observable.js.map