\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}","deleted","label",[99],"permalink","https://www.val.town/x/real_subtle/markdownBlogStarter/code/index.tsx","extension","actionData","errors"]