import { alias } from "https://esm.town/v/neverstew/alias"; import { extractValInfo } from "https://esm.town/v/pomdtr/extractValInfo"; import { html } from "https://esm.town/v/pomdtr/gfm"; import { readme } from "https://esm.town/v/pomdtr/readme"; const vals = await Promise.all( [ "iamseeley/Server2", "iamseeley/RootLayout", "iamseeley/LandingPage", "iamseeley/EditProfilePage", "iamseeley/ProfilePage", "iamseeley/SubmitSignup", "iamseeley/SubmitLogin", "iamseeley/SignupModal", "iamseeley/LoginModal", "iamseeley/AddLink", "iamseeley/EditLinkModal", "iamseeley/Queries", "iamseeley/profileHandlers", "iamseeley/linkHandlers", "iamseeley/UserLinks", "iamseeley/UserProfileHeader", "iamseeley/Nav", "iamseeley/Header" ] .map(async id => { const [username, valName] = id.split("/"); return alias({ username, valName }); }), ); export default async function(req: Request) { return new Response( ` HonoHTMX Val

hono 🤝 htmx 🤝 val town

${readmeContent}

${val.author.username}/${val.name} (v${val.version})
${heart}${val.likeCount} ${ref}${val.referenceCount}

`, { headers: { "Content-Type": "text/html; charset=utf-8", }, }, ); } const heart = ``; const ref = ``; const css = ` html { padding: 0.5em; } body { font-family: IBM Plex Sans, system-ui; max-width: 56rem; margin: 0 auto; } h1 { padding-top: 0.5em; } ul { list-style-type: none; padding: 0; } li { background: rgb(249 250 251); padding: 0.5em; border-radius: 0.25em; border: 1px solid #e5e7eb; } li + li { margin-block: 1rem; } li blockquote { font-weight: 500; font-style: italic; border-left: 0.25rem solid rgb(229 231 235); margin-block: 1.6em; margin-inline: 0; padding-left: 1em; } summary { cursor: pointer; display: flex; align-items: center; } summary hr { flex-grow: 96; border: none; } summary svg { height: 0.875em; position: relative; top: 0.125em; stroke: currentColor; stroke-width: 2; fill: none; } iframe { border: none; min-height: 24rem; width: 100% }`;