react-native-xenon 0.1.0

package/lib/commonjs/ui/Xenon.js

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../hooks/index.js");
+var _index2 = require("../types/index.js");
+var _index3 = require("./components/index.js");
+var _MainContext = _interopRequireDefault(require("../contexts/MainContext.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const rootRef = /*#__PURE__*/(0, _react.createRef)();
+function XenonComponent({
+  autoInspectNetwork = true,
+  autoInspectConsole = true,
+  bubbleSize = 40
+}) {
+  const {
+    width: screenWidth,
+    height: screenHeight
+  } = (0, _reactNative.useWindowDimensions)();
+  const verticalSafeMargin = screenHeight / 8;
+  const pan = (0, _react.useRef)(new _reactNative.Animated.ValueXY({
+    x: 0,
+    y: verticalSafeMargin
+  }));
+  const detailsData = (0, _react.useRef)(null);
+  const [debuggerVisibility, setDebuggerVisibility] = (0, _react.useState)('hidden');
+  const [debuggerPosition, setDebuggerPosition] = (0, _react.useState)('bottom');
+  const [panelSelected, setPanelSelected] = (0, _react.useState)(_index2.DebuggerPanel.Network);
+  const networkInterceptor = (0, _index.useNetworkInterceptor)({
+    autoEnabled: autoInspectNetwork
+  });
+  const logInterceptor = (0, _index.useConsoleInterceptor)({
+    autoEnabled: autoInspectConsole
+  });
+  (0, _react.useImperativeHandle)(rootRef, () => ({
+    show() {
+      setDebuggerVisibility('bubble');
+    },
+    hide() {
+      setDebuggerVisibility('hidden');
+    }
+  }), []);
+  let content;
+  switch (debuggerVisibility) {
+    case 'bubble':
+      content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.bubbleBackdrop,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Bubble, {
+          bubbleSize: bubbleSize,
+          pan: pan
+        })
+      });
+      break;
+    case 'panel':
+      content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.SafeAreaView, {
+        style: [styles.container,
+        // eslint-disable-next-line react-native/no-inline-styles
+        {
+          [debuggerPosition]: 0,
+          height: Math.min(screenWidth, screenHeight) * 0.75
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.DebuggerHeader, {}), panelSelected === _index2.DebuggerPanel.Network && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.NetworkPanel, {}), panelSelected === _index2.DebuggerPanel.Console && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.ConsolePanel, {}), !panelSelected && !!detailsData.current && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.DetailsViewer, {})]
+      });
+      break;
+    default:
+      content = null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MainContext.default.Provider, {
+    value: {
+      debuggerVisibility,
+      setDebuggerVisibility,
+      debuggerPosition,
+      setDebuggerPosition,
+      panelSelected,
+      setPanelSelected,
+      networkInterceptor,
+      logInterceptor,
+      detailsData,
+      screenWidth,
+      screenHeight,
+      verticalSafeMargin
+    },
+    children: content
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    top: undefined,
+    bottom: undefined,
+    zIndex: 9999,
+    backgroundColor: '#AAAAAA'
+  },
+  bubbleBackdrop: {
+    flex: 1,
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    pointerEvents: 'box-none'
+  }
+});
+XenonComponent.displayName = 'Xenon';
+const Xenon = {
+  show() {
+    rootRef.current?.show();
+  },
+  hide() {
+    rootRef.current?.hide();
+  },
+  Component: XenonComponent
+};
+var _default = exports.default = Xenon;
+//# sourceMappingURL=Xenon.js.map

package/lib/commonjs/ui/Xenon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_index2","_index3","_MainContext","_interopRequireDefault","_jsxRuntime","e","__esModule","default","rootRef","createRef","XenonComponent","autoInspectNetwork","autoInspectConsole","bubbleSize","width","screenWidth","height","screenHeight","useWindowDimensions","verticalSafeMargin","pan","useRef","Animated","ValueXY","x","y","detailsData","debuggerVisibility","setDebuggerVisibility","useState","debuggerPosition","setDebuggerPosition","panelSelected","setPanelSelected","DebuggerPanel","Network","networkInterceptor","useNetworkInterceptor","autoEnabled","logInterceptor","useConsoleInterceptor","useImperativeHandle","show","hide","content","jsx","View","style","styles","bubbleBackdrop","children","Bubble","jsxs","SafeAreaView","container","Math","min","DebuggerHeader","NetworkPanel","Console","ConsolePanel","current","DetailsViewer","Provider","value","StyleSheet","create","flex","absoluteFillObject","top","undefined","bottom","zIndex","backgroundColor","pointerEvents","displayName","Xenon","Component","_default","exports"],"sourceRoot":"../../../src","sources":["ui/Xenon.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/components/bubble/Bubble.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Bubble;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../../../contexts/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function Bubble({
+  bubbleSize,
+  pan
+}) {
+  const {
+    setDebuggerVisibility,
+    screenWidth,
+    screenHeight,
+    verticalSafeMargin
+  } = (0, _react.useContext)(_index.MainContext);
+  const panResponder = (0, _react.useMemo)(() => _reactNative.PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    onPanResponderGrant: () => {
+      pan.current.setOffset({
+        // @ts-ignore
+        x: pan.current.x._value,
+        // @ts-ignore
+        y: pan.current.y._value
+      });
+      pan.current.setValue({
+        x: 0,
+        y: 0
+      });
+    },
+    onPanResponderMove: _reactNative.Animated.event([null, {
+      dx: pan.current.x,
+      dy: pan.current.y
+    }], {
+      useNativeDriver: false
+    }),
+    onPanResponderRelease: (_, gesture) => {
+      const isTapGesture = gesture.dx > -10 && gesture.dx < 10 && gesture.dy > -10 && gesture.dy < 10;
+      if (isTapGesture) setDebuggerVisibility('panel');
+      pan.current.flattenOffset();
+      const finalX = gesture.moveX < (screenWidth - bubbleSize) / 2 ? 0 : screenWidth - bubbleSize;
+      const finalY = Math.min(Math.max(verticalSafeMargin, gesture.moveY), screenHeight - verticalSafeMargin - bubbleSize);
+      _reactNative.Animated.spring(pan.current, {
+        toValue: {
+          x: finalX,
+          y: finalY
+        },
+        useNativeDriver: false
+      }).start();
+    }
+  }), [bubbleSize, pan, screenHeight, screenWidth, setDebuggerVisibility, verticalSafeMargin]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    ...panResponder.panHandlers,
+    style: [styles.bubble, {
+      width: bubbleSize,
+      height: bubbleSize,
+      borderRadius: bubbleSize / 2,
+      transform: pan.current.getTranslateTransform()
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: require('../../../assets/code.png'),
+      style: {
+        width: bubbleSize * 0.75,
+        height: bubbleSize * 0.75
+      }
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  bubble: {
+    backgroundColor: '#AAAAAA',
+    position: 'absolute',
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=Bubble.js.map

package/lib/commonjs/ui/components/bubble/Bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_jsxRuntime","Bubble","bubbleSize","pan","setDebuggerVisibility","screenWidth","screenHeight","verticalSafeMargin","useContext","MainContext","panResponder","useMemo","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","current","setOffset","x","_value","y","setValue","onPanResponderMove","Animated","event","dx","dy","useNativeDriver","onPanResponderRelease","_","gesture","isTapGesture","flattenOffset","finalX","moveX","finalY","Math","min","max","moveY","spring","toValue","start","jsx","View","panHandlers","style","styles","bubble","width","height","borderRadius","transform","getTranslateTransform","children","Image","source","StyleSheet","backgroundColor","position","justifyContent","alignItems"],"sourceRoot":"../../../../../src","sources":["ui/components/bubble/Bubble.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/components/details/DetailsViewer.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DetailsViewer;
+var _react = require("react");
+var _index = require("../../../contexts/index.js");
+var _index2 = require("../../../types/index.js");
+var _LogMessageDetails = _interopRequireDefault(require("./LogMessageDetails.js"));
+var _NetworkRequestDetails = _interopRequireDefault(require("./NetworkRequestDetails.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function DetailsViewer() {
+  const {
+    detailsData
+  } = (0, _react.useContext)(_index.MainContext);
+  switch (true) {
+    case !detailsData.current:
+      return null;
+    case _index2.DebuggerPanel.Network in detailsData.current:
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkRequestDetails.default, {
+        item: detailsData.current.network
+      });
+    case _index2.DebuggerPanel.Console in detailsData.current:
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LogMessageDetails.default, {
+        item: detailsData.current.console
+      });
+    default:
+      return null;
+  }
+}
+//# sourceMappingURL=DetailsViewer.js.map

package/lib/commonjs/ui/components/details/DetailsViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_index","_index2","_LogMessageDetails","_interopRequireDefault","_NetworkRequestDetails","_jsxRuntime","e","__esModule","default","DetailsViewer","detailsData","useContext","MainContext","current","DebuggerPanel","Network","jsx","item","network","Console","console"],"sourceRoot":"../../../../../src","sources":["ui/components/details/DetailsViewer.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAA4D,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAI,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE7C,SAASG,aAAaA,CAAA,EAAG;EACtC,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,iBAAU,EAACC,kBAAW,CAAE;EAEhD,QAAQ,IAAI;IACV,KAAK,CAACF,WAAW,CAACG,OAAO;MACvB,OAAO,IAAI;IACb,KAAKC,qBAAa,CAACC,OAAO,IAAIL,WAAW,CAACG,OAAQ;MAChD,oBAAO,IAAAR,WAAA,CAAAW,GAAA,EAACZ,sBAAA,CAAAI,OAAqB;QAACS,IAAI,EAAEP,WAAW,CAACG,OAAO,CAACK;MAAQ,CAAE,CAAC;IACrE,KAAKJ,qBAAa,CAACK,OAAO,IAAIT,WAAW,CAACG,OAAQ;MAChD,oBAAO,IAAAR,WAAA,CAAAW,GAAA,EAACd,kBAAA,CAAAM,OAAiB;QAACS,IAAI,EAAEP,WAAW,CAACG,OAAO,CAACO;MAAQ,CAAE,CAAC;IACjE;MACE,OAAO,IAAI;EACf;AACF","ignoreList":[]}

package/lib/commonjs/ui/components/details/LogMessageDetails.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = LogMessageDetails;
+var _reactNative = require("react-native");
+var _utils = require("../../../utils.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function LogMessageDetails({
+  item
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    style: styles.container,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      children: (0, _utils.formatLogMessage)(item.type, item.values)
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    paddingHorizontal: 8
+  },
+  divider: {
+    height: 1,
+    backgroundColor: '#888888'
+  }
+});
+//# sourceMappingURL=LogMessageDetails.js.map

package/lib/commonjs/ui/components/details/LogMessageDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_utils","_jsxRuntime","LogMessageDetails","item","jsx","ScrollView","style","styles","container","children","Text","formatLogMessage","type","values","StyleSheet","create","flex","paddingHorizontal","divider","height","backgroundColor"],"sourceRoot":"../../../../../src","sources":["ui/components/details/LogMessageDetails.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAAkD,IAAAE,WAAA,GAAAF,OAAA;AAMnC,SAASG,iBAAiBA,CAAC;EAAEC;AAA6B,CAAC,EAAE;EAC1E,oBACE,IAAAF,WAAA,CAAAG,GAAA,EAACN,YAAA,CAAAO,UAAU;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAClC,IAAAR,WAAA,CAAAG,GAAA,EAACN,YAAA,CAAAY,IAAI;MAAAD,QAAA,EAAE,IAAAE,uBAAgB,EAACR,IAAI,CAACS,IAAI,EAAET,IAAI,CAACU,MAAM;IAAC,CAAO;EAAC,CAC7C,CAAC;AAEjB;AAEA,MAAMN,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE;EACrB,CAAC;EACDC,OAAO,EAAE;IACPC,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeUrlPolyfill","_index","_utils","_NetworkRequestDetailsHeader","_interopRequireDefault","_NetworkRequestDetailsItem","_jsxRuntime","e","__esModule","default","NetworkRequestDetails","item","selectedTab","setSelectedTab","useState","isWebSocket","type","NetworkType","WS","requestUrl","URL","uri","url","headerShown","queryStringParametersShown","search","bodyShown","body","responseShown","response","messagesShown","messages","content","useRef","headers","queryStringParameters","current","jsxs","Fragment","children","jsx","label","formatMethod","undefined","method","formatStatusCode","status","limitChar","options","responseHeaders","requestHeadersString","convertToCurl","requestHeaders","selectable","searchParams","forEach","value","name","push","map","index","onChangeTab","headersShown","ScrollView","style","styles","container","StyleSheet","create","flex","paddingHorizontal","divider","height","backgroundColor","text","fontSize","color","fontWeight"],"sourceRoot":"../../../../../src","sources":["ui/components/details/NetworkRequestDetails.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAMA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,4BAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,0BAAA,GAAAD,sBAAA,CAAAN,OAAA;AAA2E,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAM,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM5D,SAASG,qBAAqBA,CAAC;EAAEC;AAAiC,CAAC,EAAE;EAClF,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAa,SAAS,CAAC;EAErE,MAAMC,WAAW,GAAGJ,IAAI,CAACK,IAAI,KAAKC,kBAAW,CAACC,EAAE;EAEhD,MAAMC,UAAU,GAAG,IAAIC,2BAAG,CAACL,WAAW,GAAGJ,IAAI,CAACU,GAAG,GAAGV,IAAI,CAACW,GAAG,CAAC;EAE7D,MAAMC,WAAW,GAAG,CAACR,WAAW,GAAG,KAAK,GAAG,KAAK,KAAKJ,IAAI;EACzD,MAAMa,0BAA0B,GAAG,CAAC,CAACL,UAAU,CAACM,MAAM;EACtD,MAAMC,SAAS,GAAG,CAACX,WAAW,IAAI,CAAC,CAACJ,IAAI,CAACgB,IAAI;EAC7C,MAAMC,aAAa,GAAG,CAACb,WAAW,IAAI,CAAC,CAACJ,IAAI,CAACkB,QAAQ;EACrD,MAAMC,aAAa,GAAGf,WAAW,IAAI,CAAC,CAACJ,IAAI,CAACoB,QAAQ;EAEpD,MAAMC,OAAO,GAAG,IAAAC,aAAM,EAAyC;IAC7DC,OAAO,EAAE,IAAI;IACbC,qBAAqB,EAAE,IAAI;IAC3BR,IAAI,EAAE,IAAI;IACVE,QAAQ,EAAE,IAAI;IACdE,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIR,WAAW,IAAI,CAACS,OAAO,CAACI,OAAO,CAACF,OAAO,EAAE;IAC3CF,OAAO,CAACI,OAAO,CAACF,OAAO,gBACrB,IAAA5B,WAAA,CAAA+B,IAAA,EAAA/B,WAAA,CAAAgC,QAAA;MAAAC,QAAA,gBACE,IAAAjC,WAAA,CAAAkC,GAAA,EAACnC,0BAAA,CAAAI,OAAyB;QAACgC,KAAK,EAAC,cAAc;QAACT,OAAO,EAAErB,IAAI,CAACK;MAAK,CAAE,CAAC,eAEtE,IAAAV,WAAA,CAAAkC,GAAA,EAACnC,0BAAA,CAAAI,OAAyB;QACxBgC,KAAK,EAAC,aAAa;QACnBT,OAAO,EAAEjB,WAAW,GAAGJ,IAAI,CAACU,GAAG,GAAGV,IAAI,CAACW;MAAI,CAC5C,CAAC,eAEF,IAAAhB,WAAA,CAAAkC,GAAA,EAACnC,0BAAA,CAAAI,OAAyB;QACxBgC,KAAK,EAAC,gBAAgB;QACtBT,OAAO,EAAE,IAAAU,mBAAY,EAAC3B,WAAW,GAAG4B,SAAS,GAAGhC,IAAI,CAACiC,MAAM;MAAE,CAC9D,CAAC,eAEF,IAAAtC,WAAA,CAAAkC,GAAA,EAACnC,0BAAA,CAAAI,OAAyB;QAACgC,KAAK,EAAC,aAAa;QAACT,OAAO,EAAE,IAAAa,uBAAgB,EAAClC,IAAI,CAACmC,MAAM;MAAE,CAAE,CAAC,EAExF/B,WAAW,iBACV,IAAAT,WAAA,CAAAkC,GAAA,EAACnC,0BAAA,CAAAI,OAAyB;QAACgC,KAAK,EAAC,SAAS;QAACT,OAAO,EAAE,IAAAe,gBAAS,EAACpC,IAAI,CAACqC,OAAO,EAAEd,OAAO;MAAE,CAAE,CACxF,EAEA,CAACnB,WAAW,iBACX,IAAAT,WAAA,CAAAkC,GAAA,EAACnC,0BAAA,CAAAI,OAAyB;QAACgC,KAAK,EAAC,kBAAkB;QAACT,OAAO,EAAErB,IAAI,CAACsC;MAAgB,CAAE,CACrF,EAEA,CAAClC,WAAW,iBACX,IAAAT,WAAA,CAAAkC,GAAA,EAACnC,0BAAA,CAAAI,OAAyB;QAACgC,KAAK,EAAC,iBAAiB;QAACT,OAAO,EAAErB,IAAI,CAACuC;MAAqB,CAAE,CACzF,EAEA,CAACnC,WAAW,iBACX,IAAAT,WAAA,CAAAkC,GAAA,EAACnC,0BAAA,CAAAI,OAAyB;QACxBuB,OAAO,EAAE,IAAAmB,oBAAa,EAACxC,IAAI,CAACiC,MAAM,EAAEjC,IAAI,CAACW,GAAG,EAAEX,IAAI,CAACyC,cAAc,EAAEzC,IAAI,CAACgB,IAAI,CAAE;QAC9E0B,UAAU;MAAA,CACX,CACF;IAAA,CACD,CACH;EACH;EAEA,IAAI7B,0BAA0B,IAAI,CAACQ,OAAO,CAACI,OAAO,CAACD,qBAAqB,EAAE;IACxE,MAAMA,qBAAyD,GAAG,EAAE;IAEpEhB,UAAU,CAACmC,YAAY,CAACC,OAAO,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAK;MAC/CtB,qBAAqB,CAACuB,IAAI,CAAC;QAAED,IAAI;QAAED;MAAM,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEFxB,OAAO,CAACI,OAAO,CAACD,qBAAqB,gBACnC,IAAA7B,WAAA,CAAAkC,GAAA,EAAAlC,WAAA,CAAAgC,QAAA;MAAAC,QAAA,EACGJ,qBAAqB,CAACwB,GAAG,CAAC,CAAC;QAAEF,IAAI;QAAED;MAAM,CAAC,EAAEI,KAAK,kBAChD,IAAAtD,WAAA,CAAAkC,GAAA,EAACnC,0BAAA,CAAAI,OAAyB;QAAagC,KAAK,EAAEgB,IAAK;QAACzB,OAAO,EAAEwB;MAAM,GAAnCI,KAAqC,CACtE;IAAC,CACF,CACH;EACH;EAEA,IAAIlC,SAAS,IAAI,CAACM,OAAO,CAACI,OAAO,CAACT,IAAI,EAAE;IACtCK,OAAO,CAACI,OAAO,CAACT,IAAI,gBAAG,IAAArB,WAAA,CAAAkC,GAAA,EAACnC,0BAAA,CAAAI,OAAyB;MAACuB,OAAO,EAAE,IAAAe,gBAAS,EAACpC,IAAI,CAACgB,IAAI;IAAE,CAAE,CAAC;EACrF;EAEA,IAAIC,aAAa,IAAI,CAACI,OAAO,CAACI,OAAO,CAACP,QAAQ,EAAE;IAC9CG,OAAO,CAACI,OAAO,CAACP,QAAQ,gBAAG,IAAAvB,WAAA,CAAAkC,GAAA,EAACnC,0BAAA,CAAAI,OAAyB;MAACuB,OAAO,EAAE,IAAAe,gBAAS,EAACpC,IAAI,CAACkB,QAAQ;IAAE,CAAE,CAAC;EAC7F;EAEA,IAAIC,aAAa,IAAI,CAACE,OAAO,CAACI,OAAO,CAACL,QAAQ,EAAE;IAC9CC,OAAO,CAACI,OAAO,CAACL,QAAQ,gBAAG,IAAAzB,WAAA,CAAAkC,GAAA,EAACnC,0BAAA,CAAAI,OAAyB;MAACuB,OAAO,EAAErB,IAAI,CAACoB;IAAS,CAAE,CAAC;EAClF;EAEA,oBACE,IAAAzB,WAAA,CAAA+B,IAAA,EAAA/B,WAAA,CAAAgC,QAAA;IAAAC,QAAA,gBACE,IAAAjC,WAAA,CAAAkC,GAAA,EAACrC,4BAAA,CAAAM,OAAoB;MACnBG,WAAW,EAAEA,WAAY;MACzBiD,WAAW,EAAEhD,cAAe;MAC5BiD,YAAY,EAAEvC,WAAY;MAC1BC,0BAA0B,EAAEA,0BAA2B;MACvDE,SAAS,EAAEA,SAAU;MACrBE,aAAa,EAAEA,aAAc;MAC7BE,aAAa,EAAEA;IAAc,CAC9B,CAAC,eACF,IAAAxB,WAAA,CAAAkC,GAAA,EAACzC,YAAA,CAAAgE,UAAU;MAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;MAAA3B,QAAA,EAAEP,OAAO,CAACI,OAAO,CAACxB,WAAW;IAAC,CAAa,CAAC;EAAA,CAChF,CAAC;AAEP;AAEA,MAAMqD,MAAM,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE;EACrB,CAAC;EACDC,OAAO,EAAE;IACPC,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE;EACnB,CAAC;EACDC,IAAI,EAAE;IACJC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE;EACT,CAAC;EACDnC,KAAK,EAAE;IACLkC,QAAQ,EAAE,EAAE;IACZE,UAAU,EAAE,MAAM;IAClBD,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_jsxRuntime","NetworkPanelHeader","jsxs","View","style","styles","container","children","jsx","headerColumn","headerMainColumn","Text","numberOfLines","itemText","divider","StyleSheet","create","flex","flexDirection","alignItems","backgroundColor","borderRadius","flexShrink","paddingVertical","paddingLeft","height","width","fontSize","color"],"sourceRoot":"../../../../../src","sources":["ui/components/headers/NetworkPanelHeader.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAsD,IAAAC,WAAA,GAAAD,OAAA;AAEvC,SAASE,kBAAkBA,CAAA,EAAG;EAC3C,oBACE,IAAAD,WAAA,CAAAE,IAAA,EAACJ,YAAA,CAAAK,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B,IAAAP,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAK,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAACI,YAAY,EAAEJ,MAAM,CAACK,gBAAgB,CAAE;MAAAH,QAAA,eAC1D,IAAAP,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAa,IAAI;QAACC,aAAa,EAAE,CAAE;QAACR,KAAK,EAAEC,MAAM,CAACQ,QAAS;QAAAN,QAAA,EAAC;MAEhD,CAAM;IAAC,CACH,CAAC,eAEP,IAAAP,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAK,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACS;IAAQ,CAAE,CAAC,eAE/B,IAAAd,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAK,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACI,YAAa;MAAAF,QAAA,eAC/B,IAAAP,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAa,IAAI;QAACC,aAAa,EAAE,CAAE;QAACR,KAAK,EAAEC,MAAM,CAACQ,QAAS;QAAAN,QAAA,EAAC;MAEhD,CAAM;IAAC,CACH,CAAC,eAEP,IAAAP,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAK,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACS;IAAQ,CAAE,CAAC,eAE/B,IAAAd,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAK,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACI,YAAa;MAAAF,QAAA,eAC/B,IAAAP,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAa,IAAI;QAACC,aAAa,EAAE,CAAE;QAACR,KAAK,EAAEC,MAAM,CAACQ,QAAS;QAAAN,QAAA,EAAC;MAEhD,CAAM;IAAC,CACH,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,MAAMF,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,SAAS;IAC1BC,YAAY,EAAE;EAChB,CAAC;EACDX,gBAAgB,EAAE;IAChBO,IAAI,EAAE,CAAC;IACPK,UAAU,EAAE;EACd,CAAC;EACDb,YAAY,EAAE;IACZQ,IAAI,EAAE,GAAG;IACTK,UAAU,EAAE,CAAC;IACbC,eAAe,EAAE,CAAC;IAClBC,WAAW,EAAE;EACf,CAAC;EACDV,OAAO,EAAE;IACPW,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,CAAC;IACRN,eAAe,EAAE;EACnB,CAAC;EACDP,QAAQ,EAAE;IACRc,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}