mobility-toolbox-js 2.0.0-beta.32 → 2.0.0-beta.33

package/common/utils/getMapboxMapCopyrights.test.js

@@ -1,40 +0,0 @@
-import getMapboxMapCopyrights from "./getMapboxMapCopyrights";
-describe("getMapboxMapCopyrights()", () => {
-  test("returns an empty array if map is not defined", () => {
-    expect(getMapboxMapCopyrights().length).toBe(0);
-  });
-  test("returns an empty array if map.style is not defined", () => {
-    expect(getMapboxMapCopyrights({}).length).toBe(0);
-  });
-  test("returns non depluicated copyrights in an array", () => {
-    expect(getMapboxMapCopyrights({
-      style: {
-        sourceCaches: {
-          used: {
-            used: true,
-            getSource() {
-              return {
-                attribution: '<a href="https://www.openmaptiles.org/" target="_blank">\xA9 OpenMapTiles</a> <a href="https://www.openstreetmap.org/about/" target="_blank">&copy; OpenStreetMap contributors</a>'
-              };
-            }
-          },
-          "not used": {
-            used: false
-          },
-          "also used": {
-            used: true,
-            getSource() {
-              return {
-                attribution: '<a href="https://www.openmaptiles.org/" target="_blank">&copy; OpenMapTiles</a> <a href="https://www.imagico.de/" target="_blank">&copy; imagico</a>'
-              };
-            }
-          }
-        }
-      }
-    })).toEqual([
-      '<a href="https://www.openmaptiles.org/" target="_blank">\xA9 OpenMapTiles</a>',
-      '<a href="https://www.openstreetmap.org/about/" target="_blank">\xA9 OpenStreetMap contributors</a>',
-      '<a href="https://www.imagico.de/" target="_blank">\xA9 imagico</a>'
-    ]);
-  });
-});

package/common/utils/getRealtimeModeSuffix.js

@@ -1,2 +0,0 @@
-const getModeSuffix = (mode, modes) => mode === modes.SCHEMATIC ? "_schematic" : "";
-export default getModeSuffix;

package/common/utils/getUrlWithParams.js

@@ -1,11 +0,0 @@
-const getUrlWithParams = (url, params) => {
-  const newUrl = new URL(url);
-  const searchParams = params || {};
-  Object.entries(searchParams).forEach(([key, value]) => {
-    if (value !== void 0 && value !== null) {
-      newUrl.searchParams.set(key, value);
-    }
-  });
-  return newUrl;
-};
-export default getUrlWithParams;

package/common/utils/getVehiclePosition.js

@@ -1,42 +0,0 @@
-import GeomType from "ol/geom/GeometryType";
-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];
-    if (now < firstInterval[0]) {
-      [, , rotation] = firstInterval;
-      coord = geometry.getFirstCoordinate();
-    } else if (now > lastInterval[0]) {
-      [, , rotation] = lastInterval;
-      coord = geometry.getLastCoordinate();
-    } else {
-      for (let j = 0; j < intervals.length - 1; j += 1) {
-        const [start, startFrac] = intervals[j];
-        const [end, endFrac] = intervals[j + 1];
-        if (start <= now && now <= end) {
-          const timeFrac = Math.min((now - start) / (end - start), 1);
-          const geomFrac = timeFrac * (endFrac - startFrac) + startFrac;
-          coord = geometry.getCoordinateAt(geomFrac);
-          [, , rotation] = intervals[j];
-          break;
-        }
-      }
-    }
-  } else {
-    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/removeDuplicate.js

@@ -1,8 +0,0 @@
-const removeDuplicate = (array) => {
-  const arrWithoutEmptyValues = array.filter((val) => val !== void 0 && 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/removeDuplicate.test.js

@@ -1,19 +0,0 @@
-import removeDuplicate from "./removeDuplicate";
-describe("removeDuplicate()", () => {
-  test("removes duplicates", () => {
-    expect(removeDuplicate([
-      "a",
-      " ",
-      "   ",
-      "b",
-      "a",
-      void 0,
-      null,
-      "A",
-      0,
-      "c",
-      "b",
-      "B"
-    ])).toEqual(["a", "b", "c"]);
-  });
-});

package/common/utils/renderTrajectories.js

@@ -1,86 +0,0 @@
-import { compose, apply, create } from "ol/transform";
-import getVehiclePosition from "./getVehiclePosition";
-const renderTrajectories = (canvas, trajectories, style, viewState, options) => {
-  if (!canvas) {
-    return {};
-  }
-  const {
-    time = Date.now(),
-    size = [],
-    center,
-    resolution,
-    rotation = 0,
-    pixelRatio
-  } = viewState;
-  const { noInterpolate = false, hoverVehicleId, selectedVehicleId } = options;
-  const context = canvas.getContext("2d");
-  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]);
-  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];
-    const { train_id: id, timeOffset } = trajectory.properties;
-    const { coord, rotation: rotationIcon } = getVehiclePosition(time - (timeOffset || 0), trajectory, noInterpolate);
-    trajectories[i].properties.coordinate = coord;
-    trajectories[i].properties.rotation = rotationIcon;
-    if (!coord) {
-      continue;
-    }
-    let px = apply(coordinateToPixelTransform, [...coord]);
-    if (!px) {
-      continue;
-    }
-    px = px.map((p) => p * pixelRatio);
-    if (px[0] < 0 || px[0] > canvas.width || px[1] < 0 || px[1] > canvas.height) {
-      continue;
-    }
-    const vehicleImg = style(trajectory, viewState, options);
-    if (!vehicleImg) {
-      continue;
-    }
-    const imgWidth = vehicleImg.width;
-    const imgHeight = vehicleImg.height;
-    if (hoverVehicleId !== id && selectedVehicleId !== id) {
-      context.drawImage(vehicleImg, px[0] - imgWidth / 2, px[1] - imgHeight / 2, imgWidth, imgHeight);
-    }
-    if (hoverVehicleId && hoverVehicleId === id) {
-      hoverVehicleImg = vehicleImg;
-      hoverVehiclePx = px;
-      hoverVehicleWidth = imgWidth;
-      hoverVehicleHeight = imgHeight;
-    }
-    if (selectedVehicleId && selectedVehicleId === id) {
-      selectedVehicleImg = vehicleImg;
-      selectedVehiclePx = px;
-      selectedVehicleWidth = imgWidth;
-      selectedVehicleHeight = imgHeight;
-    }
-    renderedTrajectories.push(trajectory);
-  }
-  if (selectedVehicleImg) {
-    context.drawImage(selectedVehicleImg, selectedVehiclePx[0] - selectedVehicleWidth / 2, selectedVehiclePx[1] - selectedVehicleHeight / 2, selectedVehicleWidth, selectedVehicleHeight);
-  }
-  if (hoverVehicleImg) {
-    context.drawImage(hoverVehicleImg, hoverVehiclePx[0] - hoverVehicleWidth / 2, hoverVehiclePx[1] - hoverVehicleHeight / 2, hoverVehicleWidth, hoverVehicleHeight);
-  }
-  return {
-    renderedTrajectories
-  };
-};
-export default renderTrajectories;

package/common/utils/sortByDelay.js

@@ -1,18 +0,0 @@
-const sortByDelay = (traj1, traj2) => {
-  const props1 = traj1.properties;
-  const props2 = traj2.properties;
-  if (props1.delay === null && props2.delay !== null) {
-    return 1;
-  }
-  if (props2.delay === null && props1.delay !== null) {
-    return -1;
-  }
-  if (props1.cancelled && !props2.cancelled) {
-    return props2.delay < 18e4 ? -1 : 1;
-  }
-  if (props2.cancelled && !props1.cancelled) {
-    return props1.delay < 18e4 ? 1 : -1;
-  }
-  return props2.delay - props1.delay;
-};
-export default sortByDelay;

package/common/utils/timeUtils.js

@@ -1,20 +0,0 @@
-export const getUTCDateString = (now = new Date()) => {
-  let month = (now.getUTCMonth() + 1).toString();
-  month = month.length === 1 ? `0${month}` : month;
-  let day = now.getUTCDate().toString();
-  day = day.length === 1 ? `0${day}` : day;
-  return [now.getUTCFullYear(), month, day].join("");
-};
-export const getUTCTimeString = (date) => [
-  date.getUTCHours(),
-  date.getUTCMinutes(),
-  `${date.getUTCSeconds()}.${date.getUTCMilliseconds()}`
-].join(":");
-export const pad = (integer) => integer < 10 ? `0${integer}` : integer;
-export const getHoursAndMinutes = (timeInMs) => {
-  if (!timeInMs || timeInMs <= 0) {
-    return "";
-  }
-  const date = new Date(timeInMs);
-  return `${pad(date.getHours())}:${pad(date.getMinutes())}`;
-};

package/common/utils/timeUtils.test.js

@@ -1,10 +0,0 @@
-import { getUTCDateString, getUTCTimeString } from "./timeUtils";
-describe("timeUtils", () => {
-  test("getUTCDateString should be correct.", () => {
-    expect(getUTCDateString(new Date(2020, 5, 30))).toBe("20200630");
-    expect(getUTCDateString(new Date("January 1, 2021 00:15:30 GMT+2:00"))).toBe("20201231");
-  });
-  test("getUTCTimeString should be correct.", () => {
-    expect(getUTCTimeString(new Date(2020, 5, 30, 11, 5, 1, 123))).toBe("11:5:1.123");
-  });
-});

package/common/utils/trackerConfig.js

@@ -1,129 +0,0 @@
-const trackerRadiusMapping = {
-  0: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-  1: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-  2: [0, 0, 0, 0, 0, 2, 2, 3, 7, 7, 7, 12, 15, 15, 15, 15, 15],
-  3: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-  4: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-  5: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-  6: [0, 0, 0, 0, 0, 7, 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],
-  8: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-  9: [0, 0, 0, 0, 0, 2, 2, 3, 7, 7, 7, 12, 15, 15, 15, 15, 15]
-};
-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
-];
-export const bgColors = [
-  "#ffb400",
-  "#ff5400",
-  "#ff8080",
-  "#ea0000",
-  "#3000ff",
-  "#ffb400",
-  "#41a27b",
-  "#00d237",
-  "#b5b5b5",
-  "#ff8080"
-];
-export const textColors = [
-  "#000000",
-  "#ffffff",
-  "#000000",
-  "#ffffff",
-  "#ffffff",
-  "#000000",
-  "#ffffff",
-  "#000000",
-  "#000000",
-  "#000000"
-];
-export const getTypeIndex = (type) => {
-  if (typeof type === "string") {
-    return types.findIndex((t) => t.test(type));
-  }
-  return type;
-};
-export const getRadius = (type, zoom) => {
-  try {
-    const typeIdx = getTypeIndex(type || 0);
-    return trackerRadiusMapping[typeIdx][zoom];
-  } catch (e) {
-    return 1;
-  }
-};
-export const getBgColor = (type = 0) => {
-  try {
-    const typeIdx = getTypeIndex(type);
-    return bgColors[typeIdx];
-  } catch (e) {
-    return 1;
-  }
-};
-export const getTextColor = (type = 0) => {
-  try {
-    const typeIdx = getTypeIndex(type);
-    return textColors[typeIdx];
-  } catch (e) {
-    return 1;
-  }
-};
-export const getTextSize = (ctx, markerSize, text, fontSize) => {
-  ctx.font = `bold ${fontSize}px Arial`;
-  let newText = ctx.measureText(text);
-  const maxiter = 25;
-  let i = 0;
-  while (newText.width > markerSize - 6 && i < maxiter) {
-    fontSize -= 0.5;
-    ctx.font = `bold ${fontSize}px arial, sans-serif`;
-    newText = ctx.measureText(text);
-    i += 1;
-  }
-  return fontSize;
-};
-export const getDelayColor = (delayInMs, cancelled, isDelayText) => {
-  if (cancelled) {
-    return isDelayText ? "#ff0000" : "#a0a0a0";
-  }
-  if (delayInMs >= 36e5) {
-    return "#ed004c";
-  }
-  if (delayInMs >= 5e5) {
-    return "#e80000";
-  }
-  if (delayInMs >= 3e5) {
-    return "#ff4a00";
-  }
-  if (delayInMs >= 18e4) {
-    return "#f7bf00";
-  }
-  if (delayInMs === null) {
-    return "#a0a0a0";
-  }
-  return "#00a00c";
-};
-export const getDelayText = (delayInMs, cancelled) => {
-  if (cancelled) {
-    return String.fromCodePoint(215);
-  }
-  if (delayInMs > 36e5) {
-    const rounded = Math.round(delayInMs / 36e5);
-    return `+${rounded}h`;
-  }
-  if (delayInMs > 59e3) {
-    const rounded = Math.round(delayInMs / 6e4);
-    return `+${rounded}m`;
-  }
-  if (delayInMs > 0) {
-    return `+${delayInMs}s`;
-  }
-  return "";
-};

package/common/utils/trackerConfig.test.js

@@ -1,23 +0,0 @@
-import { getTypeIndex } from "./trackerConfig";
-describe("trackerConfig", () => {
-  describe("#getTypeIndex()", () => {
-    test("retrurn the type is it's not a string", () => {
-      const obj = { foo: "foo" };
-      expect(getTypeIndex(obj)).toBe(obj);
-      expect(getTypeIndex(0)).toBe(0);
-      expect(getTypeIndex(null)).toBe(null);
-      expect(getTypeIndex(void 0)).toBe(void 0);
-    });
-    test("find good index for new tracker values", () => {
-      expect(getTypeIndex("tram")).toBe(0);
-      expect(getTypeIndex("subway")).toBe(1);
-      expect(getTypeIndex("bus")).toBe(3);
-      expect(getTypeIndex("ferry")).toBe(4);
-      expect(getTypeIndex("cablecar")).toBe(5);
-      expect(getTypeIndex("gondola")).toBe(6);
-      expect(getTypeIndex("funicular")).toBe(7);
-      expect(getTypeIndex("coach")).toBe(8);
-      expect(getTypeIndex("rail")).toBe(9);
-    });
-  });
-});

package/index.js

@@ -1,8 +0,0 @@
-import * as ol from "./ol";
-import * as mapbox from "./mapbox";
-export * as ol from "./ol";
-export * as mapbox from "./mapbox";
-export default {
-  ol,
-  mapbox
-};

package/mapbox/controls/CopyrightControl.js

@@ -1,29 +0,0 @@
-import Control from "../../common/controls/Control";
-import mixin from "../../common/mixins/CopyrightMixin";
-import { getMapboxMapCopyrights } from "../../common/utils";
-class CopyrightControl extends mixin(Control) {
-  constructor(options) {
-    super(options);
-    this.render = this.render.bind(this);
-  }
-  activate() {
-    super.activate();
-    if (this.map) {
-      this.map.on("sourcedata", this.render);
-      this.map.on("styledata", this.render);
-      this.map.on("idle", this.render);
-    }
-  }
-  deactivate() {
-    if (this.map) {
-      this.map.off("sourcedata", this.render);
-      this.map.off("styledata", this.render);
-      this.map.off("idle", this.render);
-    }
-    super.deactivate();
-  }
-  getCopyrights() {
-    return getMapboxMapCopyrights(this.map);
-  }
-}
-export default CopyrightControl;

package/mapbox/layers/Layer.js

@@ -1,56 +0,0 @@
-import { unByKey } from "ol/Observable";
-import { transformExtent } from "ol/proj";
-import LayerCommon from "../../common/layers/Layer";
-import userInteractionsMixin from "../../common/mixins/UserInteractionsLayerMixin";
-class Layer extends userInteractionsMixin(LayerCommon) {
-  attachToMap(map) {
-    super.attachToMap(map);
-    if (!this.map) {
-      return;
-    }
-    if (this.userInteractions) {
-      this.toggleVisibleListeners();
-      this.onChangeVisibleKey = this.on("change:visible", this.toggleVisibleListeners);
-    }
-  }
-  detachFromMap() {
-    if (this.map) {
-      this.deactivateUserInteractions();
-      unByKey(this.onChangeVisibleKey);
-    }
-    super.detachFromMap();
-  }
-  activateUserInteractions() {
-    this.deactivateUserInteractions();
-    if (this.map && this.userInteractions && this.userClickInteractions && this.userClickCallbacks.length) {
-      this.map.on("click", this.onUserClickCallback);
-    }
-    if (this.map && this.userInteractions && this.userHoverInteractions && this.userHoverCallbacks.length) {
-      this.map.on("mousemove", this.onUserMoveCallback);
-    }
-  }
-  deactivateUserInteractions() {
-    if (this.map) {
-      this.map.off("mousemove", this.onUserMoveCallback);
-      this.map.off("click", this.onUserClickCallback);
-    }
-  }
-  toggleVisibleListeners() {
-    if (this.visible) {
-      this.activateUserInteractions();
-    } else {
-      this.deactivateUserInteractions();
-    }
-  }
-  getMercatorExtent() {
-    const bounds = this.map.getBounds().toArray();
-    return transformExtent([...bounds[0], ...bounds[1]], "EPSG:4326", "EPSG:3857");
-  }
-  getOlZoom() {
-    return this.map.getZoom() + 1;
-  }
-  clone(newOptions) {
-    return new Layer({ ...this.options, ...newOptions });
-  }
-}
-export default Layer;