@geops/rvf-mobility-web-component 0.1.46 → 0.1.47

package/src/icons/Tracking/Tracking.tsx

@@ -0,0 +1,29 @@
+function Tracking({ ...props }) {
+  return (
+    <svg
+      fill="none"
+      height="24"
+      part="svg"
+      viewBox="0 0 14 14"
+      width="24"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        clipRule="evenodd"
+        d="M7 0.333344C7.375 0.333344 7.66667 0.62501 7.66667 0.97921V2.35414C9.7292 2.66668 11.3333 4.27081 11.625 6.33334H13C13.375 6.33334 13.6667 6.62501 13.6667 7.00001C13.6667 7.37501 13.375 7.66668 13 7.66668H11.625C11.3333 9.70834 9.70833 11.3333 7.66667 11.625V13C7.66667 13.375 7.375 13.6667 7 13.6667C6.64587 13.6667 6.33333 13.375 6.33333 13V11.625C4.29167 11.3333 2.68747 9.70834 2.39587 7.66668H1C0.625 7.66668 0.333333 7.37501 0.333333 7.00001C0.333333 6.62501 0.625 6.33334 1 6.33334H2.39587C2.68747 4.27081 4.29167 2.66668 6.33333 2.35414V0.97921C6.33333 0.62501 6.64587 0.333344 7 0.333344ZM7 3.66668C5.16667 3.66668 3.66667 5.16668 3.66667 7.00001C3.66667 8.79168 5.08333 10.3125 7 10.3125C8.89587 10.3125 10.3333 8.81254 10.3333 7.00001C10.3333 5.16668 8.83333 3.66668 7 3.66668Z"
+        fill="currentColor"
+        fillRule="evenodd"
+      />
+      <path
+        clipRule="evenodd"
+        d="M5.66667 7.00001C5.66667 6.27081 6.2708 5.66668 7 5.66668C7.7292 5.66668 8.33333 6.27081 8.33333 7.00001C8.33333 7.72921 7.7292 8.33334 7 8.33334C6.2708 8.33334 5.66667 7.72921 5.66667 7.00001Z"
+        fill="currentColor"
+        fillRule="evenodd"
+        part="circle"
+      />
+    </svg>
+  );
+}
+
+export default Tracking;

package/src/icons/Tracking/airport-14-svgrepo-com.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg 
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="100%"
+   height="100%"
+   viewBox="0 0 14 14"
+   id="svg2">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6" />
+  <rect
+     width="14"
+     height="14"
+     x="0"
+     y="0"
+     id="canvas"
+     style="fill:none;stroke:none;visibility:hidden" />
+  <path
+     d="m 14,8 0,1 -6,-1 0,3 2,2 0,1 L 7,13 4,14 4,13 6,11 6,8 0,9 0,8 6,5 6,2 C 6,1 6.22222,0 7,0 7.77777,0 8,1 8,2 l 0,3 z"
+     id="airport"
+     style="fill:#000000;fill-opacity:1;stroke:none" />
+</svg>

package/src/icons/Tracking/index.tsx

@@ -0,0 +1 @@
+export { default } from "./Tracking";

package/src/icons/WaitingAreas/WaitingAreas.tsx

@@ -2,9 +2,9 @@ function WaitingAreas({ ...props }) {
   return (
     <svg
       fill="currentColor"
-      width="24px"
       height="24px"
       viewBox="0 0 15 15"
+      width="24px"
       xmlns="http://www.w3.org/2000/svg"
       {...props}
     >

package/src/icons/Warning/Warning.tsx

@@ -0,0 +1,56 @@
+function Warning({ ...props }) {
+  return (
+    <svg
+      height="24px"
+      version="1.1"
+      viewBox="0 0 24 24"
+      width="24px"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <defs>
+        <polygon
+          id="path-1"
+          points="-1.11022302e-16 0 2.0005 0 2.0005 2.0002 -1.11022302e-16 2.0002"
+        ></polygon>
+        <polygon id="path-3" points="0 0 2 0 2 7.9998 0 7.9998"></polygon>
+      </defs>
+      <g fill="none" fillRule="evenodd" stroke="none" strokeWidth="1">
+        <circle cx="12" cy="12" fill="#E3000B" id="Oval" r="11"></circle>
+        <g id="Group-9" transform="translate(10.999750, 6.500000)">
+          <g id="Group-3" transform="translate(0.000000, 8.999800)">
+            <mask fill="white" id="mask-2">
+              <use xlinkHref="#path-1"></use>
+            </mask>
+            <g id="Clip-2"></g>
+            <path
+              d="M0.29325,0.293 C-0.09775,0.684 -0.09775,1.317 0.29325,1.707 C0.68425,2.098 1.31725,2.098 1.70725,1.707 C2.09825,1.317 2.09825,0.684 1.70725,0.293 C1.51225,0.098 1.25825,0.001 1.00225,0 L0.99925,0 C0.74325,0.001 0.48825,0.098 0.29325,0.293"
+              fill="#FFFFFF"
+              id="Fill-1"
+              mask="url(#mask-2)"
+            ></path>
+          </g>
+          <path
+            d="M0.99875,8.9998 L1.00275,8.9998 L0.99875,8.9998 Z"
+            fill="#FFFFFF"
+            id="Fill-4"
+          ></path>
+          <g id="Group-8" transform="translate(0.000350, 0.000000)">
+            <mask fill="white" id="mask-4">
+              <use xlinkHref="#path-3"></use>
+            </mask>
+            <g id="Clip-7"></g>
+            <path
+              d="M1,-0.0002 C0.448,-0.0002 0,0.4478 0,0.9998 L0,6.9998 C0,7.4008 0.24,7.7428 0.582,7.9018 C0.71,7.9618 0.849,7.9998 1,7.9998 C1.151,7.9998 1.29,7.9618 1.418,7.9018 C1.76,7.7428 2,7.4008 2,6.9998 L2,0.9998 C2,0.4478 1.552,-0.0002 1,-0.0002"
+              fill="#FFFFFF"
+              id="Fill-6"
+              mask="url(#mask-4)"
+            ></path>
+          </g>
+        </g>
+      </g>
+    </svg>
+  );
+}
+
+export default Warning;

package/src/icons/Warning/index.tsx

@@ -0,0 +1 @@
+export { default } from "./Warning";

package/src/icons/Warning/info-achtung-kreisrot-rot.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
+  <title>info/info-achtung-kreisrot</title>
+  <defs>
+    <polygon id="path-1" points="-1.11022302e-16 0 2.0005 0 2.0005 2.0002 -1.11022302e-16 2.0002"></polygon>
+    <polygon id="path-3" points="0 0 2 0 2 7.9998 0 7.9998"></polygon>
+  </defs>
+  <g id="info/info-achtung-kreisrot" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <circle id="Oval" fill="#E3000B" cx="12" cy="12" r="11"></circle>
+    <g id="Group-9" transform="translate(10.999750, 6.500000)">
+      <g id="Group-3" transform="translate(0.000000, 8.999800)">
+        <mask id="mask-2" fill="white">
+          <use xlink:href="#path-1"></use>
+        </mask>
+        <g id="Clip-2"></g>
+        <path d="M0.29325,0.293 C-0.09775,0.684 -0.09775,1.317 0.29325,1.707 C0.68425,2.098 1.31725,2.098 1.70725,1.707 C2.09825,1.317 2.09825,0.684 1.70725,0.293 C1.51225,0.098 1.25825,0.001 1.00225,0 L0.99925,0 C0.74325,0.001 0.48825,0.098 0.29325,0.293" id="Fill-1" fill="#FFFFFF" mask="url(#mask-2)"></path>
+      </g>
+      <path d="M0.99875,8.9998 L1.00275,8.9998 L0.99875,8.9998 Z" id="Fill-4" fill="#FFFFFF"></path>
+      <g id="Group-8" transform="translate(0.000350, 0.000000)">
+        <mask id="mask-4" fill="white">
+          <use xlink:href="#path-3"></use>
+        </mask>
+        <g id="Clip-7"></g>
+        <path d="M1,-0.0002 C0.448,-0.0002 0,0.4478 0,0.9998 L0,6.9998 C0,7.4008 0.24,7.7428 0.582,7.9018 C0.71,7.9618 0.849,7.9998 1,7.9998 C1.151,7.9998 1.29,7.9618 1.418,7.9018 C1.76,7.7428 2,7.4008 2,6.9998 L2,0.9998 C2,0.4478 1.552,-0.0002 1,-0.0002" id="Fill-6" fill="#FFFFFF" mask="url(#mask-4)"></path>
+      </g>
+    </g>
+  </g>
+</svg>

package/src/icons/WheelChair/WheelChair.tsx

@@ -2,9 +2,9 @@ function WheelChair({ ...props }) {
   return (
     <svg
       fill="currentColor"
-      width="24px"
       height="24px"
       viewBox="0 0 24 24"
+      width="24px"
       xmlns="http://www.w3.org/2000/svg"
       {...props}
     >

package/src/index.tsx

@@ -1,58 +1,20 @@
 import register from "preact-custom-element";
 
 import MobilityMap from "./MobilityMap";
-import MobilitySearch from "./StopsSearch";
+import MobilityMapAttributes from "./MobilityMap/MobilityMapAttributes";
+import MobilitySearch, { MobilitySearchAttributes } from "./MobilitySearch";
 
-register(
-  MobilityMap,
-  "geops-mobility",
-  [
-    "apikey",
-    "baselayer",
-    "center",
-    "extent",
-    "maxextent",
-    "geolocation",
-    "details",
-    "layers",
-    "layertree",
-    "mapsurl",
-    "mots",
-    "notification",
-    "notificationat",
-    "notificationurl",
-    "notificationbeforelayerid",
-    "print",
-    "realtime",
-    "realtimeurl",
-    "search",
-    "share",
-    "tenant",
-    "zoom",
-    "permalink",
-    "embed",
-  ],
-  { shadow: true },
-);
+register(MobilityMap, "geops-mobility", Object.keys(MobilityMapAttributes), {
+  mode: "open",
+  shadow: true,
+});
 
 register(
   MobilitySearch,
   "geops-mobility-search",
-  [
-    "apikey",
-    "bbox",
-    "countrycode",
-    "event",
-    "field",
-    "limit",
-    "mots",
-    "onselect",
-    "params",
-    "prefagencies",
-    "reflocation",
-    "url",
-  ],
+  Object.keys(MobilitySearchAttributes),
   {
+    mode: "open",
     shadow: true,
   },
 );

package/src/indexDoc.ts

@@ -0,0 +1,13 @@
+// This file contains what we need to build the documentation in the index.html file
+
+import MobilityMapAttributes from "./MobilityMap/MobilityMapAttributes";
+import MobilitySearchAttributes from "./MobilitySearch/MobilitySearchAttributes";
+
+if (typeof window !== "undefined") {
+  // @ts-expect-error it's wanted
+  window.MobilityMapAttributes = MobilityMapAttributes;
+  // @ts-expect-error it's wanted
+  window.MobilitySearchAttributes = MobilitySearchAttributes;
+}
+
+export default { MobilityMapAttributes, MobilitySearchAttributes };

package/src/ui/Button/Button.tsx

@@ -0,0 +1,57 @@
+import { memo, useMemo } from "preact/compat";
+
+import type {
+  AnchorHTMLAttributes,
+  ButtonHTMLAttributes,
+  PreactDOMAttributes,
+} from "preact";
+
+export type ButtonProps = {
+  className?: string;
+  selected?: boolean;
+  theme?: "primary" | "secondary";
+} & AnchorHTMLAttributes &
+  ButtonHTMLAttributes &
+  PreactDOMAttributes;
+
+const baseClasses = "flex";
+
+export const themes = {
+  primary: {
+    classes: "",
+    selectedClasses: "",
+  },
+  secondary: {
+    classes: "",
+    selectedClasses: "",
+  },
+};
+
+function Button({
+  children,
+  className,
+  href,
+  selected = false,
+  theme = "secondary",
+  ...props
+}: ButtonProps) {
+  const classes = useMemo(() => {
+    return `${baseClasses} ${themes[theme].classes}  ${selected ? themes[theme].selectedClasses : ""} ${className || ""}`;
+  }, [className, selected, theme]);
+
+  if (href) {
+    return (
+      <a className={classes} href={href} {...props}>
+        {children}
+      </a>
+    );
+  }
+
+  return (
+    <button className={classes} {...props}>
+      {children}
+    </button>
+  );
+}
+
+export default memo(Button);

package/src/ui/Button/index.tsx

@@ -0,0 +1 @@
+export { default } from "../../RvfButton";

package/src/ui/IconButton/IconButton.tsx

@@ -0,0 +1,44 @@
+import { memo, useMemo } from "preact/compat";
+
+import type { ButtonHTMLAttributes, PreactDOMAttributes } from "preact";
+
+export type IconButtonProps = {
+  className?: string;
+  selected?: boolean;
+  theme?: "primary" | "secondary";
+} & ButtonHTMLAttributes<HTMLButtonElement> &
+  PreactDOMAttributes;
+
+const baseClasses =
+  "flex size-9 items-center justify-center rounded-full bg-white p-1.5 shadow-lg";
+
+export const themes = {
+  primary: {
+    classes: "",
+    selectedClasses: "",
+  },
+  secondary: {
+    classes: "",
+    selectedClasses: "",
+  },
+};
+
+function IconButton({
+  children,
+  className,
+  selected = false,
+  theme = "secondary",
+  ...props
+}: IconButtonProps) {
+  const classes = useMemo(() => {
+    return `${baseClasses} ${themes[theme].classes}  ${selected ? themes[theme].selectedClasses : ""} ${className || ""}`;
+  }, [className, selected, theme]);
+
+  return (
+    <button className={classes} {...props}>
+      {children}
+    </button>
+  );
+}
+
+export default memo(IconButton);

package/src/ui/IconButton/index.tsx

@@ -0,0 +1 @@
+export { default } from "../../RvfIconButton";

package/src/utils/MobilityEvent.ts

@@ -1,12 +1,12 @@
-import type { MobilityMapProps } from "../MobilityMap/MobilityMap";
-
 export type MobilityEventType =
   | "mwc:attribute"
+  | "mwc:permalink"
+  | "mwc:selectedfeature"
   | "mwc:stopssearchselect"
   | string;
 
 class MobilityEvent<T> extends Event {
-  data: MobilityMapProps;
+  data: T;
 
   constructor(name: MobilityEventType, data: T, options: EventInit = {}) {
     super(name, { ...options, composed: true });
@@ -14,6 +14,7 @@ class MobilityEvent<T> extends Event {
   }
 
   logImportantData() {
+    // eslint-disable-next-line no-console
     console.log(this.data);
   }
 }

package/src/utils/applyInitialLayerVisibility.ts

@@ -1,5 +1,5 @@
-import { Group } from "ol/layer";
-import BaseLayer from "ol/layer/Base";
+import type { Group } from "ol/layer";
+import type BaseLayer from "ol/layer/Base";
 
 const applyInitialLayerVisibility = (
   layersAttrValue: string,
@@ -11,7 +11,7 @@ const applyInitialLayerVisibility = (
     !!(layersAttrValue !== null && layersAttrValue !== undefined);
 
   if (hasLayersAttribute) {
-    const names = (layersAttrValue && layersAttrValue.split(",")) || [];
+    const names = layersAttrValue?.split(",") || [];
     const name = layer.get("name");
     const shouldBeVisible = names.includes(name);
     if (layer.getVisible() !== shouldBeVisible) {

package/src/utils/centerOnStation.ts

@@ -1,7 +1,8 @@
-import { Map } from "ol";
 import { fromLonLat } from "ol/proj";
 
-import { StationFeature } from "../StopsSearch";
+import type { Map } from "ol";
+
+import type { StationFeature } from "../StopsSearch";
 
 const centerOnStation = (selectedStation: StationFeature, map: Map) => {
   const center = selectedStation?.geometry?.coordinates;

package/src/utils/centerOnVehicle.ts

@@ -1,15 +1,16 @@
 import { getVehiclePosition } from "mobility-toolbox-js/ol";
-import { RealtimeTrajectory } from "mobility-toolbox-js/types";
-import { Map } from "ol";
 import { linear } from "ol/easing";
 
+import type { RealtimeTrajectory } from "mobility-toolbox-js/types";
+import type { Map } from "ol";
+
 const centerOnVehicle = async (
   vehicle: RealtimeTrajectory,
   map: Map,
   targetZoom = 0,
 ) => {
   if (!vehicle) {
-    return Promise.reject();
+    return Promise.reject(new Error("No vehicle provided"));
   }
 
   const {
@@ -26,7 +27,7 @@ const centerOnVehicle = async (
     center = coord as [number, number];
   }
   if (!center) {
-    return Promise.reject();
+    return Promise.reject(new Error("No center found"));
   }
 
   view.cancelAnimations();

package/src/utils/constants.ts

@@ -1,4 +1,3 @@
-import { FeatureCollection } from "geojson";
 import { fromLonLat, toLonLat, transformExtent } from "ol/proj";
 
 import callBike from "../logos/callabike_logo.png";
@@ -10,6 +9,12 @@ import naturEnergieLogo from "../logos/natur_energie_logo.png";
 import yoioLogo from "../logos/yoio_logo.png";
 import zeusLogo from "../logos/zeus_logo.png";
 
+import type { FeatureCollection } from "geojson";
+
+export const LAYER_NAME_REALTIME = "echtzeit";
+export const LAYER_NAME_STATIONS = "haltestellen";
+export const LAYER_NAME_NOTIFICATION = "meldungen";
+
 export const RVF_EXTENT_4326 = [7.5, 47.7, 8.45, 48.4];
 
 export const RVF_EXTENT_3857 = transformExtent(
@@ -48,16 +53,35 @@ export const RVF_LAYERS_NAMES = {
   carGrf: "grueneflotte",
   carNatur: "naturenergie",
   carOthers: "autoandere",
-  echtzeit: "echtzeit",
+  echtzeit: LAYER_NAME_REALTIME,
   eroller: "e-roller",
-  haltestellen: "haltestellen",
+  haltestellen: LAYER_NAME_STATIONS,
   liniennetz: "liniennetz",
+  meldungen: LAYER_NAME_NOTIFICATION,
   mitfahrpunkte: "mitfahrpunkte",
   pois: "pois",
   tarifzonen: "tarifzonen",
   verkaufsstellen: "verkaufsstellen",
 };
 
+export const DEFAULT_QUERYABLE_LAYERS = Object.keys(RVF_LAYERS_NAMES)
+  .filter((name) => {
+    return (
+      name !== RVF_LAYERS_NAMES.tarifzonen && name !== RVF_LAYERS_NAMES.pois
+    );
+  })
+  .toString();
+
+export const LAYERS_WITH_LINK = Object.keys(RVF_LAYERS_NAMES)
+  .filter((name) => {
+    return (
+      name !== RVF_LAYERS_NAMES.tarifzonen &&
+      name !== RVF_LAYERS_NAMES.pois &&
+      name !== RVF_LAYERS_NAMES.echtzeit
+    );
+  })
+  .toString();
+
 export const WFS_CARGO_BIKE_TYPE = "sharing_stations_cargo_bicycle";
 export const WFS_CAR_TYPE = "sharing_stations_car";
 export const WFS_BIKE_TYPE = "sharing_stations_bicycle";

package/src/utils/exportPdf.ts

@@ -1,15 +1,19 @@
-import jsPDF, { jsPDFOptions } from "jspdf";
+import jsPDF from "jspdf";
 import { CopyrightControl } from "mobility-toolbox-js/ol";
 import { Map } from "ol";
-import { Coordinate } from "ol/coordinate";
-import { Extent, getBottomRight, getTopLeft } from "ol/extent";
-import BaseLayer from "ol/layer/Base";
-import { MapOptions } from "ol/Map";
-import { Size } from "ol/size";
-import View, { ViewOptions } from "ol/View";
+import { getBottomRight, getTopLeft } from "ol/extent";
+import View from "ol/View";
 
 import { RVF_EXTENT_3857 } from "./constants";
 
+import type { jsPDFOptions } from "jspdf";
+import type { Coordinate } from "ol/coordinate";
+import type { Extent } from "ol/extent";
+import type BaseLayer from "ol/layer/Base";
+import type { MapOptions } from "ol/Map";
+import type { Size } from "ol/size";
+import type { ViewOptions } from "ol/View";
+
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const getMargin = (destCanvas) => {
   const newMargin = destCanvas.width / 100; // 1% of the canvas width
@@ -186,7 +190,9 @@ const drawText = (
     const wordNumber = text.split(" ").length;
     for (let i = 0; i < wordNumber; i += 1) {
       // Stop removing word when fits within one line.
-      if (firstLineMetrics.width * scale < canvas.width) {
+      // Wher comes the scale from?
+      // if (firstLineMetrics.width * (scale ?? 1) < canvas.width) {
+      if (firstLineMetrics.width * 1 < canvas.width) {
         break;
       }
       firstLine = firstLine.substring(0, firstLine.lastIndexOf(" "));
@@ -213,12 +219,12 @@ const drawText = (
   lines.forEach((line) => {
     const { fontBoundingBoxAscent, fontBoundingBoxDescent } =
       ctx.measureText(line);
-    const height = fontBoundingBoxAscent + fontBoundingBoxDescent;
+    const heightt = fontBoundingBoxAscent + fontBoundingBoxDescent;
     ctx.fillText(line, lineX, lineY);
 
-    let delta = height;
+    let delta = heightt;
     if (textBaseline === "bottom") {
-      delta = -height;
+      delta = -heightt;
     }
 
     lineY = lineY + delta;
@@ -358,7 +364,7 @@ const calculatePixelsToExport = (map: Map, extent: Extent, coordinates) => {
 };
 
 // Create an canvas from a map.
-const createCanvasImage = async (
+const createCanvasImage = (
   map: Map,
   extent?: Extent,
   coordinates?: Coordinate[],
@@ -405,14 +411,14 @@ const createCanvasImage = async (
     );
   }
 
-  return destCanvas;
+  return Promise.resolve(destCanvas);
 };
 
-const downloadCanvasImage = async (
+const downloadCanvasImage = (
   canvas: HTMLCanvasElement,
   format = "image/png",
-  getDownloadImageName = (format: string) => {
-    return format.replace("/", ".");
+  getDownloadImageName = (formatImage: string) => {
+    return formatImage.replace("/", ".");
   },
 ): Promise<boolean> => {
   try {
@@ -442,10 +448,10 @@ const downloadCanvasImage = async (
       }, format);
     }
 
-    return true;
+    return Promise.resolve(true);
   } catch (error) {
     console.error(error);
-    return false;
+    return Promise.resolve(false);
   }
 };
 
@@ -499,7 +505,7 @@ const createMapToExport = async (
     }, 10000);
 
     // rendercomplete is triggered when all the layers renderer have the property "ready" to true.
-    mapHd.once("rendercomplete", async () => {
+    mapHd.once("rendercomplete", () => {
       clearTimeout(timeout);
       resolve(mapHd);
     });
@@ -633,7 +639,7 @@ async function exportPdf(
   if (useCopyright) {
     drawCopyright(copyrightText, canvas, {
       ...(mapExportOptions?.copyrightOptions || {}),
-      font: (pixelRatio * 12).toString() + "px Arial",
+      font: `${(pixelRatio * 12).toString()}px Arial`,
     });
   }
 

package/src/utils/fullTrajectoryStyle.ts

@@ -1,7 +1,7 @@
-import type { FeatureLike } from "ol/Feature";
-
 import { Circle, Fill, Stroke, Style } from "ol/style";
 
+import type { FeatureLike } from "ol/Feature";
+
 const borderStyle = new Style({
   image: new Circle({
     fill: new Fill({

package/src/utils/getAllLayers.ts

@@ -1,7 +1,8 @@
-import { Collection } from "ol";
-import BaseLayer from "ol/layer/Base";
 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,
 ) => {
@@ -9,7 +10,7 @@ const getAllLayers = (
   function addLayersFrom(layers: BaseLayer[] | Collection<BaseLayer>) {
     layers.forEach(function (layer) {
       if (layer instanceof Group) {
-        addLayersFrom((layer as Group).getLayers());
+        addLayersFrom(layer.getLayers());
       } else {
         allLayers.push(layer);
       }

package/src/utils/getDelayColor.test.ts

@@ -14,6 +14,7 @@ describe("getDelayColor", () => {
     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");