const res = await fetch('/api/users');
const data = await res.json();

import { Hono } from 'hono';

const app = new Hono();
app.get('/', (c) => c.json({ users: [] }));
export type AppType = typeof app;

import type { AppType } from '../api/users';
import { hc } from 'hono/client';

export const client = hc<AppType>('/api');

export async function apiFetch<T>(
  endpoint: string, 
  options?: RequestInit
): Promise<T> {
  const res = await fetch(`/api${endpoint}`, {
    ...options,
    headers: {
      'Content-Type': 'application/json',
      ...options?.headers,
    },
  });
  
  if (!res.ok) {
    const error = await res.json().catch(() => ({ message: 'Request failed' }));
    throw new Error(error.message);
  }
  
  return res.json();
}

interface User {
  id: string;
  name: string;
}

// Get all users
const users = await apiFetch<User[]>('/users');

// Get single user
const user = await apiFetch<User>('/users/123');

// Create user
const newUser = await apiFetch<User>('/users', {
  method: 'POST',
  body: JSON.stringify({ name: 'Alice' }),
});

async function safeApiFetch<T>(endpoint: string): Promise<T | null> {
  try {
    const res = await fetch(`/api${endpoint}`);
    
    if (res.status === 404) {
      return null;
    }
    
    if (!res.ok) {
      const error = await res.json().catch(() => ({ message: 'Unknown error' }));
      throw new Error(error.message);
    }
    
    return res.json();
  } catch (error) {
    console.error('API call failed:', error);
    return null;
  }
}