Comments

\n \n

\n {comments\n ? comments.map((comment) => (\n

\n {comment.text}\n \n handleDelete(comment.id)}\n className=\"text-red-500 ml-2\"\n >\n x\n \n

\n ))\n : \"Loading...\"}\n

\n \n \n );\n}\n\nif (typeof document !== \"undefined\") {\n hydrateRoot(document, );\n}\n\nconst app = new Hono();\n\napp.get(\"/\", async (c) => {\n const comments = await blob.getJSON(\"comments\") || [];\n const stream = await renderToReadableStream(, { bootstrapModules: [import.meta.url] });\n return new Response(stream, { headers: { \"content-type\": \"text/html\" } });\n});\n\napp.get(\"/comments\", async (c) => {\n const comments = await blob.getJSON(\"comments\") || [];\n return c.json(comments);\n});\n\napp.post(\"/comments\", async (c) => {\n const { comment } = await c.req.json();\n let comments = await blob.getJSON(\"comments\") || [];\n comments.push({ text: comment, id: Math.floor(Math.random() * 1000).toString() });\n await blob.setJSON(\"comments\", comments);\n return c.json(comments);\n});\n\napp.post(\"/comments/:id/delete\", async (c) => {\n const id = c.req.param(\"id\");\n let comments = await blob.getJSON(\"comments\") || [];\n comments = comments.filter(comment => comment.id !== id);\n await blob.setJSON(\"comments\", comments);\n return c.json(comments);\n});\n\nexport default app.fetch;","deleted","label",[98],"permalink","https://www.val.town/x/stevekrouse/blobCommentsReact/code/main.tsx","extension","actionData","errors"]