/* Austria map — real Bundesländer geometry, gray "In Vorbereitung",
hover-only labels, live pin links to its city dashboard. */
const { useState: u_useState, useEffect: u_useEffect, useMemo: u_useMemo } = React;
const STATUS_META = {
live: { label: "Live", short: "Live", description: "Plattform öffentlich verfügbar" },
active: { label: "In Vorbereitung", short: "Aktiv", description: "Rollout läuft" },
future: { label: "Vormerkung", short: "Anfrage", description: "Anfrage / Vormerkung" }
};
// Only LIVE cities have a real dashboard URL today. Others are visual
// markers — hover shows the name, click does nothing.
const CITIES = [
{
id: "linz",
name: "Linz",
state: "Oberösterreich",
pop: "210.000",
status: "live",
since: "seit 2026",
coords: [14.2858, 48.3069],
url: "https://linz.politikdashboard.at",
note: "Live seit 2026."
},
{
id: "sierning",
name: "Sierning",
state: "Oberösterreich",
pop: "9.300",
status: "active",
since: "Rollout 2026",
coords: [14.3167, 48.0500],
labelBelow: true,
note: "Marktgemeinde — Pilot für kleinere Gemeinden."
},
{
id: "ooe",
name: "Oberösterreich",
state: "Landtag",
pop: "1,5 Mio.",
status: "active",
since: "in Vorbereitung",
coords: [14.05, 48.10],
isRegion: true,
mapHidden: true,
note: "Landtags-Variante in Vorbereitung."
},
// soft "Vormerkung" markers — small grey unlabeled-by-default dots
{ id: "wien", name: "Wien", state: "Wien", status: "future", coords: [16.3738, 48.2082], since: "Vormerkung" },
{ id: "graz", name: "Graz", state: "Steiermark", status: "future", coords: [15.4395, 47.0707], since: "Vormerkung" },
{ id: "salzburg", name: "Salzburg", state: "Salzburg", status: "future", coords: [13.0500, 47.8000], since: "Vormerkung" }];
const ACTIVE_REGIONS = new Set(["Oberösterreich", "Upper Austria", "Oberoesterreich"]);
const AT_FALLBACK_PATH =
"M 6,279 L 130,269 L 260,269 L 390,250 L 519,192 L 649,96 L 779,29 L 909,29 L 981,115 L 994,192 L 961,250 L 896,385 L 857,414 L 805,442 L 740,452 L 623,481 L 545,471 L 455,462 L 377,442 L 325,404 L 247,394 L 156,414 L 91,414 L 46,394 L 13,346 Z";
const GEO_URL =
"https://cdn.jsdelivr.net/gh/codeforgermany/click_that_hood@main/public/data/austria-states.geojson";
// Pin color: accent only for LIVE; everything else uses neutral gray.
function pinColor(status, accent) {
if (status === "live") return accent;
return "var(--pin-gray, #94a3a6)";
}
function CityPin({ city, accent }) {
const isLive = city.status === "live";
const isActive = city.status === "active";
const color = pinColor(city.status, accent);
const labelY = isLive ? -18 : city.labelBelow ? 22 : -14;
const visual =
<>
{isLive &&
<>
}
{isActive &&
<>
}
{city.status === "future" &&
}
{city.name}
;
// Live cities are wrapped in an ; others are inert s.
if (city.url) {
return (
{visual}
);
}
return (
{visual}
);
}
function AustriaMap({ accent }) {
const [geo, setGeo] = u_useState(null);
const [failed, setFailed] = u_useState(false);
u_useEffect(() => {
let cancelled = false;
fetch(GEO_URL).
then((r) => {if (!r.ok) throw new Error("fetch failed");return r.json();}).
then((d) => {if (!cancelled) setGeo(d);}).
catch(() => {if (!cancelled) setFailed(true);});
return () => {cancelled = true;};
}, []);
const W = 1000,H = 500;
const projection = u_useMemo(() => {
if (geo && window.d3?.geoMercator) {
return window.d3.geoMercator().fitExtent([[20, 20], [W - 20, H - 20]], geo);
}
return (coords) => {
const [lng, lat] = coords;
return [(lng - 9.5) / 7.7 * W, (49 - lat) / 2.6 * H];
};
}, [geo]);
const pathGen = u_useMemo(() => {
if (geo && window.d3?.geoPath) return window.d3.geoPath(projection);
return null;
}, [geo, projection]);
const pinned = u_useMemo(() => {
return CITIES.filter((c) => !c.mapHidden).map((c) => {
const [x, y] = projection(c.coords);
return { ...c, x, y };
});
}, [projection]);
function regionName(f) {
const p = f.properties || {};
return p.name || p.NAME_1 || p.NAME || p.NUTS_NAME || "";
}
return (
);
}
Object.assign(window, { AustriaMap, CITIES, STATUS_META });