${country.properties.ADMIN || "Unknown Country"}

export default async function server(request: Request): Promise { // Pre-import external modules to avoid async import inside function const topojson = await import("https://esm.sh/topojson-client"); const path = await import("https://esm.sh/d3-geo"); // Extract country codes from URL path const url = new URL(request.url); const countryCodes = decodeURIComponent(url.pathname.split("/").pop() || "") .toUpperCase() .split(",") .filter(code => code.length === 2); if (countryCodes.length === 0) { return new Response( "Please provide comma-separated 2-letter ISO country codes (e.g., https://andybak-countryoutlinesvg.web.val.run/US,CA,FR)", { status: 400 }, ); } try { // Use a more reliable GeoJSON source const response = await fetch( `https://raw.githubusercontent.com/datasets/geo-countries/master/data/countries.geojson`, ); // Parse the GeoJSON manually const worldData = JSON.parse(await response.text()); // Find the specific countries const countries = countryCodes.map(code => { const country = worldData.features.find( feature => feature.properties.ISO_A2.toUpperCase() === code, ); if (!country) { throw new Error(`Country code ${code} not found`); } return country; }); // Generate SVG from country boundaries async function generateSVG(geojsonFeatures) { // Create a feature collection to use for projection const featureCollection = { type: "FeatureCollection", features: geojsonFeatures, }; // Use a more flexible projection that fits all countries const projection = path.geoNaturalEarth1() .fitSize([800, 600], featureCollection); const pathGenerator = path.geoPath().projection(projection); // Generate SVG paths for each country const countryPaths = geojsonFeatures.map((country, index) => ` ${country.properties.ADMIN || "Unknown Country"} `).join(""); // Create SVG with all country paths return ``; } const svg = await generateSVG(countries); return new Response(svg, { headers: { "Content-Type": "image/svg+xml", "Access-Control-Allow-Origin": "*", }, }); } catch (error) { // More detailed error logging console.error("Full error:", error); return new Response(`Could not generate country outlines: ${error.message}\n\nDetails: ${error.stack}`, { status: 500, }); } }

countryOutlineSVG