react-native-vconsole 0.3.0 → 0.4.0

package/README.md

@@ -18,16 +18,31 @@ export default function App() {
   return (
     <>
       {/* your app content */}
-      <VConsole enable={true} filter={['localhost:8081']} />
+      <VConsole
+        enable={true}
+        exclude={{
+          domains: ['localhost:8081'],
+          ip: true,
+        }}
+      />
     </>
   );
 }
 ```
 
+## VConsole Props
+
+| Prop | Type | Default | Description |
+| --- | --- | --- | --- |
+| `enable` | `boolean` | `true` | Whether to enable and render vConsole. |
+| `exclude` | `{ domains?: string[]; ip?: boolean }` | `{}` | Network capture exclusion rules. |
+| `exclude.domains` | `string[]` | `[]` | Hosts to exclude from Network tab capture, keeping previous host-based matching behavior (e.g. `localhost:8081`). |
+| `exclude.ip` | `boolean` | `false` | When `true`, requests whose hostname is an IP address (IPv4/IPv6) will be skipped in Network tab capture. |
+
 ## Features
 
 - Draggable floating button (`vConsole`) with screen-boundary constraints.
-- Bottom sheet panel (2/3 screen height) with `Log / Network / System / App` tabs.
+- Bottom sheet panel (7/9 screen height) with `Log / Network / System / App` tabs.
 - Log tab captures `console.log/info/warn/error` without breaking original console behavior.
 - Network tab captures `XMLHttpRequest` requests/responses without breaking original request behavior.
 - System/App tabs read info from native module bridges (`NativeModules.Vconsole`).

package/android/src/main/AndroidManifest.xml

@@ -1,3 +1,4 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
           package="com.vconsole">
+  <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
 </manifest>

package/android/src/main/java/com/vconsole/VconsoleModule.kt

@@ -5,6 +5,7 @@ import android.content.Context
 import android.net.ConnectivityManager
 import android.net.NetworkCapabilities
 import android.os.Build
+import android.util.Log
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.Promise
@@ -18,13 +19,6 @@ class VconsoleModule(reactContext: ReactApplicationContext) :
     return NAME
   }
 
-  // Example method
-  // See https://reactnative.dev/docs/native-modules-android
-  @ReactMethod
-  fun multiply(a: Double, b: Double, promise: Promise) {
-    promise.resolve(a * b)
-  }
-
   @ReactMethod
   fun getSystemInfo(promise: Promise) {
     try {
@@ -33,29 +27,41 @@ class VconsoleModule(reactContext: ReactApplicationContext) :
       val memoryInfo = ActivityManager.MemoryInfo()
       activityManager.getMemoryInfo(memoryInfo)
 
-      val connectivityManager =
-        reactApplicationContext.getSystemService(Context.CONNECTIVITY_SERVICE) as ConnectivityManager
-      val network = connectivityManager.activeNetwork
-      val capabilities = connectivityManager.getNetworkCapabilities(network)
-
-      val networkType = when {
-        capabilities == null -> "none"
-        capabilities.hasTransport(NetworkCapabilities.TRANSPORT_WIFI) -> "wifi"
-        capabilities.hasTransport(NetworkCapabilities.TRANSPORT_CELLULAR) -> "cellular"
-        capabilities.hasTransport(NetworkCapabilities.TRANSPORT_ETHERNET) -> "ethernet"
-        else -> "unknown"
-      }
-
       val map = Arguments.createMap()
       map.putString("manufacturer", Build.MANUFACTURER ?: "")
       map.putString("model", Build.MODEL ?: "")
       map.putString("osVersion", Build.VERSION.RELEASE ?: "")
-      map.putString("networkType", networkType)
-      map.putBoolean("isNetworkReachable", capabilities != null)
       map.putDouble("totalMemory", memoryInfo.totalMem.toDouble())
       map.putDouble("availableMemory", memoryInfo.availMem.toDouble())
+
+      try {
+        val connectivityManager =
+          reactApplicationContext.getSystemService(Context.CONNECTIVITY_SERVICE) as ConnectivityManager
+        val network = connectivityManager.activeNetwork
+        val capabilities = connectivityManager.getNetworkCapabilities(network)
+
+        val networkType = when {
+          capabilities == null -> "none"
+          capabilities.hasTransport(NetworkCapabilities.TRANSPORT_WIFI) -> "wifi"
+          capabilities.hasTransport(NetworkCapabilities.TRANSPORT_CELLULAR) -> "cellular"
+          capabilities.hasTransport(NetworkCapabilities.TRANSPORT_ETHERNET) -> "ethernet"
+          else -> "unknown"
+        }
+
+        map.putString("networkType", networkType)
+        map.putString("isNetworkReachable", "${capabilities != null}")
+      } catch (e: SecurityException) {
+        Log.w(NAME, "[getSystemInfo] Missing ACCESS_NETWORK_STATE permission")
+        map.putString("networkType", "unknown")
+        map.putString("isNetworkReachable", "unknown")
+      } catch (e: Exception) {
+        map.putString("networkType", "unknown")
+        map.putString("isNetworkReachable", "unknown")
+      }
+
       promise.resolve(map)
     } catch (error: Exception) {
+      Log.e(NAME, "[getSystemInfo] ${error.stackTraceToString()}")
       promise.reject("SYSTEM_INFO_ERROR", error)
     }
   }
@@ -65,11 +71,18 @@ class VconsoleModule(reactContext: ReactApplicationContext) :
     try {
       val packageInfo =
         reactApplicationContext.packageManager.getPackageInfo(reactApplicationContext.packageName, 0)
+      @Suppress("DEPRECATION")
+      val buildNumber = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
+        packageInfo.longVersionCode.toString()
+      } else {
+        packageInfo.versionCode.toString()
+      }
       val map = Arguments.createMap()
       map.putString("appVersion", packageInfo.versionName ?: "")
-      map.putString("buildNumber", packageInfo.longVersionCode.toString())
+      map.putString("buildNumber", buildNumber)
       promise.resolve(map)
     } catch (error: Exception) {
+      Log.e(NAME, "[getAppInfo] ${error.stackTraceToString()}")
       promise.reject("APP_INFO_ERROR", error)
     }
   }

package/ios/Vconsole.mm

@@ -4,18 +4,6 @@
 @implementation Vconsole
 RCT_EXPORT_MODULE()
 
-// Example method
-// See // https://reactnative.dev/docs/native-modules-ios
-RCT_EXPORT_METHOD(multiply:(double)a
-                  b:(double)b
-                  resolve:(RCTPromiseResolveBlock)resolve
-                  reject:(RCTPromiseRejectBlock)reject)
-{
-    NSNumber *result = @(a * b);
-
-    resolve(result);
-}
-
 RCT_EXPORT_METHOD(getSystemInfo:(RCTPromiseResolveBlock)resolve
                   reject:(RCTPromiseRejectBlock)reject)
 {