@sjvair/monitor-map 3.0.0 → 3.0.1

package/dist/lib/src/MapView.js

@@ -0,0 +1,7 @@
+import "svelte/internal/client";
+import "svelte/internal/disclose-version";
+import "svelte/internal/flags/legacy";
+//#region src/MapView.svelte
+function e(e) {}
+//#endregion
+export { e as default };

package/dist/lib/src/MonitorDetailPanel.js

@@ -0,0 +1,169 @@
+import { navigate as e, route as t } from "./router.js";
+import { monitorsManager as n } from "../monitors/monitors.svelte.js";
+import { getCurrentLevel as r } from "../monitors/monitor-utils.js";
+import i from "../components/DataBox.js";
+import a from "../monitors/components/MonitorWidgetModal.js";
+import o from "../monitors/components/MonitorSubscriptionManager.js";
+import s from "../data-chart/DataChart.js";
+import { fetchTempByCoords as c } from "../weather.js";
+import { Colors as l, valueToColor as u } from "../colors.js";
+import * as d from "svelte/internal/client";
+import "svelte/internal/disclose-version";
+//#region src/MonitorDetailPanel.svelte
+var f = (e, t = d.noop, n = d.noop, r) => {
+	let i = d.derived_safe_equal(() => d.fallback(r?.(), () => ({}), !0));
+	var a = h(), o = d.child(a), s = d.sibling(o, 2), c = (e) => {
+		var t = p(), r = d.child(t, !0);
+		d.reset(t), d.template_effect(() => {
+			d.set_attribute(t, "href", d.get(i).href), d.set_text(r, n());
+		}), d.append(e, t);
+	}, l = (e) => {
+		var t = m(), r = d.child(t, !0);
+		d.reset(t), d.template_effect(() => {
+			d.set_class(t, 1, d.clsx(["text-xs whitespace-nowrap", d.get(i).labelColorClass ?? "text-black/70"])), d.set_text(r, n());
+		}), d.append(e, t);
+	};
+	d.if(s, (e) => {
+		d.get(i).href ? e(c) : e(l, -1);
+	}), d.reset(a), d.template_effect(() => {
+		d.set_class(a, 1, `flex items-center justify-center gap-1 rounded-sm border px-1 py-0.5
+    ${d.get(i).bgClass ?? "bg-neutral-100" ?? ""}`), d.set_class(o, 1, d.clsx([
+			"svg-icon",
+			t(),
+			d.get(i).iconColorClass ?? "bg-black/70"
+		]));
+	}), d.append(e, a);
+}, p = d.from_html("<a class=\"text-link text-xs\" target=\"_blank\" translate=\"no\"> </a>"), m = d.from_html("<span translate=\"no\"> </span>"), h = d.from_html("<span><span></span> <!></span>"), g = d.from_html("<h2 class=\"text-center text-3xl font-semibold\"> </h2> <div class=\"flex flex-wrap items-center justify-center gap-4\"><!> <!> <!> <!> <!></div>", 1), _ = d.from_html("<a class=\"text-link\" target=\"_blank\"> </a>"), v = d.from_html("<span> </span>"), y = d.from_html("<li><!></li>"), b = d.from_html("<div class=\"flex w-full justify-around\"><!> <!></div> <!> <!> <div class=\"w-full\"><!></div> <div class=\"w-full\"><h3 class=\"font-semibold\">Data Provided Courtesy Of:</h3> <ul></ul></div>", 1), x = d.from_html("<div class=\"flex h-full w-full flex-col overflow-y-auto bg-white\"><div class=\"flex flex-col items-center justify-center gap-8 border-b border-gray-200 p-4 shadow-lg\"><button class=\"cursor-pointer self-end rounded border border-gray-300 px-2 py-1 text-sm hover:bg-gray-50\">✕ Close</button> <!></div> <div class=\"flex flex-col items-center gap-12 overflow-y-auto p-5 pt-10\"><!></div></div>");
+function S(p, m) {
+	d.push(m, !0);
+	let h = d.derived(() => n.latest?.get(t.params.id ?? "")), S = d.state(void 0), C = d.derived(() => {
+		if (!d.get(h) || !n.meta) return;
+		let e = n.meta.entryType(d.get(h).latest.entry_type), t = r(d.get(h).latest.value, e.asIter.levels), i = n.meta.monitorType(d.get(h).type).expected_interval;
+		return {
+			color: t?.color ?? "",
+			header: e.label,
+			subheading: `(${i} avg)`,
+			value: Math.round(parseInt(d.get(h).latest.value, 10)).toString()
+		};
+	}), w = [
+		{
+			min: -Infinity,
+			color: l.blue
+		},
+		{
+			min: 65,
+			color: l.green
+		},
+		{
+			min: 78,
+			color: l.yellow
+		},
+		{
+			min: 95,
+			color: l.red
+		}
+	];
+	d.user_effect(() => {
+		d.get(h) && d.get(h).position && c(d.get(h).position.coordinates).then((e) => {
+			d.set(S, {
+				value: `${e}°F`,
+				color: u(e, w)
+			}, !0);
+		});
+	});
+	var T = x(), E = d.child(T), D = d.child(E), O = d.sibling(D, 2), k = (e) => {
+		var t = g(), n = d.first_child(t), r = d.child(n, !0);
+		d.reset(n);
+		var i = d.sibling(n, 2), a = d.child(i), o = (e) => {
+			f(e, () => "lungs", () => "SJVAir", () => ({
+				bgClass: "bg-aqua-haze",
+				iconColorClass: "bg-sky-600",
+				labelColorClass: "text-sky-600"
+			}));
+		};
+		d.if(a, (e) => {
+			d.get(h).is_sjvair && e(o);
+		});
+		var s = d.sibling(a, 2);
+		f(s, () => "rss-feed", () => d.get(h).data_source.name, () => ({ href: d.get(h).data_source.url }));
+		var c = d.sibling(s, 2);
+		f(c, () => "router", () => d.get(h).device);
+		var l = d.sibling(c, 2);
+		f(l, () => "location-on", () => d.get(h).county), f(d.sibling(l, 2), () => "location-searching", () => d.get(h).location), d.reset(i), d.template_effect(() => d.set_text(r, d.get(h).name)), d.append(e, t);
+	};
+	d.if(O, (e) => {
+		d.get(h) && e(k);
+	}), d.reset(E);
+	var A = d.sibling(E, 2), j = d.child(A), M = (e) => {
+		var t = b(), n = d.first_child(t), r = d.child(n), c = (e) => {
+			i(e, {
+				get color() {
+					return d.get(S).color;
+				},
+				header: "Temperature",
+				get value() {
+					return d.get(S).value;
+				}
+			});
+		};
+		d.if(r, (e) => {
+			d.get(S) && e(c);
+		});
+		var l = d.sibling(r, 2), u = (e) => {
+			i(e, {
+				get color() {
+					return d.get(C).color;
+				},
+				get header() {
+					return d.get(C).header;
+				},
+				get subheading() {
+					return d.get(C).subheading;
+				},
+				get value() {
+					return d.get(C).value;
+				}
+			});
+		};
+		d.if(l, (e) => {
+			d.get(C) && e(u);
+		}), d.reset(n);
+		var f = d.sibling(n, 2);
+		a(f, { get monitorId() {
+			return d.get(h).id;
+		} });
+		var p = d.sibling(f, 2), m = (e) => {
+			o(e, { get monitorId() {
+				return d.get(h).id;
+			} });
+		};
+		d.if(p, (e) => {
+			globalThis.USER?.is_authenticated && e(m);
+		});
+		var g = d.sibling(p, 2);
+		s(d.child(g), { get monitor() {
+			return d.get(h);
+		} }), d.reset(g);
+		var x = d.sibling(g, 2), w = d.sibling(d.child(x), 2);
+		d.each(w, 21, () => d.get(h).data_providers, d.index, (e, t) => {
+			var n = y(), r = d.child(n), i = (e) => {
+				var n = _(), r = d.child(n, !0);
+				d.reset(n), d.template_effect(() => {
+					d.set_attribute(n, "href", d.get(t).url), d.set_text(r, d.get(t).name);
+				}), d.append(e, n);
+			}, a = (e) => {
+				var n = v(), r = d.child(n, !0);
+				d.reset(n), d.template_effect(() => d.set_text(r, d.get(t).name)), d.append(e, n);
+			};
+			d.if(r, (e) => {
+				d.get(t).url ? e(i) : e(a, -1);
+			}), d.reset(n), d.append(e, n);
+		}), d.reset(w), d.reset(x), d.append(e, t);
+	};
+	d.if(j, (e) => {
+		d.get(h) && e(M);
+	}), d.reset(A), d.reset(T), d.delegated("click", D, () => e("/")), d.append(p, T), d.pop();
+}
+d.delegate(["click"]);
+//#endregion
+export { S as default };

package/dist/lib/src/router.js

@@ -0,0 +1,9 @@
+import e from "./MapView.js";
+import { createRouter as t } from "sv-router";
+//#region src/router.ts
+var { p: n, navigate: r, isActive: i, route: a } = t({
+	"/": e,
+	"/monitor/:id": () => import("./MonitorDetailPanel.js")
+});
+//#endregion
+export { r as navigate, a as route };

package/dist/lib/utils.js

@@ -0,0 +1,8 @@
+import e from "./node_modules/clsx/dist/clsx.js";
+import { twMerge as t } from "./node_modules/tailwind-merge/dist/bundle-mjs.js";
+//#region src/lib/utils.ts
+function n(...n) {
+	return t(e(n));
+}
+//#endregion
+export { n as cn };

package/dist/lib/weather.js

@@ -0,0 +1,8 @@
+//#region src/lib/weather.ts
+async function e(e) {
+	if (e.length !== 2) throw Error("Invalid coordinates provided for fetching temperature");
+	let t = `https://api.weather.gov/points/${e.toReversed().join(",")}`;
+	return fetch(t).then((e) => e.json()).then(async (e) => (await fetch(e.properties.forecastHourly).then((e) => e.json())).properties.periods[0].temperature);
+}
+//#endregion
+export { e as fetchTempByCoords };

package/dist/lib/wind/wind.svelte.js

@@ -0,0 +1,21 @@
+import { MapLayerIntegration as e } from "../map/integrations/map-layer-integration.svelte.js";
+import { baseLayerSeperator as t } from "../map/integrations/base-layer-seperator.js";
+import * as n from "svelte/internal/client";
+import { WindLayer as r } from "@maptiler/weather";
+var i = new class extends e {
+	referenceId = "MapTiler Wind";
+	beforeLayer = t.referenceId;
+	#e = n.state(!1);
+	get enabled() {
+		return n.get(this.#e);
+	}
+	set enabled(e) {
+		n.set(this.#e, e, !0);
+	}
+	mapLayer = new r({
+		id: this.referenceId,
+		opacity: .5
+	});
+}();
+//#endregion
+export { i as windMapIntegration };

package/dist/monitor-map/MonitorDetailPanel.css

@@ -0,0 +1 @@
+@keyframes svelte-1j6xa4t-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@scope (#SJVAirMonitorMap){.backdrop.svelte-1j6xa4t{width:100%}.backdrop.expanded.svelte-1j6xa4t{z-index:9000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chart-panel.svelte-1j6xa4t{flex-direction:column;gap:1rem;width:100%;padding:.5rem 0 1rem;display:flex;position:relative}.chart-panel.expanded.svelte-1j6xa4t{background:#fff;border-radius:.5rem;width:90%;height:68vh;padding:1rem;box-shadow:0 4px 6px -1px #0000001a}.chart-area.svelte-1j6xa4t{flex-direction:column;height:375px;display:flex}.chart-panel.expanded.svelte-1j6xa4t .chart-area:where(.svelte-1j6xa4t){flex:1;height:auto;min-height:0}.chart-canvas.svelte-1j6xa4t{flex:1;min-height:0}.spin.svelte-1j6xa4t{animation:1s linear infinite svelte-1j6xa4t-spinner;display:inline-block}}