import React, { useState, useEffect } from "react" import { callAI } from "call-ai" import { useFireproof } from "use-fireproof" export default function App() { const { database, useLiveQuery } = useFireproof("hackernews-noai") const [loading, setLoading] = useState(false) const [lastFetch, setLastFetch] = useState(null) const [filtered, setFiltered] = useState(0) const [processingStatus, setProcessingStatus] = useState("") const { docs: stories } = useLiveQuery("fetchedAt", { descending: true, limit: 30 }) const fetchAndFilterStories = async () => { setLoading(true) setFiltered(0) // Clear old stories const oldStories = await database.query("type", { key: "story" }) for (const story of oldStories.docs) { await database.del(story._id) } try { setProcessingStatus("Fetching...") const topStoriesRes = await fetch('https://hacker-news.firebaseio.com/v0/topstories.json') const topStoryIds = await topStoriesRes.json() // Get first 45 stories - balance between speed and having enough content const storyPromises = topStoryIds.slice(0, 45).map(id => fetch(`https://hacker-news.firebaseio.com/v0/item/${id}.json`).then(r => r.json()) ) const fetchedStories = await Promise.all(storyPromises) let filteredCount = 0 let savedCount = 0 // Process stories in parallel batches for speed const batchSize = 5 for (let i = 0; i < fetchedStories.length; i += batchSize) { if (savedCount >= 30) break const batch = fetchedStories.slice(i, i + batchSize) setProcessingStatus(`Filtering ${i + 1}-${Math.min(i + batchSize, fetchedStories.length)}...`) const batchPromises = batch.map(async (story) => { if (!story || !story.title) return { filtered: false } try { const analysisResult = await callAI( `Is this about AI/ML? Title: "${story.title}"\n\nCheck for: AI, OpenAI, Anthropic, ChatGPT, Claude, Gemini, LLM, machine learning, neural networks, models, AI companies/products. Answer YES if AI-related, NO otherwise.`, { model: "openai/gpt-4o-mini", schema: { properties: { isAI: { type: "boolean" } } } } ) const { isAI } = JSON.parse(analysisResult) return { story, isAI } } catch (error) { console.error(`Error analyzing "${story.title}":`, error) return { filtered: true } } }) const results = await Promise.all(batchPromises) for (const result of results) { if (result.filtered) { filteredCount++ continue } if (result.isAI) { filteredCount++ } else if (result.story && savedCount < 30) { await database.put({ _id: `story-${result.story.id}`, type: "story", hnId: result.story.id, title: result.story.title, url: result.story.url, score: result.story.score || 0, by: result.story.by || "unknown", time: result.story.time || Date.now() / 1000, descendants: result.story.descendants || 0, fetchedAt: Date.now() }) savedCount++ } } } setFiltered(filteredCount) setLastFetch(new Date()) setProcessingStatus("") } catch (error) { console.error("Error fetching stories:", error) setProcessingStatus("Error loading. Try again.") } setLoading(false) } useEffect(() => { if (stories.length === 0) { fetchAndFilterStories() } }, []) return (

{/* Header */}

Hacker News