Hacker News Clone

// This val will serve an HTML page emulating a Hacker News clone. // It uses plain HTML and CSS to create the frontend. Links to stories will take you to pages with fake content. export default async function(req: Request): Promise { const url = new URL(req.url); const stories = { "first-fake-story": "This is the full content of the first fake story.", "second-fake-story": "This is the full content of the second fake story.", "third-fake-story": "This is the full content of the third fake story." }; const storyKey = url.pathname.slice(1); if (storyKey && stories[storyKey]) { return serveStoryPage(storyKey, stories[storyKey]); } else { return serveHomePage(); } } function serveHomePage(): Response { const htmlContent = ` Hacker News Clone

First Fake Story

100 points by user1 1 hour ago | 50 comments

Second Fake Story

150 points by user2 2 hours ago | 75 comments

Third Fake Story

200 points by user3 3 hours ago | 100 comments

`; return new Response(htmlContent, { headers: { "Content-Type": "text/html", }, }); } function serveStoryPage(title: string, content: string): Response { const htmlContent = ` ${title}

${title.replace(/-/g, ' ')}

${content}

Back to Home

`; return new Response(htmlContent, { headers: { "Content-Type": "text/html", }, }); }

valle_tmp_6738558784733152514997198308998394