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

package/common/styles/realtimeSimpleStyle.js

@@ -0,0 +1,24 @@
+/**
+ * A very simple tracker style.
+ * Display blue point for each train.
+ */
+let canvas;
+const realtimeSimpleStyle = () => {
+    if (!canvas) {
+        canvas = document.createElement('canvas');
+        canvas.width = 15;
+        canvas.height = 15;
+        const ctx = canvas.getContext('2d');
+        if (ctx) {
+            ctx.arc(8, 8, 5, 0, 2 * Math.PI, false);
+            ctx.fillStyle = '#8ED6FF';
+            ctx.fill();
+            ctx.lineWidth = 3;
+            ctx.strokeStyle = 'black';
+            ctx.stroke();
+            ctx.lineWidth = 3;
+        }
+    }
+    return canvas;
+};
+export default realtimeSimpleStyle;

package/common/typedefs.d.ts

@@ -0,0 +1,111 @@
+type FilterFunction = Function;
+type SortFunction = Function;
+type ViewState = {
+    /**
+     * A time in ms.
+     */
+    time: number | undefined;
+    /**
+     * A center in mercator coordinate.
+     */
+    center: number[2] | undefined;
+    /**
+     * An Extent in mercator coordinates.
+     */
+    extent: any;
+    /**
+     * A size ([width, height]).
+     */
+    size: any;
+    /**
+     * A rotation in radians.
+     */
+    rotation: number;
+    /**
+     * A resolution.
+     */
+    resolution: number;
+    /**
+     * A zoom level.
+     */
+    zoom: number;
+    /**
+     * A pixel ratio.
+     */
+    pixelRatio: number | undefined;
+};
+type FeatureInfo = {
+    /**
+     * A layer.
+     */
+    layer: Layer;
+    /**
+     * /Feature~Feature[]} features  An array of features.
+     */
+    "": ol;
+    /**
+     * The coordinate where to find the featue.
+     */
+    coordinate: any;
+};
+type ControlCommonOptions = {
+    /**
+     * Whether the control is active or not.
+     */
+    active?: boolean | undefined;
+    /**
+     * The HTML element used to render the control.
+     */
+    element: HTMLElement;
+    /**
+     * The HTML element where to render the element property. Default is the map's element.
+     */
+    target: HTMLElement;
+    /**
+     * Render function called whenever the control needs to be rerendered.
+     */
+    render: Function;
+};
+type LayerCommonOptions = {
+    /**
+     * Identifier of the layer. Must be unique.
+     */
+    key: string;
+    /**
+     * Name of the layer.
+     */
+    name: string;
+    /**
+     * Group of the layer.
+     */
+    group: string;
+    /**
+     * List of copyrights.
+     */
+    copyrights: string[];
+    /**
+     * List of children layers.
+     */
+    children: Layer[];
+    /**
+     * Define if the layer is currently display on the map.
+     */
+    visible: boolean;
+    /**
+     * Define if the layer is currently display on the map but can't be seen (extent, zoom ,data restrictions).
+     */
+    disabled: boolean;
+    /**
+     * Hit-detection tolerance in css pixels. Pixels inside the radius around the given position will be checked for features.
+     */
+    hittolerance: number;
+    /**
+     * - Custom properties.
+     */
+    properties: Object;
+    /**
+     * - The map used to display the layer.
+     */
+    map: AnyMap;
+};
+//# sourceMappingURL=typedefs.d.ts.map

package/common/typedefs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typedefs.d.ts","sourceRoot":"","sources":["../../src/common/typedefs.js"],"names":[],"mappings":";;;;;;UAcc,MAAM,GAAC,SAAS;;;;YAChB,MAAM,CAAC,CAAC,CAAC,GAAC,SAAS;;;;;;;;;;;;cAGnB,MAAM;;;;gBACN,MAAM;;;;UACN,MAAM;;;;gBACN,MAAM,GAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;aAiBhB,WAAW;;;;YACX,WAAW;;;;;;;;;;SAMX,MAAM;;;;UACN,MAAM;;;;WACN,MAAM;;;;gBACN,MAAM,EAAE;;;;cACR,OAAO;;;;aACP,OAAO;;;;cACP,OAAO;;;;kBACP,MAAM;;;;gBACN,MAAM"}

package/common/typedefs.js

@@ -0,0 +1,52 @@
+"use strict";
+/**
+ * @typedef {function} FilterFunction
+ * @param {Vehicle} vehicle Vehicle to filter.
+ * @returns boolean
+ */
+/**
+ * @typedef {function} SortFunction
+ * @param {any} a Object a to compare.
+ * @param {any} b Object b to compare.
+ * @returns number
+ */
+/**
+ * @typedef {Object} ViewState
+ * @property {number|undefined} time A time in ms.
+ * @property {number[2]|undefined} center A center in mercator coordinate.
+ * @property {number[4]} extent An Extent in mercator coordinates.
+ * @property {number[2]} size A size ([width, height]).
+ * @property {number} rotation A rotation in radians.
+ * @property {number} resolution A resolution.
+ * @property {number} zoom A zoom level.
+ * @property {number|undefined} pixelRatio A pixel ratio.
+ */
+/**
+ * @typedef {Object} FeatureInfo
+ * @property {Layer} layer A layer.
+ * @property {ol/Feature~Feature[]} features  An array of features.
+ * @property {number[2]} coordinate The coordinate where to find the featue.
+ */
+/**
+ * @typedef {ol/Map~Map|mapboxgl.Map|maplibregl.Map} AnyMap
+ */
+/**
+ * @typedef {Object} ControlCommonOptions
+ * @property {boolean} [active = true] Whether the control is active or not.
+ * @property {HTMLElement} element The HTML element used to render the control.
+ * @property {HTMLElement} target The HTML element where to render the element property. Default is the map's element.
+ * @property {function} render Render function called whenever the control needs to be rerendered.
+ */
+/**
+ * @typedef {Object} LayerCommonOptions
+ * @property {string!} key Identifier of the layer. Must be unique.
+ * @property {string!} name  Name of the layer.
+ * @property {string!} group Group of the layer.
+ * @property {string[]!} copyrights List of copyrights.
+ * @property {Layer[]!} children List of children layers.
+ * @property {boolean!} visible  Define if the layer is currently display on the map.
+ * @property {boolean!} disabled Define if the layer is currently display on the map but can't be seen (extent, zoom ,data restrictions).
+ * @property {number!} hittolerance Hit-detection tolerance in css pixels. Pixels inside the radius around the given position will be checked for features.
+ * @property {Object!} properties - Custom properties.
+ * @property {AnyMap!} map - The map used to display the layer.
+ */

package/common/utils/compareDepartures.d.ts

@@ -0,0 +1,11 @@
+import { RealtimeDeparture } from '../../types';
+/**
+ * Compare two given departures for sort alogithm,
+ * @param {Departure} a First departure.
+ * @param {Departure} b Second departure.
+ * @param {boolean} [sortByMinArrivalTime=false] Sort departures by arrival time.
+ * @private
+ */
+declare const compareDepartures: (a: RealtimeDeparture, b: RealtimeDeparture, sortByMinArrivalTime?: boolean) => number;
+export default compareDepartures;
+//# sourceMappingURL=compareDepartures.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"compareDepartures.d.ts","sourceRoot":"","sources":["../../../src/common/utils/compareDepartures.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhD;;;;;;GAMG;AACH,QAAA,MAAM,iBAAiB,MAClB,iBAAiB,KACjB,iBAAiB,yBACE,OAAO,KAC5B,MA8BF,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/common/utils/compareDepartures.js

@@ -0,0 +1,35 @@
+/**
+ * Compare two given departures for sort alogithm,
+ * @param {Departure} a First departure.
+ * @param {Departure} b Second departure.
+ * @param {boolean} [sortByMinArrivalTime=false] Sort departures by arrival time.
+ * @private
+ */
+const compareDepartures = (a, b, sortByMinArrivalTime = false) => {
+    // First LEAVING and HIDDEN, then BOARDING and then sorted by time.
+    const topStates = ['HIDDEN', 'LEAVING', 'BOARDING'];
+    const aTop = a.has_fzo && topStates.indexOf(a.state) > -1;
+    const bTop = b.has_fzo && topStates.indexOf(b.state) > -1;
+    if (aTop || bTop) {
+        if (aTop !== bTop) {
+            return aTop ? -1 : 1;
+        }
+        if (a.state !== b.state) {
+            // one is leaving
+            return topStates.indexOf(a.state) - topStates.indexOf(b.state);
+        }
+    }
+    let aDuration = null;
+    let bDuration = null;
+    const now = Date.now();
+    if (sortByMinArrivalTime) {
+        aDuration = new Date(a.min_arrival_time || a.time).getTime() - now;
+        bDuration = new Date(b.min_arrival_time || b.time).getTime() - now;
+    }
+    else {
+        aDuration = new Date(a.time).getTime() - now;
+        bDuration = new Date(b.time).getTime() - now;
+    }
+    return aDuration - bDuration;
+};
+export default compareDepartures;

package/common/utils/createCanvas.d.ts

@@ -0,0 +1,10 @@
+import { AnyCanvas } from '../../types';
+/**
+ * This function try to create a canvas element and return it.
+ * it uses document.createElement('canvas') if document is available
+ * or new OffscreenCanvas(width, height) if OffscreenCanvas is avalaible (for web worker)
+ * or it returns null if neither is available.
+ */
+declare const createCanvas: (width: number, height: number) => AnyCanvas | null;
+export default createCanvas;
+//# sourceMappingURL=createCanvas.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createCanvas.d.ts","sourceRoot":"","sources":["../../../src/common/utils/createCanvas.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;;;;GAKG;AACH,QAAA,MAAM,YAAY,UAAW,MAAM,UAAU,MAAM,KAAG,SAAS,GAAG,IAqBjE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/common/utils/createCanvas.js

@@ -0,0 +1,27 @@
+/**
+ * This function try to create a canvas element and return it.
+ * it uses document.createElement('canvas') if document is available
+ * or new OffscreenCanvas(width, height) if OffscreenCanvas is avalaible (for web worker)
+ * or it returns null if neither is available.
+ */
+const createCanvas = (width, height) => {
+    let canvas = null;
+    // Prevent SSR errors
+    if (typeof window === 'undefined') {
+        return null;
+    }
+    if (document === null || document === void 0 ? void 0 : document.createElement) {
+        canvas = document.createElement('canvas');
+        canvas.width = width;
+        canvas.height = height;
+    }
+    else if (OffscreenCanvas) {
+        canvas = new OffscreenCanvas(width, height);
+    }
+    else {
+        // eslint-disable-next-line no-console
+        console.error("We didn't find a way to create a canvas element, document.createElement('canvas') and new OffscrenCanvas() are not supported");
+    }
+    return canvas;
+};
+export default createCanvas;

package/common/utils/createRealtimeFilters.d.ts

@@ -0,0 +1,13 @@
+import { RealtimeTrajectory } from '../../types';
+/**
+ * Return a filter functions based on some parameters of a vehicle.
+ *
+ * @param {string|Array<string>} line - A list of vehicle's name to filter. Names can be separated by a comma. Ex: 'S1,S2,S3'
+ * @param {string|Array<string} route - A list of vehicle's route (contained in route_identifier property) to filter. Indentifiers can be separated by a comma. Ex: 'id1,id2,id3'
+ * @param {string|Array<string} operator  A list of vehicle's operator to filter. Operators can be separated by a comma. Ex: 'SBB,DB'
+ * @param {Regexp} regexLine - A regex aplly of vehcile's name.
+ * @private
+ */
+declare const createRealtimeFilters: (line: string | string[], route: string | string[], operator: string | string[], regexLine: string | string[]) => ((trajectory: RealtimeTrajectory) => boolean) | null;
+export default createRealtimeFilters;
+//# sourceMappingURL=createRealtimeFilters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createRealtimeFilters.d.ts","sourceRoot":"","sources":["../../../src/common/utils/createRealtimeFilters.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD;;;;;;;;GAQG;AACH,QAAA,MAAM,qBAAqB,SACnB,MAAM,GAAG,MAAM,EAAE,SAChB,MAAM,GAAG,MAAM,EAAE,YACd,MAAM,GAAG,MAAM,EAAE,aAChB,MAAM,GAAG,MAAM,EAAE,mBACb,kBAAkB,KAAK,OAAO,QA8E9C,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/common/utils/createRealtimeFilters.js

@@ -0,0 +1,74 @@
+/**
+ * Return a filter functions based on some parameters of a vehicle.
+ *
+ * @param {string|Array<string>} line - A list of vehicle's name to filter. Names can be separated by a comma. Ex: 'S1,S2,S3'
+ * @param {string|Array<string} route - A list of vehicle's route (contained in route_identifier property) to filter. Indentifiers can be separated by a comma. Ex: 'id1,id2,id3'
+ * @param {string|Array<string} operator  A list of vehicle's operator to filter. Operators can be separated by a comma. Ex: 'SBB,DB'
+ * @param {Regexp} regexLine - A regex aplly of vehcile's name.
+ * @private
+ */
+const createRealtimeFilters = (line, route, operator, regexLine) => {
+    const filterList = [];
+    if (!line && !route && !operator && !regexLine) {
+        return null;
+    }
+    if (regexLine) {
+        const regexLineList = typeof regexLine === 'string' ? [regexLine] : regexLine;
+        const lineFilter = (item) => {
+            const name = item.properties.name ||
+                (item.properties.line && item.properties.line.name) ||
+                '';
+            if (!name) {
+                return false;
+            }
+            return regexLineList.some((regexStr) => new RegExp(regexStr, 'i').test(name));
+        };
+        filterList.push(lineFilter);
+    }
+    if (line) {
+        const lineFiltersList = typeof line === 'string' ? line.split(',') : line;
+        const lineList = lineFiltersList.map((l) => l.replace(/\s+/g, '').toUpperCase());
+        const lineFilter = (item) => {
+            const { line: linee, name } = item.properties;
+            const lineName = (name || (linee && linee.name) || '').toUpperCase();
+            if (!lineName) {
+                return false;
+            }
+            return lineList.includes(lineName);
+        };
+        filterList.push(lineFilter);
+    }
+    if (route) {
+        const routes = typeof route === 'string' ? route.split(',') : route;
+        const routeList = routes.map((item) => parseInt(item, 10));
+        const routeFilter = (item) => {
+            const routeIdentifier = item.properties.route_identifier ||
+                item.properties.routeIdentifier ||
+                '';
+            const routeId = parseInt(routeIdentifier.split('.')[0], 10);
+            return routeList.includes(routeId);
+        };
+        filterList.push(routeFilter);
+    }
+    if (operator) {
+        const operatorList = typeof operator === 'string' ? [operator] : operator;
+        const operatorFilter = (item) => operatorList.some((op) => {
+            // operaotr is the old property tenant is the new one
+            const tenant = item.properties.operator || item.properties.tenant || '';
+            return new RegExp(op, 'i').test(tenant);
+        });
+        filterList.push(operatorFilter);
+    }
+    if (!filterList.length) {
+        return null;
+    }
+    return (item) => {
+        for (let i = 0; i < filterList.length; i += 1) {
+            if (!filterList[i](item)) {
+                return false;
+            }
+        }
+        return true;
+    };
+};
+export default createRealtimeFilters;

package/common/utils/debounceDeparturesMessages.d.ts

@@ -0,0 +1,12 @@
+import type { RealtimeDeparture, RealtimeDepartureExtended } from '../../types';
+import type { WebSocketAPIMessageCallback } from '../api/WebSocketAPI';
+/**
+ * This function returns a WebSocket api callback, and call the onDeparturesUpdate function with the list of current departures to display.
+ * @param {function(departures: RealtimeDeparture[])} onDeparturesUpdate callback when list of departures changes, called after 100 ms
+ * @param {boolean} [sortByMinArrivalTime = true] Sort departures by arrival time
+ * @param {number} [maxDepartureAge = 30] max departure age of departures in minutes
+ * @param {number} [timeout = 100] debounce timeout in ms
+ */
+declare const debounceDeparturesMessages: (onDeparturesUpdate: (departures: RealtimeDepartureExtended[]) => {}, sortByMinArrivalTime?: boolean, maxDepartureAge?: number, timeout?: number) => WebSocketAPIMessageCallback<RealtimeDeparture>;
+export default debounceDeparturesMessages;
+//# sourceMappingURL=debounceDeparturesMessages.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"debounceDeparturesMessages.d.ts","sourceRoot":"","sources":["../../../src/common/utils/debounceDeparturesMessages.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAChF,OAAO,KAAK,EACV,2BAA2B,EAE5B,MAAM,qBAAqB,CAAC;AAG7B;;;;;;GAMG;AACH,QAAA,MAAM,0BAA0B,oCACG,yBAAyB,EAAE,KAAK,EAAE,iFAIlE,4BAA4B,iBAAiB,CAwB/C,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/common/utils/debounceDeparturesMessages.js

@@ -0,0 +1,24 @@
+import sortAndFilterDepartures from './sortAndFilterDepartures';
+/**
+ * This function returns a WebSocket api callback, and call the onDeparturesUpdate function with the list of current departures to display.
+ * @param {function(departures: RealtimeDeparture[])} onDeparturesUpdate callback when list of departures changes, called after 100 ms
+ * @param {boolean} [sortByMinArrivalTime = true] Sort departures by arrival time
+ * @param {number} [maxDepartureAge = 30] max departure age of departures in minutes
+ * @param {number} [timeout = 100] debounce timeout in ms
+ */
+const debounceDeparturesMessages = (onDeparturesUpdate, sortByMinArrivalTime = false, maxDepartureAge = 30, timeout = 100) => {
+    const departureUpdateTimeout = {};
+    const departureObject = {};
+    return (data) => {
+        const { source, content: departure } = data;
+        if (departureUpdateTimeout[source]) {
+            window.clearTimeout(departureUpdateTimeout[source]);
+        }
+        departureObject[departure.call_id] = departure;
+        departureUpdateTimeout[source] = window.setTimeout(() => {
+            const departures = sortAndFilterDepartures(departureObject, sortByMinArrivalTime || false, maxDepartureAge);
+            onDeparturesUpdate(departures);
+        }, timeout);
+    };
+};
+export default debounceDeparturesMessages;

package/common/utils/debounceWebsocketMessages.d.ts

@@ -0,0 +1,11 @@
+import type { WebSocketAPIMessageCallback } from '../api/WebSocketAPI';
+/**
+ * This function returns a WebSocket api callback, and call the onUpdate function with the list of of subscribed objects changes.
+ *
+ * @param {function(objects: any[])} onUpdate callback when list of subscribed objects changes, called after 100 ms
+ * @param {function(object: any)} [getObjectId = true] function returning the id of an object
+ * @param {number} [timeout = 100] debounce timeout in ms
+ */
+declare const debounceWebsocketMessages: (onUpdate: (objects: any[]) => void, getObjectId?: ((object: any) => string) | undefined, timeout?: number) => WebSocketAPIMessageCallback<any>;
+export default debounceWebsocketMessages;
+//# sourceMappingURL=debounceWebsocketMessages.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"debounceWebsocketMessages.d.ts","sourceRoot":"","sources":["../../../src/common/utils/debounceWebsocketMessages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,2BAA2B,EAE5B,MAAM,qBAAqB,CAAC;AAE7B;;;;;;GAMG;AACH,QAAA,MAAM,yBAAyB,uBACT,GAAG,EAAE,KAAK,IAAI,0BACX,GAAG,KAAK,MAAM,oCAEpC,4BAA4B,GAAG,CA2BjC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/common/utils/debounceWebsocketMessages.js

@@ -0,0 +1,29 @@
+/**
+ * This function returns a WebSocket api callback, and call the onUpdate function with the list of of subscribed objects changes.
+ *
+ * @param {function(objects: any[])} onUpdate callback when list of subscribed objects changes, called after 100 ms
+ * @param {function(object: any)} [getObjectId = true] function returning the id of an object
+ * @param {number} [timeout = 100] debounce timeout in ms
+ */
+const debounceWebsocketMessages = (onUpdate, getObjectId, timeout = 100) => {
+    const updateTimeout = {};
+    const objectsById = {};
+    const objects = [];
+    return (data) => {
+        const { source, content } = data;
+        if (updateTimeout[source]) {
+            window.clearTimeout(updateTimeout[source]);
+        }
+        if (getObjectId) {
+            objectsById[getObjectId(content)] = content;
+        }
+        else {
+            objects.push(content);
+        }
+        updateTimeout[source] = window.setTimeout(() => {
+            const objectToReturn = getObjectId ? Object.values(objectsById) : objects;
+            onUpdate(objectToReturn);
+        }, timeout);
+    };
+};
+export default debounceWebsocketMessages;

package/common/utils/getLayersAsFlatArray.d.ts

@@ -0,0 +1,3 @@
+declare const getLayersAsFlatArray: (layersOrLayer: any | any[]) => any[];
+export default getLayersAsFlatArray;
+//# sourceMappingURL=getLayersAsFlatArray.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getLayersAsFlatArray.d.ts","sourceRoot":"","sources":["../../../src/common/utils/getLayersAsFlatArray.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,oBAAoB,kBAAmB,GAAG,GAAG,GAAG,EAAE,KAAG,GAAG,EAY7D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/common/utils/getLayersAsFlatArray.js

@@ -0,0 +1,15 @@
+// TODO: I use any to avoid circular dependency  with common/layers/layer
+const getLayersAsFlatArray = (layersOrLayer) => {
+    let layers = layersOrLayer;
+    if (!Array.isArray(layers)) {
+        layers = [layersOrLayer];
+    }
+    let flatLayers = [];
+    layers.forEach((layer) => {
+        flatLayers.push(layer);
+        const { children } = layer;
+        flatLayers = flatLayers.concat(getLayersAsFlatArray(children || []));
+    });
+    return flatLayers;
+};
+export default getLayersAsFlatArray;

package/common/utils/getMapboxMapCopyrights.d.ts

@@ -0,0 +1,18 @@
+export interface Source {
+    attribution: string;
+    options: {
+        attribution: string;
+    };
+}
+export interface SourceCache {
+    used: boolean;
+    getSource: () => Source;
+}
+/**
+ * Return the copyright a Mapbox map.
+ * @param {mapboxgl.Map | maplibregl.Map} map A Mapbox map
+ * @ignore
+ */
+declare const getMapboxMapCopyrights: (map: mapboxgl.Map | maplibregl.Map) => any[];
+export default getMapboxMapCopyrights;
+//# sourceMappingURL=getMapboxMapCopyrights.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getMapboxMapCopyrights.d.ts","sourceRoot":"","sources":["../../../src/common/utils/getMapboxMapCopyrights.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,MAAM;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE;QACP,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;CACH;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,MAAM,CAAC;CACzB;AAED;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,QAAS,YAAY,GAAG,cAAc,UA8BjE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/common/utils/getMapboxMapCopyrights.js

@@ -0,0 +1,30 @@
+import removeDuplicate from './removeDuplicate';
+/**
+ * Return the copyright a Mapbox map.
+ * @param {mapboxgl.Map | maplibregl.Map} map A Mapbox map
+ * @ignore
+ */
+const getMapboxMapCopyrights = (map) => {
+    if (!map) {
+        return [];
+    }
+    // @ts-ignore
+    const { style } = map;
+    if (!style) {
+        return [];
+    }
+    const { sourceCaches } = style;
+    let copyrights = [];
+    Object.values(sourceCaches).forEach((sourceCache) => {
+        if (sourceCache.used) {
+            const source = sourceCache.getSource();
+            const attribution = // @ts-ignore
+             source.attribution || (source.options && source.options.attribution);
+            if (attribution) {
+                copyrights = copyrights.concat(attribution.replace(/&copy;/g, '©').split(/(<a.*?<\/a>)/));
+            }
+        }
+    });
+    return removeDuplicate(copyrights);
+};
+export default getMapboxMapCopyrights;

package/common/utils/getMapboxRender.d.ts

@@ -0,0 +1,7 @@
+import { RenderFunction } from 'ol/layer/Layer';
+import type { MapboxLayer } from '../../ol';
+/**
+ * Return the render function fo the olLayer of a MaplibreLayer
+ */
+export default function getMapboxRender(mapoxLayer: MapboxLayer): RenderFunction;
+//# sourceMappingURL=getMapboxRender.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getMapboxRender.d.ts","sourceRoot":"","sources":["../../../src/common/utils/getMapboxRender.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,UAAU,EAAE,WAAW,GACtB,cAAc,CA4FhB"}

package/common/utils/getMapboxRender.js

@@ -0,0 +1,87 @@
+import { toLonLat } from 'ol/proj';
+/**
+ * Return the render function fo the olLayer of a MaplibreLayer
+ */
+export default function getMapboxRender(mapoxLayer) {
+    // We cretae emptyDiv only in render finction to work with serverside rendering
+    let emptyDiv;
+    return (frameState) => {
+        const { map, mbMap, renderState, olLayer } = mapoxLayer;
+        if (!map || !mbMap) {
+            if (!emptyDiv) {
+                emptyDiv = document.createElement('div');
+            }
+            return emptyDiv;
+        }
+        let changed = false;
+        const canvas = mbMap.getCanvas();
+        const { viewState } = frameState;
+        const visible = olLayer === null || olLayer === void 0 ? void 0 : olLayer.getVisible();
+        if (renderState && (renderState === null || renderState === void 0 ? void 0 : renderState.visible) !== visible) {
+            canvas.style.display = visible ? 'block' : 'none';
+            renderState.visible = visible;
+            // Needed since mapbox-gl 1.9.0.
+            // Without you don't see others ol layers on top.
+            canvas.style.position = 'absolute';
+        }
+        const opacity = olLayer === null || olLayer === void 0 ? void 0 : olLayer.getOpacity();
+        if (canvas && renderState && renderState.opacity !== opacity) {
+            // @ts-ignore
+            canvas.style.opacity = opacity;
+            renderState.opacity = opacity;
+        }
+        // adjust view parameters in mapbox
+        const { rotation } = viewState;
+        if (renderState && renderState.rotation !== rotation) {
+            mbMap.rotateTo((-(rotation || 0) * 180) / Math.PI, {
+                animate: false,
+            });
+            changed = true;
+            renderState.rotation = rotation;
+        }
+        if (renderState &&
+            renderState.center &&
+            (renderState.zoom !== viewState.zoom ||
+                renderState.center[0] !== viewState.center[0] ||
+                renderState.center[1] !== viewState.center[1])) {
+            mbMap.jumpTo({
+                center: toLonLat(viewState.center),
+                zoom: viewState.zoom - 1,
+            });
+            changed = true;
+            renderState.zoom = viewState.zoom;
+            renderState.center = viewState.center;
+        }
+        const size = map.getSize() || [0, 0];
+        if (renderState &&
+            renderState.size &&
+            (renderState.size[0] !== size[0] || renderState.size[1] !== size[1])) {
+            changed = true;
+            renderState.size = size;
+        }
+        // cancel the scheduled update & trigger synchronous redraw
+        // see https://github.com/mapbox/mapbox-gl-js/issues/7893#issue-408992184
+        // NOTE: THIS MIGHT BREAK WHEN UPDATING MAPBOX
+        // @ts-ignore
+        if (mbMap && mbMap.style && mbMap.isStyleLoaded() && changed) {
+            try {
+                // @ts-ignore
+                if (mbMap._frame) {
+                    // @ts-ignore
+                    mbMap._frame.cancel();
+                    // @ts-ignore
+                    mbMap._frame = null;
+                }
+                // @ts-ignore
+                mbMap._render();
+            }
+            catch (err) {
+                // ignore render errors because it's probably related to
+                // a render during an update of the style.
+                // eslint-disable-next-line no-console
+                console.warn(err);
+            }
+        }
+        return mbMap.getContainer();
+    };
+}

package/common/utils/getMaplibreRender.d.ts

@@ -0,0 +1,7 @@
+import type { RenderFunction } from 'ol/layer/Layer';
+import type { MaplibreLayer } from '../../ol';
+/**
+ * Return the render function fo the olLayer of a MaplibreLayer
+ */
+export default function getMaplibreRender(maplibreLayer: MaplibreLayer): RenderFunction;
+//# sourceMappingURL=getMaplibreRender.d.ts.map