@wemap/positioning 2.7.13 → 14.0.0-0

package/debug/components/ImuComponent.jsx

@@ -1,95 +0,0 @@
-import React from 'react';
-
-import EventType from '../../src/events/EventType';
-import ImuProvider from '../../src/providers/others/ImuProvider';
-import Utils from './Utils';
-import ProvidersLogger from '../../src/providers/ProvidersLogger';
-
-ProvidersLogger.enabled = true;
-
-class ImuComponent extends React.Component {
-
-    constructor(props, context) {
-        super(props, context);
-
-        this.state = {
-            acc: null,
-            gyr: null
-        };
-
-        this.imuProvider = new ImuProvider(this.onEvent, this.onError, {require: [
-            EventType.Acceleration, EventType.AngularRate
-        ]});
-    }
-
-    componentDidMount() {
-        this.imuProvider.start();
-    }
-
-    componentWillUnmount() {
-        this.imuProvider.stop();
-    }
-
-    onEvent = events => {
-        const newState = {};
-
-        events.forEach(event => {
-            if (event.dataType === EventType.Acceleration) {
-                newState.acc = event.data;
-            }
-            if (event.dataType === EventType.AngularRate) {
-                newState.gyr = event.data;
-            }
-        });
-
-        this.setState(newState);
-    };
-
-    onError = error => {
-        this.setState({
-            acc: error,
-            gyr: error
-        });
-    }
-
-    render() {
-
-        let accelerometerString;
-        const acc = this.state.acc;
-        if (!acc) {
-            accelerometerString = 'Waiting';
-        } else if (acc instanceof Error) {
-            accelerometerString = Utils.renderError(acc);
-        } else {
-            accelerometerString = '[' + acc[0].toFixed(2)
-                + ', ' + acc[1].toFixed(2)
-                + ', ' + acc[2].toFixed(2)
-                + ']';
-        }
-
-        let gyroscopeString;
-        const gyr = this.state.gyr;
-        if (!gyr) {
-            gyroscopeString = 'Waiting';
-        } else if (gyr instanceof Error) {
-            gyroscopeString = Utils.renderError(gyr);
-        } else {
-            gyroscopeString = '[' + gyr[0].toFixed(2)
-                + ', ' + gyr[1].toFixed(2)
-                + ', ' + gyr[2].toFixed(2)
-                + ']';
-        }
-
-        return (
-            <div>
-                <h3>Acceleration</h3>
-                <p>{accelerometerString}</p>
-                <h3>Angular Velocity</h3>
-                <p>{gyroscopeString}</p>
-            </div>
-        );
-
-    }
-}
-
-export default ImuComponent;

package/debug/components/InclinationComponent.jsx

@@ -1,52 +0,0 @@
-import React from 'react';
-
-import InclinationProvider from '../../src/providers/others/InclinationProvider';
-import EventType from '../../src/events/EventType';
-import Utils from './Utils';
-import ProvidersLogger from '../../src/providers/ProvidersLogger';
-
-ProvidersLogger.enabled = true;
-
-class InclinationComponent extends React.Component {
-
-    constructor(props, context) {
-        super(props, context);
-
-        this.state = { inclination: null };
-
-        this.inclinationProvider = new InclinationProvider(this.onEvent, this.onError);
-    }
-
-    componentDidMount() {
-        this.inclinationProvider.start();
-    }
-
-    componentWillUnmount() {
-        this.inclinationProvider.stop();
-    }
-
-    onEvent = events => {
-        events.forEach(event => {
-            if (event.dataType === EventType.Inclination) {
-                this.setState({ inclination: event.data });
-            }
-        });
-    };
-
-    onError = error => {
-        this.setState({ inclination: error });
-    }
-
-    render() {
-
-        return (
-            <div>
-                <h3>Inclination</h3>
-                <p>{Utils.renderInclination(this.state.inclination)}</p>
-            </div>
-        );
-
-    }
-}
-
-export default InclinationComponent;

package/debug/components/MapComponent.jsx

@@ -1,228 +0,0 @@
-import React from 'react';
-import mapboxgl from 'mapbox-gl';
-import 'mapbox-gl/dist/mapbox-gl.css';
-import PropTypes from 'prop-types';
-
-import {
-    Attitude, WGS84
-} from '@wemap/geo';
-import { Network } from '@wemap/graph';
-
-import EventType from '../../src/events/EventType';
-
-mapboxgl.accessToken
-    = 'pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4M29iazA2Z2gycXA4N2pmbDZmangifQ.-g_vE53SD2WrJ6tFX7QHmA';
-
-const COMPASS_STYLE = {
-    width: '15px',
-    height: '15px',
-    'border-radius': '50%',
-    'z-index': '10000001',
-    position: 'absolute',
-    top: '-14px',
-    left: '-14px',
-    border: '7px solid',
-    'border-color': 'transparent',
-    'border-top-color': '#008DF1',
-    opacity: 0.5
-};
-
-const POSITION_STYLE = {
-    width: '15px',
-    height: '15px',
-    top: '-7px',
-    left: '-7px',
-    position: 'absolute',
-    'border-radius': '50%',
-    background: '#008DF1'
-};
-
-class MapComponent extends React.Component {
-    static propTypes = {
-        network: PropTypes.instanceOf(Network),
-        defaultZoom: PropTypes.number
-    };
-
-    static defaultProps = { defaultZoom: 19 };
-
-    componentDidMount() {
-        this.map = new mapboxgl.Map({
-            container: this.mapContainer,
-            style: 'mapbox://styles/mapbox/streets-v9'
-        });
-        this.renderNetwork();
-    }
-
-    componentWillUnmount() {
-        this.map.remove();
-    }
-
-    createMarker(options) {
-        var elem, marker;
-
-        elem = document.createElement('div');
-        elem.style.marginLeft = '-' + options.iconAnchor[0] + 'px';
-        elem.style.marginTop = '-' + options.iconAnchor[1] + 'px';
-        elem.style.width = 0;
-        elem.style.height = 0;
-        elem.appendChild(options.dom);
-
-        marker = new mapboxgl.Marker(elem);
-        marker.setLngLat([options.longitude, options.latitude]);
-        return marker;
-    }
-
-    createPositionMarker(position) {
-        const coreIcon = document.createElement('div');
-        this.applyStyleToDomElement(coreIcon, POSITION_STYLE);
-
-        this.positionIcon = document.createElement('div');
-        this.positionIcon.appendChild(coreIcon);
-
-        return this.createMarker({
-            dom: this.positionIcon,
-            iconAnchor: [0, 0],
-            latitude: position[1],
-            longitude: position[0]
-        });
-    }
-
-    createCompassElement() {
-        if (!this.positionIcon) {
-            throw new Error('createPositionMarker() should be called before');
-        }
-        this.compassIcon = document.createElement('div');
-        this.applyStyleToDomElement(this.compassIcon, COMPASS_STYLE);
-        this.positionIcon.appendChild(this.compassIcon);
-    }
-
-    applyStyleToDomElement(domElement, style) {
-        for (const key in style) {
-            if (style.hasOwnProperty(key)) {
-                domElement.style[key] = style[key];
-            }
-        }
-    }
-
-    parseEvents(events) {
-        if (!this.map) {
-            return;
-        }
-        events.forEach(event => {
-            if (event.dataType === EventType.AbsolutePosition) {
-                this.updatePosition(event.data);
-            } else if (event.dataType === EventType.AbsoluteAttitude) {
-                this.updateAttitude(event.data);
-            }
-        });
-    }
-
-    updatePosition(position) {
-        if (!this.map) {
-            return;
-        }
-
-        if (!(position instanceof WGS84)) {
-            if (this.mapMarker) {
-                this.mapMarker.remove();
-                this.mapMarker = null;
-                this.positionIcon = null;
-            }
-            return;
-        }
-
-        const lngLat = [position.lng, position.lat];
-
-        if (!this.mapMarker) {
-            this.mapMarker = this.createPositionMarker(lngLat).addTo(this.map);
-            this.map.jumpTo({
-                center: lngLat,
-                zoom: this.props.defaultZoom
-            });
-        } else {
-            this.mapMarker.setLngLat(lngLat);
-        }
-    }
-
-    updateAttitude(attitude) {
-        if (!this.positionIcon) {
-            return;
-        }
-
-        if (!(attitude instanceof Attitude)) {
-            if (this.compassIcon) {
-                this.positionIcon.removeChild(this.compassIcon);
-            }
-            return;
-        }
-
-        if (!this.compassIcon) {
-            this.createCompassElement();
-        }
-
-        this.positionIcon.style.transform
-        = 'rotate(' + attitude.headingDegrees + 'deg)';
-    }
-
-    renderNetwork() {
-        if (!this.map) {
-            return;
-        }
-
-        const network = this.props.network;
-
-        if (network === this.previousNetwork) {
-            return;
-        }
-        this.previousNetwork = network;
-
-        if (!network) {
-            if (this.networkLayer) {
-                this.map.removeLayer(this.networkLayer);
-                this.networkLayer = null;
-            }
-            return;
-        }
-
-        const layer = {
-            id: 'network',
-            type: 'line',
-            source: {
-                type: 'geojson',
-                data: {
-                    type: 'Feature',
-                    properties: {},
-                    geometry: {
-                        type: 'MultiLineString',
-                        coordinates: []
-                    }
-                }
-            },
-            paint: {
-                'line-color': '#0000FF',
-                'line-width': 3
-            }
-        };
-
-        for (let i = 0; i < network.edges.length; i++) {
-            layer.source.data.geometry.coordinates.push([
-                [network.edges[i].node1.coords.lng, network.edges[i].node1.coords.lat],
-                [network.edges[i].node2.coords.lng, network.edges[i].node2.coords.lat]
-            ]);
-        }
-
-        this.map.on('load', () => {
-            this.networkLayer = this.map.addLayer(layer);
-        });
-    }
-
-    render() {
-        this.renderNetwork();
-        return (
-            <div ref={map => (this.mapContainer = map)}
-                style={{ height: '300px' }} />
-        );
-    }
-}
-
-export default MapComponent;

package/debug/components/NavigationConfig.js

@@ -1,92 +0,0 @@
-import React from 'react'; // eslint-disable-line no-unused-vars
-
-import {
-    WGS84UserPosition, Level
-} from '@wemap/geo';
-import { Itinerary } from '@wemap/graph';
-import { deg2rad } from '@wemap/maths';
-
-const datasets = {};
-
-// Wemap Office
-const wemapOffice = {
-    initialPosition: new WGS84UserPosition(43.6091955, 3.8841255, 1.5),
-    initialHeading: deg2rad(191.9)
-};
-wemapOffice.itinerary = Itinerary.fromOrderedPointsArray(
-    [
-        [wemapOffice.initialPosition.lat, wemapOffice.initialPosition.lng],
-        [43.6091883, 3.8841242],
-        [43.6091709, 3.8842382],
-        [43.6091288, 3.884226],
-        [43.6091461, 3.884112]
-    ],
-    [wemapOffice.initialPosition.lat, wemapOffice.initialPosition.lng],
-    [43.6091461, 3.884112]
-);
-
-// Wemap Office Multi-level
-const wemapOfficeMulti = {
-    initialPosition: new WGS84UserPosition(43.6091965, 3.8841285, 1.5, new Level(2)),
-    initialHeading: deg2rad(191.9)
-};
-wemapOfficeMulti.itinerary = Itinerary.fromOrderedPointsArray(
-    [
-        [43.6091888, 3.8841263, new Level(2)],
-        [43.6091749, 3.8842173, new Level(2)],
-        [43.6092935, 3.8842518, new Level(2)],
-        [43.6093022, 3.8842702, new Level(2)],
-        [43.6093123, 3.8842731, new Level(2)],
-        [43.6093234, 3.8842009, new Level(2)],
-        [43.6093629, 3.8842127, new Level(1, 2)],
-        [43.6093597, 3.8842336, new Level(1, 2)],
-        [43.6093202, 3.8842218, new Level(1)],
-        [43.6093123, 3.8842731, new Level(1)],
-        [43.6092681, 3.8842604, new Level(1)]
-    ],
-    [wemapOfficeMulti.initialPosition.lat, wemapOffice.initialPosition.lng, wemapOfficeMulti.initialPosition.level],
-    [43.6092602, 3.8842669, new Level(1)]
-);
-
-// Gare de Lyon RER A
-const gareDeLyonRerA = {
-    initialPosition: new WGS84UserPosition(48.8442365, 2.3728267, 1.5, new Level(-2)),
-    initialHeading: deg2rad(41.6)
-};
-gareDeLyonRerA.itinerary = Itinerary.fromOrderedPointsArray(
-    [
-        [48.8442368, 2.3728274, new Level(-2)],
-        [48.8442378, 2.3728257, new Level(-2)],
-        [48.8443732, 2.3726023, new Level(-1)],
-        [48.8443864, 2.3726195, new Level(-1)],
-        [48.8444032, 2.3726407, new Level(-1)]
-    ],
-    [gareDeLyonRerA.initialPosition.lat, gareDeLyonRerA.initialPosition.lng, gareDeLyonRerA.initialPosition.level],
-    [48.8444315, 2.3726809, new Level(-1)]
-);
-
-
-datasets['wemap-office'] = wemapOffice;
-datasets['wemap-office-multi'] = wemapOfficeMulti;
-datasets['gare-de-lyon-rer-a'] = gareDeLyonRerA;
-
-class NavigationConfig {
-
-    static INITIAL_POSITION = wemapOffice.initialPosition;
-    static INITIAL_HEADING = wemapOffice.initialHeading;
-    static ITINERARY = wemapOffice.itinerary;
-
-    static load(datasetName) {
-
-        const dataset = datasets[datasetName];
-        if (!dataset) {
-            throw new Error('Unknown ' + datasetName);
-        }
-
-        this.INITIAL_POSITION = dataset.initialPosition;
-        this.INITIAL_HEADING = dataset.initialHeading;
-        this.ITINERARY = dataset.itinerary;
-    }
-}
-
-export default NavigationConfig;

package/debug/components/PdrComponent.jsx

@@ -1,75 +0,0 @@
-import isEmpty from 'lodash.isempty';
-import React from 'react';
-
-import NavigationConfig from './NavigationConfig';
-import Utils from './Utils';
-import PdrProvider from '../../src/providers/pose/pdr/PdrProvider';
-import EventType from '../../src/events/EventType';
-import MapComponent from './MapComponent';
-import ProvidersLogger from '../../src/providers/ProvidersLogger';
-
-ProvidersLogger.enabled = true;
-
-class PdrComponent extends React.Component {
-    constructor(props, context) {
-        super(props, context);
-        this.state = { position: null };
-
-        this.pdrProvider = new PdrProvider(this.onEvent, this.onError);
-        this.pdrProvider.enableMapMatching(NavigationConfig.ITINERARY);
-    }
-
-    componentDidMount() {
-        this.pdrProvider.setPosition(NavigationConfig.INITIAL_POSITION);
-        this.pdrProvider.setHeading(NavigationConfig.INITIAL_HEADING);
-        this.pdrProvider.start();
-    }
-
-    componentWillUnmount() {
-        this.pdrProvider.stop();
-    }
-
-    onEvent = events => {
-        const newState = {};
-        events.forEach(event => {
-            if (event.dataType === EventType.AbsolutePosition) {
-                newState.position = event.data;
-            } else if (event.dataType === EventType.AbsoluteAttitude) {
-                newState.attitude = event.data;
-            }
-        });
-        if (!isEmpty(newState)) {
-            this.setState(newState);
-        }
-
-        if (this.map) {
-            this.map.parseEvents(events);
-        }
-    };
-
-    onError = error => {
-        this.setState({
-            position: error,
-            attitude: error
-        });
-    };
-
-    render() {
-        const attitudeRender = Utils.renderAttitude(this.state.attitude);
-        const positionRender = Utils.renderPosition(this.state.position);
-
-        return (
-            <div>
-                <h3>Position</h3>
-                {positionRender}
-                <h3>Attitude</h3>
-                {attitudeRender}
-                <h3>Map</h3>
-                <MapComponent ref={map => (this.map = map)}
-                    network={NavigationConfig.ITINERARY} />
-            </div>
-        );
-    }
-}
-
-export default PdrComponent;

package/debug/components/PoseComponent.jsx

@@ -1,77 +0,0 @@
-import React from 'react';
-import isEmpty from 'lodash.isempty';
-
-import EventType from '../../src/events/EventType';
-import Utils from './Utils';
-import PoseProvider from '../../src/providers/pose/PoseProvider';
-import MapComponent from './MapComponent';
-import ProvidersLogger from '../../src/providers/ProvidersLogger';
-
-ProvidersLogger.enabled = true;
-
-class PoseComponent extends React.Component {
-
-    constructor(props, context) {
-        super(props, context);
-        this.state = {
-            position: null,
-            attitude: null
-        };
-
-        this.poseProvider = new PoseProvider(this.onEvent, this.onError);
-    }
-
-
-    componentDidMount() {
-        this.poseProvider.start();
-    }
-
-    componentWillUnmount() {
-        this.poseProvider.stop();
-    }
-
-    onEvent = events => {
-        const newState = {};
-        events.forEach(event => {
-            if (event.dataType === EventType.AbsolutePosition) {
-                newState.position = event.data;
-            } else if (event.dataType === EventType.AbsoluteAttitude) {
-                newState.attitude = event.data;
-            }
-        });
-        if (!isEmpty(newState)) {
-            this.setState(newState);
-        }
-
-        if (this.map) {
-            this.map.parseEvents(events);
-        }
-    };
-
-    onError = error => {
-        this.setState({
-            position: error,
-            attitude: error
-        });
-    }
-
-    render() {
-
-        const attitudeRender = Utils.renderAttitude(this.state.attitude);
-        const positionRender = Utils.renderPosition(this.state.position);
-
-        return (
-            <div>
-                <h3>Position</h3>
-                {positionRender}
-                <h3>Attitude</h3>
-                {attitudeRender}
-                <h3>Map</h3>
-                <MapComponent ref={map => (this.map = map)} />
-            </div>
-
-        );
-    }
-}
-
-export default PoseComponent;

package/debug/components/PositioningComponent.jsx

@@ -1,29 +0,0 @@
-import React from 'react';
-import PositioningPoseComponent from './PositioningPoseComponent';
-import PositioningHandler from '../../src/PositioningHandler';
-import PositioningInclinationComponent from './PositioningInclinationComponent';
-import ProvidersLogger from '../../src/providers/ProvidersLogger';
-
-ProvidersLogger.enabled = true;
-
-class PositioningComponent extends React.Component {
-
-    constructor(props, context) {
-        super(props, context);
-        this.positioningHandler = new PositioningHandler();
-    }
-
-    render() {
-
-        return (
-            <div>
-                <h2>Pose</h2>
-                <div><PositioningPoseComponent positioningHandler={this.positioningHandler} /></div>
-                <h2>Inclination</h2>
-                <div><PositioningInclinationComponent positioningHandler={this.positioningHandler} /></div>
-            </div>
-        );
-    }
-}
-
-export default PositioningComponent;