✍️ Start a conversation

\n ${flashHtml}\n \n

`\n : `

\n ${flashHtml}\n

Latest discussions

\n ✍️ New Post\n

`;\n\n const heroHtml = `\n

🏛️ Val Town Square

The community gathering place for Val Town builders & explorers

🗣 ${posts.length} posts

⚡ Powered by Val Town

`;\n\n let postsHtml = \"\";\n if (posts.length === 0) {\n postsHtml = `

🌱

The square is quiet… be the first to post!

`;\n } else {\n const items = await Promise.all(\n posts.map(async (p: any) => {\n const upvoted = await hasUpvoted(p.id, fp);\n return `

\n \n

${p.upvotes}

\n ${escapeHtml(p.title)}\n

\n @${escapeHtml(p.author)}\n ·\n ${relativeTime(p.created_at)}\n 💬 ${p.comment_count}\n

`;\n })\n );\n postsHtml = `

${items.join(\"\")}

`;\n }\n\n return layout(\"Val Town Square\", `${heroHtml}${formHtml}${postsHtml}`);\n}\n\nasync function renderPost(postId: number, req: Request, flash?: { type: \"success\" | \"error\"; msg: string }): Promise {\n const post = await getPost(postId);\n if (!post) return null;\n const comments = await getComments(postId);\n const fp = fingerprint(req);\n const upvoted = await hasUpvoted(postId, fp);\n\n const flashHtml = flash\n ? `

${escapeHtml(flash.msg)}

`\n : \"\";\n\n const commentsHtml = comments.length === 0\n ? `

💬

No comments yet. Start the conversation!

`\n : comments.map((c: any) => `\n

\n @${escapeHtml(c.author)}\n ·\n ${relativeTime(c.created_at)}\n

${escapeHtml(c.content)}

`).join(\"\");\n\n const body = `\n ← Back to the Square\n

\n ${flashHtml}\n

\n \n

${post.upvotes}

${escapeHtml(post.title)}

\n @${escapeHtml(post.author)}\n ·\n ${relativeTime(post.created_at)}\n

${escapeHtml(post.content)}

\n\n

💬 ${comments.length} Comment${comments.length !== 1 ? \"s\" : \"\"}

\n ${commentsHtml}\n\n

\n \n

`;\n\n return layout(escapeHtml(post.title) + \" — Val Town Square\", body);\n}\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n const method = req.method;\n\n try {\n // POST /posts — create a new post\n if (method === \"POST\" && path === \"/posts\") {\n const form = await req.formData();\n const author = (form.get(\"author\") as string ?? \"\").trim();\n const title = (form.get(\"title\") as string ?? \"\").trim();\n const content = (form.get(\"content\") as string ?? \"\").trim();\n\n const err = validatePost(author, title, content);\n if (err) {\n const html = await renderHome(new URL(req.url + \"?new=1\", req.url), req, { type: \"error\", msg: err });\n return new Response(html, { headers: { \"Content-Type\": \"text/html\" }, status: 400 });\n }\n\n const id = await createPost(author, title, content);\n return new Response(null, {\n status: 302,\n headers: { Location: `/post/${id}` },\n });\n }\n\n // POST /post/:id/comment — add a comment\n const commentMatch = path.match(/^\\/post\\/(\\d+)\\/comment$/);\n if (method === \"POST\" && commentMatch) {\n const postId = parseInt(commentMatch[1]);\n const form = await req.formData();\n const author = (form.get(\"author\") as string ?? \"\").trim();\n const content = (form.get(\"content\") as string ?? \"\").trim();\n\n const err = validateComment(author, content);\n if (err) {\n const html = await renderPost(postId, req, { type: \"error\", msg: err });\n if (!html) return new Response(\"Not found\", { status: 404 });\n return new Response(html, { headers: { \"Content-Type\": \"text/html\" }, status: 400 });\n }\n\n await createComment(postId, author, content);\n return new Response(null, {\n status: 302,\n headers: { Location: `/post/${postId}#comments` },\n });\n }\n\n // POST /upvote/:id — upvote a post\n const upvoteMatch = path.match(/^\\/upvote\\/(\\d+)$/);\n if (method === \"POST\" && upvoteMatch) {\n const postId = parseInt(upvoteMatch[1]);\n const fp = fingerprint(req);\n await upvotePost(postId, fp);\n const redirect = url.searchParams.get(\"redirect\") ?? \"/\";\n return new Response(null, { status: 302, headers: { Location: redirect } });\n }\n\n // GET /post/:id — view a post\n const postMatch = path.match(/^\\/post\\/(\\d+)$/);\n if (method === \"GET\" && postMatch) {\n const postId = parseInt(postMatch[1]);\n const html = await renderPost(postId, req);\n if (!html) return new Response(\"Post not found\", { status: 404 });\n return new Response(html, { headers: { \"Content-Type\": \"text/html\" } });\n }\n\n // GET / — home\n if (method === \"GET\" && (path === \"/\" || path === \"\")) {\n const html = await renderHome(url, req);\n return new Response(html, { headers: { \"Content-Type\": \"text/html\" } });\n }\n\n return new Response(\"Not found\", { status: 404 });\n } catch (e) {\n console.error(e);\n return new Response(\"Internal server error\", { status: 500 });\n }\n}\n","deleted","label",[102],"permalink","https://www.val.town/x/pmillspaugh/val-town-square/code/main.ts","extension","actionData","errors"]

✍️ Start a conversation

🏛️ Val Town Square

${escapeHtml(post.title)}

💬 ${comments.length} Comment${comments.length !== 1 ? \"s\" : \"\"}

Leave a comment