mobility-toolbox-js 2.0.0-beta.6 → 2.0.0-beta.60

package/common/utils/getMaplibreRender.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMaplibreRender.d.ts","sourceRoot":"","sources":["../../../src/common/utils/getMaplibreRender.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C;;GAEG;AAEH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,aAAa,EAAE,aAAa,GAC3B,cAAc,CAuChB"}

package/common/utils/getMaplibreRender.js

@@ -0,0 +1,38 @@
+import { toLonLat } from 'ol/proj';
+import { toDegrees } from 'ol/math';
+/**
+ * Return the render function fo the olLayer of a MaplibreLayer
+ */
+export default function getMaplibreRender(maplibreLayer) {
+    let emptyDiv;
+    return (frameState) => {
+        const { map, mbMap, olLayer } = maplibreLayer;
+        if (!map || !mbMap) {
+            if (!emptyDiv) {
+                emptyDiv = document.createElement('div');
+            }
+            return emptyDiv;
+        }
+        const canvas = mbMap.getCanvas();
+        const { viewState } = frameState;
+        const opacity = (olLayer === null || olLayer === void 0 ? void 0 : olLayer.getOpacity()) || 1;
+        canvas.style.opacity = `${opacity}`;
+        // adjust view parameters in mapbox
+        mbMap.jumpTo({
+            center: toLonLat(viewState.center),
+            zoom: viewState.zoom - 1,
+            bearing: toDegrees(-viewState.rotation),
+        });
+        if (!canvas.isConnected) {
+            // The canvas is not connected to the DOM, request a map rendering at the next animation frame
+            // to set the canvas size.
+            map.render();
+        }
+        else if (canvas.width !== frameState.size[0] ||
+            canvas.height !== frameState.size[1]) {
+            mbMap.resize();
+        }
+        mbMap.redraw();
+        return mbMap.getContainer();
+    };
+}

package/common/utils/getRealtimeModeSuffix.d.ts

@@ -0,0 +1,10 @@
+import type { RealtimeMode } from '../../types';
+import type { RealtimeModesType } from '../../api/RealtimeAPI';
+/**
+ * Get the websocket channel suffix, depending on the current mode.
+ * @param {String} mode Mode 'topographic' ou 'schematic'.
+ * @private
+ */
+declare const getModeSuffix: (mode: RealtimeMode, modes: RealtimeModesType) => string;
+export default getModeSuffix;
+//# sourceMappingURL=getRealtimeModeSuffix.d.ts.map

package/common/utils/getRealtimeModeSuffix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRealtimeModeSuffix.d.ts","sourceRoot":"","sources":["../../../src/common/utils/getRealtimeModeSuffix.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D;;;;GAIG;AACH,QAAA,MAAM,aAAa,SAAU,YAAY,SAAS,iBAAiB,KAAG,MACxB,CAAC;AAE/C,eAAe,aAAa,CAAC"}

package/common/utils/getRealtimeModeSuffix.js

@@ -0,0 +1,7 @@
+/**
+ * Get the websocket channel suffix, depending on the current mode.
+ * @param {String} mode Mode 'topographic' ou 'schematic'.
+ * @private
+ */
+const getModeSuffix = (mode, modes) => mode === modes.SCHEMATIC ? '_schematic' : '';
+export default getModeSuffix;

package/common/utils/getUrlWithParams.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Return the styleUrl with apiKey parameters set.
+ * @param {string} url a url.
+ * @param {Object<String,String>} params a list of key/value pair to add to the url.
+ * @ignore
+ */
+declare const getUrlWithParams: (url: string, params: Object) => URL;
+export default getUrlWithParams;
+//# sourceMappingURL=getUrlWithParams.d.ts.map

package/common/utils/getUrlWithParams.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getUrlWithParams.d.ts","sourceRoot":"","sources":["../../../src/common/utils/getUrlWithParams.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,QAAA,MAAM,gBAAgB,QAAS,MAAM,UAAU,MAAM,KAAG,GAYvD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/common/utils/getUrlWithParams.js

@@ -0,0 +1,18 @@
+/**
+ * Return the styleUrl with apiKey parameters set.
+ * @param {string} url a url.
+ * @param {Object<String,String>} params a list of key/value pair to add to the url.
+ * @ignore
+ */
+const getUrlWithParams = (url, params) => {
+    // Clean requets parameters, removing undefined and null values.
+    const newUrl = new URL(url);
+    const searchParams = params || {};
+    Object.entries(searchParams).forEach(([key, value]) => {
+        if (value !== undefined && value !== null) {
+            newUrl.searchParams.set(key, value);
+        }
+    });
+    return newUrl;
+};
+export default getUrlWithParams;

package/common/utils/getVehiclePosition.d.ts

@@ -0,0 +1,16 @@
+import { Coordinate } from 'ol/coordinate';
+export declare type VehiclePosition = {
+    coord: Coordinate;
+    rotation: number;
+};
+/**
+ * Interpolate or not the vehicle position from a trajectory at a specific date.
+ *
+ * @param {number} now Current date to interpolate a position with. In ms.
+ * @param {RealtimeTrajectory} trajectory The trajectory to interpolate.
+ * @param {boolean} noInterpolate If true, the vehicle position is not interpolated on each render but only once.
+ * @returns
+ */
+declare const getVehiclePosition: (now: number, trajectory: GeoJSONFeature, noInterpolate: boolean) => VehiclePosition;
+export default getVehiclePosition;
+//# sourceMappingURL=getVehiclePosition.d.ts.map

package/common/utils/getVehiclePosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getVehiclePosition.d.ts","sourceRoot":"","sources":["../../../src/common/utils/getVehiclePosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,kBAAkB,QACjB,MAAM,6CAEI,OAAO,KACrB,eA2DF,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/common/utils/getVehiclePosition.js

@@ -0,0 +1,63 @@
+import GeomType from 'ol/geom/GeometryType';
+/**
+ * Interpolate or not the vehicle position from a trajectory at a specific date.
+ *
+ * @param {number} now Current date to interpolate a position with. In ms.
+ * @param {RealtimeTrajectory} trajectory The trajectory to interpolate.
+ * @param {boolean} noInterpolate If true, the vehicle position is not interpolated on each render but only once.
+ * @returns
+ */
+const getVehiclePosition = (now, trajectory, noInterpolate) => {
+    const { time_intervals: timeIntervals, olGeometry: geometry, coordinate, } = trajectory.properties;
+    let coord;
+    let rotation;
+    if (noInterpolate && coordinate) {
+        coord = coordinate;
+    }
+    else if (geometry.getType() === GeomType.POINT) {
+        coord = geometry.getCoordinates();
+    }
+    else if (geometry.getType() === GeomType.LINE_STRING) {
+        const intervals = timeIntervals || [[]];
+        const firstInterval = intervals[0];
+        const lastInterval = intervals[intervals.length - 1];
+        // Between the last time interval of a trajectory event and the beginning
+        // of the new trajectory event, there is few seconds, can be 6 to 30
+        // seconds (that's why the vehicle jumps sometimes).
+        // So we make the choice here to display the last (or the first) position
+        // of an trajectory event instead of removing them, if the current date is
+        // outside the time intervals we display the vehicle at the last (or first) position known.
+        if (now < firstInterval[0]) {
+            // Display first position known.
+            [, , rotation] = firstInterval;
+            coord = geometry.getFirstCoordinate();
+        }
+        else if (now > lastInterval[0]) {
+            // Display last position known.
+            [, , rotation] = lastInterval;
+            coord = geometry.getLastCoordinate();
+        }
+        else {
+            // Interpolate position using time intervals.
+            for (let j = 0; j < intervals.length - 1; j += 1) {
+                // Rotation only available in realtime layer.
+                const [start, startFrac] = intervals[j];
+                const [end, endFrac] = intervals[j + 1];
+                if (start <= now && now <= end) {
+                    // interpolate position inside the time interval.
+                    const timeFrac = Math.min((now - start) / (end - start), 1);
+                    const geomFrac = timeFrac * (endFrac - startFrac) + startFrac;
+                    coord = geometry.getCoordinateAt(geomFrac);
+                    [, , rotation] = intervals[j];
+                    break;
+                }
+            }
+        }
+    }
+    else {
+        // eslint-disable-next-line no-console
+        console.error('This geometry type is not supported. Only Point or LineString are. Current geometry: ', geometry);
+    }
+    return { coord, rotation };
+};
+export default getVehiclePosition;

package/common/utils/index.d.ts

@@ -0,0 +1,16 @@
+export { default as getUrlWithParams } from "./getUrlWithParams";
+export { default as getMapboxMapCopyrights } from "./getMapboxMapCopyrights";
+export { default as removeDuplicate } from "./removeDuplicate";
+export { default as createRealtimeFilters } from "./createRealtimeFilters";
+export { default as getLayersAsFlatArray } from "./getLayersAsFlatArray";
+export * from "./timeUtils";
+export { default as sortByDelay } from "./sortByDelay";
+export { default as renderTrajectories } from "./renderTrajectories";
+export { default as getMaplibreRender } from "./getMaplibreRender";
+export { default as getMapboxRender } from "./getMapboxRender";
+export { default as debounceDeparturesMessages } from "./debounceDeparturesMessages";
+export { default as debounceWebsocketMessages } from "./debounceWebsocketMessages";
+export { default as sortAndFilterDepartures } from "./sortAndFilterDepartures";
+export { default as compareDepartures } from "./compareDepartures";
+export * as realtimeConfig from "./realtimeConfig";
+//# sourceMappingURL=index.d.ts.map

package/common/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/common/utils/index.js"],"names":[],"mappings":""}

package/common/utils/index.js

@@ -0,0 +1,16 @@
+export { default as getUrlWithParams } from './getUrlWithParams';
+export { default as getMapboxMapCopyrights } from './getMapboxMapCopyrights';
+export { default as removeDuplicate } from './removeDuplicate';
+export { default as createRealtimeFilters } from './createRealtimeFilters';
+export { default as getLayersAsFlatArray } from './getLayersAsFlatArray';
+export * from './timeUtils';
+export { default as sortByDelay } from './sortByDelay';
+export { default as renderTrajectories } from './renderTrajectories';
+export { default as getMaplibreRender } from './getMaplibreRender';
+export { default as getMapboxRender } from './getMapboxRender';
+export { default as debounceDeparturesMessages } from './debounceDeparturesMessages';
+export { default as debounceWebsocketMessages } from './debounceWebsocketMessages';
+export { default as sortAndFilterDepartures } from './sortAndFilterDepartures';
+export { default as compareDepartures } from './compareDepartures';
+import * as realtimeConfig_1 from './realtimeConfig';
+export { realtimeConfig_1 as realtimeConfig };

package/common/utils/realtimeConfig.d.ts

@@ -0,0 +1,49 @@
+import { AnyCanvasContext, RealtimeMot } from '../../types';
+/**
+ * Trajserv value: 'Tram',  'Subway / Metro / S-Bahn',  'Train', 'Bus', 'Ferry', 'Cable Car', 'Gondola', 'Funicular', 'Long distance bus', 'Rail',
+ * New endpoint use Rail instead of Train.
+ * New tracker values:  null, "tram", "subway", "rail", "bus", "ferry", "cablecar", "gondola", "funicular", "coach".
+ *
+ * @ignore
+ */
+export declare const types: RegExp[];
+/**
+ * @ignore
+ */
+export declare const bgColors: string[];
+/**
+ * @ignore
+ */
+export declare const textColors: string[];
+/**
+ * @ignore
+ */
+export declare const getTypeIndex: (type: RealtimeMot) => number;
+/**
+ * @ignore
+ */
+export declare const getRadius: (type: RealtimeMot, zoom: number) => number;
+/**
+ * @ignore
+ */
+export declare const getBgColor: (type: RealtimeMot) => string;
+/**
+ * @ignore
+ */
+export declare const getTextColor: (type: RealtimeMot) => string;
+/**
+ * @ignore
+ */
+export declare const getTextSize: (ctx: AnyCanvasContext, markerSize: number, text: string, fontSize: number) => number;
+/**
+ * @ignore
+ * @param {number} delayInMs Delay in milliseconds.
+ * @param {boolean} cancelled true if the journey is cancelled.
+ * @param {boolean} isDelayText true if the color is used for delay text of the symbol.
+ */
+export declare const getDelayColor: (delayInMs: number, cancelled: boolean, isDelayText: boolean) => string;
+/**
+ * @ignore
+ */
+export declare const getDelayText: (delayInMs: number, cancelled: boolean) => string;
+//# sourceMappingURL=realtimeConfig.d.ts.map

package/common/utils/realtimeConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"realtimeConfig.d.ts","sourceRoot":"","sources":["../../../src/common/utils/realtimeConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAe5D;;;;;;GAMG;AACH,eAAO,MAAM,KAAK,EAAE,MAAM,EAWzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,MAAM,EAW5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,EAW9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,WAAW,KAAG,MAKhD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,SAAU,WAAW,QAAQ,MAAM,KAAG,MAO3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,WAAW,KAAG,MAO9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,WAAW,KAAG,MAOhD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,QACjB,gBAAgB,cACT,MAAM,QACZ,MAAM,YACF,MAAM,KACf,MAkBF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,cACb,MAAM,aACN,OAAO,eACL,OAAO,KACnB,MAoBF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,cAAe,MAAM,aAAa,OAAO,KAAG,MAmBpE,CAAC"}

package/common/utils/realtimeConfig.js

@@ -0,0 +1,173 @@
+const radiusMapping = [
+    [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    [0, 0, 0, 0, 0, 2, 2, 3, 7, 7, 7, 12, 15, 15, 15, 15, 15],
+    [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    [0, 0, 0, 0, 0, 2, 2, 3, 7, 7, 7, 12, 15, 15, 15, 15, 15],
+];
+/**
+ * Trajserv value: 'Tram',  'Subway / Metro / S-Bahn',  'Train', 'Bus', 'Ferry', 'Cable Car', 'Gondola', 'Funicular', 'Long distance bus', 'Rail',
+ * New endpoint use Rail instead of Train.
+ * New tracker values:  null, "tram", "subway", "rail", "bus", "ferry", "cablecar", "gondola", "funicular", "coach".
+ *
+ * @ignore
+ */
+export const types = [
+    /^Tram/i,
+    /^Subway( \/ Metro \/ S-Bahn)?/i,
+    /^Train/i,
+    /^Bus/i,
+    /^Ferry/i,
+    /^Cable ?Car/i,
+    /^Gondola/i,
+    /^Funicular/i,
+    /^(Long distance bus|coach)/i,
+    /^Rail/i, // New endpoint use Rail instead of Train.
+];
+/**
+ * @ignore
+ */
+export const bgColors = [
+    '#ffb400',
+    '#ff5400',
+    '#ff8080',
+    '#ea0000',
+    '#3000ff',
+    '#ffb400',
+    '#41a27b',
+    '#00d237',
+    '#b5b5b5',
+    '#ff8080',
+];
+/**
+ * @ignore
+ */
+export const textColors = [
+    '#000000',
+    '#ffffff',
+    '#000000',
+    '#ffffff',
+    '#ffffff',
+    '#000000',
+    '#ffffff',
+    '#000000',
+    '#000000',
+    '#000000',
+];
+/**
+ * @ignore
+ */
+export const getTypeIndex = (type) => {
+    if (typeof type === 'string') {
+        return types.findIndex((t) => t.test(type));
+    }
+    return type;
+};
+/**
+ * @ignore
+ */
+export const getRadius = (type, zoom) => {
+    try {
+        const typeIdx = getTypeIndex(type || 0);
+        return radiusMapping[typeIdx][zoom];
+    }
+    catch (e) {
+        return 1;
+    }
+};
+/**
+ * @ignore
+ */
+export const getBgColor = (type) => {
+    try {
+        const typeIdx = getTypeIndex(type);
+        return bgColors[typeIdx];
+    }
+    catch (e) {
+        return '#ffffff';
+    }
+};
+/**
+ * @ignore
+ */
+export const getTextColor = (type) => {
+    try {
+        const typeIdx = getTypeIndex(type);
+        return textColors[typeIdx];
+    }
+    catch (e) {
+        return '#ffffff';
+    }
+};
+/**
+ * @ignore
+ */
+export const getTextSize = (ctx, markerSize, text, fontSize) => {
+    if (!ctx) {
+        return 0;
+    }
+    ctx.font = `bold ${fontSize}px Arial`;
+    let newText = ctx.measureText(text);
+    const maxiter = 25;
+    let i = 0;
+    while (newText.width > markerSize - 6 && i < maxiter) {
+        // eslint-disable-next-line no-param-reassign
+        fontSize -= 0.5;
+        ctx.font = `bold ${fontSize}px arial, sans-serif`;
+        newText = ctx.measureText(text);
+        i += 1;
+    }
+    return fontSize;
+};
+/**
+ * @ignore
+ * @param {number} delayInMs Delay in milliseconds.
+ * @param {boolean} cancelled true if the journey is cancelled.
+ * @param {boolean} isDelayText true if the color is used for delay text of the symbol.
+ */
+export const getDelayColor = (delayInMs, cancelled, isDelayText) => {
+    if (cancelled) {
+        return isDelayText ? '#ff0000' : '#a0a0a0'; // red or gray
+    }
+    if (delayInMs >= 3600000) {
+        return '#ed004c'; // pink { r: 237, g: 0, b: 76, s: '237,0,76' };
+    }
+    if (delayInMs >= 500000) {
+        return '#e80000'; // red { r: 232, g: 0, b: 0, s: '232,0,0' };
+    }
+    if (delayInMs >= 300000) {
+        return '#ff4a00'; // orange { r: 255, g: 74, b: 0, s: '255,74,0' };
+    }
+    if (delayInMs >= 180000) {
+        return '#f7bf00'; // yellow { r: 247, g: 191, b: 0, s: '247,191,0' };
+    }
+    if (delayInMs === null) {
+        return '#a0a0a0'; // grey { r: 160, g: 160, b: 160, s: '160,160,160' };
+    }
+    return '#00a00c'; // green { r: 0, g: 160, b: 12, s: '0,160,12' };
+};
+/**
+ * @ignore
+ */
+export const getDelayText = (delayInMs, cancelled) => {
+    if (cancelled) {
+        return String.fromCodePoint(0x00d7);
+    }
+    if (delayInMs > 3600000) {
+        const rounded = Math.round(delayInMs / 3600000);
+        return `+${rounded}h`;
+    }
+    if (delayInMs > 59000) {
+        const rounded = Math.round(delayInMs / 60000);
+        return `+${rounded}m`;
+    }
+    if (delayInMs > 0) {
+        return `+${delayInMs}s`;
+    }
+    return '';
+};

package/common/utils/removeDuplicate.d.ts

@@ -0,0 +1,10 @@
+/**
+ * This function remove duplicates lower case string value of an array.
+ * It removes also null, undefined or non string values.
+ *
+ * @param {array} array Array of values.
+ * @ignore
+ */
+declare const removeDuplicate: (array: any[]) => any[];
+export default removeDuplicate;
+//# sourceMappingURL=removeDuplicate.d.ts.map

package/common/utils/removeDuplicate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"removeDuplicate.d.ts","sourceRoot":"","sources":["../../../src/common/utils/removeDuplicate.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,QAAA,MAAM,eAAe,UAAW,GAAG,EAAE,UAYpC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/common/utils/removeDuplicate.js

@@ -0,0 +1,15 @@
+/**
+ * This function remove duplicates lower case string value of an array.
+ * It removes also null, undefined or non string values.
+ *
+ * @param {array} array Array of values.
+ * @ignore
+ */
+const removeDuplicate = (array) => {
+    const arrWithoutEmptyValues = array.filter((val) => val !== undefined && val !== null && val.trim && val.trim());
+    const lowerCasesValues = arrWithoutEmptyValues.map((str) => str.toLowerCase());
+    const uniqueLowerCaseValues = [...new Set(lowerCasesValues)];
+    const uniqueValues = uniqueLowerCaseValues.map((uniqueStr) => arrWithoutEmptyValues.find((str) => str.toLowerCase() === uniqueStr));
+    return uniqueValues;
+};
+export default removeDuplicate;

package/common/utils/renderTrajectories.d.ts

@@ -0,0 +1,17 @@
+import { AnyCanvas, RealtimeRenderState, RealtimeStyleFunction, RealtimeStyleOptions, RealtimeTrajectories, ViewState } from '../../types';
+/**
+ * Draw all the trajectories available in a canvas.
+ * @param {HTMLCanvas|HTMLOffscreenCanvas} The canvas where to draw the trajectories.
+ * @param {ViewState} trajectories An array of trajectories.
+ * @param {Function} style A function that returns a canvas representing a vehicle of a specific trajectory.
+ * @param {ViewState} viewState The view state of the map.
+ * @param {boolean} options.hoverVehicleId The id of the vehicle to highlight.
+ * @param {boolean} options.selectedVehicleId The id of the vehicle to select.
+ * @param {boolean} options.noInterpolate If true trajectories are not interpolated but
+ *   drawn at the last known coordinate. Use this for performance optimization
+ *   during map navigation.
+ * @private
+ */
+declare const renderTrajectories: (canvas: AnyCanvas, trajectories: RealtimeTrajectories, style: RealtimeStyleFunction, viewState: ViewState, options: RealtimeStyleOptions) => RealtimeRenderState;
+export default renderTrajectories;
+//# sourceMappingURL=renderTrajectories.d.ts.map

package/common/utils/renderTrajectories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderTrajectories.d.ts","sourceRoot":"","sources":["../../../src/common/utils/renderTrajectories.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,SAAS,EACT,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,EACpB,SAAS,EACV,MAAM,aAAa,CAAC;AAGrB;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,kBAAkB,WACd,SAAS,gBACH,oBAAoB,SAC3B,qBAAqB,aACjB,SAAS,WACX,oBAAoB,KAC5B,mBAmLF,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/common/utils/renderTrajectories.js

@@ -0,0 +1,121 @@
+/* eslint-disable no-param-reassign */
+import { compose, apply, create } from 'ol/transform';
+import getVehiclePosition from './getVehiclePosition';
+/**
+ * Draw all the trajectories available in a canvas.
+ * @param {HTMLCanvas|HTMLOffscreenCanvas} The canvas where to draw the trajectories.
+ * @param {ViewState} trajectories An array of trajectories.
+ * @param {Function} style A function that returns a canvas representing a vehicle of a specific trajectory.
+ * @param {ViewState} viewState The view state of the map.
+ * @param {boolean} options.hoverVehicleId The id of the vehicle to highlight.
+ * @param {boolean} options.selectedVehicleId The id of the vehicle to select.
+ * @param {boolean} options.noInterpolate If true trajectories are not interpolated but
+ *   drawn at the last known coordinate. Use this for performance optimization
+ *   during map navigation.
+ * @private
+ */
+const renderTrajectories = (canvas, trajectories, style, viewState, options) => {
+    if (!canvas) {
+        return { renderedTrajectories: [] };
+    }
+    const { time = Date.now(), size = [], center, resolution, rotation = 0, pixelRatio = 1, } = viewState;
+    if (!resolution || !center) {
+        return { renderedTrajectories: [] };
+    }
+    const { noInterpolate = false, hoverVehicleId, selectedVehicleId, filter, } = options;
+    const context = canvas.getContext('2d');
+    context === null || context === void 0 ? void 0 : context.clearRect(0, 0, canvas.width, canvas.height);
+    const [width, height] = size;
+    if (width && height && (canvas.width !== width || canvas.height !== height)) {
+        [canvas.width, canvas.height] = [width * pixelRatio, height * pixelRatio];
+    }
+    const coordinateToPixelTransform = compose(create(), size[0] / 2, size[1] / 2, 1 / resolution, -1 / resolution, -rotation, -center[0], -center[1]);
+    // Offscreen canvas has not style attribute
+    if (canvas.style) {
+        canvas.style.width = `${canvas.width / pixelRatio}px`;
+        canvas.style.height = `${canvas.height / pixelRatio}px`;
+    }
+    let hoverVehicleImg;
+    let hoverVehiclePx;
+    let hoverVehicleWidth;
+    let hoverVehicleHeight;
+    let selectedVehicleImg;
+    let selectedVehiclePx;
+    let selectedVehicleWidth;
+    let selectedVehicleHeight;
+    const renderedTrajectories = [];
+    for (let i = trajectories.length - 1; i >= 0; i -= 1) {
+        const trajectory = trajectories[i];
+        // Filter out trajectories
+        if (filter && !filter(trajectory)) {
+            // eslint-disable-next-line no-continue
+            continue;
+        }
+        // We simplify the trajectory object
+        const { train_id: id, timeOffset } = trajectory.properties;
+        // We set the rotation and the timeFraction of the trajectory (used by tralis).
+        // if rotation === null that seems there is no rotation available.
+        const { coord, rotation: rotationIcon } = getVehiclePosition(time - (timeOffset || 0), trajectory, noInterpolate);
+        // We store  the current vehicle position to the trajectory.
+        trajectories[i].properties.coordinate = coord;
+        trajectories[i].properties.rotation = rotationIcon;
+        if (!coord) {
+            // eslint-disable-next-line no-continue
+            continue;
+        }
+        let px = apply(coordinateToPixelTransform, [...coord]);
+        if (!px) {
+            // eslint-disable-next-line no-continue
+            continue;
+        }
+        px = px.map((p) => p * pixelRatio);
+        if (px[0] < 0 ||
+            px[0] > canvas.width ||
+            px[1] < 0 ||
+            px[1] > canvas.height) {
+            // eslint-disable-next-line no-continue
+            continue;
+        }
+        const vehicleImg = style(trajectory, viewState, options);
+        if (!vehicleImg) {
+            // eslint-disable-next-line no-continue
+            continue;
+        }
+        const imgWidth = vehicleImg.width;
+        const imgHeight = vehicleImg.height;
+        if (hoverVehicleId !== id && selectedVehicleId !== id) {
+            context === null || context === void 0 ? void 0 : context.drawImage(vehicleImg, px[0] - imgWidth / 2, px[1] - imgHeight / 2, imgWidth, imgHeight);
+        }
+        if (hoverVehicleId && hoverVehicleId === id) {
+            // Store the canvas to draw it at the end
+            hoverVehicleImg = vehicleImg;
+            hoverVehiclePx = px;
+            hoverVehicleWidth = imgWidth;
+            hoverVehicleHeight = imgHeight;
+        }
+        if (selectedVehicleId && selectedVehicleId === id) {
+            // Store the canvas to draw it at the end
+            selectedVehicleImg = vehicleImg;
+            selectedVehiclePx = px;
+            selectedVehicleWidth = imgWidth;
+            selectedVehicleHeight = imgHeight;
+        }
+        renderedTrajectories.push(trajectory);
+    }
+    if (selectedVehicleImg &&
+        selectedVehiclePx &&
+        selectedVehicleWidth &&
+        selectedVehicleHeight) {
+        context === null || context === void 0 ? void 0 : context.drawImage(selectedVehicleImg, selectedVehiclePx[0] - selectedVehicleWidth / 2, selectedVehiclePx[1] - selectedVehicleHeight / 2, selectedVehicleWidth, selectedVehicleHeight);
+    }
+    if (hoverVehicleImg &&
+        hoverVehiclePx &&
+        hoverVehicleWidth &&
+        hoverVehicleHeight) {
+        context === null || context === void 0 ? void 0 : context.drawImage(hoverVehicleImg, hoverVehiclePx[0] - hoverVehicleWidth / 2, hoverVehiclePx[1] - hoverVehicleHeight / 2, hoverVehicleWidth, hoverVehicleHeight);
+    }
+    return {
+        renderedTrajectories,
+    };
+};
+export default renderTrajectories;

package/common/utils/sortAndFilterDepartures.d.ts

@@ -0,0 +1,16 @@
+import { RealtimeAPIDeparturesById } from '../../api/RealtimeAPI';
+import type { RealtimeDepartureExtended } from '../../types';
+/**
+ * This function sort Departures by arrival time and filter out unwanted departures:
+ *  - when dparture time is in the past
+ *  - when departure are duplicated
+ *  - when departure is not in the next 30 min
+ *
+ * @param {Object} depObject The object containing departures by id.
+ * @param {boolean} [sortByMinArrivalTime=false] If true sort departures by arrival time.
+ * @return {Array<Departure>} Return departures array.
+ * @private
+ */
+declare const sortAndfilterDepartures: (depObject: RealtimeAPIDeparturesById, sortByMinArrivalTime?: boolean, maxDepartureAge?: number) => RealtimeDepartureExtended[];
+export default sortAndfilterDepartures;
+//# sourceMappingURL=sortAndFilterDepartures.d.ts.map

package/common/utils/sortAndFilterDepartures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortAndFilterDepartures.d.ts","sourceRoot":"","sources":["../../../src/common/utils/sortAndFilterDepartures.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAG7D;;;;;;;;;;GAUG;AACH,QAAA,MAAM,uBAAuB,cAChB,yBAAyB,yBACd,OAAO,oBACZ,MAAM,KACtB,yBAAyB,EAwD3B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}