\n \n {categoryLabels[article.category] || article.category}\n \n

\n \n {formatDate(article.published)}\n

\n\n

\n {article.title}\n

\n\n

\n {article.summary}\n

\n\n

\n \n {article.source}\n

\n\n \n Ler mais\n \n \n

\n );\n}\n\nfunction FilterTabs({ categories, activeCategory, onCategoryChange }) {\n return (\n

\n onCategoryChange(\"all\")}\n className={`px-4 py-2 rounded-lg font-medium transition-colors duration-200 ${\n activeCategory === \"all\"\n ? \"bg-green-600 text-white\"\n : \"bg-gray-100 text-gray-700 hover:bg-gray-200\"\n }`}\n >\n Todas ({categories.all || 0})\n \n\n {Object.entries(categoryLabels).map(([key, label]) => {\n const count = categories[key] || 0;\n if (count === 0) return null;\n\n return (\n onCategoryChange(key)}\n className={`px-4 py-2 rounded-lg font-medium transition-colors duration-200 ${\n activeCategory === key\n ? \"bg-green-600 text-white\"\n : \"bg-gray-100 text-gray-700 hover:bg-gray-200\"\n }`}\n >\n {label} ({count})\n \n );\n })}\n

\n );\n}\n\nfunction LoadingSpinner() {\n return (\n

\n \n A carregar notícias positivas...\n \n

\n );\n}\n\nfunction ErrorMessage({ message, onRetry }) {\n return (\n

{message}

\n \n Tentar novamente\n \n

\n );\n}\n\nfunction PositiveNewsApp() {\n const [news, setNews] = useState([]);\n const [filteredNews, setFilteredNews] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [activeCategory, setActiveCategory] = useState(\"all\");\n const [lastUpdated, setLastUpdated] = useState(null);\n const [categories, setCategories] = useState({});\n\n const fetchNews = async () => {\n try {\n setLoading(true);\n setError(null);\n\n // For demo purposes, we'll use mock data since we don't have the actual API endpoint\n // Replace this with: const response = await fetch(`${API_BASE}/api/news`);\n\n /*\n const mockData = {\n status: \"ok\",\n total: 12,\n data: [\n {\n id: \"1\",\n title: \"Portugal lidera na energia renovável na Europa\",\n summary:\n \"O país alcançou um marco histórico ao gerar 95% da sua energia através de fontes renováveis no último trimestre, posicionando-se como líder europeu na transição energética.\",\n url: \"https://example.com/news1\",\n published: new Date().toISOString(),\n source: \"Público\",\n category: \"environment\",\n is_positive: true,\n },\n {\n id: \"2\",\n title:\n \"Startup portuguesa desenvolve tecnologia inovadora para tratamento de cancro\",\n summary:\n \"Uma empresa de biotecnologia do Porto criou uma nova abordagem terapêutica que mostra resultados promissores em ensaios clínicos.\",\n url: \"https://example.com/news2\",\n published: new Date().toISOString(),\n source: \"Jornal de Notícias\",\n category: \"science\",\n is_positive: true,\n },\n {\n id: \"3\",\n title:\n \"FC Porto qualifica-se para os oitavos-de-final da Champions League\",\n summary:\n \"A equipa portista garantiu a passagem à próxima fase da competição europeia com uma vitória convincente por 3-0.\",\n url: \"https://example.com/news3\",\n published: new Date().toISOString(),\n source: \"Record\",\n category: \"sports\",\n is_positive: true,\n },\n {\n id: \"4\",\n title:\n \"Investimento recorde em investigação científica em Portugal\",\n summary:\n \"O governo anunciou um aumento de 40% no financiamento para projetos de I&D, representando o maior investimento da última década.\",\n url: \"https://example.com/news4\",\n published: new Date().toISOString(),\n source: \"Expresso\",\n category: \"science\",\n is_positive: true,\n },\n {\n id: \"5\",\n title: \"Lisboa eleita uma das melhores cidades do mundo para viver\",\n summary:\n \"A capital portuguesa subiu 15 posições no ranking internacional de qualidade de vida, destacando-se pela segurança e clima.\",\n url: \"https://example.com/news5\",\n published: new Date().toISOString(),\n source: \"Time Out\",\n category: \"culture\",\n is_positive: true,\n },\n {\n id: \"6\",\n title: \"Exportações portuguesas atingem valores históricos\",\n summary:\n \"O setor exportador registou um crescimento de 18% face ao ano anterior, com destaque para os produtos tecnológicos e alimentares.\",\n url: \"https://example.com/news6\",\n published: new Date().toISOString(),\n source: \"Jornal Económico\",\n category: \"economy\",\n is_positive: true,\n },\n ],\n };\n\n // Simulate API call delay\n await new Promise((resolve) => setTimeout(resolve, 1000));\n\n const data = mockData; */\n\n const response = await fetch(`${API_BASE}/api/news`);\n const data = await response.json();\n\n if (data.status === \"ok\") {\n setNews(data.data);\n setLastUpdated(new Date());\n\n // Count articles by category\n const categoryCounts = data.data.reduce((acc, article) => {\n acc[article.category] = (acc[article.category] || 0) + 1;\n acc.all = (acc.all || 0) + 1;\n return acc;\n }, {});\n setCategories(categoryCounts);\n } else {\n throw new Error(data.message || \"Erro ao carregar notícias\");\n }\n } catch (err) {\n setError(\n \"Erro ao carregar as notícias. Verifique a sua ligação à internet.\",\n );\n console.error(\"Fetch error:\", err);\n } finally {\n setLoading(false);\n }\n };\n\n useEffect(() => {\n fetchNews();\n }, []);\n\n useEffect(() => {\n if (activeCategory === \"all\") {\n setFilteredNews(news);\n } else {\n setFilteredNews(\n news.filter((article) => article.category === activeCategory),\n );\n }\n }, [news, activeCategory]);\n\n return (\n

\n {/* Header */}\n

\n \n \n \n

\n Notícias Positivas Portugal\n

\n As melhores notícias do dia, selecionadas automaticamente\n

\n\n \n \n \n \n Atualizar\n \n

\n\n {lastUpdated && (\n

\n Última atualização: {lastUpdated.toLocaleTimeString(\"pt-PT\")}\n

\n )}\n

\n\n {/* Main Content */}\n

\n {error ? : (\n <>\n {/* Stats */}\n {!loading && news.length > 0 && (\n

\n \n \n \n \n \n {categories.all || 0} notícias positivas encontradas\n \n

\n De {Object.keys(categoryLabels).filter((cat) =>\n categories[cat] > 0\n ).length} categorias diferentes\n

\n )}\n\n {/* Category Filter */}\n {!loading && news.length > 0 && (\n \n )}\n\n {/* Loading State */}\n {loading && }\n\n {/* News Grid */}\n {!loading && !error && (\n

\n {filteredNews.length > 0\n ? (\n filteredNews.map((article) => (\n \n ))\n )\n : (\n

\n \n \n \n

\n {news.length === 0\n ? \"Nenhuma notícia positiva encontrada no momento.\"\n : `Nenhuma notícia encontrada na categoria \"${\n categoryLabels[activeCategory] || activeCategory\n }\".`}\n

\n )}\n

\n )}\n \n )}\n

\n\n {/* Footer */}\n \n

\n );\n}\n\nfunction App() {\n return ;\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Good news\n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}","deleted","label",[99],"permalink","https://www.val.town/x/nmsilva/goodNews/code/web.tsx","extension","actionData","errors"]