react-native-xenon 2.2.0 → 2.3.0

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

@@ -3,15 +3,11 @@
 import { forwardRef, useCallback, useContext, useMemo } from 'react';
 import { FlatList, StyleSheet } from 'react-native';
 import { MainContext } from "../../../contexts/index.js";
-import refs, { HeaderState, PanelState } from "../../../core/refs.js";
+import { NETWORK_ITEM_HEIGHT } from "../../../core/constants.js";
 import { DebuggerPanel, NetworkType } from "../../../types/index.js";
-import Divider from "../common/Divider.js";
 import Empty from "../common/Empty.js";
 import NetworkPanelItem from "../items/NetworkPanelItem.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-const Separator = () => /*#__PURE__*/_jsx(Divider, {
-  type: "horizontal"
-});
 const NetworkPanel = /*#__PURE__*/forwardRef(({
   style
 }, ref) => {
@@ -40,8 +36,6 @@ const NetworkPanel = /*#__PURE__*/forwardRef(({
     endTime: item.endTime,
     status: item.status,
     onPress: () => {
-      refs.header.current?.setCurrentIndex(HeaderState.Network);
-      refs.panel.current?.setCurrentIndex(PanelState.NetworkDetail);
       setDebuggerState(draft => {
         draft.detailsData = {
           type: DebuggerPanel.Network,
@@ -52,17 +46,22 @@ const NetworkPanel = /*#__PURE__*/forwardRef(({
       });
     }
   }), [setDebuggerState]);
+  const getItemLayout = useCallback((_, index) => ({
+    length: NETWORK_ITEM_HEIGHT,
+    offset: NETWORK_ITEM_HEIGHT * index,
+    index
+  }), []);
   return /*#__PURE__*/_jsx(FlatList, {
     inverted: !!data.length,
     data: data,
     ref: ref,
     renderItem: renderItem,
     keyExtractor: ([key]) => key,
-    ItemSeparatorComponent: Separator,
     style: [styles.container, style],
     ListEmptyComponent: /*#__PURE__*/_jsx(Empty, {
       children: "No records yet"
-    })
+    }),
+    getItemLayout: getItemLayout
   });
 });
 const styles = StyleSheet.create({

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useCallback","useContext","useMemo","FlatList","StyleSheet","MainContext","refs","HeaderState","PanelState","DebuggerPanel","NetworkType","Divider","Empty","NetworkPanelItem","jsx","_jsx","Separator","type","NetworkPanel","style","ref","debuggerState","searchQuery","networkInterceptor","networkRequests","setDebuggerState","data","result","Array","from","filter","item","url","toLowerCase","includes","reverse","renderItem","_","method","WS","undefined","name","startTime","endTime","status","onPress","header","current","setCurrentIndex","Network","panel","NetworkDetail","draft","detailsData","selectedTab","beautified","inverted","length","keyExtractor","key","ItemSeparatorComponent","styles","container","ListEmptyComponent","children","create","flex","paddingHorizontal"],"sourceRoot":"../../../../../src","sources":["ui/components/panels/NetworkPanel.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","useCallback","useContext","useMemo","FlatList","StyleSheet","MainContext","NETWORK_ITEM_HEIGHT","DebuggerPanel","NetworkType","Empty","NetworkPanelItem","jsx","_jsx","NetworkPanel","style","ref","debuggerState","searchQuery","networkInterceptor","networkRequests","setDebuggerState","data","result","Array","from","filter","item","url","toLowerCase","includes","reverse","renderItem","_","method","type","WS","undefined","name","startTime","endTime","status","onPress","draft","detailsData","Network","selectedTab","beautified","getItemLayout","index","length","offset","inverted","keyExtractor","key","styles","container","ListEmptyComponent","children","create","flex","paddingHorizontal"],"sourceRoot":"../../../../../src","sources":["ui/components/panels/NetworkPanel.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,18 +1,20 @@
 "use strict";
 
-import { Platform, StyleSheet, View } from 'react-native';
-import refs, { PanelState } from "../../../core/refs.js";
+import { Animated, Platform, StyleSheet } from 'react-native';
+import refs, { HeaderState, PanelState } from "../../../core/refs.js";
 import IndexedStack from "../common/IndexedStack.js";
 import LogMessageDetails from "../details/LogMessageDetails.js";
 import NetworkRequestDetails from "../details/NetworkRequestDetails.js";
 import ConsolePanel from "./ConsolePanel.js";
 import NetworkPanel from "./NetworkPanel.js";
 import colors from "../../../theme/colors.js";
-import { forwardRef, useContext, useMemo } from 'react';
+import { forwardRef, useContext, useEffect, useMemo } from 'react';
 import Header from "../headers/Header.js";
 import { SafeAreaProvider } from 'react-native-safe-area-context';
 import SafeArea from "../common/SafeArea.js";
 import { MainContext } from "../../../contexts/index.js";
+import Handle from "../handle/Handle.js";
+import { DebuggerPanel } from "../../../types/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Panel = /*#__PURE__*/forwardRef(({
   style,
@@ -20,30 +22,40 @@ const Panel = /*#__PURE__*/forwardRef(({
 }, ref) => {
   const {
     debuggerState: {
-      position
-    },
-    dimensions: {
-      width: screenWidth,
-      height: screenHeight
+      position,
+      detailsData
     }
   } = useContext(MainContext);
   const containerStyle = useMemo(() => [styles.container, {
     [position]: 0,
-    height: Math.min(screenWidth, screenHeight) * 0.75
-  }], [position, screenWidth, screenHeight]);
-  return /*#__PURE__*/_jsx(View, {
+    width: refs.panelSize.current?.x,
+    height: refs.panelSize.current?.y
+  }], [position]);
+  useEffect(() => {
+    switch (detailsData?.type) {
+      case DebuggerPanel.Network:
+        refs.header.current?.setCurrentIndex(HeaderState.Network);
+        refs.panel.current?.setCurrentIndex(PanelState.NetworkDetail);
+        break;
+      case DebuggerPanel.Console:
+        refs.header.current?.setCurrentIndex(HeaderState.Console);
+        refs.panel.current?.setCurrentIndex(PanelState.ConsoleDetail);
+        break;
+    }
+  }, [detailsData?.type]);
+  return /*#__PURE__*/_jsx(Animated.View, {
     style: [containerStyle, style],
     ref: ref,
     ...props,
     children: /*#__PURE__*/_jsxs(SafeAreaProvider, {
-      children: [position === 'top' && /*#__PURE__*/_jsx(SafeArea, {
+      children: [position === 'bottom' && /*#__PURE__*/_jsx(Handle, {}), position === 'top' && /*#__PURE__*/_jsx(SafeArea, {
         inset: "top"
       }), /*#__PURE__*/_jsx(Header, {}), /*#__PURE__*/_jsxs(IndexedStack, {
         defaultIndex: PanelState.Network,
         id: "debugger-panel",
         ref: refs.panel,
         children: [/*#__PURE__*/_jsx(NetworkPanel, {}), /*#__PURE__*/_jsx(ConsolePanel, {}), /*#__PURE__*/_jsx(NetworkRequestDetails, {}), /*#__PURE__*/_jsx(LogMessageDetails, {})]
-      }), position === 'bottom' && /*#__PURE__*/_jsx(SafeArea, {
+      }), position === 'top' && /*#__PURE__*/_jsx(Handle, {}), position === 'bottom' && /*#__PURE__*/_jsx(SafeArea, {
         inset: "bottom"
       })]
     })

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

@@ -1 +1 @@
-{"version":3,"names":["Platform","StyleSheet","View","refs","PanelState","IndexedStack","LogMessageDetails","NetworkRequestDetails","ConsolePanel","NetworkPanel","colors","forwardRef","useContext","useMemo","Header","SafeAreaProvider","SafeArea","MainContext","jsx","_jsx","jsxs","_jsxs","Panel","style","props","ref","debuggerState","position","dimensions","width","screenWidth","height","screenHeight","containerStyle","styles","container","Math","min","children","inset","defaultIndex","Network","id","panel","create","flex","absoluteFillObject","pointerEvents","OS","zIndex","top","undefined","bottom","backgroundColor","lightGray","borderBottomColor","gray","borderBottomWidth","hairlineWidth"],"sourceRoot":"../../../../../src","sources":["ui/components/panels/Panel.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Animated","Platform","StyleSheet","refs","HeaderState","PanelState","IndexedStack","LogMessageDetails","NetworkRequestDetails","ConsolePanel","NetworkPanel","colors","forwardRef","useContext","useEffect","useMemo","Header","SafeAreaProvider","SafeArea","MainContext","Handle","DebuggerPanel","jsx","_jsx","jsxs","_jsxs","Panel","style","props","ref","debuggerState","position","detailsData","containerStyle","styles","container","width","panelSize","current","x","height","y","type","Network","header","setCurrentIndex","panel","NetworkDetail","Console","ConsoleDetail","View","children","inset","defaultIndex","id","create","flex","absoluteFillObject","pointerEvents","OS","zIndex","top","undefined","bottom","backgroundColor","lightGray","borderBottomColor","gray","borderBottomWidth","hairlineWidth"],"sourceRoot":"../../../../../src","sources":["ui/components/panels/Panel.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/core/constants.d.ts

@@ -1,2 +1,4 @@
 export declare const NETWORK_REQUEST_HEADER = "X-React-Native-Xenon";
+export declare const NETWORK_ITEM_HEIGHT = 36;
+export declare const CONSOLE_ITEM_HEIGHT = 36;
 //# sourceMappingURL=constants.d.ts.map

package/lib/typescript/src/core/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/core/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,yBAAyB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/core/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,yBAAyB,CAAC;AAC7D,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,eAAO,MAAM,mBAAmB,KAAK,CAAC"}

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

@@ -1,5 +1,5 @@
 import type { IndexedStackMethods } from '../ui/components/common/IndexedStack';
-import type { TextInput } from 'react-native';
+import { Animated, type TextInput } from 'react-native';
 export declare enum DebuggerVisibility {
     Hidden = -1,
     Bubble = 0,
@@ -22,6 +22,7 @@ declare const refs: {
     panel: import("react").RefObject<IndexedStackMethods<PanelState> | null>;
     header: import("react").RefObject<IndexedStackMethods<HeaderState> | null>;
     searchInput: import("react").RefObject<TextInput | null>;
+    panelSize: import("react").RefObject<Animated.ValueXY | null>;
 };
 export default refs;
 //# sourceMappingURL=refs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"refs.d.ts","sourceRoot":"","sources":["../../../../src/core/refs.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,oBAAY,kBAAkB;IAC5B,MAAM,KAAK;IACX,MAAM,IAAI;IACV,KAAK,IAAI;IACT,MAAM,IAAI;CACX;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;;;;;CAKT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"refs.d.ts","sourceRoot":"","sources":["../../../../src/core/refs.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,oBAAY,kBAAkB;IAC5B,MAAM,KAAK;IACX,MAAM,IAAI;IACV,KAAK,IAAI;IACT,MAAM,IAAI;CACX;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;;;;;;CAcT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/typescript/src/core/utils.d.ts

@@ -20,7 +20,7 @@ export declare const getNetworkUtils: (data?: HttpRequest | WebSocketRequest) =>
 };
 export declare const getConsoleTypeColor: (type: LogMessage["type"]) => string;
 export declare const getVerticalSafeMargin: (screenHeight: number) => number;
-export declare const clamp: (value: number, min: number, max: number) => number;
+export declare const clamp: (min: number, max: number, value: number) => number;
 export declare const getHttpInterceptorId: () => string;
 export declare const showNewLine: (when: boolean) => "\n" | "";
 export declare const keyValueToString: (key: string, value: any, newLine?: "leading" | "trailing" | null) => string;
@@ -30,6 +30,7 @@ export declare const formatRequestStatusCode: (statusCode?: number) => string;
 export declare const formatLogMessage: (values: any[]) => any;
 export declare const beautify: (data: any, beautified: boolean) => string;
 export declare const convertToCurl: (method: HttpRequest["method"], url: HttpRequest["url"], headers: HttpRequest["requestHeaders"], body: HttpRequest["body"]) => string;
+export declare const formatCount: (count: number) => string;
 export declare function frozen(_target: Object): void;
 export declare function singleton<T extends {
     new (...args: any[]): {};

package/lib/typescript/src/core/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/core/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAe,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAOjG,eAAO,MAAM,SAAS,GAAU,MAAM,MAAM,kBAgB3C,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,OAAO,WAAW,GAAG,gBAAgB;;;;;;;;;;;;;;;;CAuBpE,CAAC;AAKF,eAAO,MAAM,mBAAmB,GAAI,MAAM,UAAU,CAAC,MAAM,CAAC,WAsB3D,CAAC;AAGF,eAAO,MAAM,qBAAqB,GAAI,cAAc,MAAM,WAAqB,CAAC;AAEhF,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,WACxB,CAAC;AAEtC,eAAO,MAAM,oBAAoB,cAIhC,CAAC;AAIF,eAAO,MAAM,WAAW,GAAI,MAAM,OAAO,cAAuB,CAAC;AAUjE,eAAO,MAAM,gBAAgB,GAC3B,KAAK,MAAM,EACX,OAAO,GAAG,EACV,UAAS,SAAS,GAAG,UAAU,GAAG,IAAiB,KAClD,MACsG,CAAC;AAE1G,eAAO,MAAM,mBAAmB,GAAI,SAAS,MAAM,WAAoB,CAAC;AAExE,eAAO,MAAM,qBAAqB,GAAI,YAAY,MAAM,EAAE,UAAU,MAAM,WAGzE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,aAAa,MAAM,WAAiC,CAAC;AAE7F,eAAO,MAAM,gBAAgB,GAAI,QAAQ,GAAG,EAAE,QAE7C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,MAAM,GAAG,EAAE,YAAY,OAAO,WAStD,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,QAAQ,WAAW,CAAC,QAAQ,CAAC,EAC7B,KAAK,WAAW,CAAC,KAAK,CAAC,EACvB,SAAS,WAAW,CAAC,gBAAgB,CAAC,EACtC,MAAM,WAAW,CAAC,MAAM,CAAC,WAgB1B,CAAC;AAIF,wBAAgB,MAAM,CAAC,OAAO,EAAE,MAAM,QAIrC;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS;IAAE,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;CAAE,EAAE,WAAW,EAAE,CAAC;kBAIvD,GAAG,EAAE;;MAS7B"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/core/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAe,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAOjG,eAAO,MAAM,SAAS,GAAU,MAAM,MAAM,kBAgB3C,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,OAAO,WAAW,GAAG,gBAAgB;;;;;;;;;;;;;;;;CAuBpE,CAAC;AAKF,eAAO,MAAM,mBAAmB,GAAI,MAAM,UAAU,CAAC,MAAM,CAAC,WAsB3D,CAAC;AAGF,eAAO,MAAM,qBAAqB,GAAI,cAAc,MAAM,WAAqB,CAAC;AAEhF,eAAO,MAAM,KAAK,GAAI,KAAK,MAAM,EAAE,KAAK,MAAM,EAAE,OAAO,MAAM,WACxB,CAAC;AAEtC,eAAO,MAAM,oBAAoB,cAIhC,CAAC;AAIF,eAAO,MAAM,WAAW,GAAI,MAAM,OAAO,cAAuB,CAAC;AAUjE,eAAO,MAAM,gBAAgB,GAC3B,KAAK,MAAM,EACX,OAAO,GAAG,EACV,UAAS,SAAS,GAAG,UAAU,GAAG,IAAiB,KAClD,MACsG,CAAC;AAE1G,eAAO,MAAM,mBAAmB,GAAI,SAAS,MAAM,WAAoB,CAAC;AAExE,eAAO,MAAM,qBAAqB,GAAI,YAAY,MAAM,EAAE,UAAU,MAAM,WAGzE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,aAAa,MAAM,WAAiC,CAAC;AAE7F,eAAO,MAAM,gBAAgB,GAAI,QAAQ,GAAG,EAAE,QAE7C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,MAAM,GAAG,EAAE,YAAY,OAAO,WAStD,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,QAAQ,WAAW,CAAC,QAAQ,CAAC,EAC7B,KAAK,WAAW,CAAC,KAAK,CAAC,EACvB,SAAS,WAAW,CAAC,gBAAgB,CAAC,EACtC,MAAM,WAAW,CAAC,MAAM,CAAC,WAgB1B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,WAIxC,CAAC;AAIF,wBAAgB,MAAM,CAAC,OAAO,EAAE,MAAM,QAIrC;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS;IAAE,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;CAAE,EAAE,WAAW,EAAE,CAAC;kBAIvD,GAAG,EAAE;;MAS7B"}

package/lib/typescript/src/ui/components/handle/Handle.d.ts

@@ -0,0 +1,2 @@
+export default function Handle(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Handle.d.ts.map

package/lib/typescript/src/ui/components/handle/Handle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Handle.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/handle/Handle.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAmC7B"}

package/lib/typescript/src/ui/components/headers/DebuggerHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DebuggerHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/headers/DebuggerHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErE,OAAa,EAAsB,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAM1E,UAAU,mBAAmB;IAC3B,aAAa,EAAE,UAAU,CAAC;IAC1B,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC;IACnE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,cAAc,4GA8EnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"DebuggerHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/headers/DebuggerHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErE,OAAa,EAAsB,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAO1E,UAAU,mBAAmB;IAC3B,aAAa,EAAE,UAAU,CAAC;IAC1B,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC;IACnE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,cAAc,4GA8EnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/typescript/src/ui/components/items/ConsolePanelItem.d.ts

@@ -2,6 +2,6 @@ import type { LogMessage } from '../../../types';
 interface ConsolePanelItemProps extends LogMessage {
     onPress: () => void;
 }
-export default function ConsolePanelItem({ type, values, onPress }: ConsolePanelItemProps): import("react/jsx-runtime").JSX.Element;
-export {};
+declare const ConsolePanelItem: import("react").NamedExoticComponent<ConsolePanelItemProps>;
+export default ConsolePanelItem;
 //# sourceMappingURL=ConsolePanelItem.d.ts.map

package/lib/typescript/src/ui/components/items/ConsolePanelItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConsolePanelItem.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/items/ConsolePanelItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,UAAU,qBAAsB,SAAQ,UAAU;IAChD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,qBAAqB,2CAWxF"}
+{"version":3,"file":"ConsolePanelItem.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/items/ConsolePanelItem.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,UAAU,qBAAsB,SAAQ,UAAU;IAChD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,gBAAgB,6DAerB,CAAC;AAoBF,eAAe,gBAAgB,CAAC"}

package/lib/typescript/src/ui/components/items/NetworkPanelItem.d.ts

@@ -7,6 +7,6 @@ interface NetworkPanelItemProps {
     status?: NetworkRequest['status'];
     onPress: () => void;
 }
-export default function NetworkPanelItem({ method, name, startTime, endTime, status, onPress, }: NetworkPanelItemProps): import("react/jsx-runtime").JSX.Element;
-export {};
+declare const NetworkPanelItem: import("react").NamedExoticComponent<NetworkPanelItemProps>;
+export default NetworkPanelItem;
 //# sourceMappingURL=NetworkPanelItem.d.ts.map

package/lib/typescript/src/ui/components/items/NetworkPanelItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkPanelItem.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/items/NetworkPanelItem.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGlE,UAAU,qBAAqB;IAC7B,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/B,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAsBD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,MAAM,EACN,IAAI,EACJ,SAAS,EACT,OAAO,EACP,MAAM,EACN,OAAO,GACR,EAAE,qBAAqB,2CAuDvB"}
+{"version":3,"file":"NetworkPanelItem.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/items/NetworkPanelItem.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIlE,UAAU,qBAAqB;IAC7B,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/B,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAsBD,QAAA,MAAM,gBAAgB,6DAqErB,CAAC;AAwCF,eAAe,gBAAgB,CAAC"}

package/lib/typescript/src/ui/components/panels/ConsolePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConsolePanel.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/panels/ConsolePanel.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,EAIR,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAUtB,QAAA,MAAM,YAAY;YAAkC,SAAS,CAAC,SAAS,CAAC;iDAuDtE,CAAC;AAcH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ConsolePanel.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/panels/ConsolePanel.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,EAGR,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAQtB,QAAA,MAAM,YAAY;YAAkC,SAAS,CAAC,SAAS,CAAC;iDA8DtE,CAAC;AAWH,eAAe,YAAY,CAAC"}

package/lib/typescript/src/ui/components/panels/NetworkPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/panels/NetworkPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,EAGR,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAgBtB,QAAA,MAAM,YAAY;YAAkC,SAAS,CAAC,SAAS,CAAC;iDA0DtE,CAAC;AASH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"NetworkPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/panels/NetworkPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,EAGR,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAatB,QAAA,MAAM,YAAY;YAAkC,SAAS,CAAC,SAAS,CAAC;iDAoEtE,CAAC;AASH,eAAe,YAAY,CAAC"}

package/lib/typescript/src/ui/components/panels/Panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/panels/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAc1E,UAAU,UAAW,SAAQ,SAAS;CAAG;AAEzC,QAAA,MAAM,KAAK,6FA6BT,CAAC;AAgBH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/panels/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAgBpF,UAAU,UAAW,SAAQ,SAAS;CAAG;AAEzC,QAAA,MAAM,KAAK,6FA8CT,CAAC;AAgBH,eAAe,KAAK,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-xenon",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "A powerful in-app debugging tool for React Native.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/core/constants.ts

@@ -1 +1,3 @@
 export const NETWORK_REQUEST_HEADER = 'X-React-Native-Xenon';
+export const NETWORK_ITEM_HEIGHT = 36;
+export const CONSOLE_ITEM_HEIGHT = 36;

package/src/core/refs.ts

@@ -1,6 +1,6 @@
 import { createRef } from 'react';
 import type { IndexedStackMethods } from '../ui/components/common/IndexedStack';
-import type { TextInput } from 'react-native';
+import { Animated, Dimensions, type TextInput } from 'react-native';
 
 export enum DebuggerVisibility {
   Hidden = -1,
@@ -27,6 +27,15 @@ const refs = {
   panel: createRef<IndexedStackMethods<PanelState>>(),
   header: createRef<IndexedStackMethods<HeaderState>>(),
   searchInput: createRef<TextInput>(),
+  panelSize: (() => {
+    const ref = createRef<Animated.ValueXY>();
+    const dimensions = Dimensions.get('window');
+    ref.current = new Animated.ValueXY({
+      x: dimensions.width,
+      y: Math.min(dimensions.width, dimensions.height) * 0.75,
+    });
+    return ref;
+  })(),
 };
 
 export default refs;

package/src/core/utils.ts

@@ -79,7 +79,7 @@ export const getConsoleTypeColor = (type: LogMessage['type']) => {
 //#region metrics
 export const getVerticalSafeMargin = (screenHeight: number) => screenHeight / 8;
 
-export const clamp = (value: number, min: number, max: number) =>
+export const clamp = (min: number, max: number, value: number) =>
   Math.max(min, Math.min(max, value));
 
 export const getHttpInterceptorId = () => {
@@ -152,6 +152,12 @@ export const convertToCurl = (
 
   return curlCommand;
 };
+
+export const formatCount = (count: number) => {
+  if (count < 1000) return count.toString();
+  if (count < 1000000) return `${(count / 1000).toFixed(1)}K`;
+  return `${(count / 1000000).toFixed(1)}M`;
+};
 //#endregion
 
 //#region decorators

package/src/ui/components/bubble/Bubble.tsx

@@ -80,9 +80,9 @@ const Bubble = forwardRef<View, BubbleProps>(
           const verticalSafeMargin = getVerticalSafeMargin(screenHeight);
 
           const finalY = clamp(
-            gesture.moveY,
             verticalSafeMargin,
             screenHeight - verticalSafeMargin - bubbleSize,
+            gesture.moveY,
           );
 
           Animated.spring(pan.current, {

package/src/ui/components/handle/Handle.tsx

@@ -0,0 +1,60 @@
+import { useContext, useMemo, useRef } from 'react';
+import { Animated, PanResponder, StyleSheet, View } from 'react-native';
+import { MainContext } from '../../../contexts';
+import refs from '../../../core/refs';
+import { clamp } from '../../../core/utils';
+import colors from '../../../theme/colors';
+
+export default function Handle() {
+  const pan = useRef(new Animated.Value(0));
+  const {
+    dimensions,
+    debuggerState: { position },
+  } = useContext(MainContext)!;
+
+  const panResponder = useMemo(() => {
+    const minPanelHeight = dimensions.height * 0.25;
+    const maxPanelHeight = dimensions.height * 0.9;
+
+    return PanResponder.create({
+      onStartShouldSetPanResponder: () => true,
+      onMoveShouldSetPanResponder: () => true,
+      onPanResponderMove: (event, gestureState) => {
+        const value =
+          position === 'bottom' ? dimensions.height - gestureState.moveY : gestureState.moveY;
+
+        refs.panelSize.current?.setValue({
+          x: dimensions.width,
+          y: clamp(minPanelHeight, maxPanelHeight, value),
+        });
+
+        return Animated.event([null, { dy: pan.current }], {
+          useNativeDriver: false,
+        })(event, gestureState);
+      },
+    });
+  }, [dimensions.height, dimensions.width, position]);
+
+  return (
+    <View style={styles.handleContainer}>
+      <Animated.View {...panResponder.panHandlers} style={styles.handle} hitSlop={16} />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  handleContainer: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: colors.lightGray,
+    borderTopColor: colors.gray,
+    borderTopWidth: StyleSheet.hairlineWidth,
+  },
+  handle: {
+    width: 48,
+    height: 4,
+    marginVertical: 8,
+    borderRadius: 2,
+    backgroundColor: colors.gray,
+  },
+});

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

@@ -6,6 +6,7 @@ import icons from '../../../theme/icons';
 import Divider from '../common/Divider';
 import DebuggerHeaderItem from '../items/DebuggerHeaderItem';
 import HeaderComponents from './HeaderComponents';
+import { formatCount } from '../../../core/utils';
 
 interface DebuggerHeaderProps {
   selectedPanel: PanelState;
@@ -54,7 +55,7 @@ const DebuggerHeader = forwardRef<ScrollView, DebuggerHeaderProps>(
         <DebuggerHeaderItem
           isLabel
           isActive={selectedPanel === PanelState.Network}
-          content="Network Panel"
+          content={`Network (${formatCount(networkInterceptor.networkRequests.size)})`}
           onPress={() => switchTo(PanelState.Network)}
         />
 
@@ -74,7 +75,7 @@ const DebuggerHeader = forwardRef<ScrollView, DebuggerHeaderProps>(
         <DebuggerHeaderItem
           isLabel
           isActive={selectedPanel === PanelState.Console}
-          content="Console Panel"
+          content={`Console (${formatCount(consoleInterceptor.logMessages.length)})`}
           onPress={() => switchTo(PanelState.Console)}
         />
 

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

@@ -1,4 +1,6 @@
-import { StyleSheet, Text } from 'react-native';
+import { memo } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { CONSOLE_ITEM_HEIGHT } from '../../../core/constants';
 import { formatLogMessage, getConsoleTypeColor } from '../../../core/utils';
 import colors from '../../../theme/colors';
 import type { LogMessage } from '../../../types';
@@ -8,23 +10,33 @@ interface ConsolePanelItemProps extends LogMessage {
   onPress: () => void;
 }
 
-export default function ConsolePanelItem({ type, values, onPress }: ConsolePanelItemProps) {
-  return (
-    <Touchable
-      onPress={onPress}
-      style={[styles.container, { backgroundColor: getConsoleTypeColor(type) }]}
-    >
-      <Text numberOfLines={1} style={styles.text}>
-        {formatLogMessage(values)}
-      </Text>
-    </Touchable>
-  );
-}
+const ConsolePanelItem = memo<ConsolePanelItemProps>(
+  ({ type, values, onPress }) => {
+    return (
+      <Touchable onPress={onPress} style={styles.container}>
+        <View style={[styles.wrapper, { backgroundColor: getConsoleTypeColor(type) }]}>
+          <Text numberOfLines={1} style={styles.text}>
+            {formatLogMessage(values)}
+          </Text>
+        </View>
+      </Touchable>
+    );
+  },
+  (prevProps, nextProps) => {
+    return prevProps.type === nextProps.type && prevProps.values === nextProps.values;
+  },
+);
 
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    padding: 8,
+    paddingBottom: 4,
+    height: CONSOLE_ITEM_HEIGHT,
+  },
+  wrapper: {
+    flex: 1,
+    paddingHorizontal: 8,
+    justifyContent: 'center',
     borderRadius: 8,
   },
   text: {
@@ -32,3 +44,5 @@ const styles = StyleSheet.create({
     fontSize: 14,
   },
 });
+
+export default ConsolePanelItem;