react-native-debug-toolkit 0.6.4 → 2.1.0

package/lib/index.js

@@ -1,114 +0,0 @@
-import DebugToolKit from './DebugToolKit'
-import { createNetworkFeature } from './features/NetworkFeature'
-// import { createPerformanceFeature} from './features/PerformanceFeature'
-import { createConsoleLogFeature } from './features/ConsoleLogFeature'
-import { createZustandLogFeature, zustandLogMiddleware } from './features/ZustandLogFeature'
-import { createNavigationLogFeature, addNavigationLog } from './features/NavigationLogFeature'
-import { createThirdPartyLibsFeature } from './features/ThirdPartyLibsFeature'
-import { createTrackFeature, addTrackLog } from './features/TrackFeature'
-import NativeDebugLibs from './NativeDebugLibs'
-
-// Registry mapping feature names (strings) to their creator functions
-const featureRegistry = {
-  network: createNetworkFeature,
-  track: createTrackFeature,
-  console: createConsoleLogFeature,
-  // performance: createPerformanceFeature,
-  zustand: createZustandLogFeature,
-  navigation: createNavigationLogFeature,
-  thirdPartyLibs: createThirdPartyLibsFeature,
-  // Add other built-in features here
-  // 'storage': createStorageFeature,
-}
-
-// List of default features (can use strings now)
-const defaultFeatures = ['network', 'track', 'navigation','zustand', 'thirdPartyLibs', 'console']
-
-// Export the debug mode status - this is used by the app
-// const isDebugMode = NativeDebugLibs.isDebugBuild();
-const isDebugMode = true
-
-/**
- * Initializes and shows the Debug ToolKit panel with specified features.
- * Only runs in debug mode.
- * Features can be specified as strings (e.g., 'network') or creator functions.
- * @param {Array<string|Function>} features - Array of feature names (strings) or creator functions. Defaults to standard features.
- * @param {Object} options - Additional options like doraemonProductId for third-party debug libraries
- */
-export function initializeDebugToolkit(features = defaultFeatures, options = {}) {
-  // Create instance but it will internally handle debug mode check
-  try {
-    const debugToolKit = new DebugToolKit();
-    
-    // If not in debug mode, the class methods won't do anything
-    if (!isDebugMode) {
-      return debugToolKit;
-    }
-
-    // Initialize third-party debug libraries if configured
-    if (options.doraemonProductId) {
-      NativeDebugLibs.installDoraemonKit(options.doraemonProductId);
-    }
-
-    features.forEach(featureIdentifier => {
-      let feature = null;
-      let featureCreator = null;
-
-      if (typeof featureIdentifier === 'string') {
-        // It's a string, look it up in the registry
-        featureCreator = featureRegistry[featureIdentifier];
-        if (!featureCreator) {
-          console.warn(`[DebugToolKit] Unknown feature identifier string: "${featureIdentifier}". Skipping.`);
-          return; // Skip this identifier
-        }
-        feature = featureCreator();
-      } else if (typeof featureIdentifier === 'function') {
-        // It's a function, assume it's a creator
-        featureCreator = featureIdentifier;
-         try {
-             feature = featureCreator();
-         } catch (e) {
-             console.error(`[DebugToolKit] Error calling feature creator function:`, e);
-             return; // Skip if creator fails
-         }
-      } else if (typeof featureIdentifier === 'object' && featureIdentifier !== null && featureIdentifier.name) {
-         // It might be a pre-created feature object
-         feature = featureIdentifier;
-         console.warn(`[DebugToolKit] Passing pre-created feature objects is supported but using strings or creators is recommended.`);
-      } else {
-        console.warn('[DebugToolKit] Invalid feature identifier type:', typeof featureIdentifier, featureIdentifier, '. Skipping.');
-        return; // Skip invalid types
-      }
-
-      if (feature) {
-        debugToolKit.addFeature(feature);
-      } else {
-        // This case might happen if a creator function returns null/undefined
-         console.warn(`[DebugToolKit] Feature creator for identifier "${typeof featureIdentifier === 'string' ? featureIdentifier : 'custom function'}" did not return a valid feature object.`);
-      }
-    });
-
-    debugToolKit.showDebugPanel();
-    return debugToolKit; // Return instance if needed elsewhere
-  } catch (error) {
-      console.error('[DebugToolKit] Failed to initialize:', error);
-      return null;
-  }
-}
-
-// Export existing stuff and the new initializer
-export { 
-  DebugToolKit, 
-  createNetworkFeature, 
-  // createPerformanceFeature, 
-  createConsoleLogFeature, 
-  createZustandLogFeature,
-  createNavigationLogFeature,
-  createThirdPartyLibsFeature,
-  addNavigationLog,
-  createTrackFeature,
-  addTrackLog,
-  zustandLogMiddleware,  // Export middleware for use in Zustand stores
-  featureRegistry,
-  isDebugMode
-};

package/lib/navigation/NavigationLogger.js

@@ -1 +0,0 @@
- 

package/lib/types/TrackTypes.ts

@@ -1,92 +0,0 @@
-// Define the entity types and names as constants for better type safety
-export const EntityType = {
-  mine_module: 'mine_module',
-  search_module: 'search_module',
-  page_view: 'page_view',
-  error_module: 'error_module',
-  navigation: 'navigation',
-  content: 'content',
-  user_action: 'user_action',
-} as const
-
-export const EntityName = {
-  MINE_POST: 'MINE_POST',
-  HOME_PAGE: 'HOME_PAGE',
-  SEARCH_BAR: 'SEARCH_BAR',
-  PROFILE_PAGE: 'PROFILE_PAGE',
-  NAVIGATION_TAB: 'NAVIGATION_TAB',
-  CONTENT_ITEM: 'CONTENT_ITEM',
-  USER_BUTTON: 'USER_BUTTON',
-} as const
-
-export type TrackEventOptions = {
-  entityType: (typeof EntityType)[keyof typeof EntityType]
-  entityName?: (typeof EntityName)[keyof typeof EntityName]
-  pageId?: string
-  objId?: string
-  entityPath?: string
-  objType?: number
-  objPt?: string // 瀑布流作品pt
-  refPageLocation?: string
-  position?: string
-  entityLocation?: string
-  frontOperation?: string
-  sessionId?: string //搜索模块需要
-  requestId?: string //搜索模块需要
-  searchKeywored?: string //搜索模块需要
-  enSearchKeywored?: string //搜索模块需要
-}
-
-// Complete event structure that includes the event name and all tracking options
-export type TrackEvent = {
-  eventName: string
-  timestamp: Date
-} & TrackEventOptions
-
-// Track feature interface
-export interface ITrackFeature {
-  setup(): ITrackFeature
-  getData(): TrackEvent[]
-  cleanup(): void
-  logEvent(eventData: TrackEventOptions & { eventName: string }): void
-  getEventStats(): EventStats
-  addEventToBlacklist(pattern: string | RegExp): void
-  removeEventFromBlacklist(pattern: string | RegExp): void
-  clearBlacklist(): void
-  getBlacklist(): (string | RegExp)[]
-}
-
-// Event statistics structure
-export type EventStats = {
-  [eventName: string]: {
-    count: number
-    lastSeen: Date
-    entityTypes: string[]
-    operations: string[]
-  }
-}
-
-// Common event names used in the application
-export const CommonEventNames = {
-  LOG_ACTION_FRONT: 'log_action_front',
-  LOG_ERROR_FRONT: 'log_error_front',
-  LOG_VIEW_FRONT: 'log_view_front',
-  LOG_SEARCH_FRONT: 'log_search_front',
-  LOG_NAVIGATION_FRONT: 'log_navigation_front',
-} as const
-
-// Common front operations
-export const FrontOperations = {
-  CLICK: 'click',
-  VIEW: 'view',
-  SEARCH: 'search',
-  SWIPE: 'swipe',
-  SCROLL: 'scroll',
-  ERROR: 'error',
-  NAVIGATE: 'navigate',
-} as const
-
-// Helper type for creating events with better type safety
-export type CreateTrackEvent<T extends keyof typeof CommonEventNames> = {
-  eventName: (typeof CommonEventNames)[T]
-} & TrackEventOptions 

package/lib/utils/DebugConst.js

@@ -1,67 +0,0 @@
-import { Dimensions } from 'react-native';
-
-const { width: screenWidth, height: screenHeight } = Dimensions.get('window');
-
-export const IconRadius = 50;
-export const PanelWidth = screenWidth * 0.85;
-export const PanelHeight = screenHeight * 0.85;
-
-export const DebugColors = {
-    white: '#FFFFFF',
-    blue: '#007AFF',
-    text: '#000000',
-    border: '#CCCCCC',
-    background: '#F5F5F5',
-    success: '#4CD964',
-    error: '#FF3B30',
-    warning: '#FF9500'
-};
-export const getLogLevelColor = (level) => {
-    switch (level?.toLowerCase()) {
-      case 'log':
-        return '#333'; // Dark gray for standard log
-      case 'info':
-        return '#0D96F2'; // Blue for info
-      case 'warn':
-        return '#FCA130'; // Orange for warning
-      case 'error':
-        return '#F93E3E'; // Red for error
-      default:
-        return '#666666'; // Default gray
-    }
-  };
-export const DebugImgs = {
-    iconLink: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVGhD7ZgxDoMwDEV9/xvQtReoGBASYmFhYmNiYmNhYWJiQQIJqUh8y05wlAYw+T/pD5Dg9xwnhPR6vV6v1+v1er3eGvuOb7yIhxEQvjAC4hRGQJzGCIhLGAFxGSMgbmEExC2MgLiFERC3MALiFkZA3MIIiFsYAXELIyBuYQTELYyAuIURELcwAuIWRkDcwgiIWxgBcQsjIG5hBMQtjIC4hREQtzAC4hZGQNzCCIhbGAFxCyMgbmEExC2MgLiFERC3MALiFkZA3MIIiFsYAXELIyBuYQTELYyAuIURELcwAuIWRkDcwgiIW/+PYBgfhPtL9WBrfKUAAAAASUVORK5CYII='
-};
-
-// Function to get color for Zustand action types
-export const getZustandActionColor = (action) => {
-  if (!action) return '#666666'; // Default gray
-  
-  // You can customize this based on common Zustand action patterns
-  if (action.startsWith('set')) return '#0D96F2'; // Blue for setters
-  if (action.startsWith('update')) return '#4CAF50'; // Green for updates
-  if (action.startsWith('delete') || action.startsWith('remove')) return '#F93E3E'; // Red for deletions
-  if (action.startsWith('toggle')) return '#FCA130'; // Orange for toggles
-  if (action.startsWith('init')) return '#9C27B0'; // Purple for initialization
-  
-  return '#0D96F2'; // Default blue for other actions
-};
-
-// Navigation action colors
-export const getNavigationActionColor = (action) => {
-  switch (action?.toLowerCase()) {
-    case 'push':
-      return '#0D96F2'; // Blue for push
-    case 'pop':
-      return '#6E7072'; // Gray for pop
-    case 'replace':
-      return '#4CAF50'; // Green for replace
-    case 'reset':
-      return '#FCA130'; // Orange for reset
-    case 'goback':
-      return '#9C27B0'; // Purple for go back
-    default:
-      return '#0D96F2'; // Default blue for navigation
-  }
-};

package/lib/utils/StorageUtils.js

@@ -1,80 +0,0 @@
-import { MMKV } from 'react-native-mmkv';
-
-// Create MMKV instance for storing debug logs
-const storage = new MMKV({
-  id: 'debug-toolkit-storage',
-  encryptionKey: 'debug-toolkit-encryption-key'
-});
-
-// Storage keys for different features
-const STORAGE_KEYS = {
-  CONSOLE_LOGS: 'console_logs',
-  NETWORK_LOGS: 'network_logs',
-  PERFORMANCE_DATA: 'performance_data',
-  ZUSTAND_LOGS: 'zustand_logs',
-  NAVIGATION_LOGS: 'navigation_logs',
-};
-
-/**
- * Utility class for storing and retrieving logs using MMKV
- */
-export class StorageUtils {
-  /**
-   * Save data to MMKV storage
-   * @param {string} key - Storage key
-   * @param {any} data - Data to store
-   */
-  static saveData(key, data) {
-    try {
-      const jsonString = JSON.stringify(data);
-      storage.set(key, jsonString);
-    } catch (error) {
-      console.error(`Error saving data for key ${key}:`, error);
-    }
-  }
-
-  /**
-   * Retrieve data from MMKV storage
-   * @param {string} key - Storage key
-   * @param {any} defaultValue - Default value if data doesn't exist
-   * @returns {any} - Retrieved data or default value
-   */
-  static getData(key, defaultValue = null) {
-    try {
-      const jsonString = storage.getString(key);
-      if (!jsonString) return defaultValue;
-      return JSON.parse(jsonString);
-    } catch (error) {
-      console.error(`Error retrieving data for key ${key}:`, error);
-      return defaultValue;
-    }
-  }
-
-  /**
-   * Delete data from MMKV storage
-   * @param {string} key - Storage key
-   */
-  static deleteData(key) {
-    try {
-      storage.delete(key);
-    } catch (error) {
-      console.error(`Error deleting data for key ${key}:`, error);
-    }
-  }
-
-  /**
-   * Clear all debug toolkit data from storage
-   */
-  static clearAllData() {
-    try {
-      Object.values(STORAGE_KEYS).forEach(key => {
-        storage.delete(key);
-      });
-    } catch (error) {
-      console.error('Error clearing all data:', error);
-    }
-  }
-}
-
-// Export storage keys for use in features
-export { STORAGE_KEYS }; 

package/lib/views/ConsoleLogDetails.js

@@ -1,314 +0,0 @@
-import React from 'react'
-import { View, Text, StyleSheet, Clipboard } from 'react-native'
-import { ScrollView, Pressable } from 'react-native'
-import JSONTree from 'react-native-json-tree'
-
-// Re-using the theme from HttpLogDetails for consistency
-const theme = {
-  scheme: 'monokai',
-  author: 'wimer hazenberg (http://www.monokai.nl)',
-  base00: '#272822',
-  base01: '#383830',
-  base02: '#49483e',
-  base03: '#75715e',
-  base04: '#a59f85',
-  base05: '#f8f8f2',
-  base06: '#f5f4f1',
-  base07: '#f9f8f5',
-  base08: '#f92672',
-  base09: '#fd971f',
-  base0A: '#f4bf75',
-  base0B: '#a6e22e',
-  base0C: '#a1efe4',
-  base0D: '#66d9ef',
-  base0E: '#ae81ff',
-  base0F: '#cc6633'
-};
-
-const CopyButton = ({ text, style }) => {
-  const [copied, setCopied] = React.useState(false)
-
-  const handleCopy = async () => {
-    await Clipboard.setString(text)
-    setCopied(true)
-    setTimeout(() => setCopied(false), 2000)
-  }
-
-  return (
-    <Pressable style={[styles.copyButton, style]} onPress={handleCopy}>
-      <Text style={styles.copyButtonText}>{copied ? 'Copied!' : 'Copy'}</Text>
-    </Pressable>
-  )
-}
-
-const CollapsibleSection = ({ title, children, initiallyExpanded = false }) => {
-  const [expanded, setExpanded] = React.useState(initiallyExpanded)
-
-  return (
-    <View style={styles.collapsibleSection}>
-      <Pressable
-        style={styles.sectionHeader}
-        onPress={() => setExpanded(!expanded)}>
-        <Text style={styles.sectionTitle}>{title}</Text>
-        <Text style={styles.expandIcon}>{expanded ? '▼' : '▶'}</Text>
-      </Pressable>
-      {expanded && children}
-    </View>
-  )
-}
-
-// Basic JSONValue renderer, might need adjustments for console log specifics
-const JSONValue = ({ value }) => {
-  if (value === null) {
-    return <Text style={styles.jsonNull}>null</Text>
-  }
-
-  if (value === undefined) {
-    return <Text style={styles.jsonNull}>undefined</Text>
-  }
-
-  if (typeof value === 'boolean') {
-    return <Text style={styles.jsonBoolean}>{value.toString()}</Text>
-  }
-
-  if (typeof value === 'number') {
-    return <Text style={styles.jsonNumber}>{value}</Text>
-  }
-
-  if (typeof value === 'string') {
-    return (
-      <Text style={styles.jsonString} selectable={true}>
-        "{value}"
-      </Text>
-    )
-  }
-
-  if (typeof value === 'object') {
-    return (
-      <JSONTree
-         data={value}
-         theme={theme}
-         invertTheme={true}
-         hideRoot={true}
-         shouldExpandNode={(keyPath, nodeData, currentLevel) => currentLevel < 1}
-      />
-    )
-  }
-
-  return <Text style={styles.jsonOther}>{String(value)}</Text>
-}
-
-
-const ConsoleLogDetails = ({ log }) => {
-  if (!log) {
-    return (
-      <View style={styles.errorContainer}>
-        <Text style={styles.errorText}>Log data is missing</Text>
-      </View>
-    )
-  }
-
-  const logData = log.data || [] // Console logs can have multiple arguments
-  const timestamp = log.timestamp
-  const level = log.level || 'log' // Default to 'log' if level is not provided
-
-  // Simple function to format log data for display and copying
-  const formatLogData = (dataArray) => {
-    return dataArray.map(item => {
-      if (typeof item === 'object') {
-        try {
-          return JSON.stringify(item, null, 2);
-        } catch (e) {
-          return '[unserializable object]';
-        }
-      }
-      return String(item);
-    }).join(' ');
-  }
-
-  const formattedLog = formatLogData(logData);
-
-  return (
-    <ScrollView
-      style={styles.container}
-      contentContainerStyle={styles.contentContainer}
-      showsVerticalScrollIndicator={true}
-      scrollEventThrottle={16}
-      keyboardShouldPersistTaps='handled'>
-
-      <View style={styles.header}>
-        <View style={styles.headerInfo}>
-           <Text style={[styles.levelIndicator, { color: getLevelColor(level) }]}>
-            {level.toUpperCase()}
-          </Text>
-          <Text style={styles.timestamp}>
-            {timestamp
-              ? new Date(timestamp).toLocaleString()
-              : 'Unknown time'}
-          </Text>
-        </View>
-        <CopyButton text={formattedLog} />
-      </View>
-
-      <CollapsibleSection title='Log Data' initiallyExpanded={true}>
-         <View style={styles.dataContentWrapper}>
-            <View style={styles.dataContent}>
-              {logData.map((item, index) => (
-                <View key={index} style={[styles.logDataItem, index === logData.length - 1 && styles.logDataItemLast]}>
-                   <JSONValue value={item} />
-                </View>
-              ))}
-            </View>
-          </View>
-      </CollapsibleSection>
-
-    </ScrollView>
-  )
-}
-
-const getLevelColor = (level) => {
-  switch (level?.toLowerCase()) {
-    case 'log':
-      return '#333'; // Dark gray for standard log
-    case 'info':
-      return '#0D96F2'; // Blue for info
-    case 'warn':
-      return '#FCA130'; // Orange for warning
-    case 'error':
-      return '#F93E3E'; // Red for error
-    default:
-      return '#666666'; // Default gray
-  }
-};
-
-const getLevelTextStyle = (level) => {
-    const baseStyle = { fontSize: 14, fontFamily: 'monospace' }; // Use monospace font
-    return { ...baseStyle, color: getLevelColor(level) };
-}
-
-// Re-using and adapting styles from HttpLogDetails
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#fff',
-  },
-  contentContainer: {
-    paddingBottom: 20,
-  },
-  header: {
-    flexDirection: 'row',
-    padding: 15,
-    borderBottomWidth: 1,
-    borderBottomColor: '#eee',
-    alignItems: 'center', // Align items vertically
-    justifyContent: 'space-between', // Space out items
-  },
-  headerInfo: {
-    flexDirection: 'row', // Arrange level and timestamp horizontally
-    alignItems: 'center',
-    flexShrink: 1, // Allow info to shrink if needed
-    marginRight: 10,
-  },
-   levelIndicator: {
-    fontSize: 14,
-    fontWeight: 'bold',
-    marginRight: 10,
-  },
-  timestamp: {
-    fontSize: 13,
-    color: '#666',
-  },
-  collapsibleSection: {
-    marginBottom: 1,
-    backgroundColor: '#fff',
-  },
-  sectionHeader: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    padding: 15,
-    backgroundColor: '#f5f5f5',
-  },
-  sectionTitle: {
-    fontSize: 15,
-    fontWeight: 'bold',
-    color: '#333',
-  },
-  expandIcon: {
-    fontSize: 14,
-    color: '#666',
-  },
-  content: {
-    padding: 15,
-  },
-   dataContentWrapper: {
-    flex: 1,
-    padding: 10, // Add padding around the scroll view
-  },
-  dataContent: {
-    backgroundColor: '#f8f9fa',
-    padding: 10,
-    borderRadius: 4,
-    borderWidth: 1,
-    borderColor: '#e9ecef',
-  },
-  logDataItem: {
-      borderBottomWidth: 1,
-      borderBottomColor: '#eee',
-      paddingVertical: 8,
-  },
-  logDataItemLast: {
-      borderBottomWidth: 0,
-  },
-  errorContainer: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    padding: 20,
-  },
-  errorText: {
-    color: '#ff4444',
-    fontSize: 16,
-  },
-   copyButton: {
-    backgroundColor: '#e9ecef',
-    paddingHorizontal: 10,
-    paddingVertical: 5,
-    borderRadius: 4,
-    flexShrink: 0, // Prevent button from shrinking
-  },
-  copyButtonText: {
-    fontSize: 12,
-    color: '#666',
-  },
-  // JSON Value Styles (simplified)
-  jsonString: {
-    color: '#CB772F',
-    fontFamily: 'monospace',
-    fontSize: 13,
-  },
-  jsonNumber: {
-    color: '#AE81FF',
-    fontFamily: 'monospace',
-     fontSize: 13,
-  },
-  jsonBoolean: {
-    color: '#66D9EF',
-    fontWeight: 'bold',
-    fontFamily: 'monospace',
-     fontSize: 13,
-  },
-  jsonNull: {
-    color: '#F92672',
-    fontStyle: 'italic',
-    fontFamily: 'monospace',
-     fontSize: 13,
-  },
-  jsonOther: {
-    color: '#75715e',
-    fontFamily: 'monospace',
-    fontSize: 13,
-  },
-});
-
-export default ConsoleLogDetails