Hacker News Clone

\r\n

First Fake Story

\r\n

100 points by user1 1 hour ago | 50 comments

\r\n

Second Fake Story

\r\n

150 points by user2 2 hours ago | 75 comments

\r\n

Third Fake Story

\r\n

200 points by user3 3 hours ago | 100 comments

\r\n

\r\n\r\n\r\n `;\r\n\r\n return new Response(htmlContent, {\r\n headers: {\r\n \"Content-Type\": \"text/html\",\r\n },\r\n });\r\n}\r\n\r\nfunction renderStoryPage(storyId: string): string {\r\n const stories = {\r\n \"1\": {\r\n title: \"First Fake Story\",\r\n content: \"This is the content of the first fake story. Lorem ipsum dolor sit amet, consectetur adipiscing elit.\",\r\n comments: [\r\n { user: \"user1\", text: \"Great story!\" },\r\n { user: \"user2\", text: \"I learned a lot.\" },\r\n { user: \"user3\", text: \"Can you write more about this topic?\" },\r\n ],\r\n },\r\n \"2\": {\r\n title: \"Second Fake Story\",\r\n content: \"This is the content of the second fake story. Lorem ipsum dolor sit amet, consectetur adipiscing elit.\",\r\n comments: [\r\n { user: \"user4\", text: \"Interesting perspective.\" },\r\n { user: \"user5\", text: \"I disagree with some points.\" },\r\n ],\r\n },\r\n \"3\": {\r\n title: \"Third Fake Story\",\r\n content: \"This is the content of the third fake story. Lorem ipsum dolor sit amet, consectetur adipiscing elit.\",\r\n comments: [\r\n { user: \"user6\", text: \"Wow, this is amazing!\" },\r\n { user: \"user7\", text: \"Please share more stories like this.\" },\r\n ],\r\n },\r\n };\r\n\r\n const story = stories[storyId] || { title: \"Story Not Found\", content: \"The story you are looking for does not exist.\", comments: [] };\r\n\r\n const commentsHtml = story.comments.map(comment => `\r\n

\r\n

${comment.user}

\r\n

${comment.text}

\r\n

\r\n `).join(\"\");\r\n\r\n return `\r\n\r\n\r\n\r\n \r\n \r\n ${story.title}\r\n \r\n\r\n\r\n \r\n

\r\n

${story.title}

\r\n

${story.content}

\r\n

Comments

\r\n ${commentsHtml}\r\n

\r\n

\r\n\r\n\r\n `;\r\n}\r\n","deleted","label",[98],"permalink","https://www.val.town/x/janpaul123/valle_tmp_9191960384088445030322446613876286/code/main.tsx","extension","actionData","errors"]