react-native-debug-toolkit 0.6.4 → 2.0.0

package/index.js

@@ -1,41 +0,0 @@
-/**
- * React Native Debug Toolkit
- * A comprehensive debugging toolkit for React Native
- */
-import DebugToolKit from './lib/DebugToolKit'
-import { initializeDebugToolkit, isDebugMode } from './lib'
-
-import { createNetworkFeature } from './lib/features/NetworkFeature'
-import { createPerformanceFeature } from './lib/features/PerformanceFeature'
-import { createConsoleLogFeature } from './lib/features/ConsoleLogFeature'
-import { createZustandLogFeature, addZustandLog } from './lib/features/ZustandLogFeature'
-import { createNavigationLogFeature, addNavigationLog } from './lib/features/NavigationLogFeature'
-import { useNavigationLogger } from './lib/hooks/useNavigationLogger'
-import { createTrackFeature, addTrackLog } from './lib/features/TrackFeature'
-
-// Function to clear all logs and close the panel
-const clearAll = () => {
-  const instance = DebugToolKit.instance;
-  if (instance && typeof instance.clearAll === 'function') {
-    instance.clearAll();
-  }
-};
-
-export {
-  DebugToolKit,
-  initializeDebugToolkit,
-  createNetworkFeature,
-  createPerformanceFeature,
-  createConsoleLogFeature,
-  createZustandLogFeature,
-  addZustandLog,
-  createNavigationLogFeature,
-  addNavigationLog,
-  addTrackLog,
-  useNavigationLogger,
-  isDebugMode,
-  clearAll,
-  createTrackFeature
-}
-
-export default DebugToolKit

package/ios/BuildTypeModule.h

@@ -1,9 +0,0 @@
-#import <React/RCTBridgeModule.h>
-
-/**
- * BuildTypeModule
- * Native module that provides information about the current build type (debug or release)
- * Used to conditionally enable debugging tools only in debug builds
- */
-@interface BuildTypeModule : NSObject <RCTBridgeModule>
-@end 

package/ios/BuildTypeModule.m

@@ -1,42 +0,0 @@
-#import "BuildTypeModule.h"
-
-@implementation BuildTypeModule
-
-RCT_EXPORT_MODULE();
-
-+ (BOOL)requiresMainQueueSetup
-{
-  return NO;
-}
-
-- (NSDictionary *)constantsToExport
-{
-#ifdef DEBUG
-  NSString *buildType = @"debug";
-#else
-  NSString *buildType = @"release";
-#endif
-  
-  return @{ @"buildType": buildType };
-}
-
-RCT_EXPORT_BLOCKING_SYNCHRONOUS_METHOD(getBuildTypeSync)
-{
-#ifdef DEBUG
-  return @"debug";
-#else
-  return @"release";
-#endif
-}
-
-RCT_EXPORT_METHOD(getBuildType:(RCTPromiseResolveBlock)resolve
-                  rejecter:(RCTPromiseRejectBlock)reject)
-{
-#ifdef DEBUG
-  resolve(@"debug");
-#else
-  resolve(@"release");
-#endif
-}
-
-@end 

package/ios/RNDebugLibs.h

@@ -1,10 +0,0 @@
-#import <React/RCTBridgeModule.h>
-
-/**
- * RNDebugLibs
- * Native module that provides access to FLEX and DoraemonKit debugging tools
- * Note: These debugging tools are only available in DEBUG builds
- */
-@interface RNDebugLibs : NSObject <RCTBridgeModule>
-
-@end

package/ios/RNDebugLibs.m

@@ -1,79 +0,0 @@
-#import "RNDebugLibs.h"
-
-#ifdef DEBUG
-#import "FLEXManager.h"
-#import <DoraemonKit/DoraemonManager.h>
-#endif
-
-@implementation RNDebugLibs
-
-// Export the module
-RCT_EXPORT_MODULE();
-
-RCT_EXPORT_METHOD(showExplorer)
-{
-#ifdef DEBUG
-    dispatch_async(dispatch_get_main_queue(), ^{
-        [[FLEXManager sharedManager] showExplorer];
-    });
-#else
-    NSLog(@"[RNDebugLibs] showExplorer is only available in DEBUG builds");
-#endif
-}
-
-RCT_EXPORT_METHOD(hideExplorer)
-{
-#ifdef DEBUG
-    dispatch_async(dispatch_get_main_queue(), ^{
-        [[FLEXManager sharedManager] hideExplorer];
-    });
-#else
-    NSLog(@"[RNDebugLibs] hideExplorer is only available in DEBUG builds");
-#endif
-}
-
-RCT_EXPORT_METHOD(toggleExplorer)
-{
-#ifdef DEBUG
-    dispatch_async(dispatch_get_main_queue(), ^{
-        [[FLEXManager sharedManager] toggleExplorer];
-    });
-#else
-    NSLog(@"[RNDebugLibs] toggleExplorer is only available in DEBUG builds");
-#endif
-}
-
-RCT_EXPORT_METHOD(installDoraemonKit:(NSString *)productId)
-{
-#ifdef DEBUG
-    dispatch_async(dispatch_get_main_queue(), ^{
-        [[DoraemonManager shareInstance] installWithPid:productId];
-    });
-#else
-    NSLog(@"[RNDebugLibs] installDoraemonKit is only available in DEBUG builds");
-#endif
-}
-
-RCT_EXPORT_METHOD(showDoraemonKit)
-{
-#ifdef DEBUG
-    dispatch_async(dispatch_get_main_queue(), ^{
-        [[DoraemonManager shareInstance] showDoraemon];
-    });
-#else
-    NSLog(@"[RNDebugLibs] showDoraemonKit is only available in DEBUG builds");
-#endif
-}
-
-RCT_EXPORT_METHOD(hideDoraemonKit)
-{
-#ifdef DEBUG
-    dispatch_async(dispatch_get_main_queue(), ^{
-        [[DoraemonManager shareInstance] hiddenDoraemon];
-    });
-#else
-    NSLog(@"[RNDebugLibs] hideDoraemonKit is only available in DEBUG builds");
-#endif
-}
-
-@end 

package/lib/DebugToolKit.js

@@ -1,126 +0,0 @@
-import React from 'react'
-import { BackHandler, Pressable, Text } from 'react-native'
-import RootSiblings from 'react-native-root-siblings'
-import FloatPanelView from './views/FloatPanelView'
-import NativeDebugLibs from './NativeDebugLibs'
-
-export default class DebugToolKit {
-  static instance = null
-
-  constructor(config = {}) {
-    if (DebugToolKit.instance) {
-      return DebugToolKit.instance
-    }
-
-    // Set the debug mode flag directly from NativeDebugLibs
-    // this.isDebugMode = NativeDebugLibs.isDebugBuild()
-    this.isDebugMode = true
-
-    this.floatPanel = null
-    this.features = []
-    this.isPanelVisible = false
-
-    const featuresToLoad = config.features || []
-
-    // Only load features in debug mode
-    if (this.isDebugMode) {
-      featuresToLoad.forEach(featureOrCreator => {
-        const feature = typeof featureOrCreator === 'function'
-          ? featureOrCreator()
-          : featureOrCreator
-        this.addFeature(feature)
-      })
-
-      if (config.autoShow) {
-        this.showDebugPanel()
-      }
-
-      BackHandler.addEventListener('hardwareBackPress', () => true)
-    } else {
-      console.log('[DebugToolKit] Not initializing features - not in debug mode')
-    }
-    
-    DebugToolKit.instance = this
-  }
-
-  addFeature(feature) {
-    if (!this.isDebugMode) return this;
-    
-    if (feature && typeof feature.name === 'string') {
-      this.features.push(feature)
-      feature.setup?.()
-    } else {
-      console.warn('[DebugToolKit] Invalid feature added:', feature)
-    }
-    return this
-  }
-
-
-  clearAll = () => {
-    // Clear all logs from all features
-    this.features.forEach((feature) => {
-      if (typeof feature.cleanup === 'function') {
-        feature.cleanup();
-      }
-      // Re-setup the feature to initialize it again
-      if (typeof feature.setup === 'function') {
-        feature.setup();
-      }
-    });
-    
-  }
-
-  showDebugPanel = () => {
-    if (!this.isDebugMode) {
-      return
-    }
-
-    if (!this.floatPanel) {
-      this.floatPanel = new RootSiblings(
-        <FloatPanelView 
-          features={this.features} 
-          close={this.hideDebugPanel} 
-          clearAll={this.clearAll}
-        />,
-      )
-    }
-    this.isPanelVisible = true
-  }
-
-  hideDebugPanel = () => {
-    if (this.floatPanel) {
-      this.floatPanel.destroy()
-      this.floatPanel = null
-    }
-  }
-
-  updateDebugPanel() {
-    if (this.floatPanel) {
-      this.floatPanel.update(
-        <FloatPanelView 
-          features={this.features} 
-          close={this.hideDebugPanel} 
-          clearAll={this.clearAll}
-        />,
-      )
-    }
-  }
-
-  destroy() {
-    this.hideDebugPanel()
-
-    if (this.restartModal) {
-      this.restartModal.destroy()
-      this.restartModal = null
-    }
-
-    this.features.forEach((feature) => {
-      if (typeof feature.cleanup === 'function') {
-        feature.cleanup()
-      }
-    })
-
-    this.features = []
-    BackHandler.removeEventListener('hardwareBackPress')
-  }
-}

package/lib/EnvironmentManager.ts

@@ -1,80 +0,0 @@
-import AsyncStorage from '@react-native-async-storage/async-storage';
-
-export type BaseEnvironmentConfig = {
-  [key: string]: any;
-};
-
-export class EnvironmentManager<T extends BaseEnvironmentConfig> {
-  private static instance: EnvironmentManager<any>;
-  private currentEnv: string;
-  private environments: Record<string, T>;
-  private listeners: ((env: T) => void)[] = [];
-  static ENV_STORAGE_KEY = '@debug_toolkit_env';
-
-  protected constructor() {
-    this.environments = {};
-    this.currentEnv = '';
-  }
-
-  public static getInstance<T extends BaseEnvironmentConfig>(): EnvironmentManager<T> {
-    if (!EnvironmentManager.instance) {
-      EnvironmentManager.instance = new EnvironmentManager<T>();
-    }
-    return EnvironmentManager.instance;
-  }
-
-  public async initialize(environments: Record<string, T>, defaultEnv: string): Promise<string> {
-    if (!__DEV__) return defaultEnv;
-
-    this.environments = environments;
-    
-    try {
-      const savedEnv = await AsyncStorage.getItem(EnvironmentManager.ENV_STORAGE_KEY);
-      this.currentEnv = savedEnv || defaultEnv;
-      await AsyncStorage.setItem(EnvironmentManager.ENV_STORAGE_KEY, this.currentEnv);
-      return this.currentEnv;
-    } catch (error) {
-      console.error('EnvironmentManager initialization error:', error);
-      this.currentEnv = defaultEnv;
-      return defaultEnv;
-    }
-  }
-
-  public async changeEnvironment(newValue: string): Promise<void> {
-    if (newValue === this.currentEnv) return;
-    
-    try {
-      await AsyncStorage.setItem(EnvironmentManager.ENV_STORAGE_KEY, newValue);
-      this.currentEnv = newValue;
-      
-      const envConfig = this.environments[newValue];
-      this.listeners.forEach(listener => listener(envConfig));
-    } catch (error) {
-      console.error('Failed to change environment:', error);
-      throw error;
-    }
-  }
-
-  public getCurrentEnvironment(): string {
-    return this.currentEnv;
-  }
-
-  public getEnvironmentConfig(): T {
-    return this.environments[this.currentEnv];
-  }
-
-  public getEnvironments(): Record<string, T> {
-    return this.environments;
-  }
-
-  public onEnvironmentChange(listener: (env: T) => void): () => void {
-    this.listeners.push(listener);
-    return () => {
-      this.listeners = this.listeners.filter(l => l !== listener);
-    };
-  }
-
-  public destroy(): void {
-    this.listeners = [];
-  }
-}

package/lib/NativeDebugLibs.js

@@ -1,67 +0,0 @@
-import { NativeModules, Platform } from 'react-native'
-
-const { RNDebugLibs, BuildTypeModule } = NativeModules
-
-export default class NativeDebugLibs {
-  // Build type methods
-  static getBuildType() {
-    if (BuildTypeModule) {
-      return BuildTypeModule.getBuildType();
-    }
-    return Promise.resolve(null);
-  }
-
-  static getBuildTypeSync() {
-    console.log('BuildTypeModule', BuildTypeModule);
-    if (BuildTypeModule) {
-      console.log('BuildTypeModule.getBuildTypeSync()', BuildTypeModule.getBuildTypeSync());
-      return BuildTypeModule.getBuildTypeSync();
-    }
-    return null;
-  }
-
-  static isDebugBuild() {
-    if (BuildTypeModule) {
-      return BuildTypeModule.getBuildTypeSync() === 'debug';
-    }
-    return false;
-  }
-
-  // FLEX methods (iOS only)
-  static showExplorer() {
-    if (Platform.OS === 'ios' && RNDebugLibs) {
-      RNDebugLibs.showExplorer()
-    }
-  }
-
-  static hideExplorer() {
-    if (Platform.OS === 'ios' && RNDebugLibs) {
-      RNDebugLibs.hideExplorer()
-    }
-  }
-
-  static toggleExplorer() {
-    if (Platform.OS === 'ios' && RNDebugLibs) {
-      RNDebugLibs.toggleExplorer()
-    }
-  }
-
-  // DoraemonKit/DoKit methods
-  static installDoraemonKit(productId) {
-    // if (RNDebugLibs) {
-    //   RNDebugLibs.installDoraemonKit(productId)
-    // }
-  }
-
-  static showDoraemonKit() {
-    // if (RNDebugLibs) {
-    //   RNDebugLibs.showDoraemonKit()
-    // }
-  }
-
-  static hideDoraemonKit() {
-    // if (RNDebugLibs) {
-    //   RNDebugLibs.hideDoraemonKit()
-    // }
-  }
-} 

package/lib/features/ConsoleLogFeature.js

@@ -1,70 +0,0 @@
-const MAX_LOGS = 200; // Max number of console logs to store
-const logs = [];
-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
-
-      console[level] = (...args) => {
-        // Call original console method first
-        originalConsole[level].apply(console, args); // Use apply for proper context
-
-        // Add log entry
-        if (logs.length >= MAX_LOGS) {
-          logs.shift(); // Remove the oldest log if limit is reached
-        }
-
-        // Store log data
-        logs.push({
-          timestamp: new Date(),
-          level: level,
-          data: args, // Store all arguments passed to console[level]
-        });
-
-        // TODO: Notify UI if needed
-      };
-    }
-  });
-};
-
-const _restoreConsole = () => {
-  Object.keys(originalConsole).forEach(level => {
-    if (originalConsole[level]) {
-      console[level] = originalConsole[level];
-      delete originalConsole[level]; // Clean up stored method
-    }
-  });
-};
-
-const setup = () => {
-  _interceptConsole();
-};
-
-const getData = () => {
-  return logs;
-};
-
-const cleanup = () => {
-  _restoreConsole();
-  logs.length = 0; // More efficient way to clear array
-};
-
-// Factory function remains similar but uses the module-level functions
-export const createConsoleLogFeature = () => {
-  // Ensure setup is only called once if multiple features might be created (though unlikely for console)
-  // A simple flag could work here if needed, but maybe setup belongs in the main toolkit init.
-  return {
-    name: 'console',
-    label: 'Console Logs',
-    setup: setup, // Reference module-level function
-    getData: getData, // Reference module-level function
-    cleanup: cleanup, // Reference module-level function
-  };
-};
-
-// Note: This refactor removes the class structure entirely, relying on module scope
-// for the "singleton" nature. Decide if this fits the overall pattern of other features.
-// The original class-based singleton is also perfectly valid.

package/lib/features/NavigationLogFeature.js

@@ -1,45 +0,0 @@
-const MAX_LOGS = 200; // Max number of navigation logs to store
-const logs = [];
-const originalNavigationMethods = {}; // Store original navigation methods
-
-const setup = () => {
-  // Note: Actual navigation interception will be done in the main app code
-  // This is just a setup function for compatibility with the feature API
-};
-
-// Function to add navigation log
-export const addNavigationLog = (action, from, to, startTime, duration, debugLog) => {
-  // Store log data
-  logs.push({
-    timestamp: new Date(),
-    action: action, // push, pop, replace, etc.
-    from: from,     // source route info
-    to: to,         // destination route info
-    startTime: startTime,
-    duration: duration,
-    debugLog: debugLog,
-  });
-
-  // Trim logs if they exceed the maximum limit
-  if (logs.length > MAX_LOGS) {
-    logs.splice(0, logs.length - MAX_LOGS);
-  }
-};
-
-const getData = () => {
-  return logs;
-};
-
-const cleanup = () => {
-  logs.length = 0; // Clear array
-};
-
-export const createNavigationLogFeature = () => {
-  return {
-    name: 'navigation',
-    label: 'Navigation Logs',
-    setup: setup,
-    getData: getData,
-    cleanup: cleanup,
-  };
-};