/* @jsxImportSource https://esm.sh/hono/jsx */ import { Hono } from "npm:hono"; import { html } from "npm:hono/html"; import { Child, type FC } from "npm:hono/jsx"; import { getCookie } from "npm:hono/cookie"; import { jsxRenderer, useRequestContext } from "npm:hono/jsx-renderer"; import { importSPKI, jwtVerify } from "npm:jose"; const clerk_pub_key = Deno.env.get("CLERK_PUB_KEY"); const clerk_jwt_key = Deno.env.get("CLERK_JWT_KEY").replaceAll("|", "\n"); const jwt_key = await importSPKI(clerk_jwt_key, "RS256"); const app = new Hono(); function main(children: Child): JSX.Element { return (

{children}

); } function page(children: Child): JSX.Element { return ( {html` `} {main(children)} ); } const Layout: FC = ({ children }) => { if (children === undefined) { return <>; } const { req } = useRequestContext(); const hx_target = req.header("Hx-Target"); if (hx_target === undefined) { return page(children); } else if (hx_target === "main") { return main(children); } else { return <>{children}; } }; const renderer = jsxRenderer(({ children, ...props }) => { console.log(children); return {children}; }); app.use("*", renderer); app.use('*', async (c, next) => { let user = null; const session_cookie = getCookie(c, '__session'); if (session_cookie) { const decoded = await jwtVerify(session_cookie, jwt_key); user = decoded.payload; } c.set('user', user); await next() }); app.get("/", async (c) => { let user = c.get('user'); if (user) { return c.render(

Hello {user.username}

); } else { return c.render(

Not logged in

) } }); export default app.fetch;

clerk_hono_poc