react-native-xenon 0.4.0 → 0.5.0

package/src/ui/components/headers/DebuggerHeader.tsx

@@ -1,70 +1,206 @@
-import { useContext, useRef } from 'react';
-import { ScrollView, StyleSheet, View } from 'react-native';
+import { useCallback, useContext, useMemo, useRef } from 'react';
+import { ScrollView, Share, StyleSheet, View } from 'react-native';
 import { MainContext } from '../../../contexts';
+import { convertToCurl, getNetworkUtils } from '../../../core/utils';
 import colors from '../../../theme/colors';
 import icons from '../../../theme/icons';
-import { DebuggerPanel } from '../../../types';
+import { DebuggerPanel, NetworkType, type DetailTab } from '../../../types';
 import DebuggerHeaderItem from '../items/DebuggerHeaderItem';
 
-interface DebuggerHeaderProps {
-  detailsShown: boolean;
-}
+export default function DebuggerHeader() {
+  const {
+    debuggerState: { detailsData, selectedPanel },
+    setDebuggerState,
+    networkInterceptor,
+    consoleInterceptor,
+  } = useContext(MainContext)!;
+
+  const lastSelectedPanel = useRef<DebuggerPanel>(selectedPanel ?? DebuggerPanel.Network);
 
-export default function DebuggerHeader({ detailsShown }: DebuggerHeaderProps) {
-  const { debuggerState, setDebuggerState, networkInterceptor, logInterceptor } =
-    useContext(MainContext)!;
+  const backButton = useMemo(
+    () => (
+      <DebuggerHeaderItem
+        content={icons.arrowLeft}
+        onPress={() => {
+          setDebuggerState(draft => {
+            draft.selectedPanel = lastSelectedPanel.current;
+            draft.detailsData = null;
+          });
+        }}
+      />
+    ),
+    [setDebuggerState],
+  );
 
-  const lastSelectedPanel = useRef<DebuggerPanel>(
-    debuggerState.selectedPanel ?? DebuggerPanel.Network,
+  const renderTabItem = useCallback(
+    (tab: DetailTab, label: string) => (
+      <DebuggerHeaderItem
+        isLabel
+        isActive={detailsData?.selectedTab === tab}
+        content={label}
+        onPress={() => {
+          setDebuggerState(draft => {
+            draft.detailsData!.selectedTab = tab;
+          });
+        }}
+      />
+    ),
+    [detailsData?.selectedTab, setDebuggerState],
   );
 
-  const hideDebugger = () => {
-    setDebuggerState(draft => {
-      draft.visibility = 'bubble';
-    });
-  };
-
-  const toggleNetworkInterception = () => {
-    networkInterceptor.isInterceptorEnabled
-      ? networkInterceptor.disableInterception()
-      : networkInterceptor.enableInterception();
-  };
-
-  const toggleLogInterception = () => {
-    logInterceptor.isInterceptorEnabled
-      ? logInterceptor.disableInterception()
-      : logInterceptor.enableInterception();
-  };
-
-  const toggleDebuggerPosition = () => {
-    setDebuggerState(draft => {
-      draft.position = draft.position === 'bottom' ? 'top' : 'bottom';
-    });
-  };
-
-  const switchTo = (debuggerPanel: DebuggerPanel) => {
-    setDebuggerState(draft => {
-      draft.selectedPanel = debuggerPanel;
-      lastSelectedPanel.current = debuggerPanel;
-    });
-  };
-
-  if (detailsShown) {
+  const networkHeader = useMemo(() => {
+    if (detailsData?.type !== DebuggerPanel.Network) return null;
+
+    const { isHttp, overviewShown, headersShown, requestShown, responseShown, messagesShown } =
+      getNetworkUtils(detailsData.data);
+
     return (
-      <View style={styles.contentContainer}>
+      <>
+        {backButton}
+
+        {isHttp && (
+          <>
+            <DebuggerHeaderItem
+              content={icons.share}
+              onPress={() => {
+                if (detailsData.data.type === NetworkType.WS) return;
+                Share.share({
+                  message: convertToCurl(
+                    detailsData.data.method,
+                    detailsData.data.url,
+                    detailsData.data.requestHeaders,
+                    detailsData.data.body,
+                  ),
+                });
+              }}
+            />
+
+            <DebuggerHeaderItem
+              content={icons.beautify}
+              isActive={detailsData.beautified}
+              activeColor={colors.green}
+              onPress={() => {
+                setDebuggerState(draft => {
+                  draft.detailsData!.beautified = !draft.detailsData?.beautified;
+                });
+              }}
+            />
+          </>
+        )}
+
+        <View style={styles.divider} />
+
+        {overviewShown && renderTabItem('overview', 'Overview')}
+        {headersShown && renderTabItem('headers', 'Headers')}
+        {requestShown && renderTabItem('request', 'Request')}
+        {responseShown && renderTabItem('response', 'Response')}
+        {messagesShown && renderTabItem('messages', 'Messages')}
+      </>
+    );
+  }, [
+    detailsData?.type,
+    detailsData?.data,
+    detailsData?.beautified,
+    backButton,
+    renderTabItem,
+    setDebuggerState,
+  ]);
+
+  const consoleHeader = useMemo(() => {
+    if (detailsData?.type !== DebuggerPanel.Console) return null;
+
+    return (
+      <>
+        {backButton}
+
+        <View style={styles.divider} />
+
+        {renderTabItem('logMessage', 'Log Message')}
+      </>
+    );
+  }, [detailsData?.type, backButton, renderTabItem]);
+
+  const mainHeader = useMemo(() => {
+    const onHide = () => {
+      setDebuggerState(draft => {
+        draft.visibility = 'bubble';
+      });
+    };
+
+    const onMove = () => {
+      setDebuggerState(draft => {
+        draft.position = draft.position === 'bottom' ? 'top' : 'bottom';
+      });
+    };
+
+    const switchTo = (debuggerPanel: DebuggerPanel) => {
+      setDebuggerState(draft => {
+        draft.selectedPanel = debuggerPanel;
+        draft.detailsData = null;
+        lastSelectedPanel.current = debuggerPanel;
+      });
+    };
+
+    const toggleNetworkInterception = () => {
+      networkInterceptor.isInterceptorEnabled
+        ? networkInterceptor.disableInterception()
+        : networkInterceptor.enableInterception();
+    };
+
+    const toggleConsoleInterception = () => {
+      consoleInterceptor.isInterceptorEnabled
+        ? consoleInterceptor.disableInterception()
+        : consoleInterceptor.enableInterception();
+    };
+
+    return (
+      <>
+        <DebuggerHeaderItem onPress={onHide} content={icons.hide} />
+
+        <DebuggerHeaderItem onPress={onMove} content={icons.move} />
+
+        <View style={styles.divider} />
+
+        <DebuggerHeaderItem
+          isLabel
+          isActive={selectedPanel === DebuggerPanel.Network}
+          content="Network Panel"
+          onPress={() => switchTo(DebuggerPanel.Network)}
+        />
+
+        <DebuggerHeaderItem
+          onPress={toggleNetworkInterception}
+          isActive={networkInterceptor.isInterceptorEnabled}
+          content={icons.record}
+        />
+
+        <DebuggerHeaderItem
+          onPress={networkInterceptor.clearAllNetworkRequests}
+          content={icons.delete}
+        />
+
+        <View style={styles.divider} />
+
         <DebuggerHeaderItem
           isLabel
-          isActive
-          content="Go Back"
-          onPress={() => {
-            setDebuggerState(draft => {
-              draft.selectedPanel = lastSelectedPanel.current;
-            });
-          }}
+          isActive={selectedPanel === DebuggerPanel.Console}
+          content="Console Panel"
+          onPress={() => switchTo(DebuggerPanel.Console)}
+        />
+
+        <DebuggerHeaderItem
+          onPress={toggleConsoleInterception}
+          isActive={consoleInterceptor.isInterceptorEnabled}
+          content={icons.record}
         />
-      </View>
+
+        <DebuggerHeaderItem
+          onPress={consoleInterceptor.clearAllLogMessages}
+          content={icons.delete}
+        />
+      </>
     );
-  }
+  }, [selectedPanel, consoleInterceptor, networkInterceptor, setDebuggerState]);
 
   return (
     <ScrollView
@@ -73,44 +209,16 @@ export default function DebuggerHeader({ detailsShown }: DebuggerHeaderProps) {
       contentContainerStyle={styles.contentContainer}
       showsHorizontalScrollIndicator={false}
     >
-      <DebuggerHeaderItem onPress={hideDebugger} content={icons.hide} />
-
-      <DebuggerHeaderItem onPress={toggleDebuggerPosition} content={icons.move} />
-
-      <DebuggerHeaderItem
-        isLabel
-        isActive={debuggerState.selectedPanel === DebuggerPanel.Network}
-        content="Network Panel"
-        onPress={() => switchTo(DebuggerPanel.Network)}
-      />
-
-      <DebuggerHeaderItem
-        onPress={toggleNetworkInterception}
-        isActive={networkInterceptor.isInterceptorEnabled}
-        content={icons.record}
-      />
-
-      <DebuggerHeaderItem
-        onPress={networkInterceptor.clearAllNetworkRequests}
-        content={icons.delete}
-      />
-
-      <View style={styles.divider} />
-
-      <DebuggerHeaderItem
-        isLabel
-        isActive={debuggerState.selectedPanel === DebuggerPanel.Console}
-        content="Log Panel"
-        onPress={() => switchTo(DebuggerPanel.Console)}
-      />
-
-      <DebuggerHeaderItem
-        onPress={toggleLogInterception}
-        isActive={logInterceptor.isInterceptorEnabled}
-        content={icons.record}
-      />
-
-      <DebuggerHeaderItem onPress={logInterceptor.clearAllLogMessages} content={icons.delete} />
+      {(() => {
+        switch (detailsData?.type) {
+          case DebuggerPanel.Network:
+            return networkHeader;
+          case DebuggerPanel.Console:
+            return consoleHeader;
+          default:
+            return mainHeader;
+        }
+      })()}
     </ScrollView>
   );
 }

package/src/ui/components/headers/NetworkPanelHeader.tsx

@@ -12,9 +12,9 @@ export default function NetworkPanelHeader() {
 
       <View style={styles.divider} />
 
-      <View style={[styles.headerColumn, styles.headerNameColumn]}>
+      <View style={[styles.headerColumn, styles.headerPathColumn]}>
         <Text numberOfLines={1} style={styles.itemText}>
-          Name
+          Path
         </Text>
       </View>
 
@@ -45,7 +45,7 @@ const styles = StyleSheet.create({
     backgroundColor: colors.gray,
     borderRadius: 4,
   },
-  headerNameColumn: {
+  headerPathColumn: {
     flex: 5,
   },
   headerDurationColumn: {

package/src/ui/components/items/DebuggerHeaderItem.tsx

@@ -5,6 +5,7 @@ interface DebuggerHeaderItemProps {
   content?: ImageRequireSource | string;
   isLabel?: boolean;
   isActive?: boolean;
+  activeColor?: string;
   onPress: () => void;
 }
 
@@ -12,6 +13,7 @@ export default function DebuggerHeaderItem({
   content,
   isLabel,
   isActive,
+  activeColor = colors.red,
   onPress,
 }: DebuggerHeaderItemProps) {
   return (
@@ -25,7 +27,7 @@ export default function DebuggerHeaderItem({
             ? styles.activeLabelContainer
             : styles.labelContainer
           : isActive
-            ? styles.activeContainer
+            ? { backgroundColor: activeColor }
             : undefined,
       ]}
     >
@@ -57,9 +59,6 @@ const styles = StyleSheet.create({
     borderWidth: 1,
     borderColor: colors.black,
   },
-  activeContainer: {
-    backgroundColor: colors.red,
-  },
   title: {
     fontSize: 14,
     lineHeight: 17,

package/src/ui/components/items/NetworkPanelItem.tsx

@@ -24,7 +24,7 @@ export default function NetworkPanelItem({
   status,
   onPress,
 }: NetworkPanelItemProps) {
-  const requestName = useMemo(() => {
+  const requestPath = useMemo(() => {
     if (!name) return '[failed]';
 
     try {
@@ -46,9 +46,9 @@ export default function NetworkPanelItem({
         </Text>
       </View>
 
-      <View style={[styles.column, styles.nameColumn]}>
+      <View style={[styles.column, styles.pathColumn]}>
         <Text numberOfLines={1} style={styles.text}>
-          {requestName}
+          {requestPath}
         </Text>
       </View>
 
@@ -72,7 +72,7 @@ const styles = StyleSheet.create({
     flex: 1,
     flexDirection: 'row',
   },
-  nameColumn: {
+  pathColumn: {
     flex: 5,
   },
   durationColumn: {

package/src/ui/components/panels/ConsolePanel.tsx

@@ -2,15 +2,14 @@ import { useCallback, useContext } from 'react';
 import { FlatList, StyleSheet, View, type ListRenderItem } from 'react-native';
 import colors from '../../../theme/colors';
 import { MainContext } from '../../../contexts';
-import type { LogMessage } from '../../../types';
+import { DebuggerPanel, type LogMessage } from '../../../types';
 import ConsolePanelItem from '../items/ConsolePanelItem';
-import { detailsData } from '../../../core/data';
 
 const Separator = () => <View style={styles.divider} />;
 
 export default function ConsolePanel() {
   const {
-    logInterceptor: { logMessages },
+    consoleInterceptor: { logMessages },
     setDebuggerState,
   } = useContext(MainContext)!;
 
@@ -19,9 +18,14 @@ export default function ConsolePanel() {
       <ConsolePanelItem
         {...item}
         onPress={() => {
-          detailsData.value = { console: item };
           setDebuggerState(draft => {
             draft.selectedPanel = null;
+            draft.detailsData = {
+              type: DebuggerPanel.Console,
+              data: item,
+              selectedTab: 'logMessage',
+              beautified: false,
+            };
           });
         }}
       />
@@ -32,7 +36,7 @@ export default function ConsolePanel() {
   return (
     <FlatList
       inverted
-      data={logMessages.toReversed()}
+      data={[...logMessages].reverse()}
       renderItem={renderItem}
       keyExtractor={(_, index) => index.toString()}
       ItemSeparatorComponent={Separator}

package/src/ui/components/panels/NetworkPanel.tsx

@@ -2,10 +2,15 @@ import { useCallback, useContext, useMemo } from 'react';
 import { FlatList, StyleSheet, View, type ListRenderItem } from 'react-native';
 import colors from '../../../theme/colors';
 import { MainContext } from '../../../contexts';
-import { NetworkType, type HttpRequest, type ID, type WebSocketRequest } from '../../../types';
+import {
+  DebuggerPanel,
+  NetworkType,
+  type HttpRequest,
+  type ID,
+  type WebSocketRequest,
+} from '../../../types';
 import NetworkPanelHeader from '../headers/NetworkPanelHeader';
 import NetworkPanelItem from '../items/NetworkPanelItem';
-import { detailsData } from '../../../core/data';
 
 const Separator = () => <View style={styles.divider} />;
 
@@ -25,9 +30,14 @@ export default function NetworkPanel() {
         duration={item.duration}
         status={item.status}
         onPress={() => {
-          detailsData.value = { network: item };
           setDebuggerState(draft => {
             draft.selectedPanel = null;
+            draft.detailsData = {
+              type: DebuggerPanel.Network,
+              data: item,
+              selectedTab: 'overview',
+              beautified: false,
+            };
           });
         }}
       />

package/lib/commonjs/core/data.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.detailsData = void 0;
-const detailsData = exports.detailsData = {
-  value: null
-};
-//# sourceMappingURL=data.js.map

package/lib/commonjs/core/data.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["detailsData","exports","value"],"sourceRoot":"../../../src","sources":["core/data.ts"],"mappings":";;;;;;AAEA,MAAMA,WAKL,GAAAC,OAAA,CAAAD,WAAA,GAAG;EACFE,KAAK,EAAE;AACT,CAAC","ignoreList":[]}

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

@@ -1,64 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = NetworkDetailsHeader;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _NetworkRequestDetailsHeaderItem = _interopRequireDefault(require("../items/NetworkRequestDetailsHeaderItem"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function NetworkDetailsHeader({
-  selectedTab,
-  onChangeTab,
-  headersShown = true,
-  queryStringParametersShown = true,
-  bodyShown = true,
-  responseShown = true,
-  messagesShown = true
-}) {
-  const data = (0, _react.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__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-    horizontal: true,
-    style: styles.container,
-    contentContainerStyle: styles.contentContainer,
-    showsHorizontalScrollIndicator: false,
-    children: data.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkRequestDetailsHeaderItem.default, {
-      onPress: () => onChangeTab(item.name),
-      isSelected: item.name === selectedTab,
-      visible: item.visible,
-      label: item.label
-    }, item.name))
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flexGrow: 0
-  },
-  contentContainer: {
-    paddingHorizontal: 8,
-    columnGap: 8
-  }
-});
-//# sourceMappingURL=NetworkRequestDetailsHeader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactNative","_NetworkRequestDetailsHeaderItem","_interopRequireDefault","_jsxRuntime","e","__esModule","default","NetworkDetailsHeader","selectedTab","onChangeTab","headersShown","queryStringParametersShown","bodyShown","responseShown","messagesShown","data","useMemo","visible","name","label","jsx","ScrollView","horizontal","style","styles","container","contentContainerStyle","contentContainer","showsHorizontalScrollIndicator","children","map","item","onPress","isSelected","StyleSheet","create","flexGrow","paddingHorizontal","columnGap"],"sourceRoot":"../../../../../src","sources":["ui/components/headers/NetworkRequestDetailsHeader.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,gCAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAuF,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAG,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAkBxE,SAASG,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,GAAG,IAAAC,cAAO,EAClB,MAAM,CACJ;IACEC,OAAO,EAAEP,YAAY;IACrBQ,IAAI,EAAE,SAAS;IACfC,KAAK,EAAE;EACT,CAAC,EACD;IACEF,OAAO,EAAEN,0BAA0B;IACnCO,IAAI,EAAE,uBAAuB;IAC7BC,KAAK,EAAE;EACT,CAAC,EACD;IACEF,OAAO,EAAEL,SAAS;IAClBM,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE;EACT,CAAC,EACD;IACEF,OAAO,EAAEJ,aAAa;IACtBK,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE;EACT,CAAC,EACD;IACEF,OAAO,EAAEH,aAAa;IACtBI,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE;EACT,CAAC,CACF,EACD,CAACP,SAAS,EAAEF,YAAY,EAAEI,aAAa,EAAEH,0BAA0B,EAAEE,aAAa,CACpF,CAAC;EAED,oBACE,IAAAV,WAAA,CAAAiB,GAAA,EAACpB,YAAA,CAAAqB,UAAU;IACTC,UAAU;IACVC,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBC,qBAAqB,EAAEF,MAAM,CAACG,gBAAiB;IAC/CC,8BAA8B,EAAE,KAAM;IAAAC,QAAA,EAErCd,IAAI,CAACe,GAAG,CAACC,IAAI,iBACZ,IAAA5B,WAAA,CAAAiB,GAAA,EAACnB,gCAAA,CAAAK,OAA+B;MAE9B0B,OAAO,EAAEA,CAAA,KAAMvB,WAAW,CAACsB,IAAI,CAACb,IAAI,CAAE;MACtCe,UAAU,EAAEF,IAAI,CAACb,IAAI,KAAKV,WAAY;MACtCS,OAAO,EAAEc,IAAI,CAACd,OAAQ;MACtBE,KAAK,EAAEY,IAAI,CAACZ;IAAM,GAJbY,IAAI,CAACb,IAKX,CACF;EAAC,CACQ,CAAC;AAEjB;AAEA,MAAMM,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,QAAQ,EAAE;EACZ,CAAC;EACDT,gBAAgB,EAAE;IAChBU,iBAAiB,EAAE,CAAC;IACpBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = NetworkRequestDetailsHeaderItem;
-var _reactNative = require("react-native");
-var _colors = _interopRequireDefault(require("../../../theme/colors"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function NetworkRequestDetailsHeaderItem({
-  visible,
-  isSelected,
-  label,
-  onPress
-}) {
-  if (!visible) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-    activeOpacity: 0.8,
-    onPress: onPress,
-    style: [styles.item, isSelected && styles.activeItem],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.itemText,
-      children: label
-    })
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  item: {
-    flex: 1,
-    paddingHorizontal: 8,
-    paddingVertical: 4,
-    borderRadius: 4,
-    backgroundColor: 'transparent',
-    borderWidth: 1,
-    borderColor: 'transparent'
-  },
-  activeItem: {
-    backgroundColor: 'transparent',
-    borderWidth: 1,
-    borderColor: _colors.default.black
-  },
-  itemText: {
-    fontSize: 14,
-    color: _colors.default.black
-  }
-});
-//# sourceMappingURL=NetworkRequestDetailsHeaderItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_colors","_interopRequireDefault","_jsxRuntime","e","__esModule","default","NetworkRequestDetailsHeaderItem","visible","isSelected","label","onPress","jsx","TouchableOpacity","activeOpacity","style","styles","item","activeItem","children","Text","itemText","StyleSheet","create","flex","paddingHorizontal","paddingVertical","borderRadius","backgroundColor","borderWidth","borderColor","colors","black","fontSize","color"],"sourceRoot":"../../../../../src","sources":["ui/components/items/NetworkRequestDetailsHeaderItem.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;AAS5B,SAASG,+BAA+BA,CAAC;EACtDC,OAAO;EACPC,UAAU;EACVC,KAAK;EACLC;AACoC,CAAC,EAAE;EACvC,IAAI,CAACH,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACE,IAAAL,WAAA,CAAAS,GAAA,EAACb,YAAA,CAAAc,gBAAgB;IACfC,aAAa,EAAE,GAAI;IACnBH,OAAO,EAAEA,OAAQ;IACjBI,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAER,UAAU,IAAIO,MAAM,CAACE,UAAU,CAAE;IAAAC,QAAA,eAEtD,IAAAhB,WAAA,CAAAS,GAAA,EAACb,YAAA,CAAAqB,IAAI;MAACL,KAAK,EAAEC,MAAM,CAACK,QAAS;MAAAF,QAAA,EAAET;IAAK,CAAO;EAAC,CAC5B,CAAC;AAEvB;AAEA,MAAMM,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BN,IAAI,EAAE;IACJO,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;EACDZ,UAAU,EAAE;IACVU,eAAe,EAAE,aAAa;IAC9BC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEC,eAAM,CAACC;EACtB,CAAC;EACDX,QAAQ,EAAE;IACRY,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEH,eAAM,CAACC;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/core/data.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.detailsData = void 0;
-const detailsData = exports.detailsData = {
-  value: null
-};
-//# sourceMappingURL=data.js.map

package/lib/module/core/data.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["detailsData","exports","value"],"sourceRoot":"../../../src","sources":["core/data.ts"],"mappings":";;;;;;AAEA,MAAMA,WAKL,GAAAC,OAAA,CAAAD,WAAA,GAAG;EACFE,KAAK,EAAE;AACT,CAAC","ignoreList":[]}