react-native-xenon 2.0.0 → 2.2.0

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

@@ -1,18 +1,68 @@
 "use strict";
 
+import { Platform, StyleSheet, View } from 'react-native';
 import refs, { 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 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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function Panel() {
-  return /*#__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, {})]
+const Panel = /*#__PURE__*/forwardRef(({
+  style,
+  ...props
+}, ref) => {
+  const {
+    debuggerState: {
+      position
+    },
+    dimensions: {
+      width: screenWidth,
+      height: screenHeight
+    }
+  } = useContext(MainContext);
+  const containerStyle = useMemo(() => [styles.container, {
+    [position]: 0,
+    height: Math.min(screenWidth, screenHeight) * 0.75
+  }], [position, screenWidth, screenHeight]);
+  return /*#__PURE__*/_jsx(View, {
+    style: [containerStyle, style],
+    ref: ref,
+    ...props,
+    children: /*#__PURE__*/_jsxs(SafeAreaProvider, {
+      children: [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, {
+        inset: "bottom"
+      })]
+    })
   });
-}
+});
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    ...StyleSheet.absoluteFillObject,
+    pointerEvents: 'box-none',
+    ...(Platform.OS === 'android' ? {
+      zIndex: 9999
+    } : {}),
+    top: undefined,
+    bottom: undefined,
+    backgroundColor: colors.lightGray,
+    borderBottomColor: colors.gray,
+    borderBottomWidth: StyleSheet.hairlineWidth
+  }
+});
+export default Panel;
 //# sourceMappingURL=Panel.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["refs","PanelState","IndexedStack","LogMessageDetails","NetworkRequestDetails","ConsolePanel","NetworkPanel","jsx","_jsx","jsxs","_jsxs","Panel","defaultIndex","Network","id","ref","panel","children"],"sourceRoot":"../../../../../src","sources":["ui/components/panels/Panel.tsx"],"mappings":";;AAAA,OAAOA,IAAI,IAAIC,UAAU,QAAQ,uBAAoB;AACrD,OAAOC,YAAY,MAAM,2BAAwB;AACjD,OAAOC,iBAAiB,MAAM,iCAA8B;AAC5D,OAAOC,qBAAqB,MAAM,qCAAkC;AACpE,OAAOC,YAAY,MAAM,mBAAgB;AACzC,OAAOC,YAAY,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE1C,eAAe,SAASC,KAAKA,CAAA,EAAG;EAC9B,oBACED,KAAA,CAACR,YAAY;IAACU,YAAY,EAAEX,UAAU,CAACY,OAAQ;IAACC,EAAE,EAAC,gBAAgB;IAACC,GAAG,EAAEf,IAAI,CAACgB,KAAM;IAAAC,QAAA,gBAClFT,IAAA,CAACF,YAAY,IAAE,CAAC,eAChBE,IAAA,CAACH,YAAY,IAAE,CAAC,eAChBG,IAAA,CAACJ,qBAAqB,IAAE,CAAC,eACzBI,IAAA,CAACL,iBAAiB,IAAE,CAAC;EAAA,CACT,CAAC;AAEnB","ignoreList":[]}
+{"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":[]}

package/lib/module/ui/components/search-bar/SearchBar.js

@@ -11,6 +11,7 @@ import Icon from "../common/Icon.js";
 import Touchable from "../common/Touchable.js";
 import SafeArea from "../common/SafeArea.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ICON_SIZE = 20;
 const SearchBar = /*#__PURE__*/forwardRef(({
   style,
   ...props
@@ -27,7 +28,7 @@ const SearchBar = /*#__PURE__*/forwardRef(({
     refs.debugger.current?.setCurrentIndex(DebuggerVisibility.Panel);
   };
   const onClear = () => {
-    refs.searchInput.current?.clear();
+    setValue('');
   };
   const onSubmitEditing = ({
     nativeEvent: {
@@ -52,7 +53,7 @@ const SearchBar = /*#__PURE__*/forwardRef(({
           style: styles.inputWrapper,
           children: [/*#__PURE__*/_jsx(Icon, {
             source: icons.search,
-            size: 18
+            size: ICON_SIZE
           }), /*#__PURE__*/_jsx(TextInput, {
             autoCapitalize: "none",
             autoCorrect: false,
@@ -67,13 +68,12 @@ const SearchBar = /*#__PURE__*/forwardRef(({
             placeholder: "Search...",
             placeholderTextColor: colors.gray,
             onSubmitEditing: onSubmitEditing
-          }), /*#__PURE__*/_jsx(Touchable, {
+          }), !!value.length && /*#__PURE__*/_jsx(Touchable, {
             hitSlop: 8,
             onPress: onClear,
-            style: styles.closeButton,
             children: /*#__PURE__*/_jsx(Icon, {
               source: icons.close,
-              size: 12,
+              size: ICON_SIZE,
               color: colors.black
             })
           })]
@@ -118,14 +118,6 @@ const styles = StyleSheet.create({
     fontSize: 16,
     color: colors.black,
     flex: 1
-  },
-  closeButton: {
-    justifyContent: 'center',
-    alignItems: 'center',
-    width: 18,
-    height: 18,
-    borderRadius: 9,
-    backgroundColor: colors.gray
   }
 });
 export default SearchBar;

package/lib/module/ui/components/search-bar/SearchBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useContext","useState","Keyboard","Platform","StyleSheet","TextInput","View","SafeAreaProvider","MainContext","refs","DebuggerVisibility","colors","icons","Icon","Touchable","SafeArea","jsx","_jsx","jsxs","_jsxs","SearchBar","style","props","ref","debuggerState","searchQuery","setDebuggerState","value","setValue","onHideSearchInput","dismiss","debugger","current","setCurrentIndex","Panel","onClear","searchInput","clear","onSubmitEditing","nativeEvent","text","draft","styles","container","children","barView","inset","inputWrapper","source","search","size","autoCapitalize","autoCorrect","inputMode","returnKeyType","selectionColor","black","autoFocus","input","onChangeText","placeholder","placeholderTextColor","gray","hitSlop","onPress","closeButton","close","color","background","create","absoluteFillObject","OS","zIndex","backgroundColor","lightGray","padding","flex","white","borderRadius","paddingHorizontal","columnGap","flexDirection","alignItems","height","margin","lineHeight","fontSize","justifyContent","width"],"sourceRoot":"../../../../../src","sources":["ui/components/search-bar/SearchBar.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","useContext","useState","Keyboard","Platform","StyleSheet","TextInput","View","SafeAreaProvider","MainContext","refs","DebuggerVisibility","colors","icons","Icon","Touchable","SafeArea","jsx","_jsx","jsxs","_jsxs","ICON_SIZE","SearchBar","style","props","ref","debuggerState","searchQuery","setDebuggerState","value","setValue","onHideSearchInput","dismiss","debugger","current","setCurrentIndex","Panel","onClear","onSubmitEditing","nativeEvent","text","draft","styles","container","children","barView","inset","inputWrapper","source","search","size","autoCapitalize","autoCorrect","inputMode","returnKeyType","selectionColor","black","searchInput","autoFocus","input","onChangeText","placeholder","placeholderTextColor","gray","length","hitSlop","onPress","close","color","background","create","absoluteFillObject","OS","zIndex","backgroundColor","lightGray","padding","flex","white","borderRadius","paddingHorizontal","columnGap","flexDirection","alignItems","height","margin","lineHeight","fontSize"],"sourceRoot":"../../../../../src","sources":["ui/components/search-bar/SearchBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/contexts/MainContext.d.ts

@@ -1,7 +1,9 @@
 import type { Updater } from 'use-immer';
 import type { useConsoleInterceptor, useNetworkInterceptor } from '../hooks';
 import type { DebuggerState } from '../types';
+import type { ScaledSize } from 'react-native';
 interface MainContextValue {
+    dimensions: ScaledSize;
     debuggerState: DebuggerState;
     setDebuggerState: Updater<DebuggerState>;
     networkInterceptor: ReturnType<typeof useNetworkInterceptor>;

package/lib/typescript/src/contexts/MainContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MainContext.d.ts","sourceRoot":"","sources":["../../../../src/contexts/MainContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAC7E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,gBAAgB;IACxB,aAAa,EAAE,aAAa,CAAC;IAC7B,gBAAgB,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACzC,kBAAkB,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;IAC7D,kBAAkB,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;CAC9D;AAED,QAAA,MAAM,WAAW,kDAA+C,CAAC;AAEjE,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MainContext.d.ts","sourceRoot":"","sources":["../../../../src/contexts/MainContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAC7E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,UAAU,gBAAgB;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,gBAAgB,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACzC,kBAAkB,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;IAC7D,kBAAkB,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;CAC9D;AAED,QAAA,MAAM,WAAW,kDAA+C,CAAC;AAEjE,eAAe,WAAW,CAAC"}

package/lib/typescript/src/hooks/useNetworkInterceptor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNetworkInterceptor.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useNetworkInterceptor.ts"],"names":[],"mappings":"AAcA,UAAU,wBAAwB;IAChC,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAUD,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,WAAW,EACX,cAAc,GACf,EAAE,wBAAwB;;;;;;EA4P1B"}
+{"version":3,"file":"useNetworkInterceptor.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useNetworkInterceptor.ts"],"names":[],"mappings":"AAcA,UAAU,wBAAwB;IAChC,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAUD,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,WAAW,EACX,cAAc,GACf,EAAE,wBAAwB;;;;;;EAkQ1B"}

package/lib/typescript/src/interceptors/WebSocketInterceptor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WebSocketInterceptor.d.ts","sourceRoot":"","sources":["../../../../src/interceptors/WebSocketInterceptor.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAQ1D,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,kBAAkB,CAAC,iBAAiB,CAAC;IACrF,SAAS,CAAC,QAAQ,EAAE,iBAAiB,CAQnC;IAEF,OAAO,CAAC,YAAY,CAAmC;IACvD,OAAO,CAAC,aAAa,CAA6B;IAElD,OAAO,CAAC,mBAAmB;IAc3B,OAAO,CAAC,cAAc;IAsBtB,OAAO,CAAC,gBAAgB;IAOxB,kBAAkB,IAAI,IAAI;IAsC1B,mBAAmB,IAAI,IAAI;CAc5B"}
+{"version":3,"file":"WebSocketInterceptor.d.ts","sourceRoot":"","sources":["../../../../src/interceptors/WebSocketInterceptor.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAmB,iBAAiB,EAAE,MAAM,UAAU,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAU1D,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,kBAAkB,CAAC,iBAAiB,CAAC;IACrF,SAAS,CAAC,QAAQ,EAAE,iBAAiB,CAQnC;IAEF,OAAO,CAAC,YAAY,CAAmC;IACvD,OAAO,CAAC,aAAa,CAA6B;IAElD,OAAO,CAAC,mBAAmB;IAc3B,OAAO,CAAC,cAAc;IAsBtB,OAAO,CAAC,gBAAgB;IAOxB,kBAAkB,IAAI,IAAI;IAsC1B,mBAAmB,IAAI,IAAI;CAc5B"}

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

@@ -1,3 +1,4 @@
+import type { TurboModule } from 'react-native';
 import type { NetworkRequest, NetworkType } from './common';
 export interface WebSocketRequest extends NetworkRequest {
     type: NetworkType.WS;
@@ -27,4 +28,13 @@ export interface WebSocketHandlers {
     onError: ((socketId: number, error: WebSocketRequest['serverError']) => void) | null;
     onClose: ((socketId: number, data: WebSocketRequest['serverClose']) => void) | null;
 }
+export interface NativeWebSocket extends TurboModule {
+    connect: (url: string, protocols?: Array<string>, options?: WebSocketRequest['options'], socketID?: number) => void;
+    send: (message: string, forSocketID: number) => void;
+    sendBinary: (base64String: string, forSocketID: number) => void;
+    ping: (socketID: number) => void;
+    close: (code: number, reason: string, socketID: number) => void;
+    addListener: (eventName: string) => void;
+    removeListeners: (count: number) => void;
+}
 //# sourceMappingURL=websocket.d.ts.map

package/lib/typescript/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,MAAM,WAAW,iBAAiB;IAChC,OAAO,EACH,CAAC,CACC,SAAS,EAAE,MAAM,EACjB,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,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IAC7D,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"}
+{"version":3,"file":"websocket.d.ts","sourceRoot":"","sources":["../../../../src/types/websocket.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,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,SAAS,EAAE,MAAM,EACjB,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,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IAC7D,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;AAED,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,OAAO,EAAE,CACP,GAAG,EAAE,MAAM,EACX,SAAS,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,EACzB,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,EACrC,QAAQ,CAAC,EAAE,MAAM,KACd,IAAI,CAAC;IACV,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,UAAU,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C"}

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

@@ -1 +1 @@
-{"version":3,"file":"Xenon.d.ts","sourceRoot":"","sources":["../../../../src/ui/Xenon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiD,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAahG,kBAAU,KAAK,CAAC;IAOd,UAAU,KAAK;QACb;;;WAGG;QACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;QACpC;;;WAGG;QACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;QACpC;;;WAGG;QACH,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB;;;WAGG;QACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B;;;;WAIG;QACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;KAC3B;IAED,UAAU,YAAa,SAAQ,KAAK;QAClC;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,EAAE,SAAS,CAAC;KACrB;IAsBD;;;OAGG;IACH,MAAM,CAAC,MAAM,SAAS,eAA0C,CAAC;IAEjE;;;OAGG;IACH,MAAM,CAAC,MAAM,IAAI,QAAO,IAA2B,CAAC;IAEpD;;;OAGG;IACH,MAAM,CAAC,MAAM,IAAI,QAAO,IAA2B,CAAC;IAqFpD,MAAM,UAAU,OAAO,CAAC,EAAE,QAAgB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAe3F;IAfD,MAAM,WAAU,OAAO;;;;CAkBxB;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Xenon.d.ts","sourceRoot":"","sources":["../../../../src/ui/Xenon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwC,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvF,kBAAU,KAAK,CAAC;IAOd,UAAU,KAAK;QACb;;;WAGG;QACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;QACpC;;;WAGG;QACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;QACpC;;;WAGG;QACH,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB;;;WAGG;QACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B;;;;WAIG;QACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;KAC3B;IAED,UAAU,YAAa,SAAQ,KAAK;QAClC;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,EAAE,SAAS,CAAC;KACrB;IAKD;;;OAGG;IACH,MAAM,CAAC,MAAM,SAAS,eAA0C,CAAC;IAEjE;;;OAGG;IACH,MAAM,CAAC,MAAM,IAAI,QAAO,IAA2B,CAAC;IAEpD;;;OAGG;IACH,MAAM,CAAC,MAAM,IAAI,QAAO,IAA2B,CAAC;IAuEpD,MAAM,UAAU,OAAO,CAAC,EAAE,QAAgB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAe3F;IAfD,MAAM,WAAU,OAAO;;;;CAkBxB;AAED,eAAe,KAAK,CAAC"}

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

@@ -1,10 +1,7 @@
-import { View, type StyleProp, type ViewStyle } from 'react-native';
-interface BubbleProps {
+import { View, type ViewProps } from 'react-native';
+interface BubbleProps extends ViewProps {
     bubbleSize: number;
     idleBubbleOpacity: number;
-    screenWidth: number;
-    screenHeight: number;
-    style?: StyleProp<ViewStyle>;
 }
 declare const Bubble: import("react").ForwardRefExoticComponent<BubbleProps & import("react").RefAttributes<View>>;
 export default Bubble;

package/lib/typescript/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":"AACA,OAAO,EAIL,IAAI,EAEJ,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAOtB,UAAU,WAAW;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,MAAM,8FA8FX,CAAC;AAgBF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Bubble.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/bubble/Bubble.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,IAAI,EAEJ,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAQtB,UAAU,WAAY,SAAQ,SAAS;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,MAAM,8FAiGX,CAAC;AAgBF,eAAe,MAAM,CAAC"}

package/lib/typescript/src/ui/components/common/Empty.d.ts

@@ -0,0 +1,3 @@
+import type { PropsWithChildren } from 'react';
+export default function Empty({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Empty.d.ts.map

package/lib/typescript/src/ui/components/common/Empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/common/Empty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAM5D"}

package/lib/typescript/src/ui/components/index.d.ts

@@ -1,6 +1,5 @@
 export { default as Bubble } from './bubble/Bubble';
 export { default as IndexedStack } from './common/IndexedStack';
-export { default as Header } from './headers/Header';
 export { default as Panel } from './panels/Panel';
 export { default as SearchBar } from './search-bar/SearchBar';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/ui/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,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;AAStB,QAAA,MAAM,YAAY;YAAkC,SAAS,CAAC,SAAS,CAAC;iDAsDtE,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,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"}

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;AAetB,QAAA,MAAM,YAAY;YAAkC,SAAS,CAAC,SAAS,CAAC;iDAyDtE,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;AAgBtB,QAAA,MAAM,YAAY;YAAkC,SAAS,CAAC,SAAS,CAAC;iDA0DtE,CAAC;AASH,eAAe,YAAY,CAAC"}

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

@@ -1,2 +1,6 @@
-export default function Panel(): import("react/jsx-runtime").JSX.Element;
+import { View, type ViewProps } from 'react-native';
+interface PanelProps extends ViewProps {
+}
+declare const Panel: import("react").ForwardRefExoticComponent<PanelProps & import("react").RefAttributes<View>>;
+export default Panel;
 //# sourceMappingURL=Panel.d.ts.map

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":"AAOA,MAAM,CAAC,OAAO,UAAU,KAAK,4CAS5B"}
+{"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"}

package/lib/typescript/src/ui/components/search-bar/SearchBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/search-bar/SearchBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,IAAI,EAGJ,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAUtB,UAAU,cAAe,SAAQ,SAAS;CAAG;AAE7C,QAAA,MAAM,SAAS,iGA+Db,CAAC;AA2CH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/search-bar/SearchBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,IAAI,EAGJ,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAUtB,UAAU,cAAe,SAAQ,SAAS;CAAG;AAI7C,QAAA,MAAM,SAAS,iGAiEb,CAAC;AAmCH,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-xenon",
-  "version": "2.0.0",
+  "version": "2.2.0",
   "description": "A powerful in-app debugging tool for React Native.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -47,6 +47,7 @@
     "xenon",
     "inspector",
     "debugger",
+    "devtools",
     "https",
     "network",
     "nsurlsession",

package/src/contexts/MainContext.ts

@@ -2,8 +2,10 @@ import { createContext } from 'react';
 import type { Updater } from 'use-immer';
 import type { useConsoleInterceptor, useNetworkInterceptor } from '../hooks';
 import type { DebuggerState } from '../types';
+import type { ScaledSize } from 'react-native';
 
 interface MainContextValue {
+  dimensions: ScaledSize;
   debuggerState: DebuggerState;
   setDebuggerState: Updater<DebuggerState>;
   networkInterceptor: ReturnType<typeof useNetworkInterceptor>;

package/src/core/global.d.ts

@@ -1,29 +1,3 @@
 interface XMLHttpRequest {
   _interceptionId?: string;
 }
-
-declare module 'react-native/Libraries/WebSocket/NativeWebSocketModule' {
-  interface NativeWebSocketModule extends NativeModule {
-    connect(
-      url: string,
-      protocols?: string | string[],
-      options?: {
-        headers: { [headerName: string]: string };
-        [optionName: string]: any;
-      },
-      socketId: number,
-    ): void;
-
-    send(data: string, socketId: number): void;
-
-    sendBinary(base64String: string, socketId: number): void;
-
-    close(code: number, reason: string, socketId: number): void;
-
-    addListener: (eventType: string) => void;
-    removeListeners: (count: number) => void;
-  }
-
-  const NativeWebSocketModule: NativeWebSocketModule;
-  export default NativeWebSocketModule;
-}

package/src/hooks/useNetworkInterceptor.ts

@@ -43,14 +43,17 @@ export default function useNetworkInterceptor({
     setNetworkRequests(initRequests);
   };
 
+  const isMatchedDomain = (url: string) => {
+    if (!includeDomains?.length) return true;
+
+    return includeDomains.some(domain => url.includes(domain));
+  };
+
   const enableHttpInterceptions = useCallback(() => {
     const openCallback: HttpHandlers['open'] = (id, type, method, url) => {
       if (!id) return;
 
-      const isNotMatchedDomain =
-        !!joinedIncludeDomains.length && !includeDomains?.some(domain => url.includes(domain));
-
-      if (isNotMatchedDomain) return;
+      if (!isMatchedDomain(url)) return;
 
       setNetworkRequests((draft: NetworkRequests<HttpRequest>) => {
         draft.set(id, { type, method, url });
@@ -162,6 +165,8 @@ export default function useNetworkInterceptor({
     ) => {
       if (typeof socketId !== 'number') return;
 
+      if (!isMatchedDomain(url)) return;
+
       setNetworkRequests((draft: NetworkRequests<WebSocketRequest>) => {
         draft.set(`${socketId}`, {
           startTime,
@@ -245,7 +250,8 @@ export default function useNetworkInterceptor({
       .set('onError', onErrorCallback)
       .set('onClose', onCloseCallback)
       .enableInterception();
-  }, [setNetworkRequests]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [joinedIncludeDomains, setNetworkRequests]);
 
   const enableInterception = useCallback(() => {
     if (isEnabled()) return;

package/src/interceptors/WebSocketInterceptor.ts

@@ -1,9 +1,10 @@
-import { NativeEventEmitter, type EmitterSubscription } from 'react-native';
-import NativeWebSocketModule from 'react-native/Libraries/WebSocket/NativeWebSocketModule';
+import { NativeEventEmitter, TurboModuleRegistry, type EmitterSubscription } from 'react-native';
 import { frozen, singleton } from '../core/utils';
-import type { WebSocketHandlers } from '../types';
+import type { NativeWebSocket, WebSocketHandlers } from '../types';
 import { NetworkInterceptor } from './NetworkInterceptor';
 
+const NativeWebSocketModule = TurboModuleRegistry.getEnforcing<NativeWebSocket>('WebSocketModule');
+
 const originalWebSocketConnect = NativeWebSocketModule.connect;
 const originalWebSocketSend = NativeWebSocketModule.send;
 const originalWebSocketSendBinary = NativeWebSocketModule.sendBinary;

package/src/types/websocket.ts

@@ -1,3 +1,4 @@
+import type { TurboModule } from 'react-native';
 import type { NetworkRequest, NetworkType } from './common';
 
 export interface WebSocketRequest extends NetworkRequest {
@@ -30,3 +31,18 @@ export interface WebSocketHandlers {
   onError: ((socketId: number, error: WebSocketRequest['serverError']) => void) | null;
   onClose: ((socketId: number, data: WebSocketRequest['serverClose']) => void) | null;
 }
+
+export interface NativeWebSocket extends TurboModule {
+  connect: (
+    url: string,
+    protocols?: Array<string>,
+    options?: WebSocketRequest['options'],
+    socketID?: number,
+  ) => void;
+  send: (message: string, forSocketID: number) => void;
+  sendBinary: (base64String: string, forSocketID: number) => void;
+  ping: (socketID: number) => void;
+  close: (code: number, reason: string, socketID: number) => void;
+  addListener: (eventName: string) => void;
+  removeListeners: (count: number) => void;
+}

package/src/ui/Xenon.tsx

@@ -1,16 +1,13 @@
 import { enableMapSet } from 'immer';
-import { createRef, memo, useImperativeHandle, useMemo, type JSX, type ReactNode } from 'react';
-import { Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { createRef, memo, useImperativeHandle, type JSX, type ReactNode } from 'react';
+import { Platform, useWindowDimensions } from 'react-native';
 import { FullWindowOverlay } from 'react-native-screens';
 import { useImmer } from 'use-immer';
 import { MainContext } from '../contexts';
 import refs, { DebuggerVisibility } from '../core/refs';
 import { useConsoleInterceptor, useNetworkInterceptor } from '../hooks';
-import colors from '../theme/colors';
 import { type DebuggerState } from '../types';
-import { Bubble, Header, IndexedStack, Panel, SearchBar } from './components';
-import SafeArea from './components/common/SafeArea';
+import { Bubble, IndexedStack, Panel, SearchBar } from './components';
 
 namespace Xenon {
   interface Methods {
@@ -60,23 +57,6 @@ namespace Xenon {
   enableMapSet();
   const ref = createRef<Methods>();
 
-  const styles = StyleSheet.create({
-    container: {
-      flex: 1,
-      ...StyleSheet.absoluteFillObject,
-      pointerEvents: 'box-none',
-      ...(Platform.OS === 'android' ? { zIndex: 9999 } : {}),
-      top: undefined,
-      bottom: undefined,
-      backgroundColor: colors.lightGray,
-      borderBottomColor: colors.gray,
-      borderBottomWidth: StyleSheet.hairlineWidth,
-    },
-    safeArea: {
-      flex: 1,
-    },
-  });
-
   /**
    * Checks whether the debugger is currently visible.
    * @returns `true` if the debugger is currently visible, otherwise `false`.
@@ -103,7 +83,7 @@ namespace Xenon {
       idleBubbleOpacity = 0.5,
       includeDomains,
     }: Props) => {
-      const { width, height } = useWindowDimensions();
+      const dimensions = useWindowDimensions();
 
       const [debuggerState, setDebuggerState] = useImmer<DebuggerState>({
         position: 'bottom',
@@ -111,14 +91,6 @@ namespace Xenon {
         searchQuery: '',
       });
 
-      const containerStyle = useMemo(
-        () => [
-          styles.container,
-          { [debuggerState.position]: 0, height: Math.min(width, height) * 0.75 },
-        ],
-        [debuggerState.position, height, width],
-      );
-
       const networkInterceptor = useNetworkInterceptor({
         autoEnabled: autoInspectNetworkEnabled,
         includeDomains,
@@ -152,24 +124,18 @@ namespace Xenon {
 
       return (
         <MainContext.Provider
-          value={{ debuggerState, setDebuggerState, networkInterceptor, consoleInterceptor }}
+          value={{
+            dimensions,
+            debuggerState,
+            setDebuggerState,
+            networkInterceptor,
+            consoleInterceptor,
+          }}
         >
           <IndexedStack defaultIndex={DebuggerVisibility.Hidden} id="debugger" ref={refs.debugger}>
-            <Bubble
-              bubbleSize={bubbleSize}
-              idleBubbleOpacity={idleBubbleOpacity}
-              screenWidth={width}
-              screenHeight={height}
-            />
-
-            <View style={containerStyle}>
-              <SafeAreaProvider>
-                {debuggerState.position === 'top' && <SafeArea inset="top" />}
-                <Header />
-                <Panel />
-                {debuggerState.position === 'bottom' && <SafeArea inset="bottom" />}
-              </SafeAreaProvider>
-            </View>
+            <Bubble bubbleSize={bubbleSize} idleBubbleOpacity={idleBubbleOpacity} />
+
+            <Panel />
 
             <SearchBar />
           </IndexedStack>