\n ${auth && userActionsDisplay(auth)}\n

Comments

\n ${auth ? commentForm : html`${signIn} to leave a comment`}\n ${\n comments.map(({ username, comment, date_added }) => {\n return html`\n

\n \n \n ${Profile(username)}\n \n \n \n \n ${username}\n \n \n said at ${new Date(date_added * 1000).toLocaleString()} UTC: ${comment}\n

\n `;\n })\n }\n
\n

\n ${footer}\n ` as string);\n}\n\nconst commentForm = html`\n \n`;\n\nconst signIn = html`\n \n Sign In\n \n`;\n\nconst SQL_TABLE = Statement`authIdExampleComments_comment`;\nconst SQL_CREATE_TABLE = Statement`\n CREATE TABLE IF NOT EXISTS ${SQL_TABLE} (\n id TEXT PRIMARY KEY,\n username TEXT NOT NULL,\n comment TEXT NOT NULL,\n date_added DATETIME\n )\n`;","createdAt",["D",1709815279209],"version",26,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount",8,"commentCount","prCount","mergedPr",{"_129":130,"_131":132},"handle","postpostscript","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJjdlhaRXl0WXVNSlhZcWU0ckI2c1BOMjNhQSJ9","forkedVal","interval","slug","postpostscript/authIdExampleComments","description","An interactive, runnable TypeScript val by postpostscript","versions",[141,144,148,152,156,160,164,168,172,176,180,184,188,192,196,200,204,208,212,215,219,223,227,231,235,238,242],{"_117":118,"_142":-5,"_115":143,"_112":110},"prId",["D",1709815279209],{"_117":145,"_142":-5,"_115":146,"_112":147},25,["D",1709815277326],"fddef054-dc7f-11ee-91d6-8aad37b30b4b",{"_117":149,"_142":-5,"_115":150,"_112":151},24,["D",1709777159649],"3df70d38-dc27-11ee-b4a3-8aad37b30b4b",{"_117":153,"_142":-5,"_115":154,"_112":155},23,["D",1709777142607],"33ceaf96-dc27-11ee-a547-8aad37b30b4b",{"_117":157,"_142":-5,"_115":158,"_112":159},22,["D",1709776898975],"a297553c-dc26-11ee-b8cc-8aad37b30b4b",{"_117":161,"_142":-5,"_115":162,"_112":163},21,["D",1709776872209],"92a320b6-dc26-11ee-9c6d-8aad37b30b4b",{"_117":165,"_142":-5,"_115":166,"_112":167},20,["D",1709776761813],"50d61bb6-dc26-11ee-810b-8aad37b30b4b",{"_117":169,"_142":-5,"_115":170,"_112":171},19,["D",1709776750984],"4a619f30-dc26-11ee-a3df-8aad37b30b4b",{"_117":173,"_142":-5,"_115":174,"_112":175},18,["D",1709776733002],"3fa9f0d8-dc26-11ee-8d59-8aad37b30b4b",{"_117":177,"_142":-5,"_115":178,"_112":179},17,["D",1709776713725],"342c7b40-dc26-11ee-bd85-8aad37b30b4b",{"_117":181,"_142":-5,"_115":182,"_112":183},16,["D",1709776704042],"2e66e24a-dc26-11ee-82e5-8aad37b30b4b",{"_117":185,"_142":-5,"_115":186,"_112":187},15,["D",1709776681049],"20b266c4-dc26-11ee-afed-8aad37b30b4b",{"_117":189,"_142":-5,"_115":190,"_112":191},14,["D",1709776604482],"f30f4f52-dc25-11ee-85cf-8aad37b30b4b",{"_117":193,"_142":-5,"_115":194,"_112":195},13,["D",1709776442101],"9245f0d6-dc25-11ee-afc5-8aad37b30b4b",{"_117":197,"_142":-5,"_115":198,"_112":199},12,["D",1709776321924],"4aa454ac-dc25-11ee-b40c-8aad37b30b4b",{"_117":201,"_142":-5,"_115":202,"_112":203},11,["D",1709776271079],"2c560112-dc25-11ee-b140-8aad37b30b4b",{"_117":205,"_142":-5,"_115":206,"_112":207},10,["D",1709776227254],"1236cbf4-dc25-11ee-bf1b-8aad37b30b4b",{"_117":209,"_142":-5,"_115":210,"_112":211},9,["D",1709776135226],"db5c8d08-dc24-11ee-b140-8aad37b30b4b",{"_117":124,"_142":-5,"_115":213,"_112":214},["D",1709776122256],"d3a15efe-dc24-11ee-b32d-8aad37b30b4b",{"_117":216,"_142":-5,"_115":217,"_112":218},7,["D",1709756962368],"3772957e-dbf8-11ee-aee7-8aad37b30b4b",{"_117":220,"_142":-5,"_115":221,"_112":222},6,["D",1709755220467],"29319b44-dbf4-11ee-a98b-8aad37b30b4b",{"_117":224,"_142":-5,"_115":225,"_112":226},5,["D",1709752166985],"0d2d35cc-dbed-11ee-81e1-8aad37b30b4b",{"_117":228,"_142":-5,"_115":229,"_112":230},4,["D",1709748718333],"059eabd6-dbe5-11ee-a8ae-8aad37b30b4b",{"_117":232,"_142":-5,"_115":233,"_112":234},3,["D",1709748167988],"bd96971e-dbe3-11ee-9122-8aad37b30b4b",{"_117":90,"_142":-5,"_115":236,"_112":237},["D",1709748022034],"6697d662-dbe3-11ee-8566-8aad37b30b4b",{"_117":239,"_142":-5,"_115":240,"_112":241},1,["D",1709747848861],"ff5fafba-dbe2-11ee-8157-8aad37b30b4b",{"_117":31,"_142":-5,"_115":243,"_112":244},["D",1709747151011],"5f6c4a1e-dbe1-11ee-8cea-8aad37b30b4b","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_93":252,"_253":254,"_94":255},"single","redirect","/v/postpostscript/authIdExampleComments/versions",{"_112":241,"_113":256,"_117":239,"_115":257,"_258":99,"_100":101,"_107":108,"_129":130,"_11":96,"_259":-5,"_260":-5,"_261":-5,"_249":26,"_135":136},"import {\n authMiddlewareCookie,\n userActionsDisplay,\n type HonoEnv,\n} from \"https://esm.town/v/postpostscript/authMiddleware\";\nimport { Layout } from \"https://esm.town/v/postpostscript/Layout\";\nimport { Hono, type Context } from \"npm:hono\";\nimport { html, type RawHTML } from \"https://esm.town/v/postpostscript/html\";\nimport { MyFooter } from \"https://esm.town/v/postpostscript/MyFooter\";\n\nconst app = new Hono();\n\nasync function createPage(c: Context) {\n const auth = c.get(\"auth\")\n const header = auth\n ? userActionsDisplay(auth)\n : html`\n \n Sign In\n \n`\n\n const [\n comments,\n footer,\n ] = await Promise.all([\n '',\n MyFooter(),\n ])\n \n return c.html(Layout`\n

\n ${header}\n

Comments

\n ${auth ? commentForm : 'Sign in to leave a comment'}\n ${comments}\n

\n ${footer}\n ` as string)\n}\n\nconst commentForm = html`\n \n`\n\napp.use(\"*\", authMiddlewareCookie({\n optional: true,\n}));\n\napp.get(\"/\", (c) => createPage(c));\n\napp.post(\"/\", async (c) => {\n if (!c.get(\"auth\")) {\n return c.\n }\n})\n\nexport default app.fetch;",["D",1709747848861],"valName","deletedAt","messageId","threadId","routes/_app","actionData","errors"]

authIdExampleComments

Version 1