forked from firefox-devtools/debugger
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathextra.js
More file actions
102 lines (85 loc) · 2.8 KB
/
extra.js
File metadata and controls
102 lines (85 loc) · 2.8 KB
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
102
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
// @flow
import { getSymbols, getSource, getSelectedFrame } from "../../selectors";
import { isReactComponent, isImmutable } from "../../utils/preview";
import { findClosestClass } from "../../utils/ast";
import type { ThunkArgs } from "../types";
async function getReactProps(evaluate) {
const componentNames = await evaluate(
`
if(this.hasOwnProperty('_reactInternalFiber')) {
let componentNames = [];
let componentNode = this._reactInternalFiber;
while(componentNode) {
componentNames.push(componentNode.type.name);
componentNode = componentNode._debugOwner
}
componentNames;
}
else {
[this._reactInternalInstance.getName()];
}
`
);
const items =
componentNames.result.preview && componentNames.result.preview.items;
if (items) {
return {
displayName: items[0],
componentStack: items
};
}
}
async function getImmutableProps(expression: string, evaluate) {
const immutableEntries = await evaluate((exp => `${exp}.toJS()`)(expression));
const immutableType = await evaluate(
(exp => `${exp}.constructor.name`)(expression)
);
return {
type: immutableType.result,
entries: immutableEntries.result
};
}
async function getExtraProps(getState, expression, result, evaluate) {
const props = {};
if (isReactComponent(result)) {
const selectedFrame = getSelectedFrame(getState());
const source = getSource(getState(), selectedFrame.location.sourceId);
const symbols = getSymbols(getState(), source);
if (symbols && symbols.classes) {
const originalClass = findClosestClass(symbols, selectedFrame.location);
if (originalClass) {
props.react = { displayName: originalClass.name };
}
}
props.react = { ...(await getReactProps(evaluate)), ...props.react };
}
if (isImmutable(result)) {
props.immutable = await getImmutableProps(expression, evaluate);
}
return props;
}
export function fetchExtra() {
return async function({ dispatch, getState }: ThunkArgs) {
const frame = getSelectedFrame(getState());
const extra = await dispatch(getExtra("this;", frame.this));
dispatch({
type: "ADD_EXTRA",
extra: extra
});
};
}
export function getExtra(expression: string, result: Object) {
return async ({ dispatch, getState, client, sourceMaps }: ThunkArgs) => {
const selectedFrame = getSelectedFrame(getState());
if (!selectedFrame) {
return;
}
const extra = await getExtraProps(getState, expression, result, expr =>
client.evaluateInFrame(expr, selectedFrame.id)
);
return extra;
};
}