react-native-debug-toolkit 0.2.0 → 0.2.1

package/lib/features/ConsoleLogFeature.js

@@ -5,26 +5,40 @@ const originalConsole = {}; // Store original console methods
 const _interceptConsole = () => {
   const levels = ['log', 'info', 'warn', 'error'];
   levels.forEach(level => {
-    if (typeof console[level] === 'function') { // Check if it's actually a function
-      originalConsole[level] = console[level]; // Store original
+    if (typeof console[level] === 'function') {
+      originalConsole[level] = console[level]; // Store original (still useful for restoration)
 
       console[level] = (...args) => {
-        // Call original console method first
-        originalConsole[level].apply(console, args); // Use apply for proper context
-
-        // Add log entry
+        // --- Log Recording Logic ---
         if (logs.length >= MAX_LOGS) {
-          logs.shift(); // Remove the oldest log if limit is reached
+          logs.shift();
         }
-
-        // Store log data
+        // Optional: Process arguments for safer storage (recommended)
+        const processedArgs = args.map(arg => {
+          if (arg instanceof Error) return `Error: ${arg.message}${arg.stack ? `\n${arg.stack}` : ''}`;
+          if (arg instanceof Promise) return '[Promise]';
+          if (typeof arg === 'function') return '[Function]';
+          if (typeof arg === 'object' && arg !== null) {
+            try { return JSON.stringify(arg); } catch (e) { return '[Object - Cannot Serialize]'; }
+          }
+          return arg;
+        });
         logs.push({
           timestamp: new Date(),
           level: level,
-          data: args, // Store all arguments passed to console[level]
+          data: processedArgs, // Store processed args
         });
+        // --- End Log Recording Logic ---
+
+        // --- Do NOT call the original console ---
+        // By omitting the following line, the intercepted log message (including
+        // the "Unhandled Promise Rejection" warning) will ONLY be stored
+        // in this feature's 'logs' array and will NOT be passed through
+        // to the standard developer console output (Metro, browser, etc.).
+        //
+        // originalConsole[level]?.apply(console, args);
 
-        // TODO: Notify UI if needed
+        // TODO: Notify UI if needed (based on the stored log)
       };
     }
   });

package/lib/views/FloatPanelView.js

@@ -8,8 +8,8 @@ import {
   Dimensions,
   Pressable,
   SafeAreaView,
-  Settings,
 } from 'react-native'
+// import AsyncStorage from '@react-native-async-storage/async-storage'
 import { IconRadius, DebugColors } from '../utils/DebugConst'
 import SubViewHTTPLogs from './SubViewHTTPLogs'
 import SubViewPerformance from './SubViewPerformance'
@@ -85,20 +85,20 @@ export default class FloatPanelView extends Component {
 
   async componentDidMount() {
     try {
-      const savedPosition = Settings.get('@debug_toolkit_position')
+      // const savedPosition = await AsyncStorage.getItem('@debug_toolkit_position')
 
-      if (savedPosition) {
-        const position = JSON.parse(savedPosition)
+      // if (savedPosition) {
+      //   const position = JSON.parse(savedPosition)
 
-        // Ensure position is within bounds
-        const boundedPosition = {
-          x: Math.max(0, Math.min(position.x, screenWidth - IconRadius)),
-          y: Math.max(0, Math.min(position.y, screenHeight - IconRadius)),
-        }
+      //   // Ensure position is within bounds
+      //   const boundedPosition = {
+      //     x: Math.max(0, Math.min(position.x, screenWidth - IconRadius)),
+      //     y: Math.max(0, Math.min(position.y, screenHeight - IconRadius)),
+      //   }
 
-        this.setState({ lastPosition: boundedPosition })
-        this.state.pan.setValue(boundedPosition)
-      }
+      //   this.setState({ lastPosition: boundedPosition })
+      //   this.state.pan.setValue(boundedPosition)
+      // }
     } catch (error) {
       console.error('Failed to load debug toolkit position:', error)
     }
@@ -156,9 +156,7 @@ export default class FloatPanelView extends Component {
 
     // Save position
     try {
-      Settings.set({
-        '@debug_toolkit_position': JSON.stringify(newPosition),
-      })
+      // await AsyncStorage.setItem('@debug_toolkit_position', JSON.stringify(newPosition))
     } catch (error) {
       console.error('Failed to save debug toolkit position:', error)
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-debug-toolkit",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "A simple yet powerful debugging toolkit for React Native with a convenient floating UI for development",
   "main": "index.js",
   "types": "index.d.ts",
@@ -23,9 +23,10 @@
   "author": "zcj",
   "license": "MIT",
   "dependencies": {
-    "react-native-root-siblings": "^4.0.0",
+    "@react-native-async-storage/async-storage": "^2.1.2",
     "react-native-json-tree": "^1.5.0",
-    "react-native-performance": "5.1.2"
+    "react-native-performance": "5.1.2",
+    "react-native-root-siblings": "^4.0.0"
   },
   "peerDependencies": {
     "react": "*",