react-native-debug-toolkit 2.0.0 → 2.2.0

package/src/initialize.ts

@@ -1,214 +0,0 @@
-import { DebugToolkit } from './core/DebugToolkit';
-import { createNetworkFeature } from './features/NetworkFeature';
-import type { NetworkFeatureConfig } from './features/NetworkFeature';
-import { createConsoleLogFeature } from './features/ConsoleLogFeature';
-import type { ConsoleFeatureConfig } from './features/ConsoleLogFeature';
-import { createZustandLogFeature } from './features/ZustandLogFeature';
-import type { ZustandFeatureConfig } from './features/ZustandLogFeature';
-import { createNavigationLogFeature } from './features/NavigationLogFeature';
-import type { NavigationFeatureConfig } from './features/NavigationLogFeature';
-import { createTrackFeature } from './features/TrackFeature';
-import type { TrackFeatureConfig } from './features/TrackFeature';
-import { createThirdPartyLibsFeature } from './features/ThirdPartyLibsFeature';
-import { createEnvironmentFeature } from './features/EnvironmentFeature';
-import { createClipboardFeature } from './features/ClipboardFeature';
-import { NativeDebugLibs } from './native/NativeDebugLibs';
-import type {
-  BuiltInFeatureName,
-  DebugFeature,
-  DebugFeatureInput,
-} from './types';
-
-export const isDebugMode = __DEV__;
-
-/** Feature-specific configuration map */
-export interface FeatureConfigs {
-  network?: boolean | NetworkFeatureConfig;
-  console?: boolean | ConsoleFeatureConfig;
-  zustand?: boolean | ZustandFeatureConfig;
-  navigation?: boolean | NavigationFeatureConfig;
-  track?: boolean | TrackFeatureConfig;
-  thirdPartyLibs?: boolean;
-  environment?: Parameters<typeof createEnvironmentFeature>[0];
-  clipboard?: boolean;
-}
-
-export interface InitializeOptions {
-  doraemonProductId?: string;
-  enabled?: boolean;
-}
-
-/** Registry mapping feature names to creator functions */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const featureRegistry: Record<BuiltInFeatureName, (config?: any) => DebugFeature<any>> = {
-  network: createNetworkFeature,
-  console: createConsoleLogFeature,
-  zustand: createZustandLogFeature,
-  navigation: createNavigationLogFeature,
-  track: createTrackFeature,
-  thirdPartyLibs: createThirdPartyLibsFeature,
-  environment: createEnvironmentFeature,
-  clipboard: createClipboardFeature,
-};
-
-const DEFAULT_FEATURES: BuiltInFeatureName[] = [
-  'network',
-  'console',
-  'navigation',
-  'zustand',
-  'track',
-  'thirdPartyLibs',
-  'clipboard',
-];
-
-function resolveFeatures(
-  features: DebugFeatureInput[],
-): DebugFeature<any>[] {
-  return features.reduce<DebugFeature<any>[]>((resolvedFeatures, identifier) => {
-    let feature: DebugFeature<any> | null = null;
-
-    if (typeof identifier === 'string') {
-      const creator = featureRegistry[identifier as BuiltInFeatureName];
-      if (!creator) {
-        console.warn(`[DebugToolkit] Unknown feature: "${identifier}"`);
-        return resolvedFeatures;
-      }
-      feature = creator();
-    } else if (typeof identifier === 'function') {
-      try {
-        feature = identifier();
-      } catch (error) {
-        console.error('[DebugToolkit] Feature creator failed:', error);
-        return resolvedFeatures;
-      }
-    } else if (identifier && typeof identifier === 'object' && identifier.name) {
-      feature = identifier;
-    } else {
-      console.warn('[DebugToolkit] Invalid feature identifier:', identifier);
-      return resolvedFeatures;
-    }
-
-    if (feature) {
-      resolvedFeatures.push(feature);
-    }
-
-    return resolvedFeatures;
-  }, []);
-}
-
-/**
- * Resolve feature configs to DebugFeature instances.
- */
-function resolveFeatureConfigs(configs: FeatureConfigs): DebugFeature<any>[] {
-  const features: DebugFeature<any>[] = [];
-
-  const entries = Object.entries(configs) as [BuiltInFeatureName, unknown][];
-
-  for (const [name, config] of entries) {
-    // Skip false/explicitly disabled
-    if (config === false) continue;
-
-    const creator = featureRegistry[name];
-    if (!creator) {
-      console.warn(`[DebugToolkit] Unknown feature: "${name}"`);
-      continue;
-    }
-
-    // config === true or undefined → use defaults
-    if (config === true || config === undefined) {
-      features.push(creator());
-    } else if (typeof config === 'object') {
-      features.push(creator(config as Record<string, unknown>));
-    }
-  }
-
-  return features;
-}
-
-/**
- * Initialize the debug toolkit.
- *
- * @param featuresOrOptions - Either an array of feature inputs (legacy), or a full config object.
- * @param options - Options when using legacy array mode.
- *
- * @example
- * // Legacy mode (still supported)
- * initializeDebugToolkit(['network', 'console'], { enabled: true });
- *
- * // Config object mode (recommended)
- * initializeDebugToolkit({
- *   features: {
- *     network: { maxLogs: 100 },
- *     console: true,
- *     track: true,
- *     environment: { environments: [...] },
- *   },
- *   enabled: true,
- * });
- */
-export function initializeDebugToolkit(
-  featuresOrOptions?: DebugFeatureInput[] | {
-    features?: FeatureConfigs;
-    enabled?: boolean;
-    doraemonProductId?: string;
-  },
-  options: InitializeOptions = {},
-): DebugToolkit | null {
-  // Determine which mode we're in
-  let resolvedFeatures: DebugFeature<any>[];
-  let enabled: boolean;
-  let doraemonProductId: string | undefined;
-
-  if (Array.isArray(featuresOrOptions)) {
-    // Legacy mode
-    resolvedFeatures = resolveFeatures(featuresOrOptions);
-    enabled = options.enabled ?? isDebugMode;
-    doraemonProductId = options.doraemonProductId;
-  } else if (featuresOrOptions && typeof featuresOrOptions === 'object' && !('name' in featuresOrOptions)) {
-    // Config object mode
-    const config = featuresOrOptions;
-    enabled = config.enabled ?? isDebugMode;
-    doraemonProductId = config.doraemonProductId;
-
-    if (config.features) {
-      resolvedFeatures = resolveFeatureConfigs(config.features);
-    } else {
-      resolvedFeatures = resolveFeatures(DEFAULT_FEATURES);
-    }
-  } else {
-    // Default - no args or single feature
-    resolvedFeatures = resolveFeatures(
-      featuresOrOptions ? [featuresOrOptions as DebugFeatureInput] : DEFAULT_FEATURES,
-    );
-    enabled = options.enabled ?? isDebugMode;
-    doraemonProductId = options.doraemonProductId;
-  }
-
-  try {
-    const toolkit = DebugToolkit.getInstance(enabled);
-    toolkit.setEnabled(enabled);
-
-    if (!enabled) {
-      toolkit.reset();
-      return toolkit;
-    }
-
-    // Initialize native debug libs if configured
-    if (doraemonProductId) {
-      NativeDebugLibs.installDoraemonKit(doraemonProductId);
-    }
-
-    toolkit.replaceFeatures(resolvedFeatures);
-
-    if (toolkit.hasFeatures()) {
-      toolkit.showPanel();
-    } else {
-      toolkit.hidePanel();
-    }
-
-    return toolkit;
-  } catch (error) {
-    console.error('[DebugToolkit] Initialization failed:', error);
-    return null;
-  }
-}

package/src/utils/constants.ts

@@ -1,91 +0,0 @@
-import { Dimensions } from 'react-native';
-
-const { width: screenWidth, height: screenHeight } = Dimensions.get('window');
-
-export const Layout = {
-  screenWidth,
-  screenHeight,
-  iconSize: 52,
-} as const;
-
-// Apple iOS System Color Palette
-export const Colors = {
-  // System
-  primary: '#007AFF',
-  text: '#1C1C1E',
-  textSecondary: '#8E8E93',
-  textLight: '#C7C7CC',
-  border: '#E5E5EA',
-  opaqueSeparator: '#C6C6C8',
-  background: '#F2F2F7',
-  surface: '#FFFFFF',
-
-  // Semantic
-  success: '#34C759',
-  error: '#FF3B30',
-  warning: '#FF9500',
-  info: '#5AC8FA',
-
-  // iOS Accent Colors
-  blue: '#007AFF',
-  green: '#34C759',
-  indigo: '#5856D6',
-  orange: '#FF9500',
-  pink: '#FF2D55',
-  purple: '#AF52DE',
-  red: '#FF3B30',
-  teal: '#5AC8FA',
-  yellow: '#FFCC00',
-
-  // HTTP Method Colors
-  get: '#007AFF',
-  post: '#34C759',
-  put: '#FF9500',
-  delete: '#FF3B30',
-  patch: '#5AC8FA',
-} as const;
-
-export const getMethodColor = (method: string): string => {
-  switch (method.toUpperCase()) {
-    case 'GET': return Colors.get;
-    case 'POST': return Colors.post;
-    case 'PUT': return Colors.put;
-    case 'DELETE': return Colors.delete;
-    case 'PATCH': return Colors.patch;
-    default: return Colors.textSecondary;
-  }
-};
-
-// iOS 8pt Grid Spacing
-export const Spacing = {
-  xs: 4,
-  sm: 8,
-  md: 12,
-  lg: 16,
-  xl: 20,
-  xxl: 24,
-} as const;
-
-// iOS Border Radius
-export const Radius = {
-  sm: 8,
-  md: 12,
-  lg: 16,
-  xl: 20,
-  full: 999,
-} as const;
-
-// iOS Typography Scale
-export const Typography = {
-  largeTitle: { fontSize: 34, fontWeight: '700' as const },
-  title1: { fontSize: 28, fontWeight: '700' as const },
-  title2: { fontSize: 22, fontWeight: '700' as const },
-  title3: { fontSize: 20, fontWeight: '600' as const },
-  headline: { fontSize: 17, fontWeight: '600' as const },
-  body: { fontSize: 17, fontWeight: '400' as const },
-  callout: { fontSize: 16, fontWeight: '400' as const },
-  subheadline: { fontSize: 15, fontWeight: '400' as const },
-  footnote: { fontSize: 13, fontWeight: '400' as const },
-  caption1: { fontSize: 12, fontWeight: '400' as const },
-  caption2: { fontSize: 11, fontWeight: '400' as const },
-} as const;