react-native-in-app-debugger 1.0.29 → 1.0.31

package/Api.jsx

@@ -1,6 +1,5 @@
 import React, { useState } from "react";
 import {
-  Text,
   SectionList,
   TextInput,
   View,
@@ -8,7 +7,7 @@ import {
   StyleSheet,
   TouchableOpacity,
 } from "react-native";
-// import Clipboard from '@react-native-clipboard/clipboard';
+import Text from "./Text";
 let Clipboard;
 try {
   Clipboard = require("@react-native-clipboard/clipboard")?.default;
@@ -130,7 +129,8 @@ export default (props) => {
                 textDecorationLine: errorOnly ? "line-through" : undefined,
               }}
             >
-              {apis.filter(isError).length} error{apis.filter(isError).length > 1 ? 's' : ''}
+              {apis.filter(isError).length} error
+              {apis.filter(isError).length > 1 ? "s" : ""}
             </Text>
           </TouchableOpacity>
         )}

package/Text.jsx

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Text, Platform } from 'react-native';
+
+export default ({ style = {}, ...props }) => <Text {...props} style={[{ fontFamily: Platform.OS === 'android' ? 'Roboto' : 'San Francisco' }, style]} />;

package/Variables.jsx

@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
-import { Text, FlatList, TextInput } from 'react-native';
+import { FlatList, TextInput } from 'react-native';
+import Text from "./Text";
 
 export default ({ variables }) => {
   const [filter, setFilter] = useState('');

package/index.jsx

@@ -1,14 +1,13 @@
 import React, { useState } from "react";
 import {
   Animated,
-  Text,
   StyleSheet,
   TouchableOpacity,
   View,
   SafeAreaView,
   Dimensions,
 } from "react-native";
-
+import Text from "./Text";
 let DeviceInfo;
 try {
   DeviceInfo = require("react-native-device-info");
@@ -23,13 +22,15 @@ import useApiInterceptor from "./useApiInterceptor";
 
 const dimension = Dimensions.get("window");
 
-const v = DeviceInfo?.getReadableVersion() || "";
-
+let v = "";
 let modelOs;
 if (DeviceInfo) {
   let model = DeviceInfo.getDeviceId();
   if (model === "unknown") model = DeviceInfo.getModel();
   modelOs = model + " - " + DeviceInfo.getSystemVersion();
+  const pcs = DeviceInfo.getReadableVersion().split(".");
+  const lastPc = pcs.pop();
+  v = pcs.join(".") + "-" + lastPc;
 }
 
 const Label = (props) => (
@@ -87,7 +88,11 @@ export default ({
       {...(isOpen ? {} : panResponder.panHandlers)}
     >
       {!isOpen ? (
-        <TouchableOpacity onPress={() => setIsOpen(true)} style={styles.box} activeOpacity={.8}>
+        <TouchableOpacity
+          onPress={() => setIsOpen(true)}
+          style={styles.box}
+          activeOpacity={0.8}
+        >
           <View style={styles.badgeContainer}>
             {!!numPendingApiCalls && (
               <View style={[styles.badge, { backgroundColor: "orange" }]}>
@@ -117,6 +122,11 @@ export default ({
         </TouchableOpacity>
       ) : (
         <SafeAreaView style={{ flex: 1 }}>
+          {!!version && (
+            <View style={{ backgroundColor: "black" }}>
+              <Label>{version}</Label>
+            </View>
+          )}
           <View style={{ flexDirection: "row", padding: 5 }}>
             <View style={{ flex: 1, flexDirection: "row" }}>
               {!!variables &&

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-in-app-debugger",
-  "version": "1.0.29",
+  "version": "1.0.31",
   "description": "",
   "main": "index.jsx",
   "scripts": {