mobility-toolbox-js 1.7.8-beta.7 → 1.7.8-beta.8

package/api/trajserv/TrajservAPI.js

@@ -1,8 +1,10 @@
+import qs from 'query-string';
 import {
   translateTrajCollResponse,
   translateTrajStationsResp,
 } from './TrajservAPIUtils';
 import API from '../../common/api/api';
+import FetchTrajectoriesWorker from './fetchTrajectories.worker';
 
 /**
  * Access to the [Realtime service](https://developer.geops.io/apis/5dcbd5c9a256d90001cf1360/).
@@ -26,6 +28,7 @@ class TrajservAPI extends API {
    */
   constructor(options = {}) {
     super({ url: 'https://api.geops.io/tracker/v1', ...options });
+    this.fetchTrajectoriesWorker = new FetchTrajectoriesWorker();
   }
 
   /**
@@ -41,6 +44,27 @@ class TrajservAPI extends API {
     });
   }
 
+  /**
+   * Fetch trajectories using the worker.
+   *
+   * @param {GetTrajectoriesParams} params Request parameters. See [Realtime service documentation](https://developer.geops.io/apis/5dcbd5c9a256d90001cf1360/#/default/get_trajectory_collection).
+   * @param {AbortController} abortController Abort controller used to cancel the request.
+  //  * @returns {Promise<Trajectory[]>} A list of trajectories.
+   */
+  // eslint-disable-next-line class-methods-use-this
+  fetchTrajectoriesWorkerr(params) {
+    // Clean requets parameters, removing undefined and null values.
+    const urlParams = { ...params, key: this.apiKey };
+    const clone = { ...urlParams };
+    Object.keys(urlParams).forEach(
+      (key) =>
+        (clone[key] === undefined || clone[key] === null) && delete clone[key],
+    );
+    this.fetchTrajectoriesWorker.postMessage(
+      `${this.url}/trajectory_collection?${qs.stringify(clone)}`,
+    );
+  }
+
   /**
    * Fetch trajectories.
    *

package/api/trajserv/TrajservAPIUtils.js

@@ -1,5 +1,3 @@
-import { LineString } from 'ol/geom';
-
 /**
  * Translate the response date object into a readable object.
  * @return {Date[]}
@@ -132,7 +130,7 @@ export const translateTrajCollResponse = (features = []) => {
   const trajectories = [];
   for (let i = 0; i < features.length; i += 1) {
     const traj = features[i];
-    const geometry = new LineString(traj.geometry.coordinates);
+    const { geometry } = traj;
     const {
       ID: id,
       ProductIdentifier: type,

package/api/trajserv/fetchTrajectories.worker.js

@@ -0,0 +1,23 @@
+import { translateTrajCollResponse } from './TrajservAPIUtils';
+
+let abortController = new AbortController();
+
+// eslint-disable-next-line no-restricted-globals, func-names
+self.onmessage = function (evt) {
+  // console.log('Worker: Message received from main script', evt.data);
+  abortController.abort();
+  abortController = new AbortController();
+  fetch(evt.data, {
+    signal: abortController.signal,
+  })
+    .then((res) => res.json())
+    .then((data) => {
+      const a = translateTrajCollResponse(data.features);
+      // eslint-disable-next-line no-restricted-globals
+      self.postMessage(a);
+    })
+    .catch(() => {
+      // eslint-disable-next-line no-restricted-globals
+      // self.postMessage(null);
+    });
+};

package/api/tralis/TralisAPI.js

@@ -65,6 +65,8 @@ class TralisAPI {
     /** @ignore */
     this.prefix = options.prefix || '';
 
+    this.isUpdateBboxOnMoveEnd = options.isUpdateBboxOnMoveEnd || false;
+
     /** @ignore */
     this.onOpen = this.onOpen.bind(this);
   }

package/api/tralis/WebSocketConnector.js

@@ -312,7 +312,9 @@ class WebSocketConnector {
       !this.subscriptions.find((s) => s.params.channel === source) &&
       toRemove.find((subscr) => !subscr.quiet)
     ) {
-      this.send(`DEL ${source}`);
+      if (this.isDELAllow) {
+        this.send(`DEL ${source}`);
+      }
       this.subscribed[source] = false;
     }
   }

package/common/interpolate.js

@@ -0,0 +1,67 @@
+import GeomType from 'ol/geom/GeometryType';
+
+/**
+ * Interpolate a position along a geometry at a specific date.
+ *
+ * @param {number} now Current date to interpolate a position with. In ms.
+ * @param {ol/geom/LineString~LineString} geometry The geoemtry used to interpolate a position.
+ * @param {Array<Array<number,number,number>>} timeIntervals The time intervals used to interpolate a position, ex: [[dateInMs, fraction, rotation]...].
+ * @returns
+ */
+const interpolate = (now, geometry, timeIntervals) => {
+  let coord;
+  let start;
+  let end;
+  let startFrac;
+  let endFrac;
+  let timeFrac;
+  let rotation;
+
+  // Search th time interval.
+  for (let j = 0; j < timeIntervals.length - 1; j += 1) {
+    // Rotation only available in tralis layer.
+    [start, startFrac, rotation] = timeIntervals[j];
+    [end, endFrac] = timeIntervals[j + 1];
+
+    if (start <= now && now <= end) {
+      break;
+    } else {
+      start = null;
+      end = null;
+    }
+  }
+  // The geometry can also be a Point
+  if (geometry.getType() === GeomType.POINT) {
+    coord = geometry.getCoordinates();
+  } else if (geometry.getType() === GeomType.LINE_STRING) {
+    if (start && end) {
+      // interpolate position inside the time interval.
+      timeFrac = interpolate ? Math.min((now - start) / (end - start), 1) : 0;
+
+      const geomFrac = interpolate
+        ? timeFrac * (endFrac - startFrac) + startFrac
+        : 0;
+
+      coord = geometry.getCoordinateAt(geomFrac);
+
+      // It happens that the now date was some ms before the first timeIntervals we have.
+    } else if (now < timeIntervals[0][0]) {
+      [[, , rotation]] = timeIntervals;
+      timeFrac = 0;
+      coord = geometry.getFirstCoordinate();
+    } else if (now > timeIntervals[timeIntervals.length - 1][0]) {
+      [, , rotation] = timeIntervals[timeIntervals.length - 1];
+      timeFrac = 1;
+      coord = geometry.getLastCoordinate();
+    }
+  } 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, timeFrac };
+};
+
+export default interpolate;

package/common/mixins/TrackerLayerMixin.js

@@ -507,6 +507,9 @@ const TrackerLayerMixin = (Base) =>
       }
     }
 
+    /**
+     * 
+
     /**
      * Launch renderTrajectories. it avoids duplicating code in renderTrajectories method.
      *

package/common/mixins/TrajservLayerMixin.js

@@ -111,6 +111,19 @@ export class TrajservLayerInterface {
  */
 const TrajservLayerMixin = (TrackerLayer) =>
   class extends TrackerLayer {
+    constructor(options) {
+      super(options);
+
+      if (this.api.fetchTrajectoriesWorkerr) {
+        const that = this;
+        this.api.fetchTrajectoriesWorker.onmessage = (evt) => {
+          if (evt.data) {
+            that.onReceiveTrajectories(evt.data);
+          }
+        };
+      }
+    }
+
     /**
      * Define layer's properties.
      *
@@ -347,6 +360,11 @@ const TrajservLayerMixin = (TrackerLayer) =>
       this.abortFetchTrajectories();
       this.abortController = new AbortController();
 
+      if (this.api.fetchTrajectoriesWorkerr) {
+        this.api.fetchTrajectoriesWorkerr(this.getParams({ attr_det: 1 }));
+        return;
+      }
+
       this.api
         .fetchTrajectories(
           this.getParams({
@@ -364,12 +382,32 @@ const TrajservLayerMixin = (TrackerLayer) =>
         .then((trajectories) => {
           // Don't set trajectories when the user has aborted the request.
           if (trajectories) {
-            this.trajectories = trajectories;
-            this.renderTrajectories();
+            if (this.worker) {
+            this.onReceiveTrajectories(trajectories);
+            } else {
+              this.trajectories = trajectories;
+              this.renderTrajectories();
+            }
           }
         });
     }
 
+    onReceiveTrajectories(trajectories) {
+      // Don't set trajectories when the user has aborted the request.
+      if (trajectories) {
+        this.tracker.setTrajectories(trajectories);
+
+        if (this.worker) {
+          this.worker.postMessage({
+            action: 'sendData',
+            trajectories,
+          });
+        }
+
+        this.renderTrajectories();
+      }
+    }
+
     /**
      * Draw the trajectory as a line with points for each stop.
      *

package/common/mixins/TralisLayerMixin.js

@@ -243,12 +243,26 @@ const TralisLayerMixin = (TrackerLayer) =>
       if (this.filter && !this.filter(trajectory)) {
         return;
       }
+
       this.trajectories[trajectory.properties.train_id] = trajectory;
       this.renderTrajectories();
+
+      if (this.worker) {
+        this.worker.postMessage({
+          action: 'addTrajectory',
+          trajectory,
+        });
+      }
     }
 
     removeTrajectory(id) {
       delete this.trajectories[id];
+      if (this.worker) {
+        this.worker.postMessage({
+          action: 'removeTrajectory',
+          trajectoryId: id,
+        });
+      }
     }
 
     // getRefreshTimeInMs() {
@@ -298,7 +312,8 @@ const TralisLayerMixin = (TrackerLayer) =>
             this.map.getView().getProjection(),
           ),
         };
-      } else {
+      } else if (!this.worker) {
+        // We can't pass the olGeometry to the worker because it's not serializable.
         trajectory.properties.olGeometry = this.format.readGeometry(geometry);
       }
 

package/common/tracker.worker.js

@@ -0,0 +1,93 @@
+import stringify from 'json-stringify-safe';
+import GeoJSON from 'ol/format/GeoJSON';
+import { delayTrackerStyle } from './utils';
+import Tracker from './Tracker';
+
+const debug = false;
+
+const trajectories = {};
+let renderTimeout;
+let count = 0;
+const format = new GeoJSON();
+const tracker = new Tracker({
+  canvas: new OffscreenCanvas(1, 1),
+  width: 1,
+  height: 1,
+  style: delayTrackerStyle,
+});
+
+const render = (evt) => {
+  // eslint-disable-next-line no-console
+  if (debug) console.time('render');
+  // eslint-disable-next-line no-console
+  if (debug) console.log('render', evt.data.frameState);
+  count = 0;
+  const { frameState, viewState, options } = evt.data;
+
+  const { nbTrajectoriesRendered } = tracker.renderTrajectories(
+    Object.values(trajectories),
+    viewState,
+    options,
+  );
+
+  if (debug) console.timeEnd('render');
+  if (debug) console.log('NUMBER OF STYLES CREATED', count);
+
+  const imageData = tracker.canvas.transferToImageBitmap();
+  const state = { ...frameState };
+  delete state.layerStatesArray;
+  delete state.viewState.projection;
+
+  // eslint-disable-next-line no-restricted-globals
+  self.postMessage(
+    {
+      action: 'rendered',
+      imageData,
+      // transform: rendererTransform,
+      nbRenderedTrajectories: nbTrajectoriesRendered,
+      frameState: JSON.parse(stringify(state)),
+    },
+    [imageData],
+  );
+  renderTimeout = null;
+};
+
+// eslint-disable-next-line no-restricted-globals
+self.onmessage = (evt) => {
+  // debugger;
+  if (evt.data.action === 'addTrajectory') {
+    const { trajectory } = evt.data;
+    const id = trajectory.properties.train_id;
+    trajectories[id] = trajectory;
+    trajectories[id].properties.olGeometry = format.readGeometry(
+      trajectory.geometry,
+    );
+    return;
+  }
+
+  if (evt.data.action === 'removeTrajectory') {
+    delete trajectories[evt.data.trajectoryId];
+    return;
+  }
+
+  // if (evt.data.action === 'sendData') {
+  //   // eslint-disable-next-line no-console
+  //   if (debug) console.log('sendData', evt.data);
+  //   if (debug) console.time('sendData');
+  //   trajectories = evt.data.trajectories;
+  //   if (debug) console.timeEnd('sendData');
+  //   return;
+  // }
+
+  if (evt.data.action !== 'render') {
+    return;
+  }
+
+  if (renderTimeout) {
+    clearTimeout(renderTimeout);
+  }
+
+  renderTimeout = setTimeout(() => {
+    render(evt);
+  }, 0);
+};

package/common/trackerStyleConfig.js

@@ -0,0 +1,134 @@
+const cacheDelayBg = {};
+
+// Draw circle delay background
+export const getDelayBgCanvas = (origin, radius, color) => {
+  const key = `${origin}, ${radius}, ${color}`;
+  if (!cacheDelayBg[key]) {
+    // console.log('cacheDelayBg');
+    const canvas = new OffscreenCanvas(origin * 2, origin * 2);
+    const ctx = canvas.getContext('2d');
+    ctx.beginPath();
+    ctx.arc(origin, origin, radius, 0, 2 * Math.PI, false);
+    ctx.fillStyle = color;
+    ctx.filter = 'blur(1px)';
+    ctx.fill();
+    cacheDelayBg[key] = canvas;
+  }
+  return cacheDelayBg[key];
+};
+
+// Draw delay text
+const cacheDelayText = {};
+export const getDelayTextCanvas = (
+  width,
+  text,
+  fontSize,
+  font,
+  delayColor,
+  delayOutlineColor,
+  pixelRatio,
+) => {
+  const key = `${width}, ${text}, ${font}, ${delayColor}, ${delayOutlineColor}, ${pixelRatio}`;
+  if (!cacheDelayText[key]) {
+    const canvas = new OffscreenCanvas(width, fontSize + 8);
+    const ctx = canvas.getContext('2d');
+    ctx.textAlign = 'left';
+    ctx.textBaseline = 'middle';
+    ctx.font = font;
+    ctx.fillStyle = delayColor;
+    ctx.strokeStyle = delayOutlineColor;
+    ctx.lineWidth = 1.5 * pixelRatio;
+    const delayText = text;
+    ctx.strokeText(delayText, 0, fontSize);
+    ctx.fillText(delayText, 0, fontSize);
+    cacheDelayText[key] = canvas;
+  }
+  return cacheDelayText[key];
+};
+
+// Draw colored circle with black border
+const cacheCircle = {};
+export const getCircleCanvas = (
+  origin,
+  radius,
+  color,
+  hasStroke,
+  hasDash,
+  pixelRatio,
+) => {
+  const key = `${origin}, ${radius}, ${color}, ${hasStroke},  ${hasDash}, ${pixelRatio}`;
+  if (!cacheCircle[key]) {
+    // console.log('cacheDelayBg');
+    const canvas = new OffscreenCanvas(origin * 2, origin * 2);
+    const ctx = canvas.getContext('2d');
+    ctx.fillStyle = color;
+
+    if (hasStroke) {
+      ctx.lineWidth = 1 * pixelRatio;
+      ctx.strokeStyle = '#000000';
+    }
+
+    ctx.beginPath();
+    ctx.arc(origin, origin, radius, 0, 2 * Math.PI, false);
+    ctx.fill();
+
+    if (hasDash) {
+      ctx.setLineDash([5, 3]);
+    }
+
+    if (hasStroke) {
+      ctx.stroke();
+    }
+
+    cacheCircle[key] = canvas;
+  }
+  return cacheCircle[key];
+};
+
+// Draw text in the circle
+const cacheText = {};
+export const getTextCanvas = (
+  text,
+  origin,
+  textSize,
+  fillColor,
+  strokeColor,
+  hasStroke,
+  pixelRatio,
+) => {
+  const key = `${text}, ${origin}, ${textSize}, ${fillColor},${strokeColor}, ${hasStroke}, ${pixelRatio}`;
+  if (!cacheText[key]) {
+    const canvas = new OffscreenCanvas(origin * 2, origin * 2);
+    const ctx = canvas.getContext('2d');
+
+    // Draw a stroke to the text only if a provider provides realtime but we don't use it.
+    if (hasStroke) {
+      ctx.save();
+      ctx.textBaseline = 'middle';
+      ctx.textAlign = 'center';
+      ctx.font = `bold ${textSize + 2}px Arial`;
+      ctx.strokeStyle = strokeColor;
+      ctx.strokeText(text, origin, origin);
+      ctx.restore();
+    }
+
+    // Draw a text
+    ctx.textBaseline = 'middle';
+    ctx.textAlign = 'center';
+    ctx.fillStyle = fillColor;
+    ctx.font = `bold ${textSize}px Arial`;
+    ctx.strokeStyle = strokeColor;
+    ctx.strokeText(text, origin, origin);
+    ctx.fillText(text, origin, origin);
+
+    cacheText[key] = canvas;
+  }
+  return cacheText[key];
+};
+
+export default {
+  getDelayBgCanvas,
+  getDelayTextCanvas,
+  getCircleCanvas,
+  getTextCanvas,
+};

package/common/utils/delayTrackerStyle.js

@@ -8,10 +8,11 @@ import {
 } from '../trackerConfig';
 
 const createCanvas = (width, height) => {
-  const canvas = document.createElement('canvas');
-  canvas.width = width;
-  canvas.height = height;
-  return canvas;
+  return new OffscreenCanvas(width, height);
+  // const canvas = document.createElement('canvas');
+  // canvas.width = width;
+  // canvas.height = height;
+  // return canvas;
 };
 
 // Draw circle delay background
@@ -204,6 +205,7 @@ const style = (trajectory, viewState, options) => {
       ? radius + 5 * pixelRatio
       : 14 * pixelRatio;
   }
+
   const mustDrawText = radius > 10 * pixelRatio;
 
   // Optimize the cache key, very important in high zoom level

package/common/utils/index.js

@@ -5,3 +5,4 @@ export { default as delayTrackerStyle } from './delayTrackerStyle';
 export * from './delayTrackerStyle';
 export { default as simpleTrackerStyle } from './simpleTrackerStyle';
 export * from './timeUtils';
+export { default as getVehiclePosition } from './getVehiclePosition';

package/common/utils/simpleTrackerStyle.js

@@ -2,9 +2,10 @@
  * A very simple tracker style.
  * Display blue point for each train.
  */
-const canvas = document.createElement('canvas');
-canvas.width = 15;
-canvas.height = 15;
+// const canvas = document.createElement('canvas');
+// canvas.width = 15;
+// canvas.height = 15;
+const canvas = new OffscreenCanvas(15, 15);
 const ctx = canvas.getContext('2d');
 ctx.arc(8, 8, 5, 0, 2 * Math.PI, false);
 ctx.fillStyle = '#8ED6FF';

package/fetchTrajectories.worker.worker.js

@@ -0,0 +1,2 @@
+!function(e){var r={};function t(n){if(r[n])return r[n].exports;var o=r[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,t),o.l=!0,o.exports}t.m=e,t.c=r,t.d=function(e,r,n){t.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:n})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,r){if(1&r&&(e=t(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(t.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var o in e)t.d(n,o,function(r){return e[r]}.bind(null,o));return n},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},t.p="",t(t.s=0)}([function(e,r,t){"use strict";t.r(r);var n=function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],r=[],t=0;t<e.length;t+=1){var n=e[t],o=n.geometry,i=n.properties,l=i.ID,a=i.ProductIdentifier,u=i.PublishedLineName,c=i.RouteIdentifier,f=i.DirectionText,s=i.Operator,d=i.OperatorURL,p=i.Publisher,b=i.PublisherURL,y=i.License,v=i.LicenseUrl,m=i.LicenseNote,g=i.Color,O=i.JourneyIdentifier,h=i.RealtimeAvailable,P=i.OperatorProvidesRealtime,j=i.DayOfOperation,x=i.Delay,I=i.TimeIntervals,C=i.TextColor,L=i.Cancelled;r.push({id:l,type:a,name:u,routeIdentifier:c,directionText:f,operator:s,operatorUrl:d,publisher:p,publisherUrl:b,license:y,licenseUrl:v,licenseNote:m,journeyIdentifier:O,realtimeAvailable:h,operatorProvidesRealtime:P,dayOfOperation:j,delay:x,timeIntervals:I,color:g&&"#".concat(g),textColor:C&&"#".concat(C),geometry:o,cancelled:L})}return r},o=new AbortController;self.onmessage=function(e){o.abort(),o=new AbortController,fetch(e.data,{signal:o.signal}).then((function(e){return e.json()})).then((function(e){var r=n(e.features);self.postMessage(r)})).catch((function(){}))}}]);
+//# sourceMappingURL=fetchTrajectories.worker.worker.js.map

package/fetchTrajectories.worker.worker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://mobility-toolbox-js/webpack/bootstrap","webpack://mobility-toolbox-js/./src/api/trajserv/TrajservAPIUtils.js","webpack://mobility-toolbox-js/./src/api/trajserv/fetchTrajectories.worker.js"],"names":["installedModules","__webpack_require__","moduleId","exports","module","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","translateTrajCollResponse","features","trajectories","length","traj","geometry","properties","id","ID","type","ProductIdentifier","PublishedLineName","routeIdentifier","RouteIdentifier","directionText","DirectionText","operator","Operator","operatorUrl","OperatorURL","publisher","Publisher","publisherUrl","PublisherURL","license","License","licenseUrl","LicenseUrl","licenseNote","LicenseNote","color","Color","journeyIdentifier","JourneyIdentifier","realtimeAvailable","RealtimeAvailable","operatorProvidesRealtime","OperatorProvidesRealtime","dayOfOperation","DayOfOperation","delay","Delay","timeIntervals","TimeIntervals","textColor","TextColor","cancelled","Cancelled","push","abortController","AbortController","self","onmessage","evt","abort","fetch","data","signal","then","res","json","a","postMessage","catch"],"mappings":"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","file":"fetchTrajectories.worker.worker.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 0);\n","/**\n * Translate the response date object into a readable object.\n * @return {Date[]}\n * @ignore\n */\nconst translateDates = (dates = []) => {\n  const newDates = [];\n\n  for (let i = 0; i < dates.length; i += 1) {\n    const { d: day, m: month, y: year } = dates[i];\n    newDates.push({\n      day,\n      month,\n      year,\n    });\n  }\n  return newDates;\n};\n\n/**\n * Translate the trajstations response into a readable object.\n * @return {Object} returns a readable object\n * @private\n */\nexport const translateTrajStationsResp = (data) => {\n  const newData = { ...data };\n\n  // MAke sure all property exists.\n  ['a', 'f', 'tt'].forEach((prop) => {\n    if (!newData[prop]) {\n      newData[prop] = {};\n    }\n  });\n\n  const {\n    id,\n    hs: destination,\n    t: vehicleType,\n    ln: longName,\n    sn: shortName,\n    wa: wheelchairAccessible,\n    ba: bicyclesAllowed,\n    rt: realTime,\n    fid: feedsId,\n    rid: routeIdentifier,\n    c: bgColor,\n    tc: datacolor,\n    a: { n: operator, u: operatorUrl, tz: operatorTimeZone },\n    f: { n: publisher, u: publisherUrl, tz: publisherTimeZone },\n    tt: {\n      n: dateNotOperatingDays,\n      p: dateAdditionalOperatingDays,\n      t: operatingPeriod,\n    },\n    sts: dataStations,\n  } = newData;\n\n  const notOperatingDays = translateDates(dateNotOperatingDays);\n  const additionalOperatingDays = translateDates(dateAdditionalOperatingDays);\n  const backgroundColor = bgColor && `#${bgColor}`;\n  const color = datacolor && `#${datacolor}`;\n\n  const stations = [];\n  for (let i = 0; i < (dataStations || []).length; i += 1) {\n    const {\n      sid: stationId,\n      n: stationName,\n      p: coordinates,\n      at: arrivalTime,\n      dt: departureTime,\n      ap: arrivalDate,\n      dp: departureDate,\n      ad: arrivalDelay,\n      dd: departureDelay,\n      dot: noDropOff,\n      put: noPickUp,\n      c: cancelled,\n      wa: stWheelchairAccessible,\n    } = dataStations[i];\n\n    stations.push({\n      stationId,\n      stationName,\n      coordinates,\n      arrivalTime: arrivalTime !== -1 ? arrivalDate * 1000 : null,\n      departureTime: departureTime !== -1 ? departureDate * 1000 : null,\n      arrivalDelay,\n      departureDelay,\n      noDropOff: !!noDropOff,\n      noPickUp: !!noPickUp,\n      cancelled: !!cancelled,\n      wheelchairAccessible: !!stWheelchairAccessible,\n    });\n  }\n\n  return {\n    id,\n    destination,\n    backgroundColor,\n    color,\n    vehicleType,\n    routeIdentifier,\n    longName,\n    shortName,\n    stations,\n    wheelchairAccessible: !!wheelchairAccessible,\n    bicyclesAllowed: !!bicyclesAllowed,\n    realTime,\n    feedsId,\n    operatingInformations: {\n      operatingPeriod,\n      notOperatingDays,\n      additionalOperatingDays,\n    },\n    operator,\n    operatorUrl,\n    operatorTimeZone,\n    publisher,\n    publisherUrl,\n    publisherTimeZone,\n  };\n};\n\n/**\n * Translate the trajectory_collection response into a js usable object.\n * @return {Array} returns an array of trajectories.\n * @ignore\n */\nexport const translateTrajCollResponse = (features = []) => {\n  const trajectories = [];\n  for (let i = 0; i < features.length; i += 1) {\n    const traj = features[i];\n    const { geometry } = traj;\n    const {\n      ID: id,\n      ProductIdentifier: type,\n      PublishedLineName: name,\n      RouteIdentifier: routeIdentifier,\n      DirectionText: directionText,\n      Operator: operator,\n      OperatorURL: operatorUrl,\n      Publisher: publisher,\n      PublisherURL: publisherUrl,\n      License: license,\n      LicenseUrl: licenseUrl,\n      LicenseNote: licenseNote,\n      Color: color,\n      JourneyIdentifier: journeyIdentifier,\n      RealtimeAvailable: realtimeAvailable,\n      OperatorProvidesRealtime: operatorProvidesRealtime,\n      DayOfOperation: dayOfOperation,\n      Delay: delay,\n      TimeIntervals: timeIntervals,\n      TextColor: textColor,\n      Cancelled: cancelled,\n    } = traj.properties;\n\n    trajectories.push({\n      id,\n      type,\n      name,\n      routeIdentifier,\n      directionText,\n      operator,\n      operatorUrl,\n      publisher,\n      publisherUrl,\n      license,\n      licenseUrl,\n      licenseNote,\n      journeyIdentifier,\n      realtimeAvailable,\n      operatorProvidesRealtime,\n      dayOfOperation,\n      delay,\n      timeIntervals,\n      color: color && `#${color}`,\n      textColor: textColor && `#${textColor}`,\n      geometry,\n      cancelled,\n    });\n  }\n  return trajectories;\n};\n\nexport default {\n  translateTrajCollResponse,\n  translateTrajStationsResp,\n};\n","import { translateTrajCollResponse } from './TrajservAPIUtils';\n\nlet abortController = new AbortController();\n\n// eslint-disable-next-line no-restricted-globals, func-names\nself.onmessage = function (evt) {\n  // console.log('Worker: Message received from main script', evt.data);\n  abortController.abort();\n  abortController = new AbortController();\n  fetch(evt.data, {\n    signal: abortController.signal,\n  })\n    .then((res) => res.json())\n    .then((data) => {\n      const a = translateTrajCollResponse(data.features);\n      // eslint-disable-next-line no-restricted-globals\n      self.postMessage(a);\n    })\n    .catch(() => {\n      // eslint-disable-next-line no-restricted-globals\n      // self.postMessage(null);\n    });\n};\n"],"sourceRoot":""}