Home / File/ events.js — react Source File

events.js — react Source File

Architecture documentation for events.js, a javascript file in the react codebase. 0 imports, 4 dependents.

Entity Profile

Dependency Diagram

graph LR
  141645a3_e6e3_7211_4514_81e079648b8c["events.js"]
  e3778820_57ff_7221_e2fb_64072d11afcc["agent.js"]
  e3778820_57ff_7221_e2fb_64072d11afcc --> 141645a3_e6e3_7211_4514_81e079648b8c
  90c55265_8c71_a702_1208_8bdd01b6c4ae["bridge.js"]
  90c55265_8c71_a702_1208_8bdd01b6c4ae --> 141645a3_e6e3_7211_4514_81e079648b8c
  85373914_42ee_ed07_c5b1_5dac4e356a82["ProfilerStore.js"]
  85373914_42ee_ed07_c5b1_5dac4e356a82 --> 141645a3_e6e3_7211_4514_81e079648b8c
  bba85af0_a356_d0c5_4d12_914508b89593["store.js"]
  bba85af0_a356_d0c5_4d12_914508b89593 --> 141645a3_e6e3_7211_4514_81e079648b8c
  style 141645a3_e6e3_7211_4514_81e079648b8c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow
 */

export default class EventEmitter<Events: Object> {
  listenersMap: Map<string, Array<Function>> = new Map();

  addListener<Event: $Keys<Events>>(
    event: Event,
    listener: (...Events[Event]) => any,
  ): void {
    const listeners = this.listenersMap.get(event);
    if (listeners === undefined) {
      this.listenersMap.set(event, [listener]);
    } else {
      const index = listeners.indexOf(listener);
      if (index < 0) {
        listeners.push(listener);
      }
    }
  }

  emit<Event: $Keys<Events>>(event: Event, ...args: Events[Event]): void {
    const listeners = this.listenersMap.get(event);
    if (listeners !== undefined) {
      if (listeners.length === 1) {
        // No need to clone or try/catch
        const listener = listeners[0];
        listener.apply(null, args);
      } else {
        let didThrow = false;
        let caughtError = null;

        const clonedListeners = Array.from(listeners);
        for (let i = 0; i < clonedListeners.length; i++) {
          const listener = clonedListeners[i];
          try {
            listener.apply(null, args);
          } catch (error) {
            if (caughtError === null) {
              didThrow = true;
              caughtError = error;
            }
          }
        }

        if (didThrow) {
          throw caughtError;
        }
      }
    }
  }

  removeAllListeners(): void {
    this.listenersMap.clear();
  }

  removeListener(event: $Keys<Events>, listener: Function): void {
    const listeners = this.listenersMap.get(event);
    if (listeners !== undefined) {
      const index = listeners.indexOf(listener);
      if (index >= 0) {
        listeners.splice(index, 1);
      }
    }
  }
}

Domain

Frequently Asked Questions

What does events.js do?
events.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain.
What files import events.js?
events.js is imported by 4 file(s): ProfilerStore.js, agent.js, bridge.js, store.js.
Where is events.js in the architecture?
events.js is located at packages/react-devtools-shared/src/events.js (domain: BabelCompiler, directory: packages/react-devtools-shared/src).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free