\n 🔒 Protected Blog\n

\n \n This blog is password protected. Please enter the password to\n continue.\n

\n {error && (\n \n {error}\n \n )}\n

\n \n Password:\n \n \n

\n \n Sign In\n \n \n \n ,\n );\n}\n\nfunction isAuthenticated(req: Request): boolean {\n const cookies = req.headers.get(\"cookie\") || \"\";\n const authCookie = cookies.split(\";\").find((c) =>\n c.trim().startsWith(\"auth=\")\n );\n if (!authCookie) return false;\n\n const token = authCookie.split(\"=\")[1];\n // Simple token validation - in production you'd want something more secure\n return token === \"authenticated\";\n}\n\nfunction createAuthCookie(): string {\n return \"auth=authenticated; Path=/; HttpOnly; SameSite=Strict; Max-Age=86400\"; // 24 hours\n}\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n // let referer = req.headers.get(\"referer\");\n // if (\n // referer == \"https://www.val.town\" || !referer ||\n // \"https://real_subtle--019872bb741577fcb41a9bc7d2514437.web.val.run/login\"\n // ) {\n // referer = \"/\";\n // }\n\n const correctPassword = Deno.env.get(\"DOCS_PASSWORD\") || \"defaultpassword\";\n\n // Handle login\n if (url.pathname === \"/login\" && req.method === \"POST\") {\n const formData = await req.formData();\n const password = formData.get(\"password\") as string;\n console.log(req);\n\n if (password === correctPassword) {\n // Redirect to home with auth cookie\n return new Response(null, {\n status: 302,\n headers: {\n \"Location\": \"/\",\n \"Set-Cookie\": createAuthCookie(),\n },\n });\n } else {\n return LoginForm({ error: \"Incorrect password. Please try again.\" });\n }\n }\n\n // Handle logout\n if (url.pathname === \"/logout\") {\n return new Response(null, {\n status: 302,\n headers: {\n \"Location\": \"/\",\n \"Set-Cookie\": \"auth=; Path=/; HttpOnly; SameSite=Strict; Max-Age=0\",\n },\n });\n }\n\n // Check authentication for protected routes\n if (!isAuthenticated(req)) {\n return LoginForm({});\n }\n\n // Protected blog content\n if (url.pathname === \"/\") {\n const files = await listFiles(import.meta.url);\n const posts = files.filter((file) => file.path.startsWith(\"posts/\"));\n const postContents = await Promise.all(\n posts.map(async (file) => readFile(file.path, import.meta.url)),\n );\n\n return html(\n

Docs

\n {/*

This is my blog.

*/}\n

\n \n 🔓 Sign out\n \n

Articles

\n {postContents.map((markdown, i) => (\n \n ))}\n

,\n );\n }\n\n if (url.pathname.startsWith(\"/posts/\")) {\n const markdown = await readFile(url.pathname, import.meta.url);\n return html(\n

My blog!

\n ← Back to posts\n \n 🔓 Sign out\n \n

\n {markdown}\n

,\n );\n }\n\n return new Response(\"Not found\", { status: 404 });\n}\n\nfunction html(children: React.ReactNode) {\n return new Response(\n renderToString(\n \n {children}\n ,\n ),\n {\n headers: {\n \"content-type\": \"text/html;\",\n },\n },\n );\n}",[],[99],"files",[153,172,181,190,201,210],"counts",{"_223":32,"_224":161,"_225":32,"_226":161},"pulls","branches","forks","envVars","contents",[],{"_103":211,"_95":99,"_156":212,"_158":-5,"_159":137,"_160":136,"_162":163,"_105":230,"_100":214,"_165":215,"_167":216,"_168":22,"_169":-5,"_98":231},["D",1754281354842],[99],"upstreamProject",{"_103":145,"_95":96,"_111":234,"_112":235,"_109":110,"_23":236},"Starter template for a markdown blog","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/44a31e5c-3e8a-48a8-d067-5785c0b08200/square512",{"_93":237,"_129":238},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","upstreamBranch",{"_103":140,"_105":241,"_242":243,"_95":43,"_138":145,"_100":142,"_139":-5,"_141":-5,"_244":245,"_107":-5,"_150":22,"_109":110,"_149":237,"_16":147,"_148":96},["D",1737491000655],"updatedAt",["D",1744030679667],"lockfileKey","1756190454395-esm.town_v_stevekrouse_markdownBlogStarter@167-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":252,"_151":257,"_219":276,"_177":277,"_227":279,"_280":281,"_284":22,"_285":-5,"_286":287,"_288":32,"_289":290},{"_103":104,"_95":96,"_105":253,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":254,"_131":255,"_134":256,"_150":22},["D",1754271544270],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":140,"_141":142,"_143":110,"_144":145,"_146":147,"_148":96,"_149":94},[258,267,270,273],{"_103":154,"_95":155,"_156":157,"_158":-5,"_159":137,"_160":161,"_162":163,"_105":164,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":259,"_98":266},[260,263],{"_103":173,"_95":174,"_156":175,"_158":157,"_159":137,"_160":161,"_162":163,"_105":176,"_100":32,"_165":177,"_167":178,"_168":22,"_169":-5,"_170":261,"_98":262},[],[155,174],{"_103":182,"_95":183,"_156":184,"_158":157,"_159":137,"_160":161,"_162":163,"_105":185,"_100":32,"_165":177,"_167":186,"_168":22,"_169":-5,"_170":264,"_98":265},[],[155,183],[155],{"_103":191,"_95":192,"_156":193,"_158":-5,"_159":137,"_160":194,"_162":163,"_105":195,"_100":196,"_165":197,"_167":198,"_168":22,"_169":-5,"_170":268,"_98":269},[],[192],{"_103":202,"_95":203,"_156":204,"_158":-5,"_159":137,"_160":205,"_162":163,"_105":206,"_100":161,"_165":177,"_167":207,"_168":22,"_169":-5,"_170":271,"_98":272},[],[203],{"_103":211,"_95":99,"_156":212,"_158":-5,"_159":137,"_160":136,"_162":163,"_105":213,"_100":214,"_165":215,"_167":216,"_168":22,"_169":-5,"_170":274,"_98":275},[],[99],[258,260,263,267,270,273],{"_103":211,"_95":99,"_156":212,"_158":-5,"_159":137,"_160":136,"_162":163,"_105":230,"_100":214,"_165":215,"_167":216,"_168":22,"_169":-5,"_98":278},[99],[],"upstream",{"_103":140,"_105":282,"_242":283,"_95":43,"_138":145,"_100":142,"_139":-5,"_141":-5,"_244":245,"_107":-5,"_150":22,"_109":110,"_149":237,"_16":147,"_148":96},["D",1737491000655],["D",1744030679667],"showCompareCallout","pull","ahead",47,"behind","templates",[],"actionData","errors"]