/**
 * Centralized storage keys for all dev tools
 * This ensures consistency across all dev tool storage operations
 * and allows easy filtering of dev tool keys from the Storage Browser
 *
 * All dev tool keys start with "@react_buoy" prefix for easy identification
 */
export const devToolsStorageKeys = {
  /**
   * Base dev tools key - all dev tool storage keys start with this
   */
  base: "@react_buoy" as const,

  /**
   * Bubble-related storage keys
   */
  bubble: {
    root: () => `${devToolsStorageKeys.base}_bubble` as const,
    settings: () => `${devToolsStorageKeys.bubble.root()}_settings` as const,
    userPreferences: () =>
      `${devToolsStorageKeys.bubble.root()}_user_preferences` as const,
    position: () => `${devToolsStorageKeys.bubble.root()}_position` as const,
  },

  /**
   * Modal-related storage keys
   */
  modal: {
    root: () => `${devToolsStorageKeys.base}_modal` as const,
    state: () => `${devToolsStorageKeys.modal.root()}_state` as const,
    position: () => `${devToolsStorageKeys.modal.root()}_position` as const,
    dimensions: () => `${devToolsStorageKeys.modal.root()}_dimensions` as const,
    hintAcknowledged: () =>
      `${devToolsStorageKeys.modal.root()}_hint_acknowledged` as const,
  },

  /**
   * Settings-related storage keys
   */
  settings: {
    root: () => `${devToolsStorageKeys.base}_settings` as const,
    theme: () => `${devToolsStorageKeys.settings.root()}_theme` as const,
    preferences: () =>
      `${devToolsStorageKeys.settings.root()}_preferences` as const,
    wifiEnabled: () =>
      `${devToolsStorageKeys.settings.root()}_wifi_enabled` as const,
    /** Global settings that apply to all dev tools */
    global: () => `${devToolsStorageKeys.settings.root()}_global` as const,
  },

  /**
   * Clipboard-related storage keys
   */
  clipboard: {
    root: () => `${devToolsStorageKeys.base}_clipboard` as const,
    hintAcknowledged: () =>
      `${devToolsStorageKeys.clipboard.root()}_hint_acknowledged` as const,
  },

  /**
   * Environment-related storage keys
   */
  env: {
    root: () => `${devToolsStorageKeys.base}_env` as const,
    modal: () => `${devToolsStorageKeys.env.root()}_modal` as const,
    currentEnv: () => `${devToolsStorageKeys.env.root()}_current` as const,
    overrides: () => `${devToolsStorageKeys.env.root()}_overrides` as const,
  },

  /**
   * Sentry-related storage keys
   */
  sentry: {
    root: () => `${devToolsStorageKeys.base}_sentry` as const,
    modal: () => `${devToolsStorageKeys.sentry.root()}_modal` as const,
    filters: () => `${devToolsStorageKeys.sentry.root()}_filters` as const,
    preferences: () =>
      `${devToolsStorageKeys.sentry.root()}_preferences` as const,
  },

  /**
   * Storage browser-related keys
   */
  storage: {
    root: () => `${devToolsStorageKeys.base}_storage` as const,
    modal: () => `${devToolsStorageKeys.storage.root()}_modal` as const,
    eventsModal: () =>
      `${devToolsStorageKeys.storage.root()}_events_modal` as const,
    filters: () => `${devToolsStorageKeys.storage.root()}_filters` as const,
    eventFilters: () =>
      `${devToolsStorageKeys.storage.root()}_event_filters` as const,
    keyFilters: () =>
      `${devToolsStorageKeys.storage.root()}_key_filters` as const,
    preferences: () =>
      `${devToolsStorageKeys.storage.root()}_preferences` as const,
    activeTab: () =>
      `${devToolsStorageKeys.storage.root()}_active_tab` as const,
    isMonitoring: () =>
      `${devToolsStorageKeys.storage.root()}_is_monitoring` as const,
    detailView: () =>
      `${devToolsStorageKeys.storage.root()}_detail_view` as const, // 'current' | 'diff'
    diffViewerMode: () =>
      `${devToolsStorageKeys.storage.root()}_diff_viewer_mode` as const, // 'split' | 'tree'
  },

  /**
   * React Query-related storage keys
   */
  reactQuery: {
    root: () => `${devToolsStorageKeys.base}_rq` as const,
    modal: () => `${devToolsStorageKeys.reactQuery.root()}_modal` as const,
    browserModal: () =>
      `${devToolsStorageKeys.reactQuery.root()}_browser_modal` as const,
    mutationModal: () =>
      `${devToolsStorageKeys.reactQuery.root()}_mutation_modal` as const,
    filters: () => `${devToolsStorageKeys.reactQuery.root()}_filters` as const,
    ignoredPatterns: () =>
      `${devToolsStorageKeys.reactQuery.root()}_ignored_patterns` as const,
    includedPatterns: () =>
      `${devToolsStorageKeys.reactQuery.root()}_included_patterns` as const,
    preferences: () =>
      `${devToolsStorageKeys.reactQuery.root()}_preferences` as const,
  },

  /**
   * Network-related storage keys
   */
  network: {
    root: () => `${devToolsStorageKeys.base}_network` as const,
    modal: () => `${devToolsStorageKeys.network.root()}_modal` as const,
    copyModal: () => `${devToolsStorageKeys.network.root()}_copy_modal` as const,
    filters: () => `${devToolsStorageKeys.network.root()}_filters` as const,
    ignoredDomains: () =>
      `${devToolsStorageKeys.network.root()}_ignored_domains` as const,
    ignoredUrls: () =>
      `${devToolsStorageKeys.network.root()}_ignored_urls` as const,
    preferences: () =>
      `${devToolsStorageKeys.network.root()}_preferences` as const,
    copyOptions: () =>
      `${devToolsStorageKeys.network.root()}_copy_options` as const,
  },

  /**
   * Route events-related storage keys
   */
  routeEvents: {
    root: () => `${devToolsStorageKeys.base}_route_events` as const,
    modal: () => `${devToolsStorageKeys.routeEvents.root()}_modal` as const,
    eventFilters: () =>
      `${devToolsStorageKeys.routeEvents.root()}_event_filters` as const,
    activeTab: () =>
      `${devToolsStorageKeys.routeEvents.root()}_active_tab` as const,
    isMonitoring: () =>
      `${devToolsStorageKeys.routeEvents.root()}_is_monitoring` as const,
    detailView: () =>
      `${devToolsStorageKeys.routeEvents.root()}_detail_view` as const, // 'current' | 'diff'
    diffViewerMode: () =>
      `${devToolsStorageKeys.routeEvents.root()}_diff_viewer_mode` as const, // 'split' | 'tree'
  },

  /**
   * Highlight updates-related storage keys
   */
  highlightUpdates: {
    root: () => `${devToolsStorageKeys.base}_highlight_updates` as const,
    modal: () => `${devToolsStorageKeys.highlightUpdates.root()}_modal` as const,
    isTracking: () =>
      `${devToolsStorageKeys.highlightUpdates.root()}_is_tracking` as const,
    filters: () =>
      `${devToolsStorageKeys.highlightUpdates.root()}_filters` as const,
    settings: () =>
      `${devToolsStorageKeys.highlightUpdates.root()}_settings` as const,
  },

  /**
   * Benchmark-related storage keys
   */
  benchmark: {
    root: () => `${devToolsStorageKeys.base}_benchmark` as const,
    modal: () => `${devToolsStorageKeys.benchmark.root()}_modal` as const,
    isRecording: () =>
      `${devToolsStorageKeys.benchmark.root()}_is_recording` as const,
    activeTab: () =>
      `${devToolsStorageKeys.benchmark.root()}_active_tab` as const,
    settings: () =>
      `${devToolsStorageKeys.benchmark.root()}_settings` as const,
    selectedReports: () =>
      `${devToolsStorageKeys.benchmark.root()}_selected_reports` as const,
  },
} as const;

/**
 * Legacy dev tool key patterns that should be cleaned up
 * These are old keys from before we standardized on @react_buoy prefix
 */
const LEGACY_DEV_TOOL_PATTERNS = [
  "@devtools",
  "@dev_tools_",
  "@modal_state_", // Old modal state keys
  "@react_query_browser_modal",
  "@react_query_modal",
  "@react_query_mutation_modal",
  "@sentry_logs_modal",
  "@floating_rn_better_dev_tools_",
  "@floating_tools_",
  "@apphost_",
  "@bubble_settings_",
  "@env_vars_modal",
  "@storage_modal",
  "@floating_@devtools_", // Double @ migration issue
  "dev_last_route", // Old key without @ prefix
];

/**
 * Check if a storage key belongs to dev tools
 * @param key - The storage key to check
 * @returns true if the key belongs to dev tools
 */
export function isDevToolsStorageKey(key: string): boolean {
  if (!key) return false;

  // Check if it starts with our base prefix
  if (key.startsWith(devToolsStorageKeys.base)) {
    return true;
  }

  // Check for legacy dev tool keys that need cleanup
  for (const pattern of LEGACY_DEV_TOOL_PATTERNS) {
    if (key.startsWith(pattern)) {
      return true;
    }
  }

  return false;
}

/**
 * Filter out dev tools storage keys from a list of keys
 * @param keys - Array of storage keys
 * @returns Array of keys that don't belong to dev tools
 */
export function filterOutDevToolsKeys(keys: string[]): string[] {
  return keys.filter((key) => !isDevToolsStorageKey(key));
}

/**
 * Get all dev tools storage keys
 * Useful for cleanup operations
 */
export function getAllDevToolsStorageKeys(): string[] {
  const keys: string[] = [];

  // Add all current keys
  keys.push(devToolsStorageKeys.bubble.settings());
  keys.push(devToolsStorageKeys.bubble.userPreferences());
  keys.push(devToolsStorageKeys.bubble.position());
  keys.push(devToolsStorageKeys.modal.state());
  keys.push(devToolsStorageKeys.modal.position());
  keys.push(devToolsStorageKeys.modal.dimensions());
  keys.push(devToolsStorageKeys.settings.theme());
  keys.push(devToolsStorageKeys.settings.preferences());
  keys.push(devToolsStorageKeys.env.currentEnv());
  keys.push(devToolsStorageKeys.env.overrides());
  keys.push(devToolsStorageKeys.sentry.filters());
  keys.push(devToolsStorageKeys.sentry.preferences());
  keys.push(devToolsStorageKeys.storage.filters());
  keys.push(devToolsStorageKeys.storage.preferences());
  keys.push(devToolsStorageKeys.reactQuery.filters());
  keys.push(devToolsStorageKeys.reactQuery.preferences());

  return keys;
}