import { blob } from "https://esm.town/v/std/blob"; import { Hono } from "npm:hono"; import { html } from "https://esm.town/v/stevekrouse/html"; // Initialize sample stories and store them in blob storage const SAMPLE_STORIES_KEY = "hn_sample_stories"; async function initializeSampleStories() { const existingStories = await blob.getJSON(SAMPLE_STORIES_KEY); if (!existingStories) { const sampleStories = Array.from({ length: 30 }).map((_, idx) => ({ id: idx + 1, title: `Sample Story ${idx + 1}`, url: `https://example.com/story${idx + 1}`, votes: Math.floor(Math.random() * 100), })); await blob.setJSON(SAMPLE_STORIES_KEY, sampleStories); } } await initializeSampleStories(); // CSS styles to replicate real Hacker News const css = ` body { font-family: Verdana, Geneva, sans-serif; background-color: #f6f6ef; } table { width: 100%; border-spacing: 0; border-collapse: collapse; } .title { padding: 8px 8px 0; } .title a { color: #000; text-decoration: none; } .subtext { padding: 0 8px 8px 8px; color: #828282; font-size: 8pt; } .subtext a { color: #828282; } .upvote-button { background: none; border: none; cursor: pointer; color: #ff6600; } .upvote-button:hover { text-decoration: underline; } `; const app = new Hono(); // Serve main page with stories app.get("/", async (c) => { const stories = await blob.getJSON(SAMPLE_STORIES_KEY) || []; const storiesHtml = stories .sort((a, b) => b.votes - a.votes) .map(story => ` ▲ ${story.title} ${story.votes} points `).join(""); return html(` ${storiesHtml}

Submit a New Story

`, { headers: { "Content-Type": "text/html", }, }); }); // Handle story submission app.post("/submit", async (c) => { const formData = await c.req.parseBody(); const title = formData.title; const url = formData.url; const stories = await blob.getJSON(SAMPLE_STORIES_KEY) || []; const newStory = { id: stories.length + 1, title, url, votes: 0, }; stories.push(newStory); await blob.setJSON(SAMPLE_STORIES_KEY, stories); return c.redirect("/"); }); // Handle story upvote app.post("/vote", async (c) => { const formData = await c.req.parseBody(); const id = parseInt(formData.id, 10); const stories = await blob.getJSON(SAMPLE_STORIES_KEY) || []; const story = stories.find(s => s.id === id); if (story) { story.votes += 1; await blob.setJSON(SAMPLE_STORIES_KEY, stories); } return c.redirect("/"); }); export default app.fetch;

valle_tmp_94440105214223307666476397039723