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

package/ol/controls/snapshots/RoutingControlStation1.json

@@ -1,60 +0,0 @@
-{
-  "type": "FeatureCollection",
-  "features": [
-    {
-      "type": "Feature",
-      "properties": {
-        "uid": "a4dca961d199ff76",
-        "name": "Z\u00fcrich HB",
-        "country_code": "CH",
-        "rank": null,
-        "translated_names": [],
-        "mot": {
-          "bus": false,
-          "rail": true,
-          "tram": false,
-          "ferry": false,
-          "subway": false,
-          "gondola": false,
-          "cable_car": false,
-          "funicular": false
-        },
-        "platforms": {
-          "rail": [
-            "3",
-            "4",
-            "5",
-            "6",
-            "7",
-            "8",
-            "9",
-            "10",
-            "11",
-            "12",
-            "13",
-            "14",
-            "15",
-            "16",
-            "17",
-            "18",
-            "21",
-            "22",
-            "31",
-            "32",
-            "33",
-            "34",
-            "41",
-            "42",
-            "43",
-            "44"
-          ]
-        },
-        "ifopt": null,
-        "ident_source": "sbb",
-        "id": "8503000",
-        "code": "ZUE"
-      },
-      "geometry": { "type": "Point", "coordinates": [8.540212, 47.378177] }
-    }
-  ]
-}

package/ol/controls/snapshots/RoutingControlStation2.json

@@ -1,49 +0,0 @@
-{
-  "type": "FeatureCollection",
-  "features": [
-    {
-      "type": "Feature",
-      "properties": {
-        "uid": "e3666f03cba06b2b",
-        "name": "Luzern",
-        "country_code": "CH",
-        "rank": null,
-        "translated_names": [],
-        "mot": {
-          "bus": false,
-          "rail": true,
-          "tram": false,
-          "ferry": false,
-          "subway": false,
-          "gondola": false,
-          "cable_car": false,
-          "funicular": false
-        },
-        "platforms": {
-          "rail": [
-            "1",
-            "2",
-            "3",
-            "4",
-            "5",
-            "6",
-            "7",
-            "8",
-            "9",
-            "10",
-            "11",
-            "12",
-            "13",
-            "14",
-            "15"
-          ]
-        },
-        "ifopt": null,
-        "ident_source": "sbb",
-        "id": "8505000",
-        "code": "LZ"
-      },
-      "geometry": { "type": "Point", "coordinates": [8.310183, 47.050178] }
-    }
-  ]
-}

package/ol/index.js

@@ -1,13 +0,0 @@
-export { default as Layer } from './layers/Layer';
-export { default as MapboxLayer } from './layers/MapboxLayer';
-export { default as MaplibreLayer } from './layers/MaplibreLayer';
-export { default as MapboxStyleLayer } from './layers/MapboxStyleLayer';
-export { default as RoutingLayer } from './layers/RoutingLayer';
-export { default as TralisLayer } from './layers/TralisLayer';
-export { default as VectorLayer } from './layers/VectorLayer';
-export { default as WMSLayer } from './layers/WMSLayer';
-export { default as CopyrightControl } from './controls/CopyrightControl';
-export { default as RoutingControl } from './controls/RoutingControl';
-export { default as StopFinderControl } from './controls/StopFinderControl';
-export * from '../common/styles';
-export * from './styles';

package/ol/layers/Layer.js

@@ -1,193 +0,0 @@
-import { unByKey } from 'ol/Observable';
-import Group from 'ol/layer/Group';
-import LayerCommon from '../../common/layers/Layer';
-
-/**
- * A class representing a layer to display on an OpenLayers map.
- *
- * @example
- * import { Layer } from 'mobility-toolbox-js/ol';
- *
- * const layer = new Layer({
- *   olLayer: ...,
- * });
- *
- * @see <a href="/example/ol-map">Map example</a>
- *
- * @classproperty {ol/Map~Map} map - The map where the layer is displayed.
- * @extends {Layer}
- */
-class Layer extends LayerCommon {
-  /**
-   * Constructor.
-   *
-   * @param {Object} options
-   * @param {ol/layer/Layer~Layer} options.olLayer The layer (required).
-   * @param {string} [options.name=uuid()] Layer name. Default use a generated uuid.
-   * @param {string} [options.key=uuid().toLowerCase()] Layer key, will use options.name.toLowerCase() if not specified.
-   * @param {string} [options.copyright=undefined] Copyright-Statement.
-   * @param {Array<Layer>} [options.children=[]] Sublayers.
-   * @param {Object} [options.properties={}] Application-specific layer properties.
-   * @param {boolean} [options.visible=true] If true this layer is the currently visible layer on the map.
-   * @param {boolean} [options.isBaseLayer=false] If true this layer is a baseLayer.
-   * @param {boolean} [options.isQueryable=true] If true feature information can be queried by the react-spatial LayerService. Default is true.
-   * @param {boolean} [options.isClickActive=true] If true feature information will be queried on 'singleclick' event. All results will be passed to function registered using `onClick` function. Default is true.
-   */
-  constructor(options) {
-    super(options);
-
-    if (this.olLayer) {
-      this.olLayer.setVisible(this.visible);
-    }
-  }
-
-  /**
-   * Define layer's properties.
-   *
-   * @ignore
-   */
-  defineProperties(options) {
-    super.defineProperties(options);
-    Object.defineProperties(this, {
-      olLayer: { value: options.olLayer, writable: true },
-      olListenersKeys: {
-        value: [],
-      },
-    });
-  }
-
-  /**
-   * Initialize the layer and listen to feature clicks.
-   * @param {ol/Map~Map} map
-   */
-  init(map) {
-    super.init(map);
-
-    if (!this.map) {
-      return;
-    }
-
-    if (this.map && this.olLayer) {
-      this.map.addLayer(this.olLayer);
-    }
-
-    this.olListenersKeys.push(
-      this.map.getLayers().on('remove', (evt) => {
-        if (evt.element === this.olLayer) {
-          this.terminate();
-        }
-      }),
-    );
-
-    if (this.isClickActive || this.isHoverActive) {
-      this.toggleVisibleListeners();
-      this.olListenersKeys.push(
-        this.on('change:visible', this.toggleVisibleListeners),
-      );
-    }
-
-    // We set the copyright to the source used by the layer.
-    if (this.copyrights && this.olLayer) {
-      const attributions = this.copyrights || [];
-      if (this.olLayer instanceof Group) {
-        this.olLayer
-          .getLayers()
-          .getArray()
-          .forEach((layer) => {
-            layer.getSource().setAttributions(attributions);
-          });
-      } else if (this.olLayer.getSource) {
-        this.olLayer.getSource().setAttributions(attributions);
-      }
-    }
-  }
-
-  /**
-   * Terminate what was initialized in init function. Remove layer, events...
-   */
-  terminate() {
-    unByKey(this.olListenersKeys);
-
-    if (this.map && this.olLayer) {
-      this.map.removeLayer(this.olLayer);
-    }
-
-    super.terminate();
-  }
-
-  /**
-   * Change the visibility of the layer
-   *
-   * @param {boolean} visible Defines the visibility of the layer
-   * @param {boolean} [stopPropagationDown]
-   * @param {boolean} [stopPropagationUp]
-   * @param {boolean} [stopPropagationSiblings]
-   */
-  setVisible(
-    visible,
-    stopPropagationDown = false,
-    stopPropagationUp = false,
-    stopPropagationSiblings = false,
-  ) {
-    if (visible === this.visible) {
-      return;
-    }
-
-    super.setVisible(
-      visible,
-      stopPropagationDown,
-      stopPropagationUp,
-      stopPropagationSiblings,
-    );
-
-    if (this.olLayer) {
-      this.olLayer.setVisible(this.visible);
-    }
-  }
-
-  /**
-   * Toggle listeners needed when a layer is avisible or not.
-   * @private
-   */
-  toggleVisibleListeners() {
-    // Remove previous event
-    if (this.isClickListenerKey && this.isHoverListenerKey) {
-      [this.isClickListenerKey, this.isHoverListenerKey].forEach((key) => {
-        const index = this.olListenersKeys.indexOf(key);
-        if (index > -1) {
-          this.olListenersKeys.splice(index, 1);
-        }
-        unByKey([this.isHoverListenerKey, this.isClickListenerKey]);
-      });
-    }
-
-    if (this.visible) {
-      if (this.isClickActive) {
-        this.isClickListenerKey = this.map.on(
-          'singleclick',
-          this.onUserClickCallback,
-        );
-      }
-      if (this.isHoverActive) {
-        this.isHoverListenerKey = this.map.on(
-          'pointermove',
-          this.onUserMoveCallback,
-        );
-      }
-      this.olListenersKeys.push(
-        this.isClickListenerKey,
-        this.isHoverListenerKey,
-      );
-    }
-  }
-
-  /**
-   * Create a copy of the Layer.
-   * @param {Object} newOptions Options to override
-   * @return {Layer} A Layer
-   */
-  clone(newOptions) {
-    return new Layer({ ...this.options, ...newOptions });
-  }
-}
-export default Layer;

package/ol/layers/Layer.test.js

@@ -1,197 +0,0 @@
-import VectorLayer from 'ol/layer/Vector';
-import VectorSource from 'ol/source/Vector';
-import Map from 'ol/Map';
-import Group from 'ol/layer/Group';
-import Layer from './Layer';
-
-let olLayer;
-let map;
-
-describe('Layer', () => {
-  beforeEach(() => {
-    map = new Map({});
-    olLayer = new VectorLayer({ source: new VectorSource() });
-  });
-
-  test('should initialize.', () => {
-    const layer = new Layer({ name: 'Layer', olLayer });
-    expect(layer).toBeInstanceOf(Layer);
-  });
-
-  test('should be visible by default.', () => {
-    const layer = new Layer({ name: 'Layer', olLayer });
-    expect(layer.visible).toBe(true);
-  });
-
-  test('should be invisible if defined.', () => {
-    const layer = new Layer({ name: 'Layer', visible: false, olLayer });
-    expect(layer.visible).toBe(false);
-  });
-
-  test('should be invisible if set.', () => {
-    const layer = new Layer({ name: 'Layer', olLayer });
-    layer.setVisible(false);
-    expect(layer.visible).toBe(false);
-  });
-
-  test('should visibility stay unchanged', () => {
-    const layer = new Layer({ name: 'Layer', visible: false, olLayer });
-    layer.setVisible(false);
-    expect(layer.visible).toBe(false);
-  });
-
-  test('should return its name.', () => {
-    const layer = new Layer({ name: 'Layer', visible: false, olLayer });
-    expect(layer.name).toEqual('Layer');
-  });
-
-  test('should call terminate on initialization.', () => {
-    const layer = new Layer({ name: 'Layer', olLayer });
-    const spy = jest.spyOn(layer, 'terminate');
-    layer.init();
-    expect(spy).toHaveBeenCalledTimes(1);
-  });
-
-  test('should remove the layer when we call terminate.', () => {
-    const layer = new Layer({ name: 'Layer', olLayer });
-    const spy = jest.spyOn(layer, 'terminate');
-    layer.init(map);
-    expect(spy).toHaveBeenCalledTimes(1);
-    layer.terminate(map);
-    expect(spy).toHaveBeenCalledTimes(2);
-  });
-
-  test('should manage copyrights as string.', () => {
-    const spy = jest.spyOn(VectorSource.prototype, 'setAttributions');
-    const layer = new Layer({ name: 'Layer', copyrights: 'foo', olLayer });
-    layer.init(map);
-    expect(spy).toHaveBeenCalledWith(['foo']);
-  });
-
-  test('should manage copyrights as array.', () => {
-    const spy = jest.spyOn(VectorSource.prototype, 'setAttributions');
-    const layer = new Layer({ name: 'Layer', copyrights: ['bar'], olLayer });
-    layer.init(map);
-    expect(spy).toHaveBeenCalledWith(['bar']);
-  });
-
-  test('should set attributions for Group.', () => {
-    const spy = jest.spyOn(VectorSource.prototype, 'setAttributions');
-    const layer = new Layer({
-      name: 'Layer',
-      copyrights: ['bar'],
-      olLayer: new Group({ layers: [olLayer] }),
-    });
-    layer.init(map);
-    expect(spy).toHaveBeenCalledWith(['bar']);
-  });
-
-  test('should listen for click/hover events when layer is visible by default then should not when hidden.', async () => {
-    global.console.error = jest.fn();
-    const layer = new Layer({ name: 'Layer', olLayer });
-    expect(layer.visible).toBe(true);
-    const spy = jest.fn();
-    const spy2 = jest.fn();
-    layer.init(map);
-    layer.onHover(spy);
-    layer.onClick(spy2);
-    expect(spy).toHaveBeenCalledTimes(0);
-    expect(spy2).toHaveBeenCalledTimes(0);
-
-    await map.dispatchEvent({ type: 'pointermove', map, coordinate: [0, 0] });
-    await map.dispatchEvent({ type: 'singleclick', map, coordinate: [0, 0] });
-    expect(spy).toHaveBeenCalledTimes(1);
-    expect(spy2).toHaveBeenCalledTimes(1);
-    spy.mockReset();
-    spy2.mockReset();
-
-    layer.setVisible(false);
-    await map.dispatchEvent({ type: 'pointermove', map, coordinate: [0, 0] });
-    await map.dispatchEvent({ type: 'singleclick', map, coordinate: [0, 0] });
-    expect(spy).toHaveBeenCalledTimes(0);
-    expect(spy2).toHaveBeenCalledTimes(0);
-    global.console.error.mockRestore();
-  });
-
-  test('should not listen for click/hover events when layer is not visible by default then should not when visible.', async () => {
-    global.console.error = jest.fn();
-    const layer = new Layer({ name: 'Layer', olLayer, visible: false });
-    expect(layer.visible).toBe(false);
-    const spy = jest.fn();
-    const spy2 = jest.fn();
-    layer.init(map);
-    layer.onHover(spy);
-    layer.onClick(spy2);
-    expect(spy).toHaveBeenCalledTimes(0);
-    expect(spy2).toHaveBeenCalledTimes(0);
-
-    await map.dispatchEvent({ type: 'pointermove', map, coordinate: [0, 0] });
-    await map.dispatchEvent({ type: 'singleclick', map, coordinate: [0, 0] });
-    expect(spy).toHaveBeenCalledTimes(0);
-    expect(spy2).toHaveBeenCalledTimes(0);
-    spy.mockReset();
-    spy2.mockReset();
-
-    layer.setVisible(true);
-    await map.dispatchEvent({ type: 'pointermove', map, coordinate: [0, 0] });
-    await map.dispatchEvent({ type: 'singleclick', map, coordinate: [0, 0] });
-    expect(spy).toHaveBeenCalledTimes(1);
-    expect(spy2).toHaveBeenCalledTimes(1);
-    global.console.error.mockRestore();
-  });
-
-  test('should not listen for click/hover events  after layer.terminate()', async () => {
-    global.console.error = jest.fn();
-    const layer = new Layer({ name: 'Layer', olLayer, visible: true });
-    expect(layer.visible).toBe(true);
-    const spy = jest.fn();
-    const spy2 = jest.fn();
-    layer.init(map);
-    layer.onHover(spy);
-    layer.onClick(spy2);
-    expect(spy).toHaveBeenCalledTimes(0);
-    expect(spy2).toHaveBeenCalledTimes(0);
-
-    await map.dispatchEvent({
-      type: 'pointermove',
-      map,
-      coordinate: [0, 0],
-    });
-    await map.dispatchEvent({
-      type: 'singleclick',
-      map,
-      coordinate: [0, 0],
-    });
-    expect(spy).toHaveBeenCalledTimes(1);
-    expect(spy2).toHaveBeenCalledTimes(1);
-    spy.mockReset();
-    spy2.mockReset();
-
-    layer.terminate(map);
-    await map.dispatchEvent({
-      type: 'pointermove',
-      map,
-      coordinate: [0, 0],
-    });
-    await map.dispatchEvent({
-      type: 'singleclick',
-      map,
-      coordinate: [0, 0],
-    });
-    expect(spy).toHaveBeenCalledTimes(0);
-    expect(spy2).toHaveBeenCalledTimes(0);
-    global.console.error.mockRestore();
-  });
-
-  test('should clone', () => {
-    const layer = new Layer({
-      name: 'Layer',
-      copyrights: ['bar'],
-      olLayer: new Group({ layers: [olLayer] }),
-    });
-    const clone = layer.clone({ name: 'clone' });
-    expect(clone).not.toBe(layer);
-    expect(clone.name).toBe('clone');
-    expect(clone).toBeInstanceOf(Layer);
-  });
-});