HN Analyzer

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_160":161,"_162":163},"routes/_app.x.$handle.$name",{"_102":101,"_37":49,"_111":92,"_32":112,"_13":14,"_113":-5,"_11":114,"_115":116,"_117":118,"_119":120,"_121":122,"_26":-5,"_123":-5,"_124":-5,"_125":30,"_126":127,"_128":62,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_47":48,"_37":49,"_42":50,"_51":-5,"_52":30,"_53":54,"_55":54,"_56":57,"_58":-5,"_19":59,"_60":36,"_61":62,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":30},"version",1,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","b6a18fb4-4459-4659-b90d-99eaecd6a2c5","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":33,"_38":39,"_40":41,"_42":43,"_44":14,"_45":46,"_29":30},"previous","deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","7032b734-4b33-11f1-b58a-ee650bb23af1","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server\";\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst HN_API = \"https://hacker-news.firebaseio.com/v0\";\n\ninterface Story {\n id: number;\n title: string;\n url?: string;\n score: number;\n by: string;\n time: number;\n descendants?: number;\n type: string;\n}\n\nasync function fetchTopStories(count = 50): Promise {\n const res = await fetch(`${HN_API}/topstories.json`);\n const ids: number[] = await res.json();\n const top = ids.slice(0, count);\n const stories = await Promise.all(\n top.map(async (id) => {\n const r = await fetch(`${HN_API}/item/${id}.json`);\n return r.json() as Promise;\n }),\n );\n return stories.filter(Boolean);\n}\n\nfunction getDomain(url?: string): string {\n if (!url) return \"news.ycombinator.com\";\n try {\n return new URL(url).hostname.replace(\"www.\", \"\");\n } catch {\n return \"unknown\";\n }\n}\n\nfunction analyze(stories: Story[]) {\n // Top domains\n const domainCounts: Record = {};\n for (const s of stories) {\n const d = getDomain(s.url);\n domainCounts[d] = (domainCounts[d] || 0) + 1;\n }\n const topDomains = Object.entries(domainCounts)\n .sort((a, b) => b[1] - a[1])\n .slice(0, 10);\n\n // Score stats\n const scores = stories.map((s) => s.score);\n const avgScore = Math.round(scores.reduce((a, b) => a + b, 0) / scores.length);\n const maxScore = Math.max(...scores);\n const minScore = Math.min(...scores);\n\n // Top posters\n const posterCounts: Record = {};\n for (const s of stories) {\n posterCounts[s.by] = (posterCounts[s.by] || 0) + 1;\n }\n const topPosters = Object.entries(posterCounts)\n .sort((a, b) => b[1] - a[1])\n .slice(0, 5);\n\n // Most discussed\n const mostDiscussed = [...stories]\n .sort((a, b) => (b.descendants || 0) - (a.descendants || 0))\n .slice(0, 5);\n\n // Highest scored\n const highestScored = [...stories]\n .sort((a, b) => b.score - a.score)\n .slice(0, 5);\n\n // Common title words (simple keyword extraction)\n const stopWords = new Set([\"the\", \"a\", \"an\", \"and\", \"or\", \"but\", \"in\", \"on\", \"at\", \"to\", \"for\", \"of\", \"is\", \"it\", \"that\", \"this\", \"with\", \"from\", \"by\", \"as\", \"are\", \"was\", \"be\", \"has\", \"have\", \"not\", \"will\", \"can\", \"how\", \"what\", \"why\", \"your\", \"you\", \"we\", \"i\", \"my\", \"its\", \"new\"]);\n const wordCounts: Record = {};\n for (const s of stories) {\n const words = s.title.toLowerCase().replace(/[^a-z0-9\\s]/g, \"\").split(/\\s+/);\n for (const w of words) {\n if (w.length > 2 && !stopWords.has(w)) {\n wordCounts[w] = (wordCounts[w] || 0) + 1;\n }\n }\n }\n const trendingWords = Object.entries(wordCounts)\n .sort((a, b) => b[1] - a[1])\n .slice(0, 15);\n\n return { topDomains, avgScore, maxScore, minScore, topPosters, mostDiscussed, highestScored, trendingWords, total: stories.length };\n}\n\nfunction timeAgo(ts: number): string {\n const diff = Math.floor(Date.now() / 1000) - ts;\n if (diff < 3600) return `${Math.floor(diff / 60)}m ago`;\n if (diff < 86400) return `${Math.floor(diff / 3600)}h ago`;\n return `${Math.floor(diff / 86400)}d ago`;\n}\n\nfunction Dashboard({ stories, stats }: { stories: Story[]; stats: ReturnType }) {\n return (\n \n \n HN Analyzer\n \n \n

Diff · v1