🗺️ Fix: Convertit aussi le globe (vague planétaire) en Leaflet

Même problème que la carte d'observation : le globe des 13 villes de la
diaspora dessinait des continents à main levée sur un canvas vide. Remplacé
par la même carte Leaflet + OSM, marqueurs colorés (or pour la Caraïbe,
turquoise ailleurs), popup nom + date au clic. Le chunk Leaflet est partagé
entre les deux îlots (un seul téléchargement).

Supprime les polygones de continents simplifiés devenus inutiles
(src/islands/globe/world.js) et la classe CSS .island-canvas orpheline.
Corrige aussi le texte d'aide ("glisser pour tourner" → "glisser pour
déplacer", plus juste pour une carte plate que pour un globe 3D).

Bump CACHE_NAME du service worker (v1 → v2) : découvert pendant le debug
que la stratégie stale-while-revalidate servait l'ancien composant aux
visiteurs déjà passés sur le site malgré le nouveau déploiement.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
sucupira
2026-07-06 20:15:10 -04:00
parent 4af585d778
commit 142bc0c9df
8 changed files with 70 additions and 162 deletions
-60
View File
@@ -1,63 +1,3 @@
// Continents simplifiés (issus de Natural Earth, tracé approximatif) —
// utilisés uniquement comme repère visuel derrière la vague du lever héliaque.
export const worldData = {
type: "FeatureCollection",
features: [
{
type: "Feature",
properties: { name: "Africa" },
geometry: {
type: "Polygon",
coordinates: [[
[-17.5, 35], [-5, 36], [10, 37], [35, 30], [42, 15],
[51, 12], [51, -2], [41, -12], [35, -25], [28, -33],
[20, -35], [18, -35], [12, -18], [10, -5], [8, 5],
[-5, 5], [-17, 15], [-17.5, 35],
]],
},
},
{
type: "Feature",
properties: { name: "Europe" },
geometry: {
type: "Polygon",
coordinates: [[
[-10, 36], [-5, 43], [0, 50], [10, 54], [20, 59],
[30, 60], [40, 55], [30, 45], [20, 40], [10, 45],
[0, 40], [-10, 36],
]],
},
},
{
type: "Feature",
properties: { name: "North America" },
geometry: {
type: "Polygon",
coordinates: [[
[-170, 65], [-165, 68], [-150, 70], [-130, 70], [-100, 70],
[-80, 68], [-65, 60], [-55, 50], [-65, 45], [-75, 40],
[-80, 35], [-85, 30], [-90, 25], [-95, 20], [-105, 20],
[-110, 25], [-115, 30], [-120, 35], [-125, 40], [-130, 45],
[-135, 50], [-140, 55], [-150, 58], [-160, 60], [-170, 65],
]],
},
},
{
type: "Feature",
properties: { name: "South America" },
geometry: {
type: "Polygon",
coordinates: [[
[-35, -5], [-38, -15], [-40, -20], [-48, -25], [-58, -35],
[-65, -45], [-70, -55], [-68, -55], [-73, -45], [-72, -35],
[-70, -25], [-75, -15], [-78, -5], [-80, 0], [-77, 5],
[-75, 10], [-70, 12], [-60, 8], [-50, 5], [-35, -5],
]],
},
},
],
};
// Progression du lever héliaque à travers la diaspora africaine et caribéenne
// (fin juin à mi-août), du plus oriental au plus occidental.
export const waveCities = [