Inlined DevTools event emitter impl

When dispatching an event, if a listener throws- the event emitter should still call other listeners before re-throwing. If we don't do this, certain stores (e.g. ProfilerStore) may miss events and be left in an unknown state.

Author: Brian Vaughn

packages/react-devtools-shared/package.json

@@ -11,7 +11,6 @@
     "@reach/menu-button": "^0.1.17",
     "@reach/tooltip": "^0.2.2",
     "clipboard-js": "^0.3.6",
-    "events": "^3.0.0",
     "local-storage-fallback": "^4.1.1",
     "lodash.throttle": "^4.1.1",
     "memoize-one": "^3.1.1",

packages/react-devtools-shared/src/backend/agent.js

@@ -7,7 +7,7 @@
  * @flow
  */
 
-import EventEmitter from 'events';
+import EventEmitter from '../events';
 import throttle from 'lodash.throttle';
 import {
   SESSION_STORAGE_LAST_SELECTION_KEY,

packages/react-devtools-shared/src/bridge.js

@@ -7,7 +7,7 @@
  * @flow
  */
 
-import EventEmitter from 'events';
+import EventEmitter from './events';
 
 import type {ComponentFilter, Wall} from './types';
 import type {

packages/react-devtools-shared/src/devtools/ProfilerStore.js

@@ -7,7 +7,7 @@
  * @flow
  */
 
-import EventEmitter from 'events';
+import EventEmitter from '../events';
 import {prepareProfilingDataFrontendFromBackendAndStore} from './views/Profiler/utils';
 import ProfilingCache from './ProfilingCache';
 import Store from './store';

packages/react-devtools-shared/src/devtools/store.js

@@ -7,7 +7,7 @@
  * @flow
  */
 
-import EventEmitter from 'events';
+import EventEmitter from '../events';
 import {inspect} from 'util';
 import {
   TREE_OPERATION_ADD,

packages/react-devtools-shared/src/events.js

@@ -0,0 +1,65 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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, Set<Function>> = new Map();
+
+  addListener<Event: $Keys<Events>>(
+    event: Event,
+    listener: (...$ElementType<Events, Event>) => any,
+  ): void {
+    let listeners = this.listenersMap.get(event);
+    if (listeners === undefined) {
+      listeners = new Set();
+
+      this.listenersMap.set(event, listeners);
+    }
+
+    listeners.add(listener);
+  }
+
+  emit<Event: $Keys<Events>>(
+    event: Event,
+    ...args: $ElementType<Events, Event>
+  ): void {
+    const listeners = this.listenersMap.get(event);
+    if (listeners !== undefined) {
+      let caughtError = null;
+
+      listeners.forEach(listener => {
+        try {
+          listener.apply(null, args);
+        } catch (error) {
+          if (caughtError === null) {
+            caughtError = error;
+          }
+        }
+      });
+
+      if (caughtError !== null) {
+        throw caughtError;
+      }
+    }
+  }
+
+  removeAllListeners(event?: $Keys<Events>): void {
+    if (event != null) {
+      this.listenersMap.delete(event);
+    } else {
+      this.listenersMap.clear();
+    }
+  }
+
+  removeListener(event: $Keys<Events>, listener: Function): void {
+    const listeners = this.listenersMap.get(event);
+    if (listeners !== undefined) {
+      listeners.delete(listener);
+    }
+  }
+}

scripts/flow/react-devtools.js

@@ -7,19 +7,4 @@
  * @flow
  */
 
-declare module 'events' {
-  declare class EventEmitter<Events: Object> {
-    addListener<Event: $Keys<Events>>(
-      event: Event,
-      listener: (...$ElementType<Events, Event>) => any,
-    ): void;
-    emit: <Event: $Keys<Events>>(
-      event: Event,
-      ...$ElementType<Events, Event>
-    ) => void;
-    removeListener(event: $Keys<Events>, listener: Function): void;
-    removeAllListeners(event?: $Keys<Events>): void;
-  }
-
-  declare export default typeof EventEmitter;
-}
+// No types