@opengeoweb/soundings 12.5.0 → 12.6.0

package/index.esm.js

@@ -4,8 +4,10 @@ import { Card, Box, Stack, LinearProgress, List, ListItem, ListItemIcon, Checkbo
 import { safelyInitI18nForTestsAndStories, sharedTranslations, SHARED_NAMESPACE, dateUtils, CustomSlider, CustomToggleButton, AlertBanner, ToolContainerDraggable, StyledSelect, SearchField, CustomAccordion } from '@opengeoweb/shared';
 import React, { useRef, useEffect, useMemo, useState, Fragment as Fragment$1 } from 'react';
 import * as d3 from 'd3';
-import { useQueries, useQuery } from '@tanstack/react-query';
+import { useQueries } from '@tanstack/react-query';
 import { getHeaders, handleResponse } from '@opengeoweb/api';
+import { ParseISOTimeRangeDuration, parseISO8601IntervalToDateInterval } from '@opengeoweb/webmap';
+import { range } from 'lodash';
 import { timesliderTranslations, TIMESLIDER_NAMESPACE, BackwardForwardStepButton } from '@opengeoweb/timeslider';
 import i18n from 'i18next';
 export { default as i18n } from 'i18next';
@@ -1617,7 +1619,7 @@ const Soundings = ({
 const getCollectionLocations = (collectionId, baseUrl) => fetch(`${baseUrl}/collections/${collectionId}/locations`, {
   headers: getHeaders()
 }).then(handleResponse);
-const getCollectionInstance = (collectionId, baseUrl) => fetch(`${baseUrl}/collections/${collectionId}/instances`, {
+const getCollectionInstances = (collectionId, baseUrl) => fetch(`${baseUrl}/collections/${collectionId}/instances`, {
   headers: getHeaders()
 }).then(handleResponse);
 const getEdrCollectionForLocation = (collectionId, baseUrl, instanceId, locationId, parameters, datetime) => {
@@ -1690,6 +1692,32 @@ relHumidity) {
 // Parsing and conversion function
 function parseCoverageCollection(response, parameterMappings) {
   const features = [];
+  const pressureArray = [];
+  const tempArray = [];
+  const dewpointArray = [];
+  const windDirArray = [];
+  const windSpeedArray = [];
+  const windUArray = [];
+  const windVArray = [];
+  const specificHumidityArray = [];
+  const relativeHumidityArray = [];
+  const emtpyDataArray = {
+    time: '',
+    xCoord: NaN,
+    yCoord: NaN,
+    data: {
+      pressureArray,
+      tempArray,
+      dewpointArray,
+      windDirArray,
+      windSpeedArray,
+      windUArray,
+      windVArray,
+      specificHumidityArray,
+      relativeHumidityArray
+    }
+  };
+  const data = {};
   const {
     t: tAxis,
     x: xAxis,
@@ -1706,60 +1734,139 @@ function parseCoverageCollection(response, parameterMappings) {
     const time = coverage.domain.axes.t?.values[0];
     const xCoord = coverage.domain.axes.x.values[0];
     const yCoord = coverage.domain.axes.y.values[0];
+    const coverageIdentifier = `${time}-${xCoord}-${yCoord}`;
+    if (data[coverageIdentifier] === undefined) {
+      data[coverageIdentifier] = {
+        ...emtpyDataArray
+      };
+    }
+    data[coverageIdentifier].time = time;
+    data[coverageIdentifier].xCoord = xCoord;
+    data[coverageIdentifier].yCoord = yCoord;
     const zValues = coverage.domain.axes.z.values;
     zValues.forEach((_, zIndex) => {
-      const temp = parseFloat(ranges[parameterMappings.temperature]?.values[zIndex]);
-      const pressureFromRange = parseFloat(ranges[parameterMappings.pressure]?.values[zIndex]);
-      const pressure = !Number.isNaN(pressureFromRange) ? pressureFromRange : parseFloat(zValues[zIndex]);
-      // Extract dewpoint - use fallback calculations if no dewpoint in parameter mappings
-      let dewpoint = NaN;
-      if (parameterMappings.dewpoint) {
-        dewpoint = parseFloat(ranges[parameterMappings.dewpoint]?.values[zIndex]);
-      } else if (parameterMappings.specificHumidity) {
-        const specificHumidity = parseFloat(ranges[parameterMappings.specificHumidity]?.values[zIndex]);
-        dewpoint = dewpointFromSpecificHumidity(specificHumidity / 1000,
-        // from g/kg to kg/kg
-        pressToPascal(pressure));
-      } else if (parameterMappings.relativeHumidity) {
-        const relativeHumidity = parseFloat(ranges[parameterMappings.relativeHumidity]?.values[zIndex]);
-        dewpoint = dewpointFromRelativeHumidity(temp, relativeHumidity);
+      if (data[coverageIdentifier].data.pressureArray.length === zIndex || ranges[parameterMappings.pressure]?.values[zIndex]) {
+        const pressureFromRange = parseFloat(ranges[parameterMappings.pressure]?.values[zIndex]);
+        const pressure = !Number.isNaN(pressureFromRange) ? pressureFromRange : parseFloat(zValues[zIndex]);
+        data[coverageIdentifier].data.pressureArray[zIndex] = pressure;
       }
-      // Extract wind speed and direction - use fallback calculations if no speed and direction in parameter mappings
-      let windSpeed = NaN;
-      if (parameterMappings.windSpeed) {
-        windSpeed = parseFloat(ranges[parameterMappings.windSpeed]?.values[zIndex]);
-      } else if (parameterMappings.windU && parameterMappings.windV) {
-        const windU = parseFloat(ranges[parameterMappings.windU]?.values[zIndex]);
-        const windV = parseFloat(ranges[parameterMappings.windV]?.values[zIndex]);
-        windSpeed = Math.sqrt(windU ** 2 + windV ** 2);
+      if (ranges[parameterMappings.temperature]) {
+        data[coverageIdentifier].data.tempArray.push(parseFloat(ranges[parameterMappings.temperature]?.values[zIndex]));
       }
-      let windDirection = NaN;
-      if (parameterMappings.windDirection) {
-        windDirection = parseFloat(ranges[parameterMappings.windDirection]?.values[zIndex]);
-      } else if (parameterMappings.windU && parameterMappings.windV) {
-        const windU = parseFloat(ranges[parameterMappings.windU]?.values[zIndex]);
-        const windV = parseFloat(ranges[parameterMappings.windV]?.values[zIndex]);
-        windDirection = (Math.atan2(-windU, -windV) * (180 / Math.PI) + 360) % 360;
+      if (parameterMappings.dewpoint && ranges[parameterMappings.dewpoint]) {
+        data[coverageIdentifier].data.dewpointArray.push(parseFloat(ranges[parameterMappings.dewpoint]?.values[zIndex]));
+      } else if (parameterMappings.specificHumidity && ranges[parameterMappings.specificHumidity]) {
+        data[coverageIdentifier].data.specificHumidityArray.push(parseFloat(ranges[parameterMappings.specificHumidity]?.values[zIndex]));
+      } else if (parameterMappings.relativeHumidity && ranges[parameterMappings.relativeHumidity]) {
+        data[coverageIdentifier].data.relativeHumidityArray.push(parseFloat(ranges[parameterMappings.relativeHumidity]?.values[zIndex]));
+      }
+      if (parameterMappings.windSpeed && ranges[parameterMappings.windSpeed]) {
+        data[coverageIdentifier].data.windSpeedArray.push(parseFloat(ranges[parameterMappings.windSpeed]?.values[zIndex]));
+      }
+      if (parameterMappings.windDirection && ranges[parameterMappings.windDirection]) {
+        data[coverageIdentifier].data.windDirArray.push(parseFloat(ranges[parameterMappings.windDirection]?.values[zIndex]));
+      }
+      if (parameterMappings.windU && ranges[parameterMappings.windU]) {
+        data[coverageIdentifier].data.windUArray.push(parseFloat(ranges[parameterMappings.windU]?.values[zIndex]));
+      }
+      if (parameterMappings.windV && ranges[parameterMappings.windV]) {
+        data[coverageIdentifier].data.windVArray.push(parseFloat(ranges[parameterMappings.windV]?.values[zIndex]));
+      }
+    });
+  });
+  // For now we only accept one data set per call so we only take the first one
+  const firstCollectionIdentifier = Object.keys(data)[0];
+  const collectionData = data[firstCollectionIdentifier].data;
+  collectionData.pressureArray.forEach((pressure, index) => {
+    // Extract dewpoint - use fallback calculations if no dewpoint in parameter mappings
+    let dewpoint = NaN;
+    if (parameterMappings.dewpoint) {
+      dewpoint = collectionData.dewpointArray[index];
+    } else if (parameterMappings.specificHumidity) {
+      const specificHumidity = collectionData.specificHumidityArray[index];
+      dewpoint = dewpointFromSpecificHumidity(specificHumidity / 1000,
+      // from g/kg to kg/kg
+      pressToPascal(pressure));
+    } else if (parameterMappings.relativeHumidity) {
+      const relativeHumidity = collectionData.relativeHumidityArray[index];
+      dewpoint = dewpointFromRelativeHumidity(tempArray[index], relativeHumidity);
+    }
+    // Extract wind speed and direction - use fallback calculations if no speed and direction in parameter mappings
+    let windSpeed = NaN;
+    if (parameterMappings.windSpeed) {
+      windSpeed = collectionData.windSpeedArray[index];
+    } else if (parameterMappings.windU && parameterMappings.windV) {
+      const windU = collectionData.windUArray[index];
+      const windV = collectionData.windVArray[index];
+      windSpeed = Math.sqrt(windU ** 2 + windV ** 2);
+    }
+    let windDirection = NaN;
+    if (parameterMappings.windDirection) {
+      windDirection = collectionData.windDirArray[index];
+    } else if (parameterMappings.windU && parameterMappings.windV) {
+      const windU = collectionData.windUArray[index];
+      const windV = collectionData.windVArray[index];
+      windDirection = (Math.atan2(-windU, -windV) * (180 / Math.PI) + 360) % 360;
+    }
+    features.push({
+      type: 'Feature',
+      geometry: {
+        type: 'Point',
+        coordinates: [data[firstCollectionIdentifier].xCoord, data[firstCollectionIdentifier].yCoord]
+      },
+      properties: {
+        time: data[firstCollectionIdentifier].time,
+        temp: tempArray[index],
+        dewpoint,
+        pressure: pressureArray[index],
+        windSpeed,
+        windDirection
       }
-      features.push({
-        type: 'Feature',
-        geometry: {
-          type: 'Point',
-          coordinates: [xCoord, yCoord]
-        },
-        properties: {
-          time,
-          temp,
-          dewpoint,
-          pressure,
-          windSpeed,
-          windDirection
-        }
-      });
     });
   });
   return features;
 }
+/**
+ * Parse duration with repeats
+ * @param dateString e.g. 'R67/2025-04-22T09:00:00Z/PT60M'
+ * @returns Array of ISO datetime strings, e.g., ['2025-04-22T09:00:00.000Z', ...]
+ */
+const parseDurationWithRepeats = dateString => {
+  const parts = dateString.split('/');
+  const numOfRepeats = Number(parts[0].substring(1));
+  const start = new Date(parts[1]).getTime();
+  const interval = parseISO8601IntervalToDateInterval(parts[2]).getTime();
+  const iterations = range(numOfRepeats);
+  const dateStrings = iterations.map(i => start + i * interval).map(millis => new Date(millis).toISOString());
+  return dateStrings;
+};
+const getTimestepsFromInstance = instance => {
+  const timeExtentValues = instance?.extent?.temporal?.values;
+  if (!timeExtentValues) {
+    return [];
+  }
+  try {
+    // parse the time extent, if needed
+    if (timeExtentValues.length === 1) {
+      const timeExtent = timeExtentValues[0];
+      // duration with repeats
+      if (timeExtent.match(/^R\d+\/\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}Z\/\S+$/)) {
+        return parseDurationWithRepeats(timeExtent);
+      }
+      // format without repeats
+      const parseObject = new ParseISOTimeRangeDuration(timeExtent);
+      const timeValues = range(parseObject.getTimeSteps()).map(timestep => parseObject.getDateAtTimeStep(timestep).toISOString());
+      return timeValues;
+    }
+    // If more than one value, assume time extent is given as individual timesteps.
+    // Pass through toISOString to ensure consistent timestamp format.
+    const isoFormattedValues = timeExtentValues.map(value => new Date(value).toISOString());
+    return isoFormattedValues;
+  } catch (error) {
+    console.warn(error);
+  }
+  return [];
+};
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -1827,17 +1934,6 @@ const constructQueryParams = (collectionId, baseUrl, instanceId, location, datet
     }
   };
 };
-const useFakeTime = (collectionId, baseUrl, instanceId) => {
-  return useQuery({
-    queryKey: ['temporary-instance-call', collectionId, instanceId],
-    queryFn: async () => {
-      return fetch(`${baseUrl}/collections/${collectionId}/instances/${instanceId}`, {
-        headers: getHeaders()
-      }).then(handleResponse).then(data => collectionId === undefined || data === undefined ? '' : data.extent.temporal.interval[0][0]);
-    },
-    enabled: !!collectionId && !!instanceId
-  });
-};
 const defaultParameterMappings = {
   temperature: 'temperature',
   windDirection: 'winddirection',
@@ -1854,26 +1950,15 @@ const getParameterMappings = parameterMappings => {
   return Object.keys(parameterMappings).map(key => parameterMappings[key]);
 };
 const useMultipleSources = (sources, locations, datetime) => {
-  // TODO: Remove once we pass in the datetime coming from the timeslider!
-  const {
-    data: date0
-  } = useFakeTime(sources[0]?.collectionId, sources[0]?.url, sources[0]?.instanceId);
-  const {
-    data: date1
-  } = useFakeTime(sources[1]?.collectionId, sources[1]?.url, sources[1]?.instanceId);
-  const {
-    data: date2
-  } = useFakeTime(sources[2]?.collectionId, sources[2]?.url, sources[2]?.instanceId);
-  const dates = useMemo(() => [date0, date1, date2], [date0, date1, date2]);
   const queries = useMemo(() => sources.map(({
     collectionId,
     url,
     instanceId,
     parameterMappings
-  }, index) => {
-    const queryParams = constructQueryParams(collectionId, url, instanceId, locations[collectionId] || '', dates[index] || '', parameterMappings || defaultParameterMappings);
+  }) => {
+    const queryParams = constructQueryParams(collectionId, url, instanceId, locations[collectionId] || '', datetime || '', parameterMappings || defaultParameterMappings);
     return queryParams;
-  }), [dates, datetime, locations, sources]);
+  }), [datetime, locations, sources]);
   return useQueries({
     queries,
     combine: queryResults => {
@@ -1890,6 +1975,31 @@ const useMultipleSources = (sources, locations, datetime) => {
     }
   });
 };
+const useTimesteps = sourceSelections => {
+  const queries = React.useMemo(() => sourceSelections.map(({
+    collectionId,
+    instanceId,
+    url
+  }) => ({
+    queryKey: ['edr-soundings-instances', collectionId],
+    queryFn: async () => {
+      const data = await getCollectionInstances(collectionId, url);
+      return data;
+    },
+    select: data => {
+      const instance = data.instances.find(instance => instance.id === instanceId);
+      return getTimestepsFromInstance(instance);
+    }
+  })), [sourceSelections]);
+  const results = useQueries({
+    queries,
+    combine: queryResults => {
+      const timestepArrays = queryResults.map(result => result.data).filter(steps => !!steps);
+      return timestepArrays;
+    }
+  });
+  return results;
+};
 const useGetCollectionsInstances = (collections, isDialogOpen) => {
   const collectionIds = useMemo(() => collections?.map(collection => {
     return {
@@ -1904,7 +2014,7 @@ const useGetCollectionsInstances = (collections, isDialogOpen) => {
     return {
       queryKey: ['edr-soundings-instances', id],
       queryFn: async () => {
-        const data = await getCollectionInstance(id, url);
+        const data = await getCollectionInstances(id, url);
         return data;
       },
       enabled: isDialogOpen
@@ -2002,6 +2112,16 @@ const translateKeyOutsideComponents = (key, params = undefined) => i18n.t(key, {
 });
 const useSoundingsTranslation = () => useTranslation(ns);
 
+const MAX_LABEL_COUNT = 15;
+const shouldHideLabel = (nItems, index) => {
+  const nthLabelsToShow = Math.ceil(nItems / MAX_LABEL_COUNT);
+  return nItems > MAX_LABEL_COUNT &&
+  // hide labels if too many items
+  index !== nItems - 1 && (
+  // not last item (always shown)
+  // only show every nth label, skip label within last n/2 items so end doesn't get cluttered
+  index % nthLabelsToShow !== 0 || nItems - 1 - index < nthLabelsToShow / 2);
+};
 const SoundingsTimeSlider = ({
   timesteps,
   selectedTime,
@@ -2010,9 +2130,9 @@ const SoundingsTimeSlider = ({
   const {
     i18n
   } = useSoundingsTranslation();
-  const marks = timesteps.filter(date => dateUtils.isValidIsoDateString(date)).map(date => ({
+  const marks = timesteps.filter(date => dateUtils.isValidIsoDateString(date)).map((date, index, arr) => ({
     value: dateUtils.unix(dateUtils.getUtcFromString(date)),
-    label: dateUtils.dateToString(dateUtils.getUtcFromString(date), 'iii d. HH:mm', true, i18n.language)
+    label: shouldHideLabel(arr.length, index) ? '' : dateUtils.dateToString(dateUtils.getUtcFromString(date), 'iii d. HH:mm', true, i18n.language)
   }));
   const onStepBackward = React.useCallback(() => {
     const currentIndex = timesteps.indexOf(selectedTime);
@@ -2027,12 +2147,15 @@ const SoundingsTimeSlider = ({
   return jsxs("div", {
     style: {
       display: 'flex',
-      marginTop: '17px'
+      marginTop: '40px',
+      marginRight: '4rem'
     },
     children: [jsxs("div", {
       style: {
         minWidth: '60px',
-        marginTop: '2px'
+        marginTop: '2px',
+        display: 'flex',
+        gap: '4px'
       },
       children: [jsx(BackwardForwardStepButton, {
         isForwardStep: false,
@@ -2051,7 +2174,7 @@ const SoundingsTimeSlider = ({
       disabled: true
     }) : jsx(CustomSlider, {
       orientation: "horizontal",
-      valueLabelDisplay: "auto",
+      valueLabelDisplay: "on",
       valueLabelFormat: value => dateUtils.dateToString(dateUtils.fromUnix(value), "yyyy iii dd MMM HH:mm 'UTC'", true, i18n.language),
       marks: marks,
       step: null,
@@ -2061,6 +2184,21 @@ const SoundingsTimeSlider = ({
       onChange: (_, value) => {
         updateSelectedTime(dateUtils.fromUnix(value).toISOString());
       },
+      // Workaround for MUI bug where labels are just draggable area and clicking on one
+      // does not necessarily select the described timestep
+      slotProps: {
+        markLabel: {
+          onPointerDown: event => {
+            event.preventDefault();
+            const markIndex = event.currentTarget.getAttribute('data-index');
+            const mark = marks[Number(markIndex)];
+            const {
+              value
+            } = mark;
+            updateSelectedTime(dateUtils.fromUnix(value).toISOString());
+          }
+        }
+      },
       extraStyles: {
         margin: '0px 20px 0px 20px',
         '.MuiSlider-markLabel': {
@@ -2174,18 +2312,21 @@ const getSelectedSourcesIds = createSelector(getSelectedSources, activeSources =
   return activeSources.map(source => source.collectionId);
 }, selectorMemoizationOptions);
 
-const SoundingsTimeSliderConnect = ({
-  timesteps
-}) => {
+const SoundingsTimeSliderConnect = () => {
   const selectedTime = useSelector(getSelectedTime);
+  const sourceSelections = useSelector(getSelectedSources);
   const dispatch = useDispatch();
   const updateSelectedTime = React.useCallback(selectedTime => {
     dispatch(soundingsActions.updateSelectedTime({
       selectedTime
     }));
   }, [dispatch]);
+  const timesteps = useTimesteps(sourceSelections);
+  const mergedTimesteps = Array.from(new Set(timesteps.flat())).sort();
+  // TODO: next line should work in Storybook but does not: https://gitlab.com/opengeoweb/geoweb-assets/-/issues/4025
+  // const mergedTimesteps =  [...new Set(timestepArrays.flat())].sort();
   return jsx(SoundingsTimeSlider, {
-    timesteps: timesteps,
+    timesteps: mergedTimesteps,
     selectedTime: selectedTime,
     updateSelectedTime: updateSelectedTime
   });
@@ -2278,15 +2419,14 @@ const MenuBarConnect = ({
 const SoundingsConnect = ({
   viewId
 }) => {
-  // TODO: use in follow-up: https://gitlab.com/opengeoweb/opengeoweb/-/issues/5991
-  // const selectedTime = useSelector(getSelectedTime);
+  const selectedTime = useSelector(getSelectedTime);
   const sourceSelections = useSelector(getSelectedSources);
   const locationSelections = useSelector(getLocationSelections);
   const {
     error,
     data,
     isPending
-  } = useMultipleSources(sourceSelections, locationSelections);
+  } = useMultipleSources(sourceSelections, locationSelections, selectedTime);
   return jsxs(Fragment, {
     children: [error && jsx(AlertBanner, {
       title: error.message,
@@ -2320,12 +2460,7 @@ const SoundingsConnect = ({
             top: 0
           }
         }
-      }), jsx(SoundingsTimeSliderConnect
-      // TODO: use real timesteps https://gitlab.com/opengeoweb/opengeoweb/-/issues/5991
-      , {
-        // TODO: use real timesteps https://gitlab.com/opengeoweb/opengeoweb/-/issues/5991
-        timesteps: []
-      })]
+      }), jsx(SoundingsTimeSliderConnect, {})]
     })]
   });
 };
@@ -2379,7 +2514,8 @@ const SoundingsSourceMenu = ({
       children: soundingsCollections && soundingsCollections.length > 0 ? soundingsCollections.map(collection => {
         const {
           isChecked,
-          instanceId
+          instanceId,
+          url
         } = sourceSelections[collection.id] || {};
         const hasInstances = collection.instances.length > 0;
         const selectedInstanceId = instanceId || collection.instances[0]?.id || undefined;
@@ -2392,6 +2528,7 @@ const SoundingsSourceMenu = ({
             children: jsx(Checkbox, {
               checked: !!isChecked,
               onChange: event => updateCollection(collection.id, {
+                url,
                 isChecked: event.target.checked,
                 instanceId: selectedInstanceId
               }),
@@ -2405,6 +2542,7 @@ const SoundingsSourceMenu = ({
             skipLocalStyling: false,
             value: selectedInstanceId || t('noInstancesAvailable'),
             onChange: event => updateCollection(collection.id, {
+              url,
               instanceId: event.target.value
             }),
             renderValue: value => jsx(Box, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/soundings",
-  "version": "12.5.0",
+  "version": "12.6.0",
   "description": "GeoWeb soundings library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,20 +8,22 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/api": "12.5.0",
+    "@opengeoweb/api": "12.6.0",
     "@tanstack/react-query": "^5.69.2",
     "react": "^18.3.1",
     "d3": "^7.9.0",
     "react-i18next": "^15.1.1",
     "i18next": "^25.0.1",
-    "@opengeoweb/shared": "12.5.0",
+    "@opengeoweb/shared": "12.6.0",
     "@mui/material": "^7.0.1",
-    "@opengeoweb/store": "12.5.0",
+    "@opengeoweb/store": "12.6.0",
     "react-redux": "^9.2.0",
-    "@opengeoweb/theme": "12.5.0",
+    "@opengeoweb/theme": "12.6.0",
     "@reduxjs/toolkit": "^2.6.1",
-    "@opengeoweb/timeslider": "12.5.0",
-    "react-window": "^1.8.10"
+    "@opengeoweb/timeslider": "12.6.0",
+    "react-window": "^1.8.10",
+    "@opengeoweb/webmap": "12.6.0",
+    "lodash": "^4.17.21"
   },
   "module": "./index.esm.js",
   "type": "module",

package/src/lib/api/edr-api/api.d.ts

@@ -1,5 +1,6 @@
-import { LocationsResponseFromBE, SoundingsInstances, CoverageCollection } from './types';
+import { CoverageCollection } from '@opengeoweb/shared';
+import { LocationsResponseFromBE, SoundingsInstances } from './types';
 export declare const getCollectionLocations: (collectionId: string, baseUrl: string) => Promise<LocationsResponseFromBE>;
-export declare const getCollectionInstance: (collectionId: string, baseUrl: string) => Promise<SoundingsInstances>;
+export declare const getCollectionInstances: (collectionId: string, baseUrl: string) => Promise<SoundingsInstances>;
 export declare const getEdrCollectionForLocation: (collectionId: string, baseUrl: string, instanceId: string | undefined, locationId: string, parameters: string[], datetime: string) => Promise<CoverageCollection>;
 export declare const getEdrCollectionForPosition: (collectionId: string, baseUrl: string, instanceId: string | undefined, coordinates: [number, number], parameters: string[], datetime: string) => Promise<CoverageCollection>;

package/src/lib/api/edr-api/hooks.d.ts

@@ -22,6 +22,7 @@ export declare const useMultipleSources: (sources: SourceType[], locations: Reco
     isPending: boolean;
     error: Error | null | undefined;
 };
+export declare const useTimesteps: (sourceSelections: SourceType[]) => string[][];
 export declare const useGetCollectionsInstances: (collections?: SoundingsCollection[], isDialogOpen?: boolean) => {
     data: SoundingsCollectionsWithInstances[] | undefined;
     isPending: boolean;

package/src/lib/api/edr-api/types.d.ts

@@ -1,5 +1,5 @@
 import { Geometry } from 'geojson';
-import { Referencing } from './crss-types';
+import { EDRInstance } from '@opengeoweb/shared';
 export interface FeaturesFromBE {
     id: string;
     type: string;
@@ -14,65 +14,6 @@ export interface LocationsResponseFromBE {
     features: FeaturesFromBE[];
     type: string;
 }
-interface AxisValues {
-    values: number[] | string[];
-}
-interface SingleValueAxis {
-    values: [number];
-}
-interface SingleTimeValueAxis {
-    values: [string];
-}
-interface VerticalProfileAxes {
-    x: SingleValueAxis;
-    y: SingleValueAxis;
-    z: AxisValues;
-    t?: SingleTimeValueAxis;
-}
-export interface VerticalProfileDomain {
-    type: 'Domain';
-    domainType: 'VerticalProfile';
-    axes: VerticalProfileAxes;
-    referencing?: Referencing[];
-}
-interface NdArray {
-    type: 'NdArray';
-    dataType: 'float' | 'integer' | 'string';
-    axisNames?: string[];
-    shape?: number[];
-    values: number[] | string[];
-}
-type Ranges = Record<string, NdArray>;
-type Description = Record<string, string>;
-type Label = Record<string, string>;
-interface Parameter {
-    type: 'Parameter';
-    id?: string;
-    label?: Label;
-    description?: Description;
-    unit?: {
-        label?: Label;
-        symbol?: Record<string, string>;
-    };
-    observedProperty: {
-        id?: string;
-        label: Label;
-        description?: Description;
-    };
-}
-export interface Coverage {
-    type: 'Coverage';
-    domain: VerticalProfileDomain;
-    ranges: Ranges;
-}
-export interface CoverageCollection {
-    type: 'CoverageCollection';
-    domainType: VerticalProfileDomain;
-    parameters: Record<string, Parameter>;
-    ranges: Record<string, NdArray>;
-    coverages: Coverage[];
-    referencing: Referencing[];
-}
 export interface SoundingFeatureProperties {
     time: string;
     temp: number;
@@ -86,11 +27,8 @@ export interface SoundingFeature {
     geometry: Geometry;
     properties: SoundingFeatureProperties;
 }
-export interface SoundingsInstance {
-    id: string;
-}
+export type SoundingsInstance = EDRInstance;
 export interface SoundingsInstances {
     instances: SoundingsInstance[];
 }
 export type SoundingDiagramType = 'SKEWT' | 'BIJVOET';
-export {};

package/src/lib/api/edr-api/utils.d.ts

@@ -1,2 +1,10 @@
-import { CoverageCollection, SoundingFeature } from './types';
+import { CoverageCollection } from '@opengeoweb/shared';
+import { SoundingFeature, SoundingsInstance } from './types';
 export declare function parseCoverageCollection(response: CoverageCollection, parameterMappings: Record<string, string>): SoundingFeature[];
+/**
+ * Parse duration with repeats
+ * @param dateString e.g. 'R67/2025-04-22T09:00:00Z/PT60M'
+ * @returns Array of ISO datetime strings, e.g., ['2025-04-22T09:00:00.000Z', ...]
+ */
+export declare const parseDurationWithRepeats: (dateString: string) => string[];
+export declare const getTimestepsFromInstance: (instance?: SoundingsInstance) => string[];

package/src/lib/components/SoundingsTimeSlider/SoundingsTimeSlider.stories.d.ts

@@ -6,3 +6,4 @@ type Story = StoryObj<typeof SoundingsTimeSlider>;
 export declare const ComponentLight: Story;
 export declare const ComponentDark: Story;
 export declare const NoTimesteps: Story;
+export declare const ManyTimesteps: Story;

package/src/lib/components/SoundingsTimeSlider/SoundingsTimeSliderConnect.d.ts

@@ -1,6 +1,2 @@
 import React from 'react';
-interface SoundingsTimeSliderConnectProps {
-    timesteps: string[];
-}
-export declare const SoundingsTimeSliderConnect: ({ timesteps, }: SoundingsTimeSliderConnectProps) => React.ReactElement;
-export {};
+export declare const SoundingsTimeSliderConnect: () => React.ReactElement;

package/src/lib/store/types.d.ts

@@ -9,7 +9,7 @@ export interface UpdateSourcePayload {
     value: SourceSelection;
 }
 export interface SourceSelection {
-    url?: string;
+    url: string;
     instanceId?: string;
     isChecked?: boolean;
     parameterMappings?: Record<string, string>;

package/src/lib/api/edr-api/crss-types.d.ts

@@ -1,26 +0,0 @@
-export interface Referencing {
-    coordinates: string[];
-    system: CRSSystem;
-}
-interface GeographicCRS {
-    type: 'GeographicCRS';
-    id: string;
-}
-interface ProjectedCRS {
-    type: 'ProjectedCRS';
-    id: string;
-}
-interface VerticalCRS {
-    type: 'VerticalCRS';
-    id: string;
-}
-interface EngineeringCRS {
-    type: 'EngineeringCRS';
-    id?: string;
-}
-interface TemporalRS {
-    type: 'TemporalRS';
-    calendar: string;
-}
-type CRSSystem = GeographicCRS | ProjectedCRS | VerticalCRS | EngineeringCRS | TemporalRS;
-export {};