Cloudflare Workers × Hono プロジェクトで Zod から Valibot に移行してバンドルサイズを89%削減した話

import { z } from 'zod';
import { zValidator } from '@hono/zod-validator';

const loginSchema = z.object({
  email: z.string().email(),
  password: z.string(),
});

app.post('/login', zValidator('json', loginSchema), async (c) => {
  const { email, password } = c.req.valid('json');
  // ...
});

import * as v from 'valibot';
import { vValidator } from '@hono/valibot-validator';

const loginSchema = v.object({
  email: v.pipe(v.string(), v.email()),
  password: v.string(),
});

app.post('/login', vValidator('json', loginSchema), async (c) => {
  const { email, password } = c.req.valid('json');
  // ...
});

const passwordSchema = z
  .string()
  .min(12, 'Password must be at least 12 characters')
  .regex(/[A-Z]/, 'Password must contain at least one uppercase letter')
  .regex(/[a-z]/, 'Password must contain at least one lowercase letter')
  .regex(/[0-9]/, 'Password must contain at least one number')
  .regex(
    /[^A-Za-z0-9]/,
    'Password must contain at least one special character',
  );

const passwordSchema = v.pipe(
  v.string(),
  v.minLength(12, 'Password must be at least 12 characters'),
  v.regex(/[A-Z]/, 'Password must contain at least one uppercase letter'),
  v.regex(/[a-z]/, 'Password must contain at least one lowercase letter'),
  v.regex(/[0-9]/, 'Password must contain at least one number'),
  v.regex(
    /[^A-Za-z0-9]/,
    'Password must contain at least one special character',
  ),
);

const createLogSchema = z.object({
  scheduleId: z.string().uuid(),
  date: z
    .string()
    .regex(/^\d{4}-\d{2}-\d{2}$/)
    .optional(),
  status: z.enum(['taken', 'skipped']).default('taken'),
  skipReason: z.enum(['injury', 'sick', 'other']).optional(),
  skipNote: z.string().max(200).optional(),
});

const createLogSchema = v.object({
  scheduleId: v.pipe(v.string(), v.uuid()),
  date: v.optional(v.pipe(v.string(), v.regex(/^\d{4}-\d{2}-\d{2}$/))),
  status: v.optional(v.picklist(['taken', 'skipped']), 'taken'),
  skipReason: v.optional(v.picklist(['injury', 'sick', 'other'])),
  skipNote: v.optional(v.pipe(v.string(), v.maxLength(200))),
});

import { Hono } from 'hono';
import * as v from 'valibot';
import { vValidator } from '@hono/valibot-validator';

const app = new Hono();

// JSONボディのバリデーション
app.post('/api/users', vValidator('json', userSchema), (c) => {
  const data = c.req.valid('json');
  // ...
});

// クエリパラメータのバリデーション
app.get('/api/stats', vValidator('query', querySchema), (c) => {
  const { period, date } = c.req.valid('query');
  // ...
});

// URLパラメータのバリデーション
app.get('/api/items/:id', vValidator('param', paramSchema), (c) => {
  const { id } = c.req.valid('param');
  // ...
});

// Zodのメソッドチェーン
z.string().min(1).max(100).email();

// Valibotの関数合成
v.pipe(v.string(), v.minLength(1), v.maxLength(100), v.email());

// Zod
z.string().default('default');

// Valibot
v.optional(v.string(), 'default');

// Zod
z.string().optional().nullable();

// Valibot
v.optional(v.nullable(v.string()));

// Before
import { z } from 'zod';
import { zValidator } from '@hono/zod-validator';

// After
import * as v from 'valibot';
import { vValidator } from '@hono/valibot-validator';