Added Mission UI

.env.example

@@ -1 +1,3 @@
+# Duplicate this file, rename it to .env, and replace your-access-token with your MapBox API token
+
 MAPBOX_TOKEN=your-access-token

.eslintignore

@@ -1,2 +1,2 @@
+# Directories for eslint to ignore
 dist
-old-src

.eslintrc.yml

@@ -0,0 +1,92 @@
+# Use typescript-eslint to lint our TypeScript code
+parser: "@typescript-eslint/parser"
+
+# Use Airbnb rules to check code
+extends:
+  - airbnb
+  - plugin:@typescript-eslint/recommended
+
+plugins:
+  - import
+  - chai-friendly
+
+env:
+  browser: true
+  node: true
+
+settings:
+  # TypeScript compatibility
+  import/parsers:
+    "@typescript-eslint/parser":
+      - .ts
+      - .tsx
+
+  # TypeScript compatibility
+  import/resolver:
+    typescript: {}
+
+  # Modules that should be a devDependency and will be used in the application
+  import/core-modules:
+    - electron
+
+# Additional rules
+rules:
+  # Turn off linting about having wrong line ending, handled in .gitattributes
+  linebreak-style: off
+
+  # Have chai friendly no-unused-expressions rules, otherwise code can look nasty
+  no-unused-expressions: off
+  chai-friendly/no-unused-expressions: error
+
+  # Add strictness to type declarations in TypeScript
+  "@typescript-eslint/explicit-function-return-type": error
+  "@typescript-eslint/no-explicit-any": error
+
+  # Enforce commenting styles
+  multiline-comment-style: error
+
+  # Modifying react/jsx-filename-extension to support TypeScript React files
+  "react/jsx-filename-extension":
+    - error
+    - extensions:
+      - .jsx
+      - .tsx
+
+  # Move no-useless-constructor to @typescript-eslint/no-useless-constructor
+  no-useless-constructor: off
+  "@typescript-eslint/no-useless-constructor": error
+
+  # @typescript-eslint/no-use-before-define is already defined
+  no-use-before-define: off
+
+  # Re-adding changed Airbnb rules (removed most likely from @typescript-eslint/recommended)
+  "@typescript-eslint/camelcase":
+    - error
+    - properties: never
+
+  "@typescript-eslint/indent":
+    - error
+    - 2
+    - SwitchCase: 1
+      VariableDeclarator: 1
+      outerIIFEBody: 1
+      FunctionDeclaration:
+        parameters: 1
+        body: 1
+      FunctionExpression:
+        parameters: 1
+        body: 1
+      CallExpression:
+        arguments: 1
+      ArrayExpression: 1
+      ObjectExpression: 1
+      ImportDeclaration: 1
+      flatTernaryExpressions: false
+      ignoreComments: false
+
+
+  "@typescript-eslint/no-unused-vars":
+    - error
+    - vars: all
+      args: after-used
+      ignoreRestSiblings: true

.gitattributes

@@ -1,4 +1,4 @@
-# prevent newline problems between macOS and Windows
+# Prevent newline problems between different systems
 
 * text=auto
 *.sln text eol=lf

.gitignore

@@ -1,8 +1,8 @@
-# files
+# Ignore system generated files/folders
 .DS_Store
-.env
 package-lock.json
-
-# folders
 dist
 node_modules
+
+# Ignore .env file (should be set per system)
+.env

.stylelintignore

@@ -0,0 +1,2 @@
+# Directories for stylelint to ignore
+dist

.stylelintrc.yml

@@ -0,0 +1,12 @@
+# Rules to lint CSS
+
+# Use stylelint preset rules to lint
+extends: stylelint-config-standard
+
+# Added rules
+rules:
+  indentation: 2
+  declaration-block-no-duplicate-properties: true
+  no-empty-source: null
+  string-quotes: single
+  max-line-length: 100

.travis.yml

@@ -1,8 +1,17 @@
-# testing with Travis CI, will run npm test
+# Travis CI testing configuration
 
 language: node_js
+
+# Use latest version of Node.js
 node_js:
-  - "node"
-cache:
-  directories:
-    - "node_modules"
+  - lts/*
+
+# Cache node_modules after testing
+cache: npm
+
+# Scripts to run to test application
+script:
+  # Run each test manually instead of npm test so that it runs sequentially (and not in parallel)
+  - npm run test:lint
+  - npm run test:types
+  - npm run test:unit

README.md

@@ -1,6 +1,8 @@
 # NGCP Ground Control Station
 
 [![Build Status](https://travis-ci.com/NGCP/GCS.svg?branch=dev-2018)](https://travis-ci.com/NGCP/GCS)
+[![dependencies Status](https://david-dm.org/NGCP/GCS/status.svg)](https://david-dm.org/NGCP/GCS)
+[![devDependencies Status](https://david-dm.org/NGCP/GCS/dev-status.svg)](https://david-dm.org/NGCP/GCS?type=dev)
 
 The [Northrop Grumman Collaboration Project] presents the Ground Control Station. This project's objective is to view and set missions for all autonomous vehicle platforms in the project.
 
@@ -9,11 +11,12 @@ This is based on [Node.js], [React], [Webpack], and [Electron].
 ## Getting Started
 **:pencil2: Setting Things Up**
 
-Open up your command line application and clone this repository
+Install [Node.js]. The program will not be able to run without it.
+
+Open up your command line application and clone this repository:
 
 ```sh
-# Command is accustomed to dev-2018 branch
-git clone -b dev-2018 --single-branch https://github.com/NGCP/GCS.git
+git clone https://github.com/NGCP/GCS.git
 ```
 
 **:scroll: Running the Program**
@@ -31,6 +34,9 @@ npm install
 npm start
 ```
 
+## License
+[MIT](https://github.com/NGCP/GCS/blob/dev-2018/LICENSE)
+
 [Northrop Grumman Collaboration Project]: http://www.ngcpcalpoly.com/about.html
 [Node.js]: https://github.com/nodejs/node
 [React]: https://github.com/facebook/react

package.json

@@ -1,45 +1,75 @@
 {
   "name": "GCS",
-  "version": "0.5.1",
+  "version": "0.7.4",
+  "license": "MIT",
+  "author": "Northrop Grumman Collaboration Project",
   "description": "Ground Control Station for autonomous vehicle platforms in NGCP",
+  "repository": "https://github.com/NGCP/GCS",
   "scripts": {
-    "test": "npm run linttest",
-    "linttest": "eslint --ext .js,.jsx \".\" && stylelint \"**/*.css\"",
-    "postinstall": "electron-builder install-app-deps",
-    "lint": "eslint --fix --ext .js,.jsx \".\" && stylelint \"**/*.css\" --fix",
+    "postinstall": "electron-rebuild",
+    "test": "npm run test:lint && npm run test:types && npm run test:unit",
+    "test:lint": "eslint --ext .js,.jsx,.ts,.tsx \".\" & stylelint \"**/*.css\"",
+    "test:types": "tsc --project . --outDir dist --pretty",
+    "test:unit": "mocha --require ts-node/register test/**/*.test.ts",
+    "lint": "eslint --fix --ext .js,.jsx,.ts,.tsx \".\" & stylelint \"**/*.css\" --fix",
     "start": "electron-webpack dev",
     "build": "electron-webpack && electron-builder"
   },
   "dependencies": {
-    "leaflet": "^1.3.4",
-    "moment": "^2.22.2",
-    "pouchdb": "^7.0.0",
-    "prop-types": "^15.6.2",
-    "react": "^16.5.2",
-    "react-dom": "^16.5.2",
-    "react-leaflet": "^2.1.0",
-    "react-leaflet-control": "^2.0.0",
+    "@fortawesome/fontawesome-free": "^5.8.1",
+    "leaflet": "^1.4.0",
+    "leaflet.offline": "^1.0.4",
+    "moment": "^2.24.0",
+    "msgpack-lite": "^0.1.26",
+    "prop-types": "^15.7.2",
+    "rc-slider": "^8.6.9",
+    "react": "^16.8.6",
+    "react-dom": "^16.8.6",
+    "react-leaflet": "^2.2.1",
+    "react-leaflet-control": "^2.1.1",
     "react-virtualized": "^9.21.0",
-    "serialport": "^6.2.2",
-    "source-map-support": "^0.5.9",
+    "serialport": "^7.1.5",
+    "source-map-support": "^0.5.12",
     "xbee-api": "^0.6.0"
   },
   "devDependencies": {
     "@babel/preset-react": "^7.0.0",
+    "@types/chai": "^4.1.7",
+    "@types/mocha": "^5.2.6",
+    "@types/msgpack-lite": "^0.1.6",
+    "@types/rc-slider": "^8.6.3",
+    "@types/react": "^16.8.16",
+    "@types/react-dom": "^16.8.4",
+    "@types/react-leaflet": "^2.2.1",
+    "@types/react-virtualized": "^9.21.1",
+    "@types/serialport": "^7.0.3",
+    "@typescript-eslint/eslint-plugin": "^1.7.0",
+    "@typescript-eslint/parser": "^1.7.0",
     "babel-eslint": "^10.0.1",
-    "dotenv-webpack": "^1.5.7",
-    "electron": "^3.0.2",
-    "electron-builder": "^20.28.4",
-    "electron-webpack": "2.3.1",
-    "eslint": "^5.7.0",
+    "chai": "^4.2.0",
+    "dotenv-webpack": "^1.7.0",
+    "electron": "^3.1.9",
+    "electron-builder": "^20.40.2",
+    "electron-rebuild": "^1.8.4",
+    "electron-webpack": "^2.6.2",
+    "electron-webpack-ts": "^3.1.1",
+    "eslint": "^5.16.0",
     "eslint-config-airbnb": "^17.1.0",
-    "eslint-plugin-import": "^2.14.0",
+    "eslint-import-resolver-typescript": "^1.1.1",
+    "eslint-plugin-chai-friendly": "^0.4.1",
+    "eslint-plugin-import": "^2.17.2",
     "eslint-plugin-jsx-a11y": "^6.2.1",
-    "eslint-plugin-react": "^7.11.1",
-    "stylelint": "^9.6.0",
-    "stylelint-config-standard": "^18.2.0",
-    "stylelint-order": "^1.0.0",
-    "webpack": "^4.22.0"
+    "eslint-plugin-react": "^7.13.0",
+    "mocha": "^6.1.4",
+    "stylelint": "^10.0.1",
+    "stylelint-config-standard": "^18.3.0",
+    "stylelint-order": "^3.0.0",
+    "ts-node": "^8.1.0",
+    "typescript": "^3.4.5",
+    "webpack": "^4.30.0"
+  },
+  "build": {
+    "npmRebuild": false
   },
   "electronWebpack": {
     "main": {
@@ -48,15 +78,5 @@
     "renderer": {
       "webpackConfig": "webpack.config.js"
     }
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/NGCP/GCS.git"
-  },
-  "author": "Northrop Grumman Collaboration Project",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/NGCP/GCS/issues"
-  },
-  "homepage": "https://github.com/NGCP/GCS"
+  }
 }