\n ${n.title}\n ${n.src}\n

`;\n\n/* ------------------------------------------------------------------ */\n/* 2. HTTP handler */\nexport default async function(req: Request) {\n /* 2-a ▸ fetch latest news (your micro-API) ----------------------- */\n const allNews: any[] = await fetch(\"https://samxii777--38a891a64b5911f094ef76b3cceeab13.web.val.run/latest?limit=20\")\n .then(r => r.json())\n .catch(() => []);\n\n /* build 2 macro + 4 crypto, then back-fill ----------------------- */\n const macros = allNews.filter(n => n.tag === \"macro\");\n const cryptos = allNews.filter(n => n.tag === \"crypto\");\n const news: any[] = [];\n news.push(...macros.slice(0, 2));\n news.push(...cryptos.slice(0, 4));\n if (news.length < 6) {\n const fill = [...macros.slice(2), ...cryptos.slice(4)]\n .sort((a, b) => b.time - a.time);\n news.push(...fill.slice(0, 6 - news.length));\n }\n\n /* 2-b ▸ prices --------------------------------------------------- */\n const cache = await blob.getJSON<{ ts: number; data: any }>(\"prices_cache\");\n if (!cache) return new Response(\"Cache warming…\", { status: 503 });\n if (Date.now() - cache.ts > ttlMs + 10_000)\n return new Response(\"Cache stale — cron will refresh shortly\", { status: 503 });\n const data = cache.data;\n\n /* 2-c ▸ pins / watch list --------------------------------------- */\n const url = new URL(req.url);\n const list = (url.searchParams.get(\"watch\") ?? assets.join(\",\"))\n .split(\",\").map(s => s.trim().toUpperCase());\n const pins = new Set(\n (url.searchParams.get(\"pin\") ?? \"\")\n .split(\",\").map(s => s.trim().toUpperCase()).filter(Boolean),\n );\n\n /* 2-d ▸ HTML ----------------------------------------------------- */\n return new Response(\n `\n\n\n\n

\n ${renderRows(list.filter(id => pins.has(id)), data, \"big\")}\n

\n ${buildPanel(list.filter(id => !pins.has(id)), data)}\n

Latest headlines

\n ${news.map(item).join(\"\")}\n

\n\n`,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}\n\n/* ------------------------------------------------------------------ */\n/* 3. layout helpers */\nfunction buildPanel(ids: string[], data: any) {\n const groups = { crypto: [], stocks: [], forex: [] } as Record;\n ids.forEach(id => groups[typeOf(id)].push(id));\n return [\"crypto\", \"stocks\", \"forex\"].map(cat =>\n groups[cat].length\n ? `

${cat[0].toUpperCase() + cat.slice(1)}

${renderRows(groups[cat], data, \"tiny\")}

`\n : \"\"\n ).join(\"\");\n}\n\nfunction renderRows(ids: string[], data: any, size: \"big\" | \"tiny\" = \"big\") {\n return ids.map(id => {\n const d = data[id.toLowerCase()] ?? {};\n const aud = d.aud?.toLocaleString(\"en-AU\", { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n const pct = (d.aud_24h_change ?? d.metric)?.toFixed(2);\n const cls = pct === undefined ? \"\" : (+pct >= 0 ? \"up\" : \"down\");\n const spark = d.spark\n ? ``\n : (typeOf(id) === \"forex\"\n ? \"\"\n : `${pct ?? \"?\"}%`);\n\n return `

\n ${label(id)}\n $ ${aud ?? \"?\"}\n ${spark}\n

`;\n }).join(\"\");\n}","deleted","label","cyrptotracker",[100],"permalink","https://www.val.town/x/samxii777/invest-tracker/code/ticker_http.tsx","extension","actionData","errors"]