react-native-debug-toolkit 2.0.0 → 2.1.0

package/src/types/index.ts

@@ -8,25 +8,23 @@ export type BuiltInFeatureName =
   | 'zustand'
   | 'navigation'
   | 'track'
-  | 'thirdPartyLibs'
   | 'environment'
   | 'clipboard';
 
+/** Props passed to a feature's renderContent component */
 export interface DebugFeatureRenderProps<TData = unknown> {
   data: TData[];
   feature: DebugFeature<TData>;
 }
 
-export type DebugFeatureRenderer<TData = unknown> = ComponentType<
-  DebugFeatureRenderProps<TData>
->;
+/**
+ * Type-erased feature for heterogeneous collections.
+ * Individual features should use `DebugFeature<TData>` with their specific data type.
+ * This alias is only for places that hold features of multiple types.
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type AnyDebugFeature = DebugFeature<any>;
 
-export type DebugFeatureFactory = () => DebugFeature<any>;
-
-export type DebugFeatureInput =
-  | BuiltInFeatureName
-  | DebugFeature<any>
-  | DebugFeatureFactory;
 
 /** Base interface all debug features must implement */
 export interface DebugFeature<TData = unknown> {
@@ -37,7 +35,7 @@ export interface DebugFeature<TData = unknown> {
   clear?: () => void;
   cleanup: () => void;
   subscribe?: (listener: DebugFeatureListener) => () => void;
-  renderContent?: DebugFeatureRenderer<TData>;
+  renderContent?: ComponentType<DebugFeatureRenderProps<TData>>;
   badge?: () => { label: string; color: string } | null;
 }
 
@@ -96,18 +94,6 @@ export interface TrackLogEntry {
   [key: string]: unknown;
 }
 
-export interface ThirdPartyLib {
-  id: string;
-  name: string;
-  description: string;
-  platform: 'ios' | 'android' | 'both';
-  actions: Array<{
-    id: string;
-    label: string;
-    onPress: () => void;
-  }>;
-}
-
 export interface EnvironmentConfig {
   id: string;
   label: string;
@@ -120,19 +106,22 @@ export interface EnvironmentState {
   currentEnvironmentId: string | null;
 }
 
-export interface DebugToolkitConfig {
-  features?: DebugFeatureInput[];
-  enabled?: boolean;
-  /** Maximum number of log entries per feature (default: 200) */
-  maxLogsPerFeature?: number;
+export interface NavigationContainerRef {
+  getCurrentRoute?: () => { name?: string } | undefined;
+  getRootState?: () => unknown;
+  addListener: (event: string, callback: () => void) => () => void;
 }
 
-export interface DebugToolkitAPI {
-  readonly features: ReadonlyArray<DebugFeature<any>>;
-  addFeature: (feature: DebugFeature<any>) => void;
-  removeFeature: (name: string) => void;
-  showPanel: () => void;
-  hidePanel: () => void;
-  clearAll: () => void;
-  destroy: () => void;
+export interface ThirdPartyLibAction {
+  id: string;
+  label: string;
+  onPress: () => void;
+}
+
+export interface ThirdPartyLib {
+  id: string;
+  name: string;
+  description: string;
+  platform: 'ios' | 'android' | 'both';
+  actions: ThirdPartyLibAction[];
 }

package/src/utils/colors.ts

@@ -0,0 +1,38 @@
+// Apple iOS System Color Palette
+export const Colors = {
+  // System
+  primary: '#007AFF',
+  text: '#1C1C1E',
+  textSecondary: '#8E8E93',
+  textLight: '#C7C7CC',
+  border: '#E5E5EA',
+  background: '#F2F2F7',
+  surface: '#FFFFFF',
+
+  // Semantic
+  success: '#34C759',
+  error: '#FF3B30',
+  warning: '#FF9500',
+  info: '#5AC8FA',
+
+  // Accent
+  purple: '#AF52DE',
+
+  // HTTP Method Colors
+  get: '#007AFF',
+  post: '#34C759',
+  put: '#FF9500',
+  delete: '#FF3B30',
+  patch: '#5AC8FA',
+} as const;
+
+export function 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;
+  }
+}

package/src/utils/createChannelFeature.ts

@@ -0,0 +1,55 @@
+import type { ComponentType } from 'react';
+import type { DebugFeature, DebugFeatureListener, DebugFeatureRenderProps } from '../types';
+import type { EventChannel } from './createEventChannel';
+import { createObservableStore } from './createObservableStore';
+
+const DEFAULT_MAX_LOGS = 200;
+
+/**
+ * Generic factory for features that subscribe to an event channel.
+ * Eliminates boilerplate across channel-based features (Track, Navigation, Zustand).
+ *
+ * @param getChannel - Function returning the current channel (supports test resets)
+ * @param toEntry - Maps a payload + auto-generated id to a typed log entry
+ * @param options - Feature name, label, render component, and optional maxLogs
+ */
+export function createChannelFeature<TPayload, TEntry>(
+  getChannel: () => EventChannel<TPayload>,
+  toEntry: (payload: TPayload, id: string) => TEntry,
+  options: {
+    name: string;
+    label: string;
+    renderContent?: ComponentType<DebugFeatureRenderProps<TEntry>>;
+    maxLogs?: number;
+  },
+): DebugFeature<TEntry> {
+  const maxLogs = options.maxLogs ?? DEFAULT_MAX_LOGS;
+  const logStore = createObservableStore<TEntry>();
+  let nextId = 0;
+  let initialized = false;
+  let unsubscribe: (() => void) | null = null;
+
+  return {
+    name: options.name,
+    label: options.label,
+    renderContent: options.renderContent,
+    setup: () => {
+      if (initialized) return;
+      unsubscribe = getChannel().subscribe((payload) => {
+        logStore.push(toEntry(payload, String(nextId++)), maxLogs);
+      });
+      initialized = true;
+    },
+    getData: () => logStore.getData(),
+    clear: () => {
+      logStore.clear();
+    },
+    cleanup: () => {
+      unsubscribe?.();
+      unsubscribe = null;
+      logStore.clear();
+      initialized = false;
+    },
+    subscribe: (listener: DebugFeatureListener) => logStore.subscribe(listener),
+  };
+}

package/src/utils/layout.ts

@@ -0,0 +1 @@
+export const ICON_SIZE = 52;

package/src/utils/urlRewriterRegistry.ts

@@ -0,0 +1,10 @@
+type UrlRewriter = (url: string) => string;
+
+let current: UrlRewriter | null = null;
+
+export const urlRewriter = {
+  get: (): UrlRewriter | null => current,
+  set: (rewriter: UrlRewriter | null): void => {
+    current = rewriter;
+  },
+};

package/lib/commonjs/utils/constants.js

@@ -1,135 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getMethodColor = exports.Typography = exports.Spacing = exports.Radius = exports.Layout = exports.Colors = void 0;
-var _reactNative = require("react-native");
-const {
-  width: screenWidth,
-  height: screenHeight
-} = _reactNative.Dimensions.get('window');
-const Layout = exports.Layout = {
-  screenWidth,
-  screenHeight,
-  iconSize: 52
-};
-
-// Apple iOS System Color Palette
-const Colors = exports.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'
-};
-const getMethodColor = method => {
-  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
-exports.getMethodColor = getMethodColor;
-const Spacing = exports.Spacing = {
-  xs: 4,
-  sm: 8,
-  md: 12,
-  lg: 16,
-  xl: 20,
-  xxl: 24
-};
-
-// iOS Border Radius
-const Radius = exports.Radius = {
-  sm: 8,
-  md: 12,
-  lg: 16,
-  xl: 20,
-  full: 999
-};
-
-// iOS Typography Scale
-const Typography = exports.Typography = {
-  largeTitle: {
-    fontSize: 34,
-    fontWeight: '700'
-  },
-  title1: {
-    fontSize: 28,
-    fontWeight: '700'
-  },
-  title2: {
-    fontSize: 22,
-    fontWeight: '700'
-  },
-  title3: {
-    fontSize: 20,
-    fontWeight: '600'
-  },
-  headline: {
-    fontSize: 17,
-    fontWeight: '600'
-  },
-  body: {
-    fontSize: 17,
-    fontWeight: '400'
-  },
-  callout: {
-    fontSize: 16,
-    fontWeight: '400'
-  },
-  subheadline: {
-    fontSize: 15,
-    fontWeight: '400'
-  },
-  footnote: {
-    fontSize: 13,
-    fontWeight: '400'
-  },
-  caption1: {
-    fontSize: 12,
-    fontWeight: '400'
-  },
-  caption2: {
-    fontSize: 11,
-    fontWeight: '400'
-  }
-};
-//# sourceMappingURL=constants.js.map

package/lib/commonjs/utils/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","width","screenWidth","height","screenHeight","Dimensions","get","Layout","exports","iconSize","Colors","primary","text","textSecondary","textLight","border","opaqueSeparator","background","surface","success","error","warning","info","blue","green","indigo","orange","pink","purple","red","teal","yellow","post","put","delete","patch","getMethodColor","method","toUpperCase","Spacing","xs","sm","md","lg","xl","xxl","Radius","full","Typography","largeTitle","fontSize","fontWeight","title1","title2","title3","headline","body","callout","subheadline","footnote","caption1","caption2"],"sourceRoot":"../../../src","sources":["utils/constants.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/utils/constants.js

@@ -1,130 +0,0 @@
-"use strict";
-
-import { Dimensions } from 'react-native';
-const {
-  width: screenWidth,
-  height: screenHeight
-} = Dimensions.get('window');
-export const Layout = {
-  screenWidth,
-  screenHeight,
-  iconSize: 52
-};
-
-// 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'
-};
-export const getMethodColor = method => {
-  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
-};
-
-// iOS Border Radius
-export const Radius = {
-  sm: 8,
-  md: 12,
-  lg: 16,
-  xl: 20,
-  full: 999
-};
-
-// iOS Typography Scale
-export const Typography = {
-  largeTitle: {
-    fontSize: 34,
-    fontWeight: '700'
-  },
-  title1: {
-    fontSize: 28,
-    fontWeight: '700'
-  },
-  title2: {
-    fontSize: 22,
-    fontWeight: '700'
-  },
-  title3: {
-    fontSize: 20,
-    fontWeight: '600'
-  },
-  headline: {
-    fontSize: 17,
-    fontWeight: '600'
-  },
-  body: {
-    fontSize: 17,
-    fontWeight: '400'
-  },
-  callout: {
-    fontSize: 16,
-    fontWeight: '400'
-  },
-  subheadline: {
-    fontSize: 15,
-    fontWeight: '400'
-  },
-  footnote: {
-    fontSize: 13,
-    fontWeight: '400'
-  },
-  caption1: {
-    fontSize: 12,
-    fontWeight: '400'
-  },
-  caption2: {
-    fontSize: 11,
-    fontWeight: '400'
-  }
-};
-//# sourceMappingURL=constants.js.map

package/lib/module/utils/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Dimensions","width","screenWidth","height","screenHeight","get","Layout","iconSize","Colors","primary","text","textSecondary","textLight","border","opaqueSeparator","background","surface","success","error","warning","info","blue","green","indigo","orange","pink","purple","red","teal","yellow","post","put","delete","patch","getMethodColor","method","toUpperCase","Spacing","xs","sm","md","lg","xl","xxl","Radius","full","Typography","largeTitle","fontSize","fontWeight","title1","title2","title3","headline","body","callout","subheadline","footnote","caption1","caption2"],"sourceRoot":"../../../src","sources":["utils/constants.ts"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/utils/constants.d.ts

@@ -1,96 +0,0 @@
-export declare const Layout: {
-    readonly screenWidth: number;
-    readonly screenHeight: number;
-    readonly iconSize: 52;
-};
-export declare const Colors: {
-    readonly primary: "#007AFF";
-    readonly text: "#1C1C1E";
-    readonly textSecondary: "#8E8E93";
-    readonly textLight: "#C7C7CC";
-    readonly border: "#E5E5EA";
-    readonly opaqueSeparator: "#C6C6C8";
-    readonly background: "#F2F2F7";
-    readonly surface: "#FFFFFF";
-    readonly success: "#34C759";
-    readonly error: "#FF3B30";
-    readonly warning: "#FF9500";
-    readonly info: "#5AC8FA";
-    readonly blue: "#007AFF";
-    readonly green: "#34C759";
-    readonly indigo: "#5856D6";
-    readonly orange: "#FF9500";
-    readonly pink: "#FF2D55";
-    readonly purple: "#AF52DE";
-    readonly red: "#FF3B30";
-    readonly teal: "#5AC8FA";
-    readonly yellow: "#FFCC00";
-    readonly get: "#007AFF";
-    readonly post: "#34C759";
-    readonly put: "#FF9500";
-    readonly delete: "#FF3B30";
-    readonly patch: "#5AC8FA";
-};
-export declare const getMethodColor: (method: string) => string;
-export declare const Spacing: {
-    readonly xs: 4;
-    readonly sm: 8;
-    readonly md: 12;
-    readonly lg: 16;
-    readonly xl: 20;
-    readonly xxl: 24;
-};
-export declare const Radius: {
-    readonly sm: 8;
-    readonly md: 12;
-    readonly lg: 16;
-    readonly xl: 20;
-    readonly full: 999;
-};
-export declare const Typography: {
-    readonly largeTitle: {
-        readonly fontSize: 34;
-        readonly fontWeight: "700";
-    };
-    readonly title1: {
-        readonly fontSize: 28;
-        readonly fontWeight: "700";
-    };
-    readonly title2: {
-        readonly fontSize: 22;
-        readonly fontWeight: "700";
-    };
-    readonly title3: {
-        readonly fontSize: 20;
-        readonly fontWeight: "600";
-    };
-    readonly headline: {
-        readonly fontSize: 17;
-        readonly fontWeight: "600";
-    };
-    readonly body: {
-        readonly fontSize: 17;
-        readonly fontWeight: "400";
-    };
-    readonly callout: {
-        readonly fontSize: 16;
-        readonly fontWeight: "400";
-    };
-    readonly subheadline: {
-        readonly fontSize: 15;
-        readonly fontWeight: "400";
-    };
-    readonly footnote: {
-        readonly fontSize: 13;
-        readonly fontWeight: "400";
-    };
-    readonly caption1: {
-        readonly fontSize: 12;
-        readonly fontWeight: "400";
-    };
-    readonly caption2: {
-        readonly fontSize: 11;
-        readonly fontWeight: "400";
-    };
-};
-//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/src/utils/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/utils/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCT,CAAC;AAEX,eAAO,MAAM,cAAc,GAAI,QAAQ,MAAM,KAAG,MAS/C,CAAC;AAGF,eAAO,MAAM,OAAO;;;;;;;CAOV,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AAGX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYb,CAAC"}

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;