123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470 |
- /**
- * 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
- * @format
- */
- 'use strict';
- const ErrorUtils = require('../vendor/core/ErrorUtils');
- const Systrace = require('../Performance/Systrace');
- const deepFreezeAndThrowOnMutationInDev = require('../Utilities/deepFreezeAndThrowOnMutationInDev');
- const invariant = require('invariant');
- const stringifySafe = require('../Utilities/stringifySafe').default;
- const warnOnce = require('../Utilities/warnOnce');
- export type SpyData = {
- type: number,
- module: ?string,
- method: string | number,
- args: any[],
- ...
- };
- const TO_JS = 0;
- const TO_NATIVE = 1;
- const MODULE_IDS = 0;
- const METHOD_IDS = 1;
- const PARAMS = 2;
- const MIN_TIME_BETWEEN_FLUSHES_MS = 5;
- // eslint-disable-next-line no-bitwise
- const TRACE_TAG_REACT_APPS = 1 << 17;
- const DEBUG_INFO_LIMIT = 32;
- class MessageQueue {
- _lazyCallableModules: {[key: string]: (void) => Object, ...};
- _queue: [number[], number[], any[], number];
- _successCallbacks: Map<number, ?Function>;
- _failureCallbacks: Map<number, ?Function>;
- _callID: number;
- _lastFlush: number;
- _eventLoopStartTime: number;
- _immediatesCallback: ?() => void;
- _debugInfo: {[number]: [number, number], ...};
- _remoteModuleTable: {[number]: string, ...};
- _remoteMethodTable: {[number]: $ReadOnlyArray<string>, ...};
- __spy: ?(data: SpyData) => void;
- constructor() {
- this._lazyCallableModules = {};
- this._queue = [[], [], [], 0];
- this._successCallbacks = new Map();
- this._failureCallbacks = new Map();
- this._callID = 0;
- this._lastFlush = 0;
- this._eventLoopStartTime = Date.now();
- this._immediatesCallback = null;
- if (__DEV__) {
- this._debugInfo = {};
- this._remoteModuleTable = {};
- this._remoteMethodTable = {};
- }
- (this: any).callFunctionReturnFlushedQueue = this.callFunctionReturnFlushedQueue.bind(
- this,
- );
- (this: any).flushedQueue = this.flushedQueue.bind(this);
- (this: any).invokeCallbackAndReturnFlushedQueue = this.invokeCallbackAndReturnFlushedQueue.bind(
- this,
- );
- }
- /**
- * Public APIs
- */
- static spy(spyOrToggle: boolean | ((data: SpyData) => void)) {
- if (spyOrToggle === true) {
- MessageQueue.prototype.__spy = info => {
- console.log(
- `${info.type === TO_JS ? 'N->JS' : 'JS->N'} : ` +
- `${info.module ? info.module + '.' : ''}${info.method}` +
- `(${JSON.stringify(info.args)})`,
- );
- };
- } else if (spyOrToggle === false) {
- MessageQueue.prototype.__spy = null;
- } else {
- MessageQueue.prototype.__spy = spyOrToggle;
- }
- }
- callFunctionReturnFlushedQueue(
- module: string,
- method: string,
- args: any[],
- ): null | [Array<number>, Array<number>, Array<any>, number] {
- this.__guard(() => {
- this.__callFunction(module, method, args);
- });
- return this.flushedQueue();
- }
- // Deprecated. T61834641: Remove me once native clients have updated
- callFunctionReturnResultAndFlushedQueue(
- module: string,
- method: string,
- args: any[],
- ): void {}
- invokeCallbackAndReturnFlushedQueue(
- cbID: number,
- args: any[],
- ): null | [Array<number>, Array<number>, Array<any>, number] {
- this.__guard(() => {
- this.__invokeCallback(cbID, args);
- });
- return this.flushedQueue();
- }
- flushedQueue(): null | [Array<number>, Array<number>, Array<any>, number] {
- this.__guard(() => {
- this.__callImmediates();
- });
- const queue = this._queue;
- this._queue = [[], [], [], this._callID];
- return queue[0].length ? queue : null;
- }
- getEventLoopRunningTime(): number {
- return Date.now() - this._eventLoopStartTime;
- }
- registerCallableModule(name: string, module: Object) {
- this._lazyCallableModules[name] = () => module;
- }
- registerLazyCallableModule(name: string, factory: void => Object) {
- let module: Object;
- let getValue: ?(void) => Object = factory;
- this._lazyCallableModules[name] = () => {
- if (getValue) {
- module = getValue();
- getValue = null;
- }
- return module;
- };
- }
- getCallableModule(name: string): any | null {
- const getValue = this._lazyCallableModules[name];
- return getValue ? getValue() : null;
- }
- callNativeSyncHook(
- moduleID: number,
- methodID: number,
- params: any[],
- onFail: ?Function,
- onSucc: ?Function,
- ): any {
- if (__DEV__) {
- invariant(
- global.nativeCallSyncHook,
- 'Calling synchronous methods on native ' +
- 'modules is not supported in Chrome.\n\n Consider providing alternative ' +
- 'methods to expose this method in debug mode, e.g. by exposing constants ' +
- 'ahead-of-time.',
- );
- }
- this.processCallbacks(moduleID, methodID, params, onFail, onSucc);
- return global.nativeCallSyncHook(moduleID, methodID, params);
- }
- processCallbacks(
- moduleID: number,
- methodID: number,
- params: any[],
- onFail: ?Function,
- onSucc: ?Function,
- ) {
- if (onFail || onSucc) {
- if (__DEV__) {
- this._debugInfo[this._callID] = [moduleID, methodID];
- if (this._callID > DEBUG_INFO_LIMIT) {
- delete this._debugInfo[this._callID - DEBUG_INFO_LIMIT];
- }
- if (this._successCallbacks.size > 500) {
- const info = {};
- this._successCallbacks.forEach((_, callID) => {
- const debug = this._debugInfo[callID];
- const module = debug && this._remoteModuleTable[debug[0]];
- const method = debug && this._remoteMethodTable[debug[0]][debug[1]];
- info[callID] = {module, method};
- });
- warnOnce(
- 'excessive-number-of-pending-callbacks',
- `Please report: Excessive number of pending callbacks: ${
- this._successCallbacks.size
- }. Some pending callbacks that might have leaked by never being called from native code: ${stringifySafe(
- info,
- )}`,
- );
- }
- }
- // Encode callIDs into pairs of callback identifiers by shifting left and using the rightmost bit
- // to indicate fail (0) or success (1)
- // eslint-disable-next-line no-bitwise
- onFail && params.push(this._callID << 1);
- // eslint-disable-next-line no-bitwise
- onSucc && params.push((this._callID << 1) | 1);
- this._successCallbacks.set(this._callID, onSucc);
- this._failureCallbacks.set(this._callID, onFail);
- }
- if (__DEV__) {
- global.nativeTraceBeginAsyncFlow &&
- global.nativeTraceBeginAsyncFlow(
- TRACE_TAG_REACT_APPS,
- 'native',
- this._callID,
- );
- }
- this._callID++;
- }
- enqueueNativeCall(
- moduleID: number,
- methodID: number,
- params: any[],
- onFail: ?Function,
- onSucc: ?Function,
- ) {
- this.processCallbacks(moduleID, methodID, params, onFail, onSucc);
- this._queue[MODULE_IDS].push(moduleID);
- this._queue[METHOD_IDS].push(methodID);
- if (__DEV__) {
- // Validate that parameters passed over the bridge are
- // folly-convertible. As a special case, if a prop value is a
- // function it is permitted here, and special-cased in the
- // conversion.
- const isValidArgument = val => {
- const t = typeof val;
- if (
- t === 'undefined' ||
- t === 'null' ||
- t === 'boolean' ||
- t === 'string'
- ) {
- return true;
- }
- if (t === 'number') {
- return isFinite(val);
- }
- if (t === 'function' || t !== 'object') {
- return false;
- }
- if (Array.isArray(val)) {
- return val.every(isValidArgument);
- }
- for (const k in val) {
- if (typeof val[k] !== 'function' && !isValidArgument(val[k])) {
- return false;
- }
- }
- return true;
- };
- // Replacement allows normally non-JSON-convertible values to be
- // seen. There is ambiguity with string values, but in context,
- // it should at least be a strong hint.
- const replacer = (key, val) => {
- const t = typeof val;
- if (t === 'function') {
- return '<<Function ' + val.name + '>>';
- } else if (t === 'number' && !isFinite(val)) {
- return '<<' + val.toString() + '>>';
- } else {
- return val;
- }
- };
- // Note that JSON.stringify
- invariant(
- isValidArgument(params),
- '%s is not usable as a native method argument',
- JSON.stringify(params, replacer),
- );
- // The params object should not be mutated after being queued
- deepFreezeAndThrowOnMutationInDev((params: any));
- }
- this._queue[PARAMS].push(params);
- const now = Date.now();
- if (
- global.nativeFlushQueueImmediate &&
- now - this._lastFlush >= MIN_TIME_BETWEEN_FLUSHES_MS
- ) {
- const queue = this._queue;
- this._queue = [[], [], [], this._callID];
- this._lastFlush = now;
- global.nativeFlushQueueImmediate(queue);
- }
- Systrace.counterEvent('pending_js_to_native_queue', this._queue[0].length);
- if (__DEV__ && this.__spy && isFinite(moduleID)) {
- this.__spy({
- type: TO_NATIVE,
- module: this._remoteModuleTable[moduleID],
- method: this._remoteMethodTable[moduleID][methodID],
- args: params,
- });
- } else if (this.__spy) {
- this.__spy({
- type: TO_NATIVE,
- module: moduleID + '',
- method: methodID,
- args: params,
- });
- }
- }
- createDebugLookup(
- moduleID: number,
- name: string,
- methods: ?$ReadOnlyArray<string>,
- ) {
- if (__DEV__) {
- this._remoteModuleTable[moduleID] = name;
- this._remoteMethodTable[moduleID] = methods || [];
- }
- }
- // For JSTimers to register its callback. Otherwise a circular dependency
- // between modules is introduced. Note that only one callback may be
- // registered at a time.
- setImmediatesCallback(fn: () => void) {
- this._immediatesCallback = fn;
- }
- /**
- * Private methods
- */
- __guard(fn: () => void) {
- if (this.__shouldPauseOnThrow()) {
- fn();
- } else {
- try {
- fn();
- } catch (error) {
- ErrorUtils.reportFatalError(error);
- }
- }
- }
- // MessageQueue installs a global handler to catch all exceptions where JS users can register their own behavior
- // This handler makes all exceptions to be propagated from inside MessageQueue rather than by the VM at their origin
- // This makes stacktraces to be placed at MessageQueue rather than at where they were launched
- // The parameter DebuggerInternal.shouldPauseOnThrow is used to check before catching all exceptions and
- // can be configured by the VM or any Inspector
- __shouldPauseOnThrow(): boolean {
- return (
- // $FlowFixMe
- typeof DebuggerInternal !== 'undefined' &&
- DebuggerInternal.shouldPauseOnThrow === true // eslint-disable-line no-undef
- );
- }
- __callImmediates() {
- Systrace.beginEvent('JSTimers.callImmediates()');
- if (this._immediatesCallback != null) {
- this._immediatesCallback();
- }
- Systrace.endEvent();
- }
- __callFunction(module: string, method: string, args: any[]): void {
- this._lastFlush = Date.now();
- this._eventLoopStartTime = this._lastFlush;
- if (__DEV__ || this.__spy) {
- Systrace.beginEvent(`${module}.${method}(${stringifySafe(args)})`);
- } else {
- Systrace.beginEvent(`${module}.${method}(...)`);
- }
- if (this.__spy) {
- this.__spy({type: TO_JS, module, method, args});
- }
- const moduleMethods = this.getCallableModule(module);
- invariant(
- !!moduleMethods,
- 'Module %s is not a registered callable module (calling %s)',
- module,
- method,
- );
- invariant(
- !!moduleMethods[method],
- 'Method %s does not exist on module %s',
- method,
- module,
- );
- moduleMethods[method].apply(moduleMethods, args);
- Systrace.endEvent();
- }
- __invokeCallback(cbID: number, args: any[]) {
- this._lastFlush = Date.now();
- this._eventLoopStartTime = this._lastFlush;
- // The rightmost bit of cbID indicates fail (0) or success (1), the other bits are the callID shifted left.
- // eslint-disable-next-line no-bitwise
- const callID = cbID >>> 1;
- // eslint-disable-next-line no-bitwise
- const isSuccess = cbID & 1;
- const callback = isSuccess
- ? this._successCallbacks.get(callID)
- : this._failureCallbacks.get(callID);
- if (__DEV__) {
- const debug = this._debugInfo[callID];
- const module = debug && this._remoteModuleTable[debug[0]];
- const method = debug && this._remoteMethodTable[debug[0]][debug[1]];
- invariant(
- callback,
- `No callback found with cbID ${cbID} and callID ${callID} for ` +
- (method
- ? ` ${module}.${method} - most likely the callback was already invoked`
- : `module ${module || '<unknown>'}`) +
- `. Args: '${stringifySafe(args)}'`,
- );
- const profileName = debug
- ? '<callback for ' + module + '.' + method + '>'
- : cbID;
- if (callback && this.__spy) {
- this.__spy({type: TO_JS, module: null, method: profileName, args});
- }
- Systrace.beginEvent(
- `MessageQueue.invokeCallback(${profileName}, ${stringifySafe(args)})`,
- );
- }
- if (!callback) {
- return;
- }
- this._successCallbacks.delete(callID);
- this._failureCallbacks.delete(callID);
- callback(...args);
- if (__DEV__) {
- Systrace.endEvent();
- }
- }
- }
- module.exports = MessageQueue;
|