signalk-tides 2.2.1 → 2.3.0

package/.github/workflows/release.yml

@@ -20,6 +20,21 @@ jobs:
           node-version-file: .github/mise.node24.toml # npm >= 11.5.1 for trusted publishing
           registry-url: https://registry.npmjs.org
 
+      # Before anything installs, so a preview build is neither run nor published.
+      # Overrides don't reach people installing the plugin, so these specs are
+      # what they get.
+      - name: Refuse dependencies from outside the registry
+        run: |
+          node -e '
+            const { dependencies = {}, optionalDependencies = {} } = require("./package.json");
+            const outside = Object.entries({ ...dependencies, ...optionalDependencies })
+              .filter(([, spec]) => /[:/]/.test(spec));
+            if (outside.length) {
+              console.error("Not from the registry:", Object.fromEntries(outside));
+              process.exit(1);
+            }
+          '
+
       - name: Install dependencies
         run: npm install
 

package/README.md

@@ -21,12 +21,13 @@ It publishes the following [tide data](https://signalk.org/specification/1.7.0/d
 * `environment.tide.timeLow`
 * `environment.tide.heightNow`
 * `environment.tide.stationName`
+* `environment.tide.stationDistance` — metres from the vessel to the station, when it was chosen by position
 * `environment.tide.state` — tide trend, `rising` or `falling`
 * `environment.tide.timeToNextExtreme` — seconds until the next high or low water
 
 ### Tides API
 
-The plugin mounts the [Slackwater API](https://openwaters.io/api/tides/) at `/signalk/v2/api/tides`, which serves station search, extremes, and timeline predictions. The synthetic station `vessel/default` resolves to the configured default station, or the nearest station to the vessel when none is set:
+The plugin mounts the [Slackwater API](https://openwaters.io/api/tides/) at `/signalk/v2/api/tides`, which serves station search, extremes, and timeline predictions. The synthetic station `vessel/default` resolves to the configured default station, or the nearest station with tide predictions within 100 km when none is set or the configured one has no predictions. With none in range, the plugin publishes no tide and says so in its status, and the API answers 404:
 
 ```
 $ curl http://localhost:3000/signalk/v2/api/tides/stations/vessel/default/extremes

package/dist/calculations.js

@@ -1,3 +1,23 @@
+/**
+ * How far from the vessel a station may be and still stand in for its tide. Past
+ * this a station gives a plausible tide for other water, so the plugin publishes
+ * none. Half of the CHS positions with no model have a station that predicts
+ * within 28 km, and 184 of 1,057 have none within 100 km. This project's
+ * definition, not a published figure.
+ */
+export const MAX_STATION_KM = 100;
+/** Whether a location lookup found nothing in range. */
+export function isNoStationNearby(e) {
+    return e instanceof Error && e.message.startsWith("No stations found");
+}
+/** Whether a lookup failed on the id, rather than on loading the database. */
+export function isStationNotFound(e) {
+    return e instanceof Error && e.message.startsWith("Station not found");
+}
+// CHS stations carry identity only, and predicting from one gives a flat zero tide.
+export function hasTideModel(station) {
+    return station.harmonic_constituents.length > 0 || station.offsets !== undefined;
+}
 /**
  * Trend of the tide at `time`: "rising" if the next extreme is a High,
  * "falling" if it is a Low.

package/dist/index.js

@@ -15,7 +15,7 @@
  */
 import { createRoutes } from "@slackwater/api";
 import { findStation, nearestStation, stationsNear } from "slackwater";
-import { tideStateAt, timeToNextExtreme } from "./calculations.js";
+import { MAX_STATION_KM, hasTideModel, isNoStationNearby, isStationNotFound, tideStateAt, timeToNextExtreme, } from "./calculations.js";
 import FileCache from "./cache.js";
 import { withVesselPosition } from "./middleware.js";
 import { PLOTTER_EXTENSION_ID, plotterExtensionManifest, } from "./plotter-extension.js";
@@ -23,6 +23,17 @@ import { PLOTTER_EXTENSION_ID, plotterExtensionManifest, } from "./plotter-exten
 // by slackwater, so this is cheap and needs no configuration.
 const UPDATE_INTERVAL = 60 * 1000; // 1 minute
 const API_PATH = "/signalk/v2/api/tides";
+const TIDE_PATHS = [
+    "environment.tide.stationName",
+    "environment.tide.stationDistance",
+    "environment.tide.heightNow",
+    "environment.tide.state",
+    "environment.tide.timeToNextExtreme",
+    "environment.tide.heightHigh",
+    "environment.tide.timeHigh",
+    "environment.tide.heightLow",
+    "environment.tide.timeLow",
+];
 // Tide heights are water levels, so clients should show them in the user's
 // depth unit. Without a category the server picks one from the unit alone, and
 // for meters that is distance: kilometers or miles, depending on the preset.
@@ -50,7 +61,8 @@ export default function (app) {
         id: "tides",
         name: "Tides",
         description: "Offline tidal predictions for the vessel's position, powered by Slackwater.",
-        schema: () => ({
+        // signalk-server awaits this, but a rejection would fail its whole plugin list
+        schema: async () => ({
             title: "Tides",
             type: "object",
             properties: {
@@ -59,7 +71,7 @@ export default function (app) {
                     title: "Default tide station",
                     description: "Use the closest station to the vessel's current position, or pick a default nearby station.",
                     default: "auto",
-                    oneOf: defaultStationOptions(),
+                    oneOf: await defaultStationOptions(),
                 },
             },
         }),
@@ -70,11 +82,20 @@ export default function (app) {
             activeRouter = null;
         },
     };
-    function defaultStationOptions() {
+    async function defaultStationOptions() {
         const options = [{ const: "auto", title: "Closest station" }];
         if (lastPosition) {
-            for (const station of stationsNear({ ...lastPosition, maxResults: 10 })) {
-                options.push({ const: station.id, title: stationTitle(station) });
+            try {
+                const nearby = await stationsNear({
+                    ...lastPosition,
+                    maxResults: 10,
+                });
+                for (const station of nearby) {
+                    options.push({ const: station.id, title: stationTitle(station) });
+                }
+            }
+            catch (e) {
+                app.error(`Could not list nearby tide stations: ${errorMessage(e)}`);
             }
         }
         // Keep the saved station selectable even when it is not in the nearby
@@ -84,10 +105,16 @@ export default function (app) {
         if (saved && saved !== "auto" && !options.some((o) => o.const === saved)) {
             let title = saved;
             try {
-                title = stationTitle(findStation(saved));
+                const station = await findStation(saved);
+                title = hasTideModel(station)
+                    ? stationTitle(station)
+                    : `${stationTitle(station)} (no tide predictions)`;
             }
-            catch {
+            catch (e) {
                 // Unknown id: keep the raw value as the label
+                if (!isStationNotFound(e)) {
+                    app.error(`Could not load saved tide station: ${errorMessage(e)}`);
+                }
             }
             options.splice(1, 0, { const: saved, title });
         }
@@ -121,7 +148,18 @@ export default function (app) {
             return undefined;
         }
     }
-    async function start(options) {
+    // Not async: signalk-server only rolls back a start() that throws synchronously,
+    // and that rollback does not call stop().
+    function start(options) {
+        try {
+            startPublishing(options);
+        }
+        catch (e) {
+            plugin.stop();
+            throw e;
+        }
+    }
+    function startPublishing(options) {
         app.debug("Starting tides");
         config = (options ?? {});
         void suggestDepthUnits();
@@ -129,6 +167,13 @@ export default function (app) {
         // extremes and the current height are always read from the same station.
         let lastForecast = null;
         let lastPredictor = null;
+        let latestUpdate = 0;
+        let stopped = false;
+        let tidesCleared = false;
+        let positionWrite = Promise.resolve();
+        unsubscribes.push(() => {
+            stopped = true;
+        });
         const cache = new FileCache(app.getDataDirPath());
         // Mount the Slackwater API, with vessel/default resolved to the configured
         // default station (or the nearest one).
@@ -143,7 +188,7 @@ export default function (app) {
             type: "tides",
             methods: {
                 async listResources() {
-                    const predictor = resolvePredictor();
+                    const predictor = await resolvePredictor();
                     if (!predictor) {
                         throw new Error("No position or default station available");
                     }
@@ -193,25 +238,51 @@ export default function (app) {
         }, unsubscribes, (subscriptionError) => {
             app.error("Error:" + subscriptionError);
         }, updatePosition);
-        function resolvePredictor() {
+        async function resolvePredictor(report = reportLookupFailure) {
+            let failed = false;
             if (config.defaultStation && config.defaultStation !== "auto") {
                 try {
-                    return findStation(config.defaultStation);
+                    const station = await findStation(config.defaultStation);
+                    if (hasTideModel(station))
+                        return station;
+                    throw new Error("Station has no tide predictions");
                 }
-                catch {
-                    app.error(`Configured tide station not found: ${config.defaultStation}`);
+                catch (e) {
+                    failed = true;
+                    report(`Could not load tide station ${config.defaultStation}: ${errorMessage(e)}`);
                 }
             }
             if (lastPosition) {
                 try {
-                    return nearestStation(lastPosition);
+                    return await nearestStation({
+                        ...lastPosition,
+                        maxDistance: MAX_STATION_KM,
+                    });
                 }
-                catch {
-                    app.error("No tide station found near vessel position");
+                catch (e) {
+                    if (isNoStationNearby(e)) {
+                        // A status would replace the error about the saved station
+                        if (!stopped && !failed) {
+                            app.setPluginStatus(`No tide station within ${MAX_STATION_KM} km of the vessel`);
+                        }
+                        return null;
+                    }
+                    report(`Could not find a tide station near vessel position: ${errorMessage(e)}`);
                 }
             }
             return null;
         }
+        function reportLookupFailure(message) {
+            if (stopped)
+                return;
+            app.error(message);
+            app.setPluginError(message);
+        }
+        function forecastStatus({ station, distance }) {
+            return distance === undefined
+                ? "Updated tide forecast"
+                : `Updated tide forecast from ${station.name}, ${Math.round(distance)} km away`;
+        }
         function forecastFor(predictor) {
             const now = new Date();
             return predictor.getExtremesPrediction({
@@ -219,32 +290,63 @@ export default function (app) {
                 end: new Date(now.getTime() + 7 * 24 * 60 * 60 * 1000),
             });
         }
+        // Runs from a timer and a delta callback, which both drop its promise, so
+        // it must never reject.
         async function updatePosition() {
-            const newPosition = app.getSelfPath("navigation.position.value");
-            // New position received, save it to the cache
-            if (newPosition) {
-                lastPosition = newPosition;
-                await cache.set("position", lastPosition);
+            try {
+                const newPosition = app.getSelfPath("navigation.position.value");
+                // New position received, save it to the cache
+                if (newPosition) {
+                    lastPosition = newPosition;
+                    // Writes run in turn and each saves the newest position, so an older
+                    // one can't land last
+                    positionWrite = positionWrite
+                        .catch(() => { })
+                        .then(() => cache.set("position", lastPosition));
+                    await positionWrite;
+                }
+                // No last known position, try to load from cache.
+                if (!lastPosition) {
+                    const cached = (await cache.get("position"));
+                    // A delta may have set a newer position during the read
+                    lastPosition ??= cached ?? null;
+                }
             }
-            // No last known position, try to load from cache.
-            if (!lastPosition) {
-                lastPosition = (await cache.get("position"));
+            catch (e) {
+                app.error(`Could not update cached position: ${errorMessage(e)}`);
             }
             // A configured default station predicts without a position
-            updateForecast();
+            await updateForecast();
         }
-        function updateForecast() {
-            const predictor = resolvePredictor();
-            if (!predictor) {
-                app.debug("No position or default station available, cannot compute tide data");
-                lastForecast = null;
-                lastPredictor = null;
-                return;
-            }
+        async function updateForecast() {
+            const update = ++latestUpdate;
             try {
+                let lookupFailed = false;
+                const predictor = await resolvePredictor((message) => {
+                    lookupFailed = true;
+                    reportLookupFailure(message);
+                });
+                // The first lookup waits for the database, so a newer update or stop()
+                // can overtake this one.
+                if (stopped || update !== latestUpdate)
+                    return;
+                if (!predictor) {
+                    app.debug("No position or default station available, cannot compute tide data");
+                    // Once per loss, and once after a restart, which can't tell what the
+                    // run before it published
+                    if (!tidesCleared)
+                        clearTides();
+                    tidesCleared = true;
+                    lastForecast = null;
+                    lastPredictor = null;
+                    return;
+                }
                 lastForecast = forecastFor(predictor);
                 lastPredictor = predictor;
-                app.setPluginStatus("Updated tide forecast");
+                tidesCleared = false;
+                // A fallback keeps the lookup's error showing
+                if (!lookupFailed)
+                    app.setPluginStatus(forecastStatus(lastForecast));
                 updateTides();
             }
             catch (e) {
@@ -254,6 +356,19 @@ export default function (app) {
                 app.error(e);
             }
         }
+        // Signal K keeps a path's last value, so a tide that no longer applies has
+        // to be cleared or it stays on displays, frozen.
+        function clearTides() {
+            app.handleMessage(plugin.id, {
+                context: ("vessels." + app.selfId),
+                updates: [
+                    {
+                        timestamp: new Date().toISOString(),
+                        values: TIDE_PATHS.map((path) => ({ path, value: null })),
+                    },
+                ],
+            });
+        }
         function updateTides(now = new Date()) {
             if (!lastForecast || !lastPredictor)
                 return;
@@ -274,6 +389,13 @@ export default function (app) {
                                 path: "environment.tide.stationName",
                                 value: lastForecast.station.name,
                             },
+                            // Null for a configured station, which isn't chosen by distance
+                            {
+                                path: "environment.tide.stationDistance",
+                                value: lastForecast.distance === undefined
+                                    ? null
+                                    : lastForecast.distance * 1000,
+                            },
                             {
                                 path: "environment.tide.heightNow",
                                 value: heightNow,
@@ -314,6 +436,13 @@ export default function (app) {
                                     description: "Tide trend at the current position: rising or falling",
                                 },
                             },
+                            {
+                                path: "environment.tide.stationDistance",
+                                value: {
+                                    units: "m",
+                                    description: "Distance from the vessel to the station it was given",
+                                },
+                            },
                             {
                                 path: "environment.tide.timeToNextExtreme",
                                 value: {
@@ -339,6 +468,9 @@ export default function (app) {
     }
     return plugin;
 }
+function errorMessage(e) {
+    return e instanceof Error ? e.message : String(e);
+}
 function stationTitle(station) {
     const where = [station.region, station.country].filter(Boolean).join(", ");
     const distance = station.distance != null ? ` — ${station.distance.toFixed(1)} km` : "";

package/dist/middleware.js

@@ -1,78 +1,103 @@
 import { findStation, nearestStation } from "slackwater";
+import { MAX_STATION_KM, hasTideModel, isNoStationNearby, isStationNotFound, } from "./calculations.js";
+const nearestToVessel = ({ latitude, longitude }) => nearestStation({
+    latitude,
+    longitude,
+    maxDistance: MAX_STATION_KM,
+});
 /**
  * Middleware that resolves the vessel/default station alias and bare
  * location-based queries (/extremes, /timeline) against the configured default
  * station, falling back to the station nearest the vessel's position when no
- * default is set.
+ * default is set or it can't be used.
  */
 export function withVesselPosition(router, getPosition, getDefaultStationId) {
-    return (req, res, next) => {
-        // HTTP 303 See Other: the response can be found under a different URI
-        const redirect = (toPath) => res.redirect(303, `${req.baseUrl}${toPath}`);
-        // The configured default station, or null when unset, "auto", or stale.
-        const defaultStation = () => {
-            const id = getDefaultStationId?.();
-            if (!id || id === "auto")
-                return null;
-            try {
-                return findStation(id);
-            }
-            catch {
-                return null; // stale or invalid saved id: fall back to position
-            }
-        };
-        // Redirect the vessel/default alias to the configured (or nearest) station.
-        if (/^\/stations\/vessel\/default(?:\/|$)/.test(req.path)) {
-            const toStation = (station) => redirect(req.url.replace(/^\/stations\/vessel\/default\b/, `/stations/${station.id}`));
-            // A configured default station resolves without a position
-            const station = defaultStation();
-            if (station)
-                return toStation(station);
-            const pos = getPosition();
-            if (!pos) {
-                return res.status(503).json({ message: "Vessel position not available" });
-            }
-            try {
-                const nearest = nearestStation({
-                    latitude: pos.latitude,
-                    longitude: pos.longitude,
-                });
-                if (!nearest) {
-                    return res.status(404).json({ message: "No nearby stations found" });
+    // signalk-server runs Express 4, which ignores a rejected handler and leaves
+    // the request hanging, so every failure has to reach next().
+    return async (req, res, next) => {
+        try {
+            // HTTP 303 See Other: the response can be found under a different URI
+            const redirect = (toPath) => res.redirect(303, `${req.baseUrl}${toPath}`);
+            // The configured default station, or null when unset, "auto", stale, or unpredictable.
+            const defaultStation = async () => {
+                const id = getDefaultStationId?.();
+                if (!id || id === "auto")
+                    return null;
+                try {
+                    const station = await findStation(id);
+                    return hasTideModel(station) ? station : null;
+                }
+                catch (e) {
+                    // A stale or invalid saved id falls back to position; a database that
+                    // failed to load has to reach next().
+                    if (isStationNotFound(e))
+                        return null;
+                    throw e;
+                }
+            };
+            // Redirect the vessel/default alias to the configured (or nearest) station.
+            if (/^\/stations\/vessel\/default(?:\/|$)/.test(req.path)) {
+                const toStation = (station) => redirect(req.url.replace(/^\/stations\/vessel\/default\b/, `/stations/${station.id}`));
+                // A configured default station resolves without a position
+                const station = await defaultStation();
+                if (station)
+                    return toStation(station);
+                const pos = getPosition();
+                if (!pos) {
+                    res.status(503).json({ message: "Vessel position not available" });
+                    return;
+                }
+                try {
+                    return toStation(await nearestToVessel(pos));
+                }
+                catch (e) {
+                    if (isNoStationNearby(e)) {
+                        res.status(404).json({ message: "No nearby stations found" });
+                        return;
+                    }
+                    res.status(500).json({ message: "Failed to find nearest station" });
+                    return;
                 }
-                return toStation(nearest);
             }
-            catch {
-                return res.status(500).json({
-                    message: "Failed to find nearest station",
-                });
+            // Bare location-based queries: redirect to the configured station when set,
+            // otherwise inject the vessel position so slackwater uses the nearest station.
+            const isLocationQueryPath = req.path === "/extremes" || req.path === "/timeline";
+            if (isLocationQueryPath && !req.query.latitude && !req.query.longitude) {
+                const station = await defaultStation();
+                if (station) {
+                    return redirect(req.url.replace(/^\/(extremes|timeline)\b/, `/stations/${station.id}/$1`));
+                }
+                const pos = getPosition();
+                if (pos) {
+                    // The Slackwater route takes any distance, so check the range here
+                    try {
+                        await nearestToVessel(pos);
+                    }
+                    catch (e) {
+                        if (!isNoStationNearby(e))
+                            throw e;
+                        res.status(404).json({ message: "No nearby stations found" });
+                        return;
+                    }
+                    // Express 5 makes `req.query` a read-only getter, so assigning to its
+                    // properties is silently lost. Shadow it with an own data property,
+                    // which behaves identically on Express 4 and 5.
+                    Object.defineProperty(req, "query", {
+                        value: {
+                            ...req.query,
+                            latitude: String(pos.latitude),
+                            longitude: String(pos.longitude),
+                        },
+                        writable: true,
+                        configurable: true,
+                        enumerable: true,
+                    });
+                }
             }
+            router(req, res, next);
         }
-        // Bare location-based queries: redirect to the configured station when set,
-        // otherwise inject the vessel position so slackwater uses the nearest station.
-        const isLocationQueryPath = req.path === "/extremes" || req.path === "/timeline";
-        if (isLocationQueryPath && !req.query.latitude && !req.query.longitude) {
-            const station = defaultStation();
-            if (station) {
-                return redirect(req.url.replace(/^\/(extremes|timeline)\b/, `/stations/${station.id}/$1`));
-            }
-            const pos = getPosition();
-            if (pos) {
-                // Express 5 makes `req.query` a read-only getter, so assigning to its
-                // properties is silently lost. Shadow it with an own data property,
-                // which behaves identically on Express 4 and 5.
-                Object.defineProperty(req, "query", {
-                    value: {
-                        ...req.query,
-                        latitude: String(pos.latitude),
-                        longitude: String(pos.longitude),
-                    },
-                    writable: true,
-                    configurable: true,
-                    enumerable: true,
-                });
-            }
+        catch (error) {
+            next(error);
         }
-        router(req, res, next);
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "signalk-tides",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "description": "Tidal predictions for the vessel's position, powered by Slackwater.",
   "homepage": "https://openwaters.io/tides/slackwater/",
   "type": "module",
@@ -36,13 +36,13 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@signalk/server-api": "^2.35.0",
-    "@slackwater/api": "^1.0.0-beta.0",
+    "@slackwater/api": "^1.0.0-beta.4",
     "@slackwater/react": "^1.0.0-beta.2",
     "express": "^5.3.0",
     "react": "^19.1.0",
     "react-dom": "^19.3.1",
     "signalk-plotterext-bus": "^0.24.0",
-    "slackwater": "^1.0.0-beta.3"
+    "slackwater": "^1.0.0-beta.4"
   },
   "devDependencies": {
     "@eslint/js": "^9.21.0",

package/public/assets/main-FMwgC28o.js

@@ -0,0 +1 @@
+import{a as e,c as t,d as n,f as r,i,l as a,n as o,r as s,s as c,t as l,u}from"./useUnitPreferences-Bnl2Hfv0.js";var d=u(),f=r(n(),1),p=()=>new URLSearchParams(window.location.search).get(`station`)||`vessel/default`;function m(){let[e,t]=(0,f.useState)(p);return(0,f.useEffect)(()=>{let e=()=>t(p());return window.addEventListener(`popstate`,e),()=>window.removeEventListener(`popstate`,e)},[]),[e,(0,f.useCallback)(e=>{let n=e.trim()||`vessel/default`,r=new URL(window.location.href);n===`vessel/default`?r.searchParams.delete(`station`):r.searchParams.set(`station`,n),window.history.pushState(window.history.state,``,r),t(n)},[])]}var h=a(),g={version:8,sources:{osm:{type:`raster`,tiles:[`https://tile.openstreetmap.org/{z}/{x}/{y}.png`],tileSize:256,attribution:`© OpenStreetMap contributors`}},layers:[{id:`osm`,type:`raster`,source:`osm`}]};function _({stationId:n,onSelect:r}){let a=(0,f.useRef)(null),[s,c]=(0,f.useState)(!1),[l,u]=(0,f.useState)(!1),[d,p]=(0,f.useState)(`list`),{data:m,error:_}=t(n),v=()=>{u(window.matchMedia(`(min-width: 1024px)`).matches),p(`list`),c(!0),a.current?.showModal()},y=e=>{r(e.id),a.current?.close()};return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(`button`,{type:`button`,onClick:v,"aria-label":`Browse stations`,className:`absolute hidden min-[20rem]:block right-2 top-2 sm:right-4 sm:top-4 md:right-6 md:top-6 lg:right-8 lg:top-8 xl:right-20 xl:top-20 z-10 rounded-md border border-(--slackwater-border) bg-(--slackwater-bg-subtle) p-2 text-(--slackwater-text) hover:bg-(--slackwater-bg)`,children:(0,h.jsxs)(`svg`,{width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,"aria-hidden":`true`,children:[(0,h.jsx)(`line`,{x1:`3`,y1:`6`,x2:`21`,y2:`6`}),(0,h.jsx)(`line`,{x1:`3`,y1:`12`,x2:`21`,y2:`12`}),(0,h.jsx)(`line`,{x1:`3`,y1:`18`,x2:`21`,y2:`18`})]})}),(0,h.jsx)(`dialog`,{ref:a,onClose:()=>c(!1),onClick:e=>{e.target===e.currentTarget&&e.currentTarget.close()},className:`m-auto w-[min(92vw,900px)] max-h-[85vh] rounded-lg border border-(--slackwater-border) bg-(--slackwater-bg) p-0 text-(--slackwater-text) backdrop:bg-black/50`,children:s&&(0,h.jsxs)(`div`,{className:`flex max-h-[85vh] flex-col`,children:[(0,h.jsxs)(`div`,{className:`flex items-center justify-between border-b border-(--slackwater-border) p-3`,children:[(0,h.jsx)(`button`,{type:`button`,onClick:()=>a.current?.close(),"aria-label":`Close`,className:`grid size-11 place-items-center rounded-md text-(--slackwater-text-muted) hover:text-(--slackwater-text)`,children:`✕`}),(0,h.jsx)(`h2`,{className:`text-base font-semibold`,children:`Stations`}),(0,h.jsx)(`button`,{type:`button`,onClick:()=>p(d===`map`?`list`:`map`),"aria-label":d===`map`?`Show list`:`Show map`,className:`grid size-11 place-items-center rounded-md text-(--slackwater-text-muted) hover:text-(--slackwater-text) lg:invisible`,children:d===`map`?(0,h.jsxs)(`svg`,{width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,h.jsx)(`line`,{x1:`8`,y1:`6`,x2:`21`,y2:`6`}),(0,h.jsx)(`line`,{x1:`8`,y1:`12`,x2:`21`,y2:`12`}),(0,h.jsx)(`line`,{x1:`8`,y1:`18`,x2:`21`,y2:`18`}),(0,h.jsx)(`line`,{x1:`3`,y1:`6`,x2:`3.01`,y2:`6`}),(0,h.jsx)(`line`,{x1:`3`,y1:`12`,x2:`3.01`,y2:`12`}),(0,h.jsx)(`line`,{x1:`3`,y1:`18`,x2:`3.01`,y2:`18`})]}):(0,h.jsxs)(`svg`,{width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,h.jsx)(`polygon`,{points:`3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21 3 6`}),(0,h.jsx)(`line`,{x1:`9`,y1:`3`,x2:`9`,y2:`18`}),(0,h.jsx)(`line`,{x1:`15`,y1:`6`,x2:`15`,y2:`21`})]})})]}),(0,h.jsxs)(`div`,{className:`flex min-h-0 flex-col gap-4 p-3 lg:flex-row`,children:[(0,h.jsxs)(`div`,{className:`w-full flex-col gap-3 overflow-y-auto lg:flex lg:w-80 ${d===`map`?`hidden`:`flex`}`,children:[(0,h.jsx)(i,{onSelect:y}),(0,h.jsx)(`button`,{type:`button`,onClick:()=>y({id:`vessel/default`}),className:`rounded-md border border-(--slackwater-border) px-3 py-2 text-left text-sm hover:bg-(--slackwater-bg-subtle)`,children:`📍 Vessel position`}),(0,h.jsx)(o,{stationId:n,onStationSelect:y})]}),(l||d===`map`)&&(m||_)&&(0,h.jsx)(`div`,{className:`h-[60vh] overflow-hidden rounded-md border border-(--slackwater-border) lg:h-auto lg:min-h-100 lg:flex-1`,children:(0,h.jsx)(e,{mapStyle:g,initialViewState:m?{longitude:m.longitude,latitude:m.latitude,zoom:10}:{longitude:0,latitude:20,zoom:1},focusStation:m?.id,onStationSelect:y})})]})]})})]})}var{VITE_SIGNALK_URL:v=window.location.toString()}={BASE_URL:`./`,DEV:!1,MODE:`production`,PROD:!0,SSR:!1},y=new URL(`/signalk/v2/api`,v).toString();function b(){let{units:e,ready:t}=l(),[n,r]=m();return t?(0,h.jsx)(s,{baseUrl:y,units:e,children:(0,h.jsxs)(`div`,{className:`relative`,children:[(0,h.jsx)(_,{stationId:n,onSelect:r}),(0,h.jsx)(c,{id:n,className:`overflow-y-auto p-2 sm:p-4 md:p-6 lg:p-8 xl:p-20`})]})}):null}(0,d.createRoot)(document.getElementById(`app`)).render((0,h.jsx)(b,{}));

package/public/index.html

@@ -6,7 +6,7 @@
   <link rel="icon" type="image/svg+xml" href="./icon.svg" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Tides</title>
-  <script type="module" crossorigin src="./assets/main-BvKlaM8p.js"></script>
+  <script type="module" crossorigin src="./assets/main-FMwgC28o.js"></script>
   <link rel="modulepreload" crossorigin href="./assets/useUnitPreferences-Bnl2Hfv0.js">
   <link rel="stylesheet" crossorigin href="./assets/useUnitPreferences-D6HIp3mv.css">
 </head>

package/public/assets/main-BvKlaM8p.js

@@ -1 +0,0 @@
-import{a as e,c as t,d as n,f as r,i,l as a,n as o,r as s,s as c,t as l,u}from"./useUnitPreferences-Bnl2Hfv0.js";var d=u(),f=r(n(),1),p=()=>new URLSearchParams(window.location.search).get(`station`)||`vessel/default`;function m(){let[e,t]=(0,f.useState)(p);return(0,f.useEffect)(()=>{let e=()=>t(p());return window.addEventListener(`popstate`,e),()=>window.removeEventListener(`popstate`,e)},[]),[e,(0,f.useCallback)(e=>{let n=e.trim()||`vessel/default`,r=new URL(window.location.href);n===`vessel/default`?r.searchParams.delete(`station`):r.searchParams.set(`station`,n),window.history.pushState(window.history.state,``,r),t(n)},[])]}var h=a(),g={version:8,sources:{osm:{type:`raster`,tiles:[`https://tile.openstreetmap.org/{z}/{x}/{y}.png`],tileSize:256,attribution:`© OpenStreetMap contributors`}},layers:[{id:`osm`,type:`raster`,source:`osm`}]};function _({stationId:n,onSelect:r}){let a=(0,f.useRef)(null),[s,c]=(0,f.useState)(!1),[l,u]=(0,f.useState)(!1),[d,p]=(0,f.useState)(`list`),{data:m}=t(n),_=()=>{u(window.matchMedia(`(min-width: 1024px)`).matches),p(`list`),c(!0),a.current?.showModal()},v=e=>{r(e.id),a.current?.close()};return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(`button`,{type:`button`,onClick:_,"aria-label":`Browse stations`,className:`absolute hidden min-[20rem]:block right-2 top-2 sm:right-4 sm:top-4 md:right-6 md:top-6 lg:right-8 lg:top-8 xl:right-20 xl:top-20 z-10 rounded-md border border-(--slackwater-border) bg-(--slackwater-bg-subtle) p-2 text-(--slackwater-text) hover:bg-(--slackwater-bg)`,children:(0,h.jsxs)(`svg`,{width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,"aria-hidden":`true`,children:[(0,h.jsx)(`line`,{x1:`3`,y1:`6`,x2:`21`,y2:`6`}),(0,h.jsx)(`line`,{x1:`3`,y1:`12`,x2:`21`,y2:`12`}),(0,h.jsx)(`line`,{x1:`3`,y1:`18`,x2:`21`,y2:`18`})]})}),(0,h.jsx)(`dialog`,{ref:a,onClose:()=>c(!1),onClick:e=>{e.target===e.currentTarget&&e.currentTarget.close()},className:`m-auto w-[min(92vw,900px)] max-h-[85vh] rounded-lg border border-(--slackwater-border) bg-(--slackwater-bg) p-0 text-(--slackwater-text) backdrop:bg-black/50`,children:s&&(0,h.jsxs)(`div`,{className:`flex max-h-[85vh] flex-col`,children:[(0,h.jsxs)(`div`,{className:`flex items-center justify-between border-b border-(--slackwater-border) p-3`,children:[(0,h.jsx)(`button`,{type:`button`,onClick:()=>a.current?.close(),"aria-label":`Close`,className:`grid size-11 place-items-center rounded-md text-(--slackwater-text-muted) hover:text-(--slackwater-text)`,children:`✕`}),(0,h.jsx)(`h2`,{className:`text-base font-semibold`,children:`Stations`}),(0,h.jsx)(`button`,{type:`button`,onClick:()=>p(d===`map`?`list`:`map`),"aria-label":d===`map`?`Show list`:`Show map`,className:`grid size-11 place-items-center rounded-md text-(--slackwater-text-muted) hover:text-(--slackwater-text) lg:invisible`,children:d===`map`?(0,h.jsxs)(`svg`,{width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,h.jsx)(`line`,{x1:`8`,y1:`6`,x2:`21`,y2:`6`}),(0,h.jsx)(`line`,{x1:`8`,y1:`12`,x2:`21`,y2:`12`}),(0,h.jsx)(`line`,{x1:`8`,y1:`18`,x2:`21`,y2:`18`}),(0,h.jsx)(`line`,{x1:`3`,y1:`6`,x2:`3.01`,y2:`6`}),(0,h.jsx)(`line`,{x1:`3`,y1:`12`,x2:`3.01`,y2:`12`}),(0,h.jsx)(`line`,{x1:`3`,y1:`18`,x2:`3.01`,y2:`18`})]}):(0,h.jsxs)(`svg`,{width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,h.jsx)(`polygon`,{points:`3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21 3 6`}),(0,h.jsx)(`line`,{x1:`9`,y1:`3`,x2:`9`,y2:`18`}),(0,h.jsx)(`line`,{x1:`15`,y1:`6`,x2:`15`,y2:`21`})]})})]}),(0,h.jsxs)(`div`,{className:`flex min-h-0 flex-col gap-4 p-3 lg:flex-row`,children:[(0,h.jsxs)(`div`,{className:`w-full flex-col gap-3 overflow-y-auto lg:flex lg:w-80 ${d===`map`?`hidden`:`flex`}`,children:[(0,h.jsx)(i,{onSelect:v}),(0,h.jsx)(`button`,{type:`button`,onClick:()=>v({id:`vessel/default`}),className:`rounded-md border border-(--slackwater-border) px-3 py-2 text-left text-sm hover:bg-(--slackwater-bg-subtle)`,children:`📍 Vessel position`}),(0,h.jsx)(o,{stationId:n,onStationSelect:v})]}),(l||d===`map`)&&m&&(0,h.jsx)(`div`,{className:`h-[60vh] overflow-hidden rounded-md border border-(--slackwater-border) lg:h-auto lg:min-h-100 lg:flex-1`,children:(0,h.jsx)(e,{mapStyle:g,initialViewState:{longitude:m.longitude,latitude:m.latitude,zoom:10},focusStation:m.id,onStationSelect:v})})]})]})})]})}var{VITE_SIGNALK_URL:v=window.location.toString()}={BASE_URL:`./`,DEV:!1,MODE:`production`,PROD:!0,SSR:!1},y=new URL(`/signalk/v2/api`,v).toString();function b(){let{units:e,ready:t}=l(),[n,r]=m();return t?(0,h.jsx)(s,{baseUrl:y,units:e,children:(0,h.jsxs)(`div`,{className:`relative`,children:[(0,h.jsx)(_,{stationId:n,onSelect:r}),(0,h.jsx)(c,{id:n,className:`overflow-y-auto p-2 sm:p-4 md:p-6 lg:p-8 xl:p-20`})]})}):null}(0,d.createRoot)(document.getElementById(`app`)).render((0,h.jsx)(b,{}));