/* @jsxImportSource https://esm.sh/hono/jsx */ import { Hono } from "npm:hono"; import { html } from "npm:hono/html"; import { track } from "https://esm.town/v/saolsen/plausible?v=3"; import { init, traced_fetch, traced_handler, } from "https://esm.town/v/saolsen/tracing"; init("changes"); const app = new Hono(); app.get("/", (c) => { return c.html(

Go to `/v/:user/:val` to see the latest version of a val, or `/v/:user/:val/:version` to see a specific version. For example,{" "} /v/saolsen/tracing/108

); }); type Val = { user: string; val: string; version: number; body: string; }; async function get_val( user: string, val: string, version: number | null = null ): Promise { let val_req_url = `https://esm.town/v/${user}/${val}`; if (version !== null) { val_req_url = `${val_req_url}?v=${version}`; } const val_resp: Response = await traced_fetch(val_req_url); const val_version = Number(val_resp.url.split("?v=")[1]); const val_body: string = await val_resp.text(); return { user, val, version: val_version, body: val_body, }; } function show_val( latest_version: number, val: Val, prev_val: Val | null = null ): HtmlEscapedString { return (

{prev_val !== null && ( {"<"} v{prev_val.version} )} {val.user}/{val.val} v{val.version} {latest_version !== val.version && ( v{val.version + 1} {">"} )}

{html` `} ); } app.get("/v/:user/:val", async (c) => { const val_user = c.req.param("user"); const val_name = c.req.param("val"); const val = await get_val(val_user, val_name); let prev_val = null; if (val.version > 1) { prev_val = await get_val(val_user, val_name, val.version - 1); } return c.html(show_val(val.version, val, prev_val)); }); app.get("/v/:user/:val/:version", async (c) => { const val_user = c.req.param("user"); const val_name = c.req.param("val"); const val_version = Number(c.req.param("version")); const current_val = await get_val(val_user, val_name); const version_val = await get_val(val_user, val_name, val_version); let prev_val = null; if (version_val.version > 1) { prev_val = await get_val(val_user, val_name, version_val.version - 1); } return c.html(show_val(current_val.version, version_val, prev_val)); }); async function handler(req: Request): Promise { await track("saolsen.changes", req); return await app.fetch(req); } export default traced_handler(handler);

changes

View val changes as a diff.