@wemap/providers 3.2.2 → 3.2.3

package/debug/map/helpers/MapClickHandler.js

@@ -1,121 +0,0 @@
-import {
-    Map, Popup
-} from 'mapbox-gl';
-
-import {
-    Coordinates, Level
-} from '@wemap/geo';
-
-import ItineraryStore from '../../stores/ItineraryStore.js';
-import UserOnMapHandler from './UserOnMapHandler.js';
-
-class MapClickHandler {
-
-    /**
-     * @param {Map} map
-     * @param {UserOnMapHandler} userOnMapHandler
-     */
-    constructor(map, userOnMapHandler) {
-        if (!map) {
-            throw new TypeError('map cannot be null');
-        }
-
-        map.on('contextmenu', e => this._onContextmenu(e));
-
-        this.map = map;
-
-        this.itineraryStore = ItineraryStore.instance;
-        this.userOnMapHandler = userOnMapHandler;
-    }
-
-    _onContextmenu(e) {
-
-        if (this.popup) {
-            this.popup.remove();
-            this.popup = null;
-        }
-
-        if (this.itineraryStore.itinerary || this.itineraryStore.itineraryComputing) {
-            return;
-        }
-
-        const coordinates = new Coordinates(e.lngLat.lat, e.lngLat.lng);
-
-        this.popup = new Popup()
-            .setLngLat(e.lngLat)
-            .setDOMContent(this._generatePopupHtml(coordinates))
-            .addTo(this.map);
-    }
-
-    _updateCoordinatesWithMapLevel(coordinates) {
-        if (this.map.indoor.getLevel() !== null) {
-            coordinates.level = new Level(this.map.indoor.getLevel());
-        }
-    }
-
-    _generatePopupHtml(coordinates) {
-
-        const container = document.createElement('div');
-
-        const navigateButton = document.createElement('div');
-        navigateButton.id = 'navigate-to-this-point';
-        navigateButton.innerHTML = 'Navigate to this point';
-        navigateButton.classList.add('map-click-list-element');
-        navigateButton.onclick = () => {
-            this._updateCoordinatesWithMapLevel(coordinates);
-            this._navigateTo(coordinates);
-            if (this.popup) {
-                this.popup.remove();
-            }
-        };
-        container.appendChild(navigateButton);
-
-        const startButton = document.createElement('div');
-        startButton.id = 'start-from-there';
-        startButton.innerHTML = 'Start from there';
-        startButton.classList.add('map-click-list-element');
-        startButton.onclick = () => {
-            this._updateCoordinatesWithMapLevel(coordinates);
-            this.itineraryStore.start = coordinates;
-            this._eventuallyCompute();
-            if (this.popup) {
-                this.popup.remove();
-            }
-        };
-        container.appendChild(startButton);
-
-        const endButton = document.createElement('div');
-        endButton.id = 'end-to-there';
-        endButton.innerHTML = 'End to there';
-        endButton.classList.add('map-click-list-element');
-        endButton.onclick = () => {
-            this._updateCoordinatesWithMapLevel(coordinates);
-            this.itineraryStore.end = coordinates;
-            this._eventuallyCompute();
-            if (this.popup) {
-                this.popup.remove();
-            }
-        };
-        container.appendChild(endButton);
-
-        return container;
-    }
-
-    _navigateTo(coordinates) {
-
-        this.itineraryStore.end = coordinates;
-
-        this.itineraryStore.retrieveStartFromUserLocation()
-            .then(() => {
-                this.itineraryStore.compute();
-                this.userOnMapHandler.startPositioning();
-            });
-    }
-
-    _eventuallyCompute() {
-        if (!this.itineraryStore.itinerary && this.itineraryStore.start && this.itineraryStore.end) {
-            this.itineraryStore.compute();
-        }
-    }
-}
-export default MapClickHandler;

package/debug/map/helpers/UserOnMapHandler.js

@@ -1,91 +0,0 @@
-import { Map } from 'mapbox-gl';
-import { GeolocationLayer } from '@wemap/map';
-import { TimeUtils } from '@wemap/utils';
-
-import {
-    PositionSmoother, ProvidersInterface, EventType
-} from '../../../index.js';
-
-
-class UserOnMapHandler {
-
-    smoother;
-    attitudeProviderId;
-    positionProviderId;
-
-    /**
-     * @param {Map} map
-     */
-    constructor(map) {
-
-        this.geolocationLayer = new GeolocationLayer(map);
-
-        this.geolocationLayer.onStartButtonClicked = layer => this.start(layer);
-        this.geolocationLayer.onStopButtonClicked = layer => this.stop(layer);
-    }
-
-    start() {
-
-        this.geolocationLayer.startRenderLoop();
-
-        /**
-         * Attitude
-         */
-        this.attitudeProviderId = ProvidersInterface.addEventListener(
-            EventType.AbsoluteAttitude,
-            attitude => this.geolocationLayer.updateHeading(attitude.headingDegrees)
-        );
-
-        // There is no sense to show the last known attitude on the map
-        // this.geolocationLayer.updateHeading(ProvidersInterface.getLastKnown(EventType.AbsoluteAttitude));
-
-
-        /**
-         * Position
-         */
-
-        const positionTransform = input => {
-            if (input === null) {
-                return null;
-            }
-            const output = input.clone();
-            output.timestamp = TimeUtils.preciseTimeToUnixTimestamp(input.time * 1e3);
-            return output;
-        };
-
-        this.smoother = new PositionSmoother(position => {
-            this.geolocationLayer.updatePosition(positionTransform(position));
-        });
-
-        this.positionProviderId = ProvidersInterface.addEventListener(
-            EventType.AbsolutePosition,
-            position => this.smoother.feed(position)
-        );
-
-        const lastKnownPosition = ProvidersInterface.getLastKnown(EventType.AbsolutePosition);
-        if (lastKnownPosition) {
-            this.geolocationLayer.updatePosition(positionTransform(lastKnownPosition));
-        }
-    }
-
-    stop() {
-
-        this.geolocationLayer.stopRenderLoop();
-
-        /**
-         * Attitude
-         */
-
-        ProvidersInterface.removeEventListener(this.attitudeProviderId);
-
-
-        /**
-         * Position
-         */
-
-        ProvidersInterface.removeEventListener(this.positionProviderId);
-        this.smoother.clear();
-    }
-
-}
-export default UserOnMapHandler;

package/debug/stores/ItineraryStore.js

@@ -1,198 +0,0 @@
-import { Coordinates, Level } from '@wemap/geo';
-import { Itinerary } from '@wemap/graph';
-import { OsrmUtils } from '@wemap/osm';
-import { Evented } from '@wemap/utils';
-
-import {
-    ProvidersInterface, EventType
-} from '../../index.js';
-
-const Events = {
-    StartChanged: 'itinerary.start.changed',
-    EndChanged: 'itinerary.end.changed',
-    ItineraryChanged: 'itinerary.changed',
-    ItineraryNotFound: 'itinerary.not.found',
-    ItineraryComputing: 'itinerary.computing',
-    ServerError: 'itinerary.server.error',
-    UseStairsChanged: 'itinerary.use.stairs.changed'
-};
-
-const SERVER_URL = 'https://routingindoor.maaap.it';
-
-class ItineraryStore extends Evented {
-
-    _start = null;
-    _end = null;
-    _itinerary = null;
-    _useStairs = true;
-
-    static Events = Events;
-
-    static instance = new ItineraryStore();
-
-    /**
-     * @param {Coordinates} start
-     */
-    set start(start) {
-        this._start = start;
-        this.fire(Events.StartChanged, start);
-    }
-
-    /**
-     * @returns {Coordinates}
-     */
-    get start() {
-        return this._start;
-    }
-
-    /**
-     * @returns {Promise}
-     */
-    retrieveStartFromUserLocation() {
-
-        const userPosition = ProvidersInterface.getLastKnown(EventType.AbsolutePosition);
-        if (userPosition) {
-            this.start = userPosition;
-            return Promise.resolve();
-        }
-
-        return new Promise((resolve, reject) => {
-
-            let providerId;
-
-            const rejectFn = () => {
-                ProvidersInterface.removeEventListener(providerId);
-                reject();
-            };
-
-            this.on(Events.StartChanged, rejectFn);
-
-            providerId = ProvidersInterface.addEventListener(EventType.AbsolutePosition,
-                position => {
-                    this.off(Events.StartChanged, rejectFn);
-                    ProvidersInterface.removeEventListener(providerId);
-                    this.start = position;
-                    resolve();
-                });
-        });
-    }
-
-    /**
-     * @param {Coordinates} end
-     */
-    set end(end) {
-        this._end = end;
-        this.fire(Events.EndChanged, end);
-    }
-
-    /**
-     * @returns {Coordinates}
-     */
-    get end() {
-        return this._end;
-    }
-
-    /**
-     * @returns {Itinerary}
-     */
-    get itinerary() {
-        return this._itinerary;
-    }
-
-    /**
-     * @returns {Boolean}
-     */
-    get isComputing() {
-        return this.itineraryComputing;
-    }
-
-    /**
-     * @param {Boolean}
-     */
-    set useStairs(useStairs) {
-        this._useStairs = useStairs;
-        this.fire(Events.UseStairsChanged, useStairs);
-    }
-
-    /**
-     * @return {Boolean}
-     */
-    get useStairs() {
-        return this._useStairs;
-    }
-
-    compute() {
-
-        const start = this.start;
-        const end = this.end;
-
-        if (!start || !end) {
-            return;
-        }
-
-        const computingFn = (bool) => {
-            this.itineraryComputing = bool;
-            this.fire(Events.ItineraryComputing, bool);
-        };
-
-        computingFn(true);
-
-        const url = SERVER_URL
-            + '/route/v1/walking/'
-            + start.lng + ',' + start.lat + (start.level !== null ? ',' + start.level.toString() : '')
-            + ';'
-            + end.lng + ',' + end.lat + (end.level !== null ? ',' + end.level.toString() : '')
-            + '?geometries=geojson&overview=full'
-            + '&useAltitude=false'
-            + (!this.useStairs ? '&useStairs=false' : '');
-
-
-        fetch(url)
-            .then(response => response.json())
-            .catch(error => {
-                computingFn(false);
-                this.fire(Events.ServerError, error);
-            })
-            .then(json => {
-                if (json.code !== 'Ok') {
-                    computingFn(false);
-                    this.remove();
-                    this.fire(Events.ItineraryNotFound);
-                    return;
-                }
-                const itinerary = OsrmUtils.createItineraryFromJson(json, start, end);
-
-                this.itineraryComputing = false;
-                this.fire(Events.ItineraryComputing, false);
-
-                if (itinerary.nodes.length > 0) {
-                    const firstCoords = itinerary.nodes[0].coords;
-                    const lastCoords = itinerary.nodes[itinerary.nodes.length - 1].coords;
-
-                    if (!Level.equalsTo(firstCoords.level, start.level)) {
-                        this.start.level = firstCoords.level;
-                        this.fire(Events.StartChanged, start);
-                    }
-
-                    if (!Level.equalsTo(lastCoords.level, end.level)) {
-                        this.end.level = lastCoords.level;
-                        this.fire(Events.EndChanged, end);
-                    }
-                }
-
-                this._itinerary = itinerary;
-                this.fire(Events.ItineraryChanged, itinerary);
-
-                ProvidersInterface.feed(EventType.Network, itinerary);
-            });
-    }
-
-    remove() {
-        this._itinerary = null;
-        this.fire(Events.ItineraryChanged, null);
-        ProvidersInterface.feed(EventType.Network, null);
-    }
-
-}
-
-export default ItineraryStore;

package/dist/absolute-attitude.html

@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, user-scalable=no">
-  <title>Debug Absolute Attitude</title>
-  <script src="js/providers-components.js"></script>
-</head>
-
-<body>
-  <div id="app"></div>
-  <script>createReactElement(AbsoluteAttitudeComponent, document.getElementById('app'));</script>
-</body>
-
-</html>