import ServeRouter from "https://esm.sh/serve-router@latest"; import { notems } from "https://esm.town/v/yieldray/notems"; import htm from "npm:htm"; import { micromark } from "npm:micromark"; import { gfm, gfmHtml } from "npm:micromark-extension-gfm"; import vhtml from "npm:vhtml"; const html = htm.bind(vhtml); const markdown = (md) => micromark(md, { extensions: [gfm()], htmlExtensions: [gfmHtml()], }); // components const layout_html = ({ head, body }) => `` + html` ${head} ${body} `; const layout_home = (msg = "") => layout_html({ head: html` `, body: html`

NoteBook

${msg} `, }); const layout_markdown = (md = "") => layout_html({ head: html` `, body: html`${markdown(md)}`, }); const app = ServeRouter(); app.get("/:id", async (req, { params: { id } }, res) => { const data = await notems(id); try { const record = JSON.parse(data); if (typeof record.data !== "string") return new Response("data should be string!", { status: 400 }); switch (record.type) { case "url": return Response.redirect(record.data); case "text": return new Response(record.data, { headers: { "content-type": "text/plain" }, }); case "html": return new Response(record.data, { headers: { "content-type": "text/html" }, }); case "markdown": return new Response(layout_markdown(record.data), { headers: { "content-type": "text/html" }, }); } } catch (e) { console.error(e); return new Response("404 Not Found", { status: 404 }); } }); app.get("/", (req, ctx, res) => { return new Response(layout_home(), { headers: { "content-type": "text/html" }, }); }); app.post("/", async (req) => { try { const formData = await req.formData(); const id = formData.get("id"); if (typeof id !== "string" || id === "") throw `[${new Date()}] invalid id = ${id}`; const ok = await notems( id, JSON.stringify({ type: formData.get("type"), data: formData.get("data"), }), ); if (!ok) throw `[${new Date()}] fail to save id = ${id}`; const url = new URL(req.url); url.pathname = id; return new Response( layout_home(html`

success: ${url}

`), { status: 200, headers: { "content-type": "text/html" }, }, ); } catch (e) { return new Response( layout_home(html`

error: ${e}

`), { status: 500, headers: { "content-type": "text/html" }, }, ); } }); export const notebook = (request: Request) => app.fetch(request);