Hono Snippets

This extension is a set of Snippets for Hono. They are created so that scaffolding with Hono can be easy. You can try to remember most of these.

Snippets Documentation

Prefix	Description
h	Hono Snippets

Snippets

h:base

import { serve } from "@hono/node-server";
import { Hono } from "hono";
const app = new Hono();

app.get("/", (c) => c.text("Hello Hono!"));

const port = 3000;
serve({
  fetch: app.fetch,
  port,
});

h:not-found

app.notFound((c) => {
  return c.text("Custom 404 Message", 404);
});

h:error-handling

app.onError((err, c) => {
  console.error(`${err}`);
  return c.text("Custom Error Message", 500);
});

h:api-get

app.get("/", (c) => {
  return c.text("GET /");
});

h:api-post

app.post("/", (c) => {
  return c.text("POST /");
});

h:api-put

app.put("/", (c) => {
  return c.text("PUT /");
});

h:api-delete

app.delete("/", (c) => {
  return c.text("DELETE /");
});

h:api-upload

app.post("/upload", async (c) => {
  const body = await c.req.parseBody();
  console.log(body["file"]);
});

h:param

const param = c.req.param();

h:query

const key = c.req.query("key");

h:body

const body = await c.req.parseBody();

h:json

const json = await c.req.json();

h:middleware

import type { Context, Next } from "hono";

export const middleware = async (c: Context, next: Next) => {
  await next();
};

h:serve-static

import { serveStatic } from "@hono/node-server/serve-static";

app.use("/*", serveStatic({ root: "./public" }));

h:cors

import { cors } from "hono/cors";

app.use(
  "*",
  cors({
    origin: "*",
    allowMethods: ["GET", "POST", "PUT", "DELETE", "OPTIONS"],
  })
);

h:logger

import { logger } from "hono/logger";

app.use(logger());

h:compress

import { compress } from "hono/compress";

app.use(compress());

h:get

const value = c.get("key");

h:set

c.set("key", "value");

h:context-interface

declare module "hono" {
  interface ContextVariableMap {}
}

License

MIT