react-native-xenon 0.3.0 → 0.4.1

package/lib/typescript/module/src/types/common.d.ts

@@ -1,4 +1,3 @@
-import type { Dispatch, SetStateAction } from 'react';
 export declare enum NetworkType {
     XHR = "xhr",
     Fetch = "fetch",
@@ -8,14 +7,17 @@ export declare enum DebuggerPanel {
     Network = "network",
     Console = "console"
 }
+export type AnyFunction = (...args: any[]) => any;
 export type ID = string | undefined;
 export interface NetworkRequest {
     url: string;
     status?: number;
     duration?: number;
 }
-export type DebuggerVisibility = 'hidden' | 'bubble' | 'panel';
-export type DebuggerPosition = 'top' | 'bottom';
-export type SetState<T> = Dispatch<SetStateAction<T>>;
 export type NetworkTab = 'headers' | 'queryStringParameters' | 'body' | 'response' | 'messages';
+export interface DebuggerState {
+    visibility: 'hidden' | 'bubble' | 'panel';
+    position: 'top' | 'bottom';
+    selectedPanel: DebuggerPanel | null;
+}
 //# sourceMappingURL=common.d.ts.map

package/lib/typescript/module/src/types/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../../src/types/common.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtD,oBAAY,WAAW;IACrB,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,EAAE,OAAO;CACV;AAED,oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAED,MAAM,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;AAEpC,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEhD,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,uBAAuB,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../../src/types/common.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACrB,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,EAAE,OAAO;CACV;AAED,oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAED,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;AAElD,MAAM,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;AAEpC,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,uBAAuB,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;AAEhG,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC1C,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC3B,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;CACrC"}

package/lib/typescript/module/src/types/http.d.ts

@@ -12,17 +12,11 @@ export interface HttpRequest extends NetworkRequest {
     response?: any;
     responseType?: string;
 }
-type HttpOpenCallback = ((id: ID, type: HttpRequest['type'], method: string, url: string) => void) | null;
-type HttpRequestHeaderCallback = ((id: ID, header: string, value: string) => void) | null;
-type HttpSendCallback = ((id: ID, data?: any) => void) | null;
-type HttpHeaderReceivedCallback = ((id: ID, responseContentType: string | undefined, responseSize: number | undefined, responseHeaders: string) => void) | null;
-type HttpResponseCallback = ((id: ID, status: number | undefined, timeout: number | undefined, duration: number, response: any, responseURL: string | undefined, responseType: string | undefined) => void) | null;
 export interface HttpHandlers {
-    open: HttpOpenCallback;
-    requestHeader: HttpRequestHeaderCallback;
-    send: HttpSendCallback;
-    headerReceived: HttpHeaderReceivedCallback;
-    response: HttpResponseCallback;
+    open: ((id: ID, type: HttpRequest['type'], method: string, url: string) => void) | null;
+    requestHeader: ((id: ID, header: string, value: string) => void) | null;
+    send: ((id: ID, data?: any) => void) | null;
+    headerReceived: ((id: ID, responseContentType: string | undefined, responseSize: number | undefined, responseHeaders: string) => void) | null;
+    response: ((id: ID, status: number | undefined, timeout: number | undefined, duration: number, response: any, responseURL: string | undefined, responseType: string | undefined) => void) | null;
 }
-export {};
 //# sourceMappingURL=http.d.ts.map

package/lib/typescript/module/src/types/http.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"http.d.ts","sourceRoot":"","sources":["../../../../../src/types/http.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEhE,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,IAAI,EAAE,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,KAAK,gBAAgB,GACjB,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,GAC1E,IAAI,CAAC;AAET,KAAK,yBAAyB,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;AAE1F,KAAK,gBAAgB,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;AAE9D,KAAK,0BAA0B,GAC3B,CAAC,CACC,EAAE,EAAE,EAAE,EACN,mBAAmB,EAAE,MAAM,GAAG,SAAS,EACvC,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,eAAe,EAAE,MAAM,KACpB,IAAI,CAAC,GACV,IAAI,CAAC;AAET,KAAK,oBAAoB,GACrB,CAAC,CACC,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,OAAO,EAAE,MAAM,GAAG,SAAS,EAC3B,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,GAAG,EACb,WAAW,EAAE,MAAM,GAAG,SAAS,EAC/B,YAAY,EAAE,MAAM,GAAG,SAAS,KAC7B,IAAI,CAAC,GACV,IAAI,CAAC;AAET,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,gBAAgB,CAAC;IACvB,aAAa,EAAE,yBAAyB,CAAC;IACzC,IAAI,EAAE,gBAAgB,CAAC;IACvB,cAAc,EAAE,0BAA0B,CAAC;IAC3C,QAAQ,EAAE,oBAAoB,CAAC;CAChC"}
+{"version":3,"file":"http.d.ts","sourceRoot":"","sources":["../../../../../src/types/http.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEhE,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,IAAI,EAAE,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IACxF,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IACxE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IAC5C,cAAc,EACV,CAAC,CACC,EAAE,EAAE,EAAE,EACN,mBAAmB,EAAE,MAAM,GAAG,SAAS,EACvC,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,eAAe,EAAE,MAAM,KACpB,IAAI,CAAC,GACV,IAAI,CAAC;IACT,QAAQ,EACJ,CAAC,CACC,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,OAAO,EAAE,MAAM,GAAG,SAAS,EAC3B,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,GAAG,EACb,WAAW,EAAE,MAAM,GAAG,SAAS,EAC/B,YAAY,EAAE,MAAM,GAAG,SAAS,KAC7B,IAAI,CAAC,GACV,IAAI,CAAC;CACV"}

package/lib/typescript/module/src/types/websocket.d.ts

@@ -18,21 +18,13 @@ export interface WebSocketRequest extends NetworkRequest {
         reason?: string;
     };
 }
-type WebSocketConnectCallback = ((url: string, protocols?: WebSocketRequest['protocols'], options?: WebSocketRequest['options'], socketId?: number) => void) | null;
-type WebSocketSendCallback = ((data: string, socketId: number) => void) | null;
-type WebSocketCloseCallback = ((code: number, reason: string, socketId: number) => void) | null;
-type WebSocketOnOpenCallback = ((socketId: number, duration: number) => void) | null;
-type WebSocketOnMessageCallback = ((socketId: number, message: any) => void) | null;
-type WebSocketOnErrorCallback = ((socketId: number, error: WebSocketRequest['serverError']) => void) | null;
-type WebSocketOnCloseCallback = ((socketId: number, data: WebSocketRequest['serverClose']) => void) | null;
 export interface WebSocketHandlers {
-    connect: WebSocketConnectCallback;
-    send: WebSocketSendCallback;
-    close: WebSocketCloseCallback;
-    onOpen: WebSocketOnOpenCallback;
-    onMessage: WebSocketOnMessageCallback;
-    onError: WebSocketOnErrorCallback;
-    onClose: WebSocketOnCloseCallback;
+    connect: ((url: string, protocols?: WebSocketRequest['protocols'], options?: WebSocketRequest['options'], socketId?: number) => void) | null;
+    send: ((data: string, socketId: number) => void) | null;
+    close: ((code: number, reason: string, socketId: number) => void) | null;
+    onOpen: ((socketId: number, duration: number) => void) | null;
+    onMessage: ((socketId: number, message: any) => void) | null;
+    onError: ((socketId: number, error: WebSocketRequest['serverError']) => void) | null;
+    onClose: ((socketId: number, data: WebSocketRequest['serverClose']) => void) | null;
 }
-export {};
 //# sourceMappingURL=websocket.d.ts.map

package/lib/typescript/module/src/types/websocket.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"websocket.d.ts","sourceRoot":"","sources":["../../../../../src/types/websocket.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5D,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,IAAI,EAAE,WAAW,CAAC,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE;QACR,OAAO,EAAE;YAAE,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;SAAE,CAAC;QAC1C,CAAC,UAAU,EAAE,MAAM,GAAG,GAAG,CAAC;KAC3B,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,WAAW,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAClD;AAED,KAAK,wBAAwB,GACzB,CAAC,CACC,GAAG,EAAE,MAAM,EACX,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,EACzC,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,EACrC,QAAQ,CAAC,EAAE,MAAM,KACd,IAAI,CAAC,GACV,IAAI,CAAC;AAET,KAAK,qBAAqB,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;AAE/E,KAAK,sBAAsB,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;AAEhG,KAAK,uBAAuB,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;AAErF,KAAK,0BAA0B,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;AAEpF,KAAK,wBAAwB,GACzB,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC,GACpE,IAAI,CAAC;AAET,KAAK,wBAAwB,GACzB,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC,GACnE,IAAI,CAAC;AAET,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,wBAAwB,CAAC;IAClC,IAAI,EAAE,qBAAqB,CAAC;IAC5B,KAAK,EAAE,sBAAsB,CAAC;IAC9B,MAAM,EAAE,uBAAuB,CAAC;IAChC,SAAS,EAAE,0BAA0B,CAAC;IACtC,OAAO,EAAE,wBAAwB,CAAC;IAClC,OAAO,EAAE,wBAAwB,CAAC;CACnC"}
+{"version":3,"file":"websocket.d.ts","sourceRoot":"","sources":["../../../../../src/types/websocket.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5D,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,IAAI,EAAE,WAAW,CAAC,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE;QACR,OAAO,EAAE;YAAE,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;SAAE,CAAC;QAC1C,CAAC,UAAU,EAAE,MAAM,GAAG,GAAG,CAAC;KAC3B,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,WAAW,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAClD;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EACH,CAAC,CACC,GAAG,EAAE,MAAM,EACX,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,EACzC,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,EACrC,QAAQ,CAAC,EAAE,MAAM,KACd,IAAI,CAAC,GACV,IAAI,CAAC;IACT,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IACxD,KAAK,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IACzE,MAAM,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IAC9D,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IAC7D,OAAO,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IACrF,OAAO,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;CACrF"}

package/lib/typescript/module/src/ui/Xenon.d.ts

@@ -8,6 +8,7 @@ interface XenonComponentProps {
     autoInspectNetworkEnabled?: boolean;
     autoInspectConsoleEnabled?: boolean;
     bubbleSize?: number;
+    idleBubbleOpacity?: number;
 }
 interface ReactNativeXenon extends XenonComponentMethods {
     Component: NamedExoticComponent<XenonComponentProps>;

package/lib/typescript/module/src/ui/Xenon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Xenon.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Xenon.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAQf,UAAU,qBAAqB;IAC7B,SAAS,IAAI,OAAO,CAAC;IACrB,IAAI,IAAI,IAAI,CAAC;IACb,IAAI,IAAI,IAAI,CAAC;CACd;AAED,UAAU,mBAAmB;IAC3B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,gBAAiB,SAAQ,qBAAqB;IACtD,SAAS,EAAE,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;CACtD;AAiHD,QAAA,MAAM,KAAK,EAAE,gBAWZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Xenon.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Xenon.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAYf,UAAU,qBAAqB;IAC7B,SAAS,IAAI,OAAO,CAAC;IACrB,IAAI,IAAI,IAAI,CAAC;IACb,IAAI,IAAI,IAAI,CAAC;CACd;AAED,UAAU,mBAAmB;IAC3B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,UAAU,gBAAiB,SAAQ,qBAAqB;IACtD,SAAS,EAAE,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;CACtD;AAwHD,QAAA,MAAM,KAAK,EAAE,gBAWZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/typescript/module/src/ui/components/bubble/Bubble.d.ts

@@ -2,8 +2,11 @@ import { type MutableRefObject } from 'react';
 import { Animated } from 'react-native';
 interface BubbleProps {
     bubbleSize: number;
+    idleBubbleOpacity: number;
     pan: MutableRefObject<Animated.ValueXY>;
+    screenWidth: number;
+    screenHeight: number;
 }
-export default function Bubble({ bubbleSize, pan }: BubbleProps): import("react/jsx-runtime").JSX.Element;
+export default function Bubble({ bubbleSize, idleBubbleOpacity, pan, screenWidth, screenHeight, }: BubbleProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Bubble.d.ts.map

package/lib/typescript/module/src/ui/components/bubble/Bubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/bubble/Bubble.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EACL,QAAQ,EAKT,MAAM,cAAc,CAAC;AAKtB,UAAU,WAAW;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;CACzC;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,WAAW,2CAgE9D"}
+{"version":3,"file":"Bubble.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/bubble/Bubble.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,gBAAgB,EAAE,MAAM,OAAO,CAAC;AACrF,OAAO,EACL,QAAQ,EAMT,MAAM,cAAc,CAAC;AAMtB,UAAU,WAAW;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,GAAG,EAAE,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,UAAU,EACV,iBAAiB,EACjB,GAAG,EACH,WAAW,EACX,YAAY,GACb,EAAE,WAAW,2CAwFb"}

package/lib/typescript/module/src/ui/components/details/DetailsViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsViewer.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/details/DetailsViewer.tsx"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,aAAa,mDAapC"}
+{"version":3,"file":"DetailsViewer.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/details/DetailsViewer.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,aAAa,mDAWpC"}

package/lib/typescript/module/src/ui/components/details/NetworkRequestDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkRequestDetails.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/details/NetworkRequestDetails.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,WAAW,EAEhB,KAAK,gBAAgB,EACtB,MAAM,gBAAgB,CAAC;AAYxB,UAAU,0BAA0B;IAClC,IAAI,EAAE,WAAW,GAAG,gBAAgB,CAAC;CACtC;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAAE,IAAI,EAAE,EAAE,0BAA0B,2CAuGjF"}
+{"version":3,"file":"NetworkRequestDetails.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/details/NetworkRequestDetails.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,WAAW,EAEhB,KAAK,gBAAgB,EACtB,MAAM,gBAAgB,CAAC;AAWxB,UAAU,0BAA0B;IAClC,IAAI,EAAE,WAAW,GAAG,gBAAgB,CAAC;CACtC;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAAE,IAAI,EAAE,EAAE,0BAA0B,2CAgHjF"}

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

@@ -1,2 +1,6 @@
-export default function DebuggerHeader(): import("react/jsx-runtime").JSX.Element;
+interface DebuggerHeaderProps {
+    detailsShown: boolean;
+}
+export default function DebuggerHeader({ detailsShown }: DebuggerHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=DebuggerHeader.d.ts.map

package/lib/typescript/module/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":"AAQA,MAAM,CAAC,OAAO,UAAU,cAAc,4CAqFrC"}
+{"version":3,"file":"DebuggerHeader.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/headers/DebuggerHeader.tsx"],"names":[],"mappings":"AAQA,UAAU,mBAAmB;IAC3B,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,YAAY,EAAE,EAAE,mBAAmB,2CAuG3E"}

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

@@ -1 +1 @@
-{"version":3,"file":"NetworkRequestDetailsHeader.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/headers/NetworkRequestDetailsHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,UAAU,yBAAyB;IACjC,WAAW,EAAE,UAAU,CAAC;IACxB,WAAW,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAQD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,WAAW,EACX,WAAW,EACX,YAAmB,EACnB,0BAAiC,EACjC,SAAgB,EAChB,aAAoB,EACpB,aAAoB,GACrB,EAAE,yBAAyB,2CAmD3B"}
+{"version":3,"file":"NetworkRequestDetailsHeader.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/headers/NetworkRequestDetailsHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,UAAU,yBAAyB;IACjC,WAAW,EAAE,UAAU,CAAC;IACxB,WAAW,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAQD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,WAAW,EACX,WAAW,EACX,YAAmB,EACnB,0BAAiC,EACjC,SAAgB,EAChB,aAAoB,EACpB,aAAoB,GACrB,EAAE,yBAAyB,2CAkD3B"}

package/lib/typescript/module/src/ui/components/items/NetworkRequestDetailsHeaderItem.d.ts

@@ -1,11 +1,9 @@
-import type { NetworkTab } from '../../../types';
 interface NetworkRequestDetailsHeaderItemProps {
     visible: boolean;
     isSelected: boolean;
-    name: NetworkTab;
     label: string;
     onPress: () => void;
 }
-export default function NetworkRequestDetailsHeaderItem({ visible, name, isSelected, label, onPress, }: NetworkRequestDetailsHeaderItemProps): import("react/jsx-runtime").JSX.Element | null;
+export default function NetworkRequestDetailsHeaderItem({ visible, isSelected, label, onPress, }: NetworkRequestDetailsHeaderItemProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=NetworkRequestDetailsHeaderItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NetworkRequestDetailsHeaderItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/items/NetworkRequestDetailsHeaderItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,UAAU,oCAAoC;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,+BAA+B,CAAC,EACtD,OAAO,EACP,IAAI,EACJ,UAAU,EACV,KAAK,EACL,OAAO,GACR,EAAE,oCAAoC,kDAatC"}
+{"version":3,"file":"NetworkRequestDetailsHeaderItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/items/NetworkRequestDetailsHeaderItem.tsx"],"names":[],"mappings":"AAGA,UAAU,oCAAoC;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,+BAA+B,CAAC,EACtD,OAAO,EACP,UAAU,EACV,KAAK,EACL,OAAO,GACR,EAAE,oCAAoC,kDAYtC"}

package/lib/typescript/module/src/ui/components/items/NetworkRequestDetailsItem.d.ts

@@ -1,8 +1,8 @@
-interface NetworkRequestDetailsItemProps {
+import { type TextProps } from 'react-native';
+interface NetworkRequestDetailsItemProps extends TextProps {
     label?: string;
     content?: string;
-    selectable?: boolean;
 }
-export default function NetworkRequestDetailsItem({ label, content, selectable, }: NetworkRequestDetailsItemProps): import("react/jsx-runtime").JSX.Element;
+export default function NetworkRequestDetailsItem({ label, content, style, ...props }: NetworkRequestDetailsItemProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=NetworkRequestDetailsItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NetworkRequestDetailsItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/items/NetworkRequestDetailsItem.tsx"],"names":[],"mappings":"AAGA,UAAU,8BAA8B;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,KAAK,EACL,OAAO,EACP,UAAU,GACX,EAAE,8BAA8B,2CAkBhC"}
+{"version":3,"file":"NetworkRequestDetailsItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/items/NetworkRequestDetailsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhE,UAAU,8BAA+B,SAAQ,SAAS;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,KAAK,EACL,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EAAE,8BAA8B,2CAkBhC"}

package/lib/typescript/module/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":"AASA,MAAM,CAAC,OAAO,UAAU,YAAY,4CAgCnC"}
+{"version":3,"file":"ConsolePanel.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/panels/ConsolePanel.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,YAAY,4CA+BnC"}

package/lib/typescript/module/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":"AAUA,MAAM,CAAC,OAAO,UAAU,YAAY,4CA4CnC"}
+{"version":3,"file":"NetworkPanel.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/panels/NetworkPanel.tsx"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,YAAY,4CAuCnC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-xenon",
-  "version": "0.3.0",
+  "version": "0.4.1",
   "description": "A comprehensive tool for analyzing HTTP(S) requests and logs in React Native apps. Designed for use across all environments, it offers an intuitive interface for efficient debugging and issue resolution.",
   "source": "./src/index.ts",
   "main": "./lib/commonjs/index.js",
@@ -94,6 +94,7 @@
     "react": "18.3.1",
     "react-native": "0.76.3",
     "react-native-builder-bob": "^0.33.3",
+    "react-native-safe-area-context": "^5.0.0",
     "release-it": "^17.10.0",
     "typescript": "^5.2.2"
   },
@@ -102,12 +103,13 @@
   },
   "peerDependencies": {
     "react": "*",
-    "react-native": "*"
+    "react-native": "*",
+    "react-native-safe-area-context": "*"
   },
   "workspaces": [
     "example"
   ],
-  "packageManager": "yarn@4.5.3",
+  "packageManager": "yarn@4.6.0",
   "jest": {
     "preset": "react-native",
     "modulePathIgnorePatterns": [

package/src/contexts/MainContext.ts

@@ -1,32 +1,13 @@
-import { createContext, type MutableRefObject } from 'react';
+import { createContext } from 'react';
+import type { Updater } from 'use-immer';
 import type { useConsoleInterceptor, useNetworkInterceptor } from '../hooks';
-import type {
-  DebuggerPanel,
-  DebuggerPosition,
-  DebuggerVisibility,
-  HttpRequest,
-  LogMessage,
-  SetState,
-  WebSocketRequest,
-} from '../types';
+import type { DebuggerState } from '../types';
 
-export interface MainContextValue {
-  debuggerVisibility: DebuggerVisibility;
-  setDebuggerVisibility: SetState<DebuggerVisibility>;
-  debuggerPosition: DebuggerPosition;
-  setDebuggerPosition: SetState<DebuggerPosition>;
-  panelSelected: DebuggerPanel | null;
-  setPanelSelected: SetState<DebuggerPanel | null>;
+interface MainContextValue {
+  debuggerState: DebuggerState;
+  setDebuggerState: Updater<DebuggerState>;
   networkInterceptor: ReturnType<typeof useNetworkInterceptor>;
   logInterceptor: ReturnType<typeof useConsoleInterceptor>;
-  detailsData: MutableRefObject<
-    | { [DebuggerPanel.Console]: LogMessage }
-    | { [DebuggerPanel.Network]: HttpRequest | WebSocketRequest }
-    | null
-  >;
-  screenWidth: number;
-  screenHeight: number;
-  verticalSafeMargin: number;
 }
 
 const MainContext = createContext<MainContextValue | null>(null);

package/src/core/data.ts

@@ -0,0 +1,12 @@
+import type { DebuggerPanel, LogMessage, HttpRequest, WebSocketRequest } from '../types';
+
+const detailsData: {
+  value:
+    | { [DebuggerPanel.Console]: LogMessage }
+    | { [DebuggerPanel.Network]: HttpRequest | WebSocketRequest }
+    | null;
+} = {
+  value: null,
+};
+
+export { detailsData };

package/src/{utils.ts → core/utils.ts}

@@ -1,4 +1,6 @@
-import type { HttpRequest } from './types';
+import type { HttpRequest } from '../types';
+
+export const getVerticalSafeMargin = (screenHeight: number) => screenHeight / 8;
 
 export const limitChar = (value: any, limit = 5000) => {
   const stringValue = typeof value === 'string' ? value : JSON.stringify(value ?? '');
@@ -14,6 +16,9 @@ export const getHttpInterceptorId = () => {
   return timestamp + randomNum;
 };
 
+export const clamp = (value: number, min: number, max: number) =>
+  Math.max(min, Math.min(max, value));
+
 export const keyValueToString = (key: string, value: any): string =>
   `${key}: ${limitChar(value)}\n`;
 
@@ -61,3 +66,18 @@ export function frozen(_target: Object) {
   descriptor.configurable = false;
   descriptor.writable = false;
 }
+
+export function singleton<T extends { new (...args: any[]): {} }>(constructor: T) {
+  class Singleton extends constructor {
+    static #instance: Singleton;
+
+    constructor(...args: any[]) {
+      if (Singleton.#instance) return Singleton.#instance;
+
+      super(...args);
+      Singleton.#instance = this;
+    }
+  }
+
+  return Singleton;
+}

package/src/hooks/useConsoleInterceptor.ts

@@ -7,6 +7,8 @@ interface ConsoleInterceptorParams {
   autoEnabled: boolean;
 }
 
+const consoleInterceptor = new ConsoleInterceptor();
+
 export default function useConsoleInterceptor({ autoEnabled }: ConsoleInterceptorParams) {
   const [isInterceptorEnabled, setIsInterceptorEnabled] = useState(autoEnabled);
 
@@ -16,12 +18,12 @@ export default function useConsoleInterceptor({ autoEnabled }: ConsoleIntercepto
     setLogMessages([]);
   };
 
-  const isEnabled = () => ConsoleInterceptor.instance.isInterceptorEnabled;
+  const isEnabled = () => consoleInterceptor.isInterceptorEnabled;
 
   const enableInterception = useCallback(() => {
     if (isEnabled()) return;
 
-    ConsoleInterceptor.instance
+    consoleInterceptor
       .set('callback', (type, args) => {
         setLogMessages(draft => {
           draft.push({ type, values: args });
@@ -35,15 +37,16 @@ export default function useConsoleInterceptor({ autoEnabled }: ConsoleIntercepto
   const disableInterception = useCallback(() => {
     if (!isEnabled()) return;
 
-    ConsoleInterceptor.instance.disableInterception();
+    consoleInterceptor.disableInterception();
 
     setIsInterceptorEnabled(false);
   }, []);
 
   useEffect(() => {
-    if (autoEnabled) enableInterception();
-
-    if (autoEnabled) return disableInterception;
+    if (autoEnabled) {
+      enableInterception();
+      return disableInterception;
+    }
   }, [autoEnabled, disableInterception, enableInterception]);
 
   return {

package/src/hooks/useNetworkInterceptor.ts

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useState } from 'react';
 import { useImmer } from 'use-immer';
-import { NETWORK_REQUEST_HEADER } from '../constants';
+import { NETWORK_REQUEST_HEADER } from '../core/constants';
 import { FetchInterceptor, WebSocketInterceptor, XHRInterceptor } from '../interceptors';
 import {
   NetworkType,
@@ -10,7 +10,7 @@ import {
   type WebSocketHandlers,
   type WebSocketRequest,
 } from '../types';
-import { keyValueToString } from '../utils';
+import { keyValueToString } from '../core/utils';
 
 interface NetworkInterceptorParams {
   autoEnabled: boolean;
@@ -20,15 +20,19 @@ type NetworkRequests<T> = Map<NonNullable<ID>, T>;
 
 const initRequests = new Map<NonNullable<ID>, HttpRequest & WebSocketRequest>();
 
+const xhrInterceptor = new XHRInterceptor();
+const fetchInterceptor = new FetchInterceptor();
+const webSocketInterceptor = new WebSocketInterceptor();
+
 export default function useNetworkInterceptor({ autoEnabled }: NetworkInterceptorParams) {
   const [isInterceptorEnabled, setIsInterceptorEnabled] = useState(autoEnabled);
 
   const [networkRequests, setNetworkRequests] = useImmer(initRequests);
 
   const isEnabled = () =>
-    XHRInterceptor.instance.isInterceptorEnabled &&
-    FetchInterceptor.instance.isInterceptorEnabled &&
-    WebSocketInterceptor.instance.isInterceptorEnabled;
+    xhrInterceptor.isInterceptorEnabled &&
+    fetchInterceptor.isInterceptorEnabled &&
+    webSocketInterceptor.isInterceptorEnabled;
 
   const clearAllNetworkRequests = () => {
     setNetworkRequests(initRequests);
@@ -121,7 +125,7 @@ export default function useNetworkInterceptor({ autoEnabled }: NetworkIntercepto
       });
     };
 
-    XHRInterceptor.instance
+    xhrInterceptor
       .set('open', openCallback)
       .set('requestHeader', requestHeaderCallback)
       .set('send', sendCallback)
@@ -129,7 +133,7 @@ export default function useNetworkInterceptor({ autoEnabled }: NetworkIntercepto
       .set('response', responseCallback)
       .enableInterception();
 
-    FetchInterceptor.instance
+    fetchInterceptor
       .set('open', openCallback)
       .set('requestHeader', requestHeaderCallback)
       .set('send', sendCallback)
@@ -215,7 +219,7 @@ export default function useNetworkInterceptor({ autoEnabled }: NetworkIntercepto
       });
     };
 
-    WebSocketInterceptor.instance
+    webSocketInterceptor
       .set('connect', connectCallback)
       .set('send', sendCallback)
       .set('close', closeCallback)
@@ -231,22 +235,25 @@ export default function useNetworkInterceptor({ autoEnabled }: NetworkIntercepto
 
     enableHttpInterceptions();
     enableWebSocketInterception();
+
     setIsInterceptorEnabled(true);
   }, [enableHttpInterceptions, enableWebSocketInterception]);
 
   const disableInterception = useCallback(() => {
     if (!isEnabled()) return;
 
-    XHRInterceptor.instance.disableInterception();
-    FetchInterceptor.instance.disableInterception();
-    WebSocketInterceptor.instance.disableInterception();
+    xhrInterceptor.disableInterception();
+    fetchInterceptor.disableInterception();
+    webSocketInterceptor.disableInterception();
+
     setIsInterceptorEnabled(false);
   }, []);
 
   useEffect(() => {
-    if (autoEnabled) enableInterception();
-
-    if (autoEnabled) return disableInterception;
+    if (autoEnabled) {
+      enableInterception();
+      return disableInterception;
+    }
   }, [autoEnabled, disableInterception, enableInterception]);
 
   return {

package/src/interceptors/ConsoleInterceptor.ts

@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import type { ConsoleHandlers } from '../types';
-import { frozen } from '../utils';
+import { frozen, singleton } from '../core/utils';
 import Interceptor from './Interceptor';
 
 const originalConsoleError = console.error;
@@ -14,17 +14,12 @@ const originalConsoleGroupCollapsed = console.groupCollapsed;
 const originalConsoleGroupEnd = console.groupEnd;
 const originalConsoleGroup = console.group;
 
+@singleton
 export default class ConsoleInterceptor extends Interceptor<ConsoleHandlers> {
-  static readonly instance = new ConsoleInterceptor();
-
   protected readonly handlers: ConsoleHandlers = {
     callback: null,
   };
 
-  private constructor() {
-    super();
-  }
-
   @frozen
   enableInterception(): void {
     if (this.isInterceptorEnabled) return;

package/src/interceptors/FetchInterceptor.ts

@@ -1,17 +1,18 @@
-import { NETWORK_REQUEST_HEADER } from '../constants';
+import { NETWORK_REQUEST_HEADER } from '../core/constants';
+import {
+  formatRequestMethod,
+  frozen,
+  getHttpInterceptorId,
+  keyValueToString,
+  singleton,
+} from '../core/utils';
 import { NetworkType } from '../types';
-import { formatRequestMethod, frozen, getHttpInterceptorId, keyValueToString } from '../utils';
 import HttpInterceptor from './HttpInterceptor';
 
 const originalFetch = global.fetch;
 
+@singleton
 export default class FetchInterceptor extends HttpInterceptor {
-  static readonly instance = new FetchInterceptor();
-
-  private constructor() {
-    super();
-  }
-
   @frozen
   enableInterception() {
     if (this.isInterceptorEnabled) return;
@@ -37,7 +38,6 @@ export default class FetchInterceptor extends HttpInterceptor {
       const method = formatRequestMethod(init?.method);
 
       let url: string;
-
       switch (true) {
         case input instanceof Request:
           url = input.url;
@@ -77,13 +77,13 @@ export default class FetchInterceptor extends HttpInterceptor {
       //#endregion
 
       //#region send
-      const timeStart = Date.now();
+      const startTime = Date.now();
       sendCallback?.(interceptionId, init?.body ?? null);
       //#endregion
 
       const response = await originalFetch.call(this, input, requestInit);
 
-      const timeEnd = Date.now();
+      const endTime = Date.now();
       const clonedResponse = response.clone();
       const clonedResponseHeaders = clonedResponse.headers;
 
@@ -105,7 +105,7 @@ export default class FetchInterceptor extends HttpInterceptor {
 
       //#region response
       const responseBody: string | null = await clonedResponse.text().catch(() => null);
-      const duration = timeEnd - timeStart;
+      const duration = endTime - startTime;
 
       responseCallback?.(
         interceptionId,

package/src/interceptors/HttpInterceptor.ts

@@ -9,28 +9,4 @@ export default abstract class HttpInterceptor extends NetworkInterceptor<HttpHan
     headerReceived: null,
     response: null,
   };
-
-  protected getCallbacks() {
-    const openCallback = this.handlers.open;
-    const requestHeaderCallback = this.handlers.requestHeader;
-    const sendCallback = this.handlers.send;
-    const headerReceivedCallback = this.handlers.headerReceived;
-    const responseCallback = this.handlers.response;
-
-    return {
-      openCallback,
-      requestHeaderCallback,
-      sendCallback,
-      headerReceivedCallback,
-      responseCallback,
-    };
-  }
-
-  protected clearCallbacks(): void {
-    this.handlers.open = null;
-    this.handlers.requestHeader = null;
-    this.handlers.send = null;
-    this.handlers.headerReceived = null;
-    this.handlers.response = null;
-  }
 }

package/src/interceptors/Interceptor.ts

@@ -1,4 +1,4 @@
-import { frozen } from '../utils';
+import { frozen } from '../core/utils';
 
 export default abstract class Interceptor<T extends Object> {
   #isInterceptorEnabled = false;
@@ -15,7 +15,7 @@ export default abstract class Interceptor<T extends Object> {
 
   @frozen
   set<K extends keyof T>(key: K, handler: T[K]) {
-    this.handlers[key] = handler;
+    this.handlers[key] ??= handler;
     return this;
   }