claude-code-best/src/context/stats.tsx

import React, {
  createContext,
  useCallback,
  useContext,
  useEffect,
  useMemo,
} from 'react'
import { saveCurrentProjectConfig } from '../utils/config.js'

export type StatsStore = {
  increment(name: string, value?: number): void
  set(name: string, value: number): void
  observe(name: string, value: number): void
  add(name: string, value: string): void
  getAll(): Record<string, number>
}

function percentile(sorted: number[], p: number): number {
  const index = (p / 100) * (sorted.length - 1)
  const lower = Math.floor(index)
  const upper = Math.ceil(index)
  if (lower === upper) {
    return sorted[lower]!
  }
  return sorted[lower]! + (sorted[upper]! - sorted[lower]!) * (index - lower)
}

const RESERVOIR_SIZE = 1024

type Histogram = {
  reservoir: number[]
  count: number
  sum: number
  min: number
  max: number
}

export function createStatsStore(): StatsStore {
  const metrics = new Map<string, number>()
  const histograms = new Map<string, Histogram>()
  const sets = new Map<string, Set<string>>()

  return {
    increment(name: string, value = 1) {
      metrics.set(name, (metrics.get(name) ?? 0) + value)
    },
    set(name: string, value: number) {
      metrics.set(name, value)
    },
    observe(name: string, value: number) {
      let h = histograms.get(name)
      if (!h) {
        h = { reservoir: [], count: 0, sum: 0, min: value, max: value }
        histograms.set(name, h)
      }
      h.count++
      h.sum += value
      if (value < h.min) {
        h.min = value
      }
      if (value > h.max) {
        h.max = value
      }
      // Reservoir sampling (Algorithm R)
      if (h.reservoir.length < RESERVOIR_SIZE) {
        h.reservoir.push(value)
      } else {
        const j = Math.floor(Math.random() * h.count)
        if (j < RESERVOIR_SIZE) {
          h.reservoir[j] = value
        }
      }
    },
    add(name: string, value: string) {
      let s = sets.get(name)
      if (!s) {
        s = new Set()
        sets.set(name, s)
      }
      s.add(value)
    },
    getAll() {
      const result: Record<string, number> = Object.fromEntries(metrics)

      for (const [name, h] of histograms) {
        if (h.count === 0) {
          continue
        }
        result[`${name}_count`] = h.count
        result[`${name}_min`] = h.min
        result[`${name}_max`] = h.max
        result[`${name}_avg`] = h.sum / h.count
        const sorted = [...h.reservoir].sort((a, b) => a - b)
        result[`${name}_p50`] = percentile(sorted, 50)
        result[`${name}_p95`] = percentile(sorted, 95)
        result[`${name}_p99`] = percentile(sorted, 99)
      }

      for (const [name, s] of sets) {
        result[name] = s.size
      }

      return result
    },
  }
}

export const StatsContext = createContext<StatsStore | null>(null)

type Props = {
  store?: StatsStore
  children: React.ReactNode
}

export function StatsProvider({
  store: externalStore,
  children,
}: Props): React.ReactNode {
  const internalStore = useMemo(() => createStatsStore(), [])
  const store = externalStore ?? internalStore

  useEffect(() => {
    const flush = () => {
      const metrics = store.getAll()
      if (Object.keys(metrics).length > 0) {
        saveCurrentProjectConfig(current => ({
          ...current,
          lastSessionMetrics: metrics,
        }))
      }
    }
    process.on('exit', flush)
    return () => {
      process.off('exit', flush)
    }
  }, [store])

  return <StatsContext.Provider value={store}>{children}</StatsContext.Provider>
}

export function useStats(): StatsStore {
  const store = useContext(StatsContext)
  if (!store) {
    throw new Error('useStats must be used within a StatsProvider')
  }
  return store
}

export function useCounter(name: string): (value?: number) => void {
  const store = useStats()
  return useCallback(
    (value?: number) => store.increment(name, value),
    [store, name],
  )
}

export function useGauge(name: string): (value: number) => void {
  const store = useStats()
  return useCallback((value: number) => store.set(name, value), [store, name])
}

export function useTimer(name: string): (value: number) => void {
  const store = useStats()
  return useCallback(
    (value: number) => store.observe(name, value),
    [store, name],
  )
}

export function useSet(name: string): (value: string) => void {
  const store = useStats()
  return useCallback((value: string) => store.add(name, value), [store, name])
}