react-native-xenon 0.3.0 → 0.4.1

package/lib/module/ui/Xenon.js

@@ -7,9 +7,13 @@ exports.default = void 0;
 var _immer = require("immer");
 var _react = require("react");
 var _reactNative = require("react-native");
-var _colors = _interopRequireDefault(require("../colors"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _useImmer = require("use-immer");
 var _MainContext = _interopRequireDefault(require("../contexts/MainContext"));
+var _data = require("../core/data");
+var _utils = require("../core/utils");
 var _hooks = require("../hooks");
+var _colors = _interopRequireDefault(require("../theme/colors"));
 var _types = require("../types");
 var _components = require("./components");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -19,79 +23,85 @@ const rootRef = /*#__PURE__*/(0, _react.createRef)();
 const XenonComponent = /*#__PURE__*/(0, _react.memo)(({
   autoInspectNetworkEnabled = true,
   autoInspectConsoleEnabled = true,
-  bubbleSize = 40
+  bubbleSize = 40,
+  idleBubbleOpacity = 0.5
 }) => {
   const {
-    width: screenWidth,
-    height: screenHeight
+    width,
+    height
   } = (0, _reactNative.useWindowDimensions)();
-  const verticalSafeMargin = screenHeight / 8;
   const pan = (0, _react.useRef)(new _reactNative.Animated.ValueXY({
     x: 0,
-    y: verticalSafeMargin
+    y: (0, _utils.getVerticalSafeMargin)(height)
   }));
-  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)(_types.DebuggerPanel.Network);
+  const [debuggerState, setDebuggerState] = (0, _useImmer.useImmer)({
+    visibility: 'hidden',
+    position: 'bottom',
+    selectedPanel: _types.DebuggerPanel.Network
+  });
+  const detailsShown = (0, _react.useMemo)(() => !debuggerState.selectedPanel && !!_data.detailsData.value, [debuggerState.selectedPanel]);
   const networkInterceptor = (0, _hooks.useNetworkInterceptor)({
     autoEnabled: autoInspectNetworkEnabled
   });
   const logInterceptor = (0, _hooks.useConsoleInterceptor)({
     autoEnabled: autoInspectConsoleEnabled
   });
-  (0, _react.useImperativeHandle)(rootRef, () => ({
-    isVisible() {
-      return debuggerVisibility !== 'hidden';
-    },
-    show() {
-      if (!this.isVisible()) setDebuggerVisibility('bubble');
-    },
-    hide() {
-      if (this.isVisible()) setDebuggerVisibility('hidden');
-    }
-  }), [debuggerVisibility]);
-  let content;
-  switch (debuggerVisibility) {
-    case 'bubble':
-      content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.bubbleBackdrop,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.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)(_components.DebuggerHeader, {}), panelSelected === _types.DebuggerPanel.Network && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NetworkPanel, {}), panelSelected === _types.DebuggerPanel.Console && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ConsolePanel, {}), !panelSelected && !!detailsData.current && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DetailsViewer, {})]
+  (0, _react.useImperativeHandle)(rootRef, () => {
+    const changeVisibility = (condition, value) => {
+      if (!condition) return;
+      setDebuggerState(draft => {
+        draft.visibility = value;
       });
-      break;
-    default:
-      content = null;
-  }
+    };
+    return {
+      isVisible() {
+        return debuggerState.visibility !== 'hidden';
+      },
+      show() {
+        changeVisibility(!this.isVisible(), 'bubble');
+      },
+      hide() {
+        changeVisibility(this.isVisible(), 'hidden');
+      }
+    };
+  }, [debuggerState.visibility, setDebuggerState]);
+  const renderContent = () => {
+    switch (debuggerState.visibility) {
+      case 'bubble':
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Bubble, {
+          bubbleSize: bubbleSize,
+          idleBubbleOpacity: idleBubbleOpacity,
+          pan: pan,
+          screenWidth: width,
+          screenHeight: height
+        });
+      case 'panel':
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSafeAreaContext.SafeAreaProvider, {
+          style: [styles.container,
+          // eslint-disable-next-line react-native/no-inline-styles
+          {
+            [debuggerState.position]: 0,
+            height: Math.min(width, height) * 0.75
+          }],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSafeAreaContext.SafeAreaView, {
+            style: styles.safeArea,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DebuggerHeader, {
+              detailsShown: detailsShown
+            }), debuggerState.selectedPanel === _types.DebuggerPanel.Network && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NetworkPanel, {}), debuggerState.selectedPanel === _types.DebuggerPanel.Console && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ConsolePanel, {}), detailsShown && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DetailsViewer, {})]
+          })
+        });
+      default:
+        return null;
+    }
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MainContext.default.Provider, {
     value: {
-      debuggerVisibility,
-      setDebuggerVisibility,
-      debuggerPosition,
-      setDebuggerPosition,
-      panelSelected,
-      setPanelSelected,
+      debuggerState,
+      setDebuggerState,
       networkInterceptor,
-      logInterceptor,
-      detailsData,
-      screenWidth,
-      screenHeight,
-      verticalSafeMargin
+      logInterceptor
     },
-    children: content
+    children: renderContent()
   });
 });
 const styles = _reactNative.StyleSheet.create({
@@ -103,10 +113,8 @@ const styles = _reactNative.StyleSheet.create({
     zIndex: 9999,
     backgroundColor: _colors.default.lightGray
   },
-  bubbleBackdrop: {
-    flex: 1,
-    ..._reactNative.StyleSheet.absoluteFillObject,
-    pointerEvents: 'box-none'
+  safeArea: {
+    flex: 1
   }
 });
 XenonComponent.displayName = 'Xenon';

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

@@ -1 +1 @@
-{"version":3,"names":["_immer","require","_react","_reactNative","_colors","_interopRequireDefault","_MainContext","_hooks","_types","_components","_jsxRuntime","e","__esModule","default","enableMapSet","rootRef","createRef","XenonComponent","memo","autoInspectNetworkEnabled","autoInspectConsoleEnabled","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","isVisible","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","colors","lightGray","pointerEvents","displayName","Xenon","Component","_default","exports"],"sourceRoot":"../../../src","sources":["ui/Xenon.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_immer","require","_react","_reactNative","_reactNativeSafeAreaContext","_useImmer","_MainContext","_interopRequireDefault","_data","_utils","_hooks","_colors","_types","_components","_jsxRuntime","e","__esModule","default","enableMapSet","rootRef","createRef","XenonComponent","memo","autoInspectNetworkEnabled","autoInspectConsoleEnabled","bubbleSize","idleBubbleOpacity","width","height","useWindowDimensions","pan","useRef","Animated","ValueXY","x","y","getVerticalSafeMargin","debuggerState","setDebuggerState","useImmer","visibility","position","selectedPanel","DebuggerPanel","Network","detailsShown","useMemo","detailsData","value","networkInterceptor","useNetworkInterceptor","autoEnabled","logInterceptor","useConsoleInterceptor","useImperativeHandle","changeVisibility","condition","draft","isVisible","show","hide","renderContent","jsx","Bubble","screenWidth","screenHeight","SafeAreaProvider","style","styles","container","Math","min","children","jsxs","SafeAreaView","safeArea","DebuggerHeader","NetworkPanel","Console","ConsolePanel","DetailsViewer","Provider","StyleSheet","create","flex","absoluteFillObject","top","undefined","bottom","zIndex","backgroundColor","colors","lightGray","displayName","Xenon","current","Component","_default","exports"],"sourceRoot":"../../../src","sources":["ui/Xenon.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -7,75 +7,106 @@ exports.default = Bubble;
 var _react = require("react");
 var _reactNative = require("react-native");
 var _contexts = require("../../../contexts");
-var _icons = _interopRequireDefault(require("../../../icons"));
-var _colors = _interopRequireDefault(require("../../../colors"));
+var _icons = _interopRequireDefault(require("../../../theme/icons"));
+var _colors = _interopRequireDefault(require("../../../theme/colors"));
+var _utils = require("../../../core/utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function Bubble({
   bubbleSize,
-  pan
+  idleBubbleOpacity,
+  pan,
+  screenWidth,
+  screenHeight
 }) {
   const iconSize = bubbleSize * 0.65;
   const {
-    setDebuggerVisibility,
-    screenWidth,
-    screenHeight,
-    verticalSafeMargin
+    setDebuggerState
   } = (0, _react.useContext)(_contexts.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
-        },
+  const [idleOpacity, setIdleOpacity] = (0, _react.useState)(idleBubbleOpacity);
+  const opacityTimer = (0, _react.useRef)(null);
+  const panResponder = (0, _react.useMemo)(() => {
+    const clearTimer = () => {
+      if (opacityTimer.current) clearTimeout(opacityTimer.current);
+      opacityTimer.current = null;
+    };
+    return _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
+        });
+        clearTimer();
+        setIdleOpacity(1);
+      },
+      onPanResponderMove: _reactNative.Animated.event([null, {
+        dx: pan.current.x,
+        dy: pan.current.y
+      }], {
         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: _icons.default.bug,
-      style: {
-        width: iconSize,
-        height: iconSize
+      }),
+      onPanResponderRelease: (_, gesture) => {
+        const isTapGesture = gesture.dx > -10 && gesture.dx < 10 && gesture.dy > -10 && gesture.dy < 10;
+        if (isTapGesture) setDebuggerState(draft => {
+          draft.visibility = 'panel';
+        });
+        pan.current.flattenOffset();
+        const finalX = gesture.moveX < (screenWidth - bubbleSize) / 2 ? 0 : screenWidth - bubbleSize;
+        const verticalSafeMargin = (0, _utils.getVerticalSafeMargin)(screenHeight);
+        const finalY = (0, _utils.clamp)(gesture.moveY, verticalSafeMargin, screenHeight - verticalSafeMargin - bubbleSize);
+        _reactNative.Animated.spring(pan.current, {
+          toValue: {
+            x: finalX,
+            y: finalY
+          },
+          useNativeDriver: false
+        }).start(({
+          finished
+        }) => {
+          if (!finished) return;
+          opacityTimer.current = setTimeout(() => {
+            setIdleOpacity(0.5);
+            clearTimer();
+          }, 1000);
+        });
       }
+    });
+  }, [bubbleSize, pan, screenHeight, screenWidth, setDebuggerState]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.bubbleBackdrop,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      ...panResponder.panHandlers,
+      style: [styles.bubble, {
+        width: bubbleSize,
+        height: bubbleSize,
+        borderRadius: bubbleSize / 2,
+        transform: pan.current.getTranslateTransform(),
+        opacity: idleOpacity
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: _icons.default.bug,
+        style: {
+          width: iconSize,
+          height: iconSize
+        }
+      })
     })
   });
 }
 const styles = _reactNative.StyleSheet.create({
+  bubbleBackdrop: {
+    flex: 1,
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    pointerEvents: 'box-none'
+  },
   bubble: {
     backgroundColor: _colors.default.lightGray,
     position: 'absolute',

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_contexts","_icons","_interopRequireDefault","_colors","_jsxRuntime","e","__esModule","default","Bubble","bubbleSize","pan","iconSize","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","icons","bug","StyleSheet","backgroundColor","colors","lightGray","position","justifyContent","alignItems"],"sourceRoot":"../../../../../src","sources":["ui/components/bubble/Bubble.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_contexts","_icons","_interopRequireDefault","_colors","_utils","_jsxRuntime","e","__esModule","default","Bubble","bubbleSize","idleBubbleOpacity","pan","screenWidth","screenHeight","iconSize","setDebuggerState","useContext","MainContext","idleOpacity","setIdleOpacity","useState","opacityTimer","useRef","panResponder","useMemo","clearTimer","current","clearTimeout","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","setOffset","x","_value","y","setValue","onPanResponderMove","Animated","event","dx","dy","useNativeDriver","onPanResponderRelease","_","gesture","isTapGesture","draft","visibility","flattenOffset","finalX","moveX","verticalSafeMargin","getVerticalSafeMargin","finalY","clamp","moveY","spring","toValue","start","finished","setTimeout","jsx","View","style","styles","bubbleBackdrop","children","panHandlers","bubble","width","height","borderRadius","transform","getTranslateTransform","opacity","Image","source","icons","bug","StyleSheet","flex","absoluteFillObject","pointerEvents","backgroundColor","colors","lightGray","position","justifyContent","alignItems"],"sourceRoot":"../../../../../src","sources":["ui/components/bubble/Bubble.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -4,27 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = DetailsViewer;
-var _react = require("react");
-var _contexts = require("../../../contexts");
+var _data = require("../../../core/data");
 var _types = require("../../../types");
 var _LogMessageDetails = _interopRequireDefault(require("./LogMessageDetails"));
 var _NetworkRequestDetails = _interopRequireDefault(require("./NetworkRequestDetails"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function DetailsViewer() {
-  const {
-    detailsData
-  } = (0, _react.useContext)(_contexts.MainContext);
+  if (!_data.detailsData.value) return null;
   switch (true) {
-    case !detailsData.current:
-      return null;
-    case _types.DebuggerPanel.Network in detailsData.current:
+    case _types.DebuggerPanel.Network in _data.detailsData.value:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkRequestDetails.default, {
-        item: detailsData.current.network
+        item: _data.detailsData.value.network
       });
-    case _types.DebuggerPanel.Console in detailsData.current:
+    case _types.DebuggerPanel.Console in _data.detailsData.value:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LogMessageDetails.default, {
-        item: detailsData.current.console
+        item: _data.detailsData.value.console
       });
     default:
       return null;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_contexts","_types","_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,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,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,qBAAW,CAAE;EAEhD,QAAQ,IAAI;IACV,KAAK,CAACF,WAAW,CAACG,OAAO;MACvB,OAAO,IAAI;IACb,KAAKC,oBAAa,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,oBAAa,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":[]}
+{"version":3,"names":["_data","require","_types","_LogMessageDetails","_interopRequireDefault","_NetworkRequestDetails","_jsxRuntime","e","__esModule","default","DetailsViewer","detailsData","value","DebuggerPanel","Network","jsx","item","network","Console","console"],"sourceRoot":"../../../../../src","sources":["ui/components/details/DetailsViewer.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAD,sBAAA,CAAAH,OAAA;AAA4D,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE7C,SAASG,aAAaA,CAAA,EAAG;EACtC,IAAI,CAACC,iBAAW,CAACC,KAAK,EAAE,OAAO,IAAI;EAEnC,QAAQ,IAAI;IACV,KAAKC,oBAAa,CAACC,OAAO,IAAIH,iBAAW,CAACC,KAAK;MAC7C,oBAAO,IAAAN,WAAA,CAAAS,GAAA,EAACV,sBAAA,CAAAI,OAAqB;QAACO,IAAI,EAAEL,iBAAW,CAACC,KAAK,CAACK;MAAQ,CAAE,CAAC;IACnE,KAAKJ,oBAAa,CAACK,OAAO,IAAIP,iBAAW,CAACC,KAAK;MAC7C,oBAAO,IAAAN,WAAA,CAAAS,GAAA,EAACZ,kBAAA,CAAAM,OAAiB;QAACO,IAAI,EAAEL,iBAAW,CAACC,KAAK,CAACO;MAAQ,CAAE,CAAC;IAC/D;MACE,OAAO,IAAI;EACf;AACF","ignoreList":[]}

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = LogMessageDetails;
 var _reactNative = require("react-native");
-var _utils = require("../../../utils");
-var _colors = _interopRequireDefault(require("../../../colors"));
+var _utils = require("../../../core/utils");
+var _colors = _interopRequireDefault(require("../../../theme/colors"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function LogMessageDetails({

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_utils","_colors","_interopRequireDefault","_jsxRuntime","e","__esModule","default","LogMessageDetails","item","jsx","ScrollView","style","styles","container","children","Text","formatLogMessage","type","values","StyleSheet","create","flex","paddingHorizontal","divider","height","backgroundColor","colors","gray"],"sourceRoot":"../../../../../src","sources":["ui/components/details/LogMessageDetails.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAqC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAG,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAMtB,SAASG,iBAAiBA,CAAC;EAAEC;AAA6B,CAAC,EAAE;EAC1E,oBACE,IAAAL,WAAA,CAAAM,GAAA,EAACX,YAAA,CAAAY,UAAU;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAClC,IAAAX,WAAA,CAAAM,GAAA,EAACX,YAAA,CAAAiB,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,EAAEC,eAAM,CAACC;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_utils","_colors","_interopRequireDefault","_jsxRuntime","e","__esModule","default","LogMessageDetails","item","jsx","ScrollView","style","styles","container","children","Text","formatLogMessage","type","values","StyleSheet","create","flex","paddingHorizontal","divider","height","backgroundColor","colors","gray"],"sourceRoot":"../../../../../src","sources":["ui/components/details/LogMessageDetails.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA2C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAG,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM5B,SAASG,iBAAiBA,CAAC;EAAEC;AAA6B,CAAC,EAAE;EAC1E,oBACE,IAAAL,WAAA,CAAAM,GAAA,EAACX,YAAA,CAAAY,UAAU;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAClC,IAAAX,WAAA,CAAAM,GAAA,EAACX,YAAA,CAAAiB,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,EAAEC,eAAM,CAACC;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -7,11 +7,11 @@ exports.default = NetworkRequestDetails;
 var _react = require("react");
 var _reactNative = require("react-native");
 var _reactNativeUrlPolyfill = require("react-native-url-polyfill");
+var _colors = _interopRequireDefault(require("../../../theme/colors"));
 var _types = require("../../../types");
-var _utils = require("../../../utils");
+var _utils = require("../../../core/utils");
 var _NetworkRequestDetailsHeader = _interopRequireDefault(require("../headers/NetworkRequestDetailsHeader"));
 var _NetworkRequestDetailsItem = _interopRequireDefault(require("../items/NetworkRequestDetailsItem"));
-var _colors = _interopRequireDefault(require("../../../colors"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function NetworkRequestDetails({
@@ -58,9 +58,15 @@ function NetworkRequestDetails({
       }), !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
+      }), !isWebSocket && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        activeOpacity: 0.8,
+        onPress: () => _reactNative.Share.share({
+          message: (0, _utils.convertToCurl)(item.method, item.url, item.requestHeaders, item.body)
+        }),
+        style: styles.buttonContent,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkRequestDetailsItem.default, {
+          content: "Share as cURL"
+        })
       })]
     });
   }
@@ -102,14 +108,17 @@ function NetworkRequestDetails({
       messagesShown: messagesShown
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
       style: styles.container,
+      contentContainerStyle: styles.contentContainer,
       children: content.current[selectedTab]
     })]
   });
 }
 const styles = _reactNative.StyleSheet.create({
   container: {
-    flex: 1,
-    paddingHorizontal: 8
+    flex: 1
+  },
+  contentContainer: {
+    padding: 8
   },
   divider: {
     height: 1,
@@ -123,6 +132,12 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 14,
     fontWeight: 'bold',
     color: _colors.default.black
+  },
+  buttonContent: {
+    padding: 8,
+    borderRadius: 4,
+    borderWidth: 1,
+    alignItems: 'center'
   }
 });
 //# sourceMappingURL=NetworkRequestDetails.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeUrlPolyfill","_types","_utils","_NetworkRequestDetailsHeader","_interopRequireDefault","_NetworkRequestDetailsItem","_colors","_jsxRuntime","e","__esModule","default","NetworkRequestDetails","item","selectedTab","setSelectedTab","useState","isWebSocket","type","NetworkType","WS","requestUrl","URL","url","headerShown","queryStringParametersShown","search","bodyShown","body","responseShown","response","messagesShown","messages","content","useRef","headers","queryStringParameters","current","jsxs","Fragment","children","jsx","label","formatRequestMethod","undefined","method","formatRequestDuration","duration","formatRequestStatusCode","status","limitChar","options","responseHeaders","requestHeadersString","convertToCurl","requestHeaders","selectable","searchParams","forEach","value","name","push","onChangeTab","headersShown","ScrollView","style","styles","container","StyleSheet","create","flex","paddingHorizontal","divider","height","backgroundColor","colors","gray","text","fontSize","color","black","fontWeight"],"sourceRoot":"../../../../../src","sources":["ui/components/details/NetworkRequestDetails.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_reactNativeUrlPolyfill","_colors","_interopRequireDefault","_types","_utils","_NetworkRequestDetailsHeader","_NetworkRequestDetailsItem","_jsxRuntime","e","__esModule","default","NetworkRequestDetails","item","selectedTab","setSelectedTab","useState","isWebSocket","type","NetworkType","WS","requestUrl","URL","url","headerShown","queryStringParametersShown","search","bodyShown","body","responseShown","response","messagesShown","messages","content","useRef","headers","queryStringParameters","current","jsxs","Fragment","children","jsx","label","formatRequestMethod","undefined","method","formatRequestDuration","duration","formatRequestStatusCode","status","limitChar","options","responseHeaders","requestHeadersString","TouchableOpacity","activeOpacity","onPress","Share","share","message","convertToCurl","requestHeaders","style","styles","buttonContent","searchParams","forEach","value","name","push","onChangeTab","headersShown","ScrollView","container","contentContainerStyle","contentContainer","StyleSheet","create","flex","padding","divider","height","backgroundColor","colors","gray","text","fontSize","color","black","fontWeight","borderRadius","borderWidth","alignItems"],"sourceRoot":"../../../../../src","sources":["ui/components/details/NetworkRequestDetails.tsx"],"mappings":"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","ignoreList":[]}