react-native-xenon 0.1.0

package/lib/module/ui/components/details/NetworkRequestDetails.js

@@ -0,0 +1,125 @@
+"use strict";
+
+import { useRef, useState } from 'react';
+import { ScrollView, StyleSheet } from 'react-native';
+import { URL } from 'react-native-url-polyfill';
+import { NetworkType } from "../../../types/index.js";
+import { convertToCurl, formatMethod, formatStatusCode, limitChar } from "../../../utils.js";
+import NetworkDetailsHeader from "../headers/NetworkRequestDetailsHeader.js";
+import NetworkRequestDetailsItem from "../items/NetworkRequestDetailsItem.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export default function NetworkRequestDetails({
+  item
+}) {
+  const [selectedTab, setSelectedTab] = useState('headers');
+  const isWebSocket = item.type === NetworkType.WS;
+  const requestUrl = new URL(isWebSocket ? item.uri : item.url);
+  const headerShown = (isWebSocket ? 'uri' : 'url') in item;
+  const queryStringParametersShown = !!requestUrl.search;
+  const bodyShown = !isWebSocket && !!item.body;
+  const responseShown = !isWebSocket && !!item.response;
+  const messagesShown = isWebSocket && !!item.messages;
+  const content = useRef({
+    headers: null,
+    queryStringParameters: null,
+    body: null,
+    response: null,
+    messages: null
+  });
+  if (headerShown && !content.current.headers) {
+    content.current.headers = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(NetworkRequestDetailsItem, {
+        label: "Request Type",
+        content: item.type
+      }), /*#__PURE__*/_jsx(NetworkRequestDetailsItem, {
+        label: "Request URL",
+        content: isWebSocket ? item.uri : item.url
+      }), /*#__PURE__*/_jsx(NetworkRequestDetailsItem, {
+        label: "Request Method",
+        content: formatMethod(isWebSocket ? undefined : item.method)
+      }), /*#__PURE__*/_jsx(NetworkRequestDetailsItem, {
+        label: "Status Code",
+        content: formatStatusCode(item.status)
+      }), isWebSocket && /*#__PURE__*/_jsx(NetworkRequestDetailsItem, {
+        label: "Headers",
+        content: limitChar(item.options?.headers)
+      }), !isWebSocket && /*#__PURE__*/_jsx(NetworkRequestDetailsItem, {
+        label: "Response Headers",
+        content: item.responseHeaders
+      }), !isWebSocket && /*#__PURE__*/_jsx(NetworkRequestDetailsItem, {
+        label: "Request Headers",
+        content: item.requestHeadersString
+      }), !isWebSocket && /*#__PURE__*/_jsx(NetworkRequestDetailsItem, {
+        content: convertToCurl(item.method, item.url, item.requestHeaders, item.body),
+        selectable: true
+      })]
+    });
+  }
+  if (queryStringParametersShown && !content.current.queryStringParameters) {
+    const queryStringParameters = [];
+    requestUrl.searchParams.forEach((value, name) => {
+      queryStringParameters.push({
+        name,
+        value
+      });
+    });
+    content.current.queryStringParameters = /*#__PURE__*/_jsx(_Fragment, {
+      children: queryStringParameters.map(({
+        name,
+        value
+      }, index) => /*#__PURE__*/_jsx(NetworkRequestDetailsItem, {
+        label: name,
+        content: value
+      }, index))
+    });
+  }
+  if (bodyShown && !content.current.body) {
+    content.current.body = /*#__PURE__*/_jsx(NetworkRequestDetailsItem, {
+      content: limitChar(item.body)
+    });
+  }
+  if (responseShown && !content.current.response) {
+    content.current.response = /*#__PURE__*/_jsx(NetworkRequestDetailsItem, {
+      content: limitChar(item.response)
+    });
+  }
+  if (messagesShown && !content.current.messages) {
+    content.current.messages = /*#__PURE__*/_jsx(NetworkRequestDetailsItem, {
+      content: item.messages
+    });
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(NetworkDetailsHeader, {
+      selectedTab: selectedTab,
+      onChangeTab: setSelectedTab,
+      headersShown: headerShown,
+      queryStringParametersShown: queryStringParametersShown,
+      bodyShown: bodyShown,
+      responseShown: responseShown,
+      messagesShown: messagesShown
+    }), /*#__PURE__*/_jsx(ScrollView, {
+      style: styles.container,
+      children: content.current[selectedTab]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    paddingHorizontal: 8
+  },
+  divider: {
+    height: 1,
+    backgroundColor: '#888888'
+  },
+  text: {
+    fontSize: 14,
+    color: '#000000'
+  },
+  label: {
+    fontSize: 14,
+    fontWeight: 'bold',
+    color: '#000000'
+  }
+});
+//# sourceMappingURL=NetworkRequestDetails.js.map

package/lib/module/ui/components/details/NetworkRequestDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useState","ScrollView","StyleSheet","URL","NetworkType","convertToCurl","formatMethod","formatStatusCode","limitChar","NetworkDetailsHeader","NetworkRequestDetailsItem","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","NetworkRequestDetails","item","selectedTab","setSelectedTab","isWebSocket","type","WS","requestUrl","uri","url","headerShown","queryStringParametersShown","search","bodyShown","body","responseShown","response","messagesShown","messages","content","headers","queryStringParameters","current","children","label","undefined","method","status","options","responseHeaders","requestHeadersString","requestHeaders","selectable","searchParams","forEach","value","name","push","map","index","onChangeTab","headersShown","style","styles","container","create","flex","paddingHorizontal","divider","height","backgroundColor","text","fontSize","color","fontWeight"],"sourceRoot":"../../../../../src","sources":["ui/components/details/NetworkRequestDetails.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/headers/DebuggerHeader.js

@@ -0,0 +1,89 @@
+"use strict";
+
+import { useContext } from 'react';
+import { ScrollView, StyleSheet, View } from 'react-native';
+import { MainContext } from "../../../contexts/index.js";
+import { DebuggerPanel } from "../../../types/index.js";
+import DebuggerHeaderItem from "../items/DebuggerHeaderItem.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function DebuggerHeader() {
+  const {
+    setDebuggerVisibility,
+    setDebuggerPosition,
+    panelSelected,
+    setPanelSelected,
+    networkInterceptor,
+    logInterceptor
+  } = useContext(MainContext);
+  const hideDebugger = () => {
+    setDebuggerVisibility('bubble');
+  };
+  const toggleNetworkInterception = () => {
+    networkInterceptor.isInterceptorEnabled ? networkInterceptor.disableInterception() : networkInterceptor.enableInterception();
+  };
+  const toggleLogInterception = () => {
+    logInterceptor.isInterceptorEnabled ? logInterceptor.disableInterception() : logInterceptor.enableInterception();
+  };
+  const toggleDebuggerPosition = () => {
+    setDebuggerPosition(prevState => prevState === 'bottom' ? 'top' : 'bottom');
+  };
+  const switchToNetworkPanel = () => {
+    setPanelSelected(DebuggerPanel.Network);
+  };
+  const switchToConsolePanel = () => {
+    setPanelSelected(DebuggerPanel.Console);
+  };
+  return /*#__PURE__*/_jsxs(ScrollView, {
+    horizontal: true,
+    style: styles.container,
+    contentContainerStyle: styles.contentContainer,
+    showsHorizontalScrollIndicator: false,
+    children: [/*#__PURE__*/_jsx(DebuggerHeaderItem, {
+      onPress: hideDebugger,
+      content: require('../../../assets/hide.png')
+    }), /*#__PURE__*/_jsx(DebuggerHeaderItem, {
+      onPress: toggleDebuggerPosition,
+      content: require('../../../assets/move.png')
+    }), /*#__PURE__*/_jsx(DebuggerHeaderItem, {
+      isLabel: true,
+      isActive: panelSelected === DebuggerPanel.Network,
+      content: "Network Panel",
+      onPress: switchToNetworkPanel
+    }), /*#__PURE__*/_jsx(DebuggerHeaderItem, {
+      onPress: toggleNetworkInterception,
+      isActive: networkInterceptor.isInterceptorEnabled,
+      content: require('../../../assets/record.png')
+    }), /*#__PURE__*/_jsx(DebuggerHeaderItem, {
+      onPress: networkInterceptor.clearAllNetworkRequests,
+      content: require('../../../assets/delete.png')
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.divider
+    }), /*#__PURE__*/_jsx(DebuggerHeaderItem, {
+      isLabel: true,
+      isActive: panelSelected === DebuggerPanel.Console,
+      content: "Log Panel",
+      onPress: switchToConsolePanel
+    }), /*#__PURE__*/_jsx(DebuggerHeaderItem, {
+      onPress: toggleLogInterception,
+      isActive: logInterceptor.isInterceptorEnabled,
+      content: require('../../../assets/record.png')
+    }), /*#__PURE__*/_jsx(DebuggerHeaderItem, {
+      onPress: logInterceptor.clearAllLogMessages,
+      content: require('../../../assets/delete.png')
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flexGrow: 0
+  },
+  contentContainer: {
+    padding: 8,
+    columnGap: 8
+  },
+  divider: {
+    width: 1,
+    backgroundColor: '#888888'
+  }
+});
+//# sourceMappingURL=DebuggerHeader.js.map

package/lib/module/ui/components/headers/DebuggerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","ScrollView","StyleSheet","View","MainContext","DebuggerPanel","DebuggerHeaderItem","jsx","_jsx","jsxs","_jsxs","DebuggerHeader","setDebuggerVisibility","setDebuggerPosition","panelSelected","setPanelSelected","networkInterceptor","logInterceptor","hideDebugger","toggleNetworkInterception","isInterceptorEnabled","disableInterception","enableInterception","toggleLogInterception","toggleDebuggerPosition","prevState","switchToNetworkPanel","Network","switchToConsolePanel","Console","horizontal","style","styles","container","contentContainerStyle","contentContainer","showsHorizontalScrollIndicator","children","onPress","content","require","isLabel","isActive","clearAllNetworkRequests","divider","clearAllLogMessages","create","flexGrow","padding","columnGap","width","backgroundColor"],"sourceRoot":"../../../../../src","sources":["ui/components/headers/DebuggerHeader.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/headers/NetworkPanelHeader.js

@@ -0,0 +1,64 @@
+"use strict";
+
+import { StyleSheet, Text, View } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function NetworkPanelHeader() {
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.headerColumn, styles.headerMainColumn],
+      children: /*#__PURE__*/_jsx(Text, {
+        numberOfLines: 1,
+        style: styles.itemText,
+        children: "Name"
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.divider
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.headerColumn,
+      children: /*#__PURE__*/_jsx(Text, {
+        numberOfLines: 1,
+        style: styles.itemText,
+        children: "Method"
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.divider
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.headerColumn,
+      children: /*#__PURE__*/_jsx(Text, {
+        numberOfLines: 1,
+        style: styles.itemText,
+        children: "Status"
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: '#888888',
+    borderRadius: 4
+  },
+  headerMainColumn: {
+    flex: 7,
+    flexShrink: 1
+  },
+  headerColumn: {
+    flex: 1.5,
+    flexShrink: 1,
+    paddingVertical: 4,
+    paddingLeft: 8
+  },
+  divider: {
+    height: 16,
+    width: 1,
+    backgroundColor: '#888888'
+  },
+  itemText: {
+    fontSize: 14,
+    color: '#000000'
+  }
+});
+//# sourceMappingURL=NetworkPanelHeader.js.map

package/lib/module/ui/components/headers/NetworkPanelHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Text","View","jsx","_jsx","jsxs","_jsxs","NetworkPanelHeader","style","styles","container","children","headerColumn","headerMainColumn","numberOfLines","itemText","divider","create","flex","flexDirection","alignItems","backgroundColor","borderRadius","flexShrink","paddingVertical","paddingLeft","height","width","fontSize","color"],"sourceRoot":"../../../../../src","sources":["ui/components/headers/NetworkPanelHeader.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtD,eAAe,SAASC,kBAAkBA,CAAA,EAAG;EAC3C,oBACED,KAAA,CAACJ,IAAI;IAACM,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BP,IAAA,CAACF,IAAI;MAACM,KAAK,EAAE,CAACC,MAAM,CAACG,YAAY,EAAEH,MAAM,CAACI,gBAAgB,CAAE;MAAAF,QAAA,eAC1DP,IAAA,CAACH,IAAI;QAACa,aAAa,EAAE,CAAE;QAACN,KAAK,EAAEC,MAAM,CAACM,QAAS;QAAAJ,QAAA,EAAC;MAEhD,CAAM;IAAC,CACH,CAAC,eAEPP,IAAA,CAACF,IAAI;MAACM,KAAK,EAAEC,MAAM,CAACO;IAAQ,CAAE,CAAC,eAE/BZ,IAAA,CAACF,IAAI;MAACM,KAAK,EAAEC,MAAM,CAACG,YAAa;MAAAD,QAAA,eAC/BP,IAAA,CAACH,IAAI;QAACa,aAAa,EAAE,CAAE;QAACN,KAAK,EAAEC,MAAM,CAACM,QAAS;QAAAJ,QAAA,EAAC;MAEhD,CAAM;IAAC,CACH,CAAC,eAEPP,IAAA,CAACF,IAAI;MAACM,KAAK,EAAEC,MAAM,CAACO;IAAQ,CAAE,CAAC,eAE/BZ,IAAA,CAACF,IAAI;MAACM,KAAK,EAAEC,MAAM,CAACG,YAAa;MAAAD,QAAA,eAC/BP,IAAA,CAACH,IAAI;QAACa,aAAa,EAAE,CAAE;QAACN,KAAK,EAAEC,MAAM,CAACM,QAAS;QAAAJ,QAAA,EAAC;MAEhD,CAAM;IAAC,CACH,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,MAAMF,MAAM,GAAGT,UAAU,CAACiB,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,SAAS;IAC1BC,YAAY,EAAE;EAChB,CAAC;EACDT,gBAAgB,EAAE;IAChBK,IAAI,EAAE,CAAC;IACPK,UAAU,EAAE;EACd,CAAC;EACDX,YAAY,EAAE;IACZM,IAAI,EAAE,GAAG;IACTK,UAAU,EAAE,CAAC;IACbC,eAAe,EAAE,CAAC;IAClBC,WAAW,EAAE;EACf,CAAC;EACDT,OAAO,EAAE;IACPU,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,CAAC;IACRN,eAAe,EAAE;EACnB,CAAC;EACDN,QAAQ,EAAE;IACRa,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui/components/headers/NetworkRequestDetailsHeader.js

@@ -0,0 +1,60 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { ScrollView, StyleSheet } from 'react-native';
+import NetworkRequestDetailsHeaderItem from "../items/NetworkRequestDetailsHeaderItem.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function NetworkDetailsHeader({
+  selectedTab,
+  onChangeTab,
+  headersShown = true,
+  queryStringParametersShown = true,
+  bodyShown = true,
+  responseShown = true,
+  messagesShown = true
+}) {
+  const data = useMemo(() => [{
+    visible: headersShown,
+    name: 'headers',
+    label: 'Headers'
+  }, {
+    visible: queryStringParametersShown,
+    name: 'queryStringParameters',
+    label: 'Query String Parameters'
+  }, {
+    visible: bodyShown,
+    name: 'body',
+    label: 'Body'
+  }, {
+    visible: responseShown,
+    name: 'response',
+    label: 'Response'
+  }, {
+    visible: messagesShown,
+    name: 'messages',
+    label: 'Messages'
+  }], [bodyShown, headersShown, messagesShown, queryStringParametersShown, responseShown]);
+  return /*#__PURE__*/_jsx(ScrollView, {
+    horizontal: true,
+    style: styles.container,
+    contentContainerStyle: styles.contentContainer,
+    showsHorizontalScrollIndicator: false,
+    children: data.map(item => /*#__PURE__*/_jsx(NetworkRequestDetailsHeaderItem, {
+      onPress: () => onChangeTab(item.name),
+      isSelected: item.name === selectedTab,
+      visible: item.visible,
+      name: item.name,
+      label: item.label
+    }, item.name))
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flexGrow: 0
+  },
+  contentContainer: {
+    paddingHorizontal: 8,
+    columnGap: 8
+  }
+});
+//# sourceMappingURL=NetworkRequestDetailsHeader.js.map

package/lib/module/ui/components/headers/NetworkRequestDetailsHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","ScrollView","StyleSheet","NetworkRequestDetailsHeaderItem","jsx","_jsx","NetworkDetailsHeader","selectedTab","onChangeTab","headersShown","queryStringParametersShown","bodyShown","responseShown","messagesShown","data","visible","name","label","horizontal","style","styles","container","contentContainerStyle","contentContainer","showsHorizontalScrollIndicator","children","map","item","onPress","isSelected","create","flexGrow","paddingHorizontal","columnGap"],"sourceRoot":"../../../../../src","sources":["ui/components/headers/NetworkRequestDetailsHeader.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,EAAEC,UAAU,QAAQ,cAAc;AAErD,OAAOC,+BAA+B,MAAM,6CAA0C;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAkBvF,eAAe,SAASC,oBAAoBA,CAAC;EAC3CC,WAAW;EACXC,WAAW;EACXC,YAAY,GAAG,IAAI;EACnBC,0BAA0B,GAAG,IAAI;EACjCC,SAAS,GAAG,IAAI;EAChBC,aAAa,GAAG,IAAI;EACpBC,aAAa,GAAG;AACS,CAAC,EAAE;EAC5B,MAAMC,IAAI,GAAGd,OAAO,CAClB,MAAM,CACJ;IACEe,OAAO,EAAEN,YAAY;IACrBO,IAAI,EAAE,SAAS;IACfC,KAAK,EAAE;EACT,CAAC,EACD;IACEF,OAAO,EAAEL,0BAA0B;IACnCM,IAAI,EAAE,uBAAuB;IAC7BC,KAAK,EAAE;EACT,CAAC,EACD;IACEF,OAAO,EAAEJ,SAAS;IAClBK,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE;EACT,CAAC,EACD;IACEF,OAAO,EAAEH,aAAa;IACtBI,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE;EACT,CAAC,EACD;IACEF,OAAO,EAAEF,aAAa;IACtBG,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE;EACT,CAAC,CACF,EACD,CAACN,SAAS,EAAEF,YAAY,EAAEI,aAAa,EAAEH,0BAA0B,EAAEE,aAAa,CACpF,CAAC;EAED,oBACEP,IAAA,CAACJ,UAAU;IACTiB,UAAU;IACVC,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBC,qBAAqB,EAAEF,MAAM,CAACG,gBAAiB;IAC/CC,8BAA8B,EAAE,KAAM;IAAAC,QAAA,EAErCX,IAAI,CAACY,GAAG,CAACC,IAAI,iBACZtB,IAAA,CAACF,+BAA+B;MAE9ByB,OAAO,EAAEA,CAAA,KAAMpB,WAAW,CAACmB,IAAI,CAACX,IAAI,CAAE;MACtCa,UAAU,EAAEF,IAAI,CAACX,IAAI,KAAKT,WAAY;MACtCQ,OAAO,EAAEY,IAAI,CAACZ,OAAQ;MACtBC,IAAI,EAAEW,IAAI,CAACX,IAAK;MAChBC,KAAK,EAAEU,IAAI,CAACV;IAAM,GALbU,IAAI,CAACX,IAMX,CACF;EAAC,CACQ,CAAC;AAEjB;AAEA,MAAMI,MAAM,GAAGlB,UAAU,CAAC4B,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,QAAQ,EAAE;EACZ,CAAC;EACDR,gBAAgB,EAAE;IAChBS,iBAAiB,EAAE,CAAC;IACpBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui/components/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+export { default as Bubble } from "./bubble/Bubble.js";
+export { default as DebuggerHeader } from "./headers/DebuggerHeader.js";
+export { default as NetworkPanel } from "./panels/NetworkPanel.js";
+export { default as ConsolePanel } from "./panels/ConsolePanel.js";
+export { default as DetailsViewer } from "./details/DetailsViewer.js";
+//# sourceMappingURL=index.js.map

package/lib/module/ui/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Bubble","DebuggerHeader","NetworkPanel","ConsolePanel","DetailsViewer"],"sourceRoot":"../../../../src","sources":["ui/components/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,oBAAiB;AACnD,SAASD,OAAO,IAAIE,cAAc,QAAQ,6BAA0B;AACpE,SAASF,OAAO,IAAIG,YAAY,QAAQ,0BAAuB;AAC/D,SAASH,OAAO,IAAII,YAAY,QAAQ,0BAAuB;AAC/D,SAASJ,OAAO,IAAIK,aAAa,QAAQ,4BAAyB","ignoreList":[]}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+import { StyleSheet, Text, TouchableOpacity } from 'react-native';
+import { formatLogMessage } from "../../../utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function ConsolePanelItem({
+  type,
+  values,
+  onPress
+}) {
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    onPress: onPress,
+    style: styles.container,
+    children: /*#__PURE__*/_jsx(Text, {
+      numberOfLines: 1,
+      style: styles.text,
+      children: formatLogMessage(type, values)
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 8
+  },
+  text: {
+    color: '#000000',
+    fontSize: 14
+  }
+});
+//# sourceMappingURL=ConsolePanelItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Text","TouchableOpacity","formatLogMessage","jsx","_jsx","ConsolePanelItem","type","values","onPress","style","styles","container","children","numberOfLines","text","create","flex","padding","color","fontSize"],"sourceRoot":"../../../../../src","sources":["ui/components/items/ConsolePanelItem.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AAEjE,SAASC,gBAAgB,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMlD,eAAe,SAASC,gBAAgBA,CAAC;EAAEC,IAAI;EAAEC,MAAM;EAAEC;AAA+B,CAAC,EAAE;EACzF,oBACEJ,IAAA,CAACH,gBAAgB;IAACO,OAAO,EAAEA,OAAQ;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC1DR,IAAA,CAACJ,IAAI;MAACa,aAAa,EAAE,CAAE;MAACJ,KAAK,EAAEC,MAAM,CAACI,IAAK;MAAAF,QAAA,EACxCV,gBAAgB,CAACI,IAAI,EAAEC,MAAM;IAAC,CAC3B;EAAC,CACS,CAAC;AAEvB;AAEA,MAAMG,MAAM,GAAGX,UAAU,CAACgB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE;EACX,CAAC;EACDH,IAAI,EAAE;IACJI,KAAK,EAAE,SAAS;IAChBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,50 @@
+"use strict";
+
+import { Image, StyleSheet, Text, TouchableOpacity } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function DebuggerHeaderItem(props) {
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    onPress: props.onPress,
+    activeOpacity: 0.8,
+    style: [styles.container, props.isLabel ? props.isActive ? styles.activeLabelContainer : styles.labelContainer : props.isActive ? styles.activeContainer : undefined],
+    children: typeof props.content === 'string' ? /*#__PURE__*/_jsx(Text, {
+      style: styles.title,
+      children: props.content
+    }) : /*#__PURE__*/_jsx(Image, {
+      source: props.content,
+      style: styles.icon
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    paddingVertical: 4,
+    paddingHorizontal: 8,
+    borderRadius: 4,
+    backgroundColor: '#888888',
+    borderWidth: 1,
+    borderColor: 'transparent'
+  },
+  labelContainer: {
+    backgroundColor: 'transparent'
+  },
+  activeLabelContainer: {
+    backgroundColor: 'transparent',
+    borderWidth: 1,
+    borderColor: '#000000'
+  },
+  activeContainer: {
+    backgroundColor: '#ef4444'
+  },
+  title: {
+    fontSize: 14,
+    lineHeight: 17,
+    fontWeight: '500',
+    color: '#000000'
+  },
+  icon: {
+    width: 17,
+    height: 17
+  }
+});
+//# sourceMappingURL=DebuggerHeaderItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Image","StyleSheet","Text","TouchableOpacity","jsx","_jsx","DebuggerHeaderItem","props","onPress","activeOpacity","style","styles","container","isLabel","isActive","activeLabelContainer","labelContainer","activeContainer","undefined","children","content","title","source","icon","create","paddingVertical","paddingHorizontal","borderRadius","backgroundColor","borderWidth","borderColor","fontSize","lineHeight","fontWeight","color","width","height"],"sourceRoot":"../../../../../src","sources":["ui/components/items/DebuggerHeaderItem.tsx"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,UAAU,EAAEC,IAAI,EAAEC,gBAAgB,QAAiC,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASlG,eAAe,SAASC,kBAAkBA,CAACC,KAA8B,EAAE;EACzE,oBACEF,IAAA,CAACF,gBAAgB;IACfK,OAAO,EAAED,KAAK,CAACC,OAAQ;IACvBC,aAAa,EAAE,GAAI;IACnBC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChBL,KAAK,CAACM,OAAO,GACTN,KAAK,CAACO,QAAQ,GACZH,MAAM,CAACI,oBAAoB,GAC3BJ,MAAM,CAACK,cAAc,GACvBT,KAAK,CAACO,QAAQ,GACZH,MAAM,CAACM,eAAe,GACtBC,SAAS,CACf;IAAAC,QAAA,EAED,OAAOZ,KAAK,CAACa,OAAO,KAAK,QAAQ,gBAChCf,IAAA,CAACH,IAAI;MAACQ,KAAK,EAAEC,MAAM,CAACU,KAAM;MAAAF,QAAA,EAAEZ,KAAK,CAACa;IAAO,CAAO,CAAC,gBAEjDf,IAAA,CAACL,KAAK;MAACsB,MAAM,EAAEf,KAAK,CAACa,OAAQ;MAACV,KAAK,EAAEC,MAAM,CAACY;IAAK,CAAE;EACpD,CACe,CAAC;AAEvB;AAEA,MAAMZ,MAAM,GAAGV,UAAU,CAACuB,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,CAAC;IACpBC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,SAAS;IAC1BC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE;EACf,CAAC;EACDd,cAAc,EAAE;IACdY,eAAe,EAAE;EACnB,CAAC;EACDb,oBAAoB,EAAE;IACpBa,eAAe,EAAE,aAAa;IAC9BC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE;EACf,CAAC;EACDb,eAAe,EAAE;IACfW,eAAe,EAAE;EACnB,CAAC;EACDP,KAAK,EAAE;IACLU,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAE;EACT,CAAC;EACDX,IAAI,EAAE;IACJY,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,72 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { URL } from 'react-native-url-polyfill';
+import { formatMethod, formatStatusCode } from "../../../utils.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function NetworkPanelItem({
+  name,
+  status,
+  method,
+  onPress
+}) {
+  const requestName = useMemo(() => {
+    if (!name) return '[failed]';
+    try {
+      const url = new URL(name);
+      const suffixUrl = url.pathname + url.search;
+      if (suffixUrl === '/') return url.host;
+      return suffixUrl;
+    } catch (error) {
+      return name;
+    }
+  }, [name]);
+  return /*#__PURE__*/_jsxs(TouchableOpacity, {
+    onPress: onPress,
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.column, styles.mainColumn],
+      children: /*#__PURE__*/_jsx(Text, {
+        numberOfLines: 1,
+        style: styles.text,
+        children: requestName
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.column,
+      children: /*#__PURE__*/_jsx(Text, {
+        numberOfLines: 1,
+        style: styles.text,
+        children: formatMethod(method)
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.column,
+      children: /*#__PURE__*/_jsx(Text, {
+        numberOfLines: 1,
+        style: styles.text,
+        children: formatStatusCode(status)
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: 'row'
+  },
+  mainColumn: {
+    flex: 7,
+    flexShrink: 1
+  },
+  column: {
+    flex: 1.5,
+    flexShrink: 1,
+    padding: 8,
+    paddingRight: 0
+  },
+  text: {
+    color: '#000000',
+    fontSize: 14
+  }
+});
+//# sourceMappingURL=NetworkPanelItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","StyleSheet","Text","TouchableOpacity","View","URL","formatMethod","formatStatusCode","jsx","_jsx","jsxs","_jsxs","NetworkPanelItem","name","status","method","onPress","requestName","url","suffixUrl","pathname","search","host","error","style","styles","container","children","column","mainColumn","numberOfLines","text","create","flex","flexDirection","flexShrink","padding","paddingRight","color","fontSize"],"sourceRoot":"../../../../../src","sources":["ui/components/items/NetworkPanelItem.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACvE,SAASC,GAAG,QAAQ,2BAA2B;AAE/C,SAASC,YAAY,EAAEC,gBAAgB,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAShE,eAAe,SAASC,gBAAgBA,CAAC;EAAEC,IAAI;EAAEC,MAAM;EAAEC,MAAM;EAAEC;AAA+B,CAAC,EAAE;EACjG,MAAMC,WAAW,GAAGjB,OAAO,CAAC,MAAM;IAChC,IAAI,CAACa,IAAI,EAAE,OAAO,UAAU;IAE5B,IAAI;MACF,MAAMK,GAAG,GAAG,IAAIb,GAAG,CAACQ,IAAI,CAAC;MACzB,MAAMM,SAAS,GAAGD,GAAG,CAACE,QAAQ,GAAGF,GAAG,CAACG,MAAM;MAE3C,IAAIF,SAAS,KAAK,GAAG,EAAE,OAAOD,GAAG,CAACI,IAAI;MACtC,OAAOH,SAAS;IAClB,CAAC,CAAC,OAAOI,KAAK,EAAE;MACd,OAAOV,IAAI;IACb;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACEF,KAAA,CAACR,gBAAgB;IAACa,OAAO,EAAEA,OAAQ;IAACQ,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC1DlB,IAAA,CAACL,IAAI;MAACoB,KAAK,EAAE,CAACC,MAAM,CAACG,MAAM,EAAEH,MAAM,CAACI,UAAU,CAAE;MAAAF,QAAA,eAC9ClB,IAAA,CAACP,IAAI;QAAC4B,aAAa,EAAE,CAAE;QAACN,KAAK,EAAEC,MAAM,CAACM,IAAK;QAAAJ,QAAA,EACxCV;MAAW,CACR;IAAC,CACH,CAAC,eAEPR,IAAA,CAACL,IAAI;MAACoB,KAAK,EAAEC,MAAM,CAACG,MAAO;MAAAD,QAAA,eACzBlB,IAAA,CAACP,IAAI;QAAC4B,aAAa,EAAE,CAAE;QAACN,KAAK,EAAEC,MAAM,CAACM,IAAK;QAAAJ,QAAA,EACxCrB,YAAY,CAACS,MAAM;MAAC,CACjB;IAAC,CACH,CAAC,eAEPN,IAAA,CAACL,IAAI;MAACoB,KAAK,EAAEC,MAAM,CAACG,MAAO;MAAAD,QAAA,eACzBlB,IAAA,CAACP,IAAI;QAAC4B,aAAa,EAAE,CAAE;QAACN,KAAK,EAAEC,MAAM,CAACM,IAAK;QAAAJ,QAAA,EACxCpB,gBAAgB,CAACO,MAAM;MAAC,CACrB;IAAC,CACH,CAAC;EAAA,CACS,CAAC;AAEvB;AAEA,MAAMW,MAAM,GAAGxB,UAAU,CAAC+B,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE;EACjB,CAAC;EACDL,UAAU,EAAE;IACVI,IAAI,EAAE,CAAC;IACPE,UAAU,EAAE;EACd,CAAC;EACDP,MAAM,EAAE;IACNK,IAAI,EAAE,GAAG;IACTE,UAAU,EAAE,CAAC;IACbC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE;EAChB,CAAC;EACDN,IAAI,EAAE;IACJO,KAAK,EAAE,SAAS;IAChBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+import { StyleSheet, Text, TouchableOpacity } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function NetworkRequestDetailsHeaderItem({
+  visible,
+  name,
+  isSelected,
+  label,
+  onPress
+}) {
+  if (!visible) return null;
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    activeOpacity: 0.8,
+    onPress: onPress,
+    style: [styles.item, isSelected && styles.activeItem],
+    children: /*#__PURE__*/_jsx(Text, {
+      style: styles.itemText,
+      children: label
+    })
+  }, name);
+}
+const styles = StyleSheet.create({
+  item: {
+    flex: 1,
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    borderRadius: 4,
+    backgroundColor: 'transparent',
+    borderWidth: 1,
+    borderColor: 'transparent'
+  },
+  activeItem: {
+    backgroundColor: 'transparent',
+    borderWidth: 1,
+    borderColor: '#000000'
+  },
+  itemText: {
+    fontSize: 14,
+    color: '#000000'
+  }
+});
+//# sourceMappingURL=NetworkRequestDetailsHeaderItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Text","TouchableOpacity","jsx","_jsx","NetworkRequestDetailsHeaderItem","visible","name","isSelected","label","onPress","activeOpacity","style","styles","item","activeItem","children","itemText","create","flex","paddingHorizontal","paddingVertical","borderRadius","backgroundColor","borderWidth","borderColor","fontSize","color"],"sourceRoot":"../../../../../src","sources":["ui/components/items/NetworkRequestDetailsHeaderItem.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAWlE,eAAe,SAASC,+BAA+BA,CAAC;EACtDC,OAAO;EACPC,IAAI;EACJC,UAAU;EACVC,KAAK;EACLC;AACoC,CAAC,EAAE;EACvC,IAAI,CAACJ,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACEF,IAAA,CAACF,gBAAgB;IAEfS,aAAa,EAAE,GAAI;IACnBD,OAAO,EAAEA,OAAQ;IACjBE,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAEN,UAAU,IAAIK,MAAM,CAACE,UAAU,CAAE;IAAAC,QAAA,eAEtDZ,IAAA,CAACH,IAAI;MAACW,KAAK,EAAEC,MAAM,CAACI,QAAS;MAAAD,QAAA,EAAEP;IAAK,CAAO;EAAC,GALvCF,IAMW,CAAC;AAEvB;AAEA,MAAMM,MAAM,GAAGb,UAAU,CAACkB,MAAM,CAAC;EAC/BJ,IAAI,EAAE;IACJK,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE,CAAC;IAClBC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,aAAa;IAC9BC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE;EACf,CAAC;EACDV,UAAU,EAAE;IACVQ,eAAe,EAAE,aAAa;IAC9BC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE;EACf,CAAC;EACDR,QAAQ,EAAE;IACRS,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,37 @@
+"use strict";
+
+import { StyleSheet, Text } from 'react-native';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+export default function NetworkRequestDetailsItem({
+  label,
+  content,
+  selectable
+}) {
+  if (label) {
+    return /*#__PURE__*/_jsxs(Text, {
+      style: styles.text,
+      selectable: selectable,
+      children: [/*#__PURE__*/_jsxs(Text, {
+        style: styles.label,
+        children: [label, ': ']
+      }), content]
+    });
+  }
+  return /*#__PURE__*/_jsx(Text, {
+    style: styles.text,
+    selectable: selectable,
+    children: content
+  });
+}
+const styles = StyleSheet.create({
+  text: {
+    fontSize: 14,
+    color: '#000000'
+  },
+  label: {
+    fontSize: 14,
+    fontWeight: 'bold',
+    color: '#000000'
+  }
+});
+//# sourceMappingURL=NetworkRequestDetailsItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Text","jsxs","_jsxs","jsx","_jsx","NetworkRequestDetailsItem","label","content","selectable","style","styles","text","children","create","fontSize","color","fontWeight"],"sourceRoot":"../../../../../src","sources":["ui/components/items/NetworkRequestDetailsItem.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAQhD,eAAe,SAASC,yBAAyBA,CAAC;EAChDC,KAAK;EACLC,OAAO;EACPC;AAC8B,CAAC,EAAE;EACjC,IAAIF,KAAK,EAAE;IACT,oBACEJ,KAAA,CAACF,IAAI;MAACS,KAAK,EAAEC,MAAM,CAACC,IAAK;MAACH,UAAU,EAAEA,UAAW;MAAAI,QAAA,gBAC/CV,KAAA,CAACF,IAAI;QAACS,KAAK,EAAEC,MAAM,CAACJ,KAAM;QAAAM,QAAA,GACvBN,KAAK,EACL,IAAI;MAAA,CACD,CAAC,EACNC,OAAO;IAAA,CACJ,CAAC;EAEX;EAEA,oBACEH,IAAA,CAACJ,IAAI;IAACS,KAAK,EAAEC,MAAM,CAACC,IAAK;IAACH,UAAU,EAAEA,UAAW;IAAAI,QAAA,EAC9CL;EAAO,CACJ,CAAC;AAEX;AAEA,MAAMG,MAAM,GAAGX,UAAU,CAACc,MAAM,CAAC;EAC/BF,IAAI,EAAE;IACJG,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE;EACT,CAAC;EACDT,KAAK,EAAE;IACLQ,QAAQ,EAAE,EAAE;IACZE,UAAU,EAAE,MAAM;IAClBD,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}