Cyberpunk News Network

\n\n

\n Desk\n setCategory(e.currentTarget.value as NewsCategory)}\n >\n {CATEGORIES.map((item) => (\n \n ))}\n \n\n fetchNews(category)}\n disabled={loading || coolingDown}\n >\n {loading\n ? \"Generating...\"\n : coolingDown\n ? `Cooldown ${cooldownLabel}`\n : \"Generate Bulletin\"}\n \n

\n\n

\n {CATEGORIES.find((c) => c.value === news.category)?.label}\n

{news.headline}

{news.snippet}

\n {news.id !== \"loading\" && news.id !== \"error\" && (\n

Filed {formatRelativeTime(news.createdAt)}

\n )}\n {error &&

Error: {error}

}\n

\n\n

Recent Bulletins

\n {historyLoading\n ?

Loading archive...

\n : history.length === 0\n ?

No archived bulletins yet.

\n : (\n

\n {history.map((item) => (\n

\n {CATEGORIES.find((c) =>\n c.value === item.category\n )?.label}\n

{item.headline}

{item.snippet}

{formatRelativeTime(item.createdAt)}

\n ))}\n

\n )}\n

\n\n

\n \n View Source\n \n

\n );\n}\n\nfunction client() {\n const root = document.getElementById(\"root\");\n if (!root) {\n throw new Error(\"Missing #root element.\");\n }\n\n createRoot(root).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nconst rateLimitStore = new Map();\n\nconst RATE_LIMIT_WINDOW_MS = 60_000;\nconst RATE_LIMIT_MAX_REQUESTS = 8;\n\nfunction getClientIp(request: Request): string {\n const forwarded = request.headers.get(\"x-forwarded-for\");\n if (forwarded) {\n return forwarded.split(\",\")[0].trim();\n }\n\n return \"unknown\";\n}\n\nfunction checkRateLimit(\n ip: string,\n): { allowed: true } | { allowed: false; retryAfterSec: number } {\n const now = Date.now();\n const current = rateLimitStore.get(ip);\n\n if (!current || current.resetAt <= now) {\n rateLimitStore.set(ip, {\n count: 1,\n resetAt: now + RATE_LIMIT_WINDOW_MS,\n });\n return { allowed: true };\n }\n\n if (current.count >= RATE_LIMIT_MAX_REQUESTS) {\n return {\n allowed: false,\n retryAfterSec: Math.ceil((current.resetAt - now) / 1000),\n };\n }\n\n current.count += 1;\n rateLimitStore.set(ip, current);\n\n return { allowed: true };\n}\n\nfunction buildPrompt(category: NewsCategory): string {\n const categoryGuidance: Record = {\n general: \"A broad cyberpunk world bulletin with a vivid urban-future tone.\",\n \"corporate-war\":\n \"Focus on megacorp rivalry, hostile takeovers, sabotage, labor unrest, and economic warfare.\",\n \"black-market-biotech\":\n \"Focus on illegal gene-editing, organ trade, designer plagues, black clinics, and biotech smuggling.\",\n \"rogue-ai\":\n \"Focus on emergent AI behavior, autonomy incidents, machine cults, synthetic identity fraud, and algorithmic unrest.\",\n \"street-crime\":\n \"Focus on gangs, smugglers, raids, disappearances, contraband, and neighborhood power struggles.\",\n \"surveillance-state\":\n \"Focus on predictive policing, facial recognition, data rights erosion, drone patrols, and social scoring.\",\n };\n\n return [\n \"Generate one fictional cyberpunk news bulletin.\",\n `Category: ${category}.`,\n categoryGuidance[category],\n \"Return ONLY a valid JSON object with exactly these keys:\",\n '{ \"headline\": string, \"snippet\": string, \"category\": string }',\n \"Rules:\",\n \"- headline must be punchy and under 90 characters\",\n \"- snippet must be 1 to 2 sentences\",\n \"- category must exactly match the requested category\",\n \"- no markdown\",\n \"- no code fences\",\n \"- no extra keys\",\n ].join(\"\\n\");\n}\n\nfunction json(data: unknown, init: ResponseInit = {}): Response {\n const headers = new Headers(init.headers);\n headers.set(\"Content-Type\", \"application/json; charset=utf-8\");\n\n return new Response(JSON.stringify(data), {\n ...init,\n headers,\n });\n}\n\nasync function getFeed(): Promise {\n const data = await blob.getJSON(FEED_BLOB_KEY);\n return isNewsItemArray(data) ? data : [];\n}\n\nasync function saveFeed(items: NewsItem[]): Promise {\n await blob.setJSON(FEED_BLOB_KEY, items.slice(0, MAX_HISTORY_ITEMS));\n}\n\nasync function prependToFeed(item: NewsItem): Promise {\n const current = await getFeed();\n\n const deduped = current.filter((existing) => existing.id !== item.id);\n const next = [item, ...deduped].slice(0, MAX_HISTORY_ITEMS);\n\n await saveFeed(next);\n return next;\n}\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n\n if (url.pathname === \"/history\") {\n try {\n const feed = await getFeed();\n return json(feed, {\n status: 200,\n headers: { \"Cache-Control\": \"no-store\" },\n });\n } catch (error) {\n console.error(\"Error loading history:\", error);\n return json(\n { error: \"Failed to load history.\" },\n {\n status: 500,\n headers: { \"Cache-Control\": \"no-store\" },\n },\n );\n }\n }\n\n if (url.pathname === \"/generate\") {\n const ip = getClientIp(request);\n const limit = checkRateLimit(ip);\n\n if (!limit.allowed) {\n return json(\n { error: `Rate limit exceeded. Try again in ${limit.retryAfterSec}s.` },\n {\n status: 429,\n headers: {\n \"Cache-Control\": \"no-store\",\n \"Retry-After\": String(limit.retryAfterSec),\n },\n },\n );\n }\n\n const rawCategory = url.searchParams.get(\"category\") ?? \"general\";\n const category: NewsCategory = isNewsCategory(rawCategory)\n ? rawCategory\n : \"general\";\n\n try {\n const openai = new OpenAI();\n\n const completion = await openai.chat.completions.create({\n model: \"gpt-5-nano\",\n messages: [\n {\n role: \"system\",\n content:\n \"You generate fictional cyberpunk news bulletins and must follow the user's formatting instructions exactly.\",\n },\n {\n role: \"user\",\n content: buildPrompt(category),\n },\n ],\n max_tokens: 220,\n });\n\n const content = completion.choices[0]?.message?.content;\n\n if (typeof content !== \"string\" || !content.trim()) {\n throw new Error(\"Model returned empty content.\");\n }\n\n let parsed: unknown;\n\n try {\n parsed = JSON.parse(extractJsonObject(content));\n } catch {\n console.error(\"Raw model content:\", content);\n throw new Error(\"Model returned invalid JSON.\");\n }\n\n if (\n !parsed ||\n typeof parsed !== \"object\" ||\n typeof (parsed as Record).headline !== \"string\" ||\n typeof (parsed as Record).snippet !== \"string\" ||\n !isNewsCategory((parsed as Record).category)\n ) {\n console.error(\"Parsed payload failed validation:\", parsed);\n throw new Error(\"Model returned malformed JSON.\");\n }\n\n const item: NewsItem = {\n id: crypto.randomUUID(),\n headline: (parsed as Record).headline,\n snippet: (parsed as Record).snippet,\n category: (parsed as Record).category,\n createdAt: new Date().toISOString(),\n };\n\n await prependToFeed(item);\n\n return json(item, {\n status: 200,\n headers: {\n \"Cache-Control\": \"no-store\",\n },\n });\n } catch (error) {\n console.error(\"Error generating news:\", error);\n\n return json(\n {\n error: error instanceof Error\n ? error.message\n : \"Failed to generate news.\",\n },\n {\n status: 500,\n headers: {\n \"Cache-Control\": \"no-store\",\n },\n },\n );\n }\n }\n\n return new Response(\n `\n\n \n \n Cyberpunk News Network\n \n \n \n \n

Cyberpunk News Network

\n \n \n \n`,\n {\n headers: {\n \"content-type\": \"text/html; charset=utf-8\",\n },\n },\n );\n}\n\nconst css = `\n:root {\n color-scheme: dark;\n}\n\n* {\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n font-family: \"Courier New\", monospace;\n background:\n radial-gradient(circle at top, rgba(255, 0, 255, 0.10), transparent 30%),\n radial-gradient(circle at bottom, rgba(0, 255, 255, 0.08), transparent 30%),\n #090909;\n color: #c8ffd8;\n}\n\n.container {\n max-width: 980px;\n margin: 0 auto;\n padding: 32px 20px 48px;\n}\n\nh1 {\n text-align: center;\n color: #ff4df8;\n text-shadow: 0 0 10px rgba(255, 77, 248, 0.7);\n margin-bottom: 24px;\n}\n\n.toolbar {\n display: flex;\n gap: 12px;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 20px;\n}\n\nlabel {\n color: #7df9ff;\n}\n\nselect,\nbutton {\n font: inherit;\n}\n\nselect {\n background: #111;\n color: #d9ffff;\n border: 1px solid #325a61;\n border-radius: 8px;\n padding: 10px 12px;\n}\n\nbutton {\n background-color: #ff00ff;\n color: #000;\n border: none;\n border-radius: 8px;\n padding: 12px 18px;\n cursor: pointer;\n font-weight: bold;\n}\n\nbutton:hover:enabled {\n background-color: #00ffff;\n}\n\nbutton:disabled,\nselect:disabled {\n opacity: 0.65;\n cursor: not-allowed;\n}\n\n.card {\n border: 1px solid rgba(0, 255, 255, 0.25);\n border-radius: 12px;\n padding: 24px;\n background: rgba(12, 20, 20, 0.8);\n box-shadow:\n 0 0 0 1px rgba(255, 0, 255, 0.1),\n 0 0 28px rgba(0, 255, 255, 0.06);\n min-height: 220px;\n}\n\n.historySection {\n margin-top: 28px;\n}\n\n.historySection h3 {\n color: #7df9ff;\n margin-bottom: 14px;\n}\n\n.historyList {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 14px;\n}\n\n.historyCard {\n border: 1px solid rgba(255, 0, 255, 0.18);\n border-radius: 12px;\n padding: 16px;\n background: rgba(18, 18, 24, 0.8);\n}\n\n.historyCard h4 {\n margin-top: 0;\n color: #00ffff;\n}\n\n.historyEmpty,\n.meta {\n color: #9fd8d8;\n}\n\n.tag {\n margin-top: 0;\n color: #7df9ff;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-size: 0.85rem;\n}\n\nh2 {\n color: #00ffff;\n margin-top: 0;\n}\n\np {\n line-height: 1.6;\n}\n\n.error {\n color: #ff7e7e;\n margin-top: 16px;\n white-space: pre-wrap;\n}\n\n.source {\n text-align: center;\n margin-top: 24px;\n}\n\n.source a {\n color: #8e8e8e;\n text-decoration: none;\n}\n\n.source a:hover {\n color: #00ffff;\n}\n`;","deleted","label","cyberunknews",[100],"permalink","https://www.val.town/x/yakuzadave/OpenAICyberpunkNewsFetcher/code/main.tsx","extension","actionData","errors"]