namazu-ts 0.34.2 → 1.1.1

package/README.md

@@ -20,6 +20,7 @@ Types you can find in the sources :
 - NamazuSource.STATIONS    => StationGeoJSON
 - NamazuSource.EVENTS      => EventGeoJSON<T> field has a few common properties but if you want specific fields, you gotta cast it to EventGeoJSONProperties or NamazuEvent depending on the context
 - NamazuSource.POPUP       => Not really a source, it's just used as a placeholder for sismap._descPopup that contains maplibre.Popup
+- NamazuSource.CONTOURS    => ContoursGeoJSON
 ___
 
 ## Small example

package/dist/browser/index.js

@@ -30167,6 +30167,7 @@ var NamazuLayers;
   NamazuLayers2["EVENTS"] = "events";
   NamazuLayers2["INTENSITIES"] = "intensities";
   NamazuLayers2["TESTIMONIES"] = "testimonies";
+  NamazuLayers2["CONTOURS"] = "int_contours";
 })(NamazuLayers ||= {});
 var NamazuSource;
 ((NamazuSource2) => {
@@ -30177,6 +30178,7 @@ var NamazuSource;
   NamazuSource2["STATIONS"] = "stations";
   NamazuSource2["EVENTS"] = "events";
   NamazuSource2["POPUP"] = "popup";
+  NamazuSource2["CONTOURS"] = "int_contours";
 })(NamazuSource ||= {});
 var PossibleEvents = [
   "event",
@@ -30323,6 +30325,54 @@ var Intervals = new Map([
   ],
   ["inf", ["all", [">=", ["get", "magnitude"], 6]]]
 ]);
+var EventTypes = new Map([
+  ["accidental explosion", "explosion accidentelle"],
+  ["acoustic noise", "bruit acoustique"],
+  ["anthropogenic event", "évènement anthropique"],
+  ["avalanche", "avalanche"],
+  ["blasting levee", "digue de dynamitage"],
+  ["boat crash", "accident de bateau"],
+  ["building collapse", "effondrement de bâtiment"],
+  ["cavity collapse", "effondrement de la cavité"],
+  ["chemical explosion", "explosion chimique"],
+  ["collapse", "effondrement"],
+  ["controlled explosion", "explosion contrôlée"],
+  ["crash", "accident"],
+  ["debris avalanche", "avalanche de débris"],
+  ["earthquake", "tremblement de terre"],
+  ["event", "évènement"],
+  ["experimental explosion", "explosion expérimentale"],
+  ["explosion", "explosion"],
+  ["fluid extraction", "extraction de fluide"],
+  ["fluid injection", "injection de fluide"],
+  ["hydroacoustic event", "évènement hydroacoustique"],
+  ["ice quake", "tremblement de glace"],
+  ["induced", "induit"],
+  ["industrial explosion", "explosion industrielle"],
+  ["landslide", "glissement de terrain"],
+  ["meteorite", "météorite"],
+  ["mine collapse", "effondrement de mine"],
+  ["mining explosion", "explosion de mine"],
+  ["not existing", "inexistant"],
+  ["not locatable", "non localisable"],
+  ["not reported", "non reporté"],
+  ["nuclear explosion", "explosion nucléaire"],
+  ["other event", "autre événement"],
+  ["outside of network interest", "en dehors de la zone d'intérêt"],
+  ["plane crash", "crash d'avion"],
+  ["quarry blast", "tir de carrière"],
+  ["reservoir loading", "chargement de réservoir"],
+  ["road cut", "coupe de route"],
+  ["rock burst", "éclat de roche"],
+  ["rockslide", "éboulement"],
+  ["slide", "glissement"],
+  ["snow avalanche", "avalanche de neige"],
+  ["sonic blast", "effet de souffle"],
+  ["sonic boom", "détonation supersonique"],
+  ["thunder", "tonnerre"],
+  ["train crash", "crash de train"],
+  ["volcanic eruption", "éruption volcanique"]
+]);
 
 // node_modules/@turf/helpers/dist/esm/index.js
 var earthRadius = 6371008.8;
@@ -30799,7 +30849,7 @@ class Client {
     return `${date.getDay().toString().padStart(2, "0")}/${date.getMonth().toString().padStart(2, "0")}/${date.getFullYear().toString().padStart(2, "0")}`;
   }
   translateEventType(eventType) {
-    return eventTypes.get(eventType) || "Évènement";
+    return EventTypes.get(eventType) || "Évènement";
   }
   buildQuery(url, options) {
     return {
@@ -31030,54 +31080,6 @@ class Client {
     return this.apiCall(url);
   }
 }
-var eventTypes = new Map([
-  ["accidental explosion", "explosion accidentelle"],
-  ["acoustic noise", "bruit acoustique"],
-  ["anthropogenic event", "évènement anthropique"],
-  ["avalanche", "avalanche"],
-  ["blasting levee", "digue de dynamitage"],
-  ["boat crash", "accident de bateau"],
-  ["building collapse", "effondrement de bâtiment"],
-  ["cavity collapse", "effondrement de la cavité"],
-  ["chemical explosion", "explosion chimique"],
-  ["collapse", "effondrement"],
-  ["controlled explosion", "explosion contrôlée"],
-  ["crash", "accident"],
-  ["debris avalanche", "avalanche de débris"],
-  ["earthquake", "tremblement de terre"],
-  ["event", "évènement"],
-  ["experimental explosion", "explosion expérimentale"],
-  ["explosion", "explosion"],
-  ["fluid extraction", "extraction de fluide"],
-  ["fluid injection", "injection de fluide"],
-  ["hydroacoustic event", "évènement hydroacoustique"],
-  ["ice quake", "tremblement de glace"],
-  ["induced", "induit"],
-  ["industrial explosion", "explosion industrielle"],
-  ["landslide", "glissement de terrain"],
-  ["meteorite", "météorite"],
-  ["mine collapse", "effondrement de mine"],
-  ["mining explosion", "explosion de mine"],
-  ["not existing", "inexistant"],
-  ["not locatable", "non localisable"],
-  ["not reported", "non reporté"],
-  ["nuclear explosion", "explosion nucléaire"],
-  ["other event", "autre événement"],
-  ["outside of network interest", "en dehors de la zone d'intérêt"],
-  ["plane crash", "crash d'avion"],
-  ["quarry blast", "tir de carrière"],
-  ["reservoir loading", "chargement de réservoir"],
-  ["road cut", "coupe de route"],
-  ["rock burst", "éclat de roche"],
-  ["rockslide", "éboulement"],
-  ["slide", "glissement"],
-  ["snow avalanche", "avalanche de neige"],
-  ["sonic blast", "effet de souffle"],
-  ["sonic boom", "détonation supersonique"],
-  ["thunder", "tonnerre"],
-  ["train crash", "crash de train"],
-  ["volcanic eruption", "éruption volcanique"]
-]);
 // src/sismomap.ts
 var import_maplibre_gl2 = __toESM(require_maplibre_gl(), 1);
 class SismoMap {
@@ -31125,6 +31127,7 @@ class SismoMap {
     scale._container.style.display = "none";
     scale._container.id = "scale";
     this.addMagLegend(legendClasses);
+    this.addContourLegend(legendClasses);
     this.addIntensityLegend(lang, legendClasses);
     map.dragRotate.disable();
     map.once("load", () => {
@@ -31153,6 +31156,7 @@ class SismoMap {
       map.addSource("intensities" /* INTENSITIES */, structuredClone(emptySrc));
       map.addSource("testimonies" /* TESTIMONIES */, structuredClone(emptySrc));
       map.addSource("stations" /* STATIONS */, structuredClone(emptySrc));
+      map.addSource("int_contours" /* CONTOURS */, structuredClone(emptySrc));
       map.addSource("ligne" /* LINE */, {
         type: "geojson",
         data: {
@@ -31183,6 +31187,15 @@ class SismoMap {
           "fill-opacity": 0.8
         }
       });
+      map.addLayer({
+        id: "int_contours" /* CONTOURS */,
+        source: "int_contours" /* CONTOURS */,
+        type: "line",
+        paint: {
+          "line-color": ["get", "color"],
+          "line-width": ["*", 2, ["get", "weight"]]
+        }
+      });
       map.addLayer({
         id: "testimonies" /* TESTIMONIES */,
         source: "testimonies" /* TESTIMONIES */,
@@ -31257,6 +31270,10 @@ class SismoMap {
             const [lng, lat] = feature.geometry.coordinates;
             this._descPopups[0].setLngLat([lng, lat]).setHTML(text[lang]).addTo(map);
             this._descPopups[0].getElement().style.color = "black";
+            this._descPopups[0].getElement().style.pointerEvents = "none !important";
+            this._descPopups[0].getElement().querySelectorAll("*").forEach((el) => {
+              el.style.pointerEvents = "none";
+            });
           }
         });
         map.on("mouseleave", title, () => {
@@ -31313,7 +31330,7 @@ class SismoMap {
         };
         break;
       }
-      case "ligne": {
+      case "ligne" /* LINE */: {
         data = {
           type: "Feature",
           geometry: {
@@ -31323,6 +31340,7 @@ class SismoMap {
         };
         break;
       }
+      case "int_contours" /* CONTOURS */:
       case "intensities" /* INTENSITIES */:
       case "testimonies" /* TESTIMONIES */:
       case "stations" /* STATIONS */:
@@ -31350,7 +31368,7 @@ class SismoMap {
       src.setData(data);
     }
   }
-  setShowDescription(enabled) {
+  showPopup(enabled) {
     this._showDescription = enabled;
   }
   setDebug(mode) {
@@ -31447,6 +31465,18 @@ class SismoMap {
       clear
     });
   }
+  displayContours({
+    contours,
+    moveView = false,
+    clear = false
+  }) {
+    this.displayGeoJSON({
+      geojson: contours,
+      sourceName: "int_contours" /* CONTOURS */,
+      moveView,
+      clear
+    });
+  }
   displayEvents({
     events,
     moveView = true,
@@ -31505,9 +31535,15 @@ class SismoMap {
     upd();
   }
   centerView(geojson) {
-    if (geojson.features.length === 1) {
-      const lng = geojson.features[0].geometry.coordinates[0];
-      const lat = geojson.features[0].geometry.coordinates[1];
+    if (geojson.features.length === 0) {
+      console.warn("Trying to center on an empty geojson, ignoring.");
+      return;
+    }
+    const coord1 = geojson.features[0].geometry.coordinates[0];
+    const coord2 = geojson.features[0].geometry.coordinates[1];
+    if (geojson.features.length === 1 && typeof coord1 === "number" && typeof coord2 === "number") {
+      const lng = coord1;
+      const lat = coord2;
       this.map.flyTo({ center: [lng, lat], zoom: 6 });
     } else {
       const bounds = bbox(geojson);
@@ -31556,11 +31592,11 @@ class SismoMap {
       !this.map.isMoving() && this.map.easeTo({ center, duration: 1000, easing: (n) => n });
     }
   }
-  displayScale() {
+  showScale(enabled) {
     function handle() {
       const legend = document.getElementById("scale");
       if (legend != null) {
-        legend.style.display = "block";
+        legend.style.display = enabled ? "block" : "none";
       }
     }
     if (this.map.loaded() || this._usable) {
@@ -31569,11 +31605,11 @@ class SismoMap {
       this.map.once("load", handle);
     }
   }
-  hideScale() {
+  showMagLegend(enabled) {
     function handle() {
-      const legend = document.getElementById("scale");
+      const legend = document.getElementById("maglegend");
       if (legend != null) {
-        legend.style.display = "none";
+        legend.style.display = enabled ? "block" : "none";
       }
     }
     if (this.map.loaded() || this._usable) {
@@ -31582,9 +31618,9 @@ class SismoMap {
       this.map.once("load", handle);
     }
   }
-  showMagLegend(enabled) {
+  showContourLegend(enabled) {
     function handle() {
-      const legend = document.getElementById("maglegend");
+      const legend = document.getElementById("contlegend");
       if (legend != null) {
         legend.style.display = enabled ? "block" : "none";
       }
@@ -31608,6 +31644,40 @@ class SismoMap {
       this.map.once("load", handle);
     }
   }
+  addContourLegend(classes) {
+
+    class ContourLegend {
+      _map;
+      _container;
+      onAdd(map) {
+        this._map = map;
+        this._container = document.createElement("div");
+        const imgsrc = "https://shakemaps.franceseisme.fr/2025/fr2025qqsqhy/current/products/legend_bcsfgmice.png";
+        this._container.id = "contlegend";
+        if (classes === undefined) {
+          this._container.style.background = "lightgrey";
+          this._container.style.borderRadius = "5px";
+          this._container.style.color = "black";
+          this._container.style.margin = "10px";
+          this._container.style.display = "none";
+          this._container.style.maxWidth = "800px";
+        } else {
+          for (const addClass of classes) {
+            this._container?.classList.add(addClass);
+          }
+        }
+        this._container.innerHTML += `<img src="${imgsrc}" />`;
+        return this._container;
+      }
+      onRemove() {
+        if (this._container?.parentNode) {
+          this._container?.parentNode.removeChild(this._container);
+        }
+        this._map = undefined;
+      }
+    }
+    this.map.addControl(new ContourLegend, "bottom-right");
+  }
   addMagLegend(classes) {
 
     class MagnitudeLegend {
@@ -31700,7 +31770,7 @@ class SismoMap {
         this._map = undefined;
       }
     }
-    this.map.addControl(new IntensityLegend, "bottom-left");
+    this.map.addControl(new IntensityLegend, "bottom-right");
   }
   applyFilter(filterQuery) {
     if (filterQuery.magnitudes.length === 0 && filterQuery.events.length === 0) {
@@ -31787,7 +31857,10 @@ class SismoMap {
       ];
       map._descPopups[1].setLngLat(popupCoords).setText(popupString).addTo(map.map);
       map._descPopups[1].getElement().style.color = "black";
-      map._descPopups[1].getElement().style.pointerEvents = "none";
+      map._descPopups[1].getElement().style.pointerEvents = "none !important";
+      map._descPopups[1].getElement().querySelectorAll("*").forEach((el) => {
+        el.style.pointerEvents = "none";
+      });
       const newData = {
         type: "Feature",
         properties: {},
@@ -31863,13 +31936,11 @@ class SismoMap {
     });
   }
   async getEventNumber() {
-    const source = this.map.getSource("");
+    const source = this.map.getSource("events" /* EVENTS */);
     if (source === undefined)
-      return Promise.reject("");
-    let length = 0;
+      return Promise.reject(-1);
     const sourceData = await source.getData();
-    length = sourceData.features.length;
-    return length;
+    return sourceData.features.length;
   }
 }
 var export_LngLatBounds = import_maplibre_gl3.LngLatBounds;
@@ -31878,7 +31949,6 @@ export {
   isEventGeoJSONProperties,
   isEventGeoJSON,
   formatString,
-  eventTypes,
   createEllipse,
   ZoneNames,
   SortType,
@@ -31891,6 +31961,7 @@ export {
   export_LngLatBounds as LngLatBounds,
   Intervals,
   IntensitiesColors,
+  EventTypes,
   EventToEventGeoJSON,
   EventRadius,
   Client

package/dist/client.d.ts

@@ -48,4 +48,3 @@ export declare class Client {
     getStationsByZoneName(zoneName: string): Promise<StationGeoJSON>;
     getEventPhases(event: EventGeoJSON): Promise<EventPhases>;
 }
-export declare const eventTypes: Map<string, string>;