forked from facebook/react
-
Notifications
You must be signed in to change notification settings - Fork 2
/
ReactNativeFiberInspector.js
101 lines (89 loc) · 2.75 KB
/
ReactNativeFiberInspector.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
/**
* 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 ReactNativeFiberInspector
* @flow
*/
'use strict';
const ReactNativeComponentTree = require('ReactNativeComponentTree');
const ReactFiberTreeReflection = require('ReactFiberTreeReflection');
const getComponentName = require('getComponentName');
import type {Fiber} from 'ReactFiber';
if (__DEV__) {
var traverseOwnerTreeUp = function(hierarchy, instance: any) {
if (instance) {
hierarchy.unshift(instance);
traverseOwnerTreeUp(hierarchy, instance._debugOwner);
}
};
var getOwnerHierarchy = function(instance: any) {
var hierarchy = [];
traverseOwnerTreeUp(hierarchy, instance);
return hierarchy;
};
var lastNotNativeInstance = function(hierarchy) {
for (let i = hierarchy.length - 1; i > 1; i--) {
const instance = hierarchy[i];
if (!instance.viewConfig) {
return instance;
}
}
return hierarchy[0];
};
var getHostNode = function(fiber: Fiber, findNodeHandle) {
let hostNode;
// look for children first for the hostNode
// as composite fibers do not have a hostNode
while (fiber) {
hostNode = findNodeHandle(fiber.stateNode);
if (hostNode) {
return hostNode;
}
fiber = fiber.child;
}
return null;
};
var createHierarchy = function(fiberHierarchy) {
return fiberHierarchy.map(fiber => ({
name: getComponentName(fiber),
getInspectorData: findNodeHandle => ({
hostNode: getHostNode(fiber, findNodeHandle),
props: fiber.stateNode
? getFiberCurrentPropsFromNode(fiber.stateNode)
: {},
source: fiber._debugSource,
}),
}));
};
const {
getClosestInstanceFromNode,
getFiberCurrentPropsFromNode,
} = ReactNativeComponentTree;
const {findCurrentFiberUsingSlowPath} = ReactFiberTreeReflection;
var getInspectorDataForViewTag = function(viewTag: number): Object {
const fiber = findCurrentFiberUsingSlowPath(
getClosestInstanceFromNode(viewTag),
);
const fiberHierarchy = getOwnerHierarchy(fiber);
const instance = lastNotNativeInstance(fiberHierarchy);
const hierarchy = createHierarchy(fiberHierarchy);
const props = getFiberCurrentPropsFromNode(instance.stateNode) || {};
const source = instance._debugSource;
const selection = fiberHierarchy.indexOf(instance);
return {
hierarchy,
instance,
props,
selection,
source,
};
};
}
module.exports = {
getInspectorDataForViewTag,
};