status-im/react-native
2
0
Fork 0
mirror of https://github.com/status-im/react-native.git synced 2025-02-26 08:05:34 +00:00
Code Issues Projects Releases Wiki Activity

Back out D2128859: interop with react devtools

Browse Source
This commit is contained in:
Philipp von Weitershausen 2015-06-08 20:55:48 -07:00
parent 0a95edf6ea
commit 8e2727ad52
1 changed files with 0 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
Libraries/ReactIOS/InspectorOverlay/InspectorOverlay.js
View File

@ -19,61 +19,8 @@ var UIManager = require('NativeModules').UIManager;
var View = require('View'); var View = require('View');
var ElementBox = require('ElementBox'); var ElementBox = require('ElementBox');
var ElementProperties = require('ElementProperties'); var ElementProperties = require('ElementProperties');
var TimerMixin = require('TimerMixin');
var highlightComponentInstance = function() {};
var hideHighlight = function() {};
var getSelectedInstance = function() {};
if (typeof window !== 'undefined' && window.__REACT_DEVTOOLS_GLOBAL_HOOK__) {
window.__REACT_DEVTOOLS_GLOBAL_HOOK__.getSelectedInstance = function() {
return getSelectedInstance();
};
window.__REACT_DEVTOOLS_GLOBAL_HOOK__.Overlay = {
highlightComponentInstance(val) {
highlightComponentInstance(val);
},
hideHighlight() {
hideHighlight();
}
};
}
var InspectorOverlay = React.createClass({ var InspectorOverlay = React.createClass({
mixins: [TimerMixin],
componentWillMount() {
highlightComponentInstance = this.handleHighlight;
hideHighlight = this.hideHighlight;
getSelectedInstance = this.getSelectedInstance;
// this is needed so that changes from chrome will be sent to RN (changes
// are flushed only when an event happens)
this.setInterval(() => {}, 100);
},
getSelectedInstance() {
return this.state.selInstance;
},
handleHighlight(publicInstance) {
var instance = publicInstance._reactInternalInstance;
var hierarchy = Inspector.getOwnerHierarchy(instance);
var handle = React.findNodeHandle(publicInstance);
if (!handle) {
return;
}
UIManager.measure(handle, (x, y, width, height, left, top) => {
this.setState({
selInstance: publicInstance,
frame: {left, top, width, height},
style: publicInstance.props ? publicInstance.props.style : {},
selection: hierarchy.length - 1,
hierarchy,
});
});
},
getInitialState: function() { getInitialState: function() {
return { return {
frame: null, frame: null,
@ -97,7 +44,6 @@ var InspectorOverlay = React.createClass({
var publicInstance = instance.getPublicInstance(); var publicInstance = instance.getPublicInstance();
this.setState({ this.setState({
hierarchy, hierarchy,
selInstance: publicInstance,
pointerY: locationY, pointerY: locationY,
selection: hierarchy.length - 1, selection: hierarchy.length - 1,
frame: {left, top, width, height}, frame: {left, top, width, height},
@ -113,7 +59,6 @@ var InspectorOverlay = React.createClass({
UIManager.measure(React.findNodeHandle(instance), (x, y, width, height, left, top) => { UIManager.measure(React.findNodeHandle(instance), (x, y, width, height, left, top) => {
this.setState({ this.setState({
frame: {left, top, width, height}, frame: {left, top, width, height},
selInstance: publicInstance,
style: publicInstance.props ? publicInstance.props.style : {}, style: publicInstance.props ? publicInstance.props.style : {},
selection: i, selection: i,
}); });