@office-iss/react-native-win32 0.0.0-canary.283 → 0.0.0-canary.285

package/Libraries/WebSocket/WebSocket.js

@@ -8,290 +8,13 @@
  * @flow
  */
 
-import type {BlobData} from '../Blob/BlobTypes';
-import type {EventSubscription} from '../vendor/emitter/EventEmitter';
+import typeof WebSocket from './WebSocket_old';
 
-import Blob from '../Blob/Blob';
-import BlobManager from '../Blob/BlobManager';
-import NativeEventEmitter from '../EventEmitter/NativeEventEmitter';
-import binaryToBase64 from '../Utilities/binaryToBase64';
-import Platform from '../Utilities/Platform';
-import NativeWebSocketModule from './NativeWebSocketModule';
-import WebSocketEvent from './WebSocketEvent';
-import base64 from 'base64-js';
-import EventTarget from 'event-target-shim';
-import invariant from 'invariant';
+// Use a global instead of a flag from ReactNativeFeatureFlags because this will
+// be read before apps have a chance to set overrides.
+const useBuiltInEventTarget = global.RN$useBuiltInEventTarget?.();
 
-type ArrayBufferView =
-  | Int8Array
-  | Uint8Array
-  | Uint8ClampedArray
-  | Int16Array
-  | Uint16Array
-  | Int32Array
-  | Uint32Array
-  | Float32Array
-  | Float64Array
-  | DataView;
-
-type BinaryType = 'blob' | 'arraybuffer';
-
-const CONNECTING = 0;
-const OPEN = 1;
-const CLOSING = 2;
-const CLOSED = 3;
-
-const CLOSE_NORMAL = 1000;
-
-// Abnormal closure where no code is provided in a control frame
-// https://www.rfc-editor.org/rfc/rfc6455.html#section-7.1.5
-const CLOSE_ABNORMAL = 1006;
-
-const WEBSOCKET_EVENTS = ['close', 'error', 'message', 'open'];
-
-let nextWebSocketId = 0;
-
-type WebSocketEventDefinitions = {
-  websocketOpen: [{id: number, protocol: string}],
-  websocketClosed: [{id: number, code: number, reason: string}],
-  websocketMessage: [
-    | {type: 'binary', id: number, data: string}
-    | {type: 'text', id: number, data: string}
-    | {type: 'blob', id: number, data: BlobData},
-  ],
-  websocketFailed: [{id: number, message: string}],
-};
-
-/**
- * Browser-compatible WebSockets implementation.
- *
- * See https://developer.mozilla.org/en-US/docs/Web/API/WebSocket
- * See https://github.com/websockets/ws
- */
-class WebSocket extends (EventTarget(...WEBSOCKET_EVENTS): typeof EventTarget) {
-  static CONNECTING: number = CONNECTING;
-  static OPEN: number = OPEN;
-  static CLOSING: number = CLOSING;
-  static CLOSED: number = CLOSED;
-
-  CONNECTING: number = CONNECTING;
-  OPEN: number = OPEN;
-  CLOSING: number = CLOSING;
-  CLOSED: number = CLOSED;
-
-  _socketId: number;
-  _eventEmitter: NativeEventEmitter<WebSocketEventDefinitions>;
-  _subscriptions: Array<EventSubscription>;
-  _binaryType: ?BinaryType;
-
-  onclose: ?Function;
-  onerror: ?Function;
-  onmessage: ?Function;
-  onopen: ?Function;
-
-  bufferedAmount: number;
-  extension: ?string;
-  protocol: ?string;
-  readyState: number = CONNECTING;
-  url: ?string;
-
-  constructor(
-    url: string,
-    protocols: ?string | ?Array<string>,
-    options: ?{headers?: {origin?: string, ...}, ...},
-  ) {
-    super();
-    this.url = url;
-    if (typeof protocols === 'string') {
-      protocols = [protocols];
-    }
-
-    const {headers = {}, ...unrecognized} = options || {};
-
-    // Preserve deprecated backwards compatibility for the 'origin' option
-    // $FlowFixMe[prop-missing]
-    if (unrecognized && typeof unrecognized.origin === 'string') {
-      console.warn(
-        'Specifying `origin` as a WebSocket connection option is deprecated. Include it under `headers` instead.',
-      );
-      /* $FlowFixMe[prop-missing] (>=0.54.0 site=react_native_fb,react_native_
-       * oss) This comment suppresses an error found when Flow v0.54 was
-       * deployed. To see the error delete this comment and run Flow. */
-      headers.origin = unrecognized.origin;
-      /* $FlowFixMe[prop-missing] (>=0.54.0 site=react_native_fb,react_native_
-       * oss) This comment suppresses an error found when Flow v0.54 was
-       * deployed. To see the error delete this comment and run Flow. */
-      delete unrecognized.origin;
-    }
-
-    // Warn about and discard anything else
-    if (Object.keys(unrecognized).length > 0) {
-      console.warn(
-        'Unrecognized WebSocket connection option(s) `' +
-          Object.keys(unrecognized).join('`, `') +
-          '`. ' +
-          'Did you mean to put these under `headers`?',
-      );
-    }
-
-    if (!Array.isArray(protocols)) {
-      protocols = null;
-    }
-
-    this._eventEmitter = new NativeEventEmitter(
-      // T88715063: NativeEventEmitter only used this parameter on iOS. Now it uses it on all platforms, so this code was modified automatically to preserve its behavior
-      // If you want to use the native module on other platforms, please remove this condition and test its behavior
-      Platform.OS !== 'ios' ? null : NativeWebSocketModule,
-    );
-    this._socketId = nextWebSocketId++;
-    this._registerEvents();
-    NativeWebSocketModule.connect(url, protocols, {headers}, this._socketId);
-  }
-
-  get binaryType(): ?BinaryType {
-    return this._binaryType;
-  }
-
-  set binaryType(binaryType: BinaryType): void {
-    if (binaryType !== 'blob' && binaryType !== 'arraybuffer') {
-      throw new Error("binaryType must be either 'blob' or 'arraybuffer'");
-    }
-    if (this._binaryType === 'blob' || binaryType === 'blob') {
-      invariant(
-        BlobManager.isAvailable,
-        'Native module BlobModule is required for blob support',
-      );
-      if (binaryType === 'blob') {
-        BlobManager.addWebSocketHandler(this._socketId);
-      } else {
-        BlobManager.removeWebSocketHandler(this._socketId);
-      }
-    }
-    this._binaryType = binaryType;
-  }
-
-  close(code?: number, reason?: string): void {
-    if (this.readyState === this.CLOSING || this.readyState === this.CLOSED) {
-      return;
-    }
-
-    this.readyState = this.CLOSING;
-    this._close(code, reason);
-  }
-
-  send(data: string | ArrayBuffer | ArrayBufferView | Blob): void {
-    if (this.readyState === this.CONNECTING) {
-      throw new Error('INVALID_STATE_ERR');
-    }
-
-    if (data instanceof Blob) {
-      invariant(
-        BlobManager.isAvailable,
-        'Native module BlobModule is required for blob support',
-      );
-      BlobManager.sendOverSocket(data, this._socketId);
-      return;
-    }
-
-    if (typeof data === 'string') {
-      NativeWebSocketModule.send(data, this._socketId);
-      return;
-    }
-
-    if (data instanceof ArrayBuffer || ArrayBuffer.isView(data)) {
-      NativeWebSocketModule.sendBinary(binaryToBase64(data), this._socketId);
-      return;
-    }
-
-    throw new Error('Unsupported data type');
-  }
-
-  ping(): void {
-    if (this.readyState === this.CONNECTING) {
-      throw new Error('INVALID_STATE_ERR');
-    }
-
-    NativeWebSocketModule.ping(this._socketId);
-  }
-
-  _close(code?: number, reason?: string): void {
-    // See https://developer.mozilla.org/en-US/docs/Web/API/CloseEvent
-    const statusCode = typeof code === 'number' ? code : CLOSE_NORMAL;
-    const closeReason = typeof reason === 'string' ? reason : '';
-    NativeWebSocketModule.close(statusCode, closeReason, this._socketId);
-
-    if (BlobManager.isAvailable && this._binaryType === 'blob') {
-      BlobManager.removeWebSocketHandler(this._socketId);
-    }
-  }
-
-  _unregisterEvents(): void {
-    this._subscriptions.forEach(e => e.remove());
-    this._subscriptions = [];
-  }
-
-  _registerEvents(): void {
-    this._subscriptions = [
-      this._eventEmitter.addListener('websocketMessage', ev => {
-        if (ev.id !== this._socketId) {
-          return;
-        }
-        let data: Blob | BlobData | ArrayBuffer | string = ev.data;
-        switch (ev.type) {
-          case 'binary':
-            data = base64.toByteArray(ev.data).buffer;
-            break;
-          case 'blob':
-            data = BlobManager.createFromOptions(ev.data);
-            break;
-        }
-        this.dispatchEvent(new WebSocketEvent('message', {data}));
-      }),
-      this._eventEmitter.addListener('websocketOpen', ev => {
-        if (ev.id !== this._socketId) {
-          return;
-        }
-        this.readyState = this.OPEN;
-        this.protocol = ev.protocol;
-        this.dispatchEvent(new WebSocketEvent('open'));
-      }),
-      this._eventEmitter.addListener('websocketClosed', ev => {
-        if (ev.id !== this._socketId) {
-          return;
-        }
-        this.readyState = this.CLOSED;
-        this.dispatchEvent(
-          new WebSocketEvent('close', {
-            code: ev.code,
-            reason: ev.reason,
-            // TODO: missing `wasClean` (exposed on iOS as `clean` but missing on Android)
-          }),
-        );
-        this._unregisterEvents();
-        this.close();
-      }),
-      this._eventEmitter.addListener('websocketFailed', ev => {
-        if (ev.id !== this._socketId) {
-          return;
-        }
-        this.readyState = this.CLOSED;
-        this.dispatchEvent(
-          new WebSocketEvent('error', {
-            message: ev.message,
-          }),
-        );
-        this.dispatchEvent(
-          new WebSocketEvent('close', {
-            code: CLOSE_ABNORMAL,
-            reason: ev.message,
-            // TODO: Expose `wasClean`
-          }),
-        );
-        this._unregisterEvents();
-        this.close();
-      }),
-    ];
-  }
-}
-
-module.exports = WebSocket;
+export default (useBuiltInEventTarget
+  ? // $FlowExpectedError[incompatible-cast]
+    require('./WebSocket_new').default
+  : require('./WebSocket_old').default) as WebSocket;

package/Libraries/WebSocket/WebSocketEvent.js

@@ -21,10 +21,10 @@
 class WebSocketEvent {
   type: string;
 
-  constructor(type: string, eventInitDict: $FlowFixMe) {
+  constructor(type: string, eventInitDict: ?{...}) {
     this.type = type.toString();
     Object.assign(this, eventInitDict);
   }
 }
 
-module.exports = WebSocketEvent;
+export default WebSocketEvent;

package/Libraries/WebSocket/WebSocketInterceptor.js

@@ -40,50 +40,78 @@ let isInterceptorEnabled = false;
 const WebSocketInterceptor = {
   /**
    * Invoked when RCTWebSocketModule.close(...) is called.
+   * The callback is invoked with the following parameters:
+   * - `'code'` - The status code explaining why the connection was closed,
+   * - `'reason'` - The reason explaining why the connection was closed,
+   * - `'socketId'` - The id of the socket.
    */
-  setCloseCallback(callback: $FlowFixMe) {
+  setCloseCallback(callback: ?(number | null, string | null, number) => void) {
     closeCallback = callback;
   },
 
   /**
    * Invoked when RCTWebSocketModule.send(...) or sendBinary(...) is called.
+   * The callback is invoked with the following parameters:
+   * - `'data'` - The data sent,
+   * - `'socketId'` - The id of the socket.
    */
-  setSendCallback(callback: $FlowFixMe) {
+  setSendCallback(callback: ?(string | ArrayBuffer, number) => void) {
     sendCallback = callback;
   },
 
   /**
    * Invoked when RCTWebSocketModule.connect(...) is called.
+   * The callback is invoked with the following parameters:
+   * - `'url'` - The url of the socket,
+   * - `'protocols'` - The protocols of the socket,
+   * - `'options'` - The options of the socket,
+   * - `'socketId'` - The id of the socket.
    */
-  setConnectCallback(callback: $FlowFixMe) {
+  setConnectCallback(
+    callback: ?(string, Array<string> | null, Array<string>, number) => void,
+  ) {
     connectCallback = callback;
   },
 
   /**
    * Invoked when event "websocketOpen" happens.
+   * The callback is invoked with the following parameters:
+   * - `'socketId'` - The id of the socket.
    */
-  setOnOpenCallback(callback: $FlowFixMe) {
+  setOnOpenCallback(callback: ?(number) => void) {
     onOpenCallback = callback;
   },
 
   /**
    * Invoked when event "websocketMessage" happens.
+   * The callback is invoked with the following parameters:
+   * - `'data'` - The data received,
+   * - `'socketId'` - The id of the socket.
    */
-  setOnMessageCallback(callback: $FlowFixMe) {
+  setOnMessageCallback(callback: ?(string | ArrayBuffer, number) => void) {
     onMessageCallback = callback;
   },
 
   /**
    * Invoked when event "websocketFailed" happens.
+   * The callback is invoked with the following parameters:
+   * - `'message'` - The error message,
+   * - `'socketId'` - The id of the socket.
    */
-  setOnErrorCallback(callback: $FlowFixMe) {
+  setOnErrorCallback(callback: ?({message: string}, number) => void) {
     onErrorCallback = callback;
   },
 
   /**
    * Invoked when event "websocketClosed" happens.
+   * The callback is invoked with the following parameters:
+   * - `'code'` - The status code explaining why the connection was closed,
+   * - `'reason'` - The reason explaining why the connection was closed,
+   * - `'socketId'` - The id of the socket.
    */
-  setOnCloseCallback(callback: $FlowFixMe) {
+  setOnCloseCallback(
+    callback: ?({code: number, reason: ?string}, number) => void,
+  ) {
     onCloseCallback = callback;
   },
 
@@ -105,10 +133,10 @@ const WebSocketInterceptor = {
       eventEmitter.addListener('websocketMessage', ev => {
         if (onMessageCallback) {
           onMessageCallback(
-            ev.id,
             ev.type === 'binary'
               ? WebSocketInterceptor._arrayBufferToString(ev.data)
               : ev.data,
+            ev.id,
           );
         }
       }),
@@ -121,13 +149,13 @@ const WebSocketInterceptor = {
       // $FlowFixMe[incompatible-type]
       eventEmitter.addListener('websocketClosed', ev => {
         if (onCloseCallback) {
-          onCloseCallback(ev.id, {code: ev.code, reason: ev.reason});
+          onCloseCallback({code: ev.code, reason: ev.reason}, ev.id);
         }
       }),
       // $FlowFixMe[incompatible-type]
       eventEmitter.addListener('websocketFailed', ev => {
         if (onErrorCallback) {
-          onErrorCallback(ev.id, {message: ev.message});
+          onErrorCallback({message: ev.message}, ev.id);
         }
       }),
     ];
@@ -244,4 +272,4 @@ const WebSocketInterceptor = {
   },
 };
 
-module.exports = WebSocketInterceptor;
+export default WebSocketInterceptor;