From Vibe-Code
to Verified.

// AI-generated chaos
function getData() {
  return fetch('/api/data')
    .then(res => res.json())
    .catch(err => console.log(err))
}

// No tests, no types, no error handling
const processData = (data) => {
  let result = []
  for (let i = 0; i < data.length; i++) {
    if (data[i].active == true) {
      result.push({
        id: data[i].id,
        name: data[i].name,
        status: 'active'
      })
    }
  }
  return result
}

// Production-ready, tested, typed
interface DataItem {
  id: string
  name: string
  active: boolean
}

export async function getData(): Promise<DataItem[]> {
  try {
    const response = await fetch('/api/data')
    if (!response.ok) {
      throw new Error(`HTTP ${response.status}`)
    }
    return await response.json()
  } catch (error) {
    logger.error('Failed to fetch data', error)
    throw error
  }
}

export const processActiveData = (
  data: DataItem[]
): Array<{id: string, name: string, status: 'active'}> =>
  data
    .filter(item => item.active)
    .map(item => ({
      id: item.id,
      name: item.name,
      status: 'active' as const
    }))