react-native-xenon 0.4.1 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +1 -1
- package/lib/commonjs/assets/icons/arrow-left.png +0 -0
- package/lib/commonjs/assets/icons/beautify.png +0 -0
- package/lib/commonjs/assets/icons/share.png +0 -0
- package/lib/commonjs/core/utils.js +49 -14
- package/lib/commonjs/core/utils.js.map +1 -1
- package/lib/commonjs/hooks/useNetworkInterceptor.js +5 -4
- package/lib/commonjs/hooks/useNetworkInterceptor.js.map +1 -1
- package/lib/commonjs/interceptors/FetchInterceptor.js +1 -1
- package/lib/commonjs/interceptors/FetchInterceptor.js.map +1 -1
- package/lib/commonjs/theme/colors.js +1 -0
- package/lib/commonjs/theme/colors.js.map +1 -1
- package/lib/commonjs/theme/icons.js +4 -1
- package/lib/commonjs/theme/icons.js.map +1 -1
- package/lib/commonjs/types/common.js.map +1 -1
- package/lib/commonjs/ui/Xenon.js +92 -110
- package/lib/commonjs/ui/Xenon.js.map +1 -1
- package/lib/commonjs/ui/components/details/DetailsViewer.js +11 -7
- package/lib/commonjs/ui/components/details/DetailsViewer.js.map +1 -1
- package/lib/commonjs/ui/components/details/NetworkRequestDetails.js +55 -60
- package/lib/commonjs/ui/components/details/NetworkRequestDetails.js.map +1 -1
- package/lib/commonjs/ui/components/headers/DebuggerHeader.js +139 -73
- package/lib/commonjs/ui/components/headers/DebuggerHeader.js.map +1 -1
- package/lib/commonjs/ui/components/headers/NetworkPanelHeader.js +3 -3
- package/lib/commonjs/ui/components/headers/NetworkPanelHeader.js.map +1 -1
- package/lib/commonjs/ui/components/items/DebuggerHeaderItem.js +4 -4
- package/lib/commonjs/ui/components/items/DebuggerHeaderItem.js.map +1 -1
- package/lib/commonjs/ui/components/items/NetworkPanelItem.js +4 -4
- package/lib/commonjs/ui/components/items/NetworkPanelItem.js.map +1 -1
- package/lib/commonjs/ui/components/panels/ConsolePanel.js +8 -5
- package/lib/commonjs/ui/components/panels/ConsolePanel.js.map +1 -1
- package/lib/commonjs/ui/components/panels/NetworkPanel.js +6 -4
- package/lib/commonjs/ui/components/panels/NetworkPanel.js.map +1 -1
- package/lib/module/assets/icons/arrow-left.png +0 -0
- package/lib/module/assets/icons/beautify.png +0 -0
- package/lib/module/assets/icons/share.png +0 -0
- package/lib/module/core/utils.js +49 -14
- package/lib/module/core/utils.js.map +1 -1
- package/lib/module/hooks/useNetworkInterceptor.js +5 -4
- package/lib/module/hooks/useNetworkInterceptor.js.map +1 -1
- package/lib/module/interceptors/FetchInterceptor.js +1 -1
- package/lib/module/interceptors/FetchInterceptor.js.map +1 -1
- package/lib/module/theme/colors.js +1 -0
- package/lib/module/theme/colors.js.map +1 -1
- package/lib/module/theme/icons.js +4 -1
- package/lib/module/theme/icons.js.map +1 -1
- package/lib/module/types/common.js.map +1 -1
- package/lib/module/ui/Xenon.js +92 -110
- package/lib/module/ui/Xenon.js.map +1 -1
- package/lib/module/ui/components/details/DetailsViewer.js +11 -7
- package/lib/module/ui/components/details/DetailsViewer.js.map +1 -1
- package/lib/module/ui/components/details/NetworkRequestDetails.js +55 -60
- package/lib/module/ui/components/details/NetworkRequestDetails.js.map +1 -1
- package/lib/module/ui/components/headers/DebuggerHeader.js +139 -73
- package/lib/module/ui/components/headers/DebuggerHeader.js.map +1 -1
- package/lib/module/ui/components/headers/NetworkPanelHeader.js +3 -3
- package/lib/module/ui/components/headers/NetworkPanelHeader.js.map +1 -1
- package/lib/module/ui/components/items/DebuggerHeaderItem.js +4 -4
- package/lib/module/ui/components/items/DebuggerHeaderItem.js.map +1 -1
- package/lib/module/ui/components/items/NetworkPanelItem.js +4 -4
- package/lib/module/ui/components/items/NetworkPanelItem.js.map +1 -1
- package/lib/module/ui/components/panels/ConsolePanel.js +8 -5
- package/lib/module/ui/components/panels/ConsolePanel.js.map +1 -1
- package/lib/module/ui/components/panels/NetworkPanel.js +6 -4
- package/lib/module/ui/components/panels/NetworkPanel.js.map +1 -1
- package/lib/typescript/commonjs/src/contexts/MainContext.d.ts +1 -1
- package/lib/typescript/commonjs/src/contexts/MainContext.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/core/utils.d.ts +14 -4
- package/lib/typescript/commonjs/src/core/utils.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/hooks/useNetworkInterceptor.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/interceptors/FetchInterceptor.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/theme/colors.d.ts +1 -0
- package/lib/typescript/commonjs/src/theme/colors.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/theme/icons.d.ts +3 -0
- package/lib/typescript/commonjs/src/theme/icons.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/common.d.ts +13 -1
- package/lib/typescript/commonjs/src/types/common.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/Xenon.d.ts +12 -15
- package/lib/typescript/commonjs/src/ui/Xenon.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/components/details/DetailsViewer.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/components/details/NetworkRequestDetails.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/components/headers/DebuggerHeader.d.ts +1 -5
- package/lib/typescript/commonjs/src/ui/components/headers/DebuggerHeader.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/components/items/DebuggerHeaderItem.d.ts +2 -1
- package/lib/typescript/commonjs/src/ui/components/items/DebuggerHeaderItem.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/components/panels/ConsolePanel.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/components/panels/NetworkPanel.d.ts.map +1 -1
- package/lib/typescript/module/src/contexts/MainContext.d.ts +1 -1
- package/lib/typescript/module/src/contexts/MainContext.d.ts.map +1 -1
- package/lib/typescript/module/src/core/utils.d.ts +14 -4
- package/lib/typescript/module/src/core/utils.d.ts.map +1 -1
- package/lib/typescript/module/src/hooks/useNetworkInterceptor.d.ts.map +1 -1
- package/lib/typescript/module/src/interceptors/FetchInterceptor.d.ts.map +1 -1
- package/lib/typescript/module/src/theme/colors.d.ts +1 -0
- package/lib/typescript/module/src/theme/colors.d.ts.map +1 -1
- package/lib/typescript/module/src/theme/icons.d.ts +3 -0
- package/lib/typescript/module/src/theme/icons.d.ts.map +1 -1
- package/lib/typescript/module/src/types/common.d.ts +13 -1
- package/lib/typescript/module/src/types/common.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/Xenon.d.ts +12 -15
- package/lib/typescript/module/src/ui/Xenon.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/components/details/DetailsViewer.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/components/details/NetworkRequestDetails.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/components/headers/DebuggerHeader.d.ts +1 -5
- package/lib/typescript/module/src/ui/components/headers/DebuggerHeader.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/components/items/DebuggerHeaderItem.d.ts +2 -1
- package/lib/typescript/module/src/ui/components/items/DebuggerHeaderItem.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/components/panels/ConsolePanel.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/components/panels/NetworkPanel.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/assets/icons/arrow-left.png +0 -0
- package/src/assets/icons/beautify.png +0 -0
- package/src/assets/icons/share.png +0 -0
- package/src/contexts/MainContext.ts +1 -1
- package/src/core/utils.ts +56 -17
- package/src/hooks/useNetworkInterceptor.ts +17 -4
- package/src/interceptors/FetchInterceptor.ts +5 -1
- package/src/theme/colors.ts +1 -0
- package/src/theme/icons.ts +3 -0
- package/src/types/common.ts +17 -1
- package/src/ui/Xenon.tsx +78 -107
- package/src/ui/components/details/DetailsViewer.tsx +9 -7
- package/src/ui/components/details/NetworkRequestDetails.tsx +87 -74
- package/src/ui/components/headers/DebuggerHeader.tsx +199 -91
- package/src/ui/components/headers/NetworkPanelHeader.tsx +3 -3
- package/src/ui/components/items/DebuggerHeaderItem.tsx +3 -4
- package/src/ui/components/items/NetworkPanelItem.tsx +4 -4
- package/src/ui/components/panels/ConsolePanel.tsx +8 -4
- package/src/ui/components/panels/NetworkPanel.tsx +13 -3
- package/lib/commonjs/core/data.js +0 -10
- package/lib/commonjs/core/data.js.map +0 -1
- package/lib/commonjs/ui/components/headers/NetworkRequestDetailsHeader.js +0 -64
- package/lib/commonjs/ui/components/headers/NetworkRequestDetailsHeader.js.map +0 -1
- package/lib/commonjs/ui/components/items/NetworkRequestDetailsHeaderItem.js +0 -48
- package/lib/commonjs/ui/components/items/NetworkRequestDetailsHeaderItem.js.map +0 -1
- package/lib/module/core/data.js +0 -10
- package/lib/module/core/data.js.map +0 -1
- package/lib/module/ui/components/headers/NetworkRequestDetailsHeader.js +0 -64
- package/lib/module/ui/components/headers/NetworkRequestDetailsHeader.js.map +0 -1
- package/lib/module/ui/components/items/NetworkRequestDetailsHeaderItem.js +0 -48
- package/lib/module/ui/components/items/NetworkRequestDetailsHeaderItem.js.map +0 -1
- package/lib/typescript/commonjs/src/core/data.d.ts +0 -10
- package/lib/typescript/commonjs/src/core/data.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/ui/components/headers/NetworkRequestDetailsHeader.d.ts +0 -13
- package/lib/typescript/commonjs/src/ui/components/headers/NetworkRequestDetailsHeader.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/ui/components/items/NetworkRequestDetailsHeaderItem.d.ts +0 -9
- package/lib/typescript/commonjs/src/ui/components/items/NetworkRequestDetailsHeaderItem.d.ts.map +0 -1
- package/lib/typescript/module/src/core/data.d.ts +0 -10
- package/lib/typescript/module/src/core/data.d.ts.map +0 -1
- package/lib/typescript/module/src/ui/components/headers/NetworkRequestDetailsHeader.d.ts +0 -13
- package/lib/typescript/module/src/ui/components/headers/NetworkRequestDetailsHeader.d.ts.map +0 -1
- package/lib/typescript/module/src/ui/components/items/NetworkRequestDetailsHeaderItem.d.ts +0 -9
- package/lib/typescript/module/src/ui/components/items/NetworkRequestDetailsHeaderItem.d.ts.map +0 -1
- package/src/core/data.ts +0 -12
- package/src/ui/components/headers/NetworkRequestDetailsHeader.tsx +0 -90
- package/src/ui/components/items/NetworkRequestDetailsHeaderItem.tsx +0 -49
@@ -4,22 +4,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = DetailsViewer;
|
7
|
-
var
|
7
|
+
var _react = require("react");
|
8
|
+
var _contexts = require("../../../contexts");
|
8
9
|
var _types = require("../../../types");
|
9
10
|
var _LogMessageDetails = _interopRequireDefault(require("./LogMessageDetails"));
|
10
11
|
var _NetworkRequestDetails = _interopRequireDefault(require("./NetworkRequestDetails"));
|
11
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
12
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
13
14
|
function DetailsViewer() {
|
14
|
-
|
15
|
-
|
16
|
-
|
15
|
+
const {
|
16
|
+
debuggerState
|
17
|
+
} = (0, _react.useContext)(_contexts.MainContext);
|
18
|
+
const detailsData = debuggerState.detailsData;
|
19
|
+
switch (detailsData?.type) {
|
20
|
+
case _types.DebuggerPanel.Network:
|
17
21
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkRequestDetails.default, {
|
18
|
-
item:
|
22
|
+
item: detailsData.data
|
19
23
|
});
|
20
|
-
case _types.DebuggerPanel.Console
|
24
|
+
case _types.DebuggerPanel.Console:
|
21
25
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LogMessageDetails.default, {
|
22
|
-
item:
|
26
|
+
item: detailsData.data
|
23
27
|
});
|
24
28
|
default:
|
25
29
|
return null;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["
|
1
|
+
{"version":3,"names":["_react","require","_contexts","_types","_LogMessageDetails","_interopRequireDefault","_NetworkRequestDetails","_jsxRuntime","e","__esModule","default","DetailsViewer","debuggerState","useContext","MainContext","detailsData","type","DebuggerPanel","Network","jsx","item","data","Console"],"sourceRoot":"../../../../../src","sources":["ui/components/details/DetailsViewer.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAA4D,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAI,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE7C,SAASG,aAAaA,CAAA,EAAG;EACtC,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAU,EAACC,qBAAW,CAAE;EAClD,MAAMC,WAAW,GAAGH,aAAa,CAACG,WAAW;EAE7C,QAAQA,WAAW,EAAEC,IAAI;IACvB,KAAKC,oBAAa,CAACC,OAAO;MACxB,oBAAO,IAAAX,WAAA,CAAAY,GAAA,EAACb,sBAAA,CAAAI,OAAqB;QAACU,IAAI,EAAEL,WAAW,CAACM;MAAK,CAAE,CAAC;IAC1D,KAAKJ,oBAAa,CAACK,OAAO;MACxB,oBAAO,IAAAf,WAAA,CAAAY,GAAA,EAACf,kBAAA,CAAAM,OAAiB;QAACU,IAAI,EAAEL,WAAW,CAACM;MAAK,CAAE,CAAC;IACtD;MACE,OAAO,IAAI;EACf;AACF","ignoreList":[]}
|
@@ -6,34 +6,40 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.default = NetworkRequestDetails;
|
7
7
|
var _react = require("react");
|
8
8
|
var _reactNative = require("react-native");
|
9
|
-
var
|
10
|
-
var _colors = _interopRequireDefault(require("../../../theme/colors"));
|
11
|
-
var _types = require("../../../types");
|
9
|
+
var _contexts = require("../../../contexts");
|
12
10
|
var _utils = require("../../../core/utils");
|
13
|
-
var
|
11
|
+
var _colors = _interopRequireDefault(require("../../../theme/colors"));
|
14
12
|
var _NetworkRequestDetailsItem = _interopRequireDefault(require("../items/NetworkRequestDetailsItem"));
|
15
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
16
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
17
15
|
function NetworkRequestDetails({
|
18
16
|
item
|
19
17
|
}) {
|
20
|
-
const
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
const
|
26
|
-
const
|
27
|
-
const
|
18
|
+
const {
|
19
|
+
debuggerState: {
|
20
|
+
detailsData
|
21
|
+
}
|
22
|
+
} = (0, _react.useContext)(_contexts.MainContext);
|
23
|
+
const beautified = (0, _react.useRef)(null);
|
24
|
+
const shouldBeautifiedRefUpdate = beautified.current !== detailsData?.beautified;
|
25
|
+
const {
|
26
|
+
isHttp,
|
27
|
+
requestUrl,
|
28
|
+
overviewShown,
|
29
|
+
headersShown,
|
30
|
+
requestShown,
|
31
|
+
responseShown,
|
32
|
+
messagesShown
|
33
|
+
} = (0, _utils.getNetworkUtils)(item);
|
28
34
|
const content = (0, _react.useRef)({
|
35
|
+
overview: null,
|
29
36
|
headers: null,
|
30
|
-
|
31
|
-
body: null,
|
37
|
+
request: null,
|
32
38
|
response: null,
|
33
39
|
messages: null
|
34
40
|
});
|
35
|
-
if (
|
36
|
-
content.current.
|
41
|
+
if (overviewShown && !content.current.overview) {
|
42
|
+
content.current.overview = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
37
43
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkRequestDetailsItem.default, {
|
38
44
|
label: "Request Type",
|
39
45
|
content: item.type
|
@@ -42,75 +48,64 @@ function NetworkRequestDetails({
|
|
42
48
|
content: item.url
|
43
49
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkRequestDetailsItem.default, {
|
44
50
|
label: "Request Method",
|
45
|
-
content: (0, _utils.formatRequestMethod)(
|
51
|
+
content: (0, _utils.formatRequestMethod)(isHttp ? item.method : undefined)
|
46
52
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkRequestDetailsItem.default, {
|
47
53
|
label: "Duration",
|
48
54
|
content: (0, _utils.formatRequestDuration)(item.duration)
|
49
55
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkRequestDetailsItem.default, {
|
50
56
|
label: "Status Code",
|
51
57
|
content: (0, _utils.formatRequestStatusCode)(item.status)
|
52
|
-
})
|
58
|
+
})]
|
59
|
+
});
|
60
|
+
}
|
61
|
+
if (headersShown && !content.current.headers) {
|
62
|
+
content.current.headers = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
63
|
+
children: [!isHttp && /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkRequestDetailsItem.default, {
|
53
64
|
label: "Headers",
|
54
65
|
content: (0, _utils.limitChar)(item.options?.headers)
|
55
|
-
}),
|
56
|
-
label: "Response Headers",
|
57
|
-
content: item.responseHeaders
|
58
|
-
}), !isWebSocket && /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkRequestDetailsItem.default, {
|
66
|
+
}), isHttp && /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkRequestDetailsItem.default, {
|
59
67
|
label: "Request Headers",
|
60
68
|
content: item.requestHeadersString
|
61
|
-
}),
|
62
|
-
|
63
|
-
|
64
|
-
message: (0, _utils.convertToCurl)(item.method, item.url, item.requestHeaders, item.body)
|
65
|
-
}),
|
66
|
-
style: styles.buttonContent,
|
67
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkRequestDetailsItem.default, {
|
68
|
-
content: "Share as cURL"
|
69
|
-
})
|
69
|
+
}), isHttp && /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkRequestDetailsItem.default, {
|
70
|
+
label: "Response Headers",
|
71
|
+
content: item.responseHeaders
|
70
72
|
})]
|
71
73
|
});
|
72
74
|
}
|
73
|
-
if (
|
75
|
+
if (requestShown && shouldBeautifiedRefUpdate) {
|
74
76
|
const queryStringParameters = [];
|
75
77
|
requestUrl.searchParams.forEach((value, name) => {
|
76
78
|
queryStringParameters.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkRequestDetailsItem.default, {
|
77
|
-
label:
|
78
|
-
content: value
|
79
|
-
}, name));
|
80
|
-
});
|
81
|
-
content.current.queryStringParameters = /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
82
|
-
children: queryStringParameters
|
79
|
+
label: "Query String",
|
80
|
+
content: (0, _utils.keyValueToString)(name, value, null)
|
81
|
+
}, (0, _utils.keyValueToString)(name, value, null)));
|
83
82
|
});
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
83
|
+
content.current.request = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
84
|
+
children: [queryStringParameters, /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkRequestDetailsItem.default, {
|
85
|
+
label: "Body",
|
86
|
+
content: (0, _utils.beautify)(item.body, detailsData?.beautified ?? false)
|
87
|
+
})]
|
88
88
|
});
|
89
89
|
}
|
90
|
-
if (responseShown &&
|
90
|
+
if (responseShown && shouldBeautifiedRefUpdate) {
|
91
91
|
content.current.response = /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkRequestDetailsItem.default, {
|
92
|
-
|
92
|
+
label: "Response",
|
93
|
+
content: (0, _utils.beautify)(item.response, detailsData?.beautified ?? false)
|
93
94
|
});
|
94
95
|
}
|
95
96
|
if (messagesShown && !content.current.messages) {
|
96
97
|
content.current.messages = /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkRequestDetailsItem.default, {
|
97
|
-
|
98
|
+
label: "Messages",
|
99
|
+
content: `\n${item.messages}`
|
98
100
|
});
|
99
101
|
}
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
responseShown: responseShown,
|
108
|
-
messagesShown: messagesShown
|
109
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
|
110
|
-
style: styles.container,
|
111
|
-
contentContainerStyle: styles.contentContainer,
|
112
|
-
children: content.current[selectedTab]
|
113
|
-
})]
|
102
|
+
if (shouldBeautifiedRefUpdate) {
|
103
|
+
beautified.current = detailsData?.beautified ?? false;
|
104
|
+
}
|
105
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
|
106
|
+
style: styles.container,
|
107
|
+
contentContainerStyle: styles.contentContainer,
|
108
|
+
children: content.current[detailsData.selectedTab]
|
114
109
|
});
|
115
110
|
}
|
116
111
|
const styles = _reactNative.StyleSheet.create({
|
@@ -118,7 +113,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
118
113
|
flex: 1
|
119
114
|
},
|
120
115
|
contentContainer: {
|
121
|
-
|
116
|
+
paddingHorizontal: 8
|
122
117
|
},
|
123
118
|
divider: {
|
124
119
|
height: 1,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_contexts","_utils","_colors","_interopRequireDefault","_NetworkRequestDetailsItem","_jsxRuntime","e","__esModule","default","NetworkRequestDetails","item","debuggerState","detailsData","useContext","MainContext","beautified","useRef","shouldBeautifiedRefUpdate","current","isHttp","requestUrl","overviewShown","headersShown","requestShown","responseShown","messagesShown","getNetworkUtils","content","overview","headers","request","response","messages","jsxs","Fragment","children","jsx","label","type","url","formatRequestMethod","method","undefined","formatRequestDuration","duration","formatRequestStatusCode","status","limitChar","options","requestHeadersString","responseHeaders","queryStringParameters","searchParams","forEach","value","name","push","keyValueToString","beautify","body","ScrollView","style","styles","container","contentContainerStyle","contentContainer","selectedTab","StyleSheet","create","flex","paddingHorizontal","divider","height","backgroundColor","colors","gray","text","fontSize","color","black","fontWeight","buttonContent","padding","borderRadius","borderWidth","alignItems"],"sourceRoot":"../../../../../src","sources":["ui/components/details/NetworkRequestDetails.tsx"],"mappings":"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","ignoreList":[]}
|
@@ -7,97 +7,163 @@ exports.default = DebuggerHeader;
|
|
7
7
|
var _react = require("react");
|
8
8
|
var _reactNative = require("react-native");
|
9
9
|
var _contexts = require("../../../contexts");
|
10
|
+
var _utils = require("../../../core/utils");
|
10
11
|
var _colors = _interopRequireDefault(require("../../../theme/colors"));
|
11
12
|
var _icons = _interopRequireDefault(require("../../../theme/icons"));
|
12
13
|
var _types = require("../../../types");
|
13
14
|
var _DebuggerHeaderItem = _interopRequireDefault(require("../items/DebuggerHeaderItem"));
|
14
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
15
16
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
16
|
-
function DebuggerHeader({
|
17
|
-
detailsShown
|
18
|
-
}) {
|
17
|
+
function DebuggerHeader() {
|
19
18
|
const {
|
20
|
-
debuggerState
|
19
|
+
debuggerState: {
|
20
|
+
detailsData,
|
21
|
+
selectedPanel
|
22
|
+
},
|
21
23
|
setDebuggerState,
|
22
24
|
networkInterceptor,
|
23
|
-
|
25
|
+
consoleInterceptor
|
24
26
|
} = (0, _react.useContext)(_contexts.MainContext);
|
25
|
-
const lastSelectedPanel = (0, _react.useRef)(
|
26
|
-
const
|
27
|
-
|
28
|
-
|
27
|
+
const lastSelectedPanel = (0, _react.useRef)(selectedPanel ?? _types.DebuggerPanel.Network);
|
28
|
+
const backButton = (0, _react.useMemo)(() => /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
|
29
|
+
content: _icons.default.arrowLeft,
|
30
|
+
onPress: () => {
|
31
|
+
setDebuggerState(draft => {
|
32
|
+
draft.selectedPanel = lastSelectedPanel.current;
|
33
|
+
draft.detailsData = null;
|
34
|
+
});
|
35
|
+
}
|
36
|
+
}), [setDebuggerState]);
|
37
|
+
const renderTabItem = (0, _react.useCallback)((tab, label) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
|
38
|
+
isLabel: true,
|
39
|
+
isActive: detailsData?.selectedTab === tab,
|
40
|
+
content: label,
|
41
|
+
onPress: () => {
|
42
|
+
setDebuggerState(draft => {
|
43
|
+
draft.detailsData.selectedTab = tab;
|
44
|
+
});
|
45
|
+
}
|
46
|
+
}), [detailsData?.selectedTab, setDebuggerState]);
|
47
|
+
const networkHeader = (0, _react.useMemo)(() => {
|
48
|
+
if (detailsData?.type !== _types.DebuggerPanel.Network) return null;
|
49
|
+
const {
|
50
|
+
isHttp,
|
51
|
+
overviewShown,
|
52
|
+
headersShown,
|
53
|
+
requestShown,
|
54
|
+
responseShown,
|
55
|
+
messagesShown
|
56
|
+
} = (0, _utils.getNetworkUtils)(detailsData.data);
|
57
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
58
|
+
children: [backButton, isHttp && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
59
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
|
60
|
+
content: _icons.default.share,
|
61
|
+
onPress: () => {
|
62
|
+
if (detailsData.data.type === _types.NetworkType.WS) return;
|
63
|
+
_reactNative.Share.share({
|
64
|
+
message: (0, _utils.convertToCurl)(detailsData.data.method, detailsData.data.url, detailsData.data.requestHeaders, detailsData.data.body)
|
65
|
+
});
|
66
|
+
}
|
67
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
|
68
|
+
content: _icons.default.beautify,
|
69
|
+
isActive: detailsData.beautified,
|
70
|
+
activeColor: _colors.default.green,
|
71
|
+
onPress: () => {
|
72
|
+
setDebuggerState(draft => {
|
73
|
+
draft.detailsData.beautified = !draft.detailsData?.beautified;
|
74
|
+
});
|
75
|
+
}
|
76
|
+
})]
|
77
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
78
|
+
style: styles.divider
|
79
|
+
}), overviewShown && renderTabItem('overview', 'Overview'), headersShown && renderTabItem('headers', 'Headers'), requestShown && renderTabItem('request', 'Request'), responseShown && renderTabItem('response', 'Response'), messagesShown && renderTabItem('messages', 'Messages')]
|
29
80
|
});
|
30
|
-
};
|
31
|
-
const
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
const toggleDebuggerPosition = () => {
|
38
|
-
setDebuggerState(draft => {
|
39
|
-
draft.position = draft.position === 'bottom' ? 'top' : 'bottom';
|
81
|
+
}, [detailsData?.type, detailsData?.data, detailsData?.beautified, backButton, renderTabItem, setDebuggerState]);
|
82
|
+
const consoleHeader = (0, _react.useMemo)(() => {
|
83
|
+
if (detailsData?.type !== _types.DebuggerPanel.Console) return null;
|
84
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
85
|
+
children: [backButton, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
86
|
+
style: styles.divider
|
87
|
+
}), renderTabItem('logMessage', 'Log Message')]
|
40
88
|
});
|
41
|
-
};
|
42
|
-
const
|
43
|
-
|
44
|
-
draft
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
89
|
+
}, [detailsData?.type, backButton, renderTabItem]);
|
90
|
+
const mainHeader = (0, _react.useMemo)(() => {
|
91
|
+
const onHide = () => {
|
92
|
+
setDebuggerState(draft => {
|
93
|
+
draft.visibility = 'bubble';
|
94
|
+
});
|
95
|
+
};
|
96
|
+
const onMove = () => {
|
97
|
+
setDebuggerState(draft => {
|
98
|
+
draft.position = draft.position === 'bottom' ? 'top' : 'bottom';
|
99
|
+
});
|
100
|
+
};
|
101
|
+
const switchTo = debuggerPanel => {
|
102
|
+
setDebuggerState(draft => {
|
103
|
+
draft.selectedPanel = debuggerPanel;
|
104
|
+
draft.detailsData = null;
|
105
|
+
lastSelectedPanel.current = debuggerPanel;
|
106
|
+
});
|
107
|
+
};
|
108
|
+
const toggleNetworkInterception = () => {
|
109
|
+
networkInterceptor.isInterceptorEnabled ? networkInterceptor.disableInterception() : networkInterceptor.enableInterception();
|
110
|
+
};
|
111
|
+
const toggleConsoleInterception = () => {
|
112
|
+
consoleInterceptor.isInterceptorEnabled ? consoleInterceptor.disableInterception() : consoleInterceptor.enableInterception();
|
113
|
+
};
|
114
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
115
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
|
116
|
+
onPress: onHide,
|
117
|
+
content: _icons.default.hide
|
118
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
|
119
|
+
onPress: onMove,
|
120
|
+
content: _icons.default.move
|
121
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
122
|
+
style: styles.divider
|
123
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
|
124
|
+
isLabel: true,
|
125
|
+
isActive: selectedPanel === _types.DebuggerPanel.Network,
|
126
|
+
content: "Network Panel",
|
127
|
+
onPress: () => switchTo(_types.DebuggerPanel.Network)
|
128
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
|
129
|
+
onPress: toggleNetworkInterception,
|
130
|
+
isActive: networkInterceptor.isInterceptorEnabled,
|
131
|
+
content: _icons.default.record
|
132
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
|
133
|
+
onPress: networkInterceptor.clearAllNetworkRequests,
|
134
|
+
content: _icons.default.delete
|
135
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
136
|
+
style: styles.divider
|
137
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
|
52
138
|
isLabel: true,
|
53
|
-
isActive:
|
54
|
-
content: "
|
55
|
-
onPress: () =>
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
})
|
139
|
+
isActive: selectedPanel === _types.DebuggerPanel.Console,
|
140
|
+
content: "Console Panel",
|
141
|
+
onPress: () => switchTo(_types.DebuggerPanel.Console)
|
142
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
|
143
|
+
onPress: toggleConsoleInterception,
|
144
|
+
isActive: consoleInterceptor.isInterceptorEnabled,
|
145
|
+
content: _icons.default.record
|
146
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
|
147
|
+
onPress: consoleInterceptor.clearAllLogMessages,
|
148
|
+
content: _icons.default.delete
|
149
|
+
})]
|
61
150
|
});
|
62
|
-
}
|
63
|
-
return /*#__PURE__*/(0, _jsxRuntime.
|
151
|
+
}, [selectedPanel, consoleInterceptor, networkInterceptor, setDebuggerState]);
|
152
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
|
64
153
|
horizontal: true,
|
65
154
|
style: styles.container,
|
66
155
|
contentContainerStyle: styles.contentContainer,
|
67
156
|
showsHorizontalScrollIndicator: false,
|
68
|
-
children:
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
onPress: () => switchTo(_types.DebuggerPanel.Network)
|
79
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
|
80
|
-
onPress: toggleNetworkInterception,
|
81
|
-
isActive: networkInterceptor.isInterceptorEnabled,
|
82
|
-
content: _icons.default.record
|
83
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
|
84
|
-
onPress: networkInterceptor.clearAllNetworkRequests,
|
85
|
-
content: _icons.default.delete
|
86
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
87
|
-
style: styles.divider
|
88
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
|
89
|
-
isLabel: true,
|
90
|
-
isActive: debuggerState.selectedPanel === _types.DebuggerPanel.Console,
|
91
|
-
content: "Log Panel",
|
92
|
-
onPress: () => switchTo(_types.DebuggerPanel.Console)
|
93
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
|
94
|
-
onPress: toggleLogInterception,
|
95
|
-
isActive: logInterceptor.isInterceptorEnabled,
|
96
|
-
content: _icons.default.record
|
97
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
|
98
|
-
onPress: logInterceptor.clearAllLogMessages,
|
99
|
-
content: _icons.default.delete
|
100
|
-
})]
|
157
|
+
children: (() => {
|
158
|
+
switch (detailsData?.type) {
|
159
|
+
case _types.DebuggerPanel.Network:
|
160
|
+
return networkHeader;
|
161
|
+
case _types.DebuggerPanel.Console:
|
162
|
+
return consoleHeader;
|
163
|
+
default:
|
164
|
+
return mainHeader;
|
165
|
+
}
|
166
|
+
})()
|
101
167
|
});
|
102
168
|
}
|
103
169
|
const styles = _reactNative.StyleSheet.create({
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_contexts","_colors","_interopRequireDefault","_icons","_types","_DebuggerHeaderItem","_jsxRuntime","e","__esModule","default","DebuggerHeader","
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_contexts","_utils","_colors","_interopRequireDefault","_icons","_types","_DebuggerHeaderItem","_jsxRuntime","e","__esModule","default","DebuggerHeader","debuggerState","detailsData","selectedPanel","setDebuggerState","networkInterceptor","consoleInterceptor","useContext","MainContext","lastSelectedPanel","useRef","DebuggerPanel","Network","backButton","useMemo","jsx","content","icons","arrowLeft","onPress","draft","current","renderTabItem","useCallback","tab","label","isLabel","isActive","selectedTab","networkHeader","type","isHttp","overviewShown","headersShown","requestShown","responseShown","messagesShown","getNetworkUtils","data","jsxs","Fragment","children","share","NetworkType","WS","Share","message","convertToCurl","method","url","requestHeaders","body","beautify","beautified","activeColor","colors","green","View","style","styles","divider","consoleHeader","Console","mainHeader","onHide","visibility","onMove","position","switchTo","debuggerPanel","toggleNetworkInterception","isInterceptorEnabled","disableInterception","enableInterception","toggleConsoleInterception","hide","move","record","clearAllNetworkRequests","delete","clearAllLogMessages","ScrollView","horizontal","container","contentContainerStyle","contentContainer","showsHorizontalScrollIndicator","StyleSheet","create","flexGrow","padding","columnGap","width","backgroundColor","gray"],"sourceRoot":"../../../../../src","sources":["ui/components/headers/DebuggerHeader.tsx"],"mappings":"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","ignoreList":[]}
|
@@ -21,11 +21,11 @@ function NetworkPanelHeader() {
|
|
21
21
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
22
22
|
style: styles.divider
|
23
23
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
24
|
-
style: [styles.headerColumn, styles.
|
24
|
+
style: [styles.headerColumn, styles.headerPathColumn],
|
25
25
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
26
26
|
numberOfLines: 1,
|
27
27
|
style: styles.itemText,
|
28
|
-
children: "
|
28
|
+
children: "Path"
|
29
29
|
})
|
30
30
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
31
31
|
style: styles.divider
|
@@ -56,7 +56,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
56
56
|
backgroundColor: _colors.default.gray,
|
57
57
|
borderRadius: 4
|
58
58
|
},
|
59
|
-
|
59
|
+
headerPathColumn: {
|
60
60
|
flex: 5
|
61
61
|
},
|
62
62
|
headerDurationColumn: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_colors","_interopRequireDefault","_jsxRuntime","e","__esModule","default","NetworkPanelHeader","jsxs","View","style","styles","container","children","jsx","headerColumn","Text","numberOfLines","itemText","divider","
|
1
|
+
{"version":3,"names":["_reactNative","require","_colors","_interopRequireDefault","_jsxRuntime","e","__esModule","default","NetworkPanelHeader","jsxs","View","style","styles","container","children","jsx","headerColumn","Text","numberOfLines","itemText","divider","headerPathColumn","headerDurationColumn","StyleSheet","create","marginHorizontal","flexDirection","alignItems","backgroundColor","colors","gray","borderRadius","flex","flexShrink","paddingVertical","paddingLeft","height","width","fontSize","color","black"],"sourceRoot":"../../../../../src","sources":["ui/components/headers/NetworkPanelHeader.tsx"],"mappings":"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","ignoreList":[]}
|
@@ -12,12 +12,15 @@ function DebuggerHeaderItem({
|
|
12
12
|
content,
|
13
13
|
isLabel,
|
14
14
|
isActive,
|
15
|
+
activeColor = _colors.default.red,
|
15
16
|
onPress
|
16
17
|
}) {
|
17
18
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
18
19
|
onPress: onPress,
|
19
20
|
activeOpacity: 0.8,
|
20
|
-
style: [styles.container, isLabel ? isActive ? styles.activeLabelContainer : styles.labelContainer : isActive ?
|
21
|
+
style: [styles.container, isLabel ? isActive ? styles.activeLabelContainer : styles.labelContainer : isActive ? {
|
22
|
+
backgroundColor: activeColor
|
23
|
+
} : undefined],
|
21
24
|
children: typeof content === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
22
25
|
style: styles.title,
|
23
26
|
children: content
|
@@ -46,9 +49,6 @@ const styles = _reactNative.StyleSheet.create({
|
|
46
49
|
borderWidth: 1,
|
47
50
|
borderColor: _colors.default.black
|
48
51
|
},
|
49
|
-
activeContainer: {
|
50
|
-
backgroundColor: _colors.default.red
|
51
|
-
},
|
52
52
|
title: {
|
53
53
|
fontSize: 14,
|
54
54
|
lineHeight: 17,
|