[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","689d8f951e6c81919da0abc6b5368b98","versionInt","title","Europe Food Map — Interactive React App","type","code/react","content","import React, { useMemo, useState } from \"react\";\nimport { ComposableMap, Geographies, Geography, Marker, ZoomableGroup } from \"react-simple-maps\";\n\n// UI bits (Tailwind + shadcn-style components)\nfunction Panel({ children }) {\n return (\n

\n {children}\n

\n );\n}\n\nfunction Card({ title, children }) {\n return (\n

\n {title &&

{title}

}\n {children}\n

\n );\n}\n\nfunction Input(props) {\n return (\n \n );\n}\n\nconst geoUrl = \"https://cdn.jsdelivr.net/npm/world-atlas@2/countries-110m.json\";\n\n// Minimal, iconic food picks (one per country). Not exhaustive and intentionally simple.\n// Capitals are approximate WGS84 coordinates.\nconst EUROPE_DATA = [\n { country: \"Albania\", capital: \"Tirana\", lat: 41.3275, lon: 19.8187, food: \"Byrek\" },\n { country: \"Andorra\", capital: \"Andorra la Vella\", lat: 42.5063, lon: 1.5218, food: \"Trinxat\" },\n { country: \"Armenia\", capital: \"Yerevan\", lat: 40.1792, lon: 44.4991, food: \"Khorovats\" },\n { country: \"Austria\", capital: \"Vienna\", lat: 48.2082, lon: 16.3738, food: \"Wiener Schnitzel\" },\n { country: \"Azerbaijan\", capital: \"Baku\", lat: 40.4093, lon: 49.8671, food: \"Plov\" },\n { country: \"Belarus\", capital: \"Minsk\", lat: 53.9006, lon: 27.5590, food: \"Draniki\" },\n { country: \"Belgium\", capital: \"Brussels\", lat: 50.8503, lon: 4.3517, food: \"Moules-frites\" },\n { country: \"Bosnia and Herzegovina\", capital: \"Sarajevo\", lat: 43.8563, lon: 18.4131, food: \"Ćevapi\" },\n { country: \"Bulgaria\", capital: \"Sofia\", lat: 42.6977, lon: 23.3219, food: \"Banitsa\" },\n { country: \"Croatia\", capital: \"Zagreb\", lat: 45.8150, lon: 15.9819, food: \"Pašticada\" },\n { country: \"Cyprus\", capital: \"Nicosia\", lat: 35.1856, lon: 33.3823, food: \"Halloumi\" },\n { country: \"Czechia\", capital: \"Prague\", lat: 50.0755, lon: 14.4378, food: \"Svíčková\" },\n { country: \"Denmark\", capital: \"Copenhagen\", lat: 55.6761, lon: 12.5683, food: \"Smørrebrød\" },\n { country: \"Estonia\", capital: \"Tallinn\", lat: 59.4370, lon: 24.7536, food: \"Kiluvõileib\" },\n { country: \"Finland\", capital: \"Helsinki\", lat: 60.1699, lon: 24.9384, food: \"Karjalanpiirakka\" },\n { country: \"France\", capital: \"Paris\", lat: 48.8566, lon: 2.3522, food: \"Coq au vin\" },\n { country: \"Georgia\", capital: \"Tbilisi\", lat: 41.7151, lon: 44.8271, food: \"Khachapuri\" },\n { country: \"Germany\", capital: \"Berlin\", lat: 52.5200, lon: 13.4050, food: \"Bratwurst\" },\n { country: \"Greece\", capital: \"Athens\", lat: 37.9838, lon: 23.7275, food: \"Moussaka\" },\n { country: \"Hungary\", capital: \"Budapest\", lat: 47.4979, lon: 19.0402, food: \"Gulyás\" },\n { country: \"Iceland\", capital: \"Reykjavík\", lat: 64.1466, lon: -21.9426, food: \"Skyr\" },\n { country: \"Ireland\", capital: \"Dublin\", lat: 53.3498, lon: -6.2603, food: \"Irish Stew\" },\n { country: \"Italy\", capital: \"Rome\", lat: 41.9028, lon: 12.4964, food: \"Pizza Margherita\" },\n { country: \"Kosovo\", capital: \"Pristina\", lat: 42.6629, lon: 21.1655, food: \"Flija\" },\n { country: \"Latvia\", capital: \"Riga\", lat: 56.9496, lon: 24.1052, food: \"Grey peas & speck\" },\n { country: \"Liechtenstein\", capital: \"Vaduz\", lat: 47.1410, lon: 9.5209, food: \"Käsknöpfle\" },\n { country: \"Lithuania\", capital: \"Vilnius\", lat: 54.6872, lon: 25.2797, food: \"Cepelinai\" },\n { country: \"Luxembourg\", capital: \"Luxembourg\",lat: 49.6116, lon: 6.1319, food: \"Judd mat Gaardebounen\" },\n { country: \"Malta\", capital: \"Valletta\", lat: 35.8997, lon: 14.5147, food: \"Pastizzi\" },\n { country: \"Moldova\", capital: \"Chisinau\", lat: 47.0105, lon: 28.8638, food: \"Mămăligă\" },\n { country: \"Monaco\", capital: \"Monaco\", lat: 43.7384, lon: 7.4246, food: \"Barbajuan\" },\n { country: \"Montenegro\", capital: \"Podgorica\", lat: 42.4304, lon: 19.2594, food: \"Njeguški pršut\" },\n { country: \"Netherlands\", capital: \"Amsterdam\",lat: 52.3676, lon: 4.9041, food: \"Haring\" },\n { country: \"North Macedonia\", capital: \"Skopje\", lat: 41.9973, lon: 21.4280, food: \"Tavče Gravče\" },\n { country: \"Norway\", capital: \"Oslo\", lat: 59.9139, lon: 10.7522, food: \"Gravlax\" },\n { country: \"Poland\", capital: \"Warsaw\", lat: 52.2297, lon: 21.0122, food: \"Pierogi\" },\n { country: \"Portugal\",capital: \"Lisbon\", lat: 38.7223, lon: -9.1393, food: \"Bacalhau\" },\n { country: \"Romania\", capital: \"Bucharest\", lat: 44.4268, lon: 26.1025, food: \"Sarmale\" },\n { country: \"Russia\", capital: \"Moscow\", lat: 55.7558, lon: 37.6173, food: \"Pelmeni\" },\n { country: \"San Marino\", capital: \"San Marino\",lat: 43.9424, lon: 12.4578, food: \"Piadina\" },\n { country: \"Serbia\", capital: \"Belgrade\", lat: 44.7866, lon: 20.4489, food: \"Pljeskavica\" },\n { country: \"Slovakia\",capital: \"Bratislava\", lat: 48.1486, lon: 17.1077, food: \"Bryndzové halušky\" },\n { country: \"Slovenia\",capital: \"Ljubljana\", lat: 46.0511, lon: 14.5051, food: \"Potica\" },\n { country: \"Spain\", capital: \"Madrid\", lat: 40.4168, lon: -3.7038, food: \"Paella\" },\n { country: \"Sweden\", capital: \"Stockholm\", lat: 59.3293, lon: 18.0686, food: \"Köttbullar\" },\n { country: \"Switzerland\", capital: \"Bern\", lat: 46.9480, lon: 7.4474, food: \"Fondue\" },\n { country: \"Turkey\", capital: \"Ankara\", lat: 39.9334, lon: 32.8597, food: \"Kebab\" },\n { country: \"Ukraine\", capital: \"Kyiv\", lat: 50.4501, lon: 30.5234, food: \"Borscht\" },\n { country: \"United Kingdom\", capital: \"London\", lat: 51.5074, lon: -0.1278, food: \"Fish & Chips\" },\n { country: \"Vatican City\", capital: \"Vatican City\", lat: 41.9029, lon: 12.4534, food: \"Gnocchi alla Romana\" },\n // Nordics done, Baltics done, Balkans done, Microstates included. Cyprus, Caucasus & Turkey added.\n];\n\nfunction CountryList({ items, onSelect, selected }) {\n return (\n

\n {items.map((c) => (\n onSelect(c)}\n className={\"w-full text-left px-3 py-2 hover:bg-blue-50 focus:bg-blue-50 outline-none \" + (selected?.country === c.country ? \"bg-blue-100\" : \"\")}\n >\n

{c.country}

{c.capital} • {c.food}

\n \n ))}\n

\n );\n}\n\nexport default function EuropeFoodMap() {\n const [query, setQuery] = useState(\"\");\n const [selected, setSelected] = useState(null);\n const [zoom, setZoom] = useState(1.6);\n const [center, setCenter] = useState([12, 53]); // roughly central Europe\n\n const filtered = useMemo(() => {\n const q = query.trim().toLowerCase();\n if (!q) return EUROPE_DATA;\n return EUROPE_DATA.filter((d) =>\n d.country.toLowerCase().includes(q) ||\n d.capital.toLowerCase().includes(q) ||\n d.food.toLowerCase().includes(q)\n );\n }, [query]);\n\n const handleSelect = (c) => {\n setSelected(c);\n setCenter([c.lon, c.lat]);\n setZoom(3.2);\n };\n\n return (\n

\n \n { setCenter(coordinates); setZoom(zoom); }}>\n \n {({ geographies }) =>\n geographies.map((geo) => (\n \n ))\n }\n \n\n {EUROPE_DATA.map((c) => (\n handleSelect(c)}>\n \n \n \n \n \n ))}\n \n \n\n {/* Map controls */}\n

\n \n \n \n

\n\n {/* Selected popover */}\n {selected && (\n

\n \n

{selected.country}

Capital: {selected.capital}

Typical food: {selected.food}

(Click another marker or use the list to explore.)

\n \n

\n )}\n

\n\n \n \n

Click a dot on the map or search below. Dishes are iconic examples, not exhaustive.

\n \n\n \n setQuery(e.target.value)} />\n \n\n \n \n \n\n

\n Notes: Transcontinental states (e.g., Turkey, Georgia, Armenia, Azerbaijan) are included. Coordinates are approximate. Some foods use local names.\n

\n \n

\n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","10105031174609878246","traceTime",1778546313351]