/** @jsxImportSource https://esm.sh/hono@3.9.2/jsx **/ import { api } from "https://esm.town/v/pomdtr/api"; import { extractValInfo } from "https://esm.town/v/pomdtr/extractValInfo"; import { Hono } from "npm:hono"; import { jsxRenderer } from "npm:hono/jsx-renderer"; import { minify } from "npm:terser"; const app = new Hono(); async function bookmarkletUrl(author: string, name: string) { const { code } = await api(`/v1/alias/${author}/${name}`); const { code: minifedCode } = await minify(`(${code})();`); return `javascript:${encodeURIComponent(minifedCode)}`; } app.get( "/*", jsxRenderer(({ children }) => { return ( Bookmarklets

{children}

); }), ); const root = extractValInfo(import.meta.url); app.get("/", async c => { const { data: vals } = await api(`/v1/search/vals?query=${encodeURIComponent("#bookmarklet")}`); const bookmarklets = await Promise.all( vals.filter( val => val.author.username != root.author || val.name != root.name, ).map(async val => { try { const url = await bookmarkletUrl(val.author.username, val.name); return { val, url }; } catch (error) { console.error(error); return { val, error }; } }), ); return c.render( <>

Bookmarklets

{bookmarklets.map(({ val, url: bookmarkletUrl }) => { const bookmarkletVal = { label: `@${val.author.username}/${val.name}`, url: new URL(`https://val.town/v/${val.author.username}/${val.name}`).href, }; return ( ); })}

Bookmarklet	Val
{bookmarkletVal.label}	View Val

Add your bookmarklet to this list , ); }); app.get("/v/:author/:name", async c => { const { author, name } = c.req.param(); const { privacy } = await api(`/v1/alias/${author}/${name}`); if (privacy === "private") { return c.notFound(); } const label = `@${author}/${name}`; const url = await bookmarkletUrl(author, name); return c.render( {label}, ); }); export default app.fetch;