HN Analyzer

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_156":157,"_158":159},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_119":-5,"_20":120,"_22":121,"_122":123,"_124":125,"_25":126,"_24":-5,"_127":-5,"_128":-5,"_129":53,"_130":131,"_132":44,"_133":-5,"_134":-5,"_135":136},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","umut2","name","hn-analyzer","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":69,"_70":-5,"_71":72,"_73":37,"_74":44,"_75":-5,"_76":-5,"_77":47,"_78":79,"_80":81,"_82":83,"_84":85,"_86":-5,"_87":88,"_89":88,"_90":91,"_92":91,"_93":91,"_94":88,"_95":88,"_96":97,"_98":99,"_100":101,"_102":53},"tree",[56],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":55},"id","7032b68a-4b33-11f1-b58a-ee650bb23af1","main.tsx","fileId","7032b734-4b33-11f1-b58a-ee650bb23af1","parentId","branchId","560d9428-4b33-11f1-905b-ee650bb23af1","branchVersion",1,"latest",true,"createdAt",["D",1778281972283],0,"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

Code