Bun con Claude Code

Acelerar la adopcion del runtime Bun con Claude Code

Bun es un runtime todo-en-uno para JavaScript/TypeScript. Incluye gestor de paquetes, bundler y test runner integrados, y funciona varias veces mas rapido que Node.js. Aprovecha Claude Code para adoptar eficientemente las poderosas funcionalidades de Bun.

Configuracion del proyecto

> Crea un nuevo proyecto de aplicacion web con Bun.
> Incluye TypeScript, el framework Hono y configuracion de tests.

bun init my-app
cd my-app
bun add hono

// src/index.ts
import { Hono } from 'hono';
import { cors } from 'hono/cors';
import { logger } from 'hono/logger';

const app = new Hono();

app.use('*', logger());
app.use('/api/*', cors());

app.get('/api/health', (c) => {
  return c.json({ status: 'ok', runtime: 'bun' });
});

app.get('/api/users/:id', async (c) => {
  const id = c.req.param('id');
  const user = await getUser(id);
  return c.json(user);
});

export default {
  port: 3000,
  fetch: app.fetch,
};

Aprovechamiento de las API integradas de Bun

> Implementa un almacen de datos simple usando las API de archivos y SQLite de Bun.

// src/db.ts
import { Database } from 'bun:sqlite';

const db = new Database('app.db', { create: true });

db.run(`
  CREATE TABLE IF NOT EXISTS users (
    id INTEGER PRIMARY KEY AUTOINCREMENT,
    name TEXT NOT NULL,
    email TEXT UNIQUE NOT NULL,
    created_at DATETIME DEFAULT CURRENT_TIMESTAMP
  )
`);

export const createUser = db.prepare(
  'INSERT INTO users (name, email) VALUES ($name, $email)'
);

export const getUser = db.prepare(
  'SELECT * FROM users WHERE id = $id'
);

// Operaciones de archivos de Bun
export async function saveUpload(file: File) {
  const path = `./uploads/${file.name}`;
  await Bun.write(path, file);
  return path;
}

export async function readConfig() {
  const file = Bun.file('./config.json');
  return await file.json();
}

Ejecucion de tests

Bun incluye un test runner de alta velocidad.

> Escribe tests para los endpoints de la API.
> Usa el test runner de Bun.

// src/index.test.ts
import { describe, expect, it, beforeAll, afterAll } from 'bun:test';

describe('API endpoints', () => {
  it('GET /api/health devuelve ok', async () => {
    const res = await fetch('http://localhost:3000/api/health');
    const data = await res.json();
    expect(res.status).toBe(200);
    expect(data.status).toBe('ok');
  });

  it('GET /api/users/:id devuelve un usuario', async () => {
    const res = await fetch('http://localhost:3000/api/users/1');
    expect(res.status).toBe(200);
    const user = await res.json();
    expect(user).toHaveProperty('name');
  });
});

# Ejecutar tests
bun test

# Modo watch
bun test --watch

# Cobertura
bun test --coverage

Bundle y build

> Empaqueta el codigo frontend con Bun.
> Activa tree-shaking y minify.

// build.ts
await Bun.build({
  entrypoints: ['./src/client/index.tsx'],
  outdir: './dist',
  target: 'browser',
  minify: true,
  splitting: true,
  sourcemap: 'external',
  define: {
    'process.env.NODE_ENV': '"production"',
  },
});

console.log('Build completado!');

Summary

Bun mejora drasticamente la experiencia de desarrollo con su velocidad abrumadora y su toolchain integrado. Combinado con Claude Code, puedes aprender rapidamente las API y patrones propios de Bun. Consulta tambien la guia de desarrollo de API y las estrategias de testing.

Para mas detalles sobre Bun, consulta la documentacion oficial de Bun.