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: \"commenter1\", text: \"This is the first comment on the first story.\" },\r\n { user: \"commenter2\", text: \"This is the second comment on the first story.\" },\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: \"commenter3\", text: \"This is the first comment on the second story.\" },\r\n { user: \"commenter4\", text: \"This is the second comment on the second story.\" },\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: \"commenter5\", text: \"This is the first comment on the third story.\" },\r\n { user: \"commenter6\", text: \"This is the second comment on the third story.\" },\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 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

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

\r\n

\r\n\r\n\r\n `;\r\n}\r\n\r\nfunction renderComments(comments: { user: string; text: string }[]): string {\r\n return comments.map(comment => `\r\n

\r\n

${comment.user}

\r\n

${comment.text}

\r\n

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