react-native-xenon 0.6.0 → 1.0.0

package/lib/module/ui/components/items/ConsolePanelItem.js

@@ -7,6 +7,7 @@ exports.default = ConsolePanelItem;
 var _reactNative = require("react-native");
 var _utils = require("../../../core/utils");
 var _colors = _interopRequireDefault(require("../../../theme/colors"));
+var _Touchable = _interopRequireDefault(require("../common/Touchable"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ConsolePanelItem({
@@ -14,20 +15,23 @@ function ConsolePanelItem({
   values,
   onPress
 }) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Touchable.default, {
     onPress: onPress,
-    style: styles.container,
+    style: [styles.container, {
+      backgroundColor: (0, _utils.getConsoleTypeColor)(type)
+    }],
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       numberOfLines: 1,
       style: styles.text,
-      children: (0, _utils.formatLogMessage)(type, values)
+      children: (0, _utils.formatLogMessage)(values)
     })
   });
 }
 const styles = _reactNative.StyleSheet.create({
   container: {
     flex: 1,
-    padding: 8
+    padding: 8,
+    borderRadius: 8
   },
   text: {
     color: _colors.default.black,

package/lib/module/ui/components/items/ConsolePanelItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_utils","_colors","_interopRequireDefault","_jsxRuntime","e","__esModule","default","ConsolePanelItem","type","values","onPress","jsx","TouchableOpacity","style","styles","container","children","Text","numberOfLines","text","formatLogMessage","StyleSheet","create","flex","padding","color","colors","black","fontSize"],"sourceRoot":"../../../../../src","sources":["ui/components/items/ConsolePanelItem.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA2C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAG,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM5B,SAASG,gBAAgBA,CAAC;EAAEC,IAAI;EAAEC,MAAM;EAAEC;AAA+B,CAAC,EAAE;EACzF,oBACE,IAAAP,WAAA,CAAAQ,GAAA,EAACb,YAAA,CAAAc,gBAAgB;IAACF,OAAO,EAAEA,OAAQ;IAACG,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC1D,IAAAb,WAAA,CAAAQ,GAAA,EAACb,YAAA,CAAAmB,IAAI;MAACC,aAAa,EAAE,CAAE;MAACL,KAAK,EAAEC,MAAM,CAACK,IAAK;MAAAH,QAAA,EACxC,IAAAI,uBAAgB,EAACZ,IAAI,EAAEC,MAAM;IAAC,CAC3B;EAAC,CACS,CAAC;AAEvB;AAEA,MAAMK,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE;EACX,CAAC;EACDL,IAAI,EAAE;IACJM,KAAK,EAAEC,eAAM,CAACC,KAAK;IACnBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_utils","_colors","_interopRequireDefault","_Touchable","_jsxRuntime","e","__esModule","default","ConsolePanelItem","type","values","onPress","jsx","style","styles","container","backgroundColor","getConsoleTypeColor","children","Text","numberOfLines","text","formatLogMessage","StyleSheet","create","flex","padding","borderRadius","color","colors","black","fontSize"],"sourceRoot":"../../../../../src","sources":["ui/components/items/ConsolePanelItem.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,UAAA,GAAAD,sBAAA,CAAAH,OAAA;AAA4C,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM7B,SAASG,gBAAgBA,CAAC;EAAEC,IAAI;EAAEC,MAAM;EAAEC;AAA+B,CAAC,EAAE;EACzF,oBACE,IAAAP,WAAA,CAAAQ,GAAA,EAACT,UAAA,CAAAI,OAAS;IACRI,OAAO,EAAEA,OAAQ;IACjBE,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAE,IAAAC,0BAAmB,EAACR,IAAI;IAAE,CAAC,CAAE;IAAAS,QAAA,eAE1E,IAAAd,WAAA,CAAAQ,GAAA,EAACd,YAAA,CAAAqB,IAAI;MAACC,aAAa,EAAE,CAAE;MAACP,KAAK,EAAEC,MAAM,CAACO,IAAK;MAAAH,QAAA,EACxC,IAAAI,uBAAgB,EAACZ,MAAM;IAAC,CACrB;EAAC,CACE,CAAC;AAEhB;AAEA,MAAMI,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE;EAChB,CAAC;EACDN,IAAI,EAAE;IACJO,KAAK,EAAEC,eAAM,CAACC,KAAK;IACnBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui/components/items/DebuggerHeaderItem.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = DebuggerHeaderItem;
 var _reactNative = require("react-native");
 var _colors = _interopRequireDefault(require("../../../theme/colors"));
+var _Icon = _interopRequireDefault(require("../common/Icon"));
+var _Touchable = _interopRequireDefault(require("../common/Touchable"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function DebuggerHeaderItem({
@@ -15,18 +17,17 @@ function DebuggerHeaderItem({
   activeColor = _colors.default.red,
   onPress
 }) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Touchable.default, {
     onPress: onPress,
-    activeOpacity: 0.8,
     style: [styles.container, isLabel ? isActive ? styles.activeLabelContainer : styles.labelContainer : isActive ? {
       backgroundColor: activeColor
     } : undefined],
     children: typeof content === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       style: styles.title,
       children: content
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
       source: content,
-      style: styles.icon
+      size: 18
     })
   });
 }
@@ -51,13 +52,9 @@ const styles = _reactNative.StyleSheet.create({
   },
   title: {
     fontSize: 14,
-    lineHeight: 17,
-    fontWeight: '500',
+    lineHeight: 18,
+    fontWeight: '600',
     color: _colors.default.black
-  },
-  icon: {
-    width: 17,
-    height: 17
   }
 });
 //# sourceMappingURL=DebuggerHeaderItem.js.map

package/lib/module/ui/components/items/DebuggerHeaderItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_colors","_interopRequireDefault","_jsxRuntime","e","__esModule","default","DebuggerHeaderItem","content","isLabel","isActive","activeColor","colors","red","onPress","jsx","TouchableOpacity","activeOpacity","style","styles","container","activeLabelContainer","labelContainer","backgroundColor","undefined","children","Text","title","Image","source","icon","StyleSheet","create","paddingVertical","paddingHorizontal","borderRadius","gray","borderWidth","borderColor","justifyContent","alignItems","black","fontSize","lineHeight","fontWeight","color","width","height"],"sourceRoot":"../../../../../src","sources":["ui/components/items/DebuggerHeaderItem.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA2C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAU5B,SAASG,kBAAkBA,CAAC;EACzCC,OAAO;EACPC,OAAO;EACPC,QAAQ;EACRC,WAAW,GAAGC,eAAM,CAACC,GAAG;EACxBC;AACuB,CAAC,EAAE;EAC1B,oBACE,IAAAX,WAAA,CAAAY,GAAA,EAAChB,YAAA,CAAAiB,gBAAgB;IACfF,OAAO,EAAEA,OAAQ;IACjBG,aAAa,EAAE,GAAI;IACnBC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChBX,OAAO,GACHC,QAAQ,GACNS,MAAM,CAACE,oBAAoB,GAC3BF,MAAM,CAACG,cAAc,GACvBZ,QAAQ,GACN;MAAEa,eAAe,EAAEZ;IAAY,CAAC,GAChCa,SAAS,CACf;IAAAC,QAAA,EAED,OAAOjB,OAAO,KAAK,QAAQ,gBAC1B,IAAAL,WAAA,CAAAY,GAAA,EAAChB,YAAA,CAAA2B,IAAI;MAACR,KAAK,EAAEC,MAAM,CAACQ,KAAM;MAAAF,QAAA,EAAEjB;IAAO,CAAO,CAAC,gBAE3C,IAAAL,WAAA,CAAAY,GAAA,EAAChB,YAAA,CAAA6B,KAAK;MAACC,MAAM,EAAErB,OAAQ;MAACU,KAAK,EAAEC,MAAM,CAACW;IAAK,CAAE;EAC9C,CACe,CAAC;AAEvB;AAEA,MAAMX,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,CAAC;IACpBC,YAAY,EAAE,CAAC;IACfZ,eAAe,EAAEX,eAAM,CAACwB,IAAI;IAC5BC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,aAAa;IAC1BC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDlB,cAAc,EAAE;IACdC,eAAe,EAAE;EACnB,CAAC;EACDF,oBAAoB,EAAE;IACpBE,eAAe,EAAE,aAAa;IAC9Bc,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE1B,eAAM,CAAC6B;EACtB,CAAC;EACDd,KAAK,EAAE;IACLe,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEjC,eAAM,CAAC6B;EAChB,CAAC;EACDX,IAAI,EAAE;IACJgB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_colors","_interopRequireDefault","_Icon","_Touchable","_jsxRuntime","e","__esModule","default","DebuggerHeaderItem","content","isLabel","isActive","activeColor","colors","red","onPress","jsx","style","styles","container","activeLabelContainer","labelContainer","backgroundColor","undefined","children","Text","title","source","size","StyleSheet","create","paddingVertical","paddingHorizontal","borderRadius","gray","borderWidth","borderColor","justifyContent","alignItems","black","fontSize","lineHeight","fontWeight","color"],"sourceRoot":"../../../../../src","sources":["ui/components/items/DebuggerHeaderItem.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,UAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA4C,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAE,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAU7B,SAASG,kBAAkBA,CAAC;EACzCC,OAAO;EACPC,OAAO;EACPC,QAAQ;EACRC,WAAW,GAAGC,eAAM,CAACC,GAAG;EACxBC;AACuB,CAAC,EAAE;EAC1B,oBACE,IAAAX,WAAA,CAAAY,GAAA,EAACb,UAAA,CAAAI,OAAS;IACRQ,OAAO,EAAEA,OAAQ;IACjBE,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChBT,OAAO,GACHC,QAAQ,GACNO,MAAM,CAACE,oBAAoB,GAC3BF,MAAM,CAACG,cAAc,GACvBV,QAAQ,GACN;MAAEW,eAAe,EAAEV;IAAY,CAAC,GAChCW,SAAS,CACf;IAAAC,QAAA,EAED,OAAOf,OAAO,KAAK,QAAQ,gBAC1B,IAAAL,WAAA,CAAAY,GAAA,EAAClB,YAAA,CAAA2B,IAAI;MAACR,KAAK,EAAEC,MAAM,CAACQ,KAAM;MAAAF,QAAA,EAAEf;IAAO,CAAO,CAAC,gBAE3C,IAAAL,WAAA,CAAAY,GAAA,EAACd,KAAA,CAAAK,OAAI;MAACoB,MAAM,EAAElB,OAAQ;MAACmB,IAAI,EAAE;IAAG,CAAE;EACnC,CACQ,CAAC;AAEhB;AAEA,MAAMV,MAAM,GAAGW,uBAAU,CAACC,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,CAAC;IACpBC,YAAY,EAAE,CAAC;IACfX,eAAe,EAAET,eAAM,CAACqB,IAAI;IAC5BC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,aAAa;IAC1BC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDjB,cAAc,EAAE;IACdC,eAAe,EAAE;EACnB,CAAC;EACDF,oBAAoB,EAAE;IACpBE,eAAe,EAAE,aAAa;IAC9Ba,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEvB,eAAM,CAAC0B;EACtB,CAAC;EACDb,KAAK,EAAE;IACLc,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAE9B,eAAM,CAAC0B;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui/components/items/NetworkPanelItem.js

@@ -9,15 +9,41 @@ var _reactNative = require("react-native");
 var _reactNativeUrlPolyfill = require("react-native-url-polyfill");
 var _utils = require("../../../core/utils");
 var _colors = _interopRequireDefault(require("../../../theme/colors"));
+var _Touchable = _interopRequireDefault(require("../common/Touchable"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const getMethodColor = method => {
+  switch (method) {
+    case 'GET':
+      return _colors.default.blue;
+    case 'POST':
+      return _colors.default.green;
+    case 'PUT':
+      return _colors.default.yellow;
+    case 'PATCH':
+      return _colors.default.cyan;
+    case 'DELETE':
+      return _colors.default.red;
+    case 'OPTIONS':
+    case 'HEAD':
+      return _colors.default.purple;
+    default:
+      return _colors.default.black;
+  }
+};
 function NetworkPanelItem({
   method,
   name,
-  duration,
+  startTime,
+  endTime,
   status,
   onPress
 }) {
+  const duration = (0, _utils.formatRequestDuration)(startTime, endTime);
+  const requestMethod = (0, _utils.formatRequestMethod)(method);
+  const requestStatusCode = (0, _utils.formatRequestStatusCode)(status);
+  const isRequestFailed = Number.isInteger(status) && status >= 400 && status < 600;
+  const textStyle = [styles.text, isRequestFailed && styles.failedText];
   const requestPath = (0, _react.useMemo)(() => {
     if (!name) return '[failed]';
     try {
@@ -29,36 +55,38 @@ function NetworkPanelItem({
       return name;
     }
   }, [name]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Touchable.default, {
     onPress: onPress,
     style: styles.container,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: styles.column,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         numberOfLines: 1,
-        style: styles.text,
-        children: (0, _utils.formatRequestMethod)(method)
+        style: [styles.text, styles.methodText, {
+          backgroundColor: getMethodColor(requestMethod)
+        }],
+        children: requestMethod
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: [styles.column, styles.pathColumn],
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         numberOfLines: 1,
-        style: styles.text,
+        style: textStyle,
         children: requestPath
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: [styles.column, styles.durationColumn],
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         numberOfLines: 1,
-        style: styles.text,
-        children: (0, _utils.formatRequestDuration)(duration)
+        style: textStyle,
+        children: duration
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: styles.column,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         numberOfLines: 1,
-        style: styles.text,
-        children: (0, _utils.formatRequestStatusCode)(status)
+        style: textStyle,
+        children: requestStatusCode
       })
     })]
   });
@@ -66,7 +94,10 @@ function NetworkPanelItem({
 const styles = _reactNative.StyleSheet.create({
   container: {
     flex: 1,
-    flexDirection: 'row'
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 8,
+    columnGap: 8
   },
   pathColumn: {
     flex: 5
@@ -76,13 +107,23 @@ const styles = _reactNative.StyleSheet.create({
   },
   column: {
     flex: 1.5,
-    flexShrink: 1,
-    padding: 8,
-    paddingRight: 0
+    flexShrink: 1
+  },
+  failedText: {
+    color: _colors.default.red
   },
   text: {
     color: _colors.default.black,
     fontSize: 14
+  },
+  methodText: {
+    borderRadius: 4,
+    color: _colors.default.lightGray,
+    paddingVertical: 4,
+    paddingHorizontal: 2,
+    textAlign: 'center',
+    fontSize: 12,
+    fontWeight: '600'
   }
 });
 //# sourceMappingURL=NetworkPanelItem.js.map

package/lib/module/ui/components/items/NetworkPanelItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeUrlPolyfill","_utils","_colors","_interopRequireDefault","_jsxRuntime","e","__esModule","default","NetworkPanelItem","method","name","duration","status","onPress","requestPath","useMemo","url","URL","suffixUrl","pathname","search","host","error","jsxs","TouchableOpacity","style","styles","container","children","jsx","View","column","Text","numberOfLines","text","formatRequestMethod","pathColumn","durationColumn","formatRequestDuration","formatRequestStatusCode","StyleSheet","create","flex","flexDirection","flexShrink","padding","paddingRight","color","colors","black","fontSize"],"sourceRoot":"../../../../../src","sources":["ui/components/items/NetworkPanelItem.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAKA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AAA2C,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAK,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAU5B,SAASG,gBAAgBA,CAAC;EACvCC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC,MAAM;EACNC;AACqB,CAAC,EAAE;EACxB,MAAMC,WAAW,GAAG,IAAAC,cAAO,EAAC,MAAM;IAChC,IAAI,CAACL,IAAI,EAAE,OAAO,UAAU;IAE5B,IAAI;MACF,MAAMM,GAAG,GAAG,IAAIC,2BAAG,CAACP,IAAI,CAAC;MACzB,MAAMQ,SAAS,GAAGF,GAAG,CAACG,QAAQ,GAAGH,GAAG,CAACI,MAAM;MAE3C,IAAIF,SAAS,KAAK,GAAG,EAAE,OAAOF,GAAG,CAACK,IAAI;MACtC,OAAOH,SAAS;IAClB,CAAC,CAAC,OAAOI,KAAK,EAAE;MACd,OAAOZ,IAAI;IACb;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACE,IAAAN,WAAA,CAAAmB,IAAA,EAACxB,YAAA,CAAAyB,gBAAgB;IAACX,OAAO,EAAEA,OAAQ;IAACY,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC1D,IAAAxB,WAAA,CAAAyB,GAAA,EAAC9B,YAAA,CAAA+B,IAAI;MAACL,KAAK,EAAEC,MAAM,CAACK,MAAO;MAAAH,QAAA,eACzB,IAAAxB,WAAA,CAAAyB,GAAA,EAAC9B,YAAA,CAAAiC,IAAI;QAACC,aAAa,EAAE,CAAE;QAACR,KAAK,EAAEC,MAAM,CAACQ,IAAK;QAAAN,QAAA,EACxC,IAAAO,0BAAmB,EAAC1B,MAAM;MAAC,CACxB;IAAC,CACH,CAAC,eAEP,IAAAL,WAAA,CAAAyB,GAAA,EAAC9B,YAAA,CAAA+B,IAAI;MAACL,KAAK,EAAE,CAACC,MAAM,CAACK,MAAM,EAAEL,MAAM,CAACU,UAAU,CAAE;MAAAR,QAAA,eAC9C,IAAAxB,WAAA,CAAAyB,GAAA,EAAC9B,YAAA,CAAAiC,IAAI;QAACC,aAAa,EAAE,CAAE;QAACR,KAAK,EAAEC,MAAM,CAACQ,IAAK;QAAAN,QAAA,EACxCd;MAAW,CACR;IAAC,CACH,CAAC,eAEP,IAAAV,WAAA,CAAAyB,GAAA,EAAC9B,YAAA,CAAA+B,IAAI;MAACL,KAAK,EAAE,CAACC,MAAM,CAACK,MAAM,EAAEL,MAAM,CAACW,cAAc,CAAE;MAAAT,QAAA,eAClD,IAAAxB,WAAA,CAAAyB,GAAA,EAAC9B,YAAA,CAAAiC,IAAI;QAACC,aAAa,EAAE,CAAE;QAACR,KAAK,EAAEC,MAAM,CAACQ,IAAK;QAAAN,QAAA,EACxC,IAAAU,4BAAqB,EAAC3B,QAAQ;MAAC,CAC5B;IAAC,CACH,CAAC,eAEP,IAAAP,WAAA,CAAAyB,GAAA,EAAC9B,YAAA,CAAA+B,IAAI;MAACL,KAAK,EAAEC,MAAM,CAACK,MAAO;MAAAH,QAAA,eACzB,IAAAxB,WAAA,CAAAyB,GAAA,EAAC9B,YAAA,CAAAiC,IAAI;QAACC,aAAa,EAAE,CAAE;QAACR,KAAK,EAAEC,MAAM,CAACQ,IAAK;QAAAN,QAAA,EACxC,IAAAW,8BAAuB,EAAC3B,MAAM;MAAC,CAC5B;IAAC,CACH,CAAC;EAAA,CACS,CAAC;AAEvB;AAEA,MAAMc,MAAM,GAAGc,uBAAU,CAACC,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE;EACjB,CAAC;EACDP,UAAU,EAAE;IACVM,IAAI,EAAE;EACR,CAAC;EACDL,cAAc,EAAE;IACdK,IAAI,EAAE;EACR,CAAC;EACDX,MAAM,EAAE;IACNW,IAAI,EAAE,GAAG;IACTE,UAAU,EAAE,CAAC;IACbC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE;EAChB,CAAC;EACDZ,IAAI,EAAE;IACJa,KAAK,EAAEC,eAAM,CAACC,KAAK;IACnBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_reactNativeUrlPolyfill","_utils","_colors","_interopRequireDefault","_Touchable","_jsxRuntime","e","__esModule","default","getMethodColor","method","colors","blue","green","yellow","cyan","red","purple","black","NetworkPanelItem","name","startTime","endTime","status","onPress","duration","formatRequestDuration","requestMethod","formatRequestMethod","requestStatusCode","formatRequestStatusCode","isRequestFailed","Number","isInteger","textStyle","styles","text","failedText","requestPath","useMemo","url","URL","suffixUrl","pathname","search","host","error","jsxs","style","container","children","jsx","View","column","Text","numberOfLines","methodText","backgroundColor","pathColumn","durationColumn","StyleSheet","create","flex","flexDirection","alignItems","paddingVertical","columnGap","flexShrink","color","fontSize","borderRadius","lightGray","paddingHorizontal","textAlign","fontWeight"],"sourceRoot":"../../../../../src","sources":["ui/components/items/NetworkPanelItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/items/NetworkRequestDetailsItem.js

@@ -10,35 +10,36 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function NetworkRequestDetailsItem({
   label,
-  content,
-  style,
-  ...props
+  content
 }) {
-  if (label) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-      ...props,
-      style: [styles.text, style],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.label,
-        children: [label, ': ']
-      }), content]
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-    ...props,
-    style: [styles.text, style],
-    children: content
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+    style: styles.text,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+      style: styles.label,
+      children: [label, '\n']
+    }), typeof content === 'string' ? content : content.map(([key, value]) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+      style: [styles.label, styles.subLabel],
+      children: [key, ': ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.text,
+        children: value
+      }), '\n']
+    }, key)), Array.isArray(content) || content?.endsWith('\n') ? '' : '\n']
   });
 }
 const styles = _reactNative.StyleSheet.create({
   text: {
     fontSize: 14,
+    fontWeight: 'normal',
     color: _colors.default.black
   },
   label: {
-    fontSize: 14,
+    fontSize: 16,
     fontWeight: 'bold',
     color: _colors.default.black
+  },
+  subLabel: {
+    fontSize: 14,
+    fontWeight: 'bold'
   }
 });
 //# sourceMappingURL=NetworkRequestDetailsItem.js.map

package/lib/module/ui/components/items/NetworkRequestDetailsItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_colors","_interopRequireDefault","_jsxRuntime","e","__esModule","default","NetworkRequestDetailsItem","label","content","style","props","jsxs","Text","styles","text","children","jsx","StyleSheet","create","fontSize","color","colors","black","fontWeight"],"sourceRoot":"../../../../../src","sources":["ui/components/items/NetworkRequestDetailsItem.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA2C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAO5B,SAASG,yBAAyBA,CAAC;EAChDC,KAAK;EACLC,OAAO;EACPC,KAAK;EACL,GAAGC;AAC2B,CAAC,EAAE;EACjC,IAAIH,KAAK,EAAE;IACT,oBACE,IAAAL,WAAA,CAAAS,IAAA,EAACb,YAAA,CAAAc,IAAI;MAAA,GAAKF,KAAK;MAAED,KAAK,EAAE,CAACI,MAAM,CAACC,IAAI,EAAEL,KAAK,CAAE;MAAAM,QAAA,gBAC3C,IAAAb,WAAA,CAAAS,IAAA,EAACb,YAAA,CAAAc,IAAI;QAACH,KAAK,EAAEI,MAAM,CAACN,KAAM;QAAAQ,QAAA,GACvBR,KAAK,EACL,IAAI;MAAA,CACD,CAAC,EACNC,OAAO;IAAA,CACJ,CAAC;EAEX;EAEA,oBACE,IAAAN,WAAA,CAAAc,GAAA,EAAClB,YAAA,CAAAc,IAAI;IAAA,GAAKF,KAAK;IAAED,KAAK,EAAE,CAACI,MAAM,CAACC,IAAI,EAAEL,KAAK,CAAE;IAAAM,QAAA,EAC1CP;EAAO,CACJ,CAAC;AAEX;AAEA,MAAMK,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BJ,IAAI,EAAE;IACJK,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEC,eAAM,CAACC;EAChB,CAAC;EACDf,KAAK,EAAE;IACLY,QAAQ,EAAE,EAAE;IACZI,UAAU,EAAE,MAAM;IAClBH,KAAK,EAAEC,eAAM,CAACC;EAChB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_colors","_interopRequireDefault","_jsxRuntime","e","__esModule","default","NetworkRequestDetailsItem","label","content","jsxs","Text","style","styles","text","children","map","key","value","subLabel","jsx","Array","isArray","endsWith","StyleSheet","create","fontSize","fontWeight","color","colors","black"],"sourceRoot":"../../../../../src","sources":["ui/components/items/NetworkRequestDetailsItem.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA2C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAO5B,SAASG,yBAAyBA,CAAC;EAChDC,KAAK;EACLC;AAC8B,CAAC,EAAE;EACjC,oBACE,IAAAN,WAAA,CAAAO,IAAA,EAACX,YAAA,CAAAY,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAC,QAAA,gBACvB,IAAAZ,WAAA,CAAAO,IAAA,EAACX,YAAA,CAAAY,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACL,KAAM;MAAAO,QAAA,GACvBP,KAAK,EACL,IAAI;IAAA,CACD,CAAC,EACN,OAAOC,OAAO,KAAK,QAAQ,GACxBA,OAAO,GACPA,OAAO,CAACO,GAAG,CAAC,CAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,kBACvB,IAAAf,WAAA,CAAAO,IAAA,EAACX,YAAA,CAAAY,IAAI;MAAWC,KAAK,EAAE,CAACC,MAAM,CAACL,KAAK,EAAEK,MAAM,CAACM,QAAQ,CAAE;MAAAJ,QAAA,GACpDE,GAAG,EACH,IAAI,eACL,IAAAd,WAAA,CAAAiB,GAAA,EAACrB,YAAA,CAAAY,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACC,IAAK;QAAAC,QAAA,EAAEG;MAAK,CAAO,CAAC,EACvC,IAAI;IAAA,GAJID,GAKL,CACP,CAAC,EACLI,KAAK,CAACC,OAAO,CAACb,OAAO,CAAC,IAAIA,OAAO,EAAEc,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI;EAAA,CAC1D,CAAC;AAEX;AAEA,MAAMV,MAAM,GAAGW,uBAAU,CAACC,MAAM,CAAC;EAC/BX,IAAI,EAAE;IACJY,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAEC,eAAM,CAACC;EAChB,CAAC;EACDtB,KAAK,EAAE;IACLkB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,MAAM;IAClBC,KAAK,EAAEC,eAAM,CAACC;EAChB,CAAC;EACDX,QAAQ,EAAE;IACRO,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui/components/panels/ConsolePanel.js

@@ -3,19 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = ConsolePanel;
+exports.default = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
-var _colors = _interopRequireDefault(require("../../../theme/colors"));
 var _contexts = require("../../../contexts");
 var _types = require("../../../types");
 var _ConsolePanelItem = _interopRequireDefault(require("../items/ConsolePanelItem"));
+var _refs = _interopRequireWildcard(require("../../../core/refs"));
 var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Separator = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
   style: styles.divider
 });
-function ConsolePanel() {
+const ConsolePanel = /*#__PURE__*/(0, _react.forwardRef)(({
+  style
+}, ref) => {
   const {
     consoleInterceptor: {
       logMessages
@@ -27,8 +31,9 @@ function ConsolePanel() {
   }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConsolePanelItem.default, {
     ...item,
     onPress: () => {
+      _refs.default.header.current?.setCurrentIndex(_refs.HeaderState.Console);
+      _refs.default.panel.current?.setCurrentIndex(_refs.PanelState.ConsoleDetail);
       setDebuggerState(draft => {
-        draft.selectedPanel = null;
         draft.detailsData = {
           type: _types.DebuggerPanel.Console,
           data: item,
@@ -39,22 +44,26 @@ function ConsolePanel() {
     }
   }), [setDebuggerState]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+    ref: ref,
     inverted: true,
     data: [...logMessages].reverse(),
     renderItem: renderItem,
     keyExtractor: (_, index) => index.toString(),
     ItemSeparatorComponent: Separator,
-    style: styles.container
+    style: [styles.container, style],
+    contentContainerStyle: styles.contentContainer
   });
-}
+});
 const styles = _reactNative.StyleSheet.create({
   container: {
-    flex: 1,
-    paddingHorizontal: 8
+    flex: 1
+  },
+  contentContainer: {
+    padding: 8
   },
   divider: {
-    height: 1,
-    backgroundColor: _colors.default.gray
+    height: 4
   }
 });
+var _default = exports.default = ConsolePanel;
 //# sourceMappingURL=ConsolePanel.js.map

package/lib/module/ui/components/panels/ConsolePanel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_colors","_interopRequireDefault","_contexts","_types","_ConsolePanelItem","_jsxRuntime","e","__esModule","default","Separator","jsx","View","style","styles","divider","ConsolePanel","consoleInterceptor","logMessages","setDebuggerState","useContext","MainContext","renderItem","useCallback","item","onPress","draft","selectedPanel","detailsData","type","DebuggerPanel","Console","data","selectedTab","beautified","FlatList","inverted","reverse","keyExtractor","_","index","toString","ItemSeparatorComponent","container","StyleSheet","create","flex","paddingHorizontal","height","backgroundColor","colors","gray"],"sourceRoot":"../../../../../src","sources":["ui/components/panels/ConsolePanel.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAH,sBAAA,CAAAH,OAAA;AAAyD,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAG,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzD,MAAMG,SAAS,GAAGA,CAAA,kBAAM,IAAAJ,WAAA,CAAAK,GAAA,EAACX,YAAA,CAAAY,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC;AAAQ,CAAE,CAAC;AAExC,SAASC,YAAYA,CAAA,EAAG;EACrC,MAAM;IACJC,kBAAkB,EAAE;MAAEC;IAAY,CAAC;IACnCC;EACF,CAAC,GAAG,IAAAC,iBAAU,EAACC,qBAAW,CAAE;EAE5B,MAAMC,UAAU,GAAG,IAAAC,kBAAW,EAC5B,CAAC;IAAEC;EAAK,CAAC,kBACP,IAAAlB,WAAA,CAAAK,GAAA,EAACN,iBAAA,CAAAI,OAAgB;IAAA,GACXe,IAAI;IACRC,OAAO,EAAEA,CAAA,KAAM;MACbN,gBAAgB,CAACO,KAAK,IAAI;QACxBA,KAAK,CAACC,aAAa,GAAG,IAAI;QAC1BD,KAAK,CAACE,WAAW,GAAG;UAClBC,IAAI,EAAEC,oBAAa,CAACC,OAAO;UAC3BC,IAAI,EAAER,IAAI;UACVS,WAAW,EAAE,YAAY;UACzBC,UAAU,EAAE;QACd,CAAC;MACH,CAAC,CAAC;IACJ;EAAE,CACH,CACF,EACD,CAACf,gBAAgB,CACnB,CAAC;EAED,oBACE,IAAAb,WAAA,CAAAK,GAAA,EAACX,YAAA,CAAAmC,QAAQ;IACPC,QAAQ;IACRJ,IAAI,EAAE,CAAC,GAAGd,WAAW,CAAC,CAACmB,OAAO,CAAC,CAAE;IACjCf,UAAU,EAAEA,UAAW;IACvBgB,YAAY,EAAEA,CAACC,CAAC,EAAEC,KAAK,KAAKA,KAAK,CAACC,QAAQ,CAAC,CAAE;IAC7CC,sBAAsB,EAAEhC,SAAU;IAClCG,KAAK,EAAEC,MAAM,CAAC6B;EAAU,CACzB,CAAC;AAEN;AAEA,MAAM7B,MAAM,GAAG8B,uBAAU,CAACC,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE;EACrB,CAAC;EACDhC,OAAO,EAAE;IACPiC,MAAM,EAAE,CAAC;IACTC,eAAe,EAAEC,eAAM,CAACC;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_contexts","_types","_ConsolePanelItem","_interopRequireDefault","_refs","_interopRequireWildcard","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Separator","jsx","View","style","styles","divider","ConsolePanel","forwardRef","ref","consoleInterceptor","logMessages","setDebuggerState","useContext","MainContext","renderItem","useCallback","item","onPress","refs","header","current","setCurrentIndex","HeaderState","Console","panel","PanelState","ConsoleDetail","draft","detailsData","type","DebuggerPanel","data","selectedTab","beautified","FlatList","inverted","reverse","keyExtractor","_","index","toString","ItemSeparatorComponent","container","contentContainerStyle","contentContainer","StyleSheet","create","flex","padding","height","_default","exports"],"sourceRoot":"../../../../../src","sources":["ui/components/panels/ConsolePanel.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/panels/NetworkPanel.js

@@ -3,20 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = NetworkPanel;
+exports.default = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
-var _colors = _interopRequireDefault(require("../../../theme/colors"));
 var _contexts = require("../../../contexts");
+var _refs = _interopRequireWildcard(require("../../../core/refs"));
 var _types = require("../../../types");
-var _NetworkPanelHeader = _interopRequireDefault(require("../headers/NetworkPanelHeader"));
+var _Divider = _interopRequireDefault(require("../common/Divider"));
 var _NetworkPanelItem = _interopRequireDefault(require("../items/NetworkPanelItem"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Separator = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-  style: styles.divider
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Separator = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, {
+  type: "horizontal"
 });
-function NetworkPanel() {
+const NetworkPanel = /*#__PURE__*/(0, _react.forwardRef)(({
+  style
+}, ref) => {
   const {
     networkInterceptor: {
       networkRequests
@@ -29,11 +33,13 @@ function NetworkPanel() {
   }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkPanelItem.default, {
     method: item.type === _types.NetworkType.WS ? undefined : item.method,
     name: item.url,
-    duration: item.duration,
+    startTime: item.startTime,
+    endTime: item.endTime,
     status: item.status,
     onPress: () => {
+      _refs.default.header.current?.setCurrentIndex(_refs.HeaderState.Network);
+      _refs.default.panel.current?.setCurrentIndex(_refs.PanelState.NetworkDetail);
       setDebuggerState(draft => {
-        draft.selectedPanel = null;
         draft.detailsData = {
           type: _types.DebuggerPanel.Network,
           data: item,
@@ -43,25 +49,21 @@ function NetworkPanel() {
       });
     }
   }), [setDebuggerState]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkPanelHeader.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
-      inverted: true,
-      data: data,
-      renderItem: renderItem,
-      keyExtractor: ([key]) => key,
-      ItemSeparatorComponent: Separator,
-      style: styles.container
-    })]
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+    inverted: true,
+    data: data,
+    ref: ref,
+    renderItem: renderItem,
+    keyExtractor: ([key]) => key,
+    ItemSeparatorComponent: Separator,
+    style: [styles.container, style]
   });
-}
+});
 const styles = _reactNative.StyleSheet.create({
   container: {
     flex: 1,
     paddingHorizontal: 8
-  },
-  divider: {
-    height: 1,
-    backgroundColor: _colors.default.gray
   }
 });
+var _default = exports.default = NetworkPanel;
 //# sourceMappingURL=NetworkPanel.js.map

package/lib/module/ui/components/panels/NetworkPanel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_colors","_interopRequireDefault","_contexts","_types","_NetworkPanelHeader","_NetworkPanelItem","_jsxRuntime","e","__esModule","default","Separator","jsx","View","style","styles","divider","NetworkPanel","networkInterceptor","networkRequests","setDebuggerState","useContext","MainContext","data","useMemo","Array","from","reverse","renderItem","useCallback","item","_","method","type","NetworkType","WS","undefined","name","url","duration","status","onPress","draft","selectedPanel","detailsData","DebuggerPanel","Network","selectedTab","beautified","jsxs","Fragment","children","FlatList","inverted","keyExtractor","key","ItemSeparatorComponent","container","StyleSheet","create","flex","paddingHorizontal","height","backgroundColor","colors","gray"],"sourceRoot":"../../../../../src","sources":["ui/components/panels/NetworkPanel.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAOA,IAAAM,mBAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,iBAAA,GAAAJ,sBAAA,CAAAH,OAAA;AAAyD,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAG,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzD,MAAMG,SAAS,GAAGA,CAAA,kBAAM,IAAAJ,WAAA,CAAAK,GAAA,EAACZ,YAAA,CAAAa,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC;AAAQ,CAAE,CAAC;AAExC,SAASC,YAAYA,CAAA,EAAG;EACrC,MAAM;IACJC,kBAAkB,EAAE;MAAEC;IAAgB,CAAC;IACvCC;EACF,CAAC,GAAG,IAAAC,iBAAU,EAACC,qBAAW,CAAE;EAE5B,MAAMC,IAAI,GAAG,IAAAC,cAAO,EAAC,MAAMC,KAAK,CAACC,IAAI,CAACP,eAAe,CAAC,CAACQ,OAAO,CAAC,CAAC,EAAE,CAACR,eAAe,CAAC,CAAC;EAEpF,MAAMS,UAAU,GAAG,IAAAC,kBAAW,EAC5B,CAAC;IAAEC,IAAI,EAAE,CAACC,CAAC,EAAED,IAAI;EAAE,CAAC,kBAClB,IAAAvB,WAAA,CAAAK,GAAA,EAACN,iBAAA,CAAAI,OAAgB;IACfsB,MAAM,EAAEF,IAAI,CAACG,IAAI,KAAKC,kBAAW,CAACC,EAAE,GAAGC,SAAS,GAAGN,IAAI,CAACE,MAAO;IAC/DK,IAAI,EAAEP,IAAI,CAACQ,GAAI;IACfC,QAAQ,EAAET,IAAI,CAACS,QAAS;IACxBC,MAAM,EAAEV,IAAI,CAACU,MAAO;IACpBC,OAAO,EAAEA,CAAA,KAAM;MACbrB,gBAAgB,CAACsB,KAAK,IAAI;QACxBA,KAAK,CAACC,aAAa,GAAG,IAAI;QAC1BD,KAAK,CAACE,WAAW,GAAG;UAClBX,IAAI,EAAEY,oBAAa,CAACC,OAAO;UAC3BvB,IAAI,EAAEO,IAAI;UACViB,WAAW,EAAE,UAAU;UACvBC,UAAU,EAAE;QACd,CAAC;MACH,CAAC,CAAC;IACJ;EAAE,CACH,CACF,EACD,CAAC5B,gBAAgB,CACnB,CAAC;EAED,oBACE,IAAAb,WAAA,CAAA0C,IAAA,EAAA1C,WAAA,CAAA2C,QAAA;IAAAC,QAAA,gBACE,IAAA5C,WAAA,CAAAK,GAAA,EAACP,mBAAA,CAAAK,OAAkB,IAAE,CAAC,eACtB,IAAAH,WAAA,CAAAK,GAAA,EAACZ,YAAA,CAAAoD,QAAQ;MACPC,QAAQ;MACR9B,IAAI,EAAEA,IAAK;MACXK,UAAU,EAAEA,UAAW;MACvB0B,YAAY,EAAEA,CAAC,CAACC,GAAG,CAAC,KAAKA,GAAI;MAC7BC,sBAAsB,EAAE7C,SAAU;MAClCG,KAAK,EAAEC,MAAM,CAAC0C;IAAU,CACzB,CAAC;EAAA,CACF,CAAC;AAEP;AAEA,MAAM1C,MAAM,GAAG2C,uBAAU,CAACC,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE;EACrB,CAAC;EACD7C,OAAO,EAAE;IACP8C,MAAM,EAAE,CAAC;IACTC,eAAe,EAAEC,eAAM,CAACC;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_contexts","_refs","_interopRequireWildcard","_types","_Divider","_interopRequireDefault","_NetworkPanelItem","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Separator","jsx","type","NetworkPanel","forwardRef","style","ref","networkInterceptor","networkRequests","setDebuggerState","useContext","MainContext","data","useMemo","Array","from","reverse","renderItem","useCallback","item","_","method","NetworkType","WS","undefined","name","url","startTime","endTime","status","onPress","refs","header","current","setCurrentIndex","HeaderState","Network","panel","PanelState","NetworkDetail","draft","detailsData","DebuggerPanel","selectedTab","beautified","FlatList","inverted","keyExtractor","key","ItemSeparatorComponent","styles","container","StyleSheet","create","flex","paddingHorizontal","_default","exports"],"sourceRoot":"../../../../../src","sources":["ui/components/panels/NetworkPanel.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/panels/Panel.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Panel;
+var _refs = _interopRequireWildcard(require("../../../core/refs"));
+var _IndexedStack = _interopRequireDefault(require("../common/IndexedStack"));
+var _LogMessageDetails = _interopRequireDefault(require("../details/LogMessageDetails"));
+var _NetworkRequestDetails = _interopRequireDefault(require("../details/NetworkRequestDetails"));
+var _ConsolePanel = _interopRequireDefault(require("./ConsolePanel"));
+var _NetworkPanel = _interopRequireDefault(require("./NetworkPanel"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function Panel() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_IndexedStack.default, {
+    defaultIndex: _refs.PanelState.Network,
+    id: "debugger-panel",
+    ref: _refs.default.panel,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkPanel.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConsolePanel.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkRequestDetails.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LogMessageDetails.default, {})]
+  });
+}
+//# sourceMappingURL=Panel.js.map

package/lib/module/ui/components/panels/Panel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_refs","_interopRequireWildcard","require","_IndexedStack","_interopRequireDefault","_LogMessageDetails","_NetworkRequestDetails","_ConsolePanel","_NetworkPanel","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Panel","jsxs","defaultIndex","PanelState","Network","id","ref","refs","panel","children","jsx"],"sourceRoot":"../../../../../src","sources":["ui/components/panels/Panel.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,sBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,aAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,aAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAA0C,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAE,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAE3B,SAASW,KAAKA,CAAA,EAAG;EAC9B,oBACE,IAAArB,WAAA,CAAAsB,IAAA,EAAC5B,aAAA,CAAAS,OAAY;IAACoB,YAAY,EAAEC,gBAAU,CAACC,OAAQ;IAACC,EAAE,EAAC,gBAAgB;IAACC,GAAG,EAAEC,aAAI,CAACC,KAAM;IAAAC,QAAA,gBAClF,IAAA9B,WAAA,CAAA+B,GAAA,EAAChC,aAAA,CAAAI,OAAY,IAAE,CAAC,eAChB,IAAAH,WAAA,CAAA+B,GAAA,EAACjC,aAAA,CAAAK,OAAY,IAAE,CAAC,eAChB,IAAAH,WAAA,CAAA+B,GAAA,EAAClC,sBAAA,CAAAM,OAAqB,IAAE,CAAC,eACzB,IAAAH,WAAA,CAAA+B,GAAA,EAACnC,kBAAA,CAAAO,OAAiB,IAAE,CAAC;EAAA,CACT,CAAC;AAEnB","ignoreList":[]}

package/lib/typescript/commonjs/src/core/refs.d.ts

@@ -0,0 +1,24 @@
+import type { IndexedStackMethods } from '../ui/components/common/IndexedStack';
+export declare enum DebuggerVisibility {
+    Hidden = -1,
+    Bubble = 0,
+    Panel = 1
+}
+export declare enum PanelState {
+    Network = 0,
+    Console = 1,
+    NetworkDetail = 2,
+    ConsoleDetail = 3
+}
+export declare enum HeaderState {
+    Debugger = 0,
+    Network = 1,
+    Console = 2
+}
+declare const refs: {
+    debugger: import("react").RefObject<IndexedStackMethods<DebuggerVisibility>>;
+    panel: import("react").RefObject<IndexedStackMethods<PanelState>>;
+    header: import("react").RefObject<IndexedStackMethods<HeaderState>>;
+};
+export default refs;
+//# sourceMappingURL=refs.d.ts.map

package/lib/typescript/commonjs/src/core/refs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"refs.d.ts","sourceRoot":"","sources":["../../../../../src/core/refs.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAEhF,oBAAY,kBAAkB;IAC5B,MAAM,KAAK;IACX,MAAM,IAAI;IACV,KAAK,IAAI;CACV;AAED,oBAAY,UAAU;IACpB,OAAO,IAAI;IACX,OAAO,IAAI;IACX,aAAa,IAAI;IACjB,aAAa,IAAI;CAClB;AAED,oBAAY,WAAW;IACrB,QAAQ,IAAI;IACZ,OAAO,IAAI;IACX,OAAO,IAAI;CACZ;AAED,QAAA,MAAM,IAAI;;;;CAIT,CAAC;AAEF,eAAe,IAAI,CAAC"}