Top Hacker News Story

{topStory}

\n );\n}\n\nfunction client() {\n const root = document.getElementById(\"root\");\n if (root) {\n const topStory = root.getAttribute(\"data-top-story\");\n createRoot(root).render();\n }\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nasync function getTopHNStory() {\n const topStories = await fetch(\n \"https://hacker-news.firebaseio.com/v0/topstories.json?print=pretty\"\n ).then((res) => res.json());\n \n const id = topStories[0];\n const story = await fetch(\n `https://hacker-news.firebaseio.com/v0/item/${id}.json?print=pretty`\n ).then((res) => res.json());\n \n return story.title;\n}\n\nexport default async function server(req: Request): Promise {\n const topStory = await getTopHNStory();\n \n return new Response(`\n \n \n \n \n \n Top HN Story\n \n \n \n

\n \n \n \n \n `, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}\n\nconst css = `\n body {\n font-family: system-ui, sans-serif;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n }\n h1 {\n color: #ff6600;\n }\n`;","deleted","label",[99],"permalink","https://www.val.town/x/jamiedubs/hnTopStories/code/main.tsx","extension","actionData","errors"]