${story.title}

${comment.user}

${comment.text}

\n `).join(\"\");\n}\n\nfunction renderStoryPage(storyId: string): string {\n const story = stories[storyId] || { title: \"Story Not Found\", content: \"The story you are looking for does not exist.\", comments: [] };\n\n return `\n\n\n\n \n \n ${story.title}\n \n\n\n \n

${story.title}

${story.content}

\n ${renderComments(story.comments)}\n

\n\n\n `;\n}\n\nfunction renderMainPage(): string {\n const storyHtml = Object.entries(stories).map(([id, story]) => `\n

${story.title}

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

\n `).join(\"\");\n\n return `\n\n\n\n \n \n Hacker News Clone\n \n\n\n \n

\n ${storyHtml}\n

\n\n\n `;\n}\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n const pathname = url.pathname;\n\n // If the user navigates to a specific story page\n if (pathname.startsWith(\"/story/\")) {\n const storyId = pathname.split(\"/\")[2];\n return new Response(renderStoryPage(storyId), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n }\n\n // Otherwise, render the main page with story titles\n return new Response(renderMainPage(), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n}\n","deleted","label",[98],"permalink","https://www.val.town/x/janpaul123/valle_tmp_70764405948939838711130646455814/code/main.tsx","extension","actionData","errors"]