\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}",[],[100],"files",[153,173,182],"counts",{"_194":32,"_195":196,"_197":32,"_198":199},"pulls","branches",1,"forks","envVars",{"_200":32,"_201":32},"count","emptyCount","contents",[],"file",{"_104":183,"_96":100,"_156":184,"_157":-5,"_158":141,"_159":185,"_161":118,"_106":206,"_101":163,"_164":165,"_166":187,"_168":22,"_169":-5,"_99":207},["D",1758870672884],[100],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_94":95,"_96":97,"_98":44,"_99":100,"_102":216,"_204":221,"_224":225,"_278":279,"_291":-7,"_292":32,"_293":22},{"_104":105,"_96":97,"_106":217,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":118,"_120":-5,"_121":32,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":218,"_135":219,"_138":220,"_150":22},["D",1758813675141],{"_94":95,"_133":134},{"_94":95,"_137":134,"_14":114},{"_101":140,"_96":44,"_104":141,"_142":105,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":97,"_149":95},{"_104":183,"_96":100,"_156":184,"_157":-5,"_158":141,"_159":185,"_161":118,"_106":222,"_101":163,"_164":165,"_166":187,"_168":22,"_169":-5,"_99":223},["D",1758870672884],[100],"history",[226,228,234,240,245,251,257,263,268,273],{"_104":183,"_158":141,"_156":184,"_96":100,"_166":187,"_164":165,"_101":163,"_157":-5,"_106":227,"_159":185,"_169":-5},["D",1758870672884],{"_104":229,"_158":141,"_156":184,"_96":100,"_166":230,"_164":165,"_101":231,"_157":-5,"_106":232,"_159":233,"_169":-5},"f3684aa2-9aa7-11f0-9289-0224a6c84d84","/** @jsxImportSource https://esm.sh/react */\nimport React, { useEffect, useState } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\nconst API_BASE =\n \"https://your-val-town-username-positiveNewsAggregator.web.val.run\";\n\nconst categoryColors = {\n politics: \"bg-blue-100 text-blue-800\",\n science: \"bg-purple-100 text-purple-800\",\n sports: \"bg-green-100 text-green-800\",\n environment: \"bg-emerald-100 text-emerald-800\",\n economy: \"bg-orange-100 text-orange-800\",\n technology: \"bg-indigo-100 text-indigo-800\",\n health: \"bg-red-100 text-red-800\",\n culture: \"bg-pink-100 text-pink-800\",\n general: \"bg-gray-100 text-gray-800\",\n};\n\nconst categoryLabels = {\n politics: \"Política\",\n science: \"Ciência\",\n sports: \"Desporto\",\n environment: \"Ambiente\",\n economy: \"Economia\",\n technology: \"Tecnologia\",\n health: \"Saúde\",\n culture: \"Cultura\",\n general: \"Geral\",\n};\n\nfunction NewsCard({ article }) {\n const formatDate = (dateString) => {\n try {\n return new Date(dateString).toLocaleDateString(\"pt-PT\", {\n day: \"numeric\",\n month: \"short\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n });\n } catch {\n return \"Agora\";\n }\n };\n\n return (\n

\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 );\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 {/* 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 \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}",8,["D",1758870658226],19,{"_104":235,"_158":141,"_156":184,"_96":100,"_166":236,"_164":165,"_101":237,"_157":-5,"_106":238,"_159":239,"_169":-5},"a1c8ebe8-9aa7-11f0-9073-0224a6c84d84","/** @jsxImportSource https://esm.sh/react */\nimport React, { useEffect, useState } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\nconst API_BASE =\n \"https://your-val-town-username-positiveNewsAggregator.web.val.run\";\n\nconst categoryColors = {\n politics: \"bg-blue-100 text-blue-800\",\n science: \"bg-purple-100 text-purple-800\",\n sports: \"bg-green-100 text-green-800\",\n environment: \"bg-emerald-100 text-emerald-800\",\n economy: \"bg-orange-100 text-orange-800\",\n technology: \"bg-indigo-100 text-indigo-800\",\n health: \"bg-red-100 text-red-800\",\n culture: \"bg-pink-100 text-pink-800\",\n general: \"bg-gray-100 text-gray-800\",\n};\n\nconst categoryLabels = {\n politics: \"Política\",\n science: \"Ciência\",\n sports: \"Desporto\",\n environment: \"Ambiente\",\n economy: \"Economia\",\n technology: \"Tecnologia\",\n health: \"Saúde\",\n culture: \"Cultura\",\n general: \"Geral\",\n};\n\nfunction NewsCard({ article }) {\n const formatDate = (dateString) => {\n try {\n return new Date(dateString).toLocaleDateString(\"pt-PT\", {\n day: \"numeric\",\n month: \"short\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n });\n } catch {\n return \"Agora\";\n }\n };\n\n return (\n

\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 );\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 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 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 \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}",7,["D",1758870521291],18,{"_104":241,"_158":141,"_156":184,"_96":100,"_166":242,"_164":165,"_101":243,"_157":-5,"_106":244,"_159":178,"_169":-5},"97fbcd2e-9aa7-11f0-8fbf-0224a6c84d84","/** @jsxImportSource https://esm.sh/react */\nimport React, { useEffect, useState } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\nimport React, { useEffect, useState } from \"react\";\n\nconst API_BASE =\n \"https://your-val-town-username-positiveNewsAggregator.web.val.run\";\n\nconst categoryColors = {\n politics: \"bg-blue-100 text-blue-800\",\n science: \"bg-purple-100 text-purple-800\",\n sports: \"bg-green-100 text-green-800\",\n environment: \"bg-emerald-100 text-emerald-800\",\n economy: \"bg-orange-100 text-orange-800\",\n technology: \"bg-indigo-100 text-indigo-800\",\n health: \"bg-red-100 text-red-800\",\n culture: \"bg-pink-100 text-pink-800\",\n general: \"bg-gray-100 text-gray-800\",\n};\n\nconst categoryLabels = {\n politics: \"Política\",\n science: \"Ciência\",\n sports: \"Desporto\",\n environment: \"Ambiente\",\n economy: \"Economia\",\n technology: \"Tecnologia\",\n health: \"Saúde\",\n culture: \"Cultura\",\n general: \"Geral\",\n};\n\nfunction NewsCard({ article }) {\n const formatDate = (dateString) => {\n try {\n return new Date(dateString).toLocaleDateString(\"pt-PT\", {\n day: \"numeric\",\n month: \"short\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n });\n } catch {\n return \"Agora\";\n }\n };\n\n return (\n

\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 );\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 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 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 \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}",6,["D",1758870504845],{"_104":246,"_158":141,"_156":184,"_96":100,"_166":247,"_164":165,"_101":248,"_157":-5,"_106":249,"_159":250,"_169":-5},"fe2a5348-9a9f-11f0-ac4e-0224a6c84d84","/** @jsxImportSource https://esm.sh/react */\nimport React, { useEffect, useState } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\nfunction App() {\n return (\n <>\n Starter\n \n );\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}",5,["D",1758867240303],16,{"_104":252,"_158":141,"_156":184,"_96":100,"_166":253,"_164":165,"_101":254,"_157":-5,"_106":255,"_159":256,"_169":-5},"f4907e98-9a9f-11f0-b570-0224a6c84d84","/** @jsxImportSource https://esm.sh/react */\nimport React, { useEffect, useState } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\nfunction App() {\n return (\n <>\n Starter\n \n );\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 NeuroFit Courses\n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}",4,["D",1758867224192],15,{"_104":258,"_158":141,"_156":184,"_96":100,"_166":259,"_164":165,"_101":260,"_157":-5,"_106":261,"_159":262,"_169":-5},"9b6f488a-9a9f-11f0-9245-0224a6c84d84","// Learn more: https://docs.val.town/vals/http/\nexport default async function (req: Request): Promise {\n return Response.json({ ok: true })\n}",3,["D",1758867074658],14,{"_104":264,"_158":141,"_156":184,"_96":100,"_166":73,"_164":165,"_101":265,"_157":-5,"_106":266,"_159":267,"_169":-5},"9b2bcf42-9a9f-11f0-9372-0224a6c84d84",2,["D",1758867074217],13,{"_104":269,"_158":141,"_156":184,"_96":100,"_166":73,"_164":270,"_101":196,"_157":-5,"_106":271,"_159":272,"_169":-5},"964fb830-9a9f-11f0-9e17-0224a6c84d84","script",["D",1758867066062],12,{"_104":274,"_158":141,"_156":184,"_96":275,"_166":73,"_164":270,"_101":32,"_157":-5,"_106":276,"_159":277,"_169":-5},"90781416-9a9f-11f0-a4db-0224a6c84d84","new-file-7871.ts",["D",1758867056265],11,"versions",[280,282,283,284,285,286,287,288,289,290],{"_204":226,"_281":228},"previous",{"_204":228,"_281":234},{"_204":234,"_281":240},{"_204":240,"_281":245},{"_204":245,"_281":251},{"_204":251,"_281":257},{"_204":257,"_281":263},{"_204":263,"_281":268},{"_204":268,"_281":273},{"_204":273,"_281":-5},"versionNumber","page","hasNext","actionData","errors"]

nmsilva

goodNews

History for web.tsx