@wemap/positioning 2.7.13 → 14.0.0-0

package/debug/components/PositioningInclinationComponent.jsx

@@ -1,82 +0,0 @@
-import React from 'react';
-import isEmpty from 'lodash.isempty';
-import PropTypes from 'prop-types';
-
-import EventType from '../../src/events/EventType';
-import Utils from './Utils';
-import PositioningHandler from '../../src/PositioningHandler';
-import StartStopComponent from './StartStopComponent';
-import ProvidersLogger from '../../src/providers/ProvidersLogger';
-
-ProvidersLogger.enabled = true;
-
-class PositioningInclinationComponent extends React.Component {
-
-    static propTypes = { positioningHandler: PropTypes.instanceOf(PositioningHandler).isRequired };
-
-    constructor(props, context) {
-        super(props, context);
-        this.state = {
-            inclination: null,
-            errored: false
-        };
-    }
-
-
-    start() {
-        const output = this.props.positioningHandler.start(
-            [EventType.Inclination],
-            this.onEvents,
-            this.onError
-        );
-
-        if (!output) {
-            return;
-        }
-
-        this.id = output.id;
-    }
-
-
-    stop() {
-        this.props.positioningHandler.stop(this.id);
-        this.setState({
-            inclination: null,
-            errored: false
-        });
-    }
-
-    onEvents = (events) => {
-        const newState = {};
-        events.forEach(event => {
-            if (event.dataType === EventType.Inclination) {
-                newState.inclination = event.data;
-            }
-        });
-        if (!isEmpty(newState)) {
-            this.setState(newState);
-        }
-    };
-
-    onError = error => {
-        this.setState({
-            errored: true,
-            inclination: error
-        });
-    }
-
-    render() {
-        return (
-            <div>
-                <StartStopComponent
-                    onStart={() => this.start()}
-                    onStop={() => this.stop()}
-                    errored={this.state.errored} />
-
-                <p>{Utils.renderInclination(this.state.inclination)}</p>
-            </div>
-        );
-    }
-}
-
-export default PositioningInclinationComponent;

package/debug/components/PositioningPoseComponent.jsx

@@ -1,117 +0,0 @@
-import React from 'react';
-import isEmpty from 'lodash.isempty';
-import PropTypes from 'prop-types';
-
-import EventType from '../../src/events/EventType';
-import NavigationConfig from './NavigationConfig';
-import Utils from './Utils';
-import PositioningHandler from '../../src/PositioningHandler';
-import StartStopComponent from './StartStopComponent';
-import MapComponent from './MapComponent';
-import ProvidersLogger from '../../src/providers/ProvidersLogger';
-
-ProvidersLogger.enabled = true;
-
-class PositioningPoseComponent extends React.Component {
-    static propTypes = {positioningHandler: PropTypes.instanceOf(PositioningHandler).isRequired};
-
-    constructor(props, context) {
-        super(props, context);
-        this.state = {
-            position: null,
-            attitude: null,
-            errored: false
-        };
-    }
-
-    start() {
-        const output = this.props.positioningHandler.start(
-            [EventType.AbsolutePosition, EventType.AbsoluteAttitude],
-            this.onEvents,
-            this.onError,
-            {
-                waitInputPosition: true,
-                useMapMatching: true
-            }
-        );
-
-        if (!output) {
-            return;
-        }
-
-        this.id = output.id;
-
-        this.props.positioningHandler.setItinerary(this.id, NavigationConfig.ITINERARY);
-        this.props.positioningHandler.setNetwork(this.id, NavigationConfig.ITINERARY);
-        this.props.positioningHandler.setPosition(this.id, NavigationConfig.INITIAL_POSITION);
-        this.props.positioningHandler.setHeading(this.id, NavigationConfig.INITIAL_HEADING);
-    }
-
-    stop() {
-        this.props.positioningHandler.stop(this.id);
-        this.setState({
-            position: null,
-            attitude: null,
-            errored: false
-        });
-    }
-
-    onEvents = 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,
-            errored: true
-        });
-    };
-
-    render() {
-        const attitudeRender = Utils.renderAttitude(this.state.attitude);
-        const positionRender = Utils.renderPosition(this.state.position);
-
-        const itineraryRender = Utils.renderItineraryInfo(
-            this.state.position && !(this.state.position instanceof Error)
-                ? NavigationConfig.ITINERARY.getInfo(this.state.position)
-                : null
-        );
-
-        return (
-            <div>
-                <StartStopComponent
-                    onStart={() => this.start()}
-                    onStop={() => this.stop()}
-                    errored={this.state.errored}
-                />
-
-                <h3>Position</h3>
-                {positionRender}
-                <h3>Attitude</h3>
-                {attitudeRender}
-                <h3>Map</h3>
-                <MapComponent ref={map => (this.map = map)}
-                    network={NavigationConfig.ITINERARY} />
-                <h3>ItineraryInfo</h3>
-                {itineraryRender}
-            </div>
-        );
-    }
-}
-
-export default PositioningPoseComponent;

package/debug/components/RelativeAttitudeComponent.jsx

@@ -1,82 +0,0 @@
-import React from 'react';
-
-import RelativeAttitudeProvider from '../../src/providers/attitude/RelativeAttitudeProvider';
-import Utils from './Utils';
-import EventType from '../../src/events/EventType';
-import ProvidersLogger from '../../src/providers/ProvidersLogger';
-
-ProvidersLogger.enabled = true;
-
-class RelativeAttitudeComponent extends React.Component {
-
-    constructor(props, context) {
-        super(props, context);
-
-        this.state = {
-            attitude: null,
-            deviceorientation: null
-        };
-
-        this.relativeAttitudeProvider = new RelativeAttitudeProvider(this.onEvent, this.onError);
-        this.setOffset(0);
-    }
-
-    componentDidMount() {
-        this.relativeAttitudeProvider.start();
-        window.addEventListener('deviceorientation', this.onDeviceOrientationEventListener, true);
-    }
-
-    componentWillUnmount() {
-        this.relativeAttitudeProvider.stop();
-        window.removeEventListener('deviceorientation', this.onDeviceOrientationEventListener, true);
-    }
-
-    onEvent = events => {
-        events.forEach(event => {
-            if (event.dataType === EventType.RelativeAttitude) {
-                this.setState({ attitude: event.data });
-            }
-        });
-    };
-
-    onError = error => {
-        this.setState({ attitude: error });
-    }
-
-    onDeviceOrientationEventListener = (e) => this.setState({ deviceorientation: e });
-
-    setOffset(offset) {
-        this.relativeAttitudeProvider.setOffset(offset);
-    }
-
-    render() {
-
-        let rawRender = <span>Not available</span>;
-
-        if (this.state.deviceorientation) {
-            const alpha = this.state.deviceorientation.alpha;
-            const beta = this.state.deviceorientation.beta;
-            const gamma = this.state.deviceorientation.gamma;
-
-            if (alpha && beta && gamma) {
-                rawRender = <p>alpha: {alpha.toFixed(2)}, <br />
-                    beta: {beta.toFixed(2)}, <br />
-                    gamma: {gamma.toFixed(2)}</p>;
-            }
-        }
-
-        const browserRender = Utils.renderAttitude(this.state.attitude);
-
-        return (
-            <div>
-                <h3>Raw:</h3>
-                {rawRender}
-                <h3>From browser:</h3>
-                {browserRender}
-            </div>
-        );
-    }
-}
-
-export default RelativeAttitudeComponent;
-

package/debug/components/StartStopComponent.jsx

@@ -1,50 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-class StartStopComponent extends React.Component {
-
-    static propTypes = {
-        onStart: PropTypes.func.isRequired,
-        onStop: PropTypes.func.isRequired,
-        errored: PropTypes.bool.isRequired
-    };
-
-    constructor(props, context) {
-        super(props, context);
-        this.state = { started: false };
-    }
-
-    start() {
-        this.setState({started: true});
-        this.props.onStart();
-    }
-
-    componentWillUnmount() {
-        stop();
-    }
-
-    stop() {
-        this.setState({started: false});
-        this.props.onStop();
-    }
-
-
-    render() {
-        return (
-            <div>
-                <button onClick={() => this.start()}
-                    disabled={(this.state.started && !this.props.errored)}>
-                    Start
-                </button>
-                <button onClick={() => this.stop()}
-                    disabled={!(this.state.started && !this.props.errored)}>
-                    Stop
-                </button>
-            </div>
-
-        );
-    }
-
-}
-
-export default StartStopComponent;

package/debug/components/Utils.js

@@ -1,128 +0,0 @@
-import React from 'react'; // eslint-disable-line no-unused-vars
-
-import { rad2deg } from '@wemap/maths';
-import { OsrmUtils } from '@wemap/osm';
-
-const NOT_AVAILABLE_STR = 'Not available';
-
-class Utils {
-
-    static renderAttitude(attitude) {
-
-        if (!attitude) {
-            return <p>Waiting</p>;
-        }
-
-        if (attitude instanceof Error) {
-            return Utils.renderError(attitude);
-        }
-
-        const quaternion = attitude.quaternion;
-
-        const w = quaternion[0].toFixed(3);
-        const x = quaternion[1].toFixed(3);
-        const y = quaternion[2].toFixed(3);
-        const z = quaternion[3].toFixed(3);
-
-        const euler = attitude.eulerAnglesDegrees;
-        const yaw = euler[0].toFixed(2);
-        const pitch = euler[1].toFixed(2);
-        const roll = euler[2].toFixed(2);
-        const heading = attitude.headingDegrees.toFixed(2);
-
-        return <p>Quaternion: [{w}, {x}, {y}, {z}]<br />
-            Eulers: [{yaw}, {pitch}, {roll}]<br />
-            Heading: {heading}</p>;
-    }
-
-    static renderPosition(position) {
-
-        if (!position) {
-            return <p>Waiting</p>;
-        }
-        if (position instanceof Error) {
-            return Utils.renderError(position);
-        }
-        return (
-            <p>
-                Latitude: {position.lat.toFixed(7)}<br />
-                Longitude: {position.lng.toFixed(7)}<br />
-                Altitude: {position.alt ? position.alt.toFixed(2) : NOT_AVAILABLE_STR}<br />
-                Level: {position.level ? position.level.toString() : NOT_AVAILABLE_STR}<br />
-                Bearing: {position.bearing ? position.bearing.toFixed(2) : NOT_AVAILABLE_STR}<br />
-                Accuracy: {position.accuracy ? position.accuracy.toFixed(2) : NOT_AVAILABLE_STR}<br />
-                Time: {position.time ? position.time.toFixed(2) : NOT_AVAILABLE_STR}<br />
-                Provider: {position.provider ? position.provider : NOT_AVAILABLE_STR}
-            </p>
-        );
-
-    }
-
-    static renderRelativePosition(position) {
-
-        if (!position) {
-            return <p>Waiting</p>;
-        }
-        if (position instanceof Error) {
-            return Utils.renderError(position);
-        }
-        return (
-            <p>
-                x: {position[0].toFixed(2)}<br />
-                y: {position[1].toFixed(2)}<br />
-                z: {position[2].toFixed(2)}
-            </p>
-        );
-
-    }
-
-    static renderItineraryInfo(info) {
-
-        if (!info) {
-            return <p>Waiting</p>;
-        }
-
-        const step = info.nextStep;
-        let nextStepStr = '[' + step.number + '] ';
-        if (step.firstStep) {
-            nextStepStr += 'Depart';
-        } else if (step.lastStep) {
-            nextStepStr += 'Arrive';
-        } else {
-            nextStepStr += 'Turn '
-                + OsrmUtils.getModifierFromAngle(step.angle);
-        }
-
-
-        return (
-            <p>
-                projection: {info.projection.nearestElement.constructor.name}<br />
-                distanceOfProjection: {info.projection.distanceFromNearestElement.toFixed(1)}m<br />
-                traveledDistance: {info.traveledDistance.toFixed(1)}m
-                    ({(info.traveledPercentage * 100).toFixed(1)}%)<br />
-                remainingDistance: {info.remainingDistance.toFixed(1)}m
-                    ({(info.remainingPercentage * 100).toFixed(1)}%)<br />
-                nextStep: {nextStepStr}
-            </p>
-        );
-
-    }
-
-    static renderInclination(inclination) {
-        if (inclination === null) {
-            return 'Waiting';
-        }
-        if (inclination instanceof Error) {
-            return Utils.renderError(inclination);
-        }
-        return rad2deg(inclination).toFixed(2);
-    }
-
-    static renderError(error) {
-        return (<span><strong>[{error.constructor.name}]</strong> {error.message}</span>);
-    }
-
-
-}
-
-export default Utils;

package/debug/components/index.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-
-import AbsoluteAttitudeComponent from './AbsoluteAttitudeComponent';
-import ArCoreComponent from './ArCoreComponent';
-import ArCoreAbsoluteComponent from './ArCoreAbsoluteComponent';
-import GnssWifiComponent from './GnssWifiComponent';
-import GnssWifiPdrComponent from './GnssWifiPdrComponent';
-import ImuComponent from './ImuComponent';
-import InclinationComponent from './InclinationComponent';
-import PdrComponent from './PdrComponent';
-import PoseComponent from './PoseComponent';
-import PositioningComponent from './PositioningComponent';
-import RelativeAttitudeComponent from './RelativeAttitudeComponent';
-
-const createReactElement = (component, container) => ReactDOM.render(
-    React.createElement(component, {}, null),
-    container
-);
-
-export {
-    AbsoluteAttitudeComponent,
-    ArCoreComponent,
-    ArCoreAbsoluteComponent,
-    ImuComponent,
-    InclinationComponent,
-    GnssWifiComponent,
-    GnssWifiPdrComponent,
-    PdrComponent,
-    PoseComponent,
-    PositioningComponent,
-    RelativeAttitudeComponent,
-    createReactElement
-};

package/debug/gnss-wifi-pdr.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 GnssWifiPdr</title>
-  <script src="/js/positioning-components.js"></script>
-</head>
-
-<body>
-  <div id="app"></div>
-  <script>createReactElement(GnssWifiPdrComponent, document.getElementById('app'));</script>
-</body>
-
-</html>

package/debug/gnss-wifi.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 Positioning</title>
-  <script src="/js/positioning-components.js"></script>
-</head>
-
-<body>
-  <div id="app"></div>
-  <script>createReactElement(GnssWifiComponent, document.getElementById('app'));</script>
-</body>
-
-</html>

package/debug/imu.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 Imu</title>
-  <script src="/js/positioning-components.js"></script>
-</head>
-
-<body>
-  <div id="app"></div>
-  <script>createReactElement(ImuComponent, document.getElementById('app'));</script>
-</body>
-
-</html>

package/debug/inclination.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 Inclination</title>
-  <script src="/js/positioning-components.js"></script>
-</head>
-
-<body>
-  <div id="app"></div>
-  <script>createReactElement(InclinationComponent, document.getElementById('app'));</script>
-</body>
-
-</html>

package/debug/pdr.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 PDR</title>
-  <script src="/js/positioning-components.js"></script>
-</head>
-
-<body>
-  <div id="app"></div>
-  <script>createReactElement(PdrComponent, document.getElementById('app'));</script>
-</body>
-
-</html>

package/debug/pose.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 Pose</title>
-  <script src="/js/positioning-components.js"></script>
-</head>
-
-<body>
-  <div id="app"></div>
-  <script>createReactElement(PoseComponent, document.getElementById('app'));</script>
-</body>
-
-</html>

package/debug/positioning.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 Positioning</title>
-  <script src="/js/positioning-components.js"></script>
-</head>
-
-<body>
-  <div id="app"></div>
-  <script>createReactElement(PositioningComponent, document.getElementById('app'));</script>
-</body>
-
-</html>

package/debug/relative-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 Relative Attitude</title>
-  <script src="/js/positioning-components.js"></script>
-</head>
-
-<body>
-  <div id="app"></div>
-  <script>createReactElement(RelativeAttitudeComponent, document.getElementById('app'));</script>
-</body>
-
-</html>