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';
|
|
|
|
|
|
|
|
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-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-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-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})`);
|
|
|
|
var ret = func.apply(this, arguments);
|
|
|
|
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
|
|
|
|
|
|
|
attachToRelayProfiler() {
|
|
|
|
// We don't want to create a dependency on `RelayProfiler`, so that's why
|
|
|
|
// we require it indirectly (rather than using a literal string). Since
|
|
|
|
// there's no guarantee that the module will be present, we must wrap
|
|
|
|
// everything in a try-catch block as requiring a non-existing module
|
|
|
|
// will just throw.
|
|
|
|
try {
|
|
|
|
var rpName = 'RelayProfiler';
|
|
|
|
var RelayProfiler = require(rpName);
|
|
|
|
RelayProfiler.attachProfileHandler('*', (name) => {
|
|
|
|
BridgeProfiling.profile(name);
|
|
|
|
return () => {
|
|
|
|
BridgeProfiling.profileEnd();
|
|
|
|
};
|
|
|
|
});
|
|
|
|
} catch(err) {}
|
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;
|