Val Town Code SearchReturn to Val Town

1Example Hono app with the Fiberplane API Playground and Tracing enabled.
2
3Note, for this we need to configure some environment variables:

1import { instrument } from "https://esm.sh/@fiberplane/hono-otel@0.8.0";
2import { createFiberplane, createOpenAPISpec } from "https://esm.sh/@fiberplane/hono@0.4.4";
3import { Hono } from "npm:hono@4.7.0"; // Hono's type inference works better as an npm import for some reason
4import { HTTPException } from "npm:hono@4.7.0/http-exception";
7
8/**
9 * `GET /api/users`
10 *
11 * A mock api route that returns a list of users
12 */
13app.get("/api/users", async (c) => {
14  return c.json({
15    data: [
27
28/**
29 * `GET /openapi.json`
30 *
31 * Returns a simplified OpenAPI spec to power the Fiberplane UI.
32 */
33app.get("/openapi.json", async (c) => {
34  const spec = createOpenAPISpec(app, {
35    info: { title: "My Hono API", version: "1.0.0" },
36  });
37  return c.json(spec);
39
40/**
41 * Mount the Fiberplane API explorer at the root.
42 * This exposes a UI to test the API.
43 */
44app.use(
45  "/*",
46  createFiberplane({
47    openapi: { url: "/openapi.json" },
48  }),
49);