export async function notebook(vtReq) { // deps const { default: htm } = await import("npm:htm"); const { default: vhtml } = await import("npm:vhtml"); const html = htm.bind(vhtml); const { micromark } = await import("npm:micromark"); const { gfm, gfmHtml } = await import("npm:micromark-extension-gfm"); const markdown = (md) => micromark(md, { extensions: [gfm()], htmlExtensions: [gfmHtml()], }); const { default: ServeRouter } = await import("npm:serve-router"); const app = ServeRouter(); // 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)}`, }); // begin app.get("/:id", async (req, { params: { id } }, res) => { const data = await @me.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 @me.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" }, }, ); } }); // end return app.export(vtReq); }

Vals using micromark