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

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

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

\n {html`\n \n `}\n \n \n );\n}\n\napp.get(\"/v/:user/:val\", async (c) => {\n const val_user = c.req.param(\"user\");\n const val_name = c.req.param(\"val\");\n const val = await get_val(val_user, val_name);\n let prev_val = null;\n if (val.version > 1) {\n prev_val = await get_val(val_user, val_name, val.version - 1);\n }\n return c.html(show_val(val.version, val, prev_val));\n});\n\napp.get(\"/v/:user/:val/:version\", async (c) => {\n const val_user = c.req.param(\"user\");\n const val_name = c.req.param(\"val\");\n const val_version = Number(c.req.param(\"version\"));\n const current_val = await get_val(val_user, val_name);\n const version_val = await get_val(val_user, val_name, val_version);\n let prev_val = null;\n if (version_val.version > 1) {\n prev_val = await get_val(val_user, val_name, version_val.version - 1);\n }\n return c.html(show_val(current_val.version, version_val, prev_val));\n});\n\nasync function handler(req: Request): Promise {\n await track(\"saolsen.changes\", req);\n return await app.fetch(req);\n}\n\nexport default traced_handler(handler);\n",[],[173],"files",[152,171],"counts",{"_184":32,"_185":159,"_186":159,"_187":188},"pulls","branches","forks","envVars",{"_189":32,"_190":32},"count","emptyCount","contents",[],{"_103":153,"_95":99,"_154":155,"_156":-5,"_157":140,"_158":159,"_160":109,"_105":194,"_100":32,"_162":163,"_164":165,"_166":22,"_167":-5,"_98":195},["D",1703693569685],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":204,"_150":209,"_180":216,"_163":217,"_191":219,"_220":-5,"_221":-5,"_222":-5,"_223":-5,"_224":225},{"_103":104,"_95":96,"_105":205,"_107":-5,"_108":109,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":109,"_118":-5,"_119":120,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":206,"_134":207,"_137":208,"_149":22},["D",1746228399020],{"_93":94,"_132":133},{"_93":94,"_136":133},{"_100":139,"_95":43,"_103":140,"_141":104,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":96,"_148":94},[210,213],{"_103":153,"_95":99,"_154":155,"_156":-5,"_157":140,"_158":159,"_160":109,"_105":161,"_100":32,"_162":163,"_164":165,"_166":22,"_167":-5,"_168":211,"_98":212},[],[99],{"_103":172,"_95":173,"_154":116,"_156":-5,"_157":140,"_158":139,"_160":109,"_105":174,"_100":175,"_162":176,"_164":177,"_166":22,"_167":-5,"_168":214,"_98":215},[],[173],[210,213],{"_103":153,"_95":99,"_154":155,"_156":-5,"_157":140,"_158":159,"_160":109,"_105":194,"_100":32,"_162":163,"_164":165,"_166":22,"_167":-5,"_98":218},[99],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

saolsen

changes

View val changes as a diff.