${story.title}

// This val will serve an HTML page emulating a Hacker News clone. It uses plain HTML and CSS to create the frontend. // We will refactor the code to use a common data structure for comments. const stories = { "1": { title: "First Fake Story", content: "This is the content of the first fake story. Lorem ipsum dolor sit amet, consectetur adipiscing elit.", comments: [ { user: "commenter1", text: "This is the first comment on the first fake story." }, { user: "commenter2", text: "This is the second comment on the first fake story." }, ], }, "2": { title: "Second Fake Story", content: "This is the content of the second fake story. Lorem ipsum dolor sit amet, consectetur adipiscing elit.", comments: [ { user: "commenter3", text: "This is the first comment on the second fake story." }, { user: "commenter4", text: "This is the second comment on the second fake story." }, ], }, "3": { title: "Third Fake Story", content: "This is the content of the third fake story. Lorem ipsum dolor sit amet, consectetur adipiscing elit.", comments: [ { user: "commenter5", text: "This is the first comment on the third fake story." }, { user: "commenter6", text: "This is the second comment on the third fake story." }, ], }, }; function renderComments(comments): string { return comments .map( (comment) => `

${comment.user}

${comment.text}

`, ) .join(""); } export default async function (req: Request): Promise { const url = new URL(req.url); const pathname = url.pathname; if (pathname.startsWith("/story/")) { const storyId = pathname.split("/")[2]; return new Response(renderStoryPage(storyId), { headers: { "Content-Type": "text/html", }, }); } return new Response(renderMainPage(), { headers: { "Content-Type": "text/html", }, }); } function renderStoryPage(storyId: string): string { const story = stories[storyId] || { title: "Story Not Found", content: "The story you are looking for does not exist.", comments: [], }; return ` ${story.title}

${story.title}

${story.content}

${renderComments(story.comments)}

`; } function renderMainPage(): string { return ` Hacker News Clone

${Object.entries(stories) .map( ([storyId, story]: [string, any]) => `

${story.title}

100 points by user${storyId} 1 hour ago | ${story.comments.length} comments

`, ) .join("")}

`; }

valle_tmp_860649174983515800013843686585945925