event-bus.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375
  1. // GrabZilla 2.1 - Application Event Bus
  2. // Centralized event system for loose coupling between modules
  3. class EventBus {
  4. constructor() {
  5. this.listeners = new Map();
  6. this.eventHistory = [];
  7. this.maxHistorySize = 100;
  8. this.debugMode = false;
  9. }
  10. // Enable/disable debug logging
  11. setDebugMode(enabled) {
  12. this.debugMode = enabled;
  13. }
  14. // Subscribe to an event
  15. on(event, callback, options = {}) {
  16. if (typeof callback !== 'function') {
  17. throw new Error('Callback must be a function');
  18. }
  19. if (!this.listeners.has(event)) {
  20. this.listeners.set(event, []);
  21. }
  22. const listener = {
  23. callback,
  24. once: options.once || false,
  25. priority: options.priority || 0,
  26. context: options.context || null,
  27. id: this.generateListenerId()
  28. };
  29. const listeners = this.listeners.get(event);
  30. listeners.push(listener);
  31. // Sort by priority (higher priority first)
  32. listeners.sort((a, b) => b.priority - a.priority);
  33. if (this.debugMode) {
  34. console.log(`[EventBus] Subscribed to '${event}' (ID: ${listener.id})`);
  35. }
  36. return listener.id;
  37. }
  38. // Subscribe to an event only once
  39. once(event, callback, options = {}) {
  40. return this.on(event, callback, { ...options, once: true });
  41. }
  42. // Unsubscribe from an event
  43. off(event, callbackOrId) {
  44. if (!this.listeners.has(event)) {
  45. return false;
  46. }
  47. const listeners = this.listeners.get(event);
  48. let removed = false;
  49. if (typeof callbackOrId === 'function') {
  50. // Remove by callback function
  51. const index = listeners.findIndex(listener => listener.callback === callbackOrId);
  52. if (index > -1) {
  53. listeners.splice(index, 1);
  54. removed = true;
  55. }
  56. } else if (typeof callbackOrId === 'string') {
  57. // Remove by listener ID
  58. const index = listeners.findIndex(listener => listener.id === callbackOrId);
  59. if (index > -1) {
  60. listeners.splice(index, 1);
  61. removed = true;
  62. }
  63. }
  64. // Clean up empty event arrays
  65. if (listeners.length === 0) {
  66. this.listeners.delete(event);
  67. }
  68. if (this.debugMode && removed) {
  69. console.log(`[EventBus] Unsubscribed from '${event}'`);
  70. }
  71. return removed;
  72. }
  73. // Remove all listeners for an event
  74. removeAllListeners(event) {
  75. if (event) {
  76. const removed = this.listeners.has(event);
  77. this.listeners.delete(event);
  78. if (this.debugMode && removed) {
  79. console.log(`[EventBus] Removed all listeners for '${event}'`);
  80. }
  81. return removed;
  82. } else {
  83. // Remove all listeners for all events
  84. const count = this.listeners.size;
  85. this.listeners.clear();
  86. if (this.debugMode && count > 0) {
  87. console.log(`[EventBus] Removed all listeners (${count} events)`);
  88. }
  89. return count > 0;
  90. }
  91. }
  92. // Emit an event
  93. emit(event, data = null) {
  94. const eventData = {
  95. event,
  96. data,
  97. timestamp: Date.now(),
  98. id: this.generateEventId()
  99. };
  100. // Add to history
  101. this.addToHistory(eventData);
  102. if (this.debugMode) {
  103. console.log(`[EventBus] Emitting '${event}'`, data);
  104. }
  105. if (!this.listeners.has(event)) {
  106. if (this.debugMode) {
  107. console.log(`[EventBus] No listeners for '${event}'`);
  108. }
  109. return 0;
  110. }
  111. const listeners = [...this.listeners.get(event)]; // Copy to avoid modification during iteration
  112. let callbackCount = 0;
  113. const removeList = [];
  114. for (const listener of listeners) {
  115. try {
  116. // Call the callback with appropriate context
  117. if (listener.context) {
  118. listener.callback.call(listener.context, data, eventData);
  119. } else {
  120. listener.callback(data, eventData);
  121. }
  122. callbackCount++;
  123. // Mark for removal if it's a one-time listener
  124. if (listener.once) {
  125. removeList.push(listener.id);
  126. }
  127. } catch (error) {
  128. console.error(`[EventBus] Error in listener for '${event}':`, error);
  129. // Optionally emit an error event
  130. if (event !== 'error') {
  131. setTimeout(() => {
  132. this.emit('error', {
  133. originalEvent: event,
  134. originalData: data,
  135. error,
  136. listenerId: listener.id
  137. });
  138. }, 0);
  139. }
  140. }
  141. }
  142. // Remove one-time listeners
  143. removeList.forEach(id => this.off(event, id));
  144. return callbackCount;
  145. }
  146. // Emit an event asynchronously
  147. async emitAsync(event, data = null) {
  148. const eventData = {
  149. event,
  150. data,
  151. timestamp: Date.now(),
  152. id: this.generateEventId()
  153. };
  154. // Add to history
  155. this.addToHistory(eventData);
  156. if (this.debugMode) {
  157. console.log(`[EventBus] Emitting async '${event}'`, data);
  158. }
  159. if (!this.listeners.has(event)) {
  160. return 0;
  161. }
  162. const listeners = [...this.listeners.get(event)];
  163. let callbackCount = 0;
  164. const removeList = [];
  165. const promises = [];
  166. for (const listener of listeners) {
  167. const promise = (async () => {
  168. try {
  169. let result;
  170. if (listener.context) {
  171. result = listener.callback.call(listener.context, data, eventData);
  172. } else {
  173. result = listener.callback(data, eventData);
  174. }
  175. // Handle async callbacks
  176. if (result instanceof Promise) {
  177. await result;
  178. }
  179. callbackCount++;
  180. if (listener.once) {
  181. removeList.push(listener.id);
  182. }
  183. } catch (error) {
  184. console.error(`[EventBus] Error in async listener for '${event}':`, error);
  185. if (event !== 'error') {
  186. setTimeout(() => {
  187. this.emit('error', {
  188. originalEvent: event,
  189. originalData: data,
  190. error,
  191. listenerId: listener.id
  192. });
  193. }, 0);
  194. }
  195. }
  196. })();
  197. promises.push(promise);
  198. }
  199. await Promise.all(promises);
  200. // Remove one-time listeners
  201. removeList.forEach(id => this.off(event, id));
  202. return callbackCount;
  203. }
  204. // Check if there are listeners for an event
  205. hasListeners(event) {
  206. return this.listeners.has(event) && this.listeners.get(event).length > 0;
  207. }
  208. // Get the number of listeners for an event
  209. getListenerCount(event) {
  210. return this.listeners.has(event) ? this.listeners.get(event).length : 0;
  211. }
  212. // Get all event names that have listeners
  213. getEventNames() {
  214. return Array.from(this.listeners.keys());
  215. }
  216. // Get event history
  217. getEventHistory(eventFilter = null, limit = 10) {
  218. let history = [...this.eventHistory];
  219. if (eventFilter) {
  220. history = history.filter(item => item.event === eventFilter);
  221. }
  222. return history.slice(-limit);
  223. }
  224. // Clear event history
  225. clearHistory() {
  226. this.eventHistory = [];
  227. }
  228. // Generate unique listener ID
  229. generateListenerId() {
  230. return 'listener_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);
  231. }
  232. // Generate unique event ID
  233. generateEventId() {
  234. return 'event_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);
  235. }
  236. // Add event to history
  237. addToHistory(eventData) {
  238. this.eventHistory.push(eventData);
  239. // Limit history size
  240. if (this.eventHistory.length > this.maxHistorySize) {
  241. this.eventHistory = this.eventHistory.slice(-this.maxHistorySize);
  242. }
  243. }
  244. // Wait for a specific event (returns a promise)
  245. waitFor(event, timeout = 5000) {
  246. return new Promise((resolve, reject) => {
  247. let timeoutId;
  248. let listenerId;
  249. // Set up timeout
  250. if (timeout > 0) {
  251. timeoutId = setTimeout(() => {
  252. this.off(event, listenerId);
  253. reject(new Error(`Timeout waiting for event '${event}'`));
  254. }, timeout);
  255. }
  256. // Listen for the event
  257. listenerId = this.once(event, (data) => {
  258. if (timeoutId) {
  259. clearTimeout(timeoutId);
  260. }
  261. resolve(data);
  262. });
  263. });
  264. }
  265. // Create a namespace for events (useful for modules)
  266. namespace(prefix) {
  267. return {
  268. on: (event, callback, options) => this.on(`${prefix}:${event}`, callback, options),
  269. once: (event, callback, options) => this.once(`${prefix}:${event}`, callback, options),
  270. off: (event, callback) => this.off(`${prefix}:${event}`, callback),
  271. emit: (event, data) => this.emit(`${prefix}:${event}`, data),
  272. emitAsync: (event, data) => this.emitAsync(`${prefix}:${event}`, data),
  273. hasListeners: (event) => this.hasListeners(`${prefix}:${event}`),
  274. getListenerCount: (event) => this.getListenerCount(`${prefix}:${event}`)
  275. };
  276. }
  277. // Debug information
  278. getDebugInfo() {
  279. const events = this.getEventNames().map(event => ({
  280. event,
  281. listenerCount: this.getListenerCount(event),
  282. listeners: this.listeners.get(event).map(l => ({
  283. id: l.id,
  284. priority: l.priority,
  285. once: l.once,
  286. hasContext: !!l.context
  287. }))
  288. }));
  289. return {
  290. totalEvents: events.length,
  291. totalListeners: events.reduce((sum, e) => sum + e.listenerCount, 0),
  292. events,
  293. historySize: this.eventHistory.length
  294. };
  295. }
  296. }
  297. // Create global event bus instance
  298. const eventBus = new EventBus();
  299. // Enable debug mode in development
  300. if (typeof window !== 'undefined' && window.location?.hostname === 'localhost') {
  301. eventBus.setDebugMode(true);
  302. }
  303. // Export for use in other modules
  304. if (typeof module !== 'undefined' && module.exports) {
  305. // Node.js environment
  306. module.exports = { EventBus, eventBus };
  307. } else {
  308. // Browser environment - attach to window
  309. window.EventBus = EventBus;
  310. window.eventBus = eventBus;
  311. }