Cargando, esperá un toque...

;\n if (error) return

¡Che, hubo un error!: {error}

;\n\n const getFlag = name => countryFlagEmoji.list.find(f => f.name === name)?.emoji || \"\";\n\n return (\n

🏆 Ranking de Países Más Endeudados con el FMI 🏆

¡Mirá quiénes se llevaron la copa del mundo en deudas!

\n \n \n \n \n \n \n \n \n \n {topCountries.map((country, index) => (\n \n \n \n \n \n ))}\n \n

Puesto	País	Deuda (en USD)
{index + 1}	\n {index === 0 && \"👑 \"}\n {getFlag(country.member) \|\| \"🏳️\"} {country.member}\n {index === 0 && \" 👑\"}\n	{country.credit.toLocaleString()}

Otro experimento absurdamente estupido traido a usted por

\n \n \n \n

\n \n Ver el código fuente, si te la bancás\n \n

\n );\n}\n\nfunction client() {\n render(, document.getElementById(\"root\"));\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(req: Request): Promise {\n const url = new URL(req.url);\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n\n if (url.pathname === \"/api/imf-data\") {\n const CACHE_KEY = \"imf_data_cache_v2\";\n const CACHE_EXPIRATION = 3 * 60 * 60 * 1000; // 3 hours in milliseconds\n\n try {\n // Check if cached data exists and is not expired\n const cachedData = await blob.getJSON(CACHE_KEY);\n if (cachedData && Date.now() - cachedData.timestamp < CACHE_EXPIRATION) {\n return new Response(JSON.stringify(cachedData.data), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n const { fetch } = await import(\"https://esm.town/v/std/fetch\");\n\n // If no valid cache, fetch and process the data\n const imfResponse = await fetch(\"https://www.imf.org/external/np/fin/tad/balmov2.aspx?tsvflag=Y&type=TOTAL\", {});\n const arrayBuffer = await imfResponse.arrayBuffer();\n\n // Dynamically import XLSX only when needed\n const XLSX = await import(\"https://esm.sh/xlsx@0.18.5\");\n const workbook = XLSX.read(new Uint8Array(arrayBuffer), { type: \"array\" });\n const sheetName = workbook.SheetNames[0];\n const sheet = workbook.Sheets[sheetName];\n const data = XLSX.utils.sheet_to_json(sheet, { header: 1, range: 4 });\n\n const countries = data\n .filter(row => row.length >= 5 && !isNaN(parseFloat(row[4])))\n .map(row => ({\n member: row[0],\n credit: row[4],\n }))\n .filter(a => a.member !== \"Total\")\n .sort((a, b) => b.credit - a.credit);\n\n // Cache the processed data\n await blob.setJSON(CACHE_KEY, {\n timestamp: Date.now(),\n data: countries,\n });\n\n return new Response(JSON.stringify(countries), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(error);\n return new Response(JSON.stringify({ error: \"¡La pucha! No se pudo traer o procesar los datos del FMI\" }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n return new Response(\n `\n \n \n \n \n \n Ranking de Deudas del FMI\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}\n\nconst css = `\n body {\n font-family: 'Comic Sans MS', cursive, sans-serif;\n line-height: 1.6;\n color: #333;\n margin: 0;\n padding: 0;\n background-color: #ffe4e1;\n }\n .container {\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n background-color: #fff0f5;\n border-radius: 15px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n }\n h1 {\n color: #ff69b4;\n text-align: center;\n font-size: 2.5em;\n text-shadow: 2px 2px 4px #ffb6c1;\n }\n .subtitle {\n text-align: center;\n font-size: 1.2em;\n color: #ff1493;\n margin-bottom: 20px;\n }\n .table-container {\n overflow-x: auto;\n }\n table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0 10px;\n margin-top: 20px;\n }\n th, td {\n padding: 15px;\n text-align: left;\n border-bottom: 2px solid #ff69b4;\n }\n th {\n background-color: #ff69b4;\n color: white;\n font-size: 1.2em;\n text-transform: uppercase;\n }\n tr {\n background-color: #ffc0cb;\n transition: all 0.3s ease;\n }\n tr:hover {\n transform: scale(1.03);\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n }\n .champion {\n background-color: #ffd700;\n font-weight: bold;\n }\n .footer {\n text-align: center;\n font-style: italic;\n color: #ff1493;\n margin-top: 20px;\n }\n .source-link {\n text-align: center;\n margin-top: 20px;\n }\n .source-link a {\n color: #ff69b4;\n text-decoration: none;\n font-weight: bold;\n }\n .source-link a:hover {\n text-decoration: underline;\n }\n .loading, .error {\n text-align: center;\n font-size: 1.2em;\n margin-top: 20px;\n }\n @media (max-width: 600px) {\n h1 {\n font-size: 2em;\n }\n .subtitle {\n font-size: 1em;\n }\n th, td {\n padding: 10px;\n }\n th {\n font-size: 1em;\n }\n }\n`;","deleted","label",[98],"permalink","https://www.val.town/x/nulo/imfLeaderboard/code/main.tsx","extension","actionData","errors"]