2015-06-02 13:15:53 +00:00
|
|
|
/**
|
|
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
|
|
* All rights reserved.
|
|
|
|
*
|
|
|
|
* This source code is licensed under the BSD-style license found in the
|
|
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
|
|
*
|
|
|
|
* @providesModule BridgeProfiling
|
|
|
|
* @flow
|
|
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
|
2015-11-24 03:22:34 +00:00
|
|
|
type RelayProfiler = {
|
|
|
|
attachProfileHandler(
|
|
|
|
name: string,
|
|
|
|
handler: (name: string, state?: any) => () => void
|
|
|
|
): void
|
|
|
|
};
|
|
|
|
|
2015-06-02 13:15:53 +00:00
|
|
|
var GLOBAL = GLOBAL || this;
|
2015-08-25 08:31:22 +00:00
|
|
|
var TRACE_TAG_REACT_APPS = 1 << 17;
|
2015-06-02 13:15:53 +00:00
|
|
|
|
2015-11-02 13:30:16 +00:00
|
|
|
var _enabled;
|
2015-12-01 15:37:52 +00:00
|
|
|
var _asyncCookie = 0;
|
2015-10-01 21:08:13 +00:00
|
|
|
var _ReactPerf = null;
|
|
|
|
function ReactPerf() {
|
|
|
|
if (!_ReactPerf) {
|
|
|
|
_ReactPerf = require('ReactPerf');
|
|
|
|
}
|
|
|
|
return _ReactPerf;
|
|
|
|
}
|
|
|
|
|
2015-06-02 13:15:53 +00:00
|
|
|
var BridgeProfiling = {
|
2015-10-01 21:08:13 +00:00
|
|
|
setEnabled(enabled: boolean) {
|
|
|
|
_enabled = enabled;
|
|
|
|
|
|
|
|
ReactPerf().enableMeasure = enabled;
|
|
|
|
},
|
|
|
|
|
2015-12-01 15:37:52 +00:00
|
|
|
/**
|
|
|
|
* profile/profileEnd for starting and then ending a profile within the same call stack frame
|
|
|
|
**/
|
2015-08-25 08:31:22 +00:00
|
|
|
profile(profileName?: any) {
|
2015-10-01 21:08:13 +00:00
|
|
|
if (_enabled) {
|
[ReactNative] Refactor BatchedBridge and MessageQueue
Summary:
@public
The current implementation of `MessageQueue` is huge, over-complicated and spread
across `MethodQueue`, `MethodQueueMixin`, `BatchedBridge` and `BatchedBridgeFactory`
Refactored in a simpler way, were it's just a `MessageQueue` class and `BatchedBridge`
is only an instance of it.
Test Plan:
I had to make some updates to the tests, but no real update to the native side.
There's also tests covering the `remoteAsync` methods, and more integration tests for UIExplorer.
Verified whats being used by Android, and it should be safe, also tests Android tests have been pretty reliable.
Manually testing: Create a big hierarchy, like `<ListView>` example. Use the `TimerMixin` example to generate multiple calls.
Test the failure callback on the `Geolocation` example.
All the calls go through this entry point, so it's hard to miss if it's broken.
2015-06-17 14:51:48 +00:00
|
|
|
profileName = typeof profileName === 'function' ?
|
|
|
|
profileName() : profileName;
|
2015-10-31 23:41:27 +00:00
|
|
|
global.nativeTraceBeginSection(TRACE_TAG_REACT_APPS, profileName);
|
2015-06-02 13:15:53 +00:00
|
|
|
}
|
|
|
|
},
|
|
|
|
|
2015-08-20 06:36:11 +00:00
|
|
|
profileEnd() {
|
2015-10-01 21:08:13 +00:00
|
|
|
if (_enabled) {
|
2015-10-31 23:41:27 +00:00
|
|
|
global.nativeTraceEndSection(TRACE_TAG_REACT_APPS);
|
2015-06-02 13:15:53 +00:00
|
|
|
}
|
|
|
|
},
|
2015-06-15 20:05:05 +00:00
|
|
|
|
2015-12-01 15:37:52 +00:00
|
|
|
/**
|
|
|
|
* profileAsync/profileAsyncEnd for starting and then ending a profile where the end can either
|
|
|
|
* occur on another thread or out of the current stack frame, eg await
|
|
|
|
* the returned cookie variable should be used as input into the asyncEnd call to end the profile
|
|
|
|
**/
|
|
|
|
profileAsync(profileName?: any): any {
|
|
|
|
var cookie = _asyncCookie;
|
|
|
|
if (_enabled) {
|
|
|
|
_asyncCookie++;
|
|
|
|
profileName = typeof profileName === 'function' ?
|
|
|
|
profileName() : profileName;
|
|
|
|
global.nativeTraceBeginAsyncSection(TRACE_TAG_REACT_APPS, profileName, cookie, 0);
|
|
|
|
}
|
|
|
|
return cookie;
|
|
|
|
},
|
|
|
|
|
|
|
|
profileAsyncEnd(profileName?: any, cookie?: any) {
|
|
|
|
if (_enabled) {
|
|
|
|
profileName = typeof profileName === 'function' ?
|
|
|
|
profileName() : profileName;
|
|
|
|
global.nativeTraceEndAsyncSection(TRACE_TAG_REACT_APPS, profileName, cookie, 0);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
2015-10-01 21:08:13 +00:00
|
|
|
reactPerfMeasure(objName: string, fnName: string, func: any): any {
|
|
|
|
return function (component) {
|
|
|
|
if (!_enabled) {
|
|
|
|
return func.apply(this, arguments);
|
|
|
|
}
|
|
|
|
|
|
|
|
var name = objName === 'ReactCompositeComponent' && this.getName() || '';
|
|
|
|
BridgeProfiling.profile(`${objName}.${fnName}(${name})`);
|
2015-11-24 03:22:34 +00:00
|
|
|
var ret = func.apply(this, arguments);
|
2015-10-01 21:08:13 +00:00
|
|
|
BridgeProfiling.profileEnd();
|
|
|
|
return ret;
|
2015-06-15 20:05:05 +00:00
|
|
|
};
|
|
|
|
},
|
2015-10-01 21:08:13 +00:00
|
|
|
|
|
|
|
swizzleReactPerf() {
|
|
|
|
ReactPerf().injection.injectMeasure(BridgeProfiling.reactPerfMeasure);
|
|
|
|
},
|
2015-11-20 18:03:21 +00:00
|
|
|
|
2015-12-01 15:37:52 +00:00
|
|
|
/**
|
|
|
|
* Relay profiles use await calls, so likely occur out of current stack frame
|
|
|
|
* therefore async variant of profiling is used
|
|
|
|
**/
|
2015-11-24 03:22:34 +00:00
|
|
|
attachToRelayProfiler(relayProfiler: RelayProfiler) {
|
|
|
|
relayProfiler.attachProfileHandler('*', (name) => {
|
2015-12-01 15:37:52 +00:00
|
|
|
var cookie = BridgeProfiling.profileAsync(name);
|
2015-11-24 03:22:34 +00:00
|
|
|
return () => {
|
2015-12-01 15:37:52 +00:00
|
|
|
BridgeProfiling.profileAsyncEnd(name, cookie);
|
2015-11-24 03:22:34 +00:00
|
|
|
};
|
|
|
|
});
|
2015-11-23 15:01:06 +00:00
|
|
|
},
|
|
|
|
|
2015-11-23 15:01:11 +00:00
|
|
|
/* This is not called by default due to perf overhead but it's useful
|
|
|
|
if you want to find traces which spend too much time in JSON. */
|
|
|
|
swizzleJSON() {
|
|
|
|
BridgeProfiling.measureMethods(JSON, 'JSON', [
|
|
|
|
'parse',
|
|
|
|
'stringify'
|
|
|
|
]);
|
|
|
|
},
|
|
|
|
|
2015-11-23 15:01:06 +00:00
|
|
|
/**
|
|
|
|
* Measures multiple methods of a class. For example, you can do:
|
|
|
|
* BridgeProfiling.measureMethods(JSON, 'JSON', ['parse', 'stringify']);
|
|
|
|
*
|
|
|
|
* @param object
|
|
|
|
* @param objectName
|
|
|
|
* @param methodNames Map from method names to method display names.
|
|
|
|
*/
|
|
|
|
measureMethods(object: any, objectName: string, methodNames: Array<string>): void {
|
|
|
|
if (!__DEV__) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
methodNames.forEach(methodName => {
|
|
|
|
object[methodName] = BridgeProfiling.measure(
|
|
|
|
objectName,
|
|
|
|
methodName,
|
|
|
|
object[methodName]
|
|
|
|
);
|
|
|
|
});
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Returns an profiled version of the input function. For example, you can:
|
|
|
|
* JSON.parse = BridgeProfiling.measure('JSON', 'parse', JSON.parse);
|
|
|
|
*
|
|
|
|
* @param objName
|
|
|
|
* @param fnName
|
|
|
|
* @param {function} func
|
|
|
|
* @return {function} replacement function
|
|
|
|
*/
|
|
|
|
measure(objName: string, fnName: string, func: any): any {
|
|
|
|
if (!__DEV__) {
|
|
|
|
return func;
|
|
|
|
}
|
|
|
|
|
|
|
|
var profileName = `${objName}.${fnName}`;
|
|
|
|
return function() {
|
|
|
|
if (!_enabled) {
|
|
|
|
return func.apply(this, arguments);
|
|
|
|
}
|
|
|
|
|
|
|
|
BridgeProfiling.profile(profileName);
|
|
|
|
var ret = func.apply(this, arguments);
|
|
|
|
BridgeProfiling.profileEnd();
|
|
|
|
return ret;
|
|
|
|
};
|
|
|
|
},
|
2015-06-02 13:15:53 +00:00
|
|
|
};
|
|
|
|
|
2015-11-02 13:30:16 +00:00
|
|
|
BridgeProfiling.setEnabled(global.__RCTProfileIsProfiling || false);
|
|
|
|
|
2015-06-02 13:15:53 +00:00
|
|
|
module.exports = BridgeProfiling;
|