@sjvair/monitor-map 3.0.3 → 3.0.5

package/dist/lib/hms/hms-fire-icon-manager.js

@@ -1,39 +1,30 @@
-import { asDataURI as e, fireIcon as t } from "../map/icons.js";
-import { MapIconManager as n } from "../map/integrations/map-icon-manager.js";
-//#region src/lib/hms/hms-fire-icon-manager.ts
-var r = {
-	sm: {
-		color: "#FFD700",
-		size: 20
-	},
-	md: {
-		color: "#FF8C00",
-		size: 24
-	},
-	lg: {
-		color: "#FF4500",
-		size: 28
-	},
-	xl: {
-		color: "#DC143C",
-		size: 32
-	},
-	xxl: {
-		color: "#8B0000",
-		size: 36
-	}
+import { asDataURI, fireIcon } from "../map/icons.ts";
+import { MapIconManager } from "../map/integrations/map-icon-manager.ts";
+const FRP_TIERS = {
+    sm: { color: "#FFD700", size: 20 },
+    md: { color: "#FF8C00", size: 24 },
+    lg: { color: "#FF4500", size: 28 },
+    xl: { color: "#DC143C", size: 32 },
+    xxl: { color: "#8B0000", size: 36 }
 };
-function i(e) {
-	return e < 10 ? "hms-fire-sm" : e < 50 ? "hms-fire-md" : e < 150 ? "hms-fire-lg" : e < 350 ? "hms-fire-xl" : "hms-fire-xxl";
+export function getTierIconId(frp) {
+    if (frp < 10)
+        return "hms-fire-sm";
+    if (frp < 50)
+        return "hms-fire-md";
+    if (frp < 150)
+        return "hms-fire-lg";
+    if (frp < 350)
+        return "hms-fire-xl";
+    return "hms-fire-xxl";
+}
+export class HMSFireIconManager extends MapIconManager {
+    constructor() {
+        super();
+        for (const [tier, { color, size }] of Object.entries(FRP_TIERS)) {
+            const img = new Image(size, size);
+            img.src = asDataURI(fireIcon(color, size));
+            this.register(`hms-fire-${tier}`, img);
+        }
+    }
 }
-var a = class extends n {
-	constructor() {
-		super();
-		for (let [n, { color: i, size: a }] of Object.entries(r)) {
-			let r = new Image(a, a);
-			r.src = e(t(i, a)), this.register(`hms-fire-${n}`, r);
-		}
-	}
-};
-//#endregion
-export { a as HMSFireIconManager, i as getTierIconId };

package/dist/lib/hms/hms-fire-map-integration.svelte.d.ts

@@ -0,0 +1,23 @@
+import type { Map as MaptilerMap } from "@maptiler/sdk";
+import type { Feature } from "geojson";
+import type { Point } from "geojson";
+import { MapIconLayerIntegration } from "../map/integrations/map-geojson-integration.svelte.ts";
+import { HMSFireIconManager } from "./hms-fire-icon-manager.ts";
+type FireProperties = Record<string, unknown>;
+declare class HMSFireMapIntegration extends MapIconLayerIntegration<FireProperties> {
+    referenceId: string;
+    enabled: boolean;
+    icons: HMSFireIconManager;
+    private zoomedIn;
+    get features(): Array<Feature<Point, FireProperties>>;
+    get mapLayer(): Parameters<MaptilerMap["addLayer"]>[0];
+    get mapSource(): Parameters<MaptilerMap["addSource"]>[1];
+    private get groupFeatures();
+    private get hotspotFeatures();
+    private onZoom;
+    constructor();
+    apply(): void;
+    remove(): void;
+}
+export declare const hmsFireMapIntegration: HMSFireMapIntegration;
+export type { HMSFireMapIntegration };

package/dist/lib/hms/hms-fire-map-integration.svelte.js

@@ -1,97 +1,94 @@
-import { mapManager as e } from "../map/map.svelte.js";
-import { MapIconLayerIntegration as t } from "../map/integrations/map-geojson-integration.svelte.js";
-import { hmsManager as n } from "./hms.svelte.js";
-import { HMSFireIconManager as r, getTierIconId as i } from "./hms-fire-icon-manager.js";
-import * as a from "svelte/internal/client";
-//#region src/lib/hms/hms-fire-map-integration.svelte.ts
-var o = 10, s = new class extends t {
-	referenceId = "hms-fire";
-	#e = a.state(!0);
-	get enabled() {
-		return a.get(this.#e);
-	}
-	set enabled(e) {
-		a.set(this.#e, e, !0);
-	}
-	icons = new r();
-	#t = a.state(!1);
-	get zoomedIn() {
-		return a.get(this.#t);
-	}
-	set zoomedIn(e) {
-		a.set(this.#t, e, !0);
-	}
-	get features() {
-		return this.zoomedIn ? this.hotspotFeatures : this.groupFeatures;
-	}
-	get mapLayer() {
-		return {
-			id: this.referenceId,
-			type: "symbol",
-			source: this.referenceId,
-			layout: {
-				"icon-image": ["get", "icon"],
-				"icon-allow-overlap": !0,
-				"icon-ignore-placement": !0
-			},
-			paint: {}
-		};
-	}
-	get mapSource() {
-		return {
-			type: "geojson",
-			promoteId: "id",
-			data: {
-				type: "FeatureCollection",
-				features: this.features
-			}
-		};
-	}
-	get groupFeatures() {
-		return (n.fireGroups ?? []).map((e) => ({
-			type: "Feature",
-			properties: {
-				id: e.id,
-				icon: i(e.avgFrp),
-				avgFrp: e.avgFrp,
-				count: e.count
-			},
-			geometry: {
-				type: "Point",
-				coordinates: e.coordinates
-			}
-		}));
-	}
-	get hotspotFeatures() {
-		return (n.fire ?? []).map((e) => ({
-			type: "Feature",
-			properties: {
-				id: e.id,
-				icon: i(e.frp),
-				frp: e.frp
-			},
-			geometry: e.geometry
-		}));
-	}
-	onZoom = () => {
-		e.map && (this.zoomedIn = e.map.getZoom() >= o);
-	};
-	constructor() {
-		super(), a.effect_root(() => {
-			a.user_effect(() => {
-				let t = this.features;
-				!e.map || !this.enabled || e.setDataSource(this.referenceId, t);
-			});
-		});
-	}
-	apply() {
-		e.map && this.icons.loadIcons().then(() => {
-			!e.map || !this.enabled || (this.remove(), this.zoomedIn = e.map.getZoom() >= o, e.map.addSource(this.referenceId, this.mapSource), e.map.addLayer(this.mapLayer, this.beforeLayer), e.map.on("zoom", this.onZoom));
-		}).catch(console.error);
-	}
-	remove() {
-		e.map?.off("zoom", this.onZoom), super.remove();
-	}
-}();
-//#endregion
-export { s as hmsFireMapIntegration };
+import { mapManager } from "../map/map.svelte.ts";
+import { MapIconLayerIntegration } from "../map/integrations/map-geojson-integration.svelte.ts";
+import { hmsManager } from "./hms.svelte.ts";
+import { HMSFireIconManager, getTierIconId } from "./hms-fire-icon-manager.ts";
+const ZOOM_THRESHOLD = 10;
+class HMSFireMapIntegration extends MapIconLayerIntegration {
+    referenceId = "hms-fire";
+    enabled = $state(true);
+    icons = new HMSFireIconManager();
+    zoomedIn = $state(false);
+    get features() {
+        return this.zoomedIn ? this.hotspotFeatures : this.groupFeatures;
+    }
+    get mapLayer() {
+        return {
+            id: this.referenceId,
+            type: "symbol",
+            source: this.referenceId,
+            layout: {
+                "icon-image": ["get", "icon"],
+                "icon-allow-overlap": true,
+                "icon-ignore-placement": true
+            },
+            paint: {}
+        };
+    }
+    get mapSource() {
+        return {
+            type: "geojson",
+            promoteId: "id",
+            data: { type: "FeatureCollection", features: this.features }
+        };
+    }
+    get groupFeatures() {
+        return (hmsManager.fireGroups ?? []).map((g) => ({
+            type: "Feature",
+            properties: {
+                id: g.id,
+                icon: getTierIconId(g.avgFrp),
+                avgFrp: g.avgFrp,
+                count: g.count
+            },
+            geometry: { type: "Point", coordinates: g.coordinates }
+        }));
+    }
+    get hotspotFeatures() {
+        return (hmsManager.fire ?? []).map((d) => ({
+            type: "Feature",
+            properties: {
+                id: d.id,
+                icon: getTierIconId(d.frp),
+                frp: d.frp
+            },
+            geometry: d.geometry
+        }));
+    }
+    onZoom = () => {
+        if (!mapManager.map)
+            return;
+        this.zoomedIn = mapManager.map.getZoom() >= ZOOM_THRESHOLD;
+    };
+    constructor() {
+        super();
+        $effect.root(() => {
+            $effect(() => {
+                const features = this.features;
+                if (!mapManager.map || !this.enabled)
+                    return;
+                mapManager.setDataSource(this.referenceId, features);
+            });
+        });
+    }
+    apply() {
+        if (!mapManager.map)
+            return;
+        this.icons
+            .loadIcons()
+            .then(() => {
+            if (!mapManager.map || !this.enabled)
+                return;
+            this.remove();
+            this.zoomedIn = mapManager.map.getZoom() >= ZOOM_THRESHOLD;
+            mapManager.map.addSource(this.referenceId, this.mapSource);
+            mapManager.map.addLayer(this.mapLayer, this.beforeLayer);
+            mapManager.map.on("zoom", this.onZoom);
+        })
+            .catch(console.error);
+    }
+    remove() {
+        mapManager.map?.off("zoom", this.onZoom);
+        super.remove();
+    }
+}
+export const hmsFireMapIntegration = new HMSFireMapIntegration();

package/dist/lib/hms/hms-smoke-map-integration.svelte.d.ts

@@ -0,0 +1,19 @@
+import type { Map as MaptilerMap } from "@maptiler/sdk";
+import type { Feature, MultiPolygon } from "geojson";
+import type { HMSSmokeGeoJSON } from "@sjvair/sdk/hms";
+import { MapGeoJSONIntegration } from "../map/integrations/map-geojson-integration.svelte.ts";
+type SmokeProperties = {
+    id: string;
+    density: HMSSmokeGeoJSON["density"];
+};
+declare class HMSSmokeMapIntegration extends MapGeoJSONIntegration<SmokeProperties> {
+    referenceId: string;
+    enabled: boolean;
+    get features(): Array<Feature<MultiPolygon, SmokeProperties>>;
+    get mapLayer(): Parameters<MaptilerMap["addLayer"]>[0];
+    get mapSource(): Parameters<MaptilerMap["addSource"]>[1];
+    constructor();
+    apply(): void;
+}
+export declare const hmsSmokeMapIntegration: HMSSmokeMapIntegration;
+export type { HMSSmokeMapIntegration };

package/dist/lib/hms/hms-smoke-map-integration.svelte.js

@@ -1,84 +1,68 @@
-import { mapManager as e } from "../map/map.svelte.js";
-import { MapGeoJSONIntegration as t } from "../map/integrations/map-geojson-integration.svelte.js";
-import { hmsManager as n } from "./hms.svelte.js";
-import * as r from "svelte/internal/client";
-var i = new class extends t {
-	referenceId = "hms-smoke";
-	#e = r.state(!0);
-	get enabled() {
-		return r.get(this.#e);
-	}
-	set enabled(e) {
-		r.set(this.#e, e, !0);
-	}
-	get features() {
-		return (n.smoke ?? []).map((e) => ({
-			type: "Feature",
-			properties: {
-				id: e.id,
-				density: e.density
-			},
-			geometry: e.geometry
-		}));
-	}
-	get mapLayer() {
-		return {
-			id: this.referenceId,
-			type: "fill",
-			source: this.referenceId,
-			layout: {},
-			paint: {
-				"fill-color": [
-					"match",
-					["get", "density"],
-					"light",
-					"#bfc8c3",
-					"medium",
-					"#757b78",
-					"#333634"
-				],
-				"fill-opacity": [
-					"match",
-					["get", "density"],
-					"light",
-					.2,
-					"medium",
-					.3,
-					.4
-				],
-				"fill-outline-color": [
-					"match",
-					["get", "density"],
-					"light",
-					"#bfc8c3",
-					"medium",
-					"#757b78",
-					"#333634"
-				]
-			}
-		};
-	}
-	get mapSource() {
-		return {
-			type: "geojson",
-			promoteId: "id",
-			data: {
-				type: "FeatureCollection",
-				features: this.features
-			}
-		};
-	}
-	constructor() {
-		super(), r.effect_root(() => {
-			r.user_effect(() => {
-				let t = this.features;
-				!e.map || !this.enabled || e.setDataSource(this.referenceId, t);
-			});
-		});
-	}
-	apply() {
-		e.map && (this.remove(), e.map.addSource(this.referenceId, this.mapSource), super.apply());
-	}
-}();
-//#endregion
-export { i as hmsSmokeMapIntegration };
+import { mapManager } from "../map/map.svelte.ts";
+import { MapGeoJSONIntegration } from "../map/integrations/map-geojson-integration.svelte.ts";
+import { hmsManager } from "./hms.svelte.ts";
+class HMSSmokeMapIntegration extends MapGeoJSONIntegration {
+    referenceId = "hms-smoke";
+    enabled = $state(true);
+    get features() {
+        return (hmsManager.smoke ?? []).map((d) => ({
+            type: "Feature",
+            properties: {
+                id: d.id,
+                density: d.density
+            },
+            geometry: d.geometry
+        }));
+    }
+    get mapLayer() {
+        return {
+            id: this.referenceId,
+            type: "fill",
+            source: this.referenceId,
+            layout: {},
+            paint: {
+                "fill-color": ["match", ["get", "density"],
+                    "light", "#bfc8c3",
+                    "medium", "#757b78",
+                    "#333634"
+                ],
+                "fill-opacity": ["match", ["get", "density"],
+                    "light", 0.2,
+                    "medium", 0.3,
+                    0.4
+                ],
+                "fill-outline-color": ["match", ["get", "density"],
+                    "light", "#bfc8c3",
+                    "medium", "#757b78",
+                    "#333634"
+                ]
+            }
+        };
+    }
+    get mapSource() {
+        return {
+            type: "geojson",
+            promoteId: "id",
+            data: { type: "FeatureCollection", features: this.features }
+        };
+    }
+    constructor() {
+        super();
+        $effect.root(() => {
+            $effect(() => {
+                const features = this.features;
+                if (!mapManager.map || !this.enabled)
+                    return;
+                mapManager.setDataSource(this.referenceId, features);
+            });
+        });
+    }
+    apply() {
+        if (!mapManager.map)
+            return;
+        this.remove();
+        mapManager.map.addSource(this.referenceId, this.mapSource);
+        super.apply();
+    }
+}
+export const hmsSmokeMapIntegration = new HMSSmokeMapIntegration();

package/dist/lib/hms/hms.svelte.d.ts

@@ -0,0 +1,19 @@
+import { type HMSFireGeoJSON, type HMSSmokeGeoJSON } from "@sjvair/sdk/hms";
+export interface HMSFireGroup {
+    id: string;
+    coordinates: [number, number];
+    avgFrp: number;
+    count: number;
+}
+declare class HmsManager {
+    smoke: Array<HMSSmokeGeoJSON> | undefined;
+    fire: Array<HMSFireGeoJSON & {
+        frp: number;
+    }> | undefined;
+    fireGroups: Array<HMSFireGroup> | undefined;
+    init(): Promise<void>;
+    loadSmoke(): Promise<void>;
+    loadFire(): Promise<void>;
+}
+export declare const hmsManager: HmsManager;
+export type { HmsManager as HMSManager };