mobility-toolbox-js 2.0.0-beta.8 → 2.0.1-beta.13

package/src/common/styles/index.js

@@ -1,4 +0,0 @@
-export { default as trackerDefaultStyle } from './trackerDefaultStyle';
-export { default as trackerDelayStyle } from './trackerDelayStyle';
-export { default as trackerSimpleStyle } from './trackerSimpleStyle';
-export * from './trackerDefaultStyle';

package/src/common/styles/trackerDelayStyle.js

@@ -1,17 +0,0 @@
-import trackerDefaultStyle from './trackerDefaultStyle';
-
-/**
- * A tracker style that display the delay as backgroundColor.
- *
- * @param {*} trajectory The trajectory to render.
- * @param {*} viewState The view state of the map.
- * @param {*} options Some options to change the rendering
- * @return a canvas
- */
-const style = (trajectory, viewState, options) => {
-  return trackerDefaultStyle(trajectory, viewState, {
-    ...options,
-    useDelayStyle: true,
-  });
-};
-export default style;

package/src/common/trackerConfig.test.js

@@ -1,25 +0,0 @@
-import { getTypeIndex } from './trackerConfig';
-
-describe('trackerConfig', () => {
-  describe('#getTypeIndex()', () => {
-    test("retrurn the type is it's not a string", () => {
-      const obj = { foo: 'foo' };
-      expect(getTypeIndex(obj)).toBe(obj);
-      expect(getTypeIndex(0)).toBe(0);
-      expect(getTypeIndex(null)).toBe(null);
-      expect(getTypeIndex(undefined)).toBe(undefined);
-    });
-
-    test('find good index for new tracker values', () => {
-      expect(getTypeIndex('tram')).toBe(0);
-      expect(getTypeIndex('subway')).toBe(1);
-      expect(getTypeIndex('bus')).toBe(3);
-      expect(getTypeIndex('ferry')).toBe(4);
-      expect(getTypeIndex('cablecar')).toBe(5);
-      expect(getTypeIndex('gondola')).toBe(6);
-      expect(getTypeIndex('funicular')).toBe(7);
-      expect(getTypeIndex('coach')).toBe(8);
-      expect(getTypeIndex('rail')).toBe(9);
-    });
-  });
-});

package/src/common/typedefs.js

@@ -1,23 +0,0 @@
-/**
- * @typedef {function} FilterFunction
- * @param {Object} vehicle Vehicle to filter.
- */
-
-/**
- * @typedef {Object} ViewState
- * @property {number} time A time in ms.
- * @property {number[2]} center A center in mercator coordinate.
- * @property {number[4]} extent An Extent in mercator coordinates.
- * @property {number[2]} size A size ([width, height]).
- * @property {number} rotation A rotation in radians.
- * @property {number} resolution A resolution.
- * @property {number} zoom A zoom level.
- * @property {number} pixelRatio A pixel ratio.
- */
-
-/**
- * @typedef {Object} FeatureInfo
- * @property {Layer} layer A layer.
- * @property {ol/Feature~Feature[]} features  An array of features.
- * @property {number[2]} coordinate The coordinate where to find the featue.
- */

package/src/common/utils/createTrackerFilters.js

@@ -1,87 +0,0 @@
-/**
- * Return a filter functions based on some parameters of a vehicle.
- *
- * @param {string|Array<string>} line - A list of vehicle's name to filter. Names can be separated by a comma. Ex: 'S1,S2,S3'
- * @param {string|Array<string} route - A list of vehicle's route (contained in routeIdentifier property) to filter. Indentifiers can be separated by a comma. Ex: 'id1,id2,id3'
- * @param {string|Array<string} operator  A list of vehicle's operator to filter. Operators can be separated by a comma. Ex: 'SBB,DB'
- * @param {Regexp} regexLine - A regex aplly of vehcile's name.
- * @private
- */
-const createFilters = (line, route, operator, regexLine) => {
-  const filterList = [];
-
-  if (!line && !route && !operator && !regexLine) {
-    return null;
-  }
-
-  if (regexLine) {
-    const regexLineList =
-      typeof regexLine === 'string' ? [regexLine] : regexLine;
-    const lineFilter = (item) => {
-      const name =
-        item.properties.name ||
-        (item.properties.line && item.properties.line.name) ||
-        '';
-      if (!name) {
-        return false;
-      }
-      return regexLineList.some((regexStr) =>
-        new RegExp(regexStr, 'i').test(name),
-      );
-    };
-    filterList.push(lineFilter);
-  }
-
-  if (line) {
-    const lineFiltersList = typeof line === 'string' ? line.split(',') : line;
-    const lineList = lineFiltersList.map((l) =>
-      l.replace(/\s+/g, '').toUpperCase(),
-    );
-    const lineFilter = (item) => {
-      const { line: linee, name } = item.properties;
-      const lineName = (name || (linee && linee.name) || '').toUpperCase();
-      if (!lineName) {
-        return false;
-      }
-      return lineList.includes(lineName);
-    };
-    filterList.push(lineFilter);
-  }
-
-  if (route) {
-    const routes = typeof route === 'string' ? route.split(',') : route;
-    const routeList = routes.map((item) => parseInt(item, 10));
-    const routeFilter = (item) => {
-      const routeId = parseInt(
-        item.properties.routeIdentifier.split('.')[0],
-        10,
-      );
-      return routeList.includes(routeId);
-    };
-    filterList.push(routeFilter);
-  }
-
-  if (operator) {
-    const operatorList = typeof operator === 'string' ? [operator] : operator;
-    const operatorFilter = (item) =>
-      operatorList.some((op) =>
-        new RegExp(op, 'i').test(item.properties.operator),
-      );
-    filterList.push(operatorFilter);
-  }
-
-  if (!filterList.length) {
-    return null;
-  }
-
-  return (t) => {
-    for (let i = 0; i < filterList.length; i += 1) {
-      if (!filterList[i](t)) {
-        return false;
-      }
-    }
-    return true;
-  };
-};
-
-export default createFilters;

package/src/common/utils/createTrackerFilters.test.js

@@ -1,95 +0,0 @@
-import createTrackerFilters from './createTrackerFilters';
-
-const u1 = {
-  properties: {
-    routeIdentifier: '001.000827.004:7',
-    operator: 'FoO',
-    line: {
-      name: 'U1',
-    },
-  },
-};
-const ireta = {
-  properties: {
-    routeIdentifier: '0022.000827.004:7',
-    operator: 'BAR',
-    line: {
-      name: 'IRETA',
-    },
-  },
-};
-const arb = {
-  properties: {
-    routeIdentifier: '00333.000827.004:7',
-    operator: 'qux',
-    line: {
-      name: 'ARB',
-    },
-  },
-};
-
-const trajectories = [u1, ireta, arb];
-
-describe('#createTrackerFilter()', () => {
-  test('returns null', () => {
-    const filterFunc = createTrackerFilters();
-    expect(filterFunc).toBe(null);
-  });
-
-  describe('using line', () => {
-    test('as string', () => {
-      const filterFunc = createTrackerFilters('u1,foo');
-      expect(trajectories.filter(filterFunc)).toEqual([u1]);
-    });
-
-    test('as array of string', () => {
-      const filterFunc = createTrackerFilters(['u1', 'foo', 'IRETA']);
-      expect(trajectories.filter(filterFunc)).toEqual([u1, ireta]);
-    });
-  });
-
-  describe('using route identifier', () => {
-    test('as string', () => {
-      const filterFunc = createTrackerFilters(null, '1,foo');
-      expect(trajectories.filter(filterFunc)).toEqual([u1]);
-    });
-
-    test('as array of string', () => {
-      const filterFunc = createTrackerFilters(null, ['22', 'foo', '1']);
-      expect(trajectories.filter(filterFunc)).toEqual([u1, ireta]);
-    });
-  });
-
-  describe('using operator', () => {
-    test('as string', () => {
-      const filterFunc = createTrackerFilters(null, null, 'foo');
-      expect(trajectories.filter(filterFunc)).toEqual([u1]);
-    });
-
-    test('as array of string', () => {
-      const filterFunc = createTrackerFilters(null, null, ['bar', 'foo', '1']);
-      expect(trajectories.filter(filterFunc)).toEqual([u1, ireta]);
-    });
-  });
-
-  describe('using regexLine', () => {
-    test('as string', () => {
-      const filterFunc = createTrackerFilters(
-        null,
-        null,
-        null,
-        '^(S|R$|RE|PE|D|IRE|RB|TER)',
-      );
-      expect(trajectories.filter(filterFunc)).toEqual([ireta]);
-    });
-
-    test('as array of string', () => {
-      const filterFunc = createTrackerFilters(null, null, null, [
-        '^IR',
-        '^ARB$',
-        'foo',
-      ]);
-      expect(trajectories.filter(filterFunc)).toEqual([ireta, arb]);
-    });
-  });
-});

package/src/common/utils/getMapboxMapCopyrights.test.js

@@ -1,47 +0,0 @@
-import getMapboxMapCopyrights from './getMapboxMapCopyrights';
-
-describe('getMapboxMapCopyrights()', () => {
-  test('returns an empty array if map is not defined', () => {
-    expect(getMapboxMapCopyrights().length).toBe(0);
-  });
-
-  test('returns an empty array if map.style is not defined', () => {
-    expect(getMapboxMapCopyrights({}).length).toBe(0);
-  });
-
-  test('returns non depluicated copyrights in an array', () => {
-    expect(
-      getMapboxMapCopyrights({
-        style: {
-          sourceCaches: {
-            used: {
-              used: true,
-              getSource() {
-                return {
-                  attribution:
-                    '<a href="https://www.openmaptiles.org/" target="_blank">© OpenMapTiles</a> <a href="https://www.openstreetmap.org/about/" target="_blank">&copy; OpenStreetMap contributors</a>',
-                };
-              },
-            },
-            'not used': {
-              used: false,
-            },
-            'also used': {
-              used: true,
-              getSource() {
-                return {
-                  attribution:
-                    '<a href="https://www.openmaptiles.org/" target="_blank">&copy; OpenMapTiles</a> <a href="https://www.imagico.de/" target="_blank">&copy; imagico</a>',
-                };
-              },
-            },
-          },
-        },
-      }),
-    ).toEqual([
-      '<a href="https://www.openmaptiles.org/" target="_blank">© OpenMapTiles</a>',
-      '<a href="https://www.openstreetmap.org/about/" target="_blank">© OpenStreetMap contributors</a>',
-      '<a href="https://www.imagico.de/" target="_blank">© imagico</a>',
-    ]);
-  });
-});

package/src/common/utils/index.js

@@ -1,5 +0,0 @@
-export { default as getMapboxStyleUrl } from './getMapboxStyleUrl';
-export { default as getMapboxMapCopyrights } from './getMapboxMapCopyrights';
-export { default as removeDuplicate } from './removeDuplicate';
-export * from './timeUtils';
-export { default as sortByDelay } from './sortByDelay';

package/src/common/utils/removeDuplicate.js

@@ -1,22 +0,0 @@
-/**
- * This function remove duplicates lower case string value of an array.
- * It removes also null, undefined or non string values.
- *
- * @param {array} array Array of values.
- * @ignore
- */
-const removeDuplicate = (array) => {
-  const arrWithoutEmptyValues = array.filter(
-    (val) => val !== undefined && val !== null && val.trim && val.trim(),
-  );
-  const lowerCasesValues = arrWithoutEmptyValues.map((str) =>
-    str.toLowerCase(),
-  );
-  const uniqueLowerCaseValues = [...new Set(lowerCasesValues)];
-  const uniqueValues = uniqueLowerCaseValues.map((uniqueStr) =>
-    arrWithoutEmptyValues.find((str) => str.toLowerCase() === uniqueStr),
-  );
-  return uniqueValues;
-};
-
-export default removeDuplicate;

package/src/common/utils/removeDuplicate.test.js

@@ -1,22 +0,0 @@
-import removeDuplicate from './removeDuplicate';
-
-describe('removeDuplicate()', () => {
-  test('removes duplicates', () => {
-    expect(
-      removeDuplicate([
-        'a',
-        ' ',
-        '   ',
-        'b',
-        'a',
-        undefined,
-        null,
-        'A',
-        0,
-        'c',
-        'b',
-        'B',
-      ]),
-    ).toEqual(['a', 'b', 'c']);
-  });
-});

package/src/common/utils/timeUtils.js

@@ -1,44 +0,0 @@
-/**
- * Get a Date object as UTC date string .
- * ex: 2019 09 01
- * @ignore
- */
-export const getUTCDateString = (now = new Date()) => {
-  let month = (now.getUTCMonth() + 1).toString();
-  month = month.length === 1 ? `0${month}` : month;
-  let day = now.getUTCDate().toString();
-  day = day.length === 1 ? `0${day}` : day;
-
-  return [now.getUTCFullYear(), month, day].join('');
-};
-
-/**
- * Get the UTC time string of Date object.
- * ex: 09:05:01.123
- * @ignore
- */
-export const getUTCTimeString = (date) =>
-  [
-    date.getUTCHours(),
-    date.getUTCMinutes(),
-    `${date.getUTCSeconds()}.${date.getUTCMilliseconds()}`,
-  ].join(':');
-
-/**
- * Returns a string representation of a number, with a zero if the number is lower than 10.
- * @ignore
- */
-export const pad = (integer) => (integer < 10 ? `0${integer}` : integer);
-
-/**
- * Returns a 'hh:mm' string from a time in ms.
- * @param {Number} timeInMs Time in milliseconds.
- * @ignore
- */
-export const getHoursAndMinutes = (timeInMs) => {
-  if (!timeInMs || timeInMs <= 0) {
-    return '';
-  }
-  const date = new Date(timeInMs);
-  return `${pad(date.getHours())}:${pad(date.getMinutes())}`;
-};

package/src/common/utils/timeUtils.test.js

@@ -1,16 +0,0 @@
-import { getUTCDateString, getUTCTimeString } from './timeUtils';
-
-describe('timeUtils', () => {
-  test('getUTCDateString should be correct.', () => {
-    expect(getUTCDateString(new Date(2020, 5, 30))).toBe('20200630');
-    expect(
-      getUTCDateString(new Date('January 1, 2021 00:15:30 GMT+2:00')),
-    ).toBe('20201231');
-  });
-
-  test('getUTCTimeString should be correct.', () => {
-    expect(getUTCTimeString(new Date(2020, 5, 30, 11, 5, 1, 123))).toBe(
-      '11:5:1.123',
-    );
-  });
-});

package/src/doc/App.js

@@ -1,116 +0,0 @@
-import React from 'react';
-import { ThemeProvider, makeStyles } from '@material-ui/core/styles';
-import Container from '@material-ui/core/Container';
-import { Outlet, Routes, Route, Navigate, Link } from 'react-router-dom';
-import { geopsTheme, Header, Footer } from '@geops/geops-ui';
-import Examples from './components/Examples';
-import Example from './components/Example';
-import Documentation from './components/Documentation';
-import Home from './components/Home';
-
-import 'typeface-lato';
-import './App.scss';
-
-const useStyles = makeStyles({
-  content: {
-    flexGrow: 1,
-    overflowY: 'auto',
-    paddingBottom: 115,
-    margin: 'auto',
-    marginTop: 30,
-  },
-  documentation: {
-    flexGrow: 1,
-    overflowY: 'auto',
-    padding: 0,
-  },
-});
-
-const tabs = [
-  {
-    label: 'Home',
-    component: Link,
-    to: '/home',
-  },
-  {
-    label: 'API',
-    component: Link,
-    to: '/api',
-  },
-  {
-    label: 'Examples',
-    component: Link,
-    to: '/examples',
-  },
-  {
-    label: 'Code',
-    href: 'https://github.com/geops/mobility-toolbox-js',
-  },
-];
-
-function Main() {
-  return (
-    <ThemeProvider theme={geopsTheme}>
-      <Header title="mobility-toolbox-js" tabs={tabs} />
-      <Outlet />
-      <Footer />
-    </ThemeProvider>
-  );
-}
-
-function App() {
-  const classes = useStyles();
-
-  return (
-    <Routes>
-      <Route path="/" element={<Main />}>
-        <Route index element={<Navigate to="/home" />} />
-        <Route
-          index
-          path="/home"
-          element={
-            <Container className={classes.content}>
-              <Home />
-            </Container>
-          }
-        />
-        <Route
-          path="/examples"
-          element={
-            <Container className={classes.content}>
-              <Examples />
-            </Container>
-          }
-        />
-        <Route
-          path="/example/:exampleKey"
-          element={
-            <Container className={classes.content}>
-              <Example />
-            </Container>
-          }
-        />
-        <Route path="/api">
-          <Route
-            index
-            element={
-              <Container className={classes.documentation} maxWidth={false}>
-                <Documentation />
-              </Container>
-            }
-          />
-          <Route
-            path="*"
-            element={
-              <Container className={classes.documentation} maxWidth={false}>
-                <Documentation />
-              </Container>
-            }
-          />
-        </Route>
-      </Route>
-    </Routes>
-  );
-}
-
-export default App;

package/src/doc/App.scss

@@ -1,51 +0,0 @@
-html {
-  height: 100%;
-}
-
-body {
-  margin: 0;
-  font-family: Lato, Arial, sans-serif;
-  color: #353535;
-  position: relative;
-  min-height: 100%;
-  overflow-y: scroll;
-  font-size: 18px;
-}
-
-a {
-  text-decoration: none;
-  color: #76b833;
-}
-
-#map a {
-  color: initial;
-}
-
-/* geops ui css */
-button.geops-ui {
-  color: #fff;
-  padding: 5px 15px;
-  font-size: 18px;
-  box-sizing: border-box;
-  transition:
-    background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
-    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
-    border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  font-weight: 700;
-  line-height: 24px;
-  border-radius: 5px;
-  text-transform: none;
-  background-color: #76b833;
-  border: 0;
-  outline: none;
-
-  &:not([disabled]) {
-    cursor: pointer;
-  }
-
-  &:hover {
-    box-shadow: 0 5px 16px #35353540;
-    text-decoration: none;
-    background-color: #76b833;
-  }
-}

package/src/doc/_redirects

@@ -1,2 +0,0 @@
-/examples/*    /examples/:splat
-/*    /index.html   200

package/src/doc/components/CodeSandboxButton.js

@@ -1,103 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { getParameters } from 'codesandbox/lib/api/define';
-import { Button, SvgIcon } from '@material-ui/core';
-import { makeStyles } from '@material-ui/core/styles';
-
-const useStyles = makeStyles({
-  button: {
-    padding: '5px 15px',
-  },
-});
-
-function CodeSandboxButton({ html, js, extraFiles, ...props }) {
-  const classes = useStyles();
-
-  if (!html || !js) {
-    return null;
-  }
-
-  const dataSB = {
-    files: {
-      'index.html': {
-        content: `${html}<script src="index.js"></script>`,
-      },
-      'index.js': {
-        content: js // eslint-disable-next-line no-template-curly-in-string
-          .replaceAll('${window.apiKey}', window.apiKey)
-          .replaceAll('window.apiKey', `'${window.apiKey}'`),
-      },
-      'package.json': {
-        content: {
-          name: 'vanilla',
-          version: '1.0.0',
-          description: 'Mobility example starter project',
-          main: 'index.html',
-          scripts: {
-            start: 'parcel index.html --open',
-            build: 'parcel build index.html',
-          },
-          dependencies: {
-            'mapbox-gl': '1',
-            'maplibre-gl': '2',
-            'mobility-toolbox-js': 'latest@beta',
-            ol: '6.3.1',
-            'query-string': '6.13.1',
-          },
-          devDependencies: {
-            '@babel/core': '7.2.0',
-            'parcel-bundler': '^1.6.1',
-          },
-          keywords: [
-            'javascript',
-            'starter',
-            'mobility-toolbox-js',
-            'mobility',
-            'toolbox',
-          ],
-        },
-      },
-      ...extraFiles,
-    },
-  };
-  const dataSBStr = getParameters(dataSB);
-  return (
-    <form
-      action="https://codesandbox.io/api/v1/sandboxes/define"
-      method="POST"
-      target="_blank"
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      {...props}
-    >
-      <input type="hidden" name="parameters" value={dataSBStr} />
-      <Button
-        type="submit"
-        className={classes.button}
-        startIcon={
-          <SvgIcon fontSize="large">
-            <path
-              d="M2 6l10.455-6L22.91 6L23 17.95L12.455 24L2 18V6zm2.088 2.481v4.757l3.345 1.86v3.516l3.972 2.296v-8.272L4.088 8.481zm16.739 0l-7.317 4.157v8.272l3.972-2.296V15.1l3.345-1.861V8.48zM5.134 6.601l7.303 4.144l7.32-4.18l-3.871-2.197l-3.41 1.945l-3.43-1.968L5.133 6.6z"
-              fill="currentColor"
-            />
-          </SvgIcon>
-        }
-      >
-        Edit in Sandbox
-      </Button>
-    </form>
-  );
-}
-
-CodeSandboxButton.propTypes = {
-  html: PropTypes.string,
-  js: PropTypes.string,
-  extraFiles: PropTypes.shape(),
-};
-
-CodeSandboxButton.defaultProps = {
-  html: null,
-  js: null,
-  extraFiles: {},
-};
-
-export default React.memo(CodeSandboxButton);