@geops/rvf-mobility-web-component 0.1.127 → 0.1.129

package/src/utils/getAllLayers.ts

@@ -1,26 +0,0 @@
-import Group from "ol/layer/Group";
-
-import type { Collection } from "ol";
-import type BaseLayer from "ol/layer/Base";
-
-const getAllLayers = (
-  layersOrLayerGroup: BaseLayer[] | Collection<BaseLayer> | Group,
-) => {
-  const allLayers = [];
-  function addLayersFrom(layers: BaseLayer[] | Collection<BaseLayer>) {
-    layers.forEach(function (layer) {
-      if (layer instanceof Group) {
-        addLayersFrom(layer.getLayers());
-      } else {
-        allLayers.push(layer);
-      }
-    });
-  }
-  addLayersFrom(
-    (layersOrLayerGroup as Group)?.getLayers?.() ||
-      (layersOrLayerGroup as BaseLayer[] | Collection<BaseLayer>),
-  );
-  return allLayers;
-};
-
-export default getAllLayers;

package/src/utils/getBgColor.ts

@@ -1,20 +0,0 @@
-import { realtimeConfig } from "mobility-toolbox-js/ol";
-
-import { LINE_COLOR_BY_NAME } from "./constants";
-
-import type { RealtimeLine, RealtimeMot } from "mobility-toolbox-js/types";
-
-const getBgColor = (type: RealtimeMot, line: Partial<RealtimeLine>) => {
-  if (type === "bus") {
-    return "#646363";
-  }
-  if (type === "tram") {
-    const lineColor = LINE_COLOR_BY_NAME[line?.name];
-    if (lineColor) {
-      return lineColor;
-    }
-  }
-  return realtimeConfig.getColorForType(type);
-};
-
-export default getBgColor;

package/src/utils/getDelayColor.test.ts

@@ -1,23 +0,0 @@
-import getDelayColor from "./getDelayColor";
-
-describe("getDelayColor", () => {
-  it("returns green", () => {
-    expect(getDelayColor(0.5 * 60 * 1000)).toBe("transparent");
-    expect(getDelayColor(2.49 * 60 * 1000)).toBe("transparent");
-    expect(getDelayColor(0)).toBe("transparent");
-  });
-  // it("returns yellow", () => {
-  //   expect(getDelayColor(3 * 60 * 1000)).toBe("#ca8a04");
-  //   expect(getDelayColor(4.49 * 60 * 1000 - 1)).toBe("#ca8a04");
-  // });
-  it("returns orange", () => {
-    expect(getDelayColor(3 * 60 * 1000)).toBe("#ea580c");
-    expect(getDelayColor(5 * 60 * 1000)).toBe("#ea580c");
-  });
-
-  it("returns red", () => {
-    expect(getDelayColor(9.49 * 60 * 1000 - 1)).toBe("#dc2626");
-    expect(getDelayColor(10 * 60 * 1000)).toBe("#dc2626");
-    expect(getDelayColor(180 * 60 * 1000)).toBe("#dc2626");
-  });
-});

package/src/utils/getDelayColor.ts

@@ -1,23 +0,0 @@
-/**
- * Returns a color class to display the delay.
- * @param {Number} time Delay time in milliseconds.
- */
-const getDelayColor = (timeInMs: number, isText = false) => {
-  // we use rounded value to fit the getDelayString method.
-  const minutes = Math.round(timeInMs / 1000 / 60);
-  // if (minutes >= 60) {
-  // }
-  if (minutes > 5) {
-    return "#dc2626"; // "text-red-600";
-  }
-  if (minutes >= 3) {
-    return "#ea580c"; // "text-orange-600";
-    // return "#d97706"; // "text-amber-600";
-  }
-  // if (minutes >= 3) {
-  //   return "#ca8a04"; // "text-yellow-600";
-  // }
-  return isText ? "#16a34a" : "transparent"; // "text-green-600";
-};
-
-export default getDelayColor;

package/src/utils/getDelayColorForVehicle.test.ts

@@ -1,47 +0,0 @@
-import getDelayColorForVehicle from "./getDelayColorForVehicle";
-
-describe("getDelayColorForVehicle", () => {
-  it("returns cancelled color", () => {
-    expect(getDelayColorForVehicle(null, null, 0, true, true)).toBe("#dc2626");
-    expect(getDelayColorForVehicle(null, null, 0, true, false)).toBe("#a0a0a0");
-  });
-
-  it("returns null delay (no realtime train) color", () => {
-    expect(getDelayColorForVehicle(null)).toBe("transparent");
-  });
-
-  it("returns transparent", () => {
-    expect(getDelayColorForVehicle(null, null, 0)).toBe("transparent");
-    expect(getDelayColorForVehicle(null, null, 1 * 60 * 1000)).toBe(
-      "transparent",
-    );
-    expect(getDelayColorForVehicle(null, null, 0.4 * 60 * 1000)).toBe(
-      "transparent",
-    );
-  });
-  // it("returns green", () => {
-  //   expect(getDelayColorForVehicle(0)).toBe("#16a34a");
-  //   expect(getDelayColorForVehicle(2.49 * 60 * 1000)).toBe("#16a34a");
-  // });
-  // it("returns yellow", () => {
-  //   expect(getDelayColorForVehicle(3 * 60 * 1000)).toBe("#ca8a04");
-  //   expect(getDelayColorForVehicle(4.49 * 60 * 1000 - 1)).toBe("#ca8a04");
-  // });
-  it("returns orange", () => {
-    expect(getDelayColorForVehicle(null, null, 3 * 60 * 1000)).toBe("#ea580c");
-    expect(getDelayColorForVehicle(null, null, 4.49 * 60 * 1000 - 1)).toBe(
-      "#ea580c",
-    );
-    expect(getDelayColorForVehicle(null, null, 5 * 60 * 1000)).toBe("#ea580c");
-  });
-
-  it("returns red", () => {
-    expect(getDelayColorForVehicle(null, null, 9.49 * 60 * 1000 - 1)).toBe(
-      "#dc2626",
-    );
-    expect(getDelayColorForVehicle(null, null, 10 * 60 * 1000)).toBe("#dc2626");
-    expect(getDelayColorForVehicle(null, null, 180 * 60 * 1000)).toBe(
-      "#dc2626",
-    );
-  });
-});

package/src/utils/getDelayColorForVehicle.ts

@@ -1,27 +0,0 @@
-import getDelayColor from "./getDelayColor";
-
-import type { ViewState } from "mobility-toolbox-js/types";
-
-/**
- * Return the delay color depending on an object representing a vehicle or a line.
- * This function is used to have the same color on the map and on other components.
- */
-const getDelayColorForVehicle = (
-  object?: unknown,
-  viewState?: ViewState,
-  delayInMs?: number,
-  cancelled?: boolean,
-  isDelayText?: boolean,
-): string => {
-  if (cancelled) {
-    return isDelayText
-      ? "#dc2626" // "text-red-600";
-      : "#a0a0a0"; // gray
-  }
-  if (delayInMs === null) {
-    return "transparent";
-  }
-  return getDelayColor(delayInMs, isDelayText);
-};
-
-export default getDelayColorForVehicle;

package/src/utils/getDelayString.test.ts

@@ -1,25 +0,0 @@
-import getDelayString from "./getDelayString";
-
-describe("getDelayString", () => {
-  it("returns hours (floor)", () => {
-    expect(getDelayString(7200000)).toBe("2h");
-    expect(getDelayString(7255555)).toBe("2h1m");
-  });
-
-  it("returns minutes (round)", () => {
-    expect(getDelayString(120000)).toBe("2m");
-    expect(getDelayString(151000)).toBe("3m");
-  });
-
-  it("doesn't display seconds", () => {
-    expect(getDelayString(1000)).toBe("0");
-    expect(getDelayString(30000)).toBe("1m");
-    expect(getDelayString(7255555)).toBe("2h1m");
-  });
-
-  it("returns defsult 0 value", () => {
-    expect(getDelayString(0)).toBe("0");
-    expect(getDelayString(null)).toBe("0");
-    expect(getDelayString(undefined)).toBe("0");
-  });
-});

package/src/utils/getDelayString.ts

@@ -1,28 +0,0 @@
-/**
- * Returns a string representing a delay.
- * @param {Number} timeInMs Delay time in milliseconds.
- * @ignore
- */
-const getDelayString = (delayInMs: number) => {
-  let timeInMs = delayInMs;
-  if (timeInMs < 0) {
-    timeInMs = 0;
-  }
-  const h = Math.floor(timeInMs / 3600000);
-  const m = Math.round((timeInMs % 3600000) / 60000);
-  // const s = Math.floor(((timeInMs % 3600000) % 60000) / 1000);
-
-  let str = "";
-  if (h > 0) {
-    str += `${h}h`;
-  }
-  if (m > 0) {
-    str += `${m}m`;
-  }
-  // if (s > 0) {
-  //   str += `${s}s`;
-  // }
-  return str || "0";
-};
-
-export default getDelayString;

package/src/utils/getDelayTextForVehicle.test.ts

@@ -1,32 +0,0 @@
-import getDelayTextForVehicle from "./getDelayTextForVehicle";
-
-describe("getDelayTextForVehicle", () => {
-  it("returns cancelled character", () => {
-    expect(getDelayTextForVehicle(null, null, 7200000, true)).toBe(
-      String.fromCodePoint(0x00d7),
-    );
-  });
-
-  it("returns hours (floor)", () => {
-    expect(getDelayTextForVehicle(null, null, 7200000)).toBe("+2h");
-    expect(getDelayTextForVehicle(null, null, 7255555)).toBe("+2h1m");
-  });
-
-  it("returns minutes (round)", () => {
-    expect(getDelayTextForVehicle(null, null, 120000)).toBe("+2m");
-    expect(getDelayTextForVehicle(null, null, 151000)).toBe("+3m");
-  });
-
-  it("doesn't display seconds", () => {
-    expect(getDelayTextForVehicle(null, null, 1000)).toBe("");
-    expect(getDelayTextForVehicle(null, null, 30000)).toBe("+1m");
-    expect(getDelayTextForVehicle(null, null, 7255555)).toBe("+2h1m");
-  });
-
-  it("returns empty value", () => {
-    expect(getDelayTextForVehicle(null, null, 1000)).toBe("");
-    expect(getDelayTextForVehicle(null, null, null)).toBe("");
-    expect(getDelayTextForVehicle(null, null, undefined)).toBe("");
-    expect(getDelayTextForVehicle(null, null, 0)).toBe("");
-  });
-});

package/src/utils/getDelayTextForVehicle.ts

@@ -1,25 +0,0 @@
-import getDelayString from "./getDelayString";
-
-import type { RealtimeTrajectory, ViewState } from "mobility-toolbox-js/types";
-
-/**
- * This function returns the text displays near the vehicle.
- * We use getDelayString inside it to make sure that RouteSchedule and
- * the map have the same values.
- */
-const getDelayTextForVehicle = (
-  trajectory: RealtimeTrajectory,
-  viewState: ViewState,
-  delayInMs: number,
-  cancelled = false,
-): string => {
-  if (cancelled) {
-    return String.fromCodePoint(0x00d7);
-  }
-  const delayString = getDelayString(delayInMs);
-  if (delayString === "0") {
-    return "";
-  }
-  return `+${delayString}`;
-};
-export default getDelayTextForVehicle;

package/src/utils/getFullTrajectoryAndFit.ts

@@ -1,41 +0,0 @@
-import { GeoJSON } from "ol/format";
-import { Vector } from "ol/source";
-
-import type { RealtimeLayer } from "mobility-toolbox-js/ol";
-import type { RealtimeTrainId } from "mobility-toolbox-js/types";
-import type { Map } from "ol";
-
-const getFullTrajectoryAndFit = async (
-  map: Map,
-  realtimeLayer: RealtimeLayer,
-  trainId: RealtimeTrainId,
-  targetZoom = 0,
-) => {
-  // TO IMPROVE:
-  // We should be able to get a trajectory directly but it does not work because the trajectory is outside the bbox
-  // see /BAHNMW-805 and TGSRVI-1126
-  // So we get the full trajectory then zoom on it.
-
-  const fullTrajectory = await realtimeLayer.api.getFullTrajectory(
-    trainId,
-    realtimeLayer.mode,
-    realtimeLayer.engine.generalizationLevelByZoom[targetZoom],
-  );
-  if (fullTrajectory?.content?.features?.length) {
-    const extent = new Vector({
-      features: new GeoJSON().readFeatures(fullTrajectory.content),
-    }).getExtent();
-
-    const promise = new Promise((resolve) => {
-      map.getView().fit(extent, {
-        callback: (success) => {
-          resolve(success);
-        },
-      });
-    });
-    return promise;
-  }
-  return Promise.resolve(false);
-};
-
-export default getFullTrajectoryAndFit;

package/src/utils/getHoursAndMinutes.test.ts

@@ -1,15 +0,0 @@
-import getHoursAndMinutes from "./getHoursAndMinutes";
-
-describe("getHoursAndMinutes", () => {
-  it("returns hours and minutes", () => {
-    expect(getHoursAndMinutes(7200000)).toBe("02:00");
-    expect(getHoursAndMinutes(72999999)).toBe("20:16");
-  });
-
-  it("returns empty string", () => {
-    expect(getHoursAndMinutes(null)).toBe("");
-    expect(getHoursAndMinutes(undefined)).toBe("");
-    expect(getHoursAndMinutes(0)).toBe("");
-    expect(getHoursAndMinutes(-500000)).toBe("");
-  });
-});

package/src/utils/getHoursAndMinutes.ts

@@ -1,22 +0,0 @@
-/**
- * Returns a string representation of a number, with a zero if the number is lower than 10.
- * @ignore
- */
-const pad = (integer: number) => {
-  return integer < 10 ? `0${integer}` : integer;
-};
-
-/**
- * Returns a 'hh:mm' string from a time in ms.
- * @param {Number} timeInMs Time in milliseconds.
- * @ignore
- */
-const getHoursAndMinutes = (timeInMs: number) => {
-  if (!timeInMs || timeInMs <= 0) {
-    return "";
-  }
-  const date = new Date(timeInMs);
-  return `${pad(date.getHours())}:${pad(date.getMinutes())}`;
-};
-
-export default getHoursAndMinutes;

package/src/utils/getLayersAsFlatArray.ts

@@ -1,22 +0,0 @@
-import type { Group } from "ol/layer";
-import type BaseLayer from "ol/layer/Base";
-
-const getLayersAsFlatArray = (
-  layersOrLayer: BaseLayer | BaseLayer[],
-): BaseLayer[] => {
-  let layers = layersOrLayer;
-  if (!Array.isArray(layers)) {
-    layers = [layersOrLayer as BaseLayer];
-  }
-  let flatLayers: BaseLayer[] = [];
-  layers.forEach((layer: BaseLayer) => {
-    flatLayers.push(layer);
-    // Handle children property and ol.layer.Group
-    const children =
-      layer.get("children") || (layer as Group).getLayers?.()?.getArray();
-    flatLayers = flatLayers.concat(getLayersAsFlatArray(children || []));
-  });
-  return flatLayers;
-};
-
-export default getLayersAsFlatArray;

package/src/utils/getLinkByDevice.ts

@@ -1,23 +0,0 @@
-import type { Feature } from "ol";
-
-function getLinkByDevice(feature: Feature): string {
-  const iosLink = feature?.get("rental_uris_ios");
-  const androidLink = feature?.get("rental_uris_android");
-  const webLink = feature?.get("rental_uris_web");
-  if (
-    iosLink &&
-    (navigator.userAgent.includes("iPhone") ||
-      navigator.userAgent.includes("iPad") ||
-      navigator.userAgent.includes("iPod"))
-  ) {
-    return iosLink;
-  }
-
-  if (androidLink && navigator.userAgent.includes("Android")) {
-    return androidLink;
-  }
-
-  return webLink;
-}
-
-export default getLinkByDevice;

package/src/utils/getMainColorForVehicle.test.ts

@@ -1,25 +0,0 @@
-// import getMainColorForVehicle from "./getMainColorForVehicle";
-
-describe.skip("getTextForVehicle", () => {
-  it("returns default rail color", () => {
-    //     expect(getMainColorForVehicle()).toBe("#ff8080");
-    //     expect(getMainColorForVehicle(null)).toBe("#ff8080");
-    //     expect(getMainColorForVehicle({ train_type: 178 })).toBe("#ff8080");
-    //     expect(getMainColorForVehicle({ vehicleType: 178 })).toBe("#ff8080");
-  });
-  //   it("returns color", () => {
-  //     expect(getMainColorForVehicle({ color: "foo" })).toBe("#foo");
-  //     expect(getMainColorForVehicle({ line: { color: "#foo" } })).toBe("#foo");
-  //     expect(
-  //       getMainColorForVehicle({ properties: { line: { color: "foo" } } }),
-  //     ).toBe("#foo");
-  //   });
-  //   it("returns type color", () => {
-  //     expect(getMainColorForVehicle({ type: "tram" })).toBe("#ffb400");
-  //     expect(getMainColorForVehicle({ properties: { type: "tram" } })).toBe(
-  //       "#ffb400",
-  //     );
-  //     expect(getMainColorForVehicle({ vehicleType: 0 })).toBe("#ffb400");
-  //     expect(getMainColorForVehicle({ train_type: 0 })).toBe("#ffb400");
-  //   // });
-});

package/src/utils/getMainColorForVehicle.ts

@@ -1,54 +0,0 @@
-import { realtimeStyleUtils } from "mobility-toolbox-js/ol";
-
-import getBgColor from "./getBgColor";
-
-import type {
-  RealtimeDeparture,
-  RealtimeLine,
-  RealtimeMot,
-  RealtimeStopSequence,
-  RealtimeTrajectory,
-} from "mobility-toolbox-js/types";
-
-/**
- * Return the color depending on an object representing a vehicle or a line.
- * This function is used to have the same color on the map and on other components.
- */
-const getMainColorForVehicle = (object: unknown = null): string => {
-  const line =
-    (object as RealtimeTrajectory)?.properties?.line ||
-    (object as RealtimeStopSequence)?.line ||
-    (object as RealtimeLine);
-
-  let color = line?.color;
-  if (!color) {
-    let type: RealtimeMot =
-      (object as RealtimeTrajectory)?.properties?.type ||
-      (object as RealtimeStopSequence)?.type;
-
-    if (!type) {
-      let typeNumber: number = (object as RealtimeStopSequence)?.vehicleType;
-
-      if (!Number.isFinite(typeNumber)) {
-        typeNumber = (object as RealtimeDeparture)?.train_type;
-      }
-
-      if (Number.isFinite(typeNumber)) {
-        type = typeNumber as unknown as RealtimeMot;
-      } else {
-        type = "rail";
-      }
-    }
-    color =
-      getBgColor(type, line) ||
-      realtimeStyleUtils.getColorForType(type) ||
-      realtimeStyleUtils.getColorForType("rail");
-  }
-
-  if (color && !color.startsWith("#")) {
-    color = `#${color}`;
-  }
-
-  return color;
-};
-export default getMainColorForVehicle;

package/src/utils/getPermalinkParameters.ts

@@ -1,35 +0,0 @@
-import { getLayersAsFlatArray } from "mobility-toolbox-js/ol";
-
-import type { Map } from "ol";
-
-// This function return URL parameters representing a map.
-const getPermalinkParameters = (
-  map: Map,
-  urlParams: URLSearchParams = new URLSearchParams(),
-): URLSearchParams => {
-  const z = map.getView().getZoom();
-  const [x, y] = map.getView().getCenter() || [];
-  const layers = getLayersAsFlatArray(map.getLayers().getArray())
-    .filter((layer) => {
-      return layer.get("name") && layer.getVisible();
-    })
-    .map((layer) => {
-      return layer.get("name");
-    });
-
-  urlParams.set("layers", layers.join(","));
-  if (x >= 0) {
-    urlParams.set("x", x.toFixed(2));
-  }
-
-  if (y >= 0) {
-    urlParams.set("y", y.toFixed(2));
-  }
-
-  if (z >= 0) {
-    urlParams.set("z", z.toFixed(1));
-  }
-  return urlParams;
-};
-
-export default getPermalinkParameters;

package/src/utils/getRadius.ts

@@ -1,46 +0,0 @@
-import { realtimeConfig } from "mobility-toolbox-js/ol";
-
-import type { RealtimeMot } from "mobility-toolbox-js/types";
-
-// mobility-portal config
-const trackerRadiusMapping = {
-  0: [0, 0, 0, 0, 0, 2, 2, 2, 2, 2, 3, 3, 4, 4, 6, 7, 7], // Tram
-  1: [0, 0, 0, 0, 0, 2, 2, 2, 2, 2, 3, 3, 4, 4, 6, 7, 7], // Subway
-  2: [0, 0, 0, 0, 0, 2, 2, 2, 2, 3, 3, 4, 4, 6, 7, 12, 15], // Train
-  3: [0, 0, 0, 0, 0, 2, 2, 2, 2, 2, 2, 3, 3, 4, 6, 6, 6], // Bus
-  4: [0, 0, 0, 0, 0, 2, 2, 2, 2, 2, 2, 3, 3, 6, 7, 12, 15], // Ferry
-  5: [0, 0, 0, 0, 0, 2, 2, 2, 2, 2, 2, 3, 3, 4, 6, 7, 7], // Cable car
-  6: [0, 0, 0, 0, 0, 2, 2, 2, 2, 2, 2, 3, 3, 4, 6, 7, 7], // Gondola
-  7: [0, 0, 0, 0, 0, 2, 2, 2, 2, 2, 2, 3, 3, 4, 6, 7, 7], // Funicular
-  8: [0, 0, 0, 0, 0, 2, 2, 2, 2, 2, 2, 3, 3, 4, 6, 6, 6], // Long distance bus
-  9: [0, 0, 0, 0, 0, 2, 2, 2, 2, 3, 3, 4, 4, 6, 7, 12, 15], // Rail
-};
-
-const radiusMapping: Record<number, number[]> = trackerRadiusMapping;
-// [
-//   [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, 7, 7, 7, 12, 12, 15], // [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, 7, 7, 7, 12, 12, 15],
-// ];
-
-export const getRadius = (
-  type: number | RealtimeMot = 0,
-  zoom = 0,
-  cancelled = false,
-) => {
-  const z = Math.min(Math.floor(zoom || 1), 16);
-  try {
-    const typeIdx = realtimeConfig.getTypeIndex(type);
-    return radiusMapping[typeIdx][z] * (cancelled ? 2 : 1);
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  } catch (e) {
-    return 1;
-  }
-};