--- name: news-api-integration-4b008f87761f description: Integrate with news APIs (GNews, NewsAPI, etc.) for aggregated news feeds. Covers headline fetching, search, and category filtering. --- # News API Integration Multiple news APIs available. GNews is recommended for free tier usability. ## Recommended: GNews - **Docs**: https://gnews.io/docs/v4 - **Base URL**: `https://gnews.io/api/v4` - **Auth**: Query param `token=API_KEY` - **Free tier**: 100 requests/day, 10 articles per request - **CORS**: Yes ### Top Headlines ``` GET /top-headlines?category=general&lang=en&max=10&token=API_KEY ``` Categories: `general`, `world`, `nation`, `business`, `technology`, `entertainment`, `sports`, `science`, `health` ### Search ``` GET /search?q=artificial+intelligence&lang=en&max=10&token=API_KEY ``` ### Response Shape ```json { "totalArticles": 1234, "articles": [ { "title": "Article Title", "description": "Short description...", "content": "Full article content (truncated)...", "url": "https://example.com/article", "image": "https://example.com/image.jpg", "publishedAt": "2024-01-15T12:00:00Z", "source": { "name": "CNN", "url": "https://cnn.com" } } ] } ``` ## Alternative: NewsAPI.org - **Docs**: https://newsapi.org/docs - **Free tier**: 100 requests/day, for development only - **Note**: Free plan does NOT support production use (requires paid plan for CORS from browser) ``` GET /v2/top-headlines?country=us&apiKey=API_KEY GET /v2/everything?q=bitcoin&apiKey=API_KEY ``` ## Other Alternatives (from public-apis) | API | Free Tier | Best For | |-----|-----------|----------| | **GNews** | 100 req/day | General news, good free tier | | **Currents API** | 600 req/day | Real-time news, good rate | | **NewsData.io** | 200 req/day | News + crypto news | | **The Guardian** | Unlimited (rate limited) | UK/international news | | **New York Times** | 500 req/day | US news, archives | | **Mediastack** | 500 req/month | Multi-source aggregation | | **TheNews API** | 100 req/day | Simple aggregation | | **MarketAux** | 100 req/day | Financial news with sentiment | | **HackerNews** | No limit | Tech/startup news (no key needed) | ## Frontend Service Implementation ```typescript // src/services/news.ts import { createCircuitBreaker } from '@/utils/circuit-breaker'; export interface NewsArticle { title: string; description: string; url: string; source: string; publishedAt: string; image?: string; } const newsBreaker = createCircuitBreaker({ name: 'News', cacheTtlMs: 5 * 60_000, // 5 minutes }); export async function fetchNews(category = 'general'): Promise { return newsBreaker.execute(async () => { const resp = await fetch(`/api/news?category=${category}`); if (!resp.ok) throw new Error(`HTTP ${resp.status}`); const data = await resp.json(); return data.articles || []; }, []); } export async function searchNews(query: string): Promise { const resp = await fetch(`/api/news?q=${encodeURIComponent(query)}`); if (!resp.ok) throw new Error(`HTTP ${resp.status}`); const data = await resp.json(); return data.articles || []; } ``` ## HackerNews (No API Key Needed) For tech news, HackerNews API is free and unlimited: ```typescript // Fetch top 30 stories const topIds = await fetch('https://hacker-news.firebaseio.com/v0/topstories.json').then(r => r.json()); const stories = await Promise.all( topIds.slice(0, 30).map((id: number) => fetch(`https://hacker-news.firebaseio.com/v0/item/${id}.json`).then(r => r.json()) ) ); // Each story: { title, url, score, by, time, descendants } ``` ## Panel Rendering Pattern ```typescript private render(articles: NewsArticle[]): void { const rows = articles.map(a => `
${escapeHtml(a.title)}
${escapeHtml(a.source)} ${formatTime(new Date(a.publishedAt))}
`).join(''); this.setContent(`
${rows}
`); } ``` Always escape user-controlled strings with `escapeHtml()` to prevent XSS. --- Source attribution: AG064 Original project: https://github.com/AG064/OpenSpace/blob/ff671ef61ed6587c49bd54c81cdc751c0b99e363/showcase/skills/news-api-integration/SKILL.md License: MIT License information: https://opensource.org/license/mit Original upstream instructions; downloaded from Mega AI Hub. ## Upstream license notice MIT License Copyright (c) 2026 ✨Data Intelligence Lab@HKU✨ Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. # Mega AI Hub resource metadata Creator / publisher: AG064 Original project: https://github.com/AG064/OpenSpace/blob/ff671ef61ed6587c49bd54c81cdc751c0b99e363/showcase/skills/news-api-integration/SKILL.md Attribution basis: Source repository record Fields of work: Marketing Roles: Content Marketer, Influencer Marketer, Marketing Analyst, Product Marketer, Social Media Manager Specialties: API, Cross Platform Tools: Gnews, Newsapi Country applicability: Country not specified Classification basis: Source catalog labels Instruction SHA-256: 2daf629bdd105f8a19e3b7e49485f42123b0f05293d525c9973e8d6af3b96144