Hono validation with pukka!

[ajaishankar]

Hi @yusukebe

In the spirit of Hono minimalism, I published pukka a delightfully simple TypeScript validation library 🚀 (2kb minified + gzipped)

Just wanted to share with the Hono community.

I use it primarily for server rendered JSX applications, but looking to add OpenAPI support soon.

Thanks!

import { Hono } from "hono";
import { validator as honoValidator } from "hono/validator";
import { form, object, validator } from "pukka";

const Post = object({
  title: "string",
  content: "string",
});

const validatePost = validator.for(Post);

const app = new Hono();

app.post(
  "/",
  honoValidator("form", (value, c) => validatePost(value)),
  (c) => {
    const { success, data, errors } = c.req.valid("form");

    if (success) {
      console.log(data);
      return c.html(<div>Post created</div>);
    }

    const f = form.helper({ data, errors });

    return c.html(
      <form method="post">
        <input type="text" name={f.title.path} value={f.title.value} />
        <span class="error">{f.title.errors.join(",")}</span>
        <input type="text" name={f.content.path} value={f.content.value} />
        <span class="error">{f.content.errors.join(","}</span>
      </form>,
      422,
    );
  },
);

[yusukebe]

Hi @ajaishankar

So, users can use the validator without a specific validator for Hono, like @hono/zod-validator?

[ajaishankar]

Yes!

Unlike other libraries, on error it returns any valid field data, and also what the user input for fields that failed validation.

Hence it makes it very easy to render forms with errors on server side after a failed post 🙂

Forms with deeply nested schemas are also supported.

Ajai

[yusukebe]

Interesting!

[ajaishankar]

In my setup

I have very little Javascript on client - and just have Hotwire from Rails running.

Needless to say, Hono works great for the server side!

Hope to submit a hono-hotwire template soon 🤞