@sjvair/monitor-map 3.1.0 → 3.2.1

package/dist/lib/data-chart/chart-utils.js

@@ -95,6 +95,7 @@ function getSeriesConfigs(monitorType) {
         case "aqview":
         case "bam1022":
         case "vozbox":
+        case "aqlite":
             return [baseXSeriesConfig, singleSeriesConfig];
         case "airgradient":
         case "purpleair":

package/dist/lib/monitors/monitor-utils.js

@@ -18,6 +18,8 @@ export function getOrder(monitor) {
             return monitor.is_sjvair ? 4 : 1;
         case "vozbox":
             return 7;
+        case "aqlite":
+            return 8;
         default:
             throw new Error(`Map ordering for ${monitor.device} has not been set`);
     }
@@ -29,6 +31,7 @@ export function getTypeShape(type) {
         case "airnow":
         case "aqview":
         case "bam1022":
+        case "aqlite":
             return "triangle";
         case "purpleair":
             return "square";

package/dist/lib/monitors/monitors-icon-manager.svelte.js

@@ -19,6 +19,8 @@ export function getIconId(monitor, level) {
             return `${id}-${monitor.is_sjvair ? "circle" : "square"}`;
         case "vozbox":
             return `${id}-circle`;
+        case "aqlite":
+            return `${id}-triangle`;
         default:
             throw new Error(`Map icon for ${monitor.device} has not been set`);
     }

package/dist/lib/monitors/monitors-map-integration.svelte.d.ts

@@ -19,6 +19,7 @@ declare class MonitorsMapIntegration extends MapIconLayerIntegration<MonitorMark
         bam1022: MapDisplayOption;
         airnow: MapDisplayOption;
         vozbox: MapDisplayOption;
+        aqlite: MapDisplayOption;
         inactive: MapDisplayOption;
         inside: MapDisplayOption;
     };

package/dist/lib/monitors/monitors-map-integration.svelte.js

@@ -33,6 +33,7 @@ class MonitorsMapIntegration extends MapIconLayerIntegration {
         bam1022: new MapDisplayOption("SJVAir FEM", true, this.icons.get("outside-display-triangle")),
         airnow: new MapDisplayOption("AirNow", true, this.icons.get("outside-display-triangle")),
         vozbox: new MapDisplayOption("VOZbox", true, this.icons.get("outside-display-circle")),
+        aqlite: new MapDisplayOption("AQLite", true, this.icons.get("outside-display-triangle")),
         inactive: new MapDisplayOption("Inactive", false, this.icons.get("outside-default-square")),
         inside: new MapDisplayOption("Inside", false, this.icons.get("inside-display-square"))
     }));
@@ -103,6 +104,8 @@ class MonitorsMapIntegration extends MapIconLayerIntegration {
             monitorFilters.push(filters.monitor("airnow"));
         if (this.displayOptions.vozbox.value)
             monitorFilters.push(filters.monitor("vozbox"));
+        if (this.displayOptions.aqlite.value)
+            monitorFilters.push(filters.monitor("aqlite"));
         if (this.displayOptions.sjvair.value)
             monitorFilters.push(filters.sjvPurpleair(), filters.monitor("airgradient"));
         if (this.displayOptions.inside.value)
@@ -129,7 +132,8 @@ class MonitorsMapIntegration extends MapIconLayerIntegration {
                 aqview: opts.aqview.value,
                 bam1022: opts.bam1022.value,
                 airnow: opts.airnow.value,
-                vozbox: opts.vozbox.value
+                vozbox: opts.vozbox.value,
+                aqlite: opts.aqlite.value
             };
             if (!(typeVisible[p.type] ?? true))
                 continue;

package/dist/lib/search/Search.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { onDestroy } from "svelte";
 	import { Marker } from "@maptiler/sdk";
-	import { SearchIcon } from "@lucide/svelte";
+	import { MapPinIcon, SearchIcon } from "@lucide/svelte";
 	import { useMonitorMapRouter } from "../router-context";
 	import { mapManager } from "../map/map.svelte";
 	import { debounce } from "../utils";
@@ -169,9 +169,9 @@
 				{@const comma = result.feature.place_name.indexOf(",")}
 				<button
 					onclick={() => selectGeocode(result)}
-					class="flex h-12 w-full items-center bg-white px-4 text-left hover:brightness-95"
+					class="flex h-12 w-full items-center gap-3 bg-white px-4 text-left hover:brightness-95"
 				>
-					<span class="svg-icon location-on bg-brand mr-3 h-6 w-6 shrink-0"></span>
+					<MapPinIcon class="text-brand h-6 w-6 shrink-0" />
 					<div class="min-w-0">
 						<p class="truncate text-sm font-medium">
 							{result.feature.place_name.substring(0, comma < 0 ? undefined : comma)}

package/package.json

@@ -1,7 +1,11 @@
 {
 	"name": "@sjvair/monitor-map",
 	"description": "SJVAir's interactive monitor map",
-	"version": "3.1.0",
+	"version": "3.2.1",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/SJVAir/monitor-map"
+	},
 	"scripts": {
 		"dev": "vite dev",
 		"build:local": "PROD_MODE=local vite build",
@@ -67,7 +71,7 @@
 		"@lucide/svelte": "^1.28.0",
 		"@maptiler/sdk": "^4.1.0",
 		"@maptiler/weather": "^3.1.1",
-		"@sjvair/sdk": "npm:@jsr/sjvair__sdk@^3.1.0",
+		"@sjvair/sdk": "npm:@jsr/sjvair__sdk@^3.2.0",
 		"@tstk/builtin-extensions": "npm:@jsr/tstk__builtin-extensions@^1.0.8",
 		"@tstk/utils": "npm:@jsr/tstk__utils@^1.1.2",
 		"@turf/area": "^7.4.0",

package/src/lib/data-chart/chart-utils.ts

@@ -115,6 +115,7 @@ function getSeriesConfigs(monitorType: MonitorType) {
 		case "aqview":
 		case "bam1022":
 		case "vozbox":
+		case "aqlite":
 			return [baseXSeriesConfig, singleSeriesConfig];
 
 		case "airgradient":

package/src/lib/monitors/monitor-utils.ts

@@ -30,6 +30,9 @@ export function getOrder(monitor: MonitorData): number {
 		case "vozbox":
 			return 7;
 
+		case "aqlite":
+			return 8;
+
 		default:
 			throw new Error(`Map ordering for ${monitor.device} has not been set`);
 	}
@@ -43,6 +46,7 @@ export function getTypeShape(type: string): string {
 		case "airnow":
 		case "aqview":
 		case "bam1022":
+		case "aqlite":
 			return "triangle";
 
 		case "purpleair":

package/src/lib/monitors/monitors-icon-manager.svelte.ts

@@ -27,6 +27,9 @@ export function getIconId<T extends MonitorData>(monitor: T, level: SJVAirEntryL
 		case "vozbox":
 			return `${id}-circle`;
 
+		case "aqlite":
+			return `${id}-triangle`;
+
 		default:
 			throw new Error(`Map icon for ${monitor.device} has not been set`);
 	}

package/src/lib/monitors/monitors-map-integration.svelte.ts

@@ -45,6 +45,7 @@ class MonitorsMapIntegration extends MapIconLayerIntegration<MonitorMarkerProper
 		bam1022: new MapDisplayOption("SJVAir FEM", true, this.icons.get("outside-display-triangle")),
 		airnow: new MapDisplayOption("AirNow", true, this.icons.get("outside-display-triangle")),
 		vozbox: new MapDisplayOption("VOZbox", true, this.icons.get("outside-display-circle")),
+		aqlite: new MapDisplayOption("AQLite", true, this.icons.get("outside-display-triangle")),
 		inactive: new MapDisplayOption("Inactive", false, this.icons.get("outside-default-square")),
 		inside: new MapDisplayOption("Inside", false, this.icons.get("inside-display-square"))
 	}));
@@ -119,6 +120,7 @@ class MonitorsMapIntegration extends MapIconLayerIntegration<MonitorMarkerProper
 		if (this.displayOptions.bam1022.value) monitorFilters.push(filters.monitor("bam1022"));
 		if (this.displayOptions.airnow.value) monitorFilters.push(filters.monitor("airnow"));
 		if (this.displayOptions.vozbox.value) monitorFilters.push(filters.monitor("vozbox"));
+		if (this.displayOptions.aqlite.value) monitorFilters.push(filters.monitor("aqlite"));
 		if (this.displayOptions.sjvair.value)
 			monitorFilters.push(filters.sjvPurpleair(), filters.monitor("airgradient"));
 		if (this.displayOptions.inside.value)
@@ -147,7 +149,8 @@ class MonitorsMapIntegration extends MapIconLayerIntegration<MonitorMarkerProper
 				aqview: opts.aqview.value,
 				bam1022: opts.bam1022.value,
 				airnow: opts.airnow.value,
-				vozbox: opts.vozbox.value
+				vozbox: opts.vozbox.value,
+				aqlite: opts.aqlite.value
 			};
 			if (!(typeVisible[p.type] ?? true)) continue;
 

package/src/lib/search/Search.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { onDestroy } from "svelte";
 	import { Marker } from "@maptiler/sdk";
-	import { SearchIcon } from "@lucide/svelte";
+	import { MapPinIcon, SearchIcon } from "@lucide/svelte";
 	import { useMonitorMapRouter } from "../router-context";
 	import { mapManager } from "$lib/map/map.svelte";
 	import { debounce } from "$lib/utils";
@@ -169,9 +169,9 @@
 				{@const comma = result.feature.place_name.indexOf(",")}
 				<button
 					onclick={() => selectGeocode(result)}
-					class="flex h-12 w-full items-center bg-white px-4 text-left hover:brightness-95"
+					class="flex h-12 w-full items-center gap-3 bg-white px-4 text-left hover:brightness-95"
 				>
-					<span class="svg-icon location-on bg-brand mr-3 h-6 w-6 shrink-0"></span>
+					<MapPinIcon class="text-brand h-6 w-6 shrink-0" />
 					<div class="min-w-0">
 						<p class="truncate text-sm font-medium">
 							{result.feature.place_name.substring(0, comma < 0 ? undefined : comma)}