Allow testmode for ReactGA

.babelrc

@@ -7,8 +7,6 @@
     "@babel/plugin-syntax-dynamic-import",
     "@babel/plugin-syntax-import-meta",
     ["@babel/plugin-proposal-class-properties", { "loose": true }],
-    "@babel/plugin-proposal-do-expressions",
-    "@babel/plugin-proposal-function-bind",
     "@babel/plugin-proposal-json-strings",
     [
       "@babel/plugin-proposal-decorators",
@@ -30,7 +28,7 @@
       }
     ],
     "@babel/plugin-proposal-nullish-coalescing-operator",
-    ["@babel/plugin-proposal-private-methods", { "loose": true }],
+    "@babel/plugin-proposal-do-expressions",
-    ["@babel/plugin-proposal-private-property-in-object", { "loose": true }]
+    "@babel/plugin-proposal-function-bind"
   ]
 }

.docker/.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+npm-debug.log

.docker/Dockerfile

@@ -0,0 +1,35 @@
+### STAGE 1: Build ###
+FROM node:9.11.1-alpine as builder
+ARG branch=develop
+ENV BRANCH=$branch
+WORKDIR /src/app
+RUN mkdir -p /src/app/coriolis
+RUN mkdir -p /src/app/coriolis-data
+
+COPY ./coriolis/ /src/app/coriolis
+COPY ./coriolis-data/ /src/app/coriolis-data
+
+RUN apk update
+RUN apk add git
+
+RUN npm i -g npm
+
+# Set up coriolis-data
+WORKDIR /src/app/coriolis-data
+RUN git fetch --all
+RUN npm install --no-package-lock
+RUN npm start
+
+WORKDIR /src/app/coriolis
+RUN git fetch --all
+RUN npm install --no-package-lock
+RUN npm run build
+
+
+### STAGE 2: Production Environment ###
+FROM nginx:1.13.12-alpine as web
+COPY coriolis/.docker/nginx.conf /etc/nginx/nginx.conf
+COPY --from=builder /src/app/coriolis/build /usr/share/nginx/html
+WORKDIR /usr/share/nginx/html
+EXPOSE 80
+CMD ["nginx", "-c", "/etc/nginx/nginx.conf", "-g", "daemon off;"]

.docker/docker-compose.yml

@@ -0,0 +1,34 @@
+version: '2.2'
+
+services:
+  coriolis_prod:
+    image: edcd/coriolis:master
+    restart: always
+    volumes:
+    - ./nginx.conf:/etc/nginx/nginx.conf
+    networks:
+    - web
+    labels:
+    - "traefik.docker.network=web"
+    - "traefik.enable=true"
+    - "traefik.basic.frontend.rule=Host:coriolis.io,coriolis.edcd.io"
+    - "traefik.basic.port=80"
+    - "traefik.basic.protocol=http"
+
+  coriolis_dev:
+    image: edcd/coriolis:develop
+    restart: always
+    volumes:
+      - ./nginx.conf:/etc/nginx/nginx.conf
+    networks:
+    - web
+    labels:
+    - "traefik.docker.network=web"
+    - "traefik.enable=true"
+    - "traefik.basic.frontend.rule=Host:beta.coriolis.io,beta.coriolis.edcd.io"
+    - "traefik.basic.port=80"
+    - "traefik.basic.protocol=http"
+
+networks:
+  web:
+    external: true

.docker/nginx.conf

@@ -0,0 +1,45 @@
+worker_processes 1;
+user nobody nobody;
+error_log /tmp/error.log;
+pid /tmp/nginx.pid;
+
+events {
+
+	worker_connections 1024;
+}
+
+http {
+
+	include /etc/nginx/mime.types;
+	default_type application/octet-stream;
+	sendfile on;
+	client_body_temp_path /tmp/client_body;
+	fastcgi_temp_path /tmp/fastcgi_temp;
+	proxy_temp_path /tmp/proxy_temp;
+	scgi_temp_path /tmp/scgi_temp;
+	uwsgi_temp_path /tmp/uwsgi_temp;
+	access_log /tmp/access.log;
+	error_log /tmp/error.log;
+
+	keepalive_timeout 3000;
+	server {
+		listen 80;
+		listen [::]:80;
+        index index.html;
+		server_name localhost;
+		root /usr/share/nginx/html;
+		autoindex on;
+
+		location ~* \.(?:manifest|appcache|html?|xml|json|css|js|map|jpg|jpeg|gif|png|ico|svg|eot|ttf|woff|woff2)$ {
+			expires -1;
+			add_header Access-Control-Allow-Origin *;
+			add_header Access-Control-Allow-Credentials true;
+			add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
+			add_header Access-Control-Allow-Headers 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
+			access_log off;
+		}
+		location / {
+			try_files $uri $uri/ /index.html =404;
+		}
+	}
+}

.dockerignore

@@ -1,7 +0,0 @@
-Dockerfile
-.dockerignore
-.gitignore
-README.md
-
-build
-node_modules

.esdoc.json

@@ -35,7 +35,7 @@
           "title": "Coriolis",
           "description": "Coriolis Shipyard for Elite Dangerous",
           "repository": "https://github.com/EDCD/coriolis",
-          "site": "https://coriolis.io",
+          "site": "https://coriolis.edcd.io",
           "author": "https://github.com/edcd",
           "image": "./src/images/logo/192x192.png"
         }
@@ -81,7 +81,7 @@
           "title": "Coriolis",
           "description": "Coriolis Shipyard for Elite Dangerous",
           "repository": "https://github.com/EDCD/coriolis",
-          "site": "https://coriolis.io",
+          "site": "https://coriolis.edcd.io",
           "author": "https://github.com/edcd",
           "image": "./src/images/logo/192x192.png"
         }
@@ -100,4 +100,4 @@
       }
     }
   ]
-}
+}

.gitattributes

@@ -1,14 +0,0 @@
-# Set the default behavior, in case people don't have core.autocrlf set, in order to prevent line ending inconsistency.
-* text=auto
-
-# Explicitly declare text files you want to always be normalized and converted
-# to native line endings on checkout.
-*.jsx text
-*.js text
-
-# Declare files that will always have CRLF line endings on checkout.
-# *.sln text eol=crlf
-
-# Denote all files that are truly binary and should not be modified.
-*.png binary
-*.jpg binary

.github/workflows/autodeploy.yml

@@ -1,28 +0,0 @@
-# This is a basic deployment workflow triggered by pushes to the alpha branch.
-
-name: Auto-Deploy
-
-# Controls when the action will run. Workflow runs when the alpha branch receives a push event
-on:
-  workflow_dispatch:
-  push:
-    branches:
-      - alpha
-
-# A workflow run is made up of one or more jobs that can run sequentially or in parallel
-jobs:
-  downloadcode:
-    runs-on: self-hosted
-    steps:
-      - shell: bash
-        run: |
-          rm -Rf ./coriolis
-          rm -Rf ./coriolis-data
-          git clone https://github.com/alex-williams/coriolis.git --single-branch --branch alpha
-          git clone https://github.com/alex-williams/coriolis-data.git --single-branch --branch alpha
-          cd coriolis-data
-          npm install
-          cd ../coriolis
-          npm install
-          npm run build
-          sudo -u www-data cp -r ./build/* /var/www/newdisk/coriolis.brighter-applications.co.uk/

.gitignore

@@ -10,3 +10,4 @@ env
 .project
 .vscode/
 docs/
+package-lock.json

.npmrc

@@ -0,0 +1 @@
+package-lock=false

.travis.yml

@@ -0,0 +1,16 @@
+language: node_js
+notifications:
+  email: false
+sudo: false
+node_js:
+  - "4.8.1"
+cache:
+  directories:
+    - node_modules
+
+before_install:
+  - git clone https://github.com/EDCD/coriolis-data.git ../coriolis-data
+
+script:
+  - npm run lint
+  - npm test

Dockerfile

@@ -1,25 +0,0 @@
-#syntax=docker/dockerfile:1.4
-# Run this from within this directory. Change the location of coriolis-data repo and image name/tag as needed.
-# docker buildx build --build-context data=../coriolis-data --tag coriolis .
-
-FROM node:18-alpine
-
-# TODO: For a production build, we may want to just build the bundle and copy that in. No need for local copy of source.
-WORKDIR /app
-ADD . .
-COPY --from=data . /coriolis-data/
-
-# Git is required before install if any modules (like coriolis-data) are loaded from github
-RUN apk update
-RUN apk add git
-
-WORKDIR /app/coriolis-data
-RUN npm install
-WORKDIR /app
-RUN npm install
-# Bundle for production config with webpack & log
-RUN npm run build > >(tee -a stdout.log) 2> >(tee -a stderr.log >&2)
-
-# Optimally, this will start a static asset server like nginx/apache. Currently, this will start dev webpack server.
-CMD ["npm", "start"]
-EXPOSE 3300

Dockerfile-dev

@@ -1,23 +0,0 @@
-#syntax=docker/dockerfile:1.4
-# Run this from within this directory. Change the location of coriolis-data repo and image name/tag as needed.
-# docker buildx build --build-context data=../coriolis-data --tag coriolis -f ./Dockerfile-dev .
-
-FROM node:18-alpine
-
-WORKDIR /app
-ADD . .
-COPY --from=data . /coriolis-data/
-
-# Install git & any other desired in-container dev tools
-# Git is required before install if any modules (like coriolis-data) are loaded from github
-RUN apk update
-RUN apk add git
-
-WORKDIR /app/coriolis-data
-RUN npm install
-WORKDIR /app
-RUN npm install
-
-
-CMD ["npm", "start"]
-EXPOSE 3300

Dockerfile-local-prod

@@ -1,32 +0,0 @@
-#syntax=docker/dockerfile:1.4
-# Run this from within this directory. Change the location of coriolis-data repo and image name/tag as needed.
-# docker buildx build --build-context data=../coriolis-data --tag coriolis:0.0.7-local-prod -f Dockerfile-local-prod .
-# docker run -d -p 80:8080 coriolis:0.0.7-local-prod
-
-FROM node:18-alpine
-
-# TODO: For a production build, we may want to just build the bundle and copy that in. No need for local copy of source.
-WORKDIR /app
-ADD . .
-# COPY --from=data . /coriolis-data/
-
-# Git is required before install if any modules (like coriolis-data is now referenced in the package.json) are loaded from github
-RUN apk update
-RUN apk add git
-
-# WORKDIR /app/coriolis-data
-# RUN npm install
-# WORKDIR /app
-# RUN npm install
-# Bundle for production config with webpack & log
-# In this version of the dockerfile, I'm deferring automated webpack build so I can monitor a manual build
-# RUN npm run build > >(tee -a stdout.log) 2> >(tee -a stderr.log >&2)
-
-RUN npm install -g http-server
-
-# Optimally, this will start a static asset server like nginx/apache. Currently, this will start dev webpack server.
-# CMD ["http-server", "/app/build", "-c-1"]
-CMD ["/bin/ash"]
-# CMD [""]
-
-EXPOSE 8080

LICENSE.md

@@ -1,24 +0,0 @@
-All Data and [associated JSON](https://github.com/EDCD/coriolis-data) files are intellectual property and copyright of Frontier Developments plc ('Frontier', 'Frontier Developments') and are subject to their
-[terms and conditions](https://www.frontierstore.net/terms-and-conditions/).
-
-The code (Javascript, CSS, HTML, and SVG files only) specificially for Coriolis.io is released under the MIT License.
-
-Copyright (c) 2015 Coriolis.io, Colin McLeod
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software (Javascript, CSS, HTML, and SVG files only), and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.

README.md

@@ -1,4 +1,4 @@
-[![Chat to us on Discord](https://img.shields.io/badge/Discord-EDCD%20%23coriolis-blue.svg?style=social)](https://discord.gg/0uwCh6R62aPRjk9w)
+![Latest Release](https://img.shields.io/github/release/EDCD/coriolis.svg) [![Build Status](https://travis-ci.org/EDCD/coriolis.svg?branch=master)](https://travis-ci.org/EDCD/coriolis) [![Chat to us on Discord](https://img.shields.io/badge/Discord-EDCD%20%23coriolis-blue.svg?style=social)](https://discord.gg/0uwCh6R62aPRjk9w)
 
 ## About
 
@@ -8,50 +8,51 @@ Coriolis was created using assets and imagery from Elite: Dangerous, with the pe
 
 ## Contributing
 
-- [Submit issues](https://github.com/EDCD/coriolis/issues)
+Please [submit issues](https://github.com/EDCD/coriolis/issues), or better yet [pull requests](https://github.com/EDCD/coriolis/pulls) for any corrections or additions to the database or the code.
-- [Submit pull requests](https://github.com/EDCD/coriolis/pulls) targetting `develop` branch
+
-- Chat to us on [Discord](https://discord.gg/0uwCh6R62aPRjk9w)!
+### Translations
+
+Please use the OneSky translation site to suggest new translations: http://edcd-coriolis.oneskyapp.com  
+These will be merged regularly by the project manager.
+
+### Feature Requests, Suggestions & Bugs
+
+Chat to us on [Discord](https://discord.gg/0uwCh6R62aPRjk9w)!
 
 ## Development
 
-This release includes the ability to run the app as a Docker container.
+See the [Developer's Guide](https://github.com/EDCD/coriolis/wiki/Developing-for-Coriolis) in the wiki.
-```sh
-> git clone https://github.com/EDCD/coriolis.git
-> git clone https://github.com/EDCD/coriolis-data.git
-> cd coriolis
-> docker buildx build --build-context data=../coriolis-data --tag coriolis .
-> docker run -d -p 3300:3300 coriolis
-```
 
-Or to run an instance of coriolis without Docker Desktop, perform the following steps in a shell:
+Also see [the documentation site.](https://coriolis.willb.info/)
-```sh
-> git clone https://github.com/EDCD/coriolis.git
-> git clone https://github.com/EDCD/coriolis-data.git
-> cd ./coriolis-data
-> npm install
-> cd ../coriolis
-> npm install
-> npm start
-```
-
-You will then have a development server running on `localhost:3300`.
 
 ### Ship and Module Database
 
-See the [Data wiki](https://github.com/EDCD/coriolis-data/wiki) for details on structure, etc.
+See the [Data wiki](https://github.com/cmmcleod/coriolis-data/wiki) for details on structure, etc.
 
-## Deployment
 
-Follow the steps for [Development](#development) as above, but instead
+## License
-of `npm start` you'll want to:
 
-```sh
+All Data and [associated JSON](https://github.com/EDCD/coriolis-data) files are intellectual property and copyright of Frontier Developments plc ('Frontier', 'Frontier Developments') and are subject to their
-> npm run build
+[terms and conditions](https://www.frontierstore.net/terms-and-conditions/).
-```
 
-this will result in a `build/` directory being created containing all the necessary files.
+The code (Javascript, CSS, HTML, and SVG files only) specificially for Coriolis.io is released under the MIT License.
 
-After this you need to serve the files in some manner.
+Copyright (c) 2015 Coriolis.io, Colin McLeod
-Either configure your webserver to make the actual `build/` directory
+
-visible on the web, or alternatively copy it to somewhere to serve it
+Permission is hereby granted, free of charge, to any person obtaining a copy
-from.
+of this software (Javascript, CSS, HTML, and SVG files only), and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

__tests__/fixtures/anaconda-test-detailed-export-v3.json

@@ -275,11 +275,11 @@
     "totalCost": 882362060,
     "unladenMass": 1179.2,
     "totalDps": 29,
+    "passengerCapacity": 0,
     "powerAvailable": 36,
     "powerRetracted": 23.33,
     "powerDeployed": 34.76,
     "unladenRange": 18.49,
-    "fullTankRange": 18.12,
     "ladenRange": 16.39,
     "unladenFastestRange": 73.21,
     "ladenFastestRange": 66.15,

__tests__/fixtures/anaconda-test-detailed-export-v4.json

@@ -287,6 +287,7 @@
     "totalThermSDps": 58.64,
     "baseShieldStrength": 350,
     "baseArmour": 945,
+    "hullCausRes": 0,
     "hullExplRes": 0.22,
     "hullKinRes": 0.27,
     "hullMass": 400,
@@ -303,13 +304,13 @@
     "armour": 2227.5,
     "baseArmour": 525,
     "unladenMass": 1163.2,
+    "passengerCapacity": 0,
     "powerAvailable": 39.6,
     "powerRetracted": 23.33,
     "powerDeployed": 34.13,
     "roll": 60,
     "unladenRange": 18.74,
     "yaw": 10,
-    "fullTankRange": 18.36,
     "hardness": 65,
     "ladenRange": 16.59,
     "unladenFastestRange": 74.2,

__tests__/fixtures/asp-test-detailed-export-v4.json

@@ -237,14 +237,15 @@
     "shieldExplRes": 0.5,
     "shieldKinRes": 0.6,
     "shieldThermRes": 1.2,
+    "hullCausRes": 0,
     "hullExplRes": 1.4,
     "hullKinRes": 1.2,
     "hullThermRes": 1,
+    "passengerCapacity": 0,
     "powerAvailable": 20.41,
     "powerRetracted": 11.91,
     "powerDeployed": 11.91,
     "unladenRange": 50.45,
-    "fullTankRange": 47.03,
     "ladenRange": 42.71,
     "unladenFastestRange": 317.24,
     "ladenFastestRange": 287.02,

__tests__/fixtures/courier-test-detailed-export-v4.json

@@ -309,14 +309,15 @@
     "shieldExplRes": 0.48,
     "shieldKinRes": 0.55,
     "shieldThermRes": 1.09,
+    "hullCausRes": 0,
     "hullExplRes": 1.4,
     "hullKinRes": 1.2,
     "hullThermRes": 1,
+    "passengerCapacity": 0,
     "powerAvailable": 17.24,
     "powerRetracted": 11.3,
     "powerDeployed": 16.41,
     "unladenRange": 25.57,
-    "fullTankRange": 23.92,
     "ladenRange": 22.09,
     "unladenFastestRange": 116.23,
     "ladenFastestRange": 107,

__tests__/fixtures/expected-builds.json

@@ -1,50 +1,50 @@
 {
   "type_6_transporter": {
-    "Cargo": "A0p0tdFal8d8s8f4-----04040303430101-.Iw18UA==.Aw18UA==.",
+    "Cargo": "A0p0tdFal8d8s8f4-----04040303430101.Iw1/kA==.Aw1/kA==.",
-    "Miner": "A0p5tdFal8d8s8f42l2l---040403451q0101-.Iw18UA==.Aw18UA==.",
+    "Miner": "A0p5tdFal8d8s8f42l2l---040403451q0101.Iw1/kA==.Aw1/kA==.",
-    "Hopper": "A0p0tdFal8d0s8f41717---030302024300--.Iw18UA==.Aw18UA==."
+    "Hopper": "A0p0tdFal8d0s8f41717---030302024300-.Iw1/kA==.Aw1/kA==."
   },
   "type_7_transport": {
-    "Cargo": "A0p0tiFfliddsdf5--------0505040403480101--.Iw18eQ==.Aw18eQ==.",
+    "Cargo": "A0p0tiFfliddsdf5--------0505040403480101.Iw18aQ==.Aw18aQ==.",
-    "Miner": "A0pdtiFflid8sdf5--2l2l----0505041v03450000--.Iw18eQ==.Aw18eQ==."
+    "Miner": "A0pdtiFflid8sdf5--2l2l----0505041v03450000.Iw18aQ==.Aw18aQ==."
   },
   "federal_dropship": {
-    "Cargo": "A0pdtiFflnddsif4-1717------05040448--020201-.Iw18RQ==.Aw18RQ==."
+    "Cargo": "A0pdtiFflnddsif4-1717------05040448--020201.Iw18eQ==.Aw18eQ==."
   },
   "asp": {
-    "Miner": "A2pftfFflidfskf50s0s24242l2l---04054a1q02022o27-.Iw18eQ==.Aw18eQ==."
+    "Miner": "A2pftfFflidfskf50s0s24242l2l---04054a1q02022o27.Iw18WQ==.Aw18WQ==."
   },
   "imperial_clipper": {
-    "Cargo": "A0p5tiFflndisnf4--0s0s----0605450302020101-.Iw18WQ==.Aw18WQ==.",
+    "Cargo": "A0p5tiFflndisnf4--0s0s----0605450302020101.Iw18aQ==.Aw18aQ==.",
-    "Dream": "A2pktkFflndpskf40v0v0s0s0404040n4k5n5d2b29292o--.AwRj4yWU1Yg=.CwBhCYy6YRigzPIA.",
+    "Dream": "A2pktkFflndpskf40v0v0s0s0404040n4k5n5d2b29292o-.AwRj4yWU1I==.CwBhCYy6YRigzLIA.",
-    "Current": "A0patkFflndfskf4-----------------.AwRj4yWU1Yg=.CwBhCYy6YRigzPIA."
+    "Current": "A0patkFflndfskf4----------------.AwRj4yWU1I==.CwBhCYy6YRigzLIA."
   },
   "type_9_heavy": {
-    "Current": "A0patsFklndnsif6---------0706054a0303020224--.AwRj4yo5iA==.EwBhEYy6d6g=."
+    "Current": "A0patsFklndnsif6---------0706054a0303020224.AwRj4yoo.EwBhEYy6dsg=."
   },
   "python": {
-    "Cargo": "A0patnFflidsssf5---------050505040448020201-.Iw18eAMQ.Aw18RQ==.",
+    "Cargo": "A0patnFflidsssf5---------050505040448020201.Iw18eQ==.Aw18eQ==.",
-    "Miner": "A0pktkFflidpspf50v0v0v2m2m0404--050505Ce4a1v02022o-.Iw18eAMQ.IwBhBYy6dkCYRA==.",
+    "Miner": "A0pktkFflidpspf50v0v0v2m2m0404--050505Ce4a1v02022o.Iw18eQ==.IwBhBYy6dkCYg===.",
-    "Dream": "A2pptkFfliduspf50v0v0v27270404040m5n5n4f2d2d032t0201-.Iw1+gDByUA==.EwBhEYy6e0VEA===.",
+    "Dream": "A2pptkFfliduspf50v0v0v27270404040m5n5n4f2d2d032t0201.Iw1+gDBxA===.EwBhEYy6e0WEA===.",
-    "Missile": "A0pttoFjljdystf52f2g2d2ePh----04044j03---00--.Iw18eAMQ.Aw18RQ==."
+    "Missile": "A0pttoFjljdystf52f2g2d2ePh----04044j03---002h.Iw18eQ==.Aw18eQ==."
   },
   "anaconda": {
-    "Dream": "A4putpFklndzsuf52c0o0o0o1m1m0q0q0404040l0b0100004k5n5n112d2d04-0303326b-.AwRj4yo5dzhA.MwBhCYy6duvARhEA.",
+    "Dream": "A4putpFklndzsuf52c0o0o0o1m1m0q0q0404040l0b0100004k5n5n112d2d04-0303326b.AwRj4yo5dyg=.MwBhCYy6duvARiA=.",
-    "Cargo": "A0patnFklndnsxf5----------------06050505040404-45030301-.Iw18ZUAxA===.Aw18ZXEA.",
+    "Cargo": "A0patnFklndnsxf5----------------06050505040404-45030301.Iw18ZVA=.Aw18ZVA=.",
-    "Current": "A0patnFklndksxf5----------------06050505040404-03034524-.Iw18ZUAxA===.Aw18ZXEA.",
+    "Current": "A0patnFklndksxf5----------------06050505040404-03034524.Iw18ZVA=.Aw18ZVA=.",
-    "Explorer": "A0patnFklndksxf5--------0202------f7050505040s37--2i4524-.AwRj4yVKJ9jCA===.AwhMIyumQRgkA===.",
+    "Explorer": "A0patnFklndksxf5--------0202------f7050505040s37-2f2i4524.AwRj4yVKJ9hA.AwhMIyumQRhEA===.",
-    "Test": "A4putkFklkdzsuf52c0o0o0o1m1m0q0q0404-0l0b0100034k5n052d04---0303326b-.Iw18ZUAxA===.Aw18ZXEA."
+    "Test": "A4putkFklkdzsuf52c0o0o0o1m1m0q0q0404-0l0b0100034k5n052d04---0303326b.Iw18ZVA=.Aw18ZVA=."
   },
   "diamondback_explorer": {
-    "Explorer": "A0p0tdFfldddsdf5---0202--320p432i----.AwRj4zTZaA==.AwiMIyqo."
+    "Explorer": "A0p0tdFfldddsdf5---0202--320p432i2f-.AwRj4zTYg===.AwiMIyoo."
   },
   "vulture": {
-    "Bounty Hunter": "A3patcFalddksff31e1e0404-0l4a-5d27662j--.AwRj4z2Gg===.MwBhBYy6oJmAjLMQ."
+    "Bounty Hunter": "A3patcFalddksff31e1e0404-0l4a-5d27662j.AwRj4z2I.MwBhBYy6oJmAjLIA."
   },
   "fer_de_lance": {
-    "Attack": "A2pfthFalidpsff31r0s0s0s0s000404-04-4a-5d27--.Iw18aAMQ.CwBhrSu8EZxEA===."
+    "Attack": "A2pfthFalidpsff31r0s0s0s0s000404-04-4a-5d27-.Iw18aQ==.CwBhrSu8EZyA."
   },
   "eagle": {
-    "Figther": "A4p0t5F5l3d5s5f20p0p24-4053-2j---.Iw18gDJQ.Aw19kA==."
+    "Figther": "A4p0t5F5l3d5s5f20p0p24-4053-2j-.Iw18kA==.Aw18kA==."
   }
 }

__tests__/fixtures/slef-multiple-builds.json

@@ -1,366 +0,0 @@
-[
-  {
-    "header": {
-      "appName": "Inara",
-      "appVersion": "1.0",
-      "appURL": "https:\/\/inara.cz\/cmdr-fleet\/123\/123\/",
-      "appCustomProperties": {
-        "inaraCommanderID": 123,
-        "inaraShipID": 123
-      }
-    },
-    "data": {
-      "Ship": "krait_mkii",
-      "ShipID": 7,
-      "ShipName": "pancake hammer",
-      "ShipIdent": "PH-01",
-      "HullValue": 44160710,
-      "ModulesValue": 111274094,
-      "Rebuy": 7771743,
-      "Modules": [
-        {
-          "Slot": "largehardpoint1",
-          "Item": "hpt_mininglaser_fixed_small",
-          "On": true
-        },
-        {
-          "Slot": "largehardpoint2",
-          "Item": "hpt_cannon_gimbal_large",
-          "On": true,
-          "Engineering": {
-            "BlueprintName": "weapon_overcharged",
-            "Level": 2,
-            "Quality": 1,
-            "ExperimentalEffect": "special_auto_loader"
-          }
-        },
-        {
-          "Slot": "largehardpoint3",
-          "Item": "hpt_cannon_gimbal_large",
-          "On": true,
-          "Engineering": {
-            "BlueprintName": "weapon_overcharged",
-            "Level": 2,
-            "Quality": 1,
-            "ExperimentalEffect": "special_auto_loader"
-          }
-        },
-        {
-          "Slot": "mediumhardpoint1",
-          "Item": "hpt_basicmissilerack_fixed_medium",
-          "On": true,
-          "Engineering": {
-            "BlueprintName": "weapon_highcapacity",
-            "Level": 5,
-            "Quality": 1
-          }
-        },
-        {
-          "Slot": "mediumhardpoint2",
-          "Item": "hpt_basicmissilerack_fixed_medium",
-          "On": true
-        },
-        {
-          "Slot": "tinyhardpoint1",
-          "Item": "hpt_heatsinklauncher_turret_tiny",
-          "On": true
-        },
-        {
-          "Slot": "tinyhardpoint2",
-          "Item": "hpt_cloudscanner_size0_class3",
-          "On": true
-        },
-        {
-          "Slot": "tinyhardpoint3",
-          "Item": "hpt_shieldbooster_size0_class5",
-          "On": true
-        },
-        {
-          "Slot": "tinyhardpoint4",
-          "Item": "hpt_shieldbooster_size0_class5",
-          "On": true,
-          "Priority": 1
-        },
-        {
-          "Slot": "slot01_size6",
-          "Item": "int_cargorack_size6_class1",
-          "On": true,
-          "Priority": 1
-        },
-        {
-          "Slot": "slot02_size6",
-          "Item": "int_cargorack_size6_class1",
-          "On": true,
-          "Priority": 1
-        },
-        {
-          "Slot": "slot03_size5",
-          "Item": "int_guardianfsdbooster_size5",
-          "On": true
-        },
-        {
-          "Slot": "slot04_size5",
-          "Item": "int_fighterbay_size5_class1",
-          "On": true
-        },
-        {
-          "Slot": "slot05_size4",
-          "Item": "int_shieldgenerator_size4_class5",
-          "On": true
-        },
-        {
-          "Slot": "slot06_size3",
-          "Item": "int_dronecontrol_collection_size3_class4",
-          "On": true
-        },
-        {
-          "Slot": "slot07_size3",
-          "Item": "int_dronecontrol_collection_size3_class4",
-          "On": true
-        },
-        {
-          "Slot": "slot08_size2",
-          "Item": "int_refinery_size2_class2",
-          "On": true
-        },
-        {
-          "Slot": "slot09_size1",
-          "Item": "int_dronecontrol_prospector_size1_class4",
-          "On": true
-        },
-        {
-          "Slot": "powerplant",
-          "Item": "int_powerplant_size7_class5",
-          "On": true,
-          "Priority": 1
-        },
-        {
-          "Slot": "mainengines",
-          "Item": "int_engine_size6_class5",
-          "On": true
-        },
-        {
-          "Slot": "frameshiftdrive",
-          "Item": "int_hyperdrive_size5_class5",
-          "On": true,
-          "Engineering": {
-            "BlueprintName": "fsd_longrange",
-            "Level": 2,
-            "Quality": 0.861
-          }
-        },
-        {
-          "Slot": "lifesupport",
-          "Item": "int_lifesupport_size4_class2",
-          "On": true,
-          "Priority": 3
-        },
-        {
-          "Slot": "powerdistributor",
-          "Item": "int_powerdistributor_size7_class5",
-          "On": true
-        },
-        {
-          "Slot": "radar",
-          "Item": "int_sensors_size6_class2",
-          "On": true
-        },
-        {
-          "Slot": "fueltank",
-          "Item": "int_fueltank_size5_class3",
-          "On": true,
-          "Priority": 1
-        },
-        {
-          "Slot": "armour",
-          "Item": "krait_mkii_armour_grade3",
-          "On": true,
-          "Priority": 1,
-          "Engineering": {
-            "BlueprintName": "armour_heavyduty",
-            "Level": 5,
-            "Quality": 1
-          }
-        }
-      ]
-    }
-  },
-  {
-    "header": {
-      "appName": "Inara",
-      "appVersion": "1.0",
-      "appURL": "https:\/\/inara.cz\/cmdr-fleet\/123\/123\/",
-      "appCustomProperties": {
-        "inaraCommanderID": 123,
-        "inaraShipID": 123
-      }
-    },
-    "data": {
-      "Ship": "diamondbackxl",
-      "ShipID": 11,
-      "ShipName": "star Hopper",
-      "ShipIdent": "PH-02",
-      "HullValue": 1615649,
-      "ModulesValue": 16981039,
-      "Rebuy": 929837,
-      "Modules": [
-        {
-          "Slot": "tinyhardpoint1",
-          "Item": "hpt_heatsinklauncher_turret_tiny",
-          "On": true,
-          "Value": 3072
-        },
-        {
-          "Slot": "slot01_size4",
-          "Item": "int_fuelscoop_size4_class5",
-          "On": true,
-          "Priority": 3,
-          "Value": 2862364
-        },
-        {
-          "Slot": "slot02_size4",
-          "Item": "int_guardianfsdbooster_size4",
-          "On": true,
-          "Value": 2847499
-        },
-        {
-          "Slot": "slot03_size3",
-          "Item": "int_shieldgenerator_size3_class2",
-          "On": true,
-          "Value": 18812,
-          "Engineering": {
-            "BlueprintName": "shieldgenerator_thermic",
-            "Level": 3,
-            "Quality": 1,
-            "ExperimentalEffect": "special_shield_health"
-          }
-        },
-        {
-          "Slot": "slot04_size3",
-          "Item": "int_repairer_size3_class5",
-          "On": true,
-          "Value": 2302911
-        },
-        {
-          "Slot": "slot05_size2",
-          "Item": "int_buggybay_size2_class2",
-          "On": true,
-          "Priority": 3,
-          "Value": 21600
-        },
-        {
-          "Slot": "slot06_size2",
-          "Item": "int_cargorack_size2_class1",
-          "On": true,
-          "Priority": 1,
-          "Value": 2852
-        },
-        {
-          "Slot": "slot07_size1",
-          "Item": "int_supercruiseassist",
-          "On": true,
-          "Priority": 3,
-          "Value": 9121
-        },
-        {
-          "Slot": "slot08_size1",
-          "Item": "int_detailedsurfacescanner_tiny",
-          "On": true,
-          "Value": 250000,
-          "Engineering": {
-            "BlueprintName": "sensor_expanded",
-            "Level": 5,
-            "Quality": 1
-          }
-        },
-        {
-          "Slot": "powerplant",
-          "Item": "int_powerplant_size4_class5",
-          "On": true,
-          "Priority": 1,
-          "Value": 1441233,
-          "Engineering": {
-            "BlueprintName": "powerplant_boosted",
-            "Level": 1,
-            "Quality": 1
-          }
-        },
-        {
-          "Slot": "mainengines",
-          "Item": "int_engine_size4_class5",
-          "On": true,
-          "Value": 1610080,
-          "Engineering": {
-            "BlueprintName": "engine_dirty",
-            "Level": 5,
-            "Quality": 1,
-            "ExperimentalEffect": "special_engine_lightweight"
-          }
-        },
-        {
-          "Slot": "frameshiftdrive",
-          "Item": "int_hyperdrive_size5_class5",
-          "On": true,
-          "Value": 5103953,
-          "Engineering": {
-            "BlueprintName": "fsd_longrange",
-            "Level": 5,
-            "Quality": 1,
-            "ExperimentalEffect": "special_fsd_lightweight"
-          }
-        },
-        {
-          "Slot": "lifesupport",
-          "Item": "int_lifesupport_size3_class2",
-          "On": true,
-          "Value": 10133,
-          "Engineering": {
-            "BlueprintName": "misc_lightweight",
-            "Level": 3,
-            "Quality": 1
-          }
-        },
-        {
-          "Slot": "powerdistributor",
-          "Item": "int_powerdistributor_size4_class5",
-          "On": true,
-          "Value": 389022,
-          "Engineering": {
-            "BlueprintName": "powerdistributor_highfrequency",
-            "Level": 4,
-            "Quality": 1
-          }
-        },
-        {
-          "Slot": "radar",
-          "Item": "int_sensors_size3_class2",
-          "On": true,
-          "Value": 10133,
-          "Engineering": {
-            "BlueprintName": "sensor_lightweight",
-            "Level": 5,
-            "Quality": 1
-          }
-        },
-        {
-          "Slot": "fueltank",
-          "Item": "int_fueltank_size5_class3",
-          "On": true,
-          "Priority": 1,
-          "Value": 97754
-        },
-        {
-          "Slot": "armour",
-          "Item": "diamondbackxl_armour_grade1",
-          "On": true,
-          "Priority": 1,
-          "Engineering": {
-            "BlueprintName": "armour_heavyduty",
-            "Level": 5,
-            "Quality": 1
-          }
-        }
-      ]
-    }
-  }
-]

__tests__/fixtures/slef-multiple-expected-builds.json

@@ -1,8 +0,0 @@
-{
-      "krait_mkii": {
-        "Imported pancake hammer": "A2pptkFflidussf52l1o1o2g2g020g040405051Ofr45C9C91oP3.Iw18eQ==.AwRgzKIkA===."
-  },
-      "diamondback_explorer": {
-        "Imported star Hopper": "A0pataFflddfsdf5---02---321P430iv6013w2i.Iw18SQ==.AwRm44GYpKg=."
-  }
-}

__tests__/fixtures/slef-single-build.json

@@ -1,188 +0,0 @@
-[
-  {
-    "header": {
-      "appName": "Inara",
-      "appVersion": "1.0",
-      "appURL": "https:\/\/inara.cz\/cmdr-fleet\/123\/123\/",
-      "appCustomProperties": {
-        "inaraCommanderID": 123,
-        "inaraShipID": 123
-      }
-    },
-    "data": {
-      "Ship": "krait_mkii",
-      "ShipID": 7,
-      "ShipName": "pancake hammer",
-      "ShipIdent": "PH-01",
-      "HullValue": 44160710,
-      "ModulesValue": 111274094,
-      "Rebuy": 7771743,
-      "Modules": [
-        {
-          "Slot": "largehardpoint1",
-          "Item": "hpt_mininglaser_fixed_small",
-          "On": true
-        },
-        {
-          "Slot": "largehardpoint2",
-          "Item": "hpt_cannon_gimbal_large",
-          "On": true,
-          "Engineering": {
-            "BlueprintName": "weapon_overcharged",
-            "Level": 2,
-            "Quality": 1,
-            "ExperimentalEffect": "special_auto_loader"
-          }
-        },
-        {
-          "Slot": "largehardpoint3",
-          "Item": "hpt_cannon_gimbal_large",
-          "On": true,
-          "Engineering": {
-            "BlueprintName": "weapon_overcharged",
-            "Level": 2,
-            "Quality": 1,
-            "ExperimentalEffect": "special_auto_loader"
-          }
-        },
-        {
-          "Slot": "mediumhardpoint1",
-          "Item": "hpt_basicmissilerack_fixed_medium",
-          "On": true,
-          "Engineering": {
-            "BlueprintName": "weapon_highcapacity",
-            "Level": 5,
-            "Quality": 1
-          }
-        },
-        {
-          "Slot": "mediumhardpoint2",
-          "Item": "hpt_basicmissilerack_fixed_medium",
-          "On": true
-        },
-        {
-          "Slot": "tinyhardpoint1",
-          "Item": "hpt_heatsinklauncher_turret_tiny",
-          "On": true
-        },
-        {
-          "Slot": "tinyhardpoint2",
-          "Item": "hpt_cloudscanner_size0_class3",
-          "On": true
-        },
-        {
-          "Slot": "tinyhardpoint3",
-          "Item": "hpt_shieldbooster_size0_class5",
-          "On": true
-        },
-        {
-          "Slot": "tinyhardpoint4",
-          "Item": "hpt_shieldbooster_size0_class5",
-          "On": true,
-          "Priority": 1
-        },
-        {
-          "Slot": "slot01_size6",
-          "Item": "int_cargorack_size6_class1",
-          "On": true,
-          "Priority": 1
-        },
-        {
-          "Slot": "slot02_size6",
-          "Item": "int_cargorack_size6_class1",
-          "On": true,
-          "Priority": 1
-        },
-        {
-          "Slot": "slot03_size5",
-          "Item": "int_guardianfsdbooster_size5",
-          "On": true
-        },
-        {
-          "Slot": "slot04_size5",
-          "Item": "int_fighterbay_size5_class1",
-          "On": true
-        },
-        {
-          "Slot": "slot05_size4",
-          "Item": "int_shieldgenerator_size4_class5",
-          "On": true
-        },
-        {
-          "Slot": "slot06_size3",
-          "Item": "int_dronecontrol_collection_size3_class4",
-          "On": true
-        },
-        {
-          "Slot": "slot07_size3",
-          "Item": "int_dronecontrol_collection_size3_class4",
-          "On": true
-        },
-        {
-          "Slot": "slot08_size2",
-          "Item": "int_refinery_size2_class2",
-          "On": true
-        },
-        {
-          "Slot": "slot09_size1",
-          "Item": "int_dronecontrol_prospector_size1_class4",
-          "On": true
-        },
-        {
-          "Slot": "powerplant",
-          "Item": "int_powerplant_size7_class5",
-          "On": true,
-          "Priority": 1
-        },
-        {
-          "Slot": "mainengines",
-          "Item": "int_engine_size6_class5",
-          "On": true
-        },
-        {
-          "Slot": "frameshiftdrive",
-          "Item": "int_hyperdrive_size5_class5",
-          "On": true,
-          "Engineering": {
-            "BlueprintName": "fsd_longrange",
-            "Level": 2,
-            "Quality": 0.861
-          }
-        },
-        {
-          "Slot": "lifesupport",
-          "Item": "int_lifesupport_size4_class2",
-          "On": true,
-          "Priority": 3
-        },
-        {
-          "Slot": "powerdistributor",
-          "Item": "int_powerdistributor_size7_class5",
-          "On": true
-        },
-        {
-          "Slot": "radar",
-          "Item": "int_sensors_size6_class2",
-          "On": true
-        },
-        {
-          "Slot": "fueltank",
-          "Item": "int_fueltank_size5_class3",
-          "On": true,
-          "Priority": 1
-        },
-        {
-          "Slot": "armour",
-          "Item": "krait_mkii_armour_grade3",
-          "On": true,
-          "Priority": 1,
-          "Engineering": {
-            "BlueprintName": "armour_heavyduty",
-            "Level": 5,
-            "Quality": 1
-          }
-        }
-      ]
-    }
-  }
-]

__tests__/fixtures/valid-detailed-export.json

@@ -115,7 +115,6 @@
       "powerRetracted": 7.21,
       "powerDeployed": 7.21,
       "unladenRange": 32.48,
-      "fullTankRange": 30.27,
       "ladenRange": 19.61,
       "unladenFastestRange": 176.71,
       "ladenFastestRange": 112.92,
@@ -249,7 +248,6 @@
       "powerRetracted": 9.33,
       "powerDeployed": 10.33,
       "unladenRange": 30.24,
-      "fullTankRange": 28.32,
       "ladenRange": 19.8,
       "unladenFastestRange": 164.89,
       "ladenFastestRange": 114.03,
@@ -379,7 +377,6 @@
       "powerRetracted": 7.28,
       "powerDeployed": 8.06,
       "unladenRange": 31.71,
-      "fullTankRange": 29.61,
       "ladenRange": 23.58,
       "unladenFastestRange": 172.68,
       "ladenFastestRange": 136.46,
@@ -511,7 +508,6 @@
       "powerRetracted": 8.81,
       "powerDeployed": 8.81,
       "unladenRange": 26.41,
-      "fullTankRange": 24.97,
       "ladenRange": 17.36,
       "unladenFastestRange": 172.04,
       "ladenFastestRange": 118.55,
@@ -653,7 +649,6 @@
       "powerRetracted": 10.66,
       "powerDeployed": 11.66,
       "unladenRange": 25.77,
-      "fullTankRange": 24.39,
       "ladenRange": 17.98,
       "unladenFastestRange": 167.93,
       "ladenFastestRange": 122.84,
@@ -791,7 +786,6 @@
       "powerRetracted": 8.95,
       "powerDeployed": 9.73,
       "unladenRange": 19.27,
-      "fullTankRange": 18.95,
       "ladenRange": 15.43,
       "unladenFastestRange": 67.34,
       "ladenFastestRange": 54.75,
@@ -954,7 +948,6 @@
       "powerRetracted": 15.49,
       "powerDeployed": 19.43,
       "unladenRange": 27.1,
-      "fullTankRange": 25.58,
       "ladenRange": 21.94,
       "unladenFastestRange": 176.39,
       "ladenFastestRange": 150.58,
@@ -1096,7 +1089,6 @@
       "powerRetracted": 10.38,
       "powerDeployed": 12.58,
       "unladenRange": 26.01,
-      "fullTankRange": 25.42,
       "ladenRange": 17.19,
       "unladenFastestRange": 90.67,
       "ladenFastestRange": 61.04,
@@ -1260,7 +1252,6 @@
       "powerRetracted": 19.35,
       "powerDeployed": 25.31,
       "unladenRange": 15.19,
-      "fullTankRange": 14.99,
       "ladenRange": 14.99,
       "unladenFastestRange": 53.15,
       "ladenFastestRange": 53.15,
@@ -1360,7 +1351,6 @@
       "powerRetracted": 10.7,
       "powerDeployed": 10.7,
       "unladenRange": 24.25,
-      "fullTankRange": 23.73,
       "ladenRange": 23.73,
       "unladenFastestRange": 84.56,
       "ladenFastestRange": 84.56,
@@ -1499,7 +1489,6 @@
       "powerRetracted": 13.13,
       "powerDeployed": 13.13,
       "unladenRange": 19.51,
-      "fullTankRange": 18.58,
       "ladenRange": 13.09,
       "unladenFastestRange": 152.32,
       "ladenFastestRange": 106.49,
@@ -1637,7 +1626,6 @@
       "powerRetracted": 10.25,
       "powerDeployed": 10.25,
       "unladenRange": 28.25,
-      "fullTankRange": 26.6,
       "ladenRange": 16.67,
       "unladenFastestRange": 183.67,
       "ladenFastestRange": 113.69,
@@ -1808,7 +1796,6 @@
       "powerRetracted": 19.34,
       "powerDeployed": 26.18,
       "unladenRange": 20.32,
-      "fullTankRange": 19.46,
       "ladenRange": 14.65,
       "unladenFastestRange": 133.17,
       "ladenFastestRange": 99.65,
@@ -1987,7 +1974,6 @@
       "powerRetracted": 22.61,
       "powerDeployed": 29.63,
       "unladenRange": 14.32,
-      "fullTankRange": 13.89,
       "ladenRange": 13.46,
       "unladenFastestRange": 94.42,
       "ladenFastestRange": 91.49,
@@ -2217,7 +2203,6 @@
       "powerRetracted": 25.88,
       "powerDeployed": 37.51,
       "unladenRange": 16.99,
-      "fullTankRange": 16.68,
       "ladenRange": 15.91,
       "unladenFastestRange": 67.35,
       "ladenFastestRange": 64.2,
@@ -2372,7 +2357,6 @@
       "powerRetracted": 11.92,
       "powerDeployed": 11.92,
       "unladenRange": 39.26,
-      "fullTankRange": 37.65,
       "ladenRange": 21.21,
       "unladenFastestRange": 153.79,
       "ladenFastestRange": 85.82,
@@ -2528,7 +2512,6 @@
       "powerRetracted": 12.49,
       "powerDeployed": 12.49,
       "unladenRange": 38.44,
-      "fullTankRange": 36.89,
       "ladenRange": 21.04,
       "unladenFastestRange": 150.62,
       "ladenFastestRange": 85.16,
@@ -2696,7 +2679,6 @@
       "powerRetracted": 13,
       "powerDeployed": 12.4,
       "unladenRange": 38.04,
-      "fullTankRange": 30.11,
       "ladenRange": 23.03,
       "unladenFastestRange": 675.7,
       "ladenFastestRange": 501.97,
@@ -2914,7 +2896,6 @@
       "powerRetracted": 23.93,
       "powerDeployed": 35.56,
       "unladenRange": 18.49,
-      "fullTankRange": 18.12,
       "ladenRange": 16.39,
       "unladenFastestRange": 73.21,
       "ladenFastestRange": 66.15,
@@ -3042,7 +3023,6 @@
       "powerRetracted": 8.48,
       "powerDeployed": 7.88,
       "unladenRange": 35.99,
-      "fullTankRange": 33.36,
       "ladenRange": 33.36,
       "unladenFastestRange": 232.28,
       "ladenFastestRange": 232.28,
@@ -3179,7 +3159,6 @@
       "powerRetracted": 14.87,
       "powerDeployed": 17.51,
       "unladenRange": 15.06,
-      "fullTankRange": 14.86,
       "ladenRange": 14.86,
       "unladenFastestRange": 42.5,
       "ladenFastestRange": 42.5,
@@ -3333,7 +3312,6 @@
       "powerRetracted": 17.71,
       "powerDeployed": 23.14,
       "unladenRange": 12.51,
-      "fullTankRange": 12.38,
       "ladenRange": 12.38,
       "unladenFastestRange": 35.35,
       "ladenFastestRange": 35.35,
@@ -3452,7 +3430,6 @@
       "powerRetracted": 9.46,
       "powerDeployed": 11.17,
       "unladenRange": 17.12,
-      "fullTankRange": 16.71,
       "ladenRange": 16.71,
       "unladenFastestRange": 42.4,
       "ladenFastestRange": 42.4,
@@ -3610,7 +3587,6 @@
       "powerRetracted": 9.31,
       "powerDeployed": 13.91,
       "unladenRange": 8.43,
-      "fullTankRange": 8.09,
       "ladenRange": 7.25,
       "unladenFastestRange": 81.5,
       "ladenFastestRange": 72.9,

__tests__/test-import.js

@@ -18,13 +18,13 @@ describe('Import Modal', function() {
   const mockContext = {
     language: getLanguage('en'),
     sizeRatio: 1,
-    openMenu: jest.fn(),
+    openMenu: jest.genMockFunction(),
-    closeMenu: jest.fn(),
+    closeMenu: jest.genMockFunction(),
-    showModal: jest.fn(),
+    showModal: jest.genMockFunction(),
-    hideModal: jest.fn(),
+    hideModal: jest.genMockFunction(),
-    tooltip: jest.fn(),
+    tooltip: jest.genMockFunction(),
-    termtip: jest.fn(),
+    termtip: jest.genMockFunction(),
-    onWindowResize: jest.fn()
+    onWindowResize: jest.genMockFunction()
   };
 
   let modal, render, ContextProvider = Utils.createContextProvider(mockContext);
@@ -110,25 +110,21 @@ describe('Import Modal', function() {
     it('catches an invalid backup', function() {
       const importData = require('./fixtures/valid-backup');
       let invalidImportData = Object.assign({}, importData);
-      // Remove Asp Miner build used in comparison
+      //invalidImportData.builds.asp = null;   // Remove Asp Miner build used in comparison
       delete(invalidImportData.builds.asp);
 
       pasteText('"this is not valid"');
       expect(modal.state.importValid).toBeFalsy();
       expect(modal.state.errorMsg).toEqual('Must be an object or array!');
-
       pasteText('{ "builds": "Should not be a string" }');
       expect(modal.state.importValid).toBeFalsy();
       expect(modal.state.errorMsg).toEqual('builds must be an object!');
-
+      pasteText(JSON.stringify(importData).replace('anaconda', 'invalid_ship'));
-      pasteText(JSON.stringify(importData).replace(/anaconda/g, 'invalid_ship'));
       expect(modal.state.importValid).toBeFalsy();
-      expect(Object.keys(modal.state.builds)).not.toContain('anaconda');
+      expect(modal.state.errorMsg).toEqual('"invalid_ship" is not a valid Ship Id!');
-
       pasteText(JSON.stringify(importData).replace('Dream', ''));
       expect(modal.state.importValid).toBeFalsy();
-      expect(Object.keys(modal.state.builds.imperial_clipper).length).toEqual(3);
+      expect(modal.state.errorMsg).toEqual('Imperial Clipper build "" must be a string at least 1 character long!');
-
       pasteText(JSON.stringify(invalidImportData));
       expect(modal.state.importValid).toBeFalsy();
       expect(modal.state.errorMsg).toEqual('asp build "Miner" data is missing!');
@@ -148,7 +144,7 @@ describe('Import Modal', function() {
       expect(modal.state.singleBuild).toBe(true);
       clickProceed();
       expect(MockRouter.go.mock.calls.length).toBe(1);
-      expect(MockRouter.go.mock.calls[0][0]).toBe('/outfit/anaconda?code=A4putkFklkdzsuf52c0o0o0o1m1m0q0q0404-0l0b0100034k5n052d04---0303326b-.AwRj4zNLeI%3D%3D.CwBhCYzBGW9qCTSqq5JA.&bn=Test%20My%20Ship');
+      expect(MockRouter.go.mock.calls[0][0]).toBe('/outfit/anaconda?code=A4putkFklkdzsuf52c0o0o0o1m1m0q0q0404-0l0b0100034k5n052d04---0303326b.AwRj4zNLaA%3D%3D.CwBhCYzBGW9qCTSqq5xA.&bn=Test%20My%20Ship');
     });
 
     it('catches an invalid build', function() {
@@ -173,7 +169,7 @@ describe('Import Modal', function() {
       expect(modal.state.singleBuild).toBe(true);
       clickProceed();
       expect(MockRouter.go.mock.calls.length).toBe(1);
-      expect(MockRouter.go.mock.calls[0][0]).toBe('/outfit/anaconda?code=A4putkFklkdzsuf52c0o0o0o1m1m0q0q0404-0l0b0100034k5n052d04---0303326b-.AwRj4zNLeI%3D%3D.CwBhCYzBGW9qCTSqq5JA.H4sIAAAAAAAAE2MUe8HMwPD%2FPwMAAGvB0AkAAAA%3D&bn=Test%20My%20Ship');
+      expect(MockRouter.go.mock.calls[0][0]).toBe('/outfit/anaconda?code=A4putkFklkdzsuf52c0o0o0o1m1m0q0q0404-0l0b0100034k5n052d04---0303326b.AwRj4zNLaA%3D%3D.CwBhCYzBGW9qCTSqq5xA.H4sIAAAAAAAAA2MUe8HMwPD%2FPwMAAGvB0AkAAAA%3D&bn=Test%20My%20Ship');
     });
   });
 
@@ -190,7 +186,7 @@ describe('Import Modal', function() {
       expect(modal.state.singleBuild).toBe(true);
       clickProceed();
       expect(MockRouter.go.mock.calls.length).toBe(1);
-      expect(MockRouter.go.mock.calls[0][0]).toBe('/outfit/asp?code=A0pftiFflfddsnf5------020202033c044002v6-2i-.AwRj4yvYg%3D%3D%3D.CwRgDBldHn5A.H4sIAAAAAAAAE2P858DAwPCXEUhwHPvx%2F78YG5AltB7I%2F8%2F0TwImJboDSPJ%2F%2B%2Ff%2Fv%2FKlX%2F%2F%2Fi3AwMTBIfARK%2FGf%2BJwVSxArStVAYqOjvz%2F%2F%2FJVo5GRhE2IBc4SKQSSz%2FDGEmCa398P8%2F%2F2%2BgTf%2F%2FA7kMAExxqlSAAAAA&bn=Multi-purpose%20Asp%20Explorer');
+      expect(MockRouter.go.mock.calls[0][0]).toBe('/outfit/asp?code=A0pftiFflfddsnf5------020202033c044002v62f2i.AwRj4yvI.CwRgDBldHnJA.H4sIAAAAAAAAA2P858DAwPCXEUhwHPvx%2F78YG5AltB7I%2F8%2F0TwImJboDSPJ%2F%2B%2Ff%2Fv%2FKlX%2F%2F%2Fi3AwMTBIfARK%2FGf%2BJwVSxArStVAYqOjvz%2F%2F%2FJVo5GRhE2IBc4SKQSSz%2FDGEmCa398P8%2F%2F2%2BgTf%2F%2FA7kMAExxqlSAAAAA&bn=Multi-purpose%20Asp%20Explorer');
     });
 
     it('imports a valid v4 build with modifications', function() {
@@ -202,11 +198,11 @@ describe('Import Modal', function() {
       expect(modal.state.singleBuild).toBe(true);
       clickProceed();
       expect(MockRouter.go.mock.calls.length).toBe(1);
-      expect(MockRouter.go.mock.calls[0][0]).toBe('/outfit/imperial_courier?code=A0patzF5l0das8f31a1a270202000e402t0101----.AwRj4zOYg%3D%3D%3D.CwRgDBldLuZA.H4sIAAAAAAAAE12OPUvDYBSFT1OTfkRJjUkbbC3Yj8mlODgUISAtdOlety5ODv0Vgji7O7kJ%2FgzBQX%2BEY7Gg0NKhfY%2FnHQLFDBdynufe9%2BRMCmCb06g29oCgacjiRx6gY6oWKUT8UgLaszqQfHmSnpVFN1uSeXNsJVcj%2FA2EHlZkspIUpUc6UjTXGT85qwHuSEuVc%2F16r99kDQeSSjvSbSjpyUpNK10uJJ3aYqk6smwm1lQ9bOxw71TMm8VanEqq9JW1r3Qo%2BREOLnQHvbWmb7rZIu5VLIyGQGOukPv%2F0WQk5LeEAjPOUDwtAP6bShy2HKAz0HPO%2B5KsP25I79O2I7LvD%2Bz4Il1XAQAA&bn=Multi-purpose%20Imperial%20Courier');
+      expect(MockRouter.go.mock.calls[0][0]).toBe('/outfit/imperial_courier?code=A0patzF5l0das8f31a1a270202000e402t0101-2f.AwRj4zKA.CwRgDBldLiQ%3D.H4sIAAAAAAAAA12OPUvDYBSFT1OTfkRJjUkbbC3Yj8mlODgUISAtdOlety5ODv0Vgji7O7kJ%2FgzBQX%2BEY7Gg0NKhfY%2FnHQLFDBdynufe9%2BRMCmCb06g29oCgacjiRx6gY6oWKUT8UgLaszqQfHmSnpVFN1uSeXNsJVcj%2FA2EHlZkspIUpUc6UjTXGT85qwHuSEuVc%2F16r99kDQeSSjvSbSjpyUpNK10uJJ3aYqk6smwm1lQ9bOxw71TMm8VanEqq9JW1r3Qo%2BREOLnQHvbWmb7rZIu5VLIyGQGOukPv%2F0WQk5LeEAjPOUDwtAP6bShy2HKAz0HPO%2B5KsP25I79O2I7LvD%2Bz4Il1XAQAA&bn=Multi-purpose%20Imperial%20Courier');
     });
   });
 
-  describe('Import Detailed Builds Array', function() {
+  describe('Import Detaild Builds Array', function() {
 
     beforeEach(reset);
 
@@ -244,7 +240,7 @@ describe('Import Modal', function() {
       expect(modal.state.singleBuild).toBe(true);
       clickProceed();
       expect(MockRouter.go.mock.calls.length).toBe(1);
-      expect(MockRouter.go.mock.calls[0][0]).toBe('/outfit/federal_corvette?code=A2putsFklndzsxf50x0x7l28281919040404040402020l06p05sf63c5ifr--v66g--.AwRj4zNapI%3D%3D.CwRgDBldUExuBiIlWIA%3D.&bn=Imported%20Federal%20Corvette');
+      expect(MockRouter.go.mock.calls[0][0]).toBe('/outfit/federal_corvette?code=A2putsFklndzsxf50x0x7l28281919040404040402020l06p05sf63c5ifr--v66g2f.AwRj4zNaqA%3D%3D.CwRgDBldUExuBiIlUA%3D%3D.H4sIAAAAAAAAA12STy8DURTFb1szU53Ga8dg2qqqDmJDIoKFxJImumYjVrVqfAALC4lNbcUnkLCoDbEQu0bSlQVhI8JHsJBIQ73rXMkwMYuT9%2Bb87nl%2F7ovoRSL6ikD6TYNINZg5XsWUo7pfrBikr2USlRyXyDuLAhr6ZHanNLOzD5tjOiskysk5dOBvfTB7bjeRW0MNG3ohSBq1bKKxKwyLLUAjmwjpPu4wJx4xVbNI57heDfbUKUAy2xaRUQZpllHoHMHxKqjhhF4LgjtJiFHDmqbrEeVnUJOax7%2FSdRfRwBNotv9wo5kAuZMD2egKyDYcdYl1OBki6z%2BZQjaFnBPyFCM1LefF%2BcgrY0es9FKwbW8ZYj9gmBbxRVRdglMh6BNqnwsk4ouoO4HSIehNoBuBRHwR1QOmsBvHmk6IfMbd2fdCEka%2BjNSexPWGoEkcyX6CnxbxRZQtd%2BPpym%2B31xFtn0iSFPkf%2BBkttZlzB9KDFyBuFRfAGV0Ogoff8SSsCfjjD5hGWtLIwZB%2FgX5Zt%2BLHMI9My7sp6nzgZzekswTxVvCOkq%2FSXqb%2F3zfLxh6HrwIAAA%3D%3D&bn=Imported%20Federal%20Corvette');
     });
 
     it('imports a valid companion API build', function() {
@@ -256,7 +252,7 @@ describe('Import Modal', function() {
       expect(modal.state.singleBuild).toBe(true);
       clickProceed();
       expect(MockRouter.go.mock.calls.length).toBe(1);
-      expect(MockRouter.go.mock.calls[0][0]).toBe('/outfit/beluga?code=A0pktsFplCdpsnf70t0t2727270004040404043c4fmimlmm04mc0iv62i--.AwRj4yusg%3D%3D%3D.CwRgDBldHi8IWIA%3D.&bn=Imported%20Beluga%20Liner');
+      expect(MockRouter.go.mock.calls[0][0]).toBe('/outfit/beluga?code=A0pktsFplCdpsnf70t0t2727270004040404043c4fmimlmm04mc0iv62i2f.AwRj4yukg%3D%3D%3D.CwRgDBldHi8IUA%3D%3D.H4sIAAAAAAAAA2P8Z8%2FAwPCXEUiIKTMxMPCv%2F%2Ff%2FP8cFIPGf6Z8YTEr0GjMDg%2FJWICERBOTzn%2Fn7%2F7%2FIO5Ai5n9SIEWsQEIoSxAolfbt%2F3%2BJPk4GBhE7YQYGYVmgcuVnf4Aq%2FwOVAAAyiFctbgAAAA%3D%3D&bn=Imported%20Beluga%20Liner');
     });
 
     it('imports a valid companion API build', function() {
@@ -268,7 +264,7 @@ describe('Import Modal', function() {
       expect(modal.state.singleBuild).toBe(true);
       clickProceed();
       expect(MockRouter.go.mock.calls.length).toBe(1);
-      expect(MockRouter.go.mock.calls[0][0]).toBe('/outfit/type_7_transport?code=A0patfFflidasdf5----0404040005050504044d2402--.AwRj4yoo.CwRgDBlVK7HjEA%3D%3D.&bn=Imported%20Type-7%20Transporter');
+      expect(MockRouter.go.mock.calls[0][0]).toBe('/outfit/type_7_transport?code=A0patfFflidasdf5----0404040005050504044d2402.AwRj4yrI.CwRgDBlVK7EiA%3D%3D%3D.&bn=Imported%20Type-7%20Transporter');
     });
 
     it('imports a valid companion API build', function() {
@@ -280,7 +276,7 @@ describe('Import Modal', function() {
       expect(modal.state.singleBuild).toBe(true);
       clickProceed();
       expect(MockRouter.go.mock.calls.length).toBe(1);
-      expect(MockRouter.go.mock.calls[0][0]).toBe('/outfit/cobra_mk_iii?code=A0p0tdFaldd3sdf4------34----2i--.AwRj4yqA.CwRgDMYExrezBig%3D.&bn=Imported%20Cobra%20Mk%20III');
+      expect(MockRouter.go.mock.calls[0][0]).toBe('/outfit/cobra_mk_iii?code=A0p0tdFaldd3sdf4------34---2f2i.AwRj4yKA.CwRgDMYExrezBUg%3D.&bn=Imported%20Cobra%20Mk%20III');
     });
   });
 
@@ -328,41 +324,4 @@ describe('Import Modal', function() {
     });
   });
 
-  describe('Imports SLEF data', () => {
-    beforeEach(reset);
-
-    it('imports a single valid SLEF build', () => {
-      const importData = require('./fixtures/slef-single-build.json');
-      pasteText(JSON.stringify(importData));
-
-      expect(modal.state.importValid).toBeTruthy();
-      expect(modal.state.errorMsg).toEqual(null);
-      expect(modal.state.singleBuild).toBe(true);
-      clickProceed();
-      expect(MockRouter.go.mock.calls.length).toBe(1);
-      expect(MockRouter.go.mock.calls[0][0]).toBe('/outfit/krait_mkii?code=A2pptkFflidussf52l1o1o2g2g020g040405051Ofr45C9C91oP3.Iw18eQ%3D%3D.AwRgzKIkA%3D%3D%3D.&bn=Imported%20pancake%20hammer');
-    });
-
-    it('imports multiple SLEF builds', () => {
-      const importData = require('./fixtures/slef-multiple-builds.json');
-      const expectedBuilds = require('./fixtures/slef-multiple-expected-builds.json');
-      pasteText(JSON.stringify(importData));
-
-      expect(modal.state.importValid).toBeTruthy();
-      expect(modal.state.errorMsg).toEqual(null);
-      expect(modal.state.singleBuild).toBe(false);
-      clickProceed();
-      expect(modal.state.processed).toBeTruthy();
-      clickImport();
-
-      const builds = Persist.getBuilds();
-
-      for (const shipModel in builds) {
-        for (const buildName in builds[shipModel]) {
-          expect(builds[shipModel][buildName])
-            .toEqual(expectedBuilds[shipModel][buildName]);
-        }
-      }
-    });
-  });
 });

__tests__/test-persist.js

@@ -6,41 +6,70 @@ import TU from 'react-testutils-additions';
 
 let origAddEventListener = window.addEventListener;
 let storageListener;
-let ls = {};
 
-// Implment mock localStorage
+/**
-let localStorage = {
+ * Mock local storage
-  getItem: function(key) {
+ */
-    return ls[key];
+class LocalStorage {
-  },
+  /**
-  setItem: function(key, value) {
+   * Sets up storage variable
-    ls[key] = value;
+   */
-  },
+  constructor() {
-  removeItem: function(key) {
+    this.ls = {};
-    delete ls[key];
+  }
-  },
+
-  clear: function() {
+  /**
-    ls = {};
+   * Retrieves a value from local storage
+   * @param {String} key Storage key
+   * @return {*} Storage value
+   */
+  getItem(key) {
+    return this.ls[key];
+  }
+
+  /**
+   * Writes a value to local storage
+   * @param {String} key Storage key
+   * @param {*} value Storage value
+   */
+  setItem(key, value) {
+    this.ls[key] = value;
+  }
+
+  /**
+   * Clears a value from local storage
+   * @param {String} key Storage key
+   */
+  removeItem(key) {
+    delete this.ls[key];
+  }
+
+  /**
+   * Clears local storage
+   */
+  clear() {
+    this.ls = {};
   }
 }
 
-window.addEventListener = function(eventName, listener) {
+const LOCAL_STORAGE = new LocalStorage();
 
+window.addEventListener = function(eventName, listener) {
   if(eventName == 'storage') {
     storageListener = listener; // Keep track of latest storage listener
   } else {
     origAddEventListener.apply(arguments);
   }
-}
+};
 
 describe('Persist', function() {
-
   const Persist = require('../src/app/stores/Persist').Persist;
 
   describe('Multi tab/window', function() {
     it("syncs builds", function() {
       window.localStorage = localStorage;
-      ls = {};
+      localStorage.clear();
+
       let p = new Persist();
       let newBuilds = {
         anaconda: { test: '1234' }
@@ -54,7 +83,8 @@ describe('Persist', function() {
   describe('General and Settings', function() {
     it("has defaults", function() {
       window.localStorage = localStorage;
-      ls = {};
+      localStorage.clear();
+
       let p = new Persist();
       expect(p.getLangCode()).toBe('en');
       expect(p.showTooltips()).toBe(true);
@@ -65,14 +95,14 @@ describe('Persist', function() {
     });
 
     it("loads from localStorage correctly", function() {
-      window.localStorage = localStorage;
+      window.localStorage = LOCAL_STORAGE;
       let savedData = require('./fixtures/valid-backup');
-      ls = {};
+      LOCAL_STORAGE.clear();
-      ls.builds = JSON.stringify(savedData.builds);
+      LOCAL_STORAGE.setItem('builds', JSON.stringify(savedData.builds));
-      ls.NG_TRANSLATE_LANG_KEY = 'de';
+      LOCAL_STORAGE.setItem('NG_TRANSLATE_LANG_KEY', 'de');
-      ls.insurance = 'Standard';
+      LOCAL_STORAGE.setItem('insurance', 'Standard');
-      ls.shipDiscount = 0.25;
+      LOCAL_STORAGE.setItem('shipDiscount', 0.25);
-      ls.moduleDiscount = 0.15;
+      LOCAL_STORAGE.setItem('moduleDiscount', 0.15);
       let p = new Persist();
 
       expect(p.getInsurance()).toBe('standard');
@@ -86,13 +116,13 @@ describe('Persist', function() {
     });
 
     it("uses defaults from a corrupted localStorage", function() {
-      window.localStorage = localStorage;
+      window.localStorage = LOCAL_STORAGE;
-      ls = {};
+      LOCAL_STORAGE.clear();
-      ls.builds = "not valid json";
+      LOCAL_STORAGE.setItem('builds', 'not valid json');
-      ls.comparisons = "1, 3, 4";
+      LOCAL_STORAGE.setItem('comparisons', '1, 3, 4');
-      ls.insurance = 'this insurance does not exist';
+      LOCAL_STORAGE.setItem('insurance', 'this insurance does not exist');
-      ls.shipDiscount = 'this is not a number';
+      LOCAL_STORAGE.setItem('shipDiscount', 'this is not a number');
-      ls.moduleDiscount = 10; // Way to big
+      LOCAL_STORAGE.setItem('moduleDiscount', 10); // Way to big
 
       let p = new Persist();
       expect(p.getLangCode()).toBe('en');
@@ -122,13 +152,13 @@ describe('Persist', function() {
     });
 
     it("generates the backup", function() {
-      window.localStorage = localStorage;
+      window.localStorage = LOCAL_STORAGE;
       let savedData = require('./fixtures/valid-backup');
-      ls = {};
+      LOCAL_STORAGE.clear();
-      ls.builds = JSON.stringify(savedData.builds);
+      LOCAL_STORAGE.setItem('builds', JSON.stringify(savedData.builds));
-      ls.insurance = 'Beta';
+      LOCAL_STORAGE.setItem('insurance', 'Beta');
-      ls.shipDiscount = 0.25;
+      LOCAL_STORAGE.setItem('shipDiscount', 0.25);
-      ls.moduleDiscount = 0.15;
+      LOCAL_STORAGE.setItem('moduleDiscount', 0.15);
 
       let p = new Persist();
       let backup = p.getAll();
@@ -140,4 +170,4 @@ describe('Persist', function() {
       expect(backup.comparisons).toEqual({});
     });
   });
-})
+});

__tests__/test-ship.js

@@ -3,32 +3,31 @@ import { Ships } from 'coriolis-data/dist';
 import * as ModuleUtils from '../src/app/shipyard/ModuleUtils';
 
 describe("Ship", function() {
-
+  for (let s in Ships) {
-  it("can build all ships", function() {
+    it("can build " + s, function() {
-    for (let s in Ships) {
       let shipData = Ships[s];
       let ship = new Ship(s, shipData.properties, shipData.slots);
 
       for (let p in shipData.properties) {
-        expect(ship[p]).toEqual(shipData.properties[p], s + ' property [' + p + '] does not match when built');
+        expect(ship[p]).toEqual(shipData.properties[p]);
       }
 
       ship.buildWith(shipData.defaults);
 
-      expect(ship.totalCost).toEqual(shipData.retailCost, s + ' retail cost does not match default build cost');
+      expect(ship.totalCost).toEqual(shipData.retailCost);
       expect(ship.cargoCapacity).toBeDefined();
-      expect(ship.priorityBands[0].retracted).toBeGreaterThan(0, s + ' priorityBands');
+      expect(ship.priorityBands[0].retracted).toBeGreaterThan(0);
-      expect(ship.powerAvailable).toBeGreaterThan(0, s + ' powerAvailable');
+      expect(ship.powerAvailable).toBeGreaterThan(0);
-      expect(ship.unladenRange).toBeGreaterThan(0, s + ' unladenRange');
+      expect(ship.unladenRange).toBeGreaterThan(0);
-      expect(ship.ladenRange).toBeGreaterThan(0, s + ' ladenRange');
+      expect(ship.ladenRange).toBeGreaterThan(0);
-      expect(ship.fuelCapacity).toBeGreaterThan(0, s + ' fuelCapacity');
+      expect(ship.fuelCapacity).toBeGreaterThan(0);
-      expect(ship.unladenFastestRange).toBeGreaterThan(0, s + ' unladenFastestRange');
+      expect(ship.unladenFastestRange).toBeGreaterThan(0);
-      expect(ship.ladenFastestRange).toBeGreaterThan(0, s + ' ladenFastestRange');
+      expect(ship.ladenFastestRange).toBeGreaterThan(0);
-      expect(ship.shield).toBeGreaterThan(0, s + ' shield');
+      expect(ship.shield).toBeGreaterThan(0);
-      expect(ship.armour).toBeGreaterThan(0, s + ' armour');
+      expect(ship.armour).toBeGreaterThan(0);
-      expect(ship.topSpeed).toBeGreaterThan(0, s + ' topSpeed');
+      expect(ship.topSpeed).toBeGreaterThan(0);
-    }
+    });
-  });
+  }
 
   it("resets and rebuilds properly", function() {
     var id = 'cobra_mk_iii';

devServer.js

@@ -3,13 +3,24 @@ var WebpackDevServer = require("webpack-dev-server");
 var config = require('./webpack.config.dev');
 
 new WebpackDevServer(webpack(config), {
+  publicPath: config.output.publicPath,
   hot: true,
+  disableHostCheck: true,
   headers: { "Access-Control-Allow-Origin": "*" },
   historyApiFallback: {
     rewrites: [
       // For some reason connect-history-api-fallback does not allow '.' in the URL for history fallback...
       { from: /\/outfit\//, to: '/index.html' }
     ]
+  },
+  stats: {
+    assets: true,
+    colors: true,
+    version: false,
+    hash: false,
+    timings: true,
+    chunks: false,
+    chunkModules: false
   }
 }).listen(3300, "0.0.0.0", function (err, result) {
   if (err) {

nginx.conf

@@ -0,0 +1,59 @@
+worker_processes      2;
+error_log             ./nginx.error.log;
+worker_rlimit_nofile  8192;
+pid                   nginx.pid;
+
+events {
+  worker_connections  1024;
+  multi_accept        on;
+}
+
+http {
+
+  access_log  off;
+  charset UTF-8;
+
+  types {
+    text/html                             html htm shtml;
+    text/css                              css;
+    text/xml                              xml rss;
+    image/gif                             gif;
+    image/jpeg                            jpeg jpg;
+    application/x-javascript              js;
+    text/plain                            txt;
+    image/png                             png;
+    image/svg+xml                         svg;
+    image/x-icon                          ico;
+    application/pdf                       pdf;
+    text/cache-manifest                   appcache;
+  }
+
+  gzip on;
+  gzip_vary on;
+  gzip_proxied any;
+  gzip_comp_level 6;
+  gzip_buffers 16 8k;
+  gzip_http_version 1.1;
+  gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;
+
+  server {
+    listen       3301;
+    server_name  localhost;
+    root   ./build/;
+    index  index.html;
+
+    location ~* \.(?:manifest|appcache|html?|xml|json|css|js|map|jpg|jpeg|gif|png|ico|svg|eot|ttf|woff|woff2)$ {
+            expires -1;
+            add_header Access-Control-Allow-Origin *;
+            add_header Access-Control-Allow-Credentials true;
+            add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
+            add_header Access-Control-Allow-Headers 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
+            access_log  off;
+    }
+
+    location / {
+      try_files $uri $uri/ /index.html =404;
+    }
+  }
+}
+

package.json

@@ -1,19 +1,14 @@
 {
   "name": "coriolis_shipyard",
-  "version": "3.0.1",
+  "version": "3.0.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/EDCD/coriolis"
   },
-  "homepage": "https://coriolis.io",
+  "homepage": "https://coriolis.edcd.io",
   "bugs": "https://github.com/EDCD/coriolis/issues",
-  "contributors": [
-    { "name": "cmdrmcdonald" },
-    { "name": "willb321" },
-    { "name": "felixlinker" }
-  ],
   "private": true,
-  "engine": "node >= 10.13.0",
+  "engine": "node >= 4.8.1",
   "license": "MIT",
   "scripts": {
     "extract-translations": "grep -hroE \"(translate\\('[^']+'\\))|(tip.bind\\(null, '[^']+')\" src/* | grep -oE \"'[^']+'\" | grep -oE \"[^']+\" | sort -u -f",
@@ -23,8 +18,7 @@
     "test": "jest",
     "prod-serve": "nginx -p $(pwd) -c nginx.conf",
     "prod-stop": "kill -QUIT $(cat nginx.pid)",
-    "buildfresh": "rimraf node_modules && rm package-lock.json && npm install && npm run build > >(tee -a stdout.log) 2> >(tee -a stderr.log >&2)",
+    "build": "npm run clean && cross-env NODE_ENV=production webpack -p --config webpack.config.prod.js",
-    "build": "npm run clean && cross-env NODE_ENV=production webpack --config webpack.config.prod.js",
     "rsync": "rsync -ae \"ssh -i $CORIOLIS_PEM\" --delete build/ $CORIOLIS_USER@$CORIOLIS_HOST:~/wwws",
     "deploy": "npm run lint && npm test && npm run build && npm run rsync"
   },
@@ -61,7 +55,7 @@
     ]
   },
   "devDependencies": {
-    "@babel/core": "^7.20.12",
+    "@babel/core": "^7.0.0",
     "@babel/plugin-proposal-class-properties": "^7.0.0",
     "@babel/plugin-proposal-decorators": "^7.0.0",
     "@babel/plugin-proposal-do-expressions": "^7.0.0",
@@ -80,12 +74,15 @@
     "@babel/plugin-syntax-import-meta": "^7.0.0",
     "@babel/preset-env": "^7.0.0",
     "@babel/preset-react": "^7.0.0",
-    "@rollup/plugin-node-resolve": "^15.0.1",
+    "appcache-webpack-plugin": "^1.4.0",
+    "babel-core": "^7.0.0-bridge.0",
+    "babel-eslint": "^10.0.1",
+    "babel-jest": "^23.6.0",
     "babel-loader": "^8.0.0",
-    "copy-webpack-plugin": "^10.2.4",
+    "copy-webpack-plugin": "^4.5.2",
     "create-react-class": "^15.6.3",
     "cross-env": "^5.2.0",
-    "css-loader": "^6.7.3",
+    "css-loader": "^1.0.0",
     "d3-selection": "^1.3.2",
     "esdoc": "^1.1.0",
     "esdoc-custom-theme": "^1.4.2",
@@ -96,66 +93,52 @@
     "esdoc-standard-plugin": "^1.0.0",
     "eslint": "^5.6.0",
     "eslint-plugin-react": "^7.11.1",
-    "expose-loader": "^3.1.0",
+    "expose-loader": "^0.7.5",
-    "express": "^4.18.2",
+    "express": "^4.16.3",
-    "html-webpack-plugin": "^5.5.0",
+    "extract-text-webpack-plugin": "^4.0.0-beta.0",
-    "jsen": "^0.6.6",
+    "file-loader": "^2.0.0",
+    "html-webpack-plugin": "^3.0.7",
+    "jest-cli": "^23.6.0",
+    "jsen": "^0.6.4",
     "json-loader": "^0.5.4",
     "less": "^3.8.1",
-    "less-loader": "^11.1.0",
+    "less-loader": "^4.1.0",
-    "mini-css-extract-plugin": "^2.7.2",
+    "react-addons-perf": "^15.4.2",
     "react-container-dimensions": "^1.4.1",
-    "react-testutils-additions": "^15.0.0",
+    "react-testutils-additions": "^16.0.0",
     "react-transition-group": "^2.5.0",
-    "rimraf": "^4.1.2",
+    "rimraf": "^2.6.1",
-    "rollup": "^3.17.2",
+    "rollup": "^0.66.2",
-    "style-loader": "^3.3.1",
+    "rollup-plugin-node-resolve": "^3.4.0",
-    "uglify-js": "^3.17.4",
+    "style-loader": "^0.23.0",
-    "webpack": "^5.75.0",
+    "uglify-js": "^3.4.9",
-    "webpack-cli": "^5.0.1",
+    "url-loader": "^1.1.1",
-    "webpack-dev-server": "^4.11.1",
+    "webpack": "^4.20.2",
-    "webpack-merge": "^5.8.0",
+    "webpack-bugsnag-plugins": "^1.2.2",
-    "webpack-notifier": "^1.15.0",
+    "webpack-cli": "^3.1.1",
-    "workbox-cacheable-response": "^6.5.4",
+    "webpack-dev-server": "^3.1.9",
-    "workbox-expiration": "^6.5.4",
+    "webpack-notifier": "^1.6.0",
-    "workbox-precaching": "^6.5.4",
+    "workbox-webpack-plugin": "^3.6.1"
-    "workbox-routing": "^6.5.4",
-    "workbox-strategies": "^6.5.4",
-    "workbox-webpack-plugin": "^6.5.4"
   },
-  "sideEffects": false,
   "dependencies": {
-    "assert": "^1.5.0",
+    "@babel/polyfill": "^7.0.0",
-    "auto-bind": "^5.0.1",
-    "base64url": "^3.0.1",
     "browserify-zlib-next": "^1.0.1",
-    "buffer": "^5.7.0",
     "classnames": "^2.2.6",
-    "constants-browserify": "^1.0.0",
-    "core-js": "^3.28.0",
     "coriolis-data": "../coriolis-data",
-    "crypto-browserify": "^3.12.0",
     "d3": "^5.7.0",
     "detect-browser": "^3.0.1",
     "fbemitter": "^2.1.1",
-    "https-browserify": "^1.0.0",
     "lodash": "^4.17.11",
     "lz-string": "^1.4.4",
-    "os-browserify": "^0.3.0",
+    "pako": "^1.0.6",
-    "pako": "^2.1.0",
-    "path-browserify": "^1.0.1",
     "prop-types": "^15.6.2",
-    "react": "^15.6.2",
+    "react": "^15.5.4",
-    "react-dom": "^15.6.2",
+    "react-dom": "^15.5.4",
-    "react-fuzzy": "^0.5.2",
+    "react-extras": "^0.7.1",
     "react-ga": "^2.5.3",
-    "react-number-editor": "^4.0.3",
+    "react-number-editor": "Athanasius/react-number-editor.git#miggy",
     "recharts": "^1.2.0",
-    "register-service-worker": "^1.7.2",
+    "register-service-worker": "^1.5.2",
-    "stream-browserify": "^3.0.0",
+    "superagent": "^3.8.3"
-    "stream-http": "^3.2.0",
-    "superagent": "^3.8.3",
-    "url": "^0.11.0",
-    "vm-browserify": "^1.1.2"
   }
 }

rollup.config.js

@@ -1,4 +1,4 @@
-import nodeResolve from "@rollup/plugin-node-resolve";
+import nodeResolve from "rollup-plugin-node-resolve";
 
 export default {
 	  entry: "d3-funcs.js",

src/.htaccess

@@ -214,7 +214,7 @@ Options -MultiViews
     #       </Files>
 
     AddType application/x-web-app-manifest+json         webapp
-    # AddType text/cache-manifest                         appcache manifest
+    AddType text/cache-manifest                         appcache manifest
 
   # Media files
     AddType audio/mp4                                   f4a f4b m4a

src/app/Coriolis.jsx

@@ -1,12 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Router from './Router';
-import { register } from 'register-service-worker';
+import { register } from 'register-service-worker'
 import { EventEmitter } from 'fbemitter';
 import { getLanguage } from './i18n/Language';
 import Persist from './stores/Persist';
 
-import Announcement from './components/Announcement';
 import Header from './components/Header';
 import Tooltip from './components/Tooltip';
 import ModalExport from './components/ModalExport';
@@ -15,6 +14,7 @@ import ModalImport from './components/ModalImport';
 import ModalPermalink from './components/ModalPermalink';
 import * as CompanionApiUtils from './utils/CompanionApiUtils';
 import * as JournalUtils from './utils/JournalUtils';
+
 import AboutPage from './pages/AboutPage';
 import NotFoundPage from './pages/NotFoundPage';
 import OutfittingPage from './pages/OutfittingPage';
@@ -22,7 +22,6 @@ import ComparisonPage from './pages/ComparisonPage';
 import ShipyardPage from './pages/ShipyardPage';
 import ErrorDetails from './pages/ErrorDetails';
 
-
 const zlib = require('pako');
 const request = require('superagent');
 
@@ -73,6 +72,7 @@ export default class Coriolis extends React.Component {
       route: {},
       sizeRatio: Persist.getSizeRatio()
     };
+    this._getAnnouncements()
     Router('', (r) => this._setPage(ShipyardPage, r));
     Router('/import?', (r) => this._importBuild(r));
     Router('/import/:data', (r) => this._importBuild(r));
@@ -93,39 +93,32 @@ export default class Coriolis extends React.Component {
   _importBuild(r) {
     try {
       // Need to decode and gunzip the data, then build the ship
-      const data = zlib.inflate(new Buffer.from(r.params.data, 'base64'), { to: 'string' });
+      const data = zlib.inflate(new Buffer(r.params.data, 'base64'), { to: 'string' });
       const json = JSON.parse(data);
       console.info('Ship import data: ');
       console.info(json);
-      let ship, importString;
+      let ship;
-      if (json) {
+      if (json && json.modules) {
-        if (json.length && json[0].data) { // SLEF
+        ship = CompanionApiUtils.shipFromJson(json);
-          if (json.length > 1) { // Multiple builds, open modal
+      } else if (json && json.Modules) {
-            importString = data;
+        ship = JournalUtils.shipFromLoadoutJSON(json);
-          } else { // Single build, import directly
-            ship = JournalUtils.shipFromLoadoutJSON(json[0].data);
-          }
-        } else { // not SLEF
-          if (json.modules) {
-            ship = CompanionApiUtils.shipFromJson(json);
-          } else if (json.Modules) {
-            ship = JournalUtils.shipFromLoadoutJSON(json);
-          }
-        }
-      }
-      if (ship) {
-        r.params.ship = ship.id;
-        r.params.code = ship.toString();
-        this._setPage(OutfittingPage, r);
-      } else if (importString) {
-        this._setPage(ShipyardPage, r);
-        this._showModal(<ModalImport importString={data}/>);
       }
+      r.params.ship = ship.id;
+      r.params.code = ship.toString();
+      this._setPage(OutfittingPage, r);
     } catch (err) {
       this._onError('Failed to import ship', r.path, 0, 0, err);
     }
   }
 
+  _getAnnouncements() {
+    return request.get('https://orbis.zone/api/announcement')
+    .query({showInCoriolis: true})
+    .then(announces => {
+      this.setState({ announcements: announces.body })
+    })
+  }
+
   /**
    * Updates / Sets the page and route context
    * @param {[type]} page  The page to be shown
@@ -149,6 +142,13 @@ export default class Coriolis extends React.Component {
    */
   _onError(msg, scriptUrl, line, col, errObj) {
     console && console.error && console.error(arguments); // eslint-disable-line no-console
+    if (errObj) {
+      if (errObj instanceof Error) {
+        bugsnagClient.notify(errObj); // eslint-disable-line
+      } else if (errObj instanceof String) {
+        bugsnagClient.notify(msg, errObj); // eslint-disable-line
+      }
+    }
     this.setState({
       error: <ErrorDetails error={{ message: msg, details: { scriptUrl, line, col, error: JSON.stringify(errObj) } }}/>,
       page: null,
@@ -344,37 +344,37 @@ export default class Coriolis extends React.Component {
       });
     }
     if ('serviceWorker' in navigator) {
-      // Your service-worker.js *must* be located at the top-level directory relative to your site.
+      window.addEventListener('load', () => {
-      // It won't be able to control pages unless it's located at the same level or higher than them.
+        // Your service-worker.js *must* be located at the top-level directory relative to your site.
-      // *Don't* register service worker file in, e.g., a scripts/ sub-directory!
+        // It won't be able to control pages unless it's located at the same level or higher than them.
-      // See https://github.com/slightlyoff/ServiceWorker/issues/468
+        // *Don't* register service worker file in, e.g., a scripts/ sub-directory!
-      const self = this;
+        // See https://github.com/slightlyoff/ServiceWorker/issues/468
-      if (process.env.NODE_ENV === 'production') {
+        const self = this;
         register('/service-worker.js', {
-          ready(registration) {
+          ready (registration) {
-            console.log('Service worker is active.');
+            console.log('Service worker is active.')
           },
-          registered(registration) {
+          registered (registration) {
-            console.log('Service worker has been registered.');
+            console.log('Service worker has been registered.')
           },
-          cached(registration) {
+          cached (registration) {
-            console.log('Content has been cached for offline use.');
+            console.log('Content has been cached for offline use.')
           },
-          updatefound(registration) {
+          updatefound (registration) {
-            console.log('New content is downloading.');
+            console.log('New content is downloading.')
           },
-          updated(registration) {
+          updated (registration) {
             self.setState({ appCacheUpdate: true });
-            console.log('New content is available; please refresh.');
+            console.log('New content is available; please refresh.')
           },
-          offline() {
+          offline () {
-            console.log('No internet connection found. App is running in offline mode.');
+            console.log('No internet connection found. App is running in offline mode.')
           },
-          error(error) {
+          error (error) {
-            console.error('Error during service worker registration:', error);
+            console.error('Error during service worker registration:', error)
           }
         });
-      }
+      });
     }
     window.onerror = this._onError.bind(this);
     window.addEventListener('resize', () => this.emitter.emit('windowResize'));
@@ -392,26 +392,22 @@ export default class Coriolis extends React.Component {
    */
   render() {
     let currentMenu = this.state.currentMenu;
+
     return <div style={{ minHeight: '100%' }} onClick={this._closeMenu}
-                className={this.state.noTouch ? 'no-touch' : null}>
+      className={this.state.noTouch ? 'no-touch' : null}>
-      <Header announcements={this.state.announcements} appCacheUpdate={this.state.appCacheUpdate}
+      <Header announcements={this.state.announcements} appCacheUpdate={this.state.appCacheUpdate} currentMenu={currentMenu}/>
-              currentMenu={currentMenu}/>
-      <div className="announcement-container">{this.state.announcements.map(a => <Announcement
-        text={a.text}/>)}</div>
       {this.state.error ? this.state.error : this.state.page ? React.createElement(this.state.page, { currentMenu }) :
         <NotFoundPage/>}
       {this.state.modal}
       {this.state.tooltip}
       <footer>
-
         <div className="right cap">
-          <a href="https://github.com/EDCD/coriolis" target="_blank" rel="noopener noreferrer"
+          <a href="https://github.com/EDCD/coriolis" target="_blank"
-             title="Coriolis Github Project">{window.CORIOLIS_VERSION} - {window.CORIOLIS_DATE}</a>
+            title="Coriolis Github Project">{window.CORIOLIS_VERSION} - {window.CORIOLIS_DATE}</a>
           <br/>
           <a
             href={'https://github.com/EDCD/coriolis/compare/edcd:develop@{' + window.CORIOLIS_DATE + '}...edcd:develop'}
-            target="_blank" rel="noopener noreferrer" title={'Coriolis Commits since' + window.CORIOLIS_DATE}>Commits
+            target="_blank" title={'Coriolis Commits since' + window.CORIOLIS_DATE}>Commits since last release
-            since last release
             ({window.CORIOLIS_DATE})</a>
         </div>
       </footer>

src/app/Router.js

@@ -1,5 +1,13 @@
-import Persist from './stores/Persist';
+// Check whether a test is run because then we need to
+// initialize ReactGA in test mode
+let isTest = false;
+try {
+  isTest = process.env.node_env === 'test';
+} catch (e) {}
 
+import Persist from './stores/Persist';
+import ReactGA from 'react-ga';
+ReactGA.initialize('UA-55840909-18', { testMode: isTest });
 let standalone = undefined;
 
 /**
@@ -72,7 +80,6 @@ Router.go = function(path, state) {
   gaTrack(path);
   let ctx = new Context(path, state);
   Router.dispatch(ctx);
-
   if (!ctx.unhandled) {
     if (isStandAlone()) {
       Persist.setState(ctx);
@@ -258,8 +265,16 @@ Route.prototype.match = function(path, params) {
  * @param  {string} path Path to track
  */
 function gaTrack(path) {
-  const _paq = window._paq || [];
+  const match = path.match(/\/outfit\/(.*)(\?code=.*)/);
-  _paq.push(['trackPageView']);
+  if (match) {
+    if (match[1]) {
+      ReactGA.ga('set', 'contentGroup1', match[1]);
+    }
+    if (match[2]) {
+      ReactGA.ga('set', 'contentGroup2', match[2]);
+    }
+  }
+  ReactGA.pageview(path);
 }
 
 /**

src/app/components/Announcement.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import autoBind from 'auto-bind';
+import { autoBind } from 'react-extras';
 
 /**
  * Announcement component
@@ -25,7 +25,7 @@ export default class Announcement extends React.Component {
    * @return {React.Component} A href element
    */
   render() {
-    return <div className="announcement" >{this.props.text}</div>;
+    return <p>{this.props.text}</p>;
   }
 
 }

src/app/components/AvailableModulesMenu.jsx

@@ -4,8 +4,7 @@ import * as ModuleUtils from '../shipyard/ModuleUtils';
 import TranslatedComponent from './TranslatedComponent';
 import { stopCtxPropagation } from '../utils/UtilityFunctions';
 import cn from 'classnames';
-import { CoriolisLogo, MountFixed, MountGimballed, MountTurret } from './SvgIcons';
+import { MountFixed, MountGimballed, MountTurret } from './SvgIcons';
-import FuzzySearch from 'react-fuzzy';
 
 const PRESS_THRESHOLD = 500; // mouse/touch down threshold
 
@@ -20,7 +19,6 @@ const GRPCAT = {
   'cc': 'limpet controllers',
   'fx': 'limpet controllers',
   'hb': 'limpet controllers',
-  'mlc': 'limpet controllers',
   'pc': 'limpet controllers',
   'rpl': 'limpet controllers',
   'pce': 'passenger cabins',
@@ -39,17 +37,13 @@ const GRPCAT = {
   'ml': 'lasers',
   'c': 'projectiles',
   'mc': 'projectiles',
-  'advmc': 'projectiles',
   'axmc': 'experimental',
-  'axmce': 'experimental',
-  'ntp': 'experimental',
   'fc': 'projectiles',
-  'rfl': 'experimental',
+  'rfl':  'experimental',
   'pa': 'projectiles',
   'rg': 'projectiles',
   'mr': 'ordnance',
   'axmr': 'experimental',
-  'axmre': 'experimental',
   'rcpl': 'experimental',
   'dtl': 'experimental',
   'tbsc': 'experimental',
@@ -78,18 +72,7 @@ const GRPCAT = {
   'gfsb': 'guardian',
   'gmrp': 'guardian',
   'gsc': 'guardian',
-  'ghrp': 'guardian',
+  'ghrp': 'guardian'
-
-  // Mining
-  'scl': 'mining',
-  'pwa': 'mining',
-  'sdm': 'mining',
-
-  // Assists
-  'dc': 'flight assists',
-  'sua': 'flight assists',
-  // Stabilizers
-  'ews': 'weapon stabilizers',
 };
 // Order here is the order in which items will be shown in the modules menu
 const CATEGORIES = {
@@ -99,30 +82,26 @@ const CATEGORIES = {
   'fi': ['fi'],
   'fuel': ['ft', 'fs'],
   'hangars': ['fh', 'pv'],
-  'limpet controllers': ['cc', 'fx', 'hb', 'pc', 'rpl', 'mlc'],
+  'limpet controllers': ['cc', 'fx', 'hb', 'pc', 'rpl'],
   'passenger cabins': ['pce', 'pci', 'pcm', 'pcq'],
   'rf': ['rf'],
   'shields': ['sg', 'bsg', 'psg', 'scb'],
   'structural reinforcement': ['hr', 'mrp'],
-  'flight assists': ['dc', 'sua'],
+  'dc': ['dc'],
-
   // Hardpoints
-  'lasers': ['pl', 'ul', 'bl'],
+  'lasers': ['pl', 'ul', 'bl', 'ml'],
-  'projectiles': ['mc', 'advmc', 'c', 'fc', 'pa', 'rg'],
+  'projectiles': ['mc', 'c', 'fc', 'pa', 'rg'],
   'ordnance': ['mr', 'tp', 'nl'],
   // Utilities
   'sb': ['sb'],
   'hs': ['hs'],
-  'csl': ['csl'],
   'defence': ['ch', 'po', 'ec'],
   'scanners': ['sc', 'ss', 'cs', 'kw', 'ws'], // Overloaded with internal scanners
   // Experimental
-  'experimental': ['axmc', 'axmce', 'axmr', 'axmre', 'ntp','rfl', 'tbrfl', 'tbsc', 'tbem', 'xs', 'sfn', 'rcpl', 'dtl', 'rsl', 'mahr',],
+  'experimental': ['axmc', 'axmr', 'rfl', 'tbrfl', 'tbsc', 'tbem', 'xs', 'sfn', 'rcpl', 'dtl', 'rsl', 'mahr',],
-  'weapon stabilizers': ['ews'],
-  // Guardian
-  'guardian': ['gpp', 'gpd', 'gpc', 'ggc', 'gsrp', 'gfsb', 'ghrp', 'gmrp', 'gsc'],
 
-  'mining': ['ml', 'scl', 'pwa', 'sdm', 'abl'],
+  // Guardian
+  'guardian': ['gpp', 'gpd', 'gpc', 'ggc', 'gsrp', 'gfsb', 'ghrp', 'gmrp', 'gsc']
 };
 
 /**
@@ -134,7 +113,7 @@ export default class AvailableModulesMenu extends TranslatedComponent {
     onSelect: PropTypes.func.isRequired,
     diffDetails: PropTypes.func,
     m: PropTypes.object,
-    ship: PropTypes.object.isRequired,
+    shipMass: PropTypes.number,
     warning: PropTypes.func,
     firstSlotId: PropTypes.string,
     lastSlotId: PropTypes.string,
@@ -142,6 +121,10 @@ export default class AvailableModulesMenu extends TranslatedComponent {
     slotDiv: PropTypes.object
   };
 
+  static defaultProps = {
+    shipMass: 0
+  };
+
   /**
    * Constructor
    * @param  {Object} props   React Component properties
@@ -150,7 +133,6 @@ export default class AvailableModulesMenu extends TranslatedComponent {
   constructor(props, context) {
     super(props);
     this._hideDiff = this._hideDiff.bind(this);
-    this._showSearch = this._showSearch.bind(this);
     this.state = this._initState(props, context);
     this.slotItems = [];// Array to hold <li> refs.
   }
@@ -163,21 +145,21 @@ export default class AvailableModulesMenu extends TranslatedComponent {
    */
   _initState(props, context) {
     let translate = context.language.translate;
-    let { m, warning, onSelect, modules, ship } = props;
+    let { m, warning, shipMass, onSelect, modules, firstSlotId, lastSlotId } = props;
     let list, currentGroup;
 
     let buildGroup = this._buildGroup.bind(
       this,
-      ship,
       translate,
       m,
       warning,
+      shipMass - (m && m.mass ? m.mass : 0),
       (m, event) => {
         this._hideDiff(event);
         onSelect(m);
       }
     );
-    let fuzzy = [];
+
     if (modules instanceof Array) {
       list = buildGroup(modules[0].grp, modules);
     } else {
@@ -185,11 +167,9 @@ export default class AvailableModulesMenu extends TranslatedComponent {
       // At present time slots with grouped options (Hardpoints and Internal) can be empty
       if (m) {
         let emptyId = 'empty';
-        if (this.firstSlotId == null) this.firstSlotId = emptyId;
+        if(this.firstSlotId == null) this.firstSlotId = emptyId;
         let keyDown = this._keyDown.bind(this, onSelect);
-        list.push(<div className='empty-c upp' key={emptyId} data-id={emptyId} onClick={onSelect.bind(null, null)}
+        list.push(<div className='empty-c upp' key={emptyId} data-id={emptyId} onClick={onSelect.bind(null, null)} onKeyDown={keyDown} tabIndex="0" ref={slotItem => this.slotItems[emptyId] = slotItem} >{translate('empty')}</div>);
-                       onKeyDown={keyDown} tabIndex="0"
-                       ref={slotItem => this.slotItems[emptyId] = slotItem}>{translate('empty')}</div>);
       }
 
       // Need to regroup the modules by our own categorisation
@@ -217,124 +197,70 @@ export default class AvailableModulesMenu extends TranslatedComponent {
               if (categories.length === 1) {
                 // Show category header instead of group header
                 if (m && grp == m.grp) {
-                  // If this is a missing module/weapon, skip it
+                  list.push(<div ref={(elem) => this.groupElem = elem} key={category} className={'select-category upp'}>{translate(category)}</div>);
-                  if (m.grp == "mh" || m.grp == "mm"){
-                    continue;
-                  } else {
-                    list.push(<div ref={(elem) => this.groupElem = elem} key={category}
-                                 className={'select-category upp'}>{translate(category)}</div>);
-                  }
                 } else {
-                  if (category == "mh"){
+                  list.push(<div key={category} className={'select-category upp'}>{translate(category)}</div>);
-                    continue;
-                  } else {
-                    list.push(<div key={category} className={'select-category upp'}>{translate(category)}</div>);
-                  }
                 }
               } else {
                 // Show category header as well as group header
                 if (!categoryHeader) {
-                  if (category == "mh"){
+                  list.push(<div key={category} className={'select-category upp'}>{translate(category)}</div>);
-                    continue;
+                  categoryHeader = true;
-                  }
-                  else {
-                    list.push(<div key={category} className={'select-category upp'}>{translate(category)}</div>);
-                    categoryHeader = true;
-                  }
                 }
                 if (m && grp == m.grp) {
-                  list.push(<div ref={(elem) => this.groupElem = elem} key={grp}
+                  list.push(<div ref={(elem) => this.groupElem = elem} key={grp} className={'select-group cap'}>{translate(grp)}</div>);
-                                 className={'select-group cap'}>{translate(grp)}</div>);
                 } else {
                   list.push(<div key={grp} className={'select-group cap'}>{translate(grp)}</div>);
                 }
               }
               list.push(buildGroup(grp, modules[grp]));
-              for (const i of modules[grp]) {
-                let mount = '';
-                if (i.mount === 'F') {
-                  mount = 'Fixed';
-                } else if (i.mount === 'G') {
-                  mount = 'Gimballed';
-                } else if (i.mount === 'T') {
-                  mount = 'Turreted';
-                }
-                const fuzz = { grp, m: i, name: `${i.class}${i.rating}${mount ? ' '  + mount : ''} ${translate(grp)}` };
-                fuzzy.push(fuzz);
-              }
             }
           }
         }
       }
     }
     let trackingFocus = false;
-    return { list, currentGroup, fuzzy, trackingFocus };
+    return { list, currentGroup, trackingFocus };
-  }
-
-  /**
-   * Return Is expiremental capacity reached
-   * @return {boolean}      Is experimental capacity reached
-   */
-  _experimentalCapacityReached() {
-    const ship = this.props.ship;
-    const ews = ship.internal.filter(o => o.m && o.m.grp === 'ews');
-    let expCap;
-
-    if(ews.length < 1){
-      expCap = 4;
-    } else{
-      expCap = ews[0].m.class == 3 ? 5 : 6;
-    }
-
-    return expCap <= this.props.ship.hardpoints.filter(o => o.m && o.m.experimental).length;
   }
 
   /**
    * Generate React Components for Module Group
-   * @param  {Ship} ship            Ship the selection is for
    * @param  {Function} translate   Translate function
    * @param  {Object} mountedModule Mounted Module
    * @param  {Function} warningFunc Warning function
+   * @param  {number} mass          Mass
    * @param  {function} onSelect    Select/Mount callback
    * @param  {string} grp           Group name
    * @param  {Array} modules        Available modules
+   * @param  {string} firstSlotId   id of first slot item
+   * @param  {string} lastSlotId    id of last slot item
    * @return {React.Component}      Available Module Group contents
    */
-  _buildGroup(ship, translate, mountedModule, warningFunc, onSelect, grp, modules) {
+  _buildGroup(translate, mountedModule, warningFunc, mass, onSelect, grp, modules, firstSlotId, lastSlotId) {
     let prevClass = null, prevRating = null, prevName;
     let elems = [];
 
     const sortedModules = modules.sort(this._moduleOrder);
 
+
     // Calculate the number of items per class.  Used so we don't have long lists with only a few items in each row
-    const tmp = sortedModules.map((v, i) => v['class']).reduce((count, cls) => {
+    const tmp = sortedModules.map((v, i) => v['class']).reduce((count, cls) => { count[cls] = ++count[cls] || 1; return count; }, {});
-      count[cls] = ++count[cls] || 1;
-      return count;
-    }, {});
     const itemsPerClass = Math.max.apply(null, Object.keys(tmp).map(key => tmp[key]));
 
     let itemsOnThisRow = 0;
     for (let i = 0; i < sortedModules.length; i++) {
       let m = sortedModules[i];
-      if (m.grp == 'mh' || m.grp == 'mm') {
-        // If this is a missing module, skip it
-        continue;
-      }
       let mount = null;
       let disabled = false;
       prevName = m.name;
       if (ModuleUtils.isShieldGenerator(m.grp)) {
         // Shield generators care about maximum hull mass
-        disabled = ship.hullMass > m.maxmass;
+        disabled = mass > m.maxmass;
-      // If the mounted module is experimental as well, we can replace it so
+      } else if (m.maxmass) {
-      // the maximum does not apply
+        // Thrusters care about total mass
-      } else if (m.experimental && (!mountedModule || !mountedModule.experimental)) {
+        disabled = mass + m.mass > m.maxmass;
-        disabled = this._experimentalCapacityReached();
-      } else if (m.grp === 'mlc' && (!mountedModule || mountedModule.grp !== 'mlc')) {
-        disabled = 1 <= ship.internal.filter(o => o.m && o.m.grp === 'mlc').length;
       }
       let active = mountedModule && mountedModule.id === m.id;
-      
       let classes = cn(m.name ? 'lc' : 'c', {
         warning: !disabled && warningFunc && warningFunc(m),
         active,
@@ -371,29 +297,22 @@ export default class AvailableModulesMenu extends TranslatedComponent {
         };
       }
 
-      switch (m.mount) {
+      switch(m.mount) {
-        case 'F':
+        case 'F': mount = <MountFixed className={'lg'} />; break;
-          mount = <MountFixed className={'lg'}/>;
+        case 'G': mount = <MountGimballed className={'lg'}/>; break;
-          break;
+        case 'T': mount = <MountTurret className={'lg'}/>; break;
-        case 'G':
-          mount = <MountGimballed className={'lg'}/>;
-          break;
-        case 'T':
-          mount = <MountTurret className={'lg'}/>;
-          break;
       }
       if (m.name && m.name === prevName) {
         // elems.push(<br key={'b' + m.grp + i} />);
         itemsOnThisRow = 0;
       }
       if (itemsOnThisRow == 6 || i > 0 && sortedModules.length > 3 && itemsPerClass > 2 && m.class != prevClass && (m.rating != prevRating || m.mount)) {
-        elems.push(<br key={'b' + m.grp + i}/>);
+        elems.push(<br key={'b' + m.grp + i} />);
         itemsOnThisRow = 0;
       }
       let tbIdx = (classes.indexOf('disabled') < 0) ? 0 : undefined;
       elems.push(
-        <li key={m.id} data-id={m.id} className={classes} {...eventHandlers} tabIndex={tbIdx}
+        <li key={m.id} data-id={m.id} className={classes} {...eventHandlers} tabIndex={tbIdx} ref={slotItem => this.slotItems[m.id] = slotItem}>
-            ref={slotItem => this.slotItems[m.id] = slotItem}>
           {mount}
           {(mount ? ' ' : '') + m.class + m.rating + (m.missile ? '/' + m.missile : '') + (m.name ? ' ' + translate(m.name) : '')}
         </li>
@@ -421,50 +340,6 @@ export default class AvailableModulesMenu extends TranslatedComponent {
     }
   }
 
-  /**
-   * Generate tooltip content for the difference between the
-   * mounted module and the hovered modules
-   */
-  _showSearch() {
-    if (this.props.modules instanceof Array) {
-      return;
-    }
-    const mountedModule = this.props.m;
-    return (
-      <FuzzySearch
-        list={this.state.fuzzy}
-        keys={['grp', 'name']}
-        tokenize={true}
-        className={'input'}
-        width={'100%'}
-        style={{ padding: 0 }}
-        onSelect={e => this.props.onSelect.bind(null, e.m)()}
-        resultsTemplate={(props, state, styles, clickHandler) => {
-          return state.results.map((val, i) => {
-            let disabled;
-
-            if(val.m.experimental && (!mountedModule || !mountedModule.experimental)) {
-              disabled = this._experimentalCapacityReached();
-            } else{
-              disabled = false;
-            }
-            const handler = disabled ? null : () => clickHandler(i);
-
-            return (
-              <div
-                key={i}
-                className={cn('lc', {disabled})}
-                onClick={handler}
-              >
-                {val.name}
-              </div>
-            );
-          });
-        }}
-      />
-    );
-  }
-
   /**
    * Mouse over diff handler
    * @param  {Function} showDiff diff tooltip callback
@@ -530,7 +405,7 @@ export default class AvailableModulesMenu extends TranslatedComponent {
    * @param {Function}  select Select module callback
    * @param {SytheticEvent} event Event
    */
-  _keyUp(select, event) {
+  _keyUp(select,event) {
     // nothing here yet
   }
 
@@ -573,15 +448,6 @@ export default class AvailableModulesMenu extends TranslatedComponent {
         return 1;
       }
     }
-    // Sort multi limpet controllers by name
-    if (a.grp === 'mlc') {
-      if (a.name[0] <= b.name[0]) {
-        return -1;
-      }
-      if (a.name[0] > b.name[0]) {
-        return 1;
-      }
-    }
     // Rating ordered from highest (A) to lowest (E)
     if (a.rating < b.rating) {
       return -1;
@@ -609,13 +475,12 @@ export default class AvailableModulesMenu extends TranslatedComponent {
       this.slotItems[this.firstSlotId].focus();
     }
   }
-
   /**
    * Handle focus if the component updates
    *
    */
   componentWillUnmount() {
-    if (this.props.slotDiv) {
+    if(this.props.slotDiv) {
       this.props.slotDiv.focus();
     }
   }
@@ -636,12 +501,11 @@ export default class AvailableModulesMenu extends TranslatedComponent {
   render() {
     return (
       <div ref={node => this.node = node}
-           className={cn('select', this.props.className)}
+        className={cn('select', this.props.className)}
-           onScroll={this._hideDiff}
+        onScroll={this._hideDiff}
-           onClick={(e) => e.stopPropagation()}
+        onClick={(e) => e.stopPropagation() }
-           onContextMenu={stopCtxPropagation}
+        onContextMenu={stopCtxPropagation}
       >
-        {this._showSearch()}
         {this.state.list}
       </div>
     );

src/app/components/CostSection.jsx

@@ -32,7 +32,7 @@ export default class CostSection extends TranslatedComponent {
     this._buildRetrofitShip = this._buildRetrofitShip.bind(this);
     this._onBaseRetrofitChange = this._onBaseRetrofitChange.bind(this);
     this._defaultRetrofitName = this._defaultRetrofitName.bind(this);
-    this._eddbShoppingList = this._inaraShoppingList.bind(this);
+    this._eddbShoppingList = this._eddbShoppingList.bind(this);
 
     let data = Ships[props.ship.id];   // Retrieve the basic ship properties, slots and defaults
     let retrofitName = this._defaultRetrofitName(props.ship.id, props.buildName);
@@ -306,8 +306,8 @@ export default class CostSection extends TranslatedComponent {
           <tr className='main'>
             <th colSpan='2' className='sortable le' onClick={this._sortCostBy.bind(this,'m')}>
               {translate('module')}
-              {shipDiscount ? <u className='cap optional-hide' style={{ marginLeft: '0.5em' }}>{`[${translate('ship')} ${formats.pct(-1 * shipDiscount)}]`}</u> : null}
+              {shipDiscount ? <u className='cap optional-hide' style={{ marginLeft: '0.5em' }}>{`[${translate('ship')} -${formats.pct(shipDiscount)}]`}</u> : null}
-              {moduleDiscount ? <u className='cap optional-hide' style={{ marginLeft: '0.5em' }}>{`[${translate('modules')} ${formats.pct(-1 * moduleDiscount)}]`}</u> : null}
+              {moduleDiscount ? <u className='cap optional-hide' style={{ marginLeft: '0.5em' }}>{`[${translate('modules')} -${formats.pct(moduleDiscount)}]`}</u> : null}
             </th>
             <th className='sortable le' onClick={this._sortCostBy.bind(this, 'cr')} >{translate('credits')}</th>
           </tr>
@@ -328,9 +328,9 @@ export default class CostSection extends TranslatedComponent {
   }
 
   /**
-   * Open up a window for inara with a shopping list of our retrofit components
+   * Open up a window for EDDB with a shopping list of our retrofit components
    */
-  _inaraShoppingList() {
+  _eddbShoppingList() {
     const { retrofitCosts } = this.state;
     const { ship } = this.props;
 
@@ -338,7 +338,7 @@ export default class CostSection extends TranslatedComponent {
     const modIds = retrofitCosts.filter(item => item.retroItem.incCost && item.buyId && !item.buyPp).map(item => item.buyId).filter((v, i, a) => a.indexOf(v) === i);
 
     // Open up the relevant URL
-    window.open('https://inara.cz/inapi/corisearch.php?m=' + modIds.join(','));
+    window.open('https://eddb.io/station?m=' + modIds.join(','));
   }
 
   /**
@@ -387,7 +387,7 @@ export default class CostSection extends TranslatedComponent {
           <tbody>
             {rows}
             <tr className='ri'>
-              <td className='lbl' ><button onClick={this._inaraShoppingList} onMouseOver={termtip.bind(null, 'PHRASE_REFIT_SHOPPING_LIST')} onMouseOut={tooltip.bind(null, null)}><ShoppingIcon className='lg' style={{ fill: 'black' }}/></button></td>
+              <td className='lbl' ><button onClick={this._eddbShoppingList} onMouseOver={termtip.bind(null, 'PHRASE_REFIT_SHOPPING_LIST')} onMouseOut={tooltip.bind(null, null)}><ShoppingIcon className='lg' style={{ fill: 'black' }}/></button></td>
               <td colSpan='3' className='lbl' >{translate('cost')}</td>
               <td colSpan='2' className={cn('val', retrofitTotal > 0 ? 'warning' : 'secondary-disabled')} style={{ borderBottom:'none' }}>
                 {int(retrofitTotal)}{units.CR}

src/app/components/Defence.jsx

@@ -52,12 +52,12 @@ export default class Defence extends TranslatedComponent {
    * @return {React.Component} contents
    */
   render() {
-    const { opponent, sys, opponentWep } = this.props;
+    const { ship, sys, opponentWep } = this.props;
     const { language, tooltip, termtip } = this.context;
     const { formats, translate, units } = language;
     const { shield, armour, shielddamage, armourdamage } = this.state;
 
-    const pd = opponent.standard[4].m;
+    const pd = ship.standard[4].m;
 
     const shieldSourcesData = [];
     const effectiveShieldData = [];

src/app/components/HardpointSlot.jsx

@@ -2,21 +2,12 @@ import React from 'react';
 import cn from 'classnames';
 import Slot from './Slot';
 import Persist from '../stores/Persist';
-import {
+import { DamageAbsolute, DamageKinetic, DamageThermal, DamageExplosive, MountFixed, MountGimballed, MountTurret, ListModifications, Modified } from './SvgIcons';
-  DamageAbsolute,
-  DamageKinetic,
-  DamageThermal,
-  DamageExplosive,
-  MountFixed,
-  MountGimballed,
-  MountTurret,
-  ListModifications,
-  Modified
-} from './SvgIcons';
 import { Modifications } from 'coriolis-data/dist';
 import { stopCtxPropagation } from '../utils/UtilityFunctions';
 import { blueprintTooltip } from '../utils/BlueprintFunctions';
 
+
 /**
  * Hardpoint / Utility Slot
  */
@@ -36,7 +27,7 @@ export default class HardpointSlot extends Slot {
    * @return {string}               Label
    */
   _getMaxClassLabel(translate) {
-    return translate(['U', 'S', 'M', 'L', 'H'][this.props.maxClass]);
+    return translate(['U','S','M','L','H'][this.props.maxClass]);
   }
 
   /**
@@ -75,77 +66,42 @@ export default class HardpointSlot extends Slot {
       return <div className={className} draggable='true' onDragStart={drag} onDragEnd={drop}>
         <div className={'cb'}>
           <div className={'l'}>
-            {m.mount && m.mount == 'F' ? <span onMouseOver={termtip.bind(null, 'fixed')}
+          {m.mount && m.mount == 'F' ? <span onMouseOver={termtip.bind(null, 'fixed')} onMouseOut={tooltip.bind(null, null)}><MountFixed /></span> : ''}
-                                               onMouseOut={tooltip.bind(null, null)}><MountFixed/></span> : ''}
+          {m.mount && m.mount == 'G' ? <span onMouseOver={termtip.bind(null, 'gimballed')} onMouseOut={tooltip.bind(null, null)}><MountGimballed /></span> : ''}
-            {m.mount && m.mount == 'G' ? <span onMouseOver={termtip.bind(null, 'gimballed')}
+          {m.mount && m.mount == 'T' ? <span onMouseOver={termtip.bind(null, 'turreted')} onMouseOut={tooltip.bind(null, null)}><MountTurret /></span> : ''}
-                                               onMouseOut={tooltip.bind(null, null)}><MountGimballed/></span> : ''}
+          {m.getDamageDist() && m.getDamageDist().K ? <span onMouseOver={termtip.bind(null, 'kinetic')} onMouseOut={tooltip.bind(null, null)}><DamageKinetic /></span> : ''}
-            {m.mount && m.mount == 'T' ? <span onMouseOver={termtip.bind(null, 'turreted')}
+          {m.getDamageDist() && m.getDamageDist().T ? <span onMouseOver={termtip.bind(null, 'thermal')} onMouseOut={tooltip.bind(null, null)}><DamageThermal /></span> : ''}
-                                               onMouseOut={tooltip.bind(null, null)}><MountTurret/></span> : ''}
+          {m.getDamageDist() && m.getDamageDist().E ? <span onMouseOver={termtip.bind(null, 'explosive')} onMouseOut={tooltip.bind(null, null)}><DamageExplosive /></span> : ''}
-            {m.getDamageDist() && m.getDamageDist().K ? <span onMouseOver={termtip.bind(null, 'kinetic')}
+          {m.getDamageDist() && m.getDamageDist().A ? <span onMouseOver={termtip.bind(null, 'absolute')} onMouseOut={tooltip.bind(null, null)}><DamageAbsolute /></span> : ''}
-                                                              onMouseOut={tooltip.bind(null, null)}><DamageKinetic/></span> : ''}
+          {classRating} {translate(m.name || m.grp)}{ m.mods && Object.keys(m.mods).length > 0 ? <span className='r' onMouseOver={termtip.bind(null, modTT)} onMouseOut={tooltip.bind(null, null)}><Modified /></span> : null }
-            {m.getDamageDist() && m.getDamageDist().T ? <span onMouseOver={termtip.bind(null, 'thermal')}
-                                                              onMouseOut={tooltip.bind(null, null)}><DamageThermal/></span> : ''}
-            {m.getDamageDist() && m.getDamageDist().E ? <span onMouseOver={termtip.bind(null, 'explosive')}
-                                                              onMouseOut={tooltip.bind(null, null)}><DamageExplosive/></span> : ''}
-            {m.getDamageDist() && m.getDamageDist().A ? <span onMouseOver={termtip.bind(null, 'absolute')}
-                                                              onMouseOut={tooltip.bind(null, null)}><DamageAbsolute/></span> : ''}
-            {classRating} {translate(m.name || m.grp)}{m.mods && Object.keys(m.mods).length > 0 ? <span className='r'
-                                                                                                        onMouseOver={termtip.bind(null, modTT)}
-                                                                                                        onMouseOut={tooltip.bind(null, null)}><Modified/></span> : null}
           </div>
 
           <div className={'r'}>{formats.round(m.getMass())}{u.T}</div>
         </div>
         <div className={'cb'}>
-          {m.getDps() ? <div className={'l'} onMouseOver={termtip.bind(null, m.getClip() ? 'dpssdps' : 'dps')}
+          { m.getDps() ? <div className={'l'} onMouseOver={termtip.bind(null, m.getClip() ? 'dpssdps' : 'dps')} onMouseOut={tooltip.bind(null, null)}>{translate('DPS')}: {formats.round1(m.getDps())} { m.getClip() ? <span>({formats.round1(m.getSDps()) })</span> : null }</div> : null }
-                             onMouseOut={tooltip.bind(null, null)}>{translate('DPS')}: {formats.round1(m.getDps())} {m.getClip() ?
+          { m.getEps() ? <div className={'l'} onMouseOver={termtip.bind(null, m.getClip() ? 'epsseps' : 'eps')} onMouseOut={tooltip.bind(null, null)}>{translate('EPS')}: {formats.round1(m.getEps())}{u.MW} { m.getClip() ? <span>({formats.round1((m.getClip() * m.getEps() / m.getRoF()) / ((m.getClip() / m.getRoF()) + m.getReload())) }{u.MW})</span> : null }</div> : null }
-            <span>({formats.round1(m.getSDps())})</span> : null}</div> : null}
+          { m.getHps() ? <div className={'l'} onMouseOver={termtip.bind(null, m.getClip() ? 'hpsshps' : 'hps')} onMouseOut={tooltip.bind(null, null)}>{translate('HPS')}: {formats.round1(m.getHps())} { m.getClip() ? <span>({formats.round1((m.getClip() * m.getHps() / m.getRoF()) / ((m.getClip() / m.getRoF()) + m.getReload())) })</span> : null }</div> : null }
-          {m.getDamage() ? <div className={'l'} onMouseOver={termtip.bind(null, m.getDamage() ? 'shotdmg' : 'shotdmg')}
+          { m.getDps() && m.getEps() ? <div className={'l'} onMouseOver={termtip.bind(null, 'dpe')} onMouseOut={tooltip.bind(null, null)}>{translate('DPE')}: {formats.f1(m.getDps() / m.getEps())}</div> : null }
-                                onMouseOut={tooltip.bind(null, null)}>{translate('shotdmg')}: {formats.round1(m.getDamage())}</div> : null}
+          { m.getRoF() ? <div className={'l'} onMouseOver={termtip.bind(null, 'rof')} onMouseOut={tooltip.bind(null, null)}>{translate('ROF')}: {formats.f1(m.getRoF())}{u.ps}</div> : null }
-          {m.getEps() ? <div className={'l'} onMouseOver={termtip.bind(null, m.getClip() ? 'epsseps' : 'eps')}
+          { m.getRange() ? <div className={'l'}>{translate('range', m.grp)} {formats.f1(m.getRange() / 1000)}{u.km}</div> : null }
-                             onMouseOut={tooltip.bind(null, null)}>{translate('EPS')}: {formats.round1(m.getEps())}{u.MW} {m.getClip() ?
+          { m.getScanTime() ? <div className={'l'}>{translate('scantime')} {formats.f1(m.getScanTime())}{u.s}</div> : null }
-            <span>({formats.round1(m.getEps() * m.getSustainedFactor())}{u.MW})</span> : null}</div> : null}
+          { m.getFalloff() ? <div className={'l'}>{translate('falloff')} {formats.round(m.getFalloff() / 1000)}{u.km}</div> : null }
-          {m.getHps() ? <div className={'l'} onMouseOver={termtip.bind(null, m.getClip() ? 'hpsshps' : 'hps')}
+          { m.getShieldBoost() ? <div className={'l'}>+{formats.pct1(m.getShieldBoost())}</div> : null }
-                             onMouseOut={tooltip.bind(null, null)}>{translate('HPS')}: {formats.round1(m.getHps())} {m.getClip() ?
+          { m.getAmmo() ? <div className={'l'}>{translate('ammunition')}: {formats.int(m.getClip())}/{formats.int(m.getAmmo())}</div> : null }
-            <span>({formats.round1(m.getHps() * m.getSustainedFactor())})</span> : null}</div> : null}
+          { m.getReload() ? <div className={'l'}>{translate('reload')}: {formats.round(m.getReload())}{u.s}</div> : null }
-          {m.getDps() && m.getEps() ? <div className={'l'} onMouseOver={termtip.bind(null, 'dpe')}
+          { m.getShotSpeed() ? <div className={'l'}>{translate('shotspeed')}: {formats.int(m.getShotSpeed())}{u.mps}</div> : null }
-                                           onMouseOut={tooltip.bind(null, null)}>{translate('DPE')}: {formats.f1(m.getDps() / m.getEps())}</div> : null}
+          { m.getPiercing() ? <div className={'l'}>{translate('piercing')}: {formats.int(m.getPiercing())}</div> : null }
-          {m.getRoF() ? <div className={'l'} onMouseOver={termtip.bind(null, 'rof')}
+          { m.getJitter() ? <div className={'l'}>{translate('jitter')}: {formats.f2(m.getJitter())}°</div> : null }
-                             onMouseOut={tooltip.bind(null, null)}>{translate('ROF')}: {formats.f1(m.getRoF())}{u.ps}</div> : null}
+          { showModuleResistances && m.getExplosiveResistance() ? <div className='l'>{translate('explres')}: {formats.pct(m.getExplosiveResistance())}</div> : null }
-          {m.getRange() ? <div
+          { showModuleResistances && m.getKineticResistance() ? <div className='l'>{translate('kinres')}: {formats.pct(m.getKineticResistance())}</div> : null }
-            className={'l'}>{translate('range', m.grp)} {formats.f1(m.getRange() / 1000)}{u.km}</div> : null}
+          { showModuleResistances && m.getThermalResistance() ? <div className='l'>{translate('thermres')}: {formats.pct(m.getThermalResistance())}</div> : null }
-          {m.getScanTime() ? <div
+          { m.getIntegrity() ? <div className='l'>{translate('integrity')}: {formats.int(m.getIntegrity())}</div> : null }
-            className={'l'}>{translate('scantime')} {formats.f1(m.getScanTime())}{u.s}</div> : null}
+          { m && validMods.length > 0 ? <div className='r' tabIndex="0" ref={ modButton => this.modButton = modButton }><button tabIndex="-1" onClick={this._toggleModifications.bind(this)} onContextMenu={stopCtxPropagation} onMouseOver={termtip.bind(null, 'modifications')} onMouseOut={tooltip.bind(null, null)}><ListModifications /></button></div> : null }
-          {m.getFalloff() ? <div
-            className={'l'}>{translate('falloff')} {formats.round(m.getFalloff() / 1000)}{u.km}</div> : null}
-          {m.getShieldBoost() ? <div className={'l'}>+{formats.pct1(m.getShieldBoost())}</div> : null}
-          {m.getAmmo() ? <div
-            className={'l'}>{translate('ammunition')}: {formats.int(m.getClip())}/{formats.int(m.getAmmo())}</div> : null}
-          {m.getReload() ? <div className={'l'}>{translate('wep_reload')}: {formats.round(m.getReload())}{u.s}</div> : null}
-          {m.getShotSpeed() ? <div
-            className={'l'}>{translate('shotspeed')}: {formats.int(m.getShotSpeed())}{u.mps}</div> : null}
-          {m.getPiercing() ? <div className={'l'}>{translate('piercing')}: {formats.int(m.getPiercing())}</div> : null}
-          {m.getJitter() ? <div className={'l'}>{translate('jitter')}: {formats.f2(m.getJitter())}°</div> : null}
-          {m.getScanAngle() ? <div className={'l'}>{translate('scan angle')}: {formats.f2(m.getScanAngle())}°</div> : null}
-          {m.getScanRange() ? <div className={'l'}>{translate('scan range')}: {formats.int(m.getScanRange())}{u.m}</div> : null}
-          {m.getMaxAngle() ? <div className={'l'}>{translate('max angle')}: {formats.f2(m.getMaxAngle())}°</div> : null}
-          {showModuleResistances && m.getExplosiveResistance() ? <div
-            className='l'>{translate('explres')}: {formats.pct(m.getExplosiveResistance())}</div> : null}
-          {showModuleResistances && m.getKineticResistance() ? <div
-            className='l'>{translate('kinres')}: {formats.pct(m.getKineticResistance())}</div> : null}
-          {showModuleResistances && m.getThermalResistance() ? <div
-            className='l'>{translate('thermres')}: {formats.pct(m.getThermalResistance())}</div> : null}
-          {m.getIntegrity() ? <div className='l'>{translate('integrity')}: {formats.int(m.getIntegrity())}</div> : null}
-          {m.getInfo() ? <div className='l'>{translate(m.getInfo())}</div> : null}
-          {m && validMods.length > 0 ? <div className='r' tabIndex="0" ref={modButton => this.modButton = modButton}>
-            <button tabIndex="-1" onClick={this._toggleModifications.bind(this)} onContextMenu={stopCtxPropagation}
-                    onMouseOver={termtip.bind(null, 'modifications')} onMouseOut={tooltip.bind(null, null)}>
-              <ListModifications/></button>
-          </div> : null}
         </div>
       </div>;
     } else {
-      return <div className={'empty'}>{translate('empty')}</div>;
+      return  <div className={'empty'}>{translate('empty')}</div>;
     }
   }
 

src/app/components/HardpointSlotSection.jsx

@@ -149,19 +149,10 @@ export default class HardpointSlotSection extends SlotSection {
       <ul>
         <li className='lc' tabIndex='0'  onClick={_fill.bind(this, 'pa', 'F')} onKeyDown={this._keyDown} ref={smRef => this.sectionRefArr['pa-F'] = smRef}>{translate('pa')}</li>
       </ul>
-      <div className='select-group cap'>{translate('rg')}</div>
-      <ul>
-        <li className='lc' tabIndex='0'  onClick={_fill.bind(this, 'rg', 'F')} onKeyDown={this._keyDown} ref={smRef => this.sectionRefArr['rg-F'] = smRef}>{translate('rg')}</li>
-      </ul>
       <div className='select-group cap'>{translate('nl')}</div>
       <ul>
         <li className='lc' tabIndex='0' onClick={_fill.bind(this, 'nl', 'F')} onKeyDown={this._keyDown} ref={smRef => this.sectionRefArr['nl-F'] = smRef}>{translate('nl')}</li>
       </ul>
-      <div className='select-group cap'>{translate('rfl')}</div>
-      <ul>
-        <li className='c' tabIndex='0' onClick={_fill.bind(this, 'rfl', 'F')} onKeyDown={this._keyDown} ref={smRef => this.sectionRefArr['rfl-F'] = smRef}><MountFixed className='lg'/></li>
-        <li className='c' tabIndex='0' onClick={_fill.bind(this, 'rfl', 'T')} onKeyDown={this._keyDown} ref={smRef => this.sectionRefArr['rfl-T'] = smRef}><MountTurret className='lg'/></li>
-      </ul>
     </div>;
   }
 

src/app/components/Header.jsx

@@ -10,6 +10,7 @@ import { Ships } from 'coriolis-data/dist';
 import Persist from '../stores/Persist';
 import { toDetailedExport } from '../shipyard/Serializer';
 import Ship from '../shipyard/Ship';
+import ModalBatchOrbis from './ModalBatchOrbis';
 import ModalDeleteAll from './ModalDeleteAll';
 import ModalExport from './ModalExport';
 import ModalHelp from './ModalHelp';
@@ -240,6 +241,43 @@ export default class Header extends TranslatedComponent {
     />);
   };
 
+  /**
+   * Uploads all ship-builds to orbis
+   * @param {e} e Event
+   */
+  _uploadAllBuildsToOrbis(e) {
+    e.preventDefault();
+    const data = Persist.getBuilds();
+    let postObject = [];
+    for (const ship in data) {
+      for (const code in data[ship]) {
+        const shipModel = ship;
+        if (!shipModel) {
+          throw 'No such ship found: "' + ship + '"';
+        }
+        const shipTemplate = Ships[shipModel];
+        const shipPostObject = {};
+        let shipInstance = new Ship(shipModel, shipTemplate.properties, shipTemplate.slots);
+        shipInstance.buildWith(null);
+        shipInstance.buildFrom(data[ship][code]);
+        shipPostObject.coriolisId = shipInstance.id;
+        shipPostObject.coriolisShip = shipInstance;
+
+        shipPostObject.coriolisShip.url = window.location.origin + outfitURL(shipModel, data[ship][code], code);
+        shipPostObject.title = code || shipInstance.id;
+        shipPostObject.description = code || shipInstance.id;
+        shipPostObject.ShipName = shipInstance.id;
+        shipPostObject.Ship = shipInstance.id;
+        postObject.push(shipPostObject);
+      }
+    }
+    console.log(postObject);
+
+    this.context.showModal(<ModalBatchOrbis
+      ships={postObject}
+    />);
+  }
+
   /**
    * Show export modal with detailed export
    * @param  {SyntheticEvent} e Event
@@ -311,7 +349,7 @@ export default class Header extends TranslatedComponent {
   _getShipsMenu() {
     let shipList = [];
 
-    for (let s of this.shipOrder) {
+    for (let s in Ships) {
       shipList.push(<ActiveLink key={s} href={outfitURL(s)} className='block'>{Ships[s].properties.name}</ActiveLink>);
     }
 
@@ -388,10 +426,7 @@ export default class Header extends TranslatedComponent {
     if (this.props.announcements) {
       announcements = [];
       for (let announce of this.props.announcements) {
-        if (announce.expiry < Date.now()) {
+        announcements.push(<Announcement text={announce.message} />);
-          continue;
-        }
-        announcements.push(<Announcement text={announce.text} />);
         announcements.push(<hr/>);
       }
     }
@@ -461,6 +496,7 @@ export default class Header extends TranslatedComponent {
           {translate('builds')} & {translate('comparisons')}
           <li><Link href="#" className='block' onClick={this._showBackup.bind(this)}>{translate('backup')}</Link></li>
           <li><Link href="#" className='block' onClick={this._showDetailedExport.bind(this)}>{translate('detailed export')}</Link></li>
+          <li><Link href="#" className='block' onClick={this._uploadAllBuildsToOrbis.bind(this)}>{translate('upload all builds to orbis')}</Link></li>
           <li><Link href="#" className='block' onClick={this._showImport.bind(this)}>{translate('import')}</Link></li>
           <li><Link href="#" className='block' onClick={this._showDeleteAll.bind(this)}>{translate('delete all')}</Link></li>
         </ul>

src/app/components/InternalSlot.jsx

@@ -78,6 +78,7 @@ export default class InternalSlot extends Slot {
           { m.rangeLS ? <div className={'l'}>{translate('range')}: {m.rangeLS}{u.Ls}</div> : null }
           { m.rangeLS === null ? <div className={'l'}>∞{u.Ls}</div> : null }
           { m.rangeRating ? <div className={'l'}>{translate('range')}: {m.rangeRating}</div> : null }
+          { m.maximum ? <div className={'l'}>{translate('max')}: {(m.maximum)}</div> : null }
           { m.passengers ? <div className={'l'}>{translate('passengers')}: {m.passengers}</div> : null }
           { m.getRegenerationRate() ? <div className='l'>{translate('regen')}: {formats.round1(m.getRegenerationRate())}{u.ps}</div> : null }
           { m.getBrokenRegenerationRate() ? <div className='l'>{translate('brokenregen')}: {formats.round1(m.getBrokenRegenerationRate())}{u.ps}</div> : null }
@@ -88,7 +89,6 @@ export default class InternalSlot extends Slot {
           { m.getHullReinforcement() ? <div className='l'>{translate('armour')}: {formats.int(m.getHullReinforcement() + ship.baseArmour * m.getModValue('hullboost') / 10000)}</div> : null }
           { m.getProtection() ? <div className='l'>{translate('protection')}: {formats.rPct(m.getProtection())}</div> : null }
           { m.getIntegrity() ? <div className='l'>{translate('integrity')}: {formats.int(m.getIntegrity())}</div> : null }
-          { m.getInfo() ? <div className='l'>{translate(m.getInfo())}</div> : null }
 	  { m && validMods.length > 0 ? <div className='r' tabIndex="0" ref={ modButton => this.modButton = modButton }><button tabIndex="-1" onClick={this._toggleModifications.bind(this)} onContextMenu={stopCtxPropagation} onMouseOver={termtip.bind(null, 'modifications')} onMouseOut={tooltip.bind(null, null)}><ListModifications /></button></div> : null }
         </div>
       </div>;

src/app/components/LineChart.jsx

@@ -1,281 +1,281 @@
-import React from 'react';
+import React from 'react';
-import PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
-import ContainerDimensions from 'react-container-dimensions';
+import ContainerDimensions from 'react-container-dimensions';
-import * as d3 from 'd3';
+import * as d3 from 'd3';
-import TranslatedComponent from './TranslatedComponent';
+import TranslatedComponent from './TranslatedComponent';
-
+
-const MARGIN = { top: 15, right: 20, bottom: 35, left: 60 };
+const MARGIN = { top: 15, right: 20, bottom: 35, left: 60 };
-
+
-/**
+/**
- * Line Chart
+ * Line Chart
- */
+ */
-export default class LineChart extends TranslatedComponent {
+export default class LineChart extends TranslatedComponent {
-
+
-  static defaultProps = {
+  static defaultProps = {
-    code: '',
+    code: '',
-    xMin: 0,
+    xMin: 0,
-    yMin: 0,
+    yMin: 0,
-    points: 20,
+    points: 20,
-    colors: ['#ff8c0d'],
+    colors: ['#ff8c0d'],
-    aspect: 0.5
+    aspect: 0.5
-  };
+  };
-
+
-  static propTypes = {
+  static propTypes = {
-    func: PropTypes.func.isRequired,
+    func: PropTypes.func.isRequired,
-    xLabel: PropTypes.string.isRequired,
+    xLabel: PropTypes.string.isRequired,
-    xMin: PropTypes.number,
+    xMin: PropTypes.number,
-    xMax: PropTypes.number.isRequired,
+    xMax: PropTypes.number.isRequired,
-    xUnit: PropTypes.string.isRequired,
+    xUnit: PropTypes.string.isRequired,
-    xMark: PropTypes.number,
+    xMark: PropTypes.number,
-    yLabel: PropTypes.string.isRequired,
+    yLabel: PropTypes.string.isRequired,
-    yMin: PropTypes.number,
+    yMin: PropTypes.number,
-    yMax: PropTypes.number.isRequired,
+    yMax: PropTypes.number.isRequired,
-    yUnit: PropTypes.string,
+    yUnit: PropTypes.string,
-    series: PropTypes.array,
+    series: PropTypes.array,
-    colors: PropTypes.array,
+    colors: PropTypes.array,
-    points: PropTypes.number,
+    points: PropTypes.number,
-    aspect: PropTypes.number,
+    aspect: PropTypes.number,
-    code: PropTypes.string,
+    code: PropTypes.string,
-  };
+  };
-
+
-  /**
+  /**
-   * Constructor
+   * Constructor
-   * @param  {Object} props   React Component properties
+   * @param  {Object} props   React Component properties
-   * @param  {Object} context React Component context
+   * @param  {Object} context React Component context
-   */
+   */
-  constructor(props, context) {
+  constructor(props, context) {
-    super(props);
+    super(props);
-
+
-    this._updateDimensions = this._updateDimensions.bind(this);
+    this._updateDimensions = this._updateDimensions.bind(this);
-    this._updateSeries = this._updateSeries.bind(this);
+    this._updateSeries = this._updateSeries.bind(this);
-    this._tooltip = this._tooltip.bind(this);
+    this._tooltip = this._tooltip.bind(this);
-    this._showTip = this._showTip.bind(this);
+    this._showTip = this._showTip.bind(this);
-    this._hideTip = this._hideTip.bind(this);
+    this._hideTip = this._hideTip.bind(this);
-    this._moveTip = this._moveTip.bind(this);
+    this._moveTip = this._moveTip.bind(this);
-
+
-    const series = props.series;
+    const series = props.series;
-
+
-    let xScale = d3.scaleLinear();
+    let xScale = d3.scaleLinear();
-    let yScale = d3.scaleLinear();
+    let yScale = d3.scaleLinear();
-    let xAxisScale = d3.scaleLinear();
+    let xAxisScale = d3.scaleLinear();
-
+
-    this.xAxis = d3.axisBottom(xAxisScale).tickSizeOuter(0);
+    this.xAxis = d3.axisBottom(xAxisScale).tickSizeOuter(0);
-    this.yAxis = d3.axisLeft(yScale).ticks(6).tickSizeOuter(0);
+    this.yAxis = d3.axisLeft(yScale).ticks(6).tickSizeOuter(0);
-
+
-    this.state = {
+    this.state = {
-      xScale,
+      xScale,
-      xAxisScale,
+      xAxisScale,
-      yScale,
+      yScale,
-      tipHeight: 2 + (1.2 * (series ? series.length : 0.8)),
+      tipHeight: 2 + (1.2 * (series ? series.length : 0.8)),
-    };
+    };
-  }
+  }
-
+
-  /**
+  /**
-   * Update tooltip content
+   * Update tooltip content
-   * @param  {number} xPos x coordinate
+   * @param  {number} xPos x coordinate
-   * @param {number} width current container width
+   * @param {number} width current container width
-   */
+   */
-  _tooltip(xPos, width) {
+  _tooltip(xPos, width) {
-    let { xLabel, yLabel, xUnit, yUnit, func, series } = this.props;
+    let { xLabel, yLabel, xUnit, yUnit, func, series } = this.props;
-    let { xScale, yScale } = this.state;
+    let { xScale, yScale } = this.state;
-    let { formats, translate } = this.context.language;
+    let { formats, translate } = this.context.language;
-    let x0 = xScale.invert(xPos),
+    let x0 = xScale.invert(xPos),
-        y0 = func(x0),
+        y0 = func(x0),
-        tips = this.tipContainer,
+        tips = this.tipContainer,
-        yTotal = 0,
+        yTotal = 0,
-        flip = (xPos / width > 0.50),
+        flip = (xPos / width > 0.50),
-        tipWidth = 0,
+        tipWidth = 0,
-        tipHeightPx = tips.selectAll('rect').node().getBoundingClientRect().height;
+        tipHeightPx = tips.selectAll('rect').node().getBoundingClientRect().height;
-
+
-
+
-    xPos = xScale(x0); // Clamp xPos
+    xPos = xScale(x0); // Clamp xPos
-
+
-    tips.selectAll('text.text-tip.y').text(function(d, i) {
+    tips.selectAll('text.text-tip.y').text(function(d, i) {
-      let yVal = series ? y0[series[i]] : y0;
+      let yVal = series ? y0[series[i]] : y0;
-      yTotal += yVal;
+      yTotal += yVal;
-      return (series ? translate(series[i]) : '') + ' ' + formats.f2(yVal);
+      return (series ? translate(series[i]) : '') + ' ' + formats.f2(yVal);
-    }).append('tspan').attr('class', 'metric').text(yUnit ? ' ' + yUnit : '');
+    }).append('tspan').attr('class', 'metric').text(yUnit ? ' ' + yUnit : '');
-
+
-    tips.selectAll('text').each(function() {
+    tips.selectAll('text').each(function() {
-      if (this.getBBox().width > tipWidth) {
+      if (this.getBBox().width > tipWidth) {
-        tipWidth = Math.ceil(this.getBBox().width);
+        tipWidth = Math.ceil(this.getBBox().width);
-      }
+      }
-    });
+    });
-
+
-    let tipY = Math.floor(yScale(yTotal / (series ? series.length : 1)) - (tipHeightPx / 2));
+    let tipY = Math.floor(yScale(yTotal / (series ? series.length : 1)) - (tipHeightPx / 2));
-
+
-    tipWidth += 8;
+    tipWidth += 8;
-    tips.attr('transform', 'translate(' + xPos + ',' + tipY + ')');
+    tips.attr('transform', 'translate(' + xPos + ',' + tipY + ')');
-    tips.selectAll('text.text-tip').attr('x', flip ? -12 : 12).style('text-anchor', flip ? 'end' : 'start');
+    tips.selectAll('text.text-tip').attr('x', flip ? -12 : 12).style('text-anchor', flip ? 'end' : 'start');
-    tips.selectAll('text.text-tip.x').text(formats.f2(x0)).append('tspan').attr('class', 'metric').text(' ' + xUnit);
+    tips.selectAll('text.text-tip.x').text(formats.f2(x0)).append('tspan').attr('class', 'metric').text(' ' + xUnit);
-    tips.selectAll('rect').attr('width', tipWidth + 4).attr('x', flip ? -tipWidth - 12 : 8).attr('y', 0).style('text-anchor', flip ? 'end' : 'start');
+    tips.selectAll('rect').attr('width', tipWidth + 4).attr('x', flip ? -tipWidth - 12 : 8).attr('y', 0).style('text-anchor', flip ? 'end' : 'start');
-    this.markersContainer.selectAll('circle').attr('cx', xPos).attr('cy', (d, i) => yScale(series ? y0[series[i]] : y0));
+    this.markersContainer.selectAll('circle').attr('cx', xPos).attr('cy', (d, i) => yScale(series ? y0[series[i]] : y0));
-  }
+  }
-
+
-  /**
+  /**
-   * Update dimensions based on properties and scale
+   * Update dimensions based on properties and scale
-   * @param  {Object} props  React Component properties
+   * @param  {Object} props  React Component properties
-   * @param  {number} scale  size ratio / scale
+   * @param  {number} scale  size ratio / scale
-   * @param {number} width   current width of the container
+   * @param {number} width   current width of the container
-   * @returns {Object}       calculated dimensions
+   * @returns {Object}       calculated dimensions
-   */
+   */
-  _updateDimensions(props, scale, width) {
+  _updateDimensions(props, scale, width) {
-    const { xMax, xMin, yMin, yMax } = props;
+    const { xMax, xMin, yMin, yMax } = props;
-    const innerWidth = width - MARGIN.left - MARGIN.right;
+    const innerWidth = width - MARGIN.left - MARGIN.right;
-    const outerHeight = Math.round(width * props.aspect);
+    const outerHeight = Math.round(width * props.aspect);
-    const innerHeight = outerHeight - MARGIN.top - MARGIN.bottom;
+    const innerHeight = outerHeight - MARGIN.top - MARGIN.bottom;
-
+
-    this.state.xScale.range([0, innerWidth]).domain([xMin, xMax || 1]).clamp(true);
+    this.state.xScale.range([0, innerWidth]).domain([xMin, xMax || 1]).clamp(true);
-    this.state.xAxisScale.range([0, innerWidth]).domain([xMin, xMax]).clamp(true);
+    this.state.xAxisScale.range([0, innerWidth]).domain([xMin, xMax]).clamp(true);
-    this.state.yScale.range([innerHeight, 0]).domain([yMin, yMax + (yMax - yMin) * 0.1]); // 10% higher than maximum value for tooltip visibility
+    this.state.yScale.range([innerHeight, 0]).domain([yMin, yMax + (yMax - yMin) * 0.1]); // 10% higher than maximum value for tooltip visibility
-    return { innerWidth, outerHeight, innerHeight };
+    return { innerWidth, outerHeight, innerHeight };
-  }
+  }
-
+
-  /**
+  /**
-   * Show tooltip
+   * Show tooltip
-   * @param  {SyntheticEvent} e Event
+   * @param  {SyntheticEvent} e Event
-   */
+   */
-  _showTip(e) {
+  _showTip(e) {
-    e.preventDefault();
+    e.preventDefault();
-    this.tipContainer.style('display', null);
+    this.tipContainer.style('display', null);
-    this.markersContainer.style('display', null);
+    this.markersContainer.style('display', null);
-    this._moveTip(e);
+    this._moveTip(e);
-  }
+  }
-
+
-  /**
+  /**
-   * Move and update tooltip
+   * Move and update tooltip
-   * @param  {SyntheticEvent} e Event
+   * @param  {SyntheticEvent} e Event
-   * @param {number} width current container width
+   * @param {number} width current container width
-   */
+   */
-  _moveTip(e, width) {
+  _moveTip(e, width) {
-    let clientX = e.touches ? e.touches[0].clientX : e.clientX;
+    let clientX = e.touches ? e.touches[0].clientX : e.clientX;
-    this._tooltip(Math.round(clientX - e.currentTarget.getBoundingClientRect().left), width);
+    this._tooltip(Math.round(clientX - e.currentTarget.getBoundingClientRect().left), width);
-  }
+  }
-
+
-  /**
+  /**
-   * Hide tooltip
+   * Hide tooltip
-   * @param  {SyntheticEvent} e Event
+   * @param  {SyntheticEvent} e Event
-   */
+   */
-  _hideTip(e) {
+  _hideTip(e) {
-    e.preventDefault();
+    e.preventDefault();
-    this.tipContainer.style('display', 'none');
+    this.tipContainer.style('display', 'none');
-    this.markersContainer.style('display', 'none');
+    this.markersContainer.style('display', 'none');
-  }
+  }
-
+
-  /**
+  /**
-   * Update series generated from props
+   * Update series generated from props
-   * @param   {Object} props   React Component properties
+   * @param   {Object} props   React Component properties
-   * @param   {Object} state   React Component state
+   * @param   {Object} state   React Component state
-   */
+   */
-  _updateSeries(props, state) {
+  _updateSeries(props, state) {
-    let { func, xMin, xMax, series, points } = props;
+    let { func, xMin, xMax, series, points } = props;
-    let delta = (xMax - xMin) / points;
+    let delta = (xMax - xMin) / points;
-    let seriesData = new Array(points);
+    let seriesData = new Array(points);
-
+
-    if (delta) {
+    if (delta) {
-      seriesData = new Array(points);
+      seriesData = new Array(points);
-      for (let i = 0, x = xMin; i < points; i++) {
+      for (let i = 0, x = xMin; i < points; i++) {
-        seriesData[i] = [x, func(x)];
+        seriesData[i] = [x, func(x)];
-        x += delta;
+        x += delta;
-      }
+      }
-      seriesData[points - 1] = [xMax, func(xMax)];
+      seriesData[points - 1] = [xMax, func(xMax)];
-    } else {
+    } else {
-      let yVal = func(xMin);
+      let yVal = func(xMin);
-      seriesData = [[0, yVal], [1, yVal]];
+      seriesData = [[0, yVal], [1, yVal]];
-    }
+    }
-
+
-    const markerElems = [];
+    const markerElems = [];
-    const detailElems = [<text key='lbl' className='text-tip x' y='1.25em'/>];
+    const detailElems = [<text key='lbl' className='text-tip x' y='1.25em'/>];
-    const seriesLines = [];
+    const seriesLines = [];
-    for (let i = 0, l = series ? series.length : 1; i < l; i++) {
+    for (let i = 0, l = series ? series.length : 1; i < l; i++) {
-      const yAccessor = series ? function(d) { return state.yScale(d[1][this]); }.bind(series[i]) : (d) => state.yScale(d[1]);
+      const yAccessor = series ? function(d) { return state.yScale(d[1][this]); }.bind(series[i]) : (d) => state.yScale(d[1]);
-      seriesLines.push(d3.line().x((d, i) => this.state.xScale(d[0])).y(yAccessor));
+      seriesLines.push(d3.line().x((d, i) => this.state.xScale(d[0])).y(yAccessor));
-      detailElems.push(<text key={i} className='text-tip y' strokeWidth={0} fill={props.colors[i]} y={1.25 * (i + 2) + 'em'}/>);
+      detailElems.push(<text key={i} className='text-tip y' strokeWidth={0} fill={props.colors[i]} y={1.25 * (i + 2) + 'em'}/>);
-      markerElems.push(<circle key={i} className='marker' r='4' />);
+      markerElems.push(<circle key={i} className='marker' r='4' />);
-    }
+    }
-
+
-    const tipHeight = 2 + (1.2 * (seriesLines ? seriesLines.length : 0.8));
+    const tipHeight = 2 + (1.2 * (seriesLines ? seriesLines.length : 0.8));
-
+
-    this.setState({ markerElems, detailElems, seriesLines, seriesData, tipHeight });
+    this.setState({ markerElems, detailElems, seriesLines, seriesData, tipHeight });
-  }
+  }
-
+
-  /**
+  /**
-   * Update dimensions and series data based on props and context.
+   * Update dimensions and series data based on props and context.
-   */
+   */
-  componentWillMount() {
+  componentWillMount() {
-    this._updateSeries(this.props, this.state);
+    this._updateSeries(this.props, this.state);
-  }
+  }
-
+
-  /**
+  /**
-   * Update state based on property and context changes
+   * Update state based on property and context changes
-   * @param  {Object} nextProps   Incoming/Next properties
+   * @param  {Object} nextProps   Incoming/Next properties
-   * @param  {Object} nextContext Incoming/Next conext
+   * @param  {Object} nextContext Incoming/Next conext
-   */
+   */
-  componentWillReceiveProps(nextProps, nextContext) {
+  componentWillReceiveProps(nextProps, nextContext) {
-    const props = this.props;
+    const props = this.props;
-
+
-    if (props.code != nextProps.code) {
+    if (props.code != nextProps.code) {
-      this._updateSeries(nextProps, this.state);
+      this._updateSeries(nextProps, this.state);
-    }
+    }
-  }
+  }
-
+
-  /**
+  /**
-   * Render the chart
+   * Render the chart
-   * @return {React.Component} Chart SVG
+   * @return {React.Component} Chart SVG
-   */
+   */
-  render() {
+  render() {
-    return (
+    return (
-      <ContainerDimensions>
+      <ContainerDimensions>
-        { ({ width, height }) => {
+        { ({ width, height }) => {
-          const { innerWidth, outerHeight, innerHeight } = this._updateDimensions(this.props, this.context.sizeRatio, width, height);
+          const { innerWidth, outerHeight, innerHeight } = this._updateDimensions(this.props, this.context.sizeRatio, width, height);
-          const { xMin, xMax, xLabel, yLabel, xUnit, yUnit, xMark, colors } = this.props;
+          const { xMin, xMax, xLabel, yLabel, xUnit, yUnit, xMark, colors } = this.props;
-          const { tipHeight, detailElems, markerElems, seriesData, seriesLines } = this.state;
+          const { tipHeight, detailElems, markerElems, seriesData, seriesLines } = this.state;
-          const lines = seriesLines.map((line, i) => <path key={i} className='line' fill='none' stroke={colors[i]} strokeWidth='1' d={line(seriesData)} />).reverse();
+          const lines = seriesLines.map((line, i) => <path key={i} className='line' fill='none' stroke={colors[i]} strokeWidth='1' d={line(seriesData)} />).reverse();
-
+
-          const markX = xMark ? innerWidth * (xMark - xMin) / (xMax - xMin) : 0;
+          const markX = xMark ? innerWidth * (xMark - xMin) / (xMax - xMin) : 0;
-          const xmark = xMark ? <path key={'mark'} className='line' fill='none' strokeDasharray='5,5' stroke={'#ff8c0d'} strokeWidth='1' d={'M ' + markX + ' ' + innerHeight + ' L ' + markX + ' 0'} /> : '';
+          const xmark = xMark ? <path key={'mark'} className='line' fill='none' strokeDasharray='5,5' stroke={'#ff8c0d'} strokeWidth='1' d={'M ' + markX + ' ' + innerHeight + ' L ' + markX + ' 0'} /> : '';
-          return (
+          return (
-            <div width={width} height={height}>
+            <div width={width} height={height}>
-              <svg style={{ width: '100%', height: outerHeight }}>
+              <svg style={{ width: '100%', height: outerHeight }}>
-                <g transform={`translate(${MARGIN.left},${MARGIN.top})`}>
+                <g transform={`translate(${MARGIN.left},${MARGIN.top})`}>
-                  <g>{xmark}</g>
+                  <g>{xmark}</g>
-                  <g>{lines}</g>
+                  <g>{lines}</g>
-                  <g className='x axis' ref={(elem) => d3.select(elem).call(this.xAxis)} transform={`translate(0,${innerHeight})`}>
+                  <g className='x axis' ref={(elem) => d3.select(elem).call(this.xAxis)} transform={`translate(0,${innerHeight})`}>
-                    <text className='cap' y='30' dy='.1em' x={innerWidth / 2} style={{ textAnchor: 'middle' }}>
+                    <text className='cap' y='30' dy='.1em' x={innerWidth / 2} style={{ textAnchor: 'middle' }}>
-                      <tspan>{xLabel}</tspan>
+                      <tspan>{xLabel}</tspan>
-                      <tspan className='metric'> ({xUnit})</tspan>
+                      <tspan className='metric'> ({xUnit})</tspan>
-                    </text>
+                    </text>
-                  </g>
+                  </g>
-                  <g className='y axis' ref={(elem) => d3.select(elem).call(this.yAxis)}>
+                  <g className='y axis' ref={(elem) => d3.select(elem).call(this.yAxis)}>
-                    <text className='cap' transform='rotate(-90)' y='-50' dy='.1em' x={innerHeight / -2} style={{ textAnchor: 'middle' }}>
+                    <text className='cap' transform='rotate(-90)' y='-50' dy='.1em' x={innerHeight / -2} style={{ textAnchor: 'middle' }}>
-                      <tspan>{yLabel}</tspan>
+                      <tspan>{yLabel}</tspan>
-                      { yUnit && <tspan className='metric'> ({yUnit})</tspan> }
+                      { yUnit && <tspan className='metric'> ({yUnit})</tspan> }
-                    </text>
+                    </text>
-                  </g>
+                  </g>
-                  <g ref={(g) => this.tipContainer = d3.select(g)} style={{ display: 'none' }}>
+                  <g ref={(g) => this.tipContainer = d3.select(g)} style={{ display: 'none' }}>
-                    <rect className='tooltip' height={tipHeight + 'em'}></rect>
+                    <rect className='tooltip' height={tipHeight + 'em'}></rect>
-                    {detailElems}
+                    {detailElems}
-                  </g>
+                  </g>
-                  <g ref={(g) => this.markersContainer = d3.select(g)} style={{ display: 'none' }}>
+                  <g ref={(g) => this.markersContainer = d3.select(g)} style={{ display: 'none' }}>
-                    {markerElems}
+                    {markerElems}
-                  </g>
+                  </g>
-                  <rect
+                  <rect
-                    fillOpacity='0'
+                    fillOpacity='0'
-                    height={innerHeight}
+                    height={innerHeight}
-                    width={innerWidth + 1}
+                    width={innerWidth + 1}
-                    onMouseEnter={this._showTip}
+                    onMouseEnter={this._showTip}
-                    onTouchStart={this._showTip}
+                    onTouchStart={this._showTip}
-                    onMouseLeave={this._hideTip}
+                    onMouseLeave={this._hideTip}
-                    onTouchEnd={this._hideTip}
+                    onTouchEnd={this._hideTip}
-                    onMouseMove={e => this._moveTip(e, width)}
+                    onMouseMove={e => this._moveTip(e, width)}
-                    onTouchMove={e => this._moveTip(e, width)}
+                    onTouchMove={e => this._moveTip(e, width)}
-                  />
+                  />
-                </g>
+                </g>
-              </svg>
+              </svg>
-            </div>
+            </div>
-          );
+          );
-        }}
+        }}
-      </ContainerDimensions>
+      </ContainerDimensions>
-    );
+    );
-  }
+  }
-}
+}

src/app/components/ModalBatchOrbis.jsx

@@ -0,0 +1,93 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import request from 'superagent';
+import TranslatedComponent from './TranslatedComponent';
+import { orbisUpload } from '../utils/ShortenUrl';
+import Persist from '../stores/Persist';
+
+/**
+ * Permalink modal
+ */
+export default class ModalBatchOrbis extends TranslatedComponent {
+
+  static propTypes = {
+    ships: PropTypes.any.isRequired
+  };
+
+  /**
+   * Constructor
+   * @param  {Object} props   React Component properties
+   */
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      orbisCreds: Persist.getOrbisCreds(),
+      resp: ''
+    };
+  }
+
+  /**
+   * Send ship to Orbis.zone
+   * @param {SyntheticEvent} e React Event
+   * @return {Promise} Promise sending post request to orbis
+   */
+  sendToOrbis(e) {
+    let agent;
+    try {
+      agent = request.agent(); // apparently this crashes somehow
+    } catch (e) {
+      console.error(e);
+    }
+    if (!agent) {
+      agent = request;
+    }
+    const API_ORBIS = 'https://orbis.zone/api/builds/add/batch';
+    return new Promise((resolve, reject) => {
+      try {
+        agent
+          .post(API_ORBIS)
+          .withCredentials()
+          .redirects(0)
+          .set('Content-Type', 'application/json')
+          .send(this.props.ships)
+          .end((err, response) => {
+            console.log(response);
+            if (err) {
+              console.error(err);
+              this.setState({ resp: response.text });
+              reject('Bad Request');
+            } else {
+              this.setState({ resp: 'All builds uploaded. Check https://orbis.zone' });
+              resolve('All builds uploaded. Check https://orbis.zone');
+            }
+          });
+      } catch (e) {
+        console.log(e);
+        reject(e.message ? e.message : e);
+      }
+    });
+  }
+
+  /**
+   * Render the modal
+   * @return {React.Component} Modal Content
+   */
+  render() {
+    let translate = this.context.language.translate;
+    this.sendToOrbis = this.sendToOrbis.bind(this);
+
+    return <div className='modal' onClick={ (e) => e.stopPropagation() }>
+      <h2>{translate('permalink')}</h2>
+      <br/>
+      <a className='button' href="https://orbis.zone/api/auth">Log in / signup to Orbis</a>
+      <br/><br/>
+      <h3 >{translate('success')}</h3>
+      <input value={this.state.resp} readOnly size={25} onFocus={ (e) => e.target.select() }/>
+      <br/><br/>
+      <p>Orbis.zone is currently in a trial period, and may be wiped at any time as development progresses. Some elements are also still placeholders.</p>
+      <button className={'l cb dismiss cap'} disabled={!!this.state.failed} onClick={this.sendToOrbis}>{translate('PHASE_UPLOAD_ORBIS')}</button>
+      <button className={'r dismiss cap'} onClick={this.context.hideModal}>{translate('close')}</button>
+    </div>;
+  }
+}

src/app/components/ModalImport.jsx

@@ -11,10 +11,7 @@ import * as ModuleUtils from '../shipyard/ModuleUtils';
 import { fromDetailedBuild } from '../shipyard/Serializer';
 import { Download } from './SvgIcons';
 import { outfitURL } from '../utils/UrlGenerators';
-import { shipFromJson, shipModelFromJson } from '../utils/CompanionApiUtils';
+import * as CompanionApiUtils from '../utils/CompanionApiUtils';
-import { shipFromLoadoutJSON } from '../utils/JournalUtils';
-
-const zlib = require('pako');
 
 const textBuildRegex = new RegExp('^\\[([\\w \\-]+)\\]\n');
 const lineRegex = new RegExp('^([\\dA-Z]{1,2}): (\\d)([A-I])[/]?([FGT])?([SD])? ([\\w\\- ]+)');
@@ -89,7 +86,6 @@ export default class ModalImport extends TranslatedComponent {
 
 
   static propTypes = {
-    importString: PropTypes.string, // Optional: Default data for import modal
     builds: PropTypes.object,  // Optional: Import object
   };
 
@@ -103,12 +99,11 @@ export default class ModalImport extends TranslatedComponent {
     this.state = {
       builds: props.builds,
       canEdit: !props.builds,
-      loadoutEvent: null,
       comparisons: null,
       shipDiscount: null,
       moduleDiscount: null,
       errorMsg: null,
-      importString: props.importString || null,
+      importString: null,
       importValid: false,
       insurance: null
     };
@@ -116,28 +111,12 @@ export default class ModalImport extends TranslatedComponent {
     this._process = this._process.bind(this);
     this._import = this._import.bind(this);
     this._importBackup = this._importBackup.bind(this);
-    this._importLoadout = this._importLoadout.bind(this);
     this._importDetailedArray = this._importDetailedArray.bind(this);
     this._importTextBuild = this._importTextBuild.bind(this);
     this._importCompanionApiBuild = this._importCompanionApiBuild.bind(this);
     this._validateImport = this._validateImport.bind(this);
   }
 
-  /**
-   * Import a Loadout event from Elite: Dangerous journal files
-   * @param  {Object} data Loadout event
-   * @throws {string} If import fails
-   */
-  _importLoadout(data) {
-    if (data && data.Ship && data.Modules) {
-      const deflated = zlib.deflate(JSON.stringify(data), { to: 'string' });
-      let compressed = btoa(deflated);
-      this.setState({loadoutEvent: compressed});
-    } else {
-      throw 'Loadout event must contain Ship and Modules';
-    }
-  }
-
   /**
    * Import a Coriolis backup
    * @param  {Object} importData Backup Data
@@ -180,7 +159,7 @@ export default class ModalImport extends TranslatedComponent {
     }
     // Check for module discount
     if (!isNaN(importData.moduleDiscount)) {
-      this.setState({ moduleDiscount: importData.moduleDiscount * 1 });
+      this.setState({ shipDiscount: importData.moduleDiscount * 1 });
     }
 
     if (typeof importData.insurance == 'string') {
@@ -216,8 +195,8 @@ export default class ModalImport extends TranslatedComponent {
    * @throws {string} if parse/import fails
    */
   _importCompanionApiBuild(build) {
-    const shipModel = shipModelFromJson(build);
+    const shipModel = CompanionApiUtils.shipModelFromJson(build);
-    const ship = shipFromJson(build);
+    const ship = CompanionApiUtils.shipFromJson(build);
 
     let builds = {};
     builds[shipModel] = {};
@@ -323,30 +302,6 @@ export default class ModalImport extends TranslatedComponent {
     this.setState({ builds, singleBuild: true });
   }
 
-  /**
-   * Import SLEF formatted builds. Sets state to a map of the builds on success
-   * and flags if there was only a single build.
-   *
-   * @param  {string} importData - Array of the list of builds.
-   * @throws {string} If parse / import fails
-   */
-  _importSlefBuilds(importData) {
-    const builds = importData.reduce((memo, { data }) => {
-      const shipModel = shipModelFromJson(data);
-      const ship = shipFromLoadoutJSON(data);
-      const shipTemplate = Ships[shipModel];
-      const shipName = data.ShipName || shipTemplate.properties.name;
-
-      const key = `Imported ${shipName}`;
-      memo[shipModel] = {};
-      memo[shipModel][key] = ship.toString();
-
-      return memo;
-    }, {});
-
-    this.setState({ builds, singleBuild: Object.keys(builds).length === 1 });
-  }
-
   /**
    * Validate the import string / text box contents
    * @param  {SyntheticEvent} event Event
@@ -381,10 +336,8 @@ export default class ModalImport extends TranslatedComponent {
           throw 'Must be an object or array!';
         }
 
-        if (importData?.[0]?.header?.appName) { // has SLEF envelope?
+        if (importData.modules != null && importData.modules.Armour != null) { // Only the companion API has this information
-          this._importSlefBuilds(importData);
+          this._importCompanionApiBuild(importData); // Single sihp definition
-        } else if (importData.modules != null && importData.modules.Armour != null) { // Only the companion API has this information
-          this._importCompanionApiBuild(importData); // Single ship definition
         } else if (importData.ship != null && importData.ship.modules != null && importData.ship.modules.Armour != null) { // Only the companion API has this information
           this._importCompanionApiBuild(importData.ship); // Complete API dump
         } else if (importData instanceof Array) {   // Must be detailed export json
@@ -392,14 +345,12 @@ export default class ModalImport extends TranslatedComponent {
         } else if (importData.ship && typeof importData.name !== undefined) { // Using JSON from a single ship build export
           this._importDetailedArray([importData]); // Convert to array with singleobject
           this.setState({ singleBuild: true });
-        } else if (importData.Modules != null && importData.Modules[0] != null) {
-          this._importLoadout(importData);
         } else { // Using Backup JSON
           this._importBackup(importData);
         }
       }
     } catch (e) {
-      console.log(e);
+      // console.log(e.stack);
       this.setState({ errorMsg: (typeof e == 'string') ? e : 'Cannot Parse the data!' });
       return;
     }
@@ -413,10 +364,6 @@ export default class ModalImport extends TranslatedComponent {
   _process() {
     let builds = null, comparisons = null;
 
-    if (this.state.loadoutEvent) {
-      return Router.go(`/import?data=${this.state.loadoutEvent}`);
-    }
-
     // If only importing a single build go straight to the outfitting page
     if (this.state.singleBuild) {
       builds = this.state.builds;
@@ -533,7 +480,7 @@ export default class ModalImport extends TranslatedComponent {
     if (!state.processed) {
       importStage = (
         <div>
-          <textarea spellCheck={false} className='cb json' ref={node => this.importField = node} onChange={this._validateImport} defaultValue={this.state.importString} placeholder={translate('PHRASE_IMPORT')} />
+          <textarea className='cb json' ref={node => this.importField = node} onChange={this._validateImport} defaultValue={this.state.importString} placeholder={translate('PHRASE_IMPORT')} />
           <button id='proceed' className='l cap' onClick={this._process} disabled={!state.importValid} >{translate('proceed')}</button>
           <div className='l warning' style={{ marginLeft:'3em' }}>{state.errorMsg}</div>
         </div>
@@ -570,7 +517,7 @@ export default class ModalImport extends TranslatedComponent {
               {comparisonRows}
             </tbody>
           </table>
-        );
+          );
       }
 
       if(this.state.canEdit) {

src/app/components/ModalOrbis.jsx

@@ -0,0 +1,117 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import TranslatedComponent from './TranslatedComponent';
+import { orbisUpload } from '../utils/ShortenUrl';
+import Persist from '../stores/Persist';
+
+/**
+ * Permalink modal
+ */
+export default class ModalOrbis extends TranslatedComponent {
+
+  static propTypes = {
+    ship: PropTypes.any.isRequired
+  };
+
+  /**
+   * Constructor
+   * @param  {Object} props   React Component properties
+   */
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      orbisCreds: Persist.getOrbisCreds(),
+      orbisUrl: '...',
+      authenticatedStatus: 'Checking...'
+    };
+  }
+
+  /**
+   * Send ship to Orbis.zone
+   * @param {SyntheticEvent} e React Event
+   */
+  sendToOrbis(e) {
+    const target = e.target;
+    target.disabled = true;
+    this.setState({ orbisUrl: 'Sending...' }, () => {
+      orbisUpload(this.props.ship, this.state.orbisCreds)
+        .then(orbisUrl => {
+          target.disabled = false;
+          this.setState({ orbisUrl });
+        })
+        .catch(err => {
+          target.disabled = false;
+          this.setState({ orbisUrl: 'Error - ' + err });
+        });
+    });
+  }
+
+  /**
+   * Get Orbis.zone auth status
+   * @returns {Object} auth status
+   */
+  getOrbisAuthStatus() {
+    return fetch('https://orbis.zone/api/checkauth', {
+      credentials: 'include',
+      mode: 'cors'
+    })
+    .then(data => data.json())
+    .then(res => {
+      this.setState({ authenticatedStatus: res.status || res.error });
+    })
+    .catch(err => {
+      console.error(err);
+      this.setState({ authenticatedStatus: err.message });
+    });
+  }
+
+  /**
+   * Handler for changing cmdr name
+   * @param {SyntheticEvent} e React Event
+   */
+  orbisPasswordHandler(e) {
+    let password = e.target.value;
+    this.setState({ orbisCreds: { email: this.state.orbisCreds.email, password } }, () => {
+      Persist.setOrbisCreds(this.state.orbisCreds);
+    });
+  }
+
+  /**
+   * Handler for changing cmdr name
+   * @param {SyntheticEvent} e React Event
+   */
+  orbisUsername(e) {
+    let orbisUsername = e.target.value;
+    this.setState({ orbisCreds: { email: orbisUsername, password: this.state.orbisCreds.password } }, () => {
+      Persist.setOrbisCreds(this.state.orbisCreds);
+    });
+  }
+
+  /**
+   * Render the modal
+   * @return {React.Component} Modal Content
+   */
+  render() {
+    let translate = this.context.language.translate;
+    this.orbisPasswordHandler = this.orbisPasswordHandler.bind(this);
+    this.orbisUsername = this.orbisUsername.bind(this);
+    this.sendToOrbis = this.sendToOrbis.bind(this);
+    this.getOrbisAuthStatus();
+    return <div className='modal' onClick={ (e) => e.stopPropagation() }>
+      <h2>{translate('upload to orbis')}</h2>
+      <br/>
+      <label>Orbis auth status: </label>
+      <input value={this.state.authenticatedStatus} readOnly size={25} onFocus={ (e) => e.target.select() }/>
+      <br/><br/>
+      <a className='button' href="https://orbis.zone/api/auth">Log in / signup to Orbis</a>
+      <br/><br/>
+      <h3 >{translate('Orbis link')}</h3>
+      <input value={this.state.orbisUrl} readOnly size={25} onFocus={ (e) => e.target.select() }/>
+      <br/><br/>
+      <p>Orbis.zone is currently in a trial period, and may be wiped at any time as development progresses. Some elements are also still placeholders.</p>
+      <button className={'l cb dismiss cap'} disabled={!!this.state.failed} onClick={this.sendToOrbis}>{translate('PHASE_UPLOAD_ORBIS')}</button>
+      <button className={'r dismiss cap'} onClick={this.context.hideModal}>{translate('close')}</button>
+    </div>;
+  }
+}

src/app/components/ModalShoppingList.jsx

@@ -3,8 +3,6 @@ import PropTypes from 'prop-types';
 import TranslatedComponent from './TranslatedComponent';
 import request from 'superagent';
 import Persist from '../stores/Persist';
-const zlib = require('zlib');
-const base64url = require('base64url');
 
 /**
  * Permalink modal
@@ -58,6 +56,7 @@ export default class ModalShoppingList extends TranslatedComponent {
           continue;
         }
         if (module.m.blueprint.special) {
+          console.log(module.m.blueprint.special);
           blueprints.push({ uuid: module.m.blueprint.special.uuid, number: 1 });
         }
         for (const g in module.m.blueprint.grades) {
@@ -110,18 +109,17 @@ export default class ModalShoppingList extends TranslatedComponent {
    */
   sendToEDEng(event) {
     event.preventDefault();
-    let translate = this.context.language.translate;
     const target = event.target;
     target.disabled = this.state.blueprints.length > 0;
     if (this.state.blueprints.length === 0) {
-      target.innerText = translate('No modded components.');
+      target.innerText = 'No modded components.';
       target.disabled = true;
       setTimeout(() => {
-        target.innerText = translate('Send to EDEngineer');
+        target.innerText = 'Send to EDEngineer';
         target.disabled = false;
       }, 3000);
     } else {
-      target.innerText = translate('Sending...');
+      target.innerText = 'Sending...';
     }
     let countSent = 0;
     let countTotal = this.state.blueprints.length;
@@ -141,70 +139,12 @@ export default class ModalShoppingList extends TranslatedComponent {
           countSent++;
           if (countSent === countTotal) {
             target.disabled = false;
-            target.innerText = translate('Send to EDEngineer');
+            target.innerText = 'Send to EDEngineer';
           }
         });
     }
   }
 
-  /**
- * Send all blueprints to EDOMH. This is a modified copy of registerBPs because this.state.blueprints was empty when I tried to modify sendToEDEng and I couldn't figure out why
- * @param {Event} event React event
- */
-  sendToEDOMH(event) {
-    event.preventDefault();
-    const ship = this.props.ship;
-    let blueprints = [];
-
-    //create the json
-    for (const module of ship.costList) {
-      if (module.type === 'SHIP') {
-        continue;
-      }
-      if (module.m && module.m.blueprint) {
-        if (!module.m.blueprint.grade || !module.m.blueprint.grades) {
-          continue;
-        }
-        if (module.m.blueprint.special) {
-          blueprints.push({
-            "item": module.m.symbol,
-            "blueprint": module.m.blueprint.special.edname
-          });
-        }
-        for (const g in module.m.blueprint.grades) {
-          if (!module.m.blueprint.grades.hasOwnProperty(g)) {
-            continue;
-          }
-          if (g < module.m.blueprint.grade) {
-            continue;
-          }
-          blueprints.push({
-            "item": module.m.symbol,
-            "blueprint": module.m.blueprint.fdname,
-            "grade": module.m.blueprint.grade,
-            "highestGradePercentage":1.0
-          });
-        }
-      }
-    }
-
-    //create JSON to encode
-    let baseJson = {
-      "version":1,
-      "name":ship.name, // TO-DO: Import build name and put that here correctly
-      "items": blueprints
-    }      
-    
-    let JSONString = JSON.stringify(baseJson)
-    let deflated = zlib.deflateSync(JSONString)
-    
-    //actually encode
-    let link = base64url.encode(deflated)
-    link = "edomh://coriolis/?" + link;
-
-    window.open(link, "_self")
-  }
-
   /**
    * Convert mats object to string
    */
@@ -236,18 +176,6 @@ export default class ModalShoppingList extends TranslatedComponent {
               mats[i] = module.m.blueprint.grades[g].components[i] * this.state.matsPerGrade[g];
             }
           }
-          if (module.m.blueprint.special) {
-            for (const j in module.m.blueprint.special.components) {
-              if (!module.m.blueprint.special.components.hasOwnProperty(j)) {
-                continue;
-              }
-              if (mats[j]) {
-                mats[j] += module.m.blueprint.special.components[j];
-              } else {
-                mats[j] = module.m.blueprint.special.components[j];
-              }
-            }
-          }
         }
       }
     }
@@ -300,36 +228,34 @@ export default class ModalShoppingList extends TranslatedComponent {
     const compatible = this.checkBrowserIsCompatible();
     this.cmdrChangeHandler = this.cmdrChangeHandler.bind(this);
     this.sendToEDEng = this.sendToEDEng.bind(this);
-    this.sendToEDOMH = this.sendToEDOMH.bind(this);
     return <div className='modal' onClick={ (e) => e.stopPropagation() }>
       <h2>{translate('PHRASE_SHOPPING_MATS')}</h2>
-      <label>{translate('Grade 1 rolls ')}</label>
+      <label>Grade 1 rolls </label>
       <input id={1} type={'number'} min={0} defaultValue={this.state.matsPerGrade[1]} onChange={this.changeHandler} />
       <br/>
-      <label>{translate('Grade 2 rolls ')}</label>
+      <label>Grade 2 rolls </label>
       <input id={2} type={'number'} min={0} defaultValue={this.state.matsPerGrade[2]} onChange={this.changeHandler} />
       <br/>
-      <label>{translate('Grade 3 rolls ')}</label>
+      <label>Grade 3 rolls </label>
       <input id={3} type={'number'} min={0} value={this.state.matsPerGrade[3]} onChange={this.changeHandler} />
       <br/>
-      <label>{translate('Grade 4 rolls ')}</label>
+      <label>Grade 4 rolls </label>
       <input id={4} type={'number'} min={0} value={this.state.matsPerGrade[4]} onChange={this.changeHandler} />
       <br/>
-      <label>{translate('Grade 5 rolls ')}</label>
+      <label>Grade 5 rolls </label>
       <input id={5} type={'number'} min={0} value={this.state.matsPerGrade[5]} onChange={this.changeHandler} />
       <div>
         <textarea className='cb json' readOnly value={this.state.matsList} />
       </div>
-      <label hidden={!compatible} className={'l cap'}>{translate('CMDR Name')}</label>
+      <label hidden={!compatible} className={'l cap'}>CMDR Name </label>
       <br/>
       <select hidden={!compatible} className={'cmdr-select l cap'} onChange={this.cmdrChangeHandler} defaultValue={this.state.cmdrName}>
         {this.state.cmdrs.map(e => <option key={e}>{e}</option>)}
       </select>
       <br/>
-      <p hidden={!this.state.failed} id={'failed'} className={'l'}>{translate('PHRASE_FAIL_EDENGINEER')}</p>
+      <p hidden={!this.state.failed} id={'failed'} className={'l'}>Failed to send to EDEngineer (Launch EDEngineer and make sure the API is started then refresh the page.)</p>
-      <p hidden={compatible} id={'browserbad'} className={'l'}>{translate('PHRASE_FIREFOX_EDENGINEER')}</p>
+      <p hidden={compatible} id={'browserbad'} className={'l'}>Sending to EDEngineer is not compatible with Firefox's security settings. Please try again with Chrome.</p>
-      <button className={'l cb dismiss cap'} disabled={!!this.state.failed || !compatible} onClick={this.sendToEDEng}>{translate('Send to EDEngineer')}</button>
+      <button className={'l cb dismiss cap'} disabled={!!this.state.failed || !compatible} onClick={this.sendToEDEng}>{translate('Send To EDEngineer')}</button>
-      <button style={{marginTop: 5}} className={'l cb dismiss cap'} disabled={!!this.state.failed} onClick={this.sendToEDOMH}>{translate('Send to EDOMH')}</button>
       <button className={'r dismiss cap'} onClick={this.context.hideModal}>{translate('close')}</button>
     </div>;
   }

src/app/components/Modification.jsx

@@ -3,8 +3,7 @@ import PropTypes from 'prop-types';
 import TranslatedComponent from './TranslatedComponent';
 import cn from 'classnames';
 import NumberEditor from 'react-number-editor';
-import { isChangeValueBeneficial } from '../utils/BlueprintFunctions';
+import { isValueBeneficial } from '../utils/BlueprintFunctions';
-import { Modifications } from 'coriolis-data/dist';
 
 /**
  * Modification
@@ -44,7 +43,7 @@ export default class Modification extends TranslatedComponent {
     if (reCast.endsWith(value) || reCast.startsWith(value)) {
       let { m, name, ship } = this.props;
       value = Math.max(Math.min(value, 50000), -50000);
-      ship.setModification(m, name, value, true);
+      ship.setModification(m, name, value, true, true);
     }
   }
 
@@ -80,7 +79,6 @@ export default class Modification extends TranslatedComponent {
     let { translate, formats, units } = this.context.language;
     let { m, name } = this.props;
     let modValue = m.getChange(name);
-    let isOverwrite = Modifications.modifications[name].method === 'overwrite';
 
     if (name === 'damagedist') {
       // We don't show damage distribution
@@ -119,10 +117,10 @@ export default class Modification extends TranslatedComponent {
               </td>
               <td style={{ textAlign: 'center' }} className={
                 modValue ?
-                  isChangeValueBeneficial(name, modValue) ? 'secondary' : 'warning' :
+                  isValueBeneficial(name, modValue) ? 'secondary' : 'warning' :
                   ''
               }>
-                {formats.f2(modValue / 100) || 0}{isOverwrite ? '' : '%'}
+                {formats.f2(modValue / 100) || 0}%
               </td>
             </tr>
           </tbody>

src/app/components/ModificationsMenu.jsx

@@ -436,7 +436,7 @@ export default class ModificationsMenu extends TranslatedComponent {
     let specialLabel;
     let specialTt;
     if (m.blueprint && m.blueprint.special) {
-      specialLabel = translate(m.blueprint.special.name);
+      specialLabel = m.blueprint.special.name;
       specialTt = specialToolTip(translate, m.blueprint.grades[m.blueprint.grade], m.grp, m, m.blueprint.special.edname);
     } else {
       specialLabel = translate('PHRASE_SELECT_SPECIAL');
@@ -478,7 +478,7 @@ export default class ModificationsMenu extends TranslatedComponent {
             <tbody>
               { showRolls ?
                 <tr>
-                  <td tabIndex="0" className={ cn('section-menu button-inline-menu', { active: false }) }> { translate('mroll') }: </td>
+                  <td tabIndex="0" className={ cn('section-menu button-inline-menu', { active: false }) }> { translate('roll') }: </td>
                   <td tabIndex="0" className={ cn('section-menu button-inline-menu', { active: blueprintCv ===    0 }) } style={{ cursor: 'pointer' }} onClick={_rollWorst} onKeyDown={ this._keyDown } onMouseOver={termtip.bind(null, 'PHRASE_BLUEPRINT_WORST')} onMouseOut={tooltip.bind(null, null)}> { translate('0%') } </td>
                   <td tabIndex="0" className={ cn('section-menu button-inline-menu', { active: blueprintCv ===   50 })} style={{ cursor: 'pointer' }} onClick={_rollFifty} onKeyDown={ this._keyDown } onMouseOver={termtip.bind(null, 'PHRASE_BLUEPRINT_FIFTY')} onMouseOut={tooltip.bind(null, null)}> { translate('50%') } </td>
                   <td tabIndex="0" className={ cn('section-menu button-inline-menu', { active: blueprintCv ===  100 })} style={{ cursor: 'pointer' }} onClick={_rollFull} onKeyDown={ this._keyDown } onMouseOver={termtip.bind(null, 'PHRASE_BLUEPRINT_BEST')} onMouseOut={tooltip.bind(null, null)}> { translate('100%') } </td>

src/app/components/Offence.jsx

@@ -243,13 +243,8 @@ export default class Offence extends TranslatedComponent {
           <td className='ri'><span onMouseOver={termtip.bind(null, baseSDpsTooltipDetails)} onMouseOut={tooltip.bind(null, null)}>{formats.f1(weapon.sdps.base.total)}</span></td>
           <td className='ri'><span onMouseOver={termtip.bind(null, effectiveShieldsSDpsTooltipDetails)} onMouseOut={tooltip.bind(null, null)}>{formats.f1(weapon.sdps.shields.total)}</span></td>
           <td className='ri'><span onMouseOver={termtip.bind(null, effectivenessShieldsTooltipDetails)} onMouseOut={tooltip.bind(null, null)}>{formats.pct1(weapon.effectiveness.shields.total)}</span></td>
-
-          <td className='ri'><span>{formats.f1(weapon.effectiveness.shields.dpe)}</span></td>
-
           <td className='ri'><span onMouseOver={termtip.bind(null, effectiveArmourSDpsTooltipDetails)} onMouseOut={tooltip.bind(null, null)}>{formats.f1(weapon.sdps.armour.total)}</span></td>
           <td className='ri'><span onMouseOver={termtip.bind(null, effectivenessArmourTooltipDetails)} onMouseOut={tooltip.bind(null, null)}>{formats.pct1(weapon.effectiveness.armour.total)}</span></td>
-
-          <td className='ri'><span>{formats.f1(weapon.effectiveness.armour.dpe)}</span></td>
         </tr>);
     }
 
@@ -276,20 +271,15 @@ export default class Offence extends TranslatedComponent {
               <tr className='main'>
                 <th rowSpan='2' className='sortable' onClick={sortOrder.bind(this, 'n')}>{translate('weapon')}</th>
                 <th colSpan='1'>{translate('overall')}</th>
-                <th colSpan='3'>{translate('opponent\'s shields')}</th>
+                <th colSpan='2'>{translate('opponent\'s shields')}</th>
-                <th colSpan='3'>{translate('opponent\'s armour')}</th>
+                <th colSpan='2'>{translate('opponent\'s armour')}</th>
               </tr>
               <tr>
                 <th className='lft sortable' onMouseOver={termtip.bind(null, 'TT_EFFECTIVE_SDPS_SHIELDS')} onMouseOut={tooltip.bind(null, null)} onClick={sortOrder.bind(this, 'esdpss')}>{'sdps'}</th>
                 <th className='lft sortable' onMouseOver={termtip.bind(null, 'TT_EFFECTIVE_SDPS_SHIELDS')} onMouseOut={tooltip.bind(null, null)} onClick={sortOrder.bind(this, 'esdpss')}>{'sdps'}</th>
                 <th className='sortable' onMouseOver={termtip.bind(null, 'TT_EFFECTIVENESS_SHIELDS')} onMouseOut={tooltip.bind(null, null)}onClick={sortOrder.bind(this, 'es')}>{'eft'}</th>
-
-                <th className='sortable'>{'dpe'}</th>
-
                 <th className='lft sortable' onMouseOver={termtip.bind(null, 'TT_EFFECTIVE_SDPS_ARMOUR')} onMouseOut={tooltip.bind(null, null)}onClick={sortOrder.bind(this, 'esdpsh')}>{'sdps'}</th>
                 <th className='sortable' onMouseOver={termtip.bind(null, 'TT_EFFECTIVENESS_ARMOUR')} onMouseOut={tooltip.bind(null, null)}onClick={sortOrder.bind(this, 'eh')}>{'eft'}</th>
-
-                <th className='sortable'>{'dpe'}</th> 
               </tr>
             </thead>
             <tbody>
@@ -300,10 +290,8 @@ export default class Offence extends TranslatedComponent {
                   <td className='ri'><span onMouseOver={termtip.bind(null, totalSDpsTooltipDetails)} onMouseOut={tooltip.bind(null, null)}>={formats.f1(totalSDps)}</span></td>
                   <td className='ri'><span onMouseOver={termtip.bind(null, totalShieldsSDpsTooltipDetails)} onMouseOut={tooltip.bind(null, null)}>={formats.f1(totalShieldsSDps)}</span></td>
                   <td></td>
-                  <td></td>
                   <td className='ri'><span onMouseOver={termtip.bind(null, totalArmourSDpsTooltipDetails)} onMouseOut={tooltip.bind(null, null)}>={formats.f1(totalArmourSDps)}</span></td>
                   <td></td>
-                  <td></td>
                 </tr>
               }
             </tbody>

src/app/components/OutfittingSubpages.jsx

@@ -174,7 +174,7 @@ export default class OutfittingSubpages extends TranslatedComponent {
               <th style={{ width:'25%' }} className={cn({ active: tab == 'power' })} onClick={this._showTab.bind(this, 'power')} >{translate('power and costs')}</th>
               <th style={{ width:'25%' }} className={cn({ active: tab == 'profiles' })} onClick={this._showTab.bind(this, 'profiles')} >{translate('profiles')}</th>
               <th style={{ width:'25%' }} className={cn({ active: tab == 'offence' })} onClick={this._showTab.bind(this, 'offence')} >{translate('offence')}</th>
-              <th style={{ width:'25%' }} className={cn({ active: tab == 'defence' })} onClick={this._showTab.bind(this, 'defence')} >{translate('tab_defence')}</th>
+              <th style={{ width:'25%' }} className={cn({ active: tab == 'defence' })} onClick={this._showTab.bind(this, 'defence')} >{translate('defence')}</th>
             </tr>
           </thead>
         </table>

src/app/components/PieChart.jsx

@@ -1,92 +1,92 @@
-import React, { Component } from 'react';
+import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
-import ContainerDimensions from 'react-container-dimensions';
+import ContainerDimensions from 'react-container-dimensions';
-import * as d3 from 'd3';
+import * as d3 from 'd3';
-
+
-const CORIOLIS_COLOURS = ['#FF8C0D', '#1FB0FF', '#71A052', '#D5D54D'];
+const CORIOLIS_COLOURS = ['#FF8C0D', '#1FB0FF', '#71A052', '#D5D54D'];
-const LABEL_COLOUR = '#000000';
+const LABEL_COLOUR = '#000000';
-
+
-/**
+/**
- * A pie chart
+ * A pie chart
- */
+ */
-export default class PieChart extends Component {
+export default class PieChart extends Component {
-
+
-  static propTypes = {
+  static propTypes = {
-    data : PropTypes.array.isRequired
+    data : PropTypes.array.isRequired
-  };
+  };
-
+
-  /**
+  /**
-   * Constructor
+   * Constructor
-   * @param  {Object} props   React Component properties
+   * @param  {Object} props   React Component properties
-   * @param  {Object} context React Component context
+   * @param  {Object} context React Component context
-   */
+   */
-  constructor(props, context) {
+  constructor(props, context) {
-    super(props);
+    super(props);
-
+
-    this.pie = d3.pie().value((d) => d.value);
+    this.pie = d3.pie().value((d) => d.value);
-    this.colors = CORIOLIS_COLOURS;
+    this.colors = CORIOLIS_COLOURS;
-    this.arc = d3.arc();
+    this.arc = d3.arc();
-    this.arc.innerRadius(0);
+    this.arc.innerRadius(0);
-  }
+  }
-
+
-
+
-  /**
+  /**
-   * Generate a slice of the pie chart
+   * Generate a slice of the pie chart
-   * @param {Object} d     the data for this slice
+   * @param {Object} d     the data for this slice
-   * @param {number} i     the index of this slice
+   * @param {number} i     the index of this slice
-   * @param {number} width the current width of the parent container
+   * @param {number} width the current width of the parent container
-   * @returns {Object}     the SVG for the slice
+   * @returns {Object}     the SVG for the slice
-   */
+   */
-  sliceGenerator(d, i, width) {
+  sliceGenerator(d, i, width) {
-    if (!d || d.value == 0) {
+    if (!d || d.value == 0) {
-      // Ignore 0 values
+      // Ignore 0 values
-      return null;
+      return null;
-    }
+    }
-
+
-    const { data } = this.props;
+    const { data } = this.props;
-
+
-    // Push the labels further out from the centre of the slice
+    // Push the labels further out from the centre of the slice
-    let [labelX, labelY] = this.arc.centroid(d);
+    let [labelX, labelY] = this.arc.centroid(d);
-    const labelTranslate = `translate(${labelX * 1.5}, ${labelY * 1.5})`;
+    const labelTranslate = `translate(${labelX * 1.5}, ${labelY * 1.5})`;
-
+
-    // Put the keys in a line with equal spacing
+    // Put the keys in a line with equal spacing
-    const nonZeroItems = data.filter(d => d.value != 0).length;
+    const nonZeroItems = data.filter(d => d.value != 0).length;
-    const thisItemIndex = data.slice(0, i + 1).filter(d => d.value != 0).length - 1;
+    const thisItemIndex = data.slice(0, i + 1).filter(d => d.value != 0).length - 1;
-    const keyX = -width / 2 + (width / nonZeroItems) * (thisItemIndex + 0.5);
+    const keyX = -width / 2 + (width / nonZeroItems) * (thisItemIndex + 0.5);
-    const keyTranslate = `translate(${keyX}, ${width * 0.45})`;
+    const keyTranslate = `translate(${keyX}, ${width * 0.45})`;
-
+
-    return (
+    return (
-      <g key={`group-${i}`}>
+      <g key={`group-${i}`}>
-        <path key={`arc-${i}`} d={this.arc(d)} style={{ fill: this.colors[i] }} />
+        <path key={`arc-${i}`} d={this.arc(d)} style={{ fill: this.colors[i] }} />
-        <text key={`label-${i}`} transform={labelTranslate} style={{ strokeWidth: '0px', fill: LABEL_COLOUR }} textAnchor='middle'>{d.value}</text>
+        <text key={`label-${i}`} transform={labelTranslate} style={{ strokeWidth: '0px', fill: LABEL_COLOUR }} textAnchor='middle'>{d.value}</text>
-        <text key={`key-${i}`} transform={keyTranslate} style={{ strokeWidth:'0px', fill: this.colors[i] }} textAnchor='middle'>{d.data.label}</text>
+        <text key={`key-${i}`} transform={keyTranslate} style={{ strokeWidth:'0px', fill: this.colors[i] }} textAnchor='middle'>{d.data.label}</text>
-      </g>
+      </g>
-    );
+    );
-  }
+  }
-
+
-  /**
+  /**
-   * Render the component
+   * Render the component
-   * @returns {object} Markup
+   * @returns {object} Markup
-   */
+   */
-  render() {
+  render() {
-    return (
+    return (
-      <ContainerDimensions>
+      <ContainerDimensions>
-        { ({ width }) => {
+        { ({ width }) => {
-          const pie = this.pie(this.props.data),
+          const pie = this.pie(this.props.data),
-              translate = `translate(${width / 2}, ${width * 0.4})`;
+              translate = `translate(${width / 2}, ${width * 0.4})`;
-
+
-          this.arc.outerRadius(width * 0.4);
+          this.arc.outerRadius(width * 0.4);
-          return (
+          return (
-            <div width={width} height={width}>
+            <div width={width} height={width}>
-              <svg style={{ stroke: 'None' }} width={width} height={width * 0.9}>
+              <svg style={{ stroke: 'None' }} width={width} height={width * 0.9}>
-                <g transform={translate}>
+                <g transform={translate}>
-                  {pie.map((d, i) => this.sliceGenerator(d, i, width))}
+                  {pie.map((d, i) => this.sliceGenerator(d, i, width))}
-                </g>
+                </g>
-              </svg>
+              </svg>
-            </div>
+            </div>
-          );
+          );
-        }}
+        }}
-      </ContainerDimensions>
+      </ContainerDimensions>
-    );
+    );
-  }
+  }
-}
+}

src/app/components/Pips.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import TranslatedComponent from './TranslatedComponent';
 import { Pip } from './SvgIcons';
-import autoBind from 'auto-bind';
+import { autoBind } from 'react-extras';
 
 /**
  * Pips displays SYS/ENG/WEP pips and allows users to change them with key presses by clicking on the relevant area.

src/app/components/ShipSummaryTable.jsx

@@ -50,10 +50,8 @@ export default class ShipSummaryTable extends TranslatedComponent {
     const speedTooltip = canThrust ? 'TT_SUMMARY_SPEED' : 'TT_SUMMARY_SPEED_NONFUNCTIONAL';
     const canBoost = ship.canBoost(cargo, ship.fuelCapacity);
     const boostTooltip = canBoost ? 'TT_SUMMARY_BOOST' : canThrust ? 'TT_SUMMARY_BOOST_NONFUNCTIONAL' : 'TT_SUMMARY_SPEED_NONFUNCTIONAL';
-    const canJump = ship.getSlotStatus(ship.standard[2]) == 3;
     const sgMetrics = Calc.shieldMetrics(ship, pips.sys);
     const shipBoost = canBoost ?  Calc.calcBoost(ship) : 'No Boost';
-    const restingHeat = Math.sqrt(((ship.standard[0].m.pgen * ship.standard[0].m.eff) / ship.heatCapacity) / 0.2);
     const armourMetrics = Calc.armourMetrics(ship);
     let shieldColour = 'blue';
     if (shieldGenerator && shieldGenerator.m.grp === 'psg') {
@@ -72,7 +70,7 @@ export default class ShipSummaryTable extends TranslatedComponent {
               <tr className='main'>
                 <th rowSpan={2} className={ cn({ 'bg-warning-disabled': !canThrust }) }>{translate('speed')}</th>
                 <th rowSpan={2} className={ cn({ 'bg-warning-disabled': !canBoost }) }>{translate('boost')}</th>
-                <th colSpan={5} className={ cn({ 'bg-warning-disabled': !canJump }) }>{translate('jump range')}</th>
+                <th colSpan={5}>{translate('jump range')}</th>
                 <th rowSpan={2}>{translate('shield')}</th>
                 <th rowSpan={2}>{translate('integrity')}</th>
                 <th rowSpan={2}>{translate('DPS')}</th>
@@ -80,21 +78,20 @@ export default class ShipSummaryTable extends TranslatedComponent {
                 <th rowSpan={2}>{translate('TTD')}</th>
                 {/* <th onMouseEnter={termtip.bind(null, 'heat per second')} onMouseLeave={hide} rowSpan={2}>{translate('HPS')}</th> */}
                 <th rowSpan={2}>{translate('cargo')}</th>
-                <th rowSpan={2} onMouseEnter={termtip.bind(null, 'passenger capacity', { cap: 0 })} onMouseLeave={hide}>{translate('pax')}</th>
+                <th rowSpan={2}>{translate('pax')}</th>
                 <th rowSpan={2}>{translate('fuel')}</th>
                 <th colSpan={3}>{translate('mass')}</th>
                 <th onMouseEnter={termtip.bind(null, 'hull hardness', { cap: 0 })} onMouseLeave={hide} rowSpan={2}>{translate('hrd')}</th>
                 <th rowSpan={2}>{translate('crew')}</th>
                 <th onMouseEnter={termtip.bind(null, 'mass lock factor', { cap: 0 })} onMouseLeave={hide} rowSpan={2}>{translate('MLF')}</th>
-                <th onMouseEnter={termtip.bind(null, 'TT_SUMMARY_BOOST_INTERVAL', { cap: 0 })} onMouseLeave={hide} rowSpan={2}>{translate('boost interval')}</th>
+                <th onMouseEnter={termtip.bind(null, 'TT_SUMMARY_BOOST_TIME', { cap: 0 })} onMouseLeave={hide} rowSpan={2}>{translate('boost time')}</th>
-                <th rowSpan={2}>{translate('resting heat (Beta)')}</th>
               </tr>
               <tr>
-                <th className={ cn({ 'lft': true, 'bg-warning-disabled': !canJump }) }>{translate('max')}</th>
+                <th className='lft'>{translate('max')}</th>
-                <th className={ cn({ 'bg-warning-disabled': !canJump }) }>{translate('unladen')}</th>
+                <th>{translate('unladen')}</th>
-                <th className={ cn({ 'bg-warning-disabled': !canJump }) }>{translate('laden')}</th>
+                <th>{translate('laden')}</th>
-                <th className={ cn({ 'bg-warning-disabled': !canJump }) }>{translate('total unladen')}</th>
+                <th>{translate('total unladen')}</th>
-                <th className={ cn({ 'bg-warning-disabled': !canJump }) }>{translate('total laden')}</th>
+                <th>{translate('total laden')}</th>
                 <th className='lft'>{translate('hull')}</th>
                 <th>{translate('unladen')}</th>
                 <th>{translate('laden')}</th>
@@ -104,11 +101,11 @@ export default class ShipSummaryTable extends TranslatedComponent {
               <tr>
                 <td onMouseEnter={termtip.bind(null, speedTooltip, { cap: 0 })} onMouseLeave={hide}>{ canThrust ? <span>{int(ship.calcSpeed(4, ship.fuelCapacity, 0, false))}{u['m/s']}</span> : <span className='warning'>0 <Warning/></span> }</td>
                 <td onMouseEnter={termtip.bind(null, boostTooltip, { cap: 0 })} onMouseLeave={hide}>{ canBoost ? <span>{int(ship.calcSpeed(4, ship.fuelCapacity, 0, true))}{u['m/s']}</span> : <span className='warning'>0 <Warning/></span> }</td>
-                <td onMouseEnter={termtip.bind(null, 'TT_SUMMARY_MAX_SINGLE_JUMP', { cap: 0 })} onMouseLeave={hide}>{ canJump ? <span>{ f2(Calc.jumpRange(ship.unladenMass + ship.standard[2].m.getMaxFuelPerJump(), ship.standard[2].m, ship.standard[2].m.getMaxFuelPerJump(), ship))}{u.LY}</span> : <span className='warning'>0 <Warning/></span> }</td>
+                <td><span onMouseEnter={termtip.bind(null, 'TT_SUMMARY_MAX_SINGLE_JUMP', { cap: 0 })} onMouseLeave={hide}>{f2(Calc.jumpRange(ship.unladenMass + ship.standard[2].m.getMaxFuelPerJump(), ship.standard[2].m, ship.standard[2].m.getMaxFuelPerJump(), ship))}{u.LY}</span></td>
-                <td onMouseEnter={termtip.bind(null, 'TT_SUMMARY_UNLADEN_SINGLE_JUMP', { cap: 0 })} onMouseLeave={hide}>{ canJump ? <span>{f2(Calc.jumpRange(ship.unladenMass + ship.fuelCapacity, ship.standard[2].m, ship.fuelCapacity, ship))}{u.LY}</span> : <span className='warning'>0 <Warning/></span> }</td>
+                <td><span onMouseEnter={termtip.bind(null, 'TT_SUMMARY_UNLADEN_SINGLE_JUMP', { cap: 0 })} onMouseLeave={hide}>{f2(Calc.jumpRange(ship.unladenMass + ship.fuelCapacity, ship.standard[2].m, ship.fuelCapacity, ship))}{u.LY}</span></td>
-                <td onMouseEnter={termtip.bind(null, 'TT_SUMMARY_LADEN_SINGLE_JUMP', { cap: 0 })} onMouseLeave={hide}>{ canJump ? <span>{f2(Calc.jumpRange(ship.unladenMass + ship.fuelCapacity + ship.cargoCapacity, ship.standard[2].m, ship.fuelCapacity, ship))}{u.LY}</span> : <span className='warning'>0 <Warning/></span> }</td>
+                <td><span onMouseEnter={termtip.bind(null, 'TT_SUMMARY_LADEN_SINGLE_JUMP', { cap: 0 })} onMouseLeave={hide}>{f2(Calc.jumpRange(ship.unladenMass + ship.fuelCapacity + ship.cargoCapacity, ship.standard[2].m, ship.fuelCapacity, ship))}{u.LY}</span></td>
-                <td onMouseEnter={termtip.bind(null, 'TT_SUMMARY_UNLADEN_TOTAL_JUMP', { cap: 0 })} onMouseLeave={hide}>{ canJump ? <span>{f2(Calc.totalJumpRange(ship.unladenMass + ship.fuelCapacity, ship.standard[2].m, ship.fuelCapacity, ship))}{u.LY}</span> : <span className='warning'>0 <Warning/></span> }</td>
+                <td onMouseEnter={termtip.bind(null, 'TT_SUMMARY_UNLADEN_TOTAL_JUMP', { cap: 0 })} onMouseLeave={hide}>{f2(Calc.totalJumpRange(ship.unladenMass + ship.fuelCapacity, ship.standard[2].m, ship.fuelCapacity, ship))}{u.LY}</td>
-                <td onMouseEnter={termtip.bind(null, 'TT_SUMMARY_LADEN_TOTAL_JUMP', { cap: 0 })} onMouseLeave={hide}>{ canJump ? <span>{f2(Calc.totalJumpRange(ship.unladenMass + ship.fuelCapacity + ship.cargoCapacity, ship.standard[2].m, ship.fuelCapacity, ship))}{u.LY}</span> : <span className='warning'>0 <Warning/></span> }</td>
+                <td onMouseEnter={termtip.bind(null, 'TT_SUMMARY_LADEN_TOTAL_JUMP', { cap: 0 })} onMouseLeave={hide}>{f2(Calc.totalJumpRange(ship.unladenMass + ship.fuelCapacity + ship.cargoCapacity, ship.standard[2].m, ship.fuelCapacity, ship))}{u.LY}</td>
                 <td className={sgClassNames} onMouseEnter={termtip.bind(null, sgTooltip, { cap: 0 })} onMouseLeave={hide}>{int(ship.shield)}{u.MJ}</td>
                 <td onMouseEnter={termtip.bind(null, 'TT_SUMMARY_INTEGRITY', { cap: 0 })} onMouseLeave={hide}>{int(ship.armour)}</td>
                 <td onMouseEnter={termtip.bind(null, 'TT_SUMMARY_DPS', { cap: 0 })} onMouseLeave={hide}>{f1(ship.totalDps)}</td>
@@ -125,7 +122,6 @@ export default class ShipSummaryTable extends TranslatedComponent {
                 <td>{ship.crew}</td>
                 <td>{ship.masslock}</td>
                 <td>{shipBoost !== 'No Boost' ? formats.time(shipBoost) : 'No Boost'}</td>
-                <td>{formats.pct(restingHeat)}</td>
               </tr>
             </tbody>
           </table>
@@ -160,10 +156,10 @@ export default class ShipSummaryTable extends TranslatedComponent {
               <td>{formats.pct1(ship.shieldThermRes)}</td>
               <td></td>
 
-              <td>{int(ship && sgMetrics.summary > 0 ? sgMetrics.summary : 0)}{u.MJ}</td>
+              <td>{int(ship && ship.shield > 0 ? ship.shield : 0)}{u.MJ}</td>
-              <td>{int(ship && sgMetrics.summary > 0 ? sgMetrics.summary / sgMetrics.explosive.base : 0)}{u.MJ}</td>
+              <td>{int(ship && ship.shield > 0 ? ship.shield * ((1 / (1 - (ship.shieldExplRes)))) : 0)}{u.MJ}</td>
-              <td>{int(ship && sgMetrics.summary ? sgMetrics.summary / sgMetrics.kinetic.base : 0)}{u.MJ}</td>
+              <td>{int(ship && ship.shield > 0 ? ship.shield * ((1 / (1 - (ship.shieldKinRes)))) : 0)}{u.MJ}</td>
-              <td>{int(ship && sgMetrics.summary ? sgMetrics.summary / sgMetrics.thermal.base : 0)}{u.MJ}</td>
+              <td>{int(ship && ship.shield > 0 ? ship.shield * ((1 / (1 - (ship.shieldThermRes)))) : 0)}{u.MJ}</td>
               <td></td>
               <td>{sgMetrics && sgMetrics.recover === Math.Inf ? translate('Never') : formats.time(sgMetrics.recover)}</td>
               <td>{sgMetrics && sgMetrics.recharge === Math.Inf ? translate('Never') : formats.time(sgMetrics.recharge)}</td>
@@ -198,11 +194,11 @@ export default class ShipSummaryTable extends TranslatedComponent {
                 <td>{formats.pct1(ship.hullKinRes)}</td>
                 <td>{formats.pct1(ship.hullThermRes)}</td>
                 <td>{formats.pct1(ship.hullCausRes)}</td>
-                <td>{int(armourMetrics.total)}</td>
+                <td>{int(ship.armour)}</td>
-                <td>{int(armourMetrics.total / armourMetrics.explosive.total)}</td>
+                <td>{int(ship.armour * ((1 / (1 - (ship.hullExplRes)))))}</td>
-                <td>{int(armourMetrics.total/ armourMetrics.kinetic.total)}</td>
+                <td>{int(ship.armour * ((1 / (1 - (ship.hullKinRes)))))}</td>
-                <td>{int(armourMetrics.total / armourMetrics.thermal.total)}</td>
+                <td>{int(ship.armour * ((1 / (1 - (ship.hullThermRes)))))}</td>
-                <td>{int(armourMetrics.total/ armourMetrics.caustic.total)}</td>
+                <td>{int(ship.armour * ((1 / (1 - (ship.hullCausRes)))))}</td>
                 <td>{int(armourMetrics.modulearmour)}</td>
                 <td>{int(armourMetrics.moduleprotection * 100) + '%'}</td>
 

src/app/components/Slider.jsx

@@ -1,386 +1,386 @@
-import React from 'react';
+import React from 'react';
-import PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
-
+
-const MARGIN_LR = 8; // Left/ Right margin
+const MARGIN_LR = 8; // Left/ Right margin
-
+
-/**
+/**
- * Horizontal Slider
+ * Horizontal Slider
- */
+ */
-export default class Slider extends React.Component {
+export default class Slider extends React.Component {
-
+
-  static defaultProps = {
+  static defaultProps = {
-    axis: false,
+    axis: false,
-    min: 0,
+    min: 0,
-    max: 1,
+    max: 1,
-    scale: 1  // SVG render scale
+    scale: 1  // SVG render scale
-  };
+  };
-
+
-  static propTypes = {
+  static propTypes = {
-    axis: PropTypes.bool,
+    axis: PropTypes.bool,
-    axisUnit: PropTypes.string,// units (T, M, etc.)
+    axisUnit: PropTypes.string,// units (T, M, etc.)
-    max: PropTypes.number,
+    max: PropTypes.number,
-    min: PropTypes.number,
+    min: PropTypes.number,
-    onChange: PropTypes.func.isRequired,// function which determins percent value
+    onChange: PropTypes.func.isRequired,// function which determins percent value
-    onResize: PropTypes.func,
+    onResize: PropTypes.func,
-    percent: PropTypes.number.isRequired,// value of slider
+    percent: PropTypes.number.isRequired,// value of slider
-    scale: PropTypes.number
+    scale: PropTypes.number
-  };
+  };
-
+
-  /**
+  /**
-   * Constructor
+   * Constructor
-   * @param  {Object} props   React Component properties
+   * @param  {Object} props   React Component properties
-   */
+   */
-  constructor(props) {
+  constructor(props) {
-    super(props);
+    super(props);
-    this._down = this._down.bind(this);
+    this._down = this._down.bind(this);
-    this._move = this._move.bind(this);
+    this._move = this._move.bind(this);
-    this._up = this._up.bind(this);
+    this._up = this._up.bind(this);
-    this._keyup = this._keyup.bind(this);
+    this._keyup = this._keyup.bind(this);
-    this._keydown = this._keydown.bind(this);
+    this._keydown = this._keydown.bind(this);
-    this._touchstart = this._touchstart.bind(this);
+    this._touchstart = this._touchstart.bind(this);
-    this._touchend = this._touchend.bind(this);
+    this._touchend = this._touchend.bind(this);
-
+
-    this._updatePercent = this._updatePercent.bind(this);
+    this._updatePercent = this._updatePercent.bind(this);
-    this._updateDimensions = this._updateDimensions.bind(this);
+    this._updateDimensions = this._updateDimensions.bind(this);
-
+
-    this.state = { width: 0 };
+    this.state = { width: 0 };
-  }
+  }
-
+
-  /**
+  /**
-   * On Mouse/Touch down handler
+   * On Mouse/Touch down handler
-   * @param  {SyntheticEvent} event Event
+   * @param  {SyntheticEvent} event Event
-   */
+   */
-  _down(event) {
+  _down(event) {
-    let rect = event.currentTarget.getBoundingClientRect();
+    let rect = event.currentTarget.getBoundingClientRect();
-    this.left = rect.left;
+    this.left = rect.left;
-    this.width = rect.width;
+    this.width = rect.width;
-    this._move(event);
+    this._move(event);
-    this.touchStartTimer = setTimeout(() => this.sliderInputBox._setDisplay('block'), 1500);
+    this.touchStartTimer = setTimeout(() => this.sliderInputBox._setDisplay('block'), 1500);
-  }
+  }
-
+
-  /**
+  /**
-   * Update the slider percentage on move
+   * Update the slider percentage on move
-   * @param  {SyntheticEvent} event Event
+   * @param  {SyntheticEvent} event Event
-   */
+   */
-  _move(event) {
+  _move(event) {
-    if(this.width !== null && this.left != null) {
+    if(this.width !== null && this.left != null) {
-      let clientX = event.touches ? event.touches[0].clientX : event.clientX;
+      let clientX = event.touches ? event.touches[0].clientX : event.clientX;
-      event.preventDefault();
+      event.preventDefault();
-      this._updatePercent(clientX - this.left, this.width);
+      this._updatePercent(clientX - this.left, this.width);
-    }
+    }
-  }
+  }
-
+
-  /**
+  /**
-   * On Mouse/Touch up handler
+   * On Mouse/Touch up handler
-   * @param  {Event} event  DOM Event
+   * @param  {Event} event  DOM Event
-   */
+   */
-  _up(event) {
+  _up(event) {
-    this.sliderInputBox.sliderVal.focus();
+    this.sliderInputBox.sliderVal.focus();
-    clearTimeout(this.touchStartTimer);
+    clearTimeout(this.touchStartTimer);
-    event.preventDefault();
+    event.preventDefault();
-    this.left = null;
+    this.left = null;
-    this.width = null;
+    this.width = null;
-  }
+  }
-
+
-
+
-  /**
+  /**
-   * Key up handler for keyboard.
+   * Key up handler for keyboard.
-   * display the number field then set focus to it
+   * display the number field then set focus to it
-   * when "Enter" key is pressed
+   * when "Enter" key is pressed
-   * @param {Event} event Keyboard event
+   * @param {Event} event Keyboard event
-   */
+   */
-  _keyup(event) {
+  _keyup(event) {
-    switch (event.key) {
+    switch (event.key) {
-      case 'Enter':
+      case 'Enter':
-        event.preventDefault();
+        event.preventDefault();
-        this.sliderInputBox._setDisplay('block');
+        this.sliderInputBox._setDisplay('block');
-        return;
+        return;
-      default:
+      default:
-        return;
+        return;
-    }
+    }
-  }
+  }
-  /**
+  /**
-   * Key down handler
+   * Key down handler
-   * increment slider position by +/- 1 when right/left arrow key is pressed or held
+   * increment slider position by +/- 1 when right/left arrow key is pressed or held
-   * @param {Event} event Keyboard even
+   * @param {Event} event Keyboard even
-   */
+   */
-  _keydown(event) {
+  _keydown(event) {
-    let newVal = this.props.percent * this.props.max;
+    let newVal = this.props.percent * this.props.max;
-    switch (event.key) {
+    switch (event.key) {
-      case 'ArrowRight':
+      case 'ArrowRight':
-        newVal += 1;
+        newVal += 1;
-        if (newVal <= this.props.max) this.props.onChange(newVal / this.props.max);
+        if (newVal <= this.props.max) this.props.onChange(newVal / this.props.max);
-        return;
+        return;
-      case 'ArrowLeft':
+      case 'ArrowLeft':
-        newVal -= 1;
+        newVal -= 1;
-        if (newVal >= 0) this.props.onChange(newVal / this.props.max);
+        if (newVal >= 0) this.props.onChange(newVal / this.props.max);
-        return;
+        return;
-      default:
+      default:
-        return;
+        return;
-    }
+    }
-  }
+  }
-
+
-  /**
+  /**
-   * Touch start handler
+   * Touch start handler
-   * @param  {Event} event  DOM Event
+   * @param  {Event} event  DOM Event
-   *
+   * 
-   */
+   */
-  _touchstart(event) {
+  _touchstart(event) {
-    this.touchStartTimer = setTimeout(() => this.sliderInputBox._setDisplay('block'), 1500);
+    this.touchStartTimer = setTimeout(() => this.sliderInputBox._setDisplay('block'), 1500);
-  }
+  }
-
+  
-  /**
+  /**
-   * Touch end handler
+   * Touch end handler
-   * @param  {Event} event  DOM Event
+   * @param  {Event} event  DOM Event
-   *
+   * 
-   */
+   */
-  _touchend(event) {
+  _touchend(event) {
-    this.sliderInputBox.sliderVal.focus();
+    this.sliderInputBox.sliderVal.focus();
-    clearTimeout(this.touchStartTimer);
+    clearTimeout(this.touchStartTimer);
-  }
+  }
-
+
-  /**
+  /**
-   * Determine if the user is still dragging
+   * Determine if the user is still dragging
-   * @param  {SyntheticEvent} event Event
+   * @param  {SyntheticEvent} event Event
-   */
+   */
-  _enter(event) {
+  _enter(event) {
-    if(event.buttons !== 1) {
+    if(event.buttons !== 1) {
-      this.left = null;
+      this.left = null;
-      this.width = null;
+      this.width = null;
-    }
+    }
-  }
+  }
-
+
-  /**
+  /**
-   * Update the slider percentage
+   * Update the slider percentage
-   * @param  {number} pos   Slider drag position
+   * @param  {number} pos   Slider drag position
-   * @param  {number} width Slider width
+   * @param  {number} width Slider width
-   * @param  {Event} event  DOM Event
+   * @param  {Event} event  DOM Event
-   */
+   */
-  _updatePercent(pos, width) {
+  _updatePercent(pos, width) {
-    this.props.onChange(Math.min(Math.max(pos / width, 0), 1));
+    this.props.onChange(Math.min(Math.max(pos / width, 0), 1));
-  }
+  }
-
+
-  /**
+  /**
-   * Update dimenions from rendered DOM
+   * Update dimenions from rendered DOM
-   */
+   */
-  _updateDimensions() {
+  _updateDimensions() {
-    this.setState({
+    this.setState({
-      outerWidth: this.node.getBoundingClientRect().width
+      outerWidth: this.node.getBoundingClientRect().width
-    });
+    });
-  }
+  }
-
+
-  /**
+  /**
-   * Add listeners when about to mount
+   * Add listeners when about to mount
-   */
+   */
-  componentWillMount() {
+  componentWillMount() {
-    if (this.props.onResize) {
+    if (this.props.onResize) {
-      this.resizeListener = this.props.onResize(this._updateDimensions);
+      this.resizeListener = this.props.onResize(this._updateDimensions);
-    }
+    }
-  }
+  }
-
+
-  /**
+  /**
-   * Trigger DOM updates on mount
+   * Trigger DOM updates on mount
-   */
+   */
-  componentDidMount() {
+  componentDidMount() {
-    this._updateDimensions();
+    this._updateDimensions();
-  }
+  }
-
+
-  /**
+  /**
-   * Remove listeners on unmount
+   * Remove listeners on unmount
-   */
+   */
-  componentWillUnmount() {
+  componentWillUnmount() {
-    if (this.resizeListener) {
+    if (this.resizeListener) {
-      this.resizeListener.remove();
+      this.resizeListener.remove();
-    }
+    }
-  }
+  }
-
+
-  /**
+  /**
-   * Render the slider
+   * Render the slider
-   * @return {React.Component} The slider
+   * @return {React.Component} The slider
-   */
+   */
-  render() {
+  render() {
-    let outerWidth = this.state.outerWidth;
+    let outerWidth = this.state.outerWidth;
-    let { axis, axisUnit, min, max, scale } = this.props;
+    let { axis, axisUnit, min, max, scale } = this.props;
-    let style = {
+    let style = {
-      width: '100%',
+      width: '100%',
-      height: axis ? '2.5em' : '1.5em',
+      height: axis ? '2.5em' : '1.5em',
-      boxSizing: 'border-box'
+      boxSizing: 'border-box'
-    };
+    };
-    if (!outerWidth) {
+    if (!outerWidth) {
-      return <svg style={style} ref={node => this.node = node} />;
+      return <svg style={style} ref={node => this.node = node} />;
-    }
+    }
-    let margin = MARGIN_LR * scale;
+    let margin = MARGIN_LR * scale;
-    let width = outerWidth - (margin * 2);
+    let width = outerWidth - (margin * 2);
-    let pctPos = width * this.props.percent;
+    let pctPos = width * this.props.percent;
-    return <div><svg
+    return <div><svg 
-      onMouseUp={this._up} onMouseEnter={this._enter.bind(this)} onMouseMove={this._move} onKeyUp={this._keyup} onKeyDown={this._keydown} style={style} ref={node => this.node = node} tabIndex="0">
+      onMouseUp={this._up} onMouseEnter={this._enter.bind(this)} onMouseMove={this._move} onKeyUp={this._keyup} onKeyDown={this._keydown} style={style} ref={node => this.node = node} tabIndex="0">
-      <rect className='primary' style={{ opacity: 0.3 }} x={margin} y='0.25em' rx='0.3em' ry='0.3em' width={width} height='0.7em' />
+      <rect className='primary' style={{ opacity: 0.3 }} x={margin} y='0.25em' rx='0.3em' ry='0.3em' width={width} height='0.7em' />
-      <rect className='primary-disabled' x={margin} y='0.45em' rx='0.15em' ry='0.15em' width={pctPos} height='0.3em' />
+      <rect className='primary-disabled' x={margin} y='0.45em' rx='0.15em' ry='0.15em' width={pctPos} height='0.3em' />
-      <circle className='primary' r={margin} cy='0.6em' cx={pctPos + margin} />
+      <circle className='primary' r={margin} cy='0.6em' cx={pctPos + margin} />
-      <rect x={margin} width={width} height='100%' fillOpacity='0' style={{ cursor: 'col-resize' }} onMouseDown={this._down} onTouchMove={this._move} onTouchStart={this._down} onTouchEnd={this._touchend} />
+      <rect x={margin} width={width} height='100%' fillOpacity='0' style={{ cursor: 'col-resize' }} onMouseDown={this._down} onTouchMove={this._move} onTouchStart={this._down} onTouchEnd={this._touchend} />
-      {axis && <g style={{ fontSize: '.7em' }}>
+      {axis && <g style={{ fontSize: '.7em' }}>
-        <text className='primary-disabled' y='3em' x={margin} style={{ textAnchor: 'middle' }}>{min + axisUnit}</text>
+        <text className='primary-disabled' y='3em' x={margin} style={{ textAnchor: 'middle' }}>{min + axisUnit}</text>
-        <text className='primary-disabled' y='3em' x='50%' style={{ textAnchor: 'middle' }}>{(min + max / 2) + axisUnit}</text>
+        <text className='primary-disabled' y='3em' x='50%' style={{ textAnchor: 'middle' }}>{(min + max / 2) + axisUnit}</text>
-        <text className='primary-disabled' y='3em' x='100%' style={{ textAnchor: 'end' }}>{max + axisUnit}</text>
+        <text className='primary-disabled' y='3em' x='100%' style={{ textAnchor: 'end' }}>{max + axisUnit}</text>
-      </g>}
+      </g>}
-    </svg>
+    </svg>
-    <TextInputBox ref={(tb) => this.sliderInputBox = tb}
+    <TextInputBox ref={(tb) => this.sliderInputBox = tb}
-      onChange={this.props.onChange}
+      onChange={this.props.onChange}
-      percent={this.props.percent}
+      percent={this.props.percent}
-      axisUnit={this.props.axisUnit}
+      axisUnit={this.props.axisUnit}
-      scale={this.props.scale}
+      scale={this.props.scale}
-      max={this.props.max}
+      max={this.props.max}
-    />
+    />
-   </div>;
+   </div>;
-  }
+  }
-}
+}
-/**
+/**
- * New component to add keyboard support for sliders - works on all devices (desktop, iOS, Android)
+ * New component to add keyboard support for sliders - works on all devices (desktop, iOS, Android)
- **/
+ **/
-class TextInputBox extends React.Component {
+class TextInputBox extends React.Component {
-  static propTypes = {
+  static propTypes = {
-    axisUnit: PropTypes.string,// units (T, M, etc.)
+    axisUnit: PropTypes.string,// units (T, M, etc.)
-    max: PropTypes.number,
+    max: PropTypes.number,
-    onChange: PropTypes.func.isRequired,// function which determins percent value
+    onChange: PropTypes.func.isRequired,// function which determins percent value
-    percent: PropTypes.number.isRequired,// value of slider
+    percent: PropTypes.number.isRequired,// value of slider
-    scale: PropTypes.number
+    scale: PropTypes.number
-  };
+  };
-  /**
+  /**
-   * Determine if the user is still dragging
+   * Determine if the user is still dragging
-   * @param  {Object} props React Component properties
+   * @param  {Object} props React Component properties
-   */
+   */
-  constructor(props) {
+  constructor(props) {
-    super(props);
+    super(props);
-    this._handleFocus = this._handleFocus.bind(this);
+    this._handleFocus = this._handleFocus.bind(this);
-    this._handleBlur = this._handleBlur.bind(this);
+    this._handleBlur = this._handleBlur.bind(this);
-    this._handleChange = this._handleChange.bind(this);
+    this._handleChange = this._handleChange.bind(this);
-    this._keyup = this._keyup.bind(this);
+    this._keyup = this._keyup.bind(this);
-    this.state = this._getInitialState();
+    this.state = this._getInitialState();
-  }
+  }
-  /**
+  /**
-   * Update input value if slider changes will change props/state
+   * Update input value if slider changes will change props/state
-   * @param  {Object} nextProps React Component properites
+   * @param  {Object} nextProps React Component properites
-   * @param  {Object} nextState React Component state values
+   * @param  {Object} nextState React Component state values
-   */
+   */
-  componentWillReceiveProps(nextProps, nextState) {
+  componentWillReceiveProps(nextProps, nextState) {
-    let nextValue = nextProps.percent * nextProps.max;
+    let nextValue = nextProps.percent * nextProps.max;
-    // See https://stackoverflow.com/questions/32414308/updating-state-on-props-change-in-react-form
+    // See https://stackoverflow.com/questions/32414308/updating-state-on-props-change-in-react-form
-    if (nextValue !== this.state.inputValue && nextValue <= nextProps.max) {
+    if (nextValue !== this.state.inputValue && nextValue <= nextProps.max) {
-      this.setState({ inputValue: nextValue });
+      this.setState({ inputValue: nextValue });
-    }
+    }
-  }
+  }
-    /**
+    /**
-   * Update slider textbox visibility/values if changes are made to slider
+   * Update slider textbox visibility/values if changes are made to slider
-   * @param  {Object} prevProps React Component properites
+   * @param  {Object} prevProps React Component properites
-   * @param  {Object} prevState React Component state values
+   * @param  {Object} prevState React Component state values
-   */
+   */
-  componentDidUpdate(prevProps, prevState) {
+  componentDidUpdate(prevProps, prevState) {
-    if (prevState.divStyle.display == 'none' && this.state.divStyle.display == 'block') {
+    if (prevState.divStyle.display == 'none' && this.state.divStyle.display == 'block') {
-      this.enterTimer = setTimeout(() => this.sliderVal.focus(), 10);
+      this.enterTimer = setTimeout(() => this.sliderVal.focus(), 10);  
-    }
+    }
-    if (prevProps.max !== this.props.max && this.state.inputValue > this.props.max) {
+    if (prevProps.max !== this.props.max && this.state.inputValue > this.props.max) {
-      // they chose a different module
+      // they chose a different module
-      this.setState({ inputValue: this.props.max });
+      this.setState({ inputValue: this.props.max });
-    }
+    }
-    if (this.state.inputValue != prevState.inputValue && prevProps.max == this.props.max) {
+    if (this.state.inputValue != prevState.inputValue && prevProps.max == this.props.max) {
-      this.props.onChange(this.state.inputValue / this.props.max);
+      this.props.onChange(this.state.inputValue / this.props.max);
-    }
+    }
-  }
+  }
-  /**
+  /**
-   * Set initial state for the textbox.
+   * Set initial state for the textbox. 
-   * We may want to rethink this to
+   * We may want to rethink this to 
-   * try and make it a stateless component
+   * try and make it a stateless component
-   * @returns {object} React state object with initial values set
+   * @returns {object} React state object with initial values set
-   */
+   */
-  _getInitialState() {
+  _getInitialState() {
-    return {
+    return {
-      divStyle: { display:'none' },
+      divStyle: { display:'none' }, 
-      inputStyle: { width:'4em' },
+      inputStyle: { width:'4em' },
-      labelStyle: { marginLeft: '.1em' },
+      labelStyle: { marginLeft: '.1em' },
-      maxLength:5,
+      maxLength:5,
-      size:5,
+      size:5,
-      min:0,
+      min:0,
-      tabIndex:-1,
+      tabIndex:-1,
-      type:'number',
+      type:'number',
-      readOnly: true,
+      readOnly: true,
-      inputValue: this.props.percent * this.props.max
+      inputValue: this.props.percent * this.props.max
-    };
+    };
-  }
+  }
-  /**
+  /**
-   *
+   * 
-   * @param {string} val block or none
+   * @param {string} val block or none
-   */
+   */
-  _setDisplay(val) {
+  _setDisplay(val) {
-    this.setState({
+    this.setState({
-      divStyle: { display:val }
+      divStyle: { display:val }
-    });
+    });
-  }
+  }
-  /**
+  /**
-   * Update the input value
+   * Update the input value
-   * when textbox gets focus
+   * when textbox gets focus
-   */
+   */
-  _handleFocus() {
+  _handleFocus() {
-    this.setState({
+    this.setState({
-      inputValue:this._getValue()
+      inputValue:this._getValue()
-    });
+    });
-  }
+  }
-  /**
+  /**
-   * Update inputValue when textbox loses focus
+   * Update inputValue when textbox loses focus
-   */
+   */
-  _handleBlur() {
+  _handleBlur() {
-    this._setDisplay('none');
+    this._setDisplay('none');
-    if (this.state.inputValue !== '') {
+    if (this.state.inputValue !== '') {
-      this.props.onChange(this.state.inputValue / this.props.max);
+      this.props.onChange(this.state.inputValue / this.props.max);
-    } else {
+    } else {
-      this.setState({
+      this.setState({
-        inputValue: this.props.percent * this.props.max
+        inputValue: this.props.percent * this.props.max
-      });
+      });
-    }
+    }
-  }
+  }
-  /**
+  /**
-   * Get the value in the text box
+   * Get the value in the text box
-   * @returns {number} inputValue Value of the input box
+   * @returns {number} inputValue Value of the input box 
-   */
+   */
-  _getValue() {
+  _getValue() {
-    return this.state.inputValue;
+    return this.state.inputValue;
-  }
+  }
-  /**
+  /**
-   * Update and set limits on input box
+   * Update and set limits on input box
-   * values depending on what user
+   * values depending on what user
-   * has selected
+   * has selected
-   *
+   * 
-   * @param {SyntheticEvent} event ReactJs onChange event
+   * @param {SyntheticEvent} event ReactJs onChange event
-   */
+   */
-  _handleChange(event) {
+  _handleChange(event) {
-    if (event.target.value < 0) {
+    if (event.target.value < 0) {
-      this.setState({ inputValue: 0 });
+      this.setState({ inputValue: 0 });
-    } else if (event.target.value <= this.props.max)  {
+    } else if (event.target.value <= this.props.max)  {
-      this.setState({ inputValue: event.target.value });
+      this.setState({ inputValue: event.target.value });
-    } else {
+    } else {
-      this.setState({ inputValue: this.props.max });
+      this.setState({ inputValue: this.props.max });
-    }
+    }
-  }
+  }
-  /**
+  /**
-   * Key up handler for input field.
+   * Key up handler for input field.
-   * If user hits Enter key, blur/close the input field
+   * If user hits Enter key, blur/close the input field
-   * @param {Event} event Keyboard event
+   * @param {Event} event Keyboard event
-   */
+   */
-  _keyup(event) {
+  _keyup(event) {
-    switch (event.key) {
+    switch (event.key) {
-      case 'Enter':
+      case 'Enter':
-        this.sliderVal.blur();
+        this.sliderVal.blur();
-        return;
+        return;
-      default:
+      default:
-        return;
+        return;
-    }
+    }
-  }
+  }
-  /**
+  /**
-   * Get the value in the text box
+   * Get the value in the text box
-   * @return {React.Component} Text Input component for Slider
+   * @return {React.Component} Text Input component for Slider
-   */
+   */
-  render() {
+  render() {
-    let {  axisUnit, onChange, percent, scale } = this.props;
+    let {  axisUnit, onChange, percent, scale } = this.props;
-    return <div style={this.state.divStyle}><input style={this.state.inputStyle} value={this._getValue()} min={this.state.min} max={this.props.max} onChange={this._handleChange} onKeyUp={this._keyup} tabIndex={this.state.tabIndex} maxLength={this.state.maxLength} size={this.state.size} onBlur={() => {this._handleBlur();}} onFocus={() => {this._handleFocus();}} type={this.state.type} ref={(ip) => this.sliderVal = ip}/><text className="primary upp" style={this.state.labelStyle}>{this.props.axisUnit}</text></div>;
+    return <div style={this.state.divStyle}><input style={this.state.inputStyle} value={this._getValue()} min={this.state.min} max={this.props.max} onChange={this._handleChange} onKeyUp={this._keyup} tabIndex={this.state.tabIndex} maxLength={this.state.maxLength} size={this.state.size} onBlur={() => {this._handleBlur();}} onFocus={() => {this._handleFocus();}} type={this.state.type} ref={(ip) => this.sliderVal = ip}/><text className="primary upp" style={this.state.labelStyle}>{this.props.axisUnit}</text></div>;
-  }
+  }
-}
+}
-
+

src/app/components/Slot.jsx

@@ -99,7 +99,6 @@ export default class Slot extends TranslatedComponent {
     let translate = language.translate;
     let { ship, m, enabled, dropClass, dragOver, onOpen, onChange, selected, eligible, onSelect, warning, availableModules } = this.props;
     let slotDetails, modificationsMarker, menu;
-    let missing = false;
 
     if (!selected) {
       // If not selected then sure that modifications flag is unset
@@ -109,11 +108,6 @@ export default class Slot extends TranslatedComponent {
     if (m) {
       slotDetails = this._getSlotDetails(m, enabled, translate, language.formats, language.units);  // Must be implemented by sub classes
       modificationsMarker = JSON.stringify(m);
-      if(typeof m.grp !== 'undefined' || m.grp !== null) {
-        if(m.grp == "mh" || m.grp == "mm") {
-          missing = true;
-        }
-      }
     } else {
       slotDetails = <div className={'empty'}>{translate(eligible ? 'emptyrestricted' : 'empty')}</div>;
       modificationsMarker = '';
@@ -133,8 +127,8 @@ export default class Slot extends TranslatedComponent {
         menu = <AvailableModulesMenu
           className={this._getClassNames()}
           modules={availableModules()}
+          shipMass={ship.hullMass}
           m={m}
-          ship={ship}
           onSelect={onSelect}
           warning={warning}
           diffDetails={diffDetails.bind(ship, this.context.language)}
@@ -144,16 +138,13 @@ export default class Slot extends TranslatedComponent {
     }
 
     // TODO: implement touch dragging
-    
+
     return (
       <div className={cn('slot', dropClass, { selected })} onClick={onOpen} onKeyDown={this._keyDown} onContextMenu={this._contextMenu} onDragOver={dragOver} tabIndex="0" ref={slotDiv => this.slotDiv = slotDiv}>
-        {
+        <div className='details-container'>
-          // If missing module/hardpoint, set the div container to warning status.
-        }
-        <div className={ missing === true ? 'details-container warning' : 'details-container'}>
           <div className='sz'>{this._getMaxClassLabel(translate)}</div>
             {slotDetails}
-  	    </div>
+  	  </div>
         {menu}
       </div>
     );

src/app/components/SlotSection.jsx

@@ -195,15 +195,6 @@ export default class SlotSection extends TranslatedComponent {
         if (targetSlot && canMount(this.props.ship, targetSlot, m.grp, m.class)) {
           const mCopy = m.clone();
           this.props.ship.use(targetSlot, mCopy, false);
-          let experimentalNum = this.props.ship.hardpoints
-            .filter(s => s.m && s.m.experimental).length;
-          // Remove the module on the last slot if we now exceed the number of
-          // experimentals allowed
-          if (m.experimental && 4 < experimentalNum) {
-            this.props.ship.updateStats(originSlot, null, originSlot.m);
-            originSlot.m = null;  // Empty the slot
-            originSlot.discountedCost = 0;
-          }
           // Copy power info
           targetSlot.enabled = originSlot.enabled;
           targetSlot.priority = originSlot.priority;

src/app/components/StandardSlot.jsx

@@ -93,11 +93,6 @@ export default class StandardSlot extends TranslatedComponent {
       this._modificationsSelected = false;
     }
 
-    // If this is a missing module, therefore has the 'info' field, set the warning value on the module to be true when loaded.
-    if (m.info) {
-      warning = () => true;
-    }
-
     const modificationsMarker = JSON.stringify(m);
 
     if (selected) {
@@ -114,8 +109,8 @@ export default class StandardSlot extends TranslatedComponent {
         menu = <AvailableModulesMenu
           className='standard'
           modules={modules}
+          shipMass={ModuleUtils.isShieldGenerator(m.grp) ? ship.hullMass : ship.unladenMass}
           m={m}
-          ship={ship}
           onSelect={onSelect}
           warning={warning}
           diffDetails={diffDetails.bind(ship, this.context.language)}
@@ -129,7 +124,7 @@ export default class StandardSlot extends TranslatedComponent {
         <div className={cn('details-container', { warning: warning && warning(slot.m), disabled: m.grp !== 'bh' && !slot.enabled })}>
           <div className={'sz'}>{m.grp == 'bh' ? m.name.charAt(0) : slot.maxClass}</div>
           <div>
-            <div className={'l'}>{classRating} {m.getInfo() ? translate(m.ukName) : translate(m.name || m.grp)}{m.mods && Object.keys(m.mods).length > 0 ? <span className='r' onMouseOver={termtip.bind(null, modTT)} onMouseOut={tooltip.bind(null, null)}><Modified /></span> : null }</div>
+            <div className={'l'}>{classRating} {translate(m.name || m.grp)}{m.mods && Object.keys(m.mods).length > 0 ? <span className='r' onMouseOver={termtip.bind(null, modTT)} onMouseOut={tooltip.bind(null, null)}><Modified /></span> : null }</div>
             <div className={'r'}>{formats.round(mass)}{units.T}</div>
 	    <div/>
             <div className={'cb'}>
@@ -149,8 +144,7 @@ export default class StandardSlot extends TranslatedComponent {
                 { showModuleResistances && m.getKineticResistance() ? <div className='l'>{translate('kinres')}: {formats.pct(m.getKineticResistance())}</div> : null }
                 { showModuleResistances && m.getThermalResistance() ? <div className='l'>{translate('thermres')}: {formats.pct(m.getThermalResistance())}</div> : null }
                 { m.getIntegrity() ? <div className='l'>{translate('integrity')}: {formats.int(m.getIntegrity())}</div> : null }
-                { m.getInfo() ? <div className='l'>{translate(m.getInfo())}</div> : null }
+	        { validMods.length > 0 ? <div className='r' tabIndex="0" ref={ modButton => this.modButton = modButton }><button  tabIndex="-1" onClick={this._toggleModifications.bind(this)} onContextMenu={stopCtxPropagation} onMouseOver={termtip.bind(null, 'modifications')} onMouseOut={tooltip.bind(null, null)}><ListModifications /></button></div> : null }
-	        { m.getInfo() ? <div className='r'></div> : validMods.length > 0 ? <div className='r' tabIndex="0" ref={ modButton => this.modButton = modButton }><button  tabIndex="-1" onClick={this._toggleModifications.bind(this)} onContextMenu={stopCtxPropagation} onMouseOver={termtip.bind(null, 'modifications')} onMouseOut={tooltip.bind(null, null)}><ListModifications /></button></div> : null }
             </div>
           </div>
         </div>

src/app/components/SvgIcons.jsx

@@ -247,8 +247,7 @@ export class OrbisIcon extends SvgIcon {
         <path d="m155.34 679.12 173.25-190.21-15.626-13.721-170.9 190.4zm31.01 31.714 202.41-169.1-16.418-14.417-198.76 170.43z"/>
         <path d="m702.66 178.87-173.25 190.21 15.625 13.721 170.9-190.4zm-31.01-31.714-202.41 169.1 16.418 14.417 198.76-170.43z" />
         <rect transform="matrix(-.7071 -.7071 .7071 -.7071 429.34 1036.2)" x="387.09" y="420.77" width="84.379" height="16.859" />
-      </g>
+    </g>);
-    );
   }
 }
 

src/app/components/VerticalBarChart.jsx

@@ -1,80 +1,104 @@
-import TranslatedComponent from './TranslatedComponent';
+import TranslatedComponent from './TranslatedComponent';
-import React, { PropTypes } from 'react';
+import React, { PropTypes } from 'react';
-import ContainerDimensions from 'react-container-dimensions';
+import ContainerDimensions from 'react-container-dimensions';
-import { BarChart, Bar, XAxis, YAxis, LabelList } from 'recharts';
+import { BarChart, Bar, XAxis, YAxis } from 'recharts';
-
+
-const CORIOLIS_COLOURS = ['#FF8C0D', '#1FB0FF', '#71A052', '#D5D54D'];
+const CORIOLIS_COLOURS = ['#FF8C0D', '#1FB0FF', '#71A052', '#D5D54D'];
-const LABEL_COLOUR = '#000000';
+const LABEL_COLOUR = '#000000';
-const AXIS_COLOUR = '#C06400';
+const AXIS_COLOUR = '#C06400';
-
+
-const ASPECT = 1;
+const ASPECT = 1;
-
+
-const merge = function(one, two) {
+const merge = function(one, two) {
-  return Object.assign({}, one, two);
+  return Object.assign({}, one, two);
-};
+};
-
+
-/**
+/**
- * A vertical bar chart
+ * A vertical bar chart
- */
+ */
-export default class VerticalBarChart extends TranslatedComponent {
+export default class VerticalBarChart extends TranslatedComponent {
-  static propTypes = {
+  static propTypes = {
-    data : PropTypes.array.isRequired,
+    data : PropTypes.array.isRequired,
-    yMax : PropTypes.number
+    yMax : PropTypes.number
-  };
+  };
-
+
-  /**
+  /**
-   * Constructor
+   * Constructor
-   * @param  {Object} props   React Component properties
+   * @param  {Object} props   React Component properties
-   * @param  {Object} context React Component context
+   * @param  {Object} context React Component context
-   */
+   */
-  constructor(props, context) {
+  constructor(props, context) {
-    super(props);
+    super(props);
-
+
-    this._termtip = this._termtip.bind(this);
+    this._termtip = this._termtip.bind(this);
-  }
+  }
-
+
-  /**
+  /**
-   * Render the bar chart
+   * Render the bar chart
-   * @returns {Object} the markup
+   * @returns {Object} the markup
-   */
+   */
-  render() {
+  render() {
-    const { tooltip, termtip } = this.context;
+    const { tooltip, termtip } = this.context;
-
+
-    // Calculate maximum for Y
+    // Calculate maximum for Y
-    let dataMax = Math.max(...this.props.data.map(d => d.value));
+    let dataMax = Math.max(...this.props.data.map(d => d.value));
-    if (dataMax == -Infinity) dataMax = 0;
+    if (dataMax == -Infinity) dataMax = 0;
-    let yMax = this.props.yMax ? Math.round(this.props.yMax) : 0;
+    let yMax = this.props.yMax ? Math.round(this.props.yMax) : 0;
-    const localMax = Math.max(dataMax, yMax);
+    const localMax = Math.max(dataMax, yMax);
-
+
-    return (
+    return (
-      <ContainerDimensions>
+      <ContainerDimensions>
-        { ({ width }) => (
+        { ({ width }) => (
-          <div width='100%'>
+          <div width='100%'>
-            <BarChart width={width} height={width * ASPECT} data={this.props.data} margin={{ top: 5, right: 5, left: 5, bottom: 5 }}>
+            <BarChart width={width} height={width * ASPECT} data={this.props.data} margin={{ top: 5, right: 5, left: 5, bottom: 5 }}>
-              <XAxis interval={0} fontSize='0.8em' stroke={AXIS_COLOUR} dataKey='label' />
+              <XAxis interval={0} fontSize='0.8em' stroke={AXIS_COLOUR} dataKey='label' />
-              <YAxis interval={'preserveStart'} tickCount={11} fontSize='0.8em' stroke={AXIS_COLOUR} type='number' domain={[0, localMax]}/>
+              <YAxis interval={'preserveStart'} tickCount={11} fontSize='0.8em' stroke={AXIS_COLOUR} type='number' domain={[0, localMax]}/>
-              <Bar dataKey='value' fill={CORIOLIS_COLOURS[0]} isAnimationActive={false} onMouseOver={this._termtip} onMouseOut={tooltip.bind(null, null)}>
+              <Bar dataKey='value' label={<ValueLabel />} fill={CORIOLIS_COLOURS[0]} isAnimationActive={false} onMouseOver={this._termtip} onMouseOut={tooltip.bind(null, null)}/>
-                <LabelList dataKey='value' position='insideTop'/>
+            </BarChart>
-              </Bar>
+          </div>
-            </BarChart>
+        )}
-          </div>
+      </ContainerDimensions>
-        )}
+    );
-      </ContainerDimensions>
+  }
-    );
+
-  }
+  /**
-
+   * Generate a term tip
-  /**
+   * @param {Object} d the data
-   * Generate a term tip
+   * @param {number} i the index
-   * @param {Object} d the data
+   * @param {Object} e the event
-   * @param {number} i the index
+   * @returns {Object} termtip markup
-   * @param {Object} e the event
+   */
-   * @returns {Object} termtip markup
+  _termtip(d, i, e) {
-   */
+    if (this.props.data[i].tooltip) {
-  _termtip(d, i, e) {
+      return this.context.termtip(this.props.data[i].tooltip, e);
-    if (this.props.data[i].tooltip) {
+    } else {
-      return this.context.termtip(this.props.data[i].tooltip, e);
+      return null;
-    } else {
+    }
-      return null;
+  }
-    }
+}
-  }
+
-}
+/**
+ * A label that displays the value within the bar of the chart
+ */
+class ValueLabel extends React.Component {
+  static propTypes = {
+    x: PropTypes.number,
+    y: PropTypes.number,
+    payload: PropTypes.object,
+    value: PropTypes.number
+  };
+
+  /**
+   * Render offence
+   * @return {React.Component} contents
+   */
+  render() {
+    const { x, y, payload, value } = this.props;
+
+    const em = value < 1000 ? '1em' : value < 1000 ? '0.8em' : '0.7em';
+
+    return (
+      <text x={x} y={y} fill="#000000" textAnchor="middle" dy={20} style={{ fontSize: em }}>{value}</text>
+    );
+  }
+};

src/app/i18n/Language.jsx

@@ -7,8 +7,6 @@ import * as IT from './it';
 import * as RU from './ru';
 import * as PL from './pl';
 import * as PT from './pt';
-import * as CN from './cn';
-import * as KO from './ko';
 import * as d3 from 'd3';
 
 let fallbackTerms = EN.terms;
@@ -29,8 +27,6 @@ export function getLanguage(langCode) {
     case 'ru': lang = RU; break;
     case 'pl': lang = PL; break;
     case 'pt': lang = PT; break;
-    case 'cn': lang = CN; break;
-    case 'ko': lang = KO; break;
     default:
       lang = EN;
   }
@@ -98,7 +94,5 @@ export const Languages = {
   fr: 'Français',
   ru: 'ру́сский',
   pl: 'polski',
-  pt: 'português',
+  pt: 'português'
-  cn: '中文',
-  ko: '한국어'
 };

src/app/i18n/cn.js

@@ -1,16 +0,0 @@
-export const formats = {
-  decimal: '.',
-  thousands: ',',
-  grouping: [3],
-  currency: ['￥', ''],
-  dateTime: '%a %b %e %X %Y',
-  date: '%Y年%m月%d日',
-  time: '%H:%M:%S',
-  periods: ['AM', 'PM'],
-  days: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
-  shortDays: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
-  months: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
-  shortMonths: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']
-};
-
-export { default as terms } from './cn.json';

src/app/i18n/de.js

@@ -1,16 +1,16 @@
-export const formats = {
+export const formats = {
-  decimal: ',',
+  decimal: ',',
-  thousands: '.',
+  thousands: '.',
-  grouping: [3],
+  grouping: [3],
-  currency: ['', ' €'],
+  currency: ['', ' €'],
-  dateTime: '%A, der %e. %B %Y, %X',
+  dateTime: '%A, der %e. %B %Y, %X',
-  date: '%d.%m.%Y',
+  date: '%d.%m.%Y',
-  time: '%H:%M:%S',
+  time: '%H:%M:%S',
-  periods: ['AM', 'PM'], // unused
+  periods: ['AM', 'PM'], // unused
-  days: ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'],
+  days: ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'],
-  shortDays: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],
+  shortDays: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],
-  months: ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'],
+  months: ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'],
-  shortMonths: ['Jan', 'Feb', 'Mrz', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez']
+  shortMonths: ['Jan', 'Feb', 'Mrz', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez']
-};
+};
-
+
-export { default as terms } from './de.json';
+export { default as terms } from './de.json';

src/app/i18n/fr.json

@@ -59,7 +59,7 @@
     "empty all": "vide tout",
     "Enter Name": "Entrer nom",
     "Explorer": "explorateur",
-    "farthest range": "gamme la plus rapide",
+    "fastest range": "gamme la plus rapide",
     "fuel": "carburant",
     "fuel level": "niveau de carburant",
     "full tank": "Réservoir plein",

src/app/i18n/ko.js

@@ -1,16 +0,0 @@
-export const formats = {
-    decimal: '.',
-    thousands: ',',
-    grouping: [3],
-    currency: ['₩', ''],
-    dateTime: '%a %b %e %X %Y',
-    date: '%Y/%m/%d',
-    time: '%H:%M:%S',
-    periods: ['오전', '오후'],
-    days: ['일요일', '월요일', '화요일', '수요일', '목요일', '금요일', '토요일'],
-    shortDays: ['일', '월', '화', '수', '목', '금', '토'],
-    months: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
-    shortMonths: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월']
-};
-
-export { default as terms } from './ko.json';

src/app/i18n/pt.js

@@ -2,15 +2,15 @@ export const formats = {
   decimal: ',',
   thousands: '.',
   grouping: [3],
-  currency: ['$', ''],
+  currency: ['', ' €'],
   dateTime: '%A, %e de %B de %Y, %X',
   date: '%d/%m/%Y',
   time: '%H:%M:%S',
   periods: ['AM', 'PM'],
-  days: ['domingo', 'segunda', 'terça', 'quarta', 'quinta', 'sexta', 'sábado'],
+  days: ['domingo', 'lunes', 'martes', 'miércoles', 'jueves', 'viernes', 'sábado'],
-  shortDays: ['dom', 'seg', 'ter', 'qua', 'qui', 'sex', 'sab'],
+  shortDays: ['dom', 'lun', 'mar', 'mié', 'jue', 'vie', 'sáb'],
-  months: ['janeiro', 'fevereiro', 'março', 'abril', 'maio', 'junho', 'julho', 'agosto', 'setembro', 'outubro', 'novembro', 'dezembro'],
+  months: ['enero', 'febrero', 'marzo', 'abril', 'mayo', 'junio', 'julio', 'agosto', 'septiembre', 'octubre', 'noviembre', 'diciembre'],
-  shortMonths: ['jan', 'fev', 'mar', 'abr', 'mai', 'jun', 'jul', 'ago', 'set', 'out', 'nov', 'dez']
+  shortMonths: ['ene', 'feb', 'mar', 'abr', 'may', 'jun', 'jul', 'ago', 'sep', 'oct', 'nov', 'dic']
 };
 
 export { default as terms } from './pt.json';

src/app/index.js

@@ -1,6 +1,12 @@
+import '@babel/polyfill';
 import React from 'react';
 import { render } from 'react-dom';
 import '../less/app.less';
 import Coriolis from './Coriolis';
+// import TapEventPlugin from 'react/lib/TapEventPlugin';
+// import EventPluginHub from 'react/lib/EventPluginHub';
+
+// onTouchTap not ready for primetime yet, too many issues with preventing default
+// EventPluginHub.injection.injectEventPluginsByName({ TapEventPlugin });
 
 render(<Coriolis />, document.getElementById('coriolis'));

src/app/pages/AboutPage.jsx

@@ -6,6 +6,7 @@ import { CoriolisLogo, GitHub } from '../components/SvgIcons';
  * About Page
  */
 export default class AboutPage extends Page {
+
   /**
    * Constructor
    * @param  {Object} props   React Component properties
@@ -22,79 +23,33 @@ export default class AboutPage extends Page {
    * @return {React.Component} The page contents
    */
   renderPage() {
-    return (
+    return <div className={'page'} style={{ textAlign: 'left', maxWidth: 800, margin: '0 auto' }}>
-      <div
+      <h1><CoriolisLogo style={{ marginRight: '0.4em' }} className='xl'/><span className='warning'>Coriolis EDCD Edition</span></h1>
-        className={'page'}
-        style={{ textAlign: 'left', maxWidth: 800, margin: '0 auto' }}
-      >
-        <h1>
-          <CoriolisLogo style={{ marginRight: '0.4em' }} className="xl" />
-          <span className="warning">Coriolis EDCD Edition</span>
-        </h1>
 
-        <p>
+      <p>This is a clone of the Coriolis project, whose original author is currently unable to maintain it. This clone is maintained by the <a href="http://edcd.github.io/">EDCD community</a>.</p>
-          This is a clone of the Coriolis project, whose original author is
+      <p>To recover your builds, go to <a href='https://coriolis.io/' target='_blank'>https://coriolis.io/</a>, backup your builds (Settings / Backup), copy the text, return here and import (Settings / Import).</p>
-          currently unable to maintain it. This clone is maintained by the{' '}
+      <p>The Coriolis project was inspired by <a href='http://www.edshipyard.com/' target='_blank'>E:D Shipyard</a> and, of course, <a href='http://www.elitedangerous.com' target='_blank'>Elite Dangerous</a>. The ultimate goal of Coriolis is to provide rich features to support in-game play and planning while engaging the E:D community to support its development.</p>
-          <a href="http://edcd.github.io/">EDCD community</a>.
+      <p>Coriolis was created using assets and imagery from Elite: Dangerous, with the permission of Frontier Developments plc, for non-commercial purposes. It is not endorsed by nor reflects the views or opinions of Frontier Developments.  A number of assets were sourced from <a href='http://edassets.org' target='_blank'>ED Assets</a></p>
-        </p>
-        <p>
-          To recover your builds, go to{' '}
-          <a href="https://coriolis.io/" target="_blank">
-            https://coriolis.io/
-          </a>
-          , backup your builds (Settings / Backup), copy the text, return here
-          and import (Settings / Import).
-        </p>
-        <p>
-          The Coriolis project was inspired by{' '}
-          <a href="http://www.edshipyard.com/" target="_blank">
-            E:D Shipyard
-          </a>{' '}
-          and, of course,{' '}
-          <a href="http://www.elitedangerous.com" target="_blank">
-            Elite Dangerous
-          </a>
-          . The ultimate goal of Coriolis is to provide rich features to support
-          in-game play and planning while engaging the E:D community to support
-          its development.
-        </p>
-        <p>
-          Coriolis was created using assets and imagery from Elite: Dangerous,
-          with the permission of Frontier Developments plc, for non-commercial
-          purposes. It is not endorsed by nor reflects the views or opinions of
-          Frontier Developments. A number of assets were sourced from{' '}
-          <a href="http://edassets.org" target="_blank">
-            ED Assets
-          </a>
-        </p>
 
-        <a
+      <a style={{ display: 'block', textDecoration: 'none' }} href='https://github.com/EDCD/coriolis' target='_blank' title='Coriolis Github Project'>
-          style={{ display: 'block', textDecoration: 'none' }}
+        <GitHub style={{ margin: '0.4em' }} className='l fg xl'/>
-          href="https://github.com/EDCD/coriolis"
+        <h2 style={{ margin: 0, textDecoration: 'none' }}>Github</h2>
-          target="_blank"
+        github.com/EDCD/coriolis
-          title="Coriolis Github Project"
+      </a>
-        >
-          <GitHub style={{ margin: '0.4em' }} className="l fg xl" />
-          <h2 style={{ margin: 0, textDecoration: 'none' }}>Github</h2>
-          github.com/EDCD/coriolis
-        </a>
 
-        <p>
+      <p>Coriolis is an open source project. Checkout the list of upcoming features and to-do list on github. Any and all contributions and feedback are welcome. If you encounter any bugs please report them and provide as much detail as possible.</p>
-          Coriolis is an open source project. Checkout the list of upcoming
-          features and to-do list on github. Any and all contributions and
-          feedback are welcome. If you encounter any bugs please report them and
-          provide as much detail as possible.
-        </p>
 
-        <h3>Chat</h3>
+      <h3>Chat</h3>
-        <p>
+      <p>You can chat to us on our <a href='https://discord.gg/0uwCh6R62aPRjk9w' target='_blank'>EDCD Discord server</a>.</p>
-          You can chat to us on our{' '}
+
-          <a href="https://discord.gg/0uwCh6R62aPRjk9w" target="_blank">
+      <h3>Supporting Coriolis</h3>
-            EDCD Discord server
+      <p>Coriolis is an open source project, and I work on it in my free time. I have set up a patreon at <a href='https://www.patreon.com/coriolis_elite'>patreon.com/coriolis_elite</a>, which will be used to keep Coriolis up to date and the servers running.</p>
-          </a>
+      <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
-          .
+        <input type="hidden" name="cmd" value="_s-xclick"/>
-        </p>
+        <input type="hidden" name="hosted_button_id" value="SJBKT2SWEEU68" />
-      </div>
+        <input type="image" src="https://www.paypalobjects.com/en_AU/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online!" />
-    );
+        <img alt="" border="0" src="https://www.paypalobjects.com/en_AU/i/scr/pixel.gif" width="1" height="1" />
+        </form>
+    </div>;
   }
 }

src/app/pages/ComparisonPage.jsx

@@ -13,14 +13,7 @@ import ModalCompare from '../components/ModalCompare';
 import ModalExport from '../components/ModalExport';
 import ModalPermalink from '../components/ModalPermalink';
 import ModalImport from '../components/ModalImport';
-import {
+import { FloppyDisk, Bin, Download, Embed, Rocket, LinkIcon } from '../components/SvgIcons';
-  FloppyDisk,
-  Bin,
-  Download,
-  Embed,
-  Rocket,
-  LinkIcon
-} from '../components/SvgIcons';
 import ShortenUrl from '../utils/ShortenUrl';
 import { comparisonBBCode } from '../utils/BBCode';
 const browser = require('detect-browser');
@@ -49,6 +42,7 @@ function sortBy(predicate) {
  * Comparison Page
  */
 export default class ComparisonPage extends Page {
+
   /**
    * Constructor
    * @param  {Object} props   React Component properties
@@ -87,13 +81,7 @@ export default class ComparisonPage extends Page {
         for (let shipId in allBuilds) {
           for (let buildName in allBuilds[shipId]) {
             if (buildName && allBuilds[shipId][buildName]) {
-              builds.push(
+              builds.push(this._createBuild(shipId, buildName, allBuilds[shipId][buildName]));
-                this._createBuild(
-                  shipId,
-                  buildName,
-                  allBuilds[shipId][buildName]
-                )
-              );
             }
           }
         }
@@ -101,9 +89,7 @@ export default class ComparisonPage extends Page {
         let comparisonData = Persist.getComparison(name);
         if (comparisonData) {
           defaultFacets = comparisonData.facets;
-          comparisonData.builds.forEach(b =>
+          comparisonData.builds.forEach((b) => builds.push(this._createBuild(b.shipId, b.buildName)));
-            builds.push(this._createBuild(b.shipId, b.buildName))
-          );
           saved = true;
           newName = name;
         }
@@ -115,7 +101,7 @@ export default class ComparisonPage extends Page {
         newName = name = comparisonData.n;
         predicate = comparisonData.p;
         desc = comparisonData.d;
-        comparisonData.b.forEach(build => {
+        comparisonData.b.forEach((build) => {
           builds.push(this._createBuild(build.s, build.n, build.c));
           if (!importObj[build.s]) {
             importObj[build.s] = {};
@@ -132,9 +118,9 @@ export default class ComparisonPage extends Page {
     let selectedFacets = new Array(selectedLength);
 
     for (let i = 0; i < ShipFacets.length; i++) {
-      let facet = Object.assign({}, ShipFacets[i]);
+      let facet = Object.assign({ }, ShipFacets[i]);
       let defaultIndex = defaultFacets.indexOf(facet.i);
-      if (defaultIndex == -1) {
+      if(defaultIndex == -1) {
         facets.push(facet);
       } else {
         facet.active = true;
@@ -169,18 +155,17 @@ export default class ComparisonPage extends Page {
   _createBuild(id, name, code) {
     code = code ? code : Persist.getBuild(id, name); // Retrieve build code if not passed
 
-    if (!code) {
+    if (!code) {  // No build found
-      // No build found
       return;
     }
 
-    let data = Ships[id]; // Get ship properties
+    let data = Ships[id];   // Get ship properties
     let b = new Ship(id, data.properties, data.slots); // Create a new Ship instance
-    b.buildFrom(code); // Populate components from code
+    b.buildFrom(code);  // Populate components from code
     b.buildName = name;
     b.applyDiscounts(Persist.getShipDiscount(), Persist.getModuleDiscount());
     return b;
-  }
+  };
 
   /**
    * Update state with the specified sort predicates
@@ -199,18 +184,13 @@ export default class ComparisonPage extends Page {
     }
 
     this.setState({ predicate, desc });
-  }
+  };
 
   /**
    * Show selected builds modal
    */
   _selectBuilds() {
-    this.context.showModal(
+    this.context.showModal(<ModalCompare onSelect={this._buildsSelected} builds={this.state.builds} />);
-      <ModalCompare
-        onSelect={this._buildsSelected}
-        builds={this.state.builds}
-      />
-    );
   }
 
   /**
@@ -244,7 +224,7 @@ export default class ComparisonPage extends Page {
   _facetDrag(e) {
     this.nodeAfter = false;
     this.dragged = e.currentTarget;
-    let placeholder = (this.placeholder = document.createElement('li'));
+    let placeholder = this.placeholder = document.createElement('li');
     placeholder.style.width = Math.round(this.dragged.offsetWidth) + 'px';
     placeholder.className = 'facet-placeholder';
     if (!browser || (browser.name !== 'edge' && browser.name !== 'ie')) {
@@ -282,7 +262,7 @@ export default class ComparisonPage extends Page {
   _facetDragOver(e) {
     e.preventDefault();
 
-    if (e.target.className == 'facet-placeholder') {
+    if(e.target.className == 'facet-placeholder') {
       return;
     } else if (e.target != e.currentTarget) {
       this.over = e.target;
@@ -292,7 +272,7 @@ export default class ComparisonPage extends Page {
       let parent = e.target.parentNode;
 
       if (parent == e.currentTarget) {
-        if (relX > width && this.dragged != e.target) {
+        if(relX > width && this.dragged != e.target) {
           this.nodeAfter = true;
           parent.insertBefore(this.placeholder, e.target.nextElementSibling);
         } else {
@@ -341,7 +321,7 @@ export default class ComparisonPage extends Page {
     let { newName, builds, facets } = this.state;
     let selectedFacets = [];
 
-    facets.forEach(f => {
+    facets.forEach((f) => {
       if (f.active) {
         selectedFacets.unshift(f.i);
       }
@@ -368,20 +348,14 @@ export default class ComparisonPage extends Page {
 
     let code = fromComparison(name, builds, selectedFacets, predicate, desc);
     let loc = window.location;
-    return (
+    return loc.protocol + '//' + loc.host + '/comparison?code=' + encodeURIComponent(code);
-      loc.protocol +
-      '//' +
-      loc.host +
-      '/comparison?code=' +
-      encodeURIComponent(code)
-    );
   }
 
   /**
    * Generates the long permalink URL
    */
   _genPermalink() {
-    this.context.showModal(<ModalPermalink url={this._buildUrl()} />);
+    this.context.showModal(<ModalPermalink url={this._buildUrl()}/>);
   }
 
   /**
@@ -391,25 +365,18 @@ export default class ComparisonPage extends Page {
     let { translate, formats } = this.context.language;
     let { facets, builds } = this.state;
 
-    let generator = callback => {
+    let generator = (callback) => {
       let url = this._buildUrl();
-      ShortenUrl(
+      ShortenUrl(url,
-        url,
+        (shortenedUrl) => callback(comparisonBBCode(translate, formats, facets, builds, shortenedUrl)),
-        shortenedUrl =>
+        (error) => callback(comparisonBBCode(translate, formats, facets, builds, url))
-          callback(
-            comparisonBBCode(translate, formats, facets, builds, shortenedUrl)
-          ),
-        error =>
-          callback(comparisonBBCode(translate, formats, facets, builds, url))
       );
     };
 
-    this.context.showModal(
+    this.context.showModal(<ModalExport
-      <ModalExport
+      title={translate('forum') + ' BBCode'}
-        title={translate('forum') + ' BBCode'}
+      generator={generator}
-        generator={generator}
+    />);
-      />
-    );
   }
 
   /**
@@ -442,8 +409,7 @@ export default class ComparisonPage extends Page {
    * @param  {Object} nextContext Incoming/Next conext
    */
   componentWillReceiveProps(nextProps, nextContext) {
-    if (this.context.route !== nextContext.route) {
+    if (this.context.route !== nextContext.route) {  // Only reinit state if the route has changed
-      // Only reinit state if the route has changed
       this.setState(this._initState(nextContext));
     }
   }
@@ -453,10 +419,7 @@ export default class ComparisonPage extends Page {
    */
   componentWillMount() {
     this.resizeListener = this.context.onWindowResize(this._updateDimensions);
-    this.persistListener = Persist.addListener(
+    this.persistListener = Persist.addListener('discounts', this._updateDiscounts);
-      'discounts',
-      this._updateDiscounts
-    );
   }
 
   /**
@@ -481,132 +444,65 @@ export default class ComparisonPage extends Page {
   renderPage() {
     let translate = this.context.language.translate;
     let compareHeader;
-    let {
+    let { newName, name, saved, builds, facets, predicate, desc, chartWidth } = this.state;
-      newName,
-      name,
-      saved,
-      builds,
-      facets,
-      predicate,
-      desc,
-      chartWidth
-    } = this.state;
 
     if (this.state.compareMode) {
-      compareHeader = (
+      compareHeader = <tr>
-        <tr>
+        <td className='head'>{translate('comparison')}</td>
-          <td className="head">{translate('comparison')}</td>
+        <td>
-          <td>
+          <input value={newName} onChange={this._onNameChange} placeholder={translate('Enter Name')} maxLength='50' />
-            <input
+          <button onClick={this._save} disabled={!newName || newName == 'all' || saved}>
-              value={newName}
+            <FloppyDisk  className='lg'/><span className='button-lbl'>{translate('save')}</span>
-              onChange={this._onNameChange}
+          </button>
-              placeholder={translate('Enter Name')}
+          <button onClick={this._delete} disabled={name == 'all' || !saved}><Bin className='lg warning'/></button>
-              maxLength="50"
+          <button onClick={this._selectBuilds}>
-            />
+            <Rocket className='lg'/><span className='button-lbl'>{translate('builds')}</span>
-            <button
+          </button>
-              onClick={this._save}
+          <button className='r' onClick={this._genPermalink} disabled={builds.length == 0}>
-              disabled={!newName || newName == 'all' || saved}
+            <LinkIcon className='lg'/><span className='button-lbl'>{translate('permalink')}</span>
-            >
+          </button>
-              <FloppyDisk className="lg" />
+          <button className='r' onClick={this._genBBcode} disabled={builds.length == 0}>
-              <span className="button-lbl">{translate('save')}</span>
+            <Embed className='lg'/><span className='button-lbl'>{translate('forum')}</span>
-            </button>
+          </button>
-            <button onClick={this._delete} disabled={name == 'all' || !saved}>
+        </td>
-              <Bin className="lg warning" />
+      </tr>;
-            </button>
-            <button onClick={this._selectBuilds}>
-              <Rocket className="lg" />
-              <span className="button-lbl">{translate('builds')}</span>
-            </button>
-            <button
-              className="r"
-              onClick={this._genPermalink}
-              disabled={builds.length == 0}
-            >
-              <LinkIcon className="lg" />
-              <span className="button-lbl">{translate('permalink')}</span>
-            </button>
-            <button
-              className="r"
-              onClick={this._genBBcode}
-              disabled={builds.length == 0}
-            >
-              <Embed className="lg" />
-              <span className="button-lbl">{translate('forum')}</span>
-            </button>
-          </td>
-        </tr>
-      );
     } else {
-      compareHeader = (
+      compareHeader = <tr>
-        <tr>
+        <td className='head'>{translate('comparison')}</td>
-          <td className="head">{translate('comparison')}</td>
+        <td>
-          <td>
+          <h3>{name}</h3>
-            <h3>{name}</h3>
+          <button className='r' onClick={this._import}><Download className='lg'/>{translate('import')}</button>
-            <button className="r" onClick={this._import}>
+        </td>
-              <Download className="lg" />
+      </tr>;
-              {translate('import')}
-            </button>
-          </td>
-        </tr>
-      );
     }
 
     return (
-      <div
+      <div className={'page'} style={{ fontSize: this.context.sizeRatio + 'em' }}>
-        className={'page'}
+        <table id='comparison'>
-        style={{ fontSize: this.context.sizeRatio + 'em' }}
-      >
-        <table id="comparison">
           <tbody>
             {compareHeader}
-            <tr key="facets">
+            <tr key='facets'>
-              <td className="head">{translate('compare')}</td>
+              <td className='head'>{translate('compare')}</td>
               <td>
-                <ul id="facet-container" onDragOver={this._facetDragOver}>
+                <ul id='facet-container' onDragOver={this._facetDragOver}>
-                  {facets.map((f, i) => (
+                  {facets.map((f, i) =>
-                    <li
+                    <li key={f.title} data-i={i} draggable='true' onDragStart={this._facetDrag} onDragEnd={this._facetDrop} className={cn('facet', { active: f.active })} onClick={this._toggleFacet.bind(this, f)}>
-                      key={f.title}
-                      data-i={i}
-                      draggable="true"
-                      onDragStart={this._facetDrag}
-                      onDragEnd={this._facetDrop}
-                      className={cn('facet', { active: f.active })}
-                      onClick={this._toggleFacet.bind(this, f)}
-                    >
                       {'↔  ' + translate(f.title)}
                     </li>
-                  ))}
+                  )}
                 </ul>
               </td>
             </tr>
           </tbody>
         </table>
 
-        <ComparisonTable
+        <ComparisonTable builds={builds} facets={facets} onSort={this._sortShips} predicate={predicate} desc={desc} />
-          builds={builds}
-          facets={facets}
-          onSort={this._sortShips}
-          predicate={predicate}
-          desc={desc}
-        />
 
-        {!builds.length ? (
+        {!builds.length ?
-          <div className="chart" ref={node => (this.chartRef = node)}>
+          <div className='chart' ref={node => this.chartRef = node}>{translate('PHRASE_NO_BUILDS')}</div> :
-            {translate('PHRASE_NO_BUILDS')}
+          facets.filter((f) => f.active).map((f, i) =>
-          </div>
+            <div key={f.title} className='chart' ref={ i == 0 ? node => this.chartRef = node : null}>
-        ) : (
+              <h3 className='ptr' onClick={this._sortShips.bind(this, f.props[0])}>{translate(f.title)}</h3>
-          facets.filter(f => f.active).map((f, i) => (
-            <div
-              key={f.title}
-              className="chart"
-              ref={i == 0 ? node => (this.chartRef = node) : null}
-            >
-              <h3
-                className="ptr"
-                onClick={this._sortShips.bind(this, f.props[0])}
-              >
-                {translate(f.title)}
-              </h3>
               <BarChart
                 width={chartWidth}
                 data={builds}
@@ -619,8 +515,8 @@ export default class ComparisonPage extends Page {
                 desc={desc}
               />
             </div>
-          ))
         )}
+
       </div>
     );
   }

src/app/pages/ErrorDetails.jsx

@@ -45,9 +45,6 @@ export default class ErrorDetails extends React.Component {
     return <div className='error'>
       <h1>Jameson, we have a problem..</h1>
       <h1><small>{error.message}</small></h1>
-        Import Error handling has been improved, but still isn't perfect. <br/>MOST Import failures are a result of missing modules in Coriolis, <br />OR incorrect import strings generated by third party apps. If you're seeing this page, we may have failed to handle the errors in your import correctly. Please see the data output below, specifically the 'scriptUrl:' section if it's there and then if you feel confident enough, please check the github issues page linked below and see if there is a similar issue already logged. If not, please create a new issue with the data below. If you're not confident, please ask for help on the Coriolis Channel of the EDCD Discord server.
-        <br/>
-        <br/>
       <br/>
         {importerror ? <div>If you are attempting to import a ship from EDDI or EDMC and are seeing a 'Z_BUF_ERROR' it means that the URL has not been provided correctly.  This is a common problem when using Microsoft Internet Explorer or Microsoft Edge, and you should use another browser instead.</div> : null }
       <br/>

src/app/pages/NotFoundPage.jsx

@@ -5,6 +5,7 @@ import Page from './Page';
  * 404 Page
  */
 export default class NotFoundPage extends Page {
+
   /**
    * Constructor
    * @param  {Object} props   React Component properties
@@ -21,10 +22,6 @@ export default class NotFoundPage extends Page {
    * @return {React.Component} The page contents
    */
   renderPage() {
-    return (
+    return <div className='page' style={{ marginTop: 30 }}>Page <small>{this.context.route.path}</small> Not Found</div>;
-      <div className="page" style={{ marginTop: 30 }}>
-        Page <small>{this.context.route.path}</small> Not Found
-      </div>
-    );
   }
 }

src/app/pages/OutfittingPage.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+// import Perf from 'react-addons-perf';
 import { Ships } from 'coriolis-data/dist';
 import cn from 'classnames';
 import Page from './Page';
@@ -18,6 +19,7 @@ import {
   LinkIcon,
   ShoppingIcon,
   MatIcon,
+  OrbisIcon
 } from '../components/SvgIcons';
 import LZString from 'lz-string';
 import ShipSummaryTable from '../components/ShipSummaryTable';
@@ -35,6 +37,7 @@ import OutfittingSubpages from '../components/OutfittingSubpages';
 import ModalExport from '../components/ModalExport';
 import ModalPermalink from '../components/ModalPermalink';
 import ModalShoppingList from '../components/ModalShoppingList';
+import ModalOrbis from '../components/ModalOrbis';
 
 /**
  * Document Title Generator
@@ -50,6 +53,7 @@ function getTitle(shipName, buildName) {
  * The Outfitting Page
  */
 export default class OutfittingPage extends Page {
+
   /**
    * Constructor
    * @param  {Object} props   React Component properties
@@ -57,6 +61,7 @@ export default class OutfittingPage extends Page {
    */
   constructor(props, context) {
     super(props, context);
+    // window.Perf = Perf;
     this.state = this._initState(props, context);
     this._keyDown = this._keyDown.bind(this);
     this._exportBuild = this._exportBuild.bind(this);
@@ -80,38 +85,22 @@ export default class OutfittingPage extends Page {
     let shipId = params.ship;
     let code = params.code;
     let buildName = params.bn;
-    let data = Ships[shipId]; // Retrieve the basic ship properties, slots and defaults
+    let data = Ships[shipId];   // Retrieve the basic ship properties, slots and defaults
     let savedCode = Persist.getBuild(shipId, buildName);
     if (!data) {
       return { error: { message: 'Ship not found: ' + shipId } };
     }
-    let ship = new Ship(shipId, data.properties, data.slots); // Create a new Ship instance
+    let ship = new Ship(shipId, data.properties, data.slots);          // Create a new Ship instance
     if (code) {
-      ship.buildFrom(code); // Populate modules from serialized 'code' URL param
+      ship.buildFrom(code);  // Populate modules from serialized 'code' URL param
     } else {
-      ship.buildWith(data.defaults); // Populate with default components
+      ship.buildWith(data.defaults);  // Populate with default components
     }
 
     this._getTitle = getTitle.bind(this, data.properties.name);
 
     // Obtain ship control from code
-    const {
+    const { sys, eng, wep, mcSys, mcEng, mcWep, boost, fuel, cargo, opponent, opponentBuild, opponentSys, opponentEng, opponentWep, engagementRange } = this._obtainControlFromCode(ship, code);
-      sys,
-      eng,
-      wep,
-      mcSys,
-      mcEng,
-      mcWep,
-      boost,
-      fuel,
-      cargo,
-      opponent,
-      opponentBuild,
-      opponentSys,
-      opponentEng,
-      opponentWep,
-      engagementRange
-    } = this._obtainControlFromCode(ship, code);
     return {
       error: null,
       title: this._getTitle(buildName),
@@ -150,10 +139,7 @@ export default class OutfittingPage extends Page {
     };
 
     if (Persist.hasBuild(this.state.shipId, stateChanges.newBuildName)) {
-      stateChanges.savedCode = Persist.getBuild(
+      stateChanges.savedCode = Persist.getBuild(this.state.shipId, stateChanges.newBuildName);
-        this.state.shipId,
-        stateChanges.newBuildName
-      );
     } else {
       stateChanges.savedCode = null;
     }
@@ -179,9 +165,7 @@ export default class OutfittingPage extends Page {
    * @returns {string}        the code for this ship
    */
   _fullCode(ship, fuel, cargo) {
-    return `${ship.toString()}.${LZString.compressToBase64(
+    return `${ship.toString()}.${LZString.compressToBase64(this._controlCode(fuel, cargo))}`;
-      this._controlCode(fuel, cargo)
-    )}`;
   }
 
   /**
@@ -201,11 +185,7 @@ export default class OutfittingPage extends Page {
     let boost = false;
     let fuel = ship.fuelCapacity;
     let cargo = ship.cargoCapacity;
-    let opponent = new Ship(
+    let opponent = new Ship('eagle', Ships['eagle'].properties, Ships['eagle'].slots).buildWith(Ships['eagle'].defaults);
-      'eagle',
-      Ships['eagle'].properties,
-      Ships['eagle'].slots
-    ).buildWith(Ships['eagle'].defaults);
     let opponentSys = 2;
     let opponentEng = 2;
     let opponentWep = 2;
@@ -217,25 +197,16 @@ export default class OutfittingPage extends Page {
       const parts = code.split('.');
       if (parts.length >= 5) {
         // We have control information in the code
-        const control = LZString.decompressFromBase64(
+        const control = LZString.decompressFromBase64(Utils.fromUrlSafe(parts[4])).split('/');
-          Utils.fromUrlSafe(parts[4])
+        sys = parseFloat(control[0]) || sys;
-        ).split('/');
+        eng = parseFloat(control[1]) || eng;
-        sys = parseFloat(control[0]);
+        wep = parseFloat(control[2]) || wep;
-        eng = parseFloat(control[1]);
-        wep = parseFloat(control[2]);
-        if (sys + eng + wep > 6) {
-          sys = eng = wep = 2;
-        }
         boost = control[3] == 1 ? true : false;
         fuel = parseFloat(control[4]) || fuel;
         cargo = parseInt(control[5]) || cargo;
         if (control[6]) {
           const shipId = control[6];
-          opponent = new Ship(
+          opponent = new Ship(shipId, Ships[shipId].properties, Ships[shipId].slots);
-            shipId,
-            Ships[shipId].properties,
-            Ships[shipId].slots
-          );
           if (control[7] && Persist.getBuild(shipId, control[7])) {
             // Ship is a particular build
             const opponentCode = Persist.getBuild(shipId, control[7]);
@@ -245,9 +216,7 @@ export default class OutfittingPage extends Page {
               // Obtain opponent's sys/eng/wep pips from their code
               const opponentParts = opponentCode.split('.');
               if (opponentParts.length >= 5) {
-                const opponentControl = LZString.decompressFromBase64(
+                const opponentControl = LZString.decompressFromBase64(Utils.fromUrlSafe(opponentParts[4])).split('/');
-                  Utils.fromUrlSafe(opponentParts[4])
-                ).split('/');
                 opponentSys = parseFloat(opponentControl[0]) || opponentSys;
                 opponentEng = parseFloat(opponentControl[1]) || opponentEng;
                 opponentWep = parseFloat(opponentControl[2]) || opponentWep;
@@ -268,23 +237,7 @@ export default class OutfittingPage extends Page {
       }
     }
 
-    return {
+    return { sys, eng, wep, mcSys, mcEng, mcWep, boost, fuel, cargo, opponent, opponentBuild, opponentSys, opponentEng, opponentWep, engagementRange };
-      sys,
-      eng,
-      wep,
-      mcSys,
-      mcEng,
-      mcWep,
-      boost,
-      fuel,
-      cargo,
-      opponent,
-      opponentBuild,
-      opponentSys,
-      opponentEng,
-      opponentWep,
-      engagementRange
-    };
   }
 
   /**
@@ -299,9 +252,7 @@ export default class OutfittingPage extends Page {
    * @param {number} mcWep  WEP pips from multi-crew
    */
   _pipsUpdated(sys, eng, wep, mcSys, mcEng, mcWep) {
-    this.setState({ sys, eng, wep, mcSys, mcEng, mcWep }, () =>
+    this.setState({ sys, eng, wep, mcSys, mcEng, mcWep }, () =>  this._updateRouteOnControlChange());
-      this._updateRouteOnControlChange()
-    );
   }
 
   /**
@@ -309,7 +260,7 @@ export default class OutfittingPage extends Page {
    * @param {boolean} boost true if boosting
    */
   _boostUpdated(boost) {
-    this.setState({ boost }, () => this._updateRouteOnControlChange());
+    this.setState({ boost }, () =>  this._updateRouteOnControlChange());
   }
 
   /**
@@ -317,7 +268,7 @@ export default class OutfittingPage extends Page {
    * @param {number} fuel the amount of fuel, in T
    */
   _fuelUpdated(fuel) {
-    this.setState({ fuel }, () => this._updateRouteOnControlChange());
+    this.setState({ fuel }, () =>  this._updateRouteOnControlChange());
   }
 
   /**
@@ -325,7 +276,7 @@ export default class OutfittingPage extends Page {
    * @param {number} cargo the amount of cargo, in T
    */
   _cargoUpdated(cargo) {
-    this.setState({ cargo }, () => this._updateRouteOnControlChange());
+    this.setState({ cargo }, () =>  this._updateRouteOnControlChange());
   }
 
   /**
@@ -333,9 +284,7 @@ export default class OutfittingPage extends Page {
    * @param {number} engagementRange the engagement range, in m
    */
   _engagementRangeUpdated(engagementRange) {
-    this.setState({ engagementRange }, () =>
+    this.setState({ engagementRange }, () =>  this._updateRouteOnControlChange());
-      this._updateRouteOnControlChange()
-    );
   }
 
   /**
@@ -344,11 +293,7 @@ export default class OutfittingPage extends Page {
    * @param {string} opponentBuild  the name of the opponent's build
    */
   _opponentUpdated(opponent, opponentBuild) {
-    const opponentShip = new Ship(
+    const opponentShip  = new Ship(opponent, Ships[opponent].properties, Ships[opponent].slots);
-      opponent,
-      Ships[opponent].properties,
-      Ships[opponent].slots
-    );
     let opponentSys = this.state.opponentSys;
     let opponentEng = this.state.opponentEng;
     let opponentWep = this.state.opponentWep;
@@ -356,13 +301,9 @@ export default class OutfittingPage extends Page {
       // Ship is a particular build
       opponentShip.buildFrom(Persist.getBuild(opponent, opponentBuild));
       // Set pips for opponent
-      const opponentParts = Persist.getBuild(opponent, opponentBuild).split(
+      const opponentParts = Persist.getBuild(opponent, opponentBuild).split('.');
-        '.'
-      );
       if (opponentParts.length >= 5) {
-        const opponentControl = LZString.decompressFromBase64(
+        const opponentControl = LZString.decompressFromBase64(Utils.fromUrlSafe(opponentParts[4])).split('/');
-          Utils.fromUrlSafe(opponentParts[4])
-        ).split('/');
         opponentSys = parseFloat(opponentControl[0]);
         opponentEng = parseFloat(opponentControl[1]);
         opponentWep = parseFloat(opponentControl[2]);
@@ -375,16 +316,7 @@ export default class OutfittingPage extends Page {
       opponentWep = 2;
     }
 
-    this.setState(
+    this.setState({ opponent: opponentShip, opponentBuild, opponentSys, opponentEng, opponentWep }, () =>  this._updateRouteOnControlChange());
-      {
-        opponent: opponentShip,
-        opponentBuild,
-        opponentSys,
-        opponentEng,
-        opponentWep
-      },
-      () => this._updateRouteOnControlChange()
-    );
   }
 
   /**
@@ -394,22 +326,8 @@ export default class OutfittingPage extends Page {
    * @returns {string}        The control code
    */
   _controlCode(fuel, cargo) {
-    const {
+    const { sys, eng, wep, mcSys, mcEng, mcWep, boost, opponent, opponentBuild, engagementRange } = this.state;
-      sys,
+    const code = `${sys}/${eng}/${wep}/${boost ? 1 : 0}/${fuel || this.state.fuel}/${cargo || this.state.cargo}/${opponent.id}/${opponentBuild ? opponentBuild : ''}/${engagementRange}/${mcSys}/${mcEng}/${mcWep}`;
-      eng,
-      wep,
-      mcSys,
-      mcEng,
-      mcWep,
-      boost,
-      opponent,
-      opponentBuild,
-      engagementRange
-    } = this.state;
-    const code = `${sys}/${eng}/${wep}/${boost ? 1 : 0}/${fuel ||
-      this.state.fuel}/${cargo || this.state.cargo}/${opponent.id}/${
-      opponentBuild ? opponentBuild : ''
-    }/${engagementRange}/${mcSys}/${mcEng}/${mcWep}`;
     return code;
   }
 
@@ -420,44 +338,27 @@ export default class OutfittingPage extends Page {
     const { ship, buildName, newBuildName, shipId } = this.state;
 
     // If this is a stock ship the code won't be set, so ensure that we have it
-    const code = this.state.code || ship.toString();
+    const code =  this.state.code || ship.toString();
 
     Persist.saveBuild(shipId, newBuildName, code);
     this._updateRoute(shipId, newBuildName, code);
 
     let opponent, opponentBuild, opponentSys, opponentEng, opponentWep;
-    if (
+    if (shipId === this.state.opponent.id && buildName === this.state.opponentBuild) {
-      shipId === this.state.opponent.id &&
-      buildName === this.state.opponentBuild
-    ) {
       // This is a save of our current opponent build; update it
       opponentBuild = newBuildName;
-      opponent = new Ship(
+      opponent  = new Ship(shipId, Ships[shipId].properties, Ships[shipId].slots).buildFrom(code);
-        shipId,
-        Ships[shipId].properties,
-        Ships[shipId].slots
-      ).buildFrom(code);
       opponentSys = this.state.sys;
       opponentEng = this.state.eng;
       opponentWep = this.state.wep;
     } else {
       opponentBuild = this.state.opponentBuild;
-      opponent = this.state.opponent;
+      opponent  = this.state.opponent;
       opponentSys = this.state.opponentSys;
       opponentEng = this.state.opponentEng;
       opponentWep = this.state.opponentWep;
     }
-    this.setState({
+    this.setState({ buildName: newBuildName, code, savedCode: code, opponent, opponentBuild, opponentSys, opponentEng, opponentWep, title: this._getTitle(newBuildName) });
-      buildName: newBuildName,
-      code,
-      savedCode: code,
-      opponent,
-      opponentBuild,
-      opponentSys,
-      opponentEng,
-      opponentWep,
-      title: this._getTitle(newBuildName)
-    });
   }
 
   /**
@@ -469,12 +370,7 @@ export default class OutfittingPage extends Page {
       Persist.deleteBuild(shipId, buildName);
       Persist.saveBuild(shipId, newBuildName, code);
       this._updateRoute(shipId, newBuildName, code);
-      this.setState({
+      this.setState({ buildName: newBuildName, code, savedCode: code, opponentBuild: newBuildName });
-        buildName: newBuildName,
-        code,
-        savedCode: code,
-        opponentBuild: newBuildName
-      });
     }
   }
 
@@ -494,7 +390,9 @@ export default class OutfittingPage extends Page {
     ship.buildWith(Ships[shipId].defaults);
     // Reset controls
     const code = ship.toString();
-    const {
+    const { sys, eng, wep, mcSys, mcEng, mcWep, boost, fuel, cargo, opponent, opponentBuild, engagementRange } = this._obtainControlFromCode(ship, code);
+    // Update state, and refresh the ship
+    this.setState({
       sys,
       eng,
       wep,
@@ -507,25 +405,7 @@ export default class OutfittingPage extends Page {
       opponent,
       opponentBuild,
       engagementRange
-    } = this._obtainControlFromCode(ship, code);
+    }, () => this._updateRoute(shipId, buildName, code));
-    // Update state, and refresh the ship
-    this.setState(
-      {
-        sys,
-        eng,
-        wep,
-        mcSys,
-        mcEng,
-        mcWep,
-        boost,
-        fuel,
-        cargo,
-        opponent,
-        opponentBuild,
-        engagementRange
-      },
-      () => this._updateRoute(shipId, buildName, code)
-    );
   }
 
   /**
@@ -536,10 +416,7 @@ export default class OutfittingPage extends Page {
     Persist.deleteBuild(shipId, buildName);
 
     let opponentBuild;
-    if (
+    if (shipId === this.state.opponent.id && buildName === this.state.opponentBuild) {
-      shipId === this.state.opponent.id &&
-      buildName === this.state.opponentBuild
-    ) {
       // Our current opponent has been deleted; revert to stock
       opponentBuild = null;
     } else {
@@ -556,13 +433,11 @@ export default class OutfittingPage extends Page {
   _exportBuild() {
     let translate = this.context.language.translate;
     let { buildName, ship } = this.state;
-    this.context.showModal(
+    this.context.showModal(<ModalExport
-      <ModalExport
+      title={(buildName || ship.name) + ' ' + translate('export')}
-        title={(buildName || ship.name) + ' ' + translate('export')}
+      description={translate('PHRASE_EXPORT_DESC')}
-        description={translate('PHRASE_EXPORT_DESC')}
+      data={toDetailedBuild(buildName, ship, ship.toString())}
-        data={toDetailedBuild(buildName, ship, ship.toString())}
+    />);
-      />
-    );
   }
 
   /**
@@ -575,7 +450,9 @@ export default class OutfittingPage extends Page {
     this.state.ship.buildFrom(code);
 
     // Obtain controls from the code
-    const {
+    const { sys, eng, wep, mcSys, mcEng, mcWep, boost, fuel, cargo, opponent, opponentBuild, engagementRange } = this._obtainControlFromCode(ship, code);
+    // Update state, and refresh the route when complete
+    this.setState({
       sys,
       eng,
       wep,
@@ -588,25 +465,7 @@ export default class OutfittingPage extends Page {
       opponent,
       opponentBuild,
       engagementRange
-    } = this._obtainControlFromCode(ship, code);
+    }, () => this._updateRoute(shipId, buildName, code));
-    // Update state, and refresh the route when complete
-    this.setState(
-      {
-        sys,
-        eng,
-        wep,
-        mcSys,
-        mcEng,
-        mcWep,
-        boost,
-        fuel,
-        cargo,
-        opponent,
-        opponentBuild,
-        engagementRange
-      },
-      () => this._updateRoute(shipId, buildName, code)
-    );
   }
 
   /**
@@ -622,14 +481,8 @@ export default class OutfittingPage extends Page {
     }
     const code = this._fullCode(ship, fuel, cargo);
     // Only update the state if this really has been updated
-    if (
+    if (this.state.code != code || this.state.cargo != cargo || this.state.fuel != fuel) {
-      this.state.code != code ||
+      this.setState({ code, cargo, fuel }, () => this._updateRoute(shipId, buildName, code));
-      this.state.cargo != cargo ||
-      this.state.fuel != fuel
-    ) {
-      this.setState({ code, cargo, fuel }, () =>
-        this._updateRoute(shipId, buildName, code)
-      );
     }
   }
 
@@ -649,8 +502,7 @@ export default class OutfittingPage extends Page {
    * @param  {Object} nextContext Incoming/Next conext
    */
   componentWillReceiveProps(nextProps, nextContext) {
-    if (this.context.route !== nextContext.route) {
+    if (this.context.route !== nextContext.route) {  // Only reinit state if the route has changed
-      // Only reinit state if the route has changed
       this.setState(this._initState(nextProps, nextContext));
     }
   }
@@ -673,34 +525,45 @@ export default class OutfittingPage extends Page {
    * Generates the short URL
    */
   _genShortlink() {
-    this.context.showModal(<ModalPermalink url={window.location.href} />);
+    this.context.showModal(<ModalPermalink url={window.location.href}/>);
   }
 
   /**
-   * Open up a window for inara with a shopping list of our components
+   * Generate Orbis link
    */
-  _inaraShoppingList() {
+  _genOrbis() {
+    const data = {};
+    const ship = this.state.ship;
+    ship.coriolisId = ship.id;
+    data.coriolisShip = ship;
+    data.url = window.location.href;
+    data.title = this.state.buildName || ship.id;
+    data.description = this.state.buildName || ship.id;
+    data.ShipName = ship.id;
+    data.Ship = ship.id;
+    console.log(data);
+    this.context.showModal(<ModalOrbis ship={data}/>);
+  }
+
+  /**
+   * Open up a window for EDDB with a shopping list of our components
+   */
+  _eddbShoppingList() {
     const ship = this.state.ship;
 
     const shipId = Ships[ship.id].eddbID;
     // Provide unique list of non-PP module EDDB IDs
-    const modIds = ship.internal
+    const modIds = ship.internal.concat(ship.bulkheads, ship.standard, ship.hardpoints).filter(slot => slot !== null && slot.m !== null && !slot.m.pp).map(slot => slot.m.eddbID).filter((v, i, a) => a.indexOf(v) === i);
-      .concat(ship.bulkheads, ship.standard, ship.hardpoints)
-      .filter(slot => slot !== null && slot.m !== null && !slot.m.pp)
-      .map(slot => slot.m.eddbID)
-      .filter((v, i, a) => a.indexOf(v) === i);
 
     // Open up the relevant URL
-    window.open(
+    window.open('https://eddb.io/station?s=' + shipId + '&m=' + modIds.join(','));
-      'https://inara.cz/inapi/corisearch.php?s=' + shipId + '&m=' + modIds.join(',')
-    );
   }
 
   /**
    * Generates the shopping list
    */
   _genShoppingList() {
-    this.context.showModal(<ModalShoppingList ship={this.state.ship} />);
+    this.context.showModal(<ModalShoppingList ship={this.state.ship}/>);
   }
 
   /**
@@ -710,9 +573,8 @@ export default class OutfittingPage extends Page {
   _keyDown(e) {
     // .keyCode will eventually be replaced with .key
     switch (e.keyCode) {
-      case 69: // 'e'
+      case 69:     // 'e'
-        if (e.ctrlKey || e.metaKey) {
+        if (e.ctrlKey || e.metaKey) { // CTRL/CMD + e
-          // CTRL/CMD + e
           e.preventDefault();
           this._exportBuild();
         }
@@ -728,28 +590,7 @@ export default class OutfittingPage extends Page {
     let state = this.state,
         { language, termtip, tooltip, sizeRatio, onWindowResize } = this.context,
         { translate, units, formats } = language,
-        {
+        { ship, code, savedCode, buildName, newBuildName, sys, eng, wep, mcSys, mcEng, mcWep, boost, fuel, cargo, opponent, opponentBuild, opponentSys, opponentEng, opponentWep, engagementRange } = state,
-          ship,
-          code,
-          savedCode,
-          buildName,
-          newBuildName,
-          sys,
-          eng,
-          wep,
-          mcSys,
-          mcEng,
-          mcWep,
-          boost,
-          fuel,
-          cargo,
-          opponent,
-          opponentBuild,
-          opponentSys,
-          opponentEng,
-          opponentWep,
-          engagementRange
-        } = state,
         hide = tooltip.bind(null, null),
         menu = this.props.currentMenu,
         shipUpdated = this._shipUpdated,
@@ -767,15 +608,11 @@ export default class OutfittingPage extends Page {
     const _pStr = `${ship.getPowerEnabledString()}${ship.getPowerPrioritiesString()}`;
     const _mStr = ship.getModificationsString();
 
-    const standardSlotMarker = `${ship.name}${_sStr}${_pStr}${_mStr}${
+    const standardSlotMarker = `${ship.name}${_sStr}${_pStr}${_mStr}${ship.ladenMass}${cargo}${fuel}`;
-      ship.ladenMass
-    }${cargo}${fuel}`;
     const internalSlotMarker = `${ship.name}${_iStr}${_pStr}${_mStr}`;
     const hardpointsSlotMarker = `${ship.name}${_hStr}${_pStr}${_mStr}`;
     const boostMarker = `${ship.canBoost(cargo, fuel)}`;
-    const shipSummaryMarker = `${
+    const shipSummaryMarker = `${ship.name}${_sStr}${_iStr}${_hStr}${_pStr}${_mStr}${ship.ladenMass}${cargo}${fuel}`;
-      ship.name
-    }${_sStr}${_iStr}${_hStr}${_pStr}${_mStr}${ship.ladenMass}${cargo}${fuel}`;
 
     const requirements = Ships[ship.id].requirements;
     let requirementElements = [];
@@ -787,268 +624,94 @@ export default class OutfittingPage extends Page {
      */
     function renderRequirement(className, textKey, tooltipTextKey) {
       if (textKey.startsWith('empire') || textKey.startsWith('federation')) {
-        requirementElements.push(
+        requirementElements.push(<div key={textKey} className={className} onMouseEnter={termtip.bind(null, tooltipTextKey)} onMouseLeave={hide}><a href={textKey.startsWith('empire') ? 'http://elite-dangerous.wikia.com/wiki/Empire/Ranks' : 'http://elite-dangerous.wikia.com/wiki/Federation/Ranks'} target="_blank" rel="noopener">{translate(textKey)}</a></div>);
-          <div
-            key={textKey}
-            className={className}
-            onMouseEnter={termtip.bind(null, tooltipTextKey)}
-            onMouseLeave={hide}
-          >
-            <a
-              href={
-                textKey.startsWith('empire') ?
-                  'http://elite-dangerous.wikia.com/wiki/Empire/Ranks' :
-                  'http://elite-dangerous.wikia.com/wiki/Federation/Ranks'
-              }
-              target="_blank"
-              rel="noopener"
-            >
-              {translate(textKey)}
-            </a>
-          </div>
-        );
       } else {
-        requirementElements.push(
+        requirementElements.push(<div key={textKey} className={className} onMouseEnter={termtip.bind(null, tooltipTextKey)} onMouseLeave={hide}>{translate(textKey)}</div>);
-          <div
-            key={textKey}
-            className={className}
-            onMouseEnter={termtip.bind(null, tooltipTextKey)}
-            onMouseLeave={hide}
-          >
-            {translate(textKey)}
-          </div>
-        );
       }
     }
 
     if (requirements) {
-      requirements.federationRank &&
+      requirements.federationRank && renderRequirement('federation', 'federation rank ' + requirements.federationRank, 'federation rank required');
-        renderRequirement(
+      requirements.empireRank && renderRequirement('empire', 'empire rank ' + requirements.empireRank, 'empire rank required');
-          'federation',
+      requirements.horizons && renderRequirement('horizons', 'horizons', 'horizons required');
-          'federation rank ' + requirements.federationRank,
+      requirements.horizonsEarlyAdoption && renderRequirement('horizons', 'horizons early adoption', 'horizons early adoption required');
-          'federation rank required'
-        );
-      requirements.empireRank &&
-        renderRequirement(
-          'empire',
-          'empire rank ' + requirements.empireRank,
-          'empire rank required'
-        );
-      requirements.horizons &&
-        renderRequirement('horizons', 'horizons', 'horizons required');
-      requirements.horizonsEarlyAdoption &&
-        renderRequirement(
-          'horizons',
-          'horizons early adoption',
-          'horizons early adoption required'
-        );
     }
 
     return (
-      <div
+      <div id='outfit' className={'page'} style={{ fontSize: (sizeRatio * 0.9) + 'em' }}>
-        id="outfit"
+        <div id='overview'>
-        className={'page'}
-        style={{ fontSize: sizeRatio * 0.9 + 'em' }}
-      >
-        <div id="overview">
           <h1>{ship.name}</h1>
-          <div id="requirements">{requirementElements}</div>
+          <div id='requirements'>{requirementElements}</div>
-          <div id="build">
+          <div id='build'>
-            <input
+            <input value={newBuildName || ''} onChange={this._buildNameChange} placeholder={translate('Enter Name')} maxLength={50} />
-              value={newBuildName || ''}
+            <button onClick={canSave && this._saveBuild} disabled={!canSave} onMouseOver={termtip.bind(null, 'save')} onMouseOut={hide}>
-              onChange={this._buildNameChange}
+              <FloppyDisk className='lg' />
-              placeholder={translate('Enter Name')}
-              maxLength={50}
-            />
-            <button
-              onClick={canSave && this._saveBuild}
-              disabled={!canSave}
-              onMouseOver={termtip.bind(null, 'save')}
-              onMouseOut={hide}
-            >
-              <FloppyDisk className="lg" />
             </button>
-            <button
+            <button onClick={canRename && this._renameBuild} disabled={!canRename} onMouseOver={termtip.bind(null, 'rename')} onMouseOut={hide}>
-              onClick={canRename && this._renameBuild}
+            <span style={{ textTransform: 'none', fontSize: '1.8em' }}>a|</span>
-              disabled={!canRename}
-              onMouseOver={termtip.bind(null, 'rename')}
-              onMouseOut={hide}
-            >
-              <span style={{ textTransform: 'none', fontSize: '1.8em' }}>
-                a|
-              </span>
             </button>
-            <button
+            <button onClick={canReload && this._reloadBuild} disabled={!canReload} onMouseOver={termtip.bind(null, 'reload')} onMouseOut={hide}>
-              onClick={canReload && this._reloadBuild}
+              <Reload className='lg'/>
-              disabled={!canReload}
-              onMouseOver={termtip.bind(null, 'reload')}
-              onMouseOut={hide}
-            >
-              <Reload className="lg" />
             </button>
-            <button
+            <button className={'danger'} onClick={savedCode && this._deleteBuild} disabled={!savedCode} onMouseOver={termtip.bind(null, 'delete')} onMouseOut={hide}>
-              className={'danger'}
+              <Bin className='lg'/>
-              onClick={savedCode && this._deleteBuild}
-              disabled={!savedCode}
-              onMouseOver={termtip.bind(null, 'delete')}
-              onMouseOut={hide}
-            >
-              <Bin className="lg" />
             </button>
-            <button
+            <button onClick={code && this._resetBuild} disabled={!code} onMouseOver={termtip.bind(null, 'reset')} onMouseOut={hide}>
-              onClick={code && this._resetBuild}
+              <Switch className='lg'/>
-              disabled={!code}
-              onMouseOver={termtip.bind(null, 'reset')}
-              onMouseOut={hide}
-            >
-              <Switch className="lg" />
             </button>
-            <button
+            <button onClick={buildName && this._exportBuild} disabled={!buildName} onMouseOver={termtip.bind(null, 'export')} onMouseOut={hide}>
-              onClick={buildName && this._exportBuild}
+              <Download className='lg'/>
-              disabled={!buildName}
-              onMouseOver={termtip.bind(null, 'export')}
-              onMouseOut={hide}
-            >
-              <Download className="lg" />
             </button>
-            <button
+            <button onClick={this._eddbShoppingList} onMouseOver={termtip.bind(null, 'PHRASE_SHOPPING_LIST')} onMouseOut={hide}>
-              onClick={this._inaraShoppingList}
+              <ShoppingIcon className='lg' />
-              onMouseOver={termtip.bind(null, 'PHRASE_SHOPPING_LIST')}
-              onMouseOut={hide}
-            >
-              <ShoppingIcon className="lg" />
             </button>
-            <button
+            <button onClick={this._genShortlink} onMouseOver={termtip.bind(null, 'shortlink')} onMouseOut={hide}>
-              onClick={this._genShortlink}
+              <LinkIcon className='lg' />
-              onMouseOver={termtip.bind(null, 'shortlink')}
-              onMouseOut={hide}
-            >
-              <LinkIcon className="lg" />
             </button>
-            <button
+            <button onClick={this._genOrbis} onMouseOver={termtip.bind(null, 'PHASE_UPLOAD_ORBIS')} onMouseOut={hide}>
-              onClick={this._genShoppingList}
+              <OrbisIcon className='lg' />
-              onMouseOver={termtip.bind(null, 'PHRASE_SHOPPING_MATS')}
+            </button>
-              onMouseOut={hide}
+            <button onClick={this._genShoppingList} onMouseOver={termtip.bind(null, 'PHRASE_SHOPPING_MATS')} onMouseOut={hide}>
-            >
+              <MatIcon className='lg' />
-              <MatIcon className="lg" />
             </button>
           </div>
         </div>
 
         {/* Main tables */}
-        <ShipSummaryTable
+        <ShipSummaryTable ship={ship} fuel={fuel} cargo={cargo} marker={shipSummaryMarker} pips={{ sys: this.state.sys, wep: this.state.wep, eng: this.state.eng }} />
-          ship={ship}
+        <StandardSlotSection ship={ship} fuel={fuel} cargo={cargo} code={standardSlotMarker} onChange={shipUpdated} onCargoChange={this._cargoUpdated} onFuelChange={this._fuelUpdated} currentMenu={menu} sectionMenuRefs={this._sectionMenuRefs}/>
-          fuel={fuel}
+        <InternalSlotSection ship={ship} code={internalSlotMarker} onChange={shipUpdated} onCargoChange={this._cargoUpdated} onFuelChange={this._fuelUpdated} currentMenu={menu} sectionMenuRefs={this._sectionMenuRefs}/>
-          cargo={cargo}
+        <HardpointSlotSection ship={ship} code={hardpointsSlotMarker} onChange={shipUpdated} onCargoChange={this._cargoUpdated} onFuelChange={this._fuelUpdated} currentMenu={menu} sectionMenuRefs={this._sectionMenuRefs}/>
-          marker={shipSummaryMarker}
+        <UtilitySlotSection ship={ship} code={hardpointsSlotMarker} onChange={shipUpdated} onCargoChange={this._cargoUpdated} onFuelChange={this._fuelUpdated} currentMenu={menu} sectionMenuRefs={this._sectionMenuRefs}/>
-          pips={{
-            sys: this.state.sys,
-            wep: this.state.wep,
-            eng: this.state.eng
-          }}
-        />
-        <StandardSlotSection
-          ship={ship}
-          fuel={fuel}
-          cargo={cargo}
-          code={standardSlotMarker}
-          onChange={shipUpdated}
-          onCargoChange={this._cargoUpdated}
-          onFuelChange={this._fuelUpdated}
-          currentMenu={menu}
-          sectionMenuRefs={this._sectionMenuRefs}
-        />
-        <InternalSlotSection
-          ship={ship}
-          code={internalSlotMarker}
-          onChange={shipUpdated}
-          onCargoChange={this._cargoUpdated}
-          onFuelChange={this._fuelUpdated}
-          currentMenu={menu}
-          sectionMenuRefs={this._sectionMenuRefs}
-        />
-        <HardpointSlotSection
-          ship={ship}
-          code={hardpointsSlotMarker}
-          onChange={shipUpdated}
-          onCargoChange={this._cargoUpdated}
-          onFuelChange={this._fuelUpdated}
-          currentMenu={menu}
-          sectionMenuRefs={this._sectionMenuRefs}
-        />
-        <UtilitySlotSection
-          ship={ship}
-          code={hardpointsSlotMarker}
-          onChange={shipUpdated}
-          onCargoChange={this._cargoUpdated}
-          onFuelChange={this._fuelUpdated}
-          currentMenu={menu}
-          sectionMenuRefs={this._sectionMenuRefs}
-        />
 
         {/* Control of ship and opponent */}
-        <div className="group quarter">
+        <div className='group quarter'>
-          <div className="group half">
+          <div className='group half'>
-            <h2 style={{ verticalAlign: 'middle', textAlign: 'left' }}>
+            <h2 style={{ verticalAlign: 'middle', textAlign: 'left' }}>{translate('ship control')}</h2>
-              {translate('ship control')}
-            </h2>
           </div>
-          <div className="group half">
+          <div className='group half'>
-            <Boost
+            <Boost marker={boostMarker} ship={ship} boost={boost} onChange={this._boostUpdated} />
-              marker={boostMarker}
-              ship={ship}
-              boost={boost}
-              onChange={this._boostUpdated}
-            />
           </div>
         </div>
-        <div className="group quarter">
+        <div className='group quarter'>
-          <Pips
+          <Pips sys={sys} eng={eng} wep={wep} mcSys={mcSys} mcEng={mcEng} mcWep={mcWep} onChange={this._pipsUpdated} />
-            sys={sys}
-            eng={eng}
-            wep={wep}
-            mcSys={mcSys}
-            mcEng={mcEng}
-            mcWep={mcWep}
-            onChange={this._pipsUpdated}
-          />
         </div>
-        <div className="group quarter">
+        <div className='group quarter'>
-          <Fuel
+          <Fuel fuelCapacity={ship.fuelCapacity} fuel={fuel} onChange={this._fuelUpdated}/>
-            fuelCapacity={ship.fuelCapacity}
-            fuel={fuel}
-            onChange={this._fuelUpdated}
-          />
         </div>
-        <div className="group quarter">
+        <div className='group quarter'>
-          {ship.cargoCapacity > 0 ? (
+          { ship.cargoCapacity > 0 ? <Cargo cargoCapacity={ship.cargoCapacity} cargo={cargo} onChange={this._cargoUpdated}/> : null }
-            <Cargo
-              cargoCapacity={ship.cargoCapacity}
-              cargo={cargo}
-              onChange={this._cargoUpdated}
-            />
-          ) : null}
         </div>
-        <div className="group half">
+        <div className='group half'>
-          <div className="group quarter">
+          <div className='group quarter'>
-            <h2 style={{ verticalAlign: 'middle', textAlign: 'left' }}>
+            <h2 style={{ verticalAlign: 'middle', textAlign: 'left' }}>{translate('opponent')}</h2>
-              {translate('opponent')}
-            </h2>
           </div>
-          <div className="group threequarters">
+          <div className='group threequarters'>
-            <ShipPicker
+            <ShipPicker ship={opponent.id} build={opponentBuild} onChange={this._opponentUpdated}/>
-              ship={opponent.id}
-              build={opponentBuild}
-              onChange={this._opponentUpdated}
-            />
           </div>
         </div>
-        <div className="group half">
+        <div className='group half'>
-          <EngagementRange
+          <EngagementRange ship={ship} engagementRange={engagementRange} onChange={this._engagementRangeUpdated}/>
-            ship={ship}
-            engagementRange={engagementRange}
-            onChange={this._engagementRangeUpdated}
-          />
         </div>
 
         {/* Tabbed subpages */}

src/app/pages/Page.jsx

@@ -51,25 +51,23 @@ export default class Page extends React.Component {
   }
 
   /**
-   * Update the window title upon mount
+   * Pages are 'pure' components that only render when props, state, or context changes.
+   * This method performs a shallow comparison to determine change.
+   *
+   * @param  {Object} np  Next/Incoming properties
+   * @param  {Object} ns  Next/Incoming state
+   * @param  {Object} nc  Next/Incoming context
+   * @return {Boolean}    True if props, state, or context has changed
    */
-  componentWillMount() {
+  shouldComponentUpdate(np, ns, nc) {
-    document.title = this.state.title || 'Coriolis';
+    return !shallowEqual(this.props, np) || !shallowEqual(this.state, ns) || !shallowEqual(this.context, nc);
   }
 
   /**
    * Update the window title upon mount
    */
-  componentDidMount() {
+  componentWillMount() {
     document.title = this.state.title || 'Coriolis';
-    try {
-      (window.adsbygoogle = window.adsbygoogle || []).push({
-        google_ad_client: "ca-pub-3709458261881414",
-        enable_page_level_ads: true
-      });
-    } catch (error) {
-
-    }
   }
 
   /**

src/app/pages/ShipyardPage.jsx

@@ -22,11 +22,9 @@ function countHp(slot) {
  */
 function countInt(slot) {
   let crEligible = !slot.eligible || slot.eligible.cr;
-  this.int[slot.maxClass - 1]++; // Subtract 1 since there is no Class 0 Internal compartment
+  this.int[slot.maxClass - 1]++;  // Subtract 1 since there is no Class 0 Internal compartment
   this.intCount++;
-  this.maxCargo += crEligible ?
+  this.maxCargo += crEligible ? ModuleUtils.findInternal('cr', slot.maxClass, 'E').cargo : 0;
-    ModuleUtils.findInternal('cr', slot.maxClass, 'E').cargo :
-    0;
 
   // if no eligiblity, then assume pce
   let passSlotType = null;
@@ -44,9 +42,7 @@ function countInt(slot) {
     passSlotType = 'pcq';
     passSlotRating = 'B';
   }
-  let passengerBay = passSlotType ?
+  let passengerBay = passSlotType ? ModuleUtils.findMaxInternal(passSlotType, slot.maxClass, passSlotRating) : null;
-    ModuleUtils.findMaxInternal(passSlotType, slot.maxClass, passSlotRating) :
-    null;
   this.maxPassengers += passengerBay ? passengerBay.passengers : 0;
 }
 
@@ -61,27 +57,23 @@ function shipSummary(shipId, shipData) {
     id: shipId,
     hpCount: 0,
     intCount: 0,
-    beta: shipData.beta,
     maxCargo: 0,
     maxPassengers: 0,
     hp: [0, 0, 0, 0, 0], // Utility, Small, Medium, Large, Huge
     int: [0, 0, 0, 0, 0, 0, 0, 0], // Sizes 1 - 8
     standard: shipData.slots.standard,
-    agility:
+    agility: shipData.properties.pitch + shipData.properties.yaw + shipData.properties.roll
-      shipData.properties.pitch +
-      shipData.properties.yaw +
-      shipData.properties.roll
   };
   Object.assign(summary, shipData.properties);
   let ship = new Ship(shipId, shipData.properties, shipData.slots);
 
   // Build Ship
-  ship.buildWith(shipData.defaults); // Populate with stock/default components
+  ship.buildWith(shipData.defaults);              // Populate with stock/default components
   ship.hardpoints.forEach(countHp.bind(summary)); // Count Hardpoints by class
-  ship.internal.forEach(countInt.bind(summary)); // Count Internal Compartments by class
+  ship.internal.forEach(countInt.bind(summary));  // Count Internal Compartments by class
-  summary.retailCost = ship.totalCost; // Record Stock/Default/retail cost
+  summary.retailCost = ship.totalCost;            // Record Stock/Default/retail cost
-  ship.optimizeMass({ pd: '1D' }); // Optimize Mass with 1D PD for maximum possible jump range
+  ship.optimizeMass({ pd: '1D' });                // Optimize Mass with 1D PD for maximum possible jump range
-  summary.maxJumpRange = ship.unladenRange; // Record Jump Range
+  summary.maxJumpRange = ship.unladenRange;       // Record Jump Range
 
   // Best thrusters
   let th;
@@ -105,6 +97,7 @@ function shipSummary(shipId, shipData) {
  * The Shipyard summary page
  */
 export default class ShipyardPage extends Page {
+
   static cachedShipSummaries = null;
 
   /**
@@ -126,14 +119,12 @@ export default class ShipyardPage extends Page {
       title: 'Coriolis EDCD Edition - Shipyard',
       shipPredicate: 'name',
       shipDesc: true,
-      shipSummaries: ShipyardPage.cachedShipSummaries,
+      shipSummaries: ShipyardPage.cachedShipSummaries
-      compare: {},
-      groupCompared: false,
     };
   }
 
   /**
-   * Higlight the current ship in the table on mouse over
+   * Higlight the current ship in the table
    * @param  {String} shipId Ship Id
    * @param  {SyntheticEvent} event  Event
    */
@@ -142,24 +133,6 @@ export default class ShipyardPage extends Page {
     this.setState({ shipId });
   }
 
-  /**
-   * Toggle compare highlighting for ships in the table
-   * @param {String} shipId Ship Id
-   */
-  _toggleCompare(shipId) {
-    let compare = this.state.compare;
-    compare[shipId] = !compare[shipId];
-    this.setState({ compare });
-  }
-
-  /**
-   * Toggle grouping of compared ships in the table
-   * @private
-   */
-  _toggleGroupCompared() {
-    this.setState({groupCompared: !this.state.groupCompared})
-  }
-
   /**
    * Update state with the specified sort predicates
    * @param  {String} shipPredicate      Sort predicate - property name
@@ -172,15 +145,12 @@ export default class ShipyardPage extends Page {
       shipPredicateIndex = undefined;
     }
 
-    if (
+    if (this.state.shipPredicate == shipPredicate && this.state.shipPredicateIndex == shipPredicateIndex) {
-      this.state.shipPredicate == shipPredicate &&
-      this.state.shipPredicateIndex == shipPredicateIndex
-    ) {
       shipDesc = !shipDesc;
     }
 
     this.setState({ shipPredicate, shipDesc, shipPredicateIndex });
-  }
+  };
 
   /**
    * Generate the table row summary for the ship
@@ -189,60 +159,56 @@ export default class ShipyardPage extends Page {
    * @param  {Object} u           Localized unit map
    * @param  {Function} fInt      Localized integer formatter
    * @param  {Function} fRound    Localized round formatter
+   * @param  {Boolean} highlight  Should this row be highlighted
    * @return {React.Component}    Table Row
    */
-  _shipRowElement(s, translate, u, fInt, fRound) {
+  _shipRowElement(s, translate, u, fInt, fRound, highlight) {
     let noTouch = this.context.noTouch;
 
-    return (
+    return <tr
-      <tr
         key={s.id}
         style={{ height: '1.5em' }}
-        className={cn({
+        className={cn({ highlighted: noTouch && this.state.shipId === s.id, alt: highlight })}
-          highlighted: noTouch && this.state.shipId === s.id,
-          comparehighlight: this.state.compare[s.id],
-        })}
         onMouseEnter={noTouch && this._highlightShip.bind(this, s.id)}
-        onClick={() => this._toggleCompare(s.id)}
       >
-        <td className="ri">{fInt(s.retailCost)}</td>
+      <td className='ri'>{s.manufacturer}</td>
-        <td className="ri cap">{translate(SizeMap[s.class])}</td>
+      <td className='ri'>{fInt(s.retailCost)}</td>
-        <td className="ri">{fInt(s.crew)}</td>
+      <td className='ri cap'>{translate(SizeMap[s.class])}</td>
-        <td className="ri">{s.masslock}</td>
+      <td className='ri'>{fInt(s.crew)}</td>
-        <td className="ri">{fInt(s.agility)}</td>
+      <td className='ri'>{s.masslock}</td>
-        <td className="ri">{fInt(s.hardness)}</td>
+      <td className='ri'>{fInt(s.agility)}</td>
-        <td className="ri">{fInt(s.hullMass)}</td>
+      <td className='ri'>{fInt(s.hardness)}</td>
-        <td className="ri">{fInt(s.speed)}</td>
+      <td className='ri'>{fInt(s.hullMass)}</td>
-        <td className="ri">{fInt(s.boost)}</td>
+      <td className='ri'>{fInt(s.speed)}</td>
-        <td className="ri">{fInt(s.baseArmour)}</td>
+      <td className='ri'>{fInt(s.boost)}</td>
-        <td className="ri">{fInt(s.baseShieldStrength)}</td>
+      <td className='ri'>{fInt(s.baseArmour)}</td>
-        <td className="ri">{fInt(s.topSpeed)}</td>
+      <td className='ri'>{fInt(s.baseShieldStrength)}</td>
-        <td className="ri">{fInt(s.topBoost)}</td>
+      <td className='ri'>{fInt(s.topSpeed)}</td>
-        <td className="ri">{fRound(s.maxJumpRange)}</td>
+      <td className='ri'>{fInt(s.topBoost)}</td>
-        <td className="ri">{fInt(s.maxCargo)}</td>
+      <td className='ri'>{fRound(s.maxJumpRange)}</td>
-        <td className="ri">{fInt(s.maxPassengers)}</td>
+      <td className='ri'>{fInt(s.maxCargo)}</td>
-        <td className="cn">{s.standard[0]}</td>
+      <td className='ri'>{fInt(s.maxPassengers)}</td>
-        <td className="cn">{s.standard[1]}</td>
+      <td className='cn'>{s.standard[0]}</td>
-        <td className="cn">{s.standard[2]}</td>
+      <td className='cn'>{s.standard[1]}</td>
-        <td className="cn">{s.standard[3]}</td>
+      <td className='cn'>{s.standard[2]}</td>
-        <td className="cn">{s.standard[4]}</td>
+      <td className='cn'>{s.standard[3]}</td>
-        <td className="cn">{s.standard[5]}</td>
+      <td className='cn'>{s.standard[4]}</td>
-        <td className="cn">{s.standard[6]}</td>
+      <td className='cn'>{s.standard[5]}</td>
-        <td className={cn({ disabled: !s.hp[1] })}>{s.hp[1]}</td>
+      <td className='cn'>{s.standard[6]}</td>
-        <td className={cn({ disabled: !s.hp[2] })}>{s.hp[2]}</td>
+      <td className={cn({ disabled: !s.hp[1] })}>{s.hp[1]}</td>
-        <td className={cn({ disabled: !s.hp[3] })}>{s.hp[3]}</td>
+      <td className={cn({ disabled: !s.hp[2] })}>{s.hp[2]}</td>
-        <td className={cn({ disabled: !s.hp[4] })}>{s.hp[4]}</td>
+      <td className={cn({ disabled: !s.hp[3] })}>{s.hp[3]}</td>
-        <td className={cn({ disabled: !s.hp[0] })}>{s.hp[0]}</td>
+      <td className={cn({ disabled: !s.hp[4] })}>{s.hp[4]}</td>
-        <td className={cn({ disabled: !s.int[0] })}>{s.int[0]}</td>
+      <td className={cn({ disabled: !s.hp[0] })}>{s.hp[0]}</td>
-        <td className={cn({ disabled: !s.int[1] })}>{s.int[1]}</td>
+      <td className={cn({ disabled: !s.int[0] })}>{s.int[0]}</td>
-        <td className={cn({ disabled: !s.int[2] })}>{s.int[2]}</td>
+      <td className={cn({ disabled: !s.int[1] })}>{s.int[1]}</td>
-        <td className={cn({ disabled: !s.int[3] })}>{s.int[3]}</td>
+      <td className={cn({ disabled: !s.int[2] })}>{s.int[2]}</td>
-        <td className={cn({ disabled: !s.int[4] })}>{s.int[4]}</td>
+      <td className={cn({ disabled: !s.int[3] })}>{s.int[3]}</td>
-        <td className={cn({ disabled: !s.int[5] })}>{s.int[5]}</td>
+      <td className={cn({ disabled: !s.int[4] })}>{s.int[4]}</td>
-        <td className={cn({ disabled: !s.int[6] })}>{s.int[6]}</td>
+      <td className={cn({ disabled: !s.int[5] })}>{s.int[5]}</td>
-        <td className={cn({ disabled: !s.int[7] })}>{s.int[7]}</td>
+      <td className={cn({ disabled: !s.int[6] })}>{s.int[6]}</td>
-      </tr>
+      <td className={cn({ disabled: !s.int[7] })}>{s.int[7]}</td>
-    );
+    </tr>;
   }
 
   /**
@@ -255,9 +221,8 @@ export default class ShipyardPage extends Page {
     let hide = this.context.tooltip.bind(null, null);
     let fInt = formats.int;
     let fRound = formats.round;
-    let { shipSummaries, shipPredicate, shipPredicateIndex, compare, groupCompared } = this.state;
+    let { shipSummaries, shipPredicate, shipPredicateIndex } = this.state;
-    let sortShips = (predicate, index) =>
+    let sortShips = (predicate, index) => this._sortShips.bind(this, predicate, index);
-      this._sortShips.bind(this, predicate, index);
 
     let filters = {
       // 'class': { 1: 1, 2: 1}
@@ -274,8 +239,7 @@ export default class ShipyardPage extends Page {
 
     // Sort shipsOverview
     shipSummaries.sort((a, b) => {
-      let valA = a[shipPredicate],
+      let valA = a[shipPredicate], valB = b[shipPredicate];
-          valB = b[shipPredicate];
 
       if (shipPredicateIndex != undefined) {
         valA = valA[shipPredicateIndex];
@@ -288,16 +252,7 @@ export default class ShipyardPage extends Page {
         valB = val;
       }
 
-      if (groupCompared) {
+      if(valA == valB) {
-        if (compare[a.id] && !compare[b.id]) {
-          return -1;
-        }
-        if (!compare[a.id] && compare[b.id]) {
-          return 1;
-        }
-      }
-
-      if (valA == valB) {
         if (a.name > b.name) {
           return 1;
         } else {
@@ -314,310 +269,130 @@ export default class ShipyardPage extends Page {
     let shipRows = new Array(shipSummaries.length);
     let detailRows = new Array(shipSummaries.length);
 
+    let lastShipSortValue = null;
+    let backgroundHighlight = false;
+
     for (let s of shipSummaries) {
-      detailRows[i] = this._shipRowElement(
+      let shipSortValue = s[shipPredicate];
-        s,
+      if(shipPredicateIndex != undefined) {
-        translate,
+        shipSortValue = shipSortValue[shipPredicateIndex];
-        units,
+      }
-        fInt,
+
-        formats.f1,
+      if(shipSortValue != lastShipSortValue) {
-      );
+        backgroundHighlight = !backgroundHighlight;
+        lastShipSortValue = shipSortValue;
+      }
+
+      detailRows[i] = this._shipRowElement(s, translate, units, fInt, formats.f1, backgroundHighlight);
       shipRows[i] = (
         <tr
           key={i}
           style={{ height: '1.5em' }}
-          className={cn({
+          className={cn({ highlighted: noTouch && this.state.shipId === s.id, alt: backgroundHighlight })}
-            highlighted: noTouch && this.state.shipId === s.id,
-            comparehighlight: this.state.compare[s.id],
-          })}
           onMouseEnter={noTouch && this._highlightShip.bind(this, s.id)}
-          onClick={() => this._toggleCompare(s.id)}
         >
-          <td className="le">
+          <td className='le'><Link href={'/outfit/' + s.id}>{s.name}</Link></td>
-            <Link href={'/outfit/' + s.id}>{s.name} {s.beta === true ? '(Beta)' : null}</Link>
-          </td>
         </tr>
       );
       i++;
     }
 
     return (
-      <div className="page" style={{fontSize: sizeRatio + 'em'}}>
+      <div className='page' style={{ fontSize: sizeRatio + 'em' }}>
-        <div className="content-wrapper">
+        <div style={{ whiteSpace: 'nowrap', margin: '0 auto', fontSize: '0.8em', position: 'relative', display: 'inline-block', maxWidth: '100%' }}>
-        <div className="shipyard-table-wrapper">
+          <table style={{ width: '12em', position: 'absolute', zIndex: 1 }}>
-          <table style={{width: '12em', position: 'absolute', zIndex: 1}} className="shipyard-table">
             <thead>
               <tr>
-                <th className="le rgt">&nbsp;</th>
+                <th className='le rgt'>&nbsp;</th>
               </tr>
-              <tr className="main">
+              <tr className='main'>
-                <th className="sortable le rgt" onClick={sortShips('name')}>
+                <th className='sortable le rgt' onClick={sortShips('name')}>{translate('ship')}</th>
-                  {translate('ship')}
-                </th>
               </tr>
               <tr>
-                <th className="le rgt invisible">{units['m/s']}</th>
+                <th className='le rgt invisible'>{units['m/s']}</th>
               </tr>
             </thead>
             <tbody onMouseLeave={this._highlightShip.bind(this, null)}>
               {shipRows}
             </tbody>
           </table>
-          <div style={{ overflowX: 'auto', maxWidth: '100%' }}>
+          <div style={{ overflowX: 'scroll', maxWidth: '100%' }}>
-            <table style={{ marginLeft: 'calc(12em - 1px)', zIndex: 0 }} className="shipyard-table">
+          <table style={{ marginLeft: 'calc(12em - 1px)', zIndex: 0 }}>
-              <thead>
+            <thead>
-                <tr className="main">
+              <tr className='main'>
-                  <th>&nbsp;</th>
+                <th rowSpan={3} className='sortable' onClick={sortShips('manufacturer')}>{translate('manufacturer')}</th>
-                  <th
+                <th>&nbsp;</th>
-                    rowSpan={3}
+                <th rowSpan={3} className='sortable' onClick={sortShips('class')}>{translate('size')}</th>
-                    className="sortable"
+                <th rowSpan={3} className='sortable' onClick={sortShips('crew')}>{translate('crew')}</th>
-                    onClick={sortShips('class')}
+                <th rowSpan={3} className='sortable' onMouseEnter={termtip.bind(null, 'mass lock factor')} onMouseLeave={hide} onClick={sortShips('masslock')} >{translate('MLF')}</th>
-                  >
+                <th rowSpan={3} className='sortable' onClick={sortShips('agility')}>{translate('agility')}</th>
-                    {translate('size')}
+                <th rowSpan={3} className='sortable' onMouseEnter={termtip.bind(null, 'hardness')} onMouseLeave={hide} onClick={sortShips('hardness')}>{translate('hrd')}</th>
-                  </th>
+                <th>&nbsp;</th>
-                  <th
+                <th colSpan={4}>{translate('base')}</th>
-                    rowSpan={3}
+                <th colSpan={5}>{translate('max')}</th>
-                    className="sortable"
+                <th className='lft' colSpan={7}></th>
-                    onClick={sortShips('crew')}
+                <th className='lft' colSpan={5}></th>
-                  >
+                <th className='lft' colSpan={8}></th>
-                    {translate('crew')}
+              </tr>
-                  </th>
+              <tr>
-                  <th
+                <th className='sortable lft' onClick={sortShips('retailCost')}>{translate('cost')}</th>
-                    rowSpan={3}
+                <th className='sortable lft' onClick={sortShips('hullMass')}>{translate('hull')}</th>
-                    className="sortable"
+                <th className='sortable lft' onClick={sortShips('speed')}>{translate('speed')}</th>
-                    onMouseEnter={termtip.bind(null, 'mass lock factor')}
+                <th className='sortable' onClick={sortShips('boost')}>{translate('boost')}</th>
-                    onMouseLeave={hide}
+                <th className='sortable' onClick={sortShips('baseArmour')}>{translate('armour')}</th>
-                    onClick={sortShips('masslock')}
+                <th className='sortable' onClick={sortShips('baseShieldStrength')}>{translate('shields')}</th>
-                  >
-                    {translate('MLF')}
-                  </th>
-                  <th
-                    rowSpan={3}
-                    className="sortable"
-                    onClick={sortShips('agility')}
-                  >
-                    {translate('agility')}
-                  </th>
-                  <th
-                    rowSpan={3}
-                    className="sortable"
-                    onMouseEnter={termtip.bind(null, 'hardness')}
-                    onMouseLeave={hide}
-                    onClick={sortShips('hardness')}
-                  >
-                    {translate('hrd')}
-                  </th>
-                  <th>&nbsp;</th>
-                  <th colSpan={4}>{translate('base')}</th>
-                  <th colSpan={5}>{translate('max')}</th>
-                  <th className="lft" colSpan={7} />
-                  <th className="lft" colSpan={5} />
-                  <th className="lft" colSpan={8} />
-                </tr>
-                <tr>
-                  <th
-                    className="sortable lft"
-                    onClick={sortShips('retailCost')}
-                  >
-                    {translate('cost')}
-                  </th>
-                  <th className="sortable lft" onClick={sortShips('hullMass')}>
-                    {translate('hull')}
-                  </th>
-                  <th className="sortable lft" onClick={sortShips('speed')}>
-                    {translate('speed')}
-                  </th>
-                  <th className="sortable" onClick={sortShips('boost')}>
-                    {translate('boost')}
-                  </th>
-                  <th className="sortable" onClick={sortShips('baseArmour')}>
-                    {translate('armour')}
-                  </th>
-                  <th
-                    className="sortable"
-                    onClick={sortShips('baseShieldStrength')}
-                  >
-                    {translate('shields')}
-                  </th>
 
-                  <th className="sortable lft" onClick={sortShips('topSpeed')}>
+                <th className='sortable lft' onClick={sortShips('topSpeed')}>{translate('speed')}</th>
-                    {translate('speed')}
+                <th className='sortable' onClick={sortShips('topBoost')}>{translate('boost')}</th>
-                  </th>
+                <th className='sortable' onClick={sortShips('maxJumpRange')}>{translate('jump')}</th>
-                  <th className="sortable" onClick={sortShips('topBoost')}>
+                <th className='sortable' onClick={sortShips('maxCargo')}>{translate('cargo')}</th>
-                    {translate('boost')}
+                <th className='sortable' onClick={sortShips('maxPassengers')}>{translate('pax')}</th>
-                  </th>
-                  <th className="sortable" onClick={sortShips('maxJumpRange')}>
-                    {translate('jump')}
-                  </th>
-                  <th className="sortable" onClick={sortShips('maxCargo')}>
-                    {translate('cargo')}
-                  </th>
-                  <th className="sortable" onClick={sortShips('maxPassengers')} onMouseEnter={termtip.bind(null, 'passenger capacity')}
-                    onMouseLeave={hide}>
-                    {translate('pax')}
-                  </th>
-                  <th className="lft" colSpan={7}>
-                    {translate('core module classes')}
-                  </th>
-                  <th
-                    colSpan={5}
-                    className="sortable lft"
-                    onClick={sortShips('hpCount')}
-                  >
-                    {translate('hardpoints')}
-                  </th>
-                  <th
-                    colSpan={8}
-                    className="sortable lft"
-                    onClick={sortShips('intCount')}
-                  >
-                    {translate('internal compartments')}
-                  </th>
-                </tr>
-                <tr>
-                  <th
-                    className="sortable lft"
-                    onClick={sortShips('retailCost')}
-                  >
-                    {units.CR}
-                  </th>
-                  <th className="sortable lft" onClick={sortShips('hullMass')}>
-                    {units.T}
-                  </th>
-                  <th className="sortable lft" onClick={sortShips('speed')}>
-                    {units['m/s']}
-                  </th>
-                  <th className="sortable" onClick={sortShips('boost')}>
-                    {units['m/s']}
-                  </th>
-                  <th>&nbsp;</th>
-                  <th
-                    className="sortable"
-                    onClick={sortShips('baseShieldStrength')}
-                  >
-                    {units.MJ}
-                  </th>
-                  <th className="sortable lft" onClick={sortShips('topSpeed')}>
-                    {units['m/s']}
-                  </th>
-                  <th className="sortable" onClick={sortShips('topBoost')}>
-                    {units['m/s']}
-                  </th>
-                  <th className="sortable" onClick={sortShips('maxJumpRange')}>
-                    {units.LY}
-                  </th>
-                  <th className="sortable" onClick={sortShips('maxCargo')}>
-                    {units.T}
-                  </th>
-                  <th>&nbsp;</th>
-                  <th
-                    className="sortable lft"
-                    onMouseEnter={termtip.bind(null, 'power plant')}
-                    onMouseLeave={hide}
-                    onClick={sortShips('standard', 0)}
-                  >
-                    {'pp'}
-                  </th>
-                  <th
-                    className="sortable"
-                    onMouseEnter={termtip.bind(null, 'thrusters')}
-                    onMouseLeave={hide}
-                    onClick={sortShips('standard', 1)}
-                  >
-                    {'th'}
-                  </th>
-                  <th
-                    className="sortable"
-                    onMouseEnter={termtip.bind(null, 'frame shift drive')}
-                    onMouseLeave={hide}
-                    onClick={sortShips('standard', 2)}
-                  >
-                    {'fsd'}
-                  </th>
-                  <th
-                    className="sortable"
-                    onMouseEnter={termtip.bind(null, 'life support')}
-                    onMouseLeave={hide}
-                    onClick={sortShips('standard', 3)}
-                  >
-                    {'ls'}
-                  </th>
-                  <th
-                    className="sortable"
-                    onMouseEnter={termtip.bind(null, 'power distributor')}
-                    onMouseLeave={hide}
-                    onClick={sortShips('standard', 4)}
-                  >
-                    {'pd'}
-                  </th>
-                  <th
-                    className="sortable"
-                    onMouseEnter={termtip.bind(null, 'sensors')}
-                    onMouseLeave={hide}
-                    onClick={sortShips('standard', 5)}
-                  >
-                    {'s'}
-                  </th>
-                  <th
-                    className="sortable"
-                    onMouseEnter={termtip.bind(null, 'fuel tank')}
-                    onMouseLeave={hide}
-                    onClick={sortShips('standard', 6)}
-                  >
-                    {'ft'}
-                  </th>
-                  <th className="sortable lft" onClick={sortShips('hp', 1)}>
-                    {translate('S')}
-                  </th>
-                  <th className="sortable" onClick={sortShips('hp', 2)}>
-                    {translate('M')}
-                  </th>
-                  <th className="sortable" onClick={sortShips('hp', 3)}>
-                    {translate('L')}
-                  </th>
-                  <th className="sortable" onClick={sortShips('hp', 4)}>
-                    {translate('H')}
-                  </th>
-                  <th className="sortable" onClick={sortShips('hp', 0)}>
-                    {translate('U')}
-                  </th>
 
-                  <th className="sortable lft" onClick={sortShips('int', 0)}>
+                <th className='lft' colSpan={7}>{translate('core module classes')}</th>
-                    1
+                <th colSpan={5} className='sortable lft' onClick={sortShips('hpCount')}>{translate('hardpoints')}</th>
-                  </th>
+                <th colSpan={8} className='sortable lft' onClick={sortShips('intCount')}>{translate('internal compartments')}</th>
-                  <th className="sortable" onClick={sortShips('int', 1)}>
+              </tr>
-                    2
+              <tr>
-                  </th>
+                <th className='sortable lft' onClick={sortShips('retailCost')}>{units.CR}</th>
-                  <th className="sortable" onClick={sortShips('int', 2)}>
+                <th className='sortable lft' onClick={sortShips('hullMass')}>{units.T}</th>
-                    3
+                <th className='sortable lft' onClick={sortShips('speed')}>{units['m/s']}</th>
-                  </th>
+                <th className='sortable'  onClick={sortShips('boost')}>{units['m/s']}</th>
-                  <th className="sortable" onClick={sortShips('int', 3)}>
+                <th>&nbsp;</th>
-                    4
+                <th className='sortable' onClick={sortShips('baseShieldStrength')}>{units.MJ}</th>
-                  </th>
+                <th className='sortable lft' onClick={sortShips('topSpeed')}>{units['m/s']}</th>
-                  <th className="sortable" onClick={sortShips('int', 4)}>
+                <th className='sortable' onClick={sortShips('topBoost')}>{units['m/s']}</th>
-                    5
+                <th className='sortable' onClick={sortShips('maxJumpRange')}>{units.LY}</th>
-                  </th>
+                <th className='sortable' onClick={sortShips('maxCargo')}>{units.T}</th>
-                  <th className="sortable" onClick={sortShips('int', 5)}>
+                <th>&nbsp;</th>
-                    6
+                <th className='sortable lft' onMouseEnter={termtip.bind(null, 'power plant')} onMouseLeave={hide} onClick={sortShips('standard', 0)}>{'pp'}</th>
-                  </th>
+                <th className='sortable' onMouseEnter={termtip.bind(null, 'thrusters')} onMouseLeave={hide} onClick={sortShips('standard', 1)}>{'th'}</th>
-                  <th className="sortable" onClick={sortShips('int', 6)}>
+                <th className='sortable' onMouseEnter={termtip.bind(null, 'frame shift drive')} onMouseLeave={hide} onClick={sortShips('standard', 2)}>{'fsd'}</th>
-                    7
+                <th className='sortable' onMouseEnter={termtip.bind(null, 'life support')} onMouseLeave={hide} onClick={sortShips('standard', 3)}>{'ls'}</th>
-                  </th>
+                <th className='sortable' onMouseEnter={termtip.bind(null, 'power distriubtor')} onMouseLeave={hide} onClick={sortShips('standard', 4)}>{'pd'}</th>
-                  <th className="sortable" onClick={sortShips('int', 7)}>
+                <th className='sortable' onMouseEnter={termtip.bind(null, 'sensors')} onMouseLeave={hide} onClick={sortShips('standard', 5)}>{'s'}</th>
-                    8
+                <th className='sortable' onMouseEnter={termtip.bind(null, 'fuel tank')} onMouseLeave={hide} onClick={sortShips('standard', 6)}>{'ft'}</th>
-                  </th>
+                <th className='sortable lft' onClick={sortShips('hp',1)}>{translate('S')}</th>
-                </tr>
+                <th className='sortable' onClick={sortShips('hp', 2)}>{translate('M')}</th>
-              </thead>
+                <th className='sortable' onClick={sortShips('hp', 3)}>{translate('L')}</th>
-              <tbody onMouseLeave={this._highlightShip.bind(this, null)}>
+                <th className='sortable' onClick={sortShips('hp', 4)}>{translate('H')}</th>
-                {detailRows}
+                <th className='sortable' onClick={sortShips('hp', 0)}>{translate('U')}</th>
-              </tbody>
+
-            </table>
+                <th className='sortable lft' onClick={sortShips('int', 0)} >1</th>
+                <th className='sortable' onClick={sortShips('int', 1)} >2</th>
+                <th className='sortable' onClick={sortShips('int', 2)} >3</th>
+                <th className='sortable' onClick={sortShips('int', 3)} >4</th>
+                <th className='sortable' onClick={sortShips('int', 4)} >5</th>
+                <th className='sortable' onClick={sortShips('int', 5)} >6</th>
+                <th className='sortable' onClick={sortShips('int', 6)} >7</th>
+                <th className='sortable' onClick={sortShips('int', 7)} >8</th>
+              </tr>
+            </thead>
+            <tbody onMouseLeave={this._highlightShip.bind(this, null)}>
+              {detailRows}
+            </tbody>
+          </table>
           </div>
         </div>
-        <div className="table-tools" >
-          <label><input type="checkbox" checked={this.state.groupCompared} onClick={() => this._toggleGroupCompared()}/>{translate('Group highlighted ships')}</label>
-        </div>
-        </div>
       </div>
     );
   }

src/app/shipyard/Calculations.js

@@ -14,9 +14,8 @@ export function jumpRange(mass, fsd, fuel, ship) {
   const fsdOptimalMass = fsd instanceof Module ? fsd.getOptMass() : fsd.optmass;
   let jumpAddition = 0;
   if (ship) {
-    mass += ship.reserveFuelCapacity || 0;
     for (const module of ship.internal) {
-      if (module && module.m && module.m.grp === 'gfsb' && ship.getSlotStatus(module) == 3) {
+      if (module && module.m && module.m.grp === 'gfsb') {
         jumpAddition += module.m.getJumpBoost();
       }
     }
@@ -341,34 +340,67 @@ export function shieldMetrics(ship, sys) {
   const maxSysResistance = this.sysResistance(4);
 
   let shield = {};
+  const dimReturnLine = (res) => 1 - (1 - res) * 0.7;
 
   const shieldGeneratorSlot = ship.findInternalByGroup('sg');
   if (shieldGeneratorSlot && shieldGeneratorSlot.enabled && shieldGeneratorSlot.m) {
     const shieldGenerator = shieldGeneratorSlot.m;
+    let res = {
+      kin: shieldGenerator.kinres,
+      therm: shieldGenerator.thermres,
+      expl: shieldGenerator.explres
+    };
     // Boosters
     let boost = 1;
     let boosterExplDmg = 1;
     let boosterKinDmg = 1;
     let boosterThermDmg = 1;
+    // const explDim = dimReturnLine(shieldGenerator.explres);
+    // const thermDim = dimReturnLine(shieldGenerator.thermres);
+    // const kinDim = dimReturnLine(shieldGenerator.kinres);
     for (let slot of ship.hardpoints) {
       if (slot.enabled && slot.m && slot.m.grp == 'sb') {
         boost += slot.m.getShieldBoost();
+        res.expl += slot.m.getExplosiveResistance();
+        res.kin += slot.m.getKineticResistance();
+        res.therm += slot.m.getThermalResistance();
         boosterExplDmg = boosterExplDmg * (1 - slot.m.getExplosiveResistance());
         boosterKinDmg = boosterKinDmg * (1 - slot.m.getKineticResistance());
         boosterThermDmg = boosterThermDmg * (1 - slot.m.getThermalResistance());
       }
+      if (slot.m && slot.m.grp == 'gsrp') {
+
+      }
     }
     // Calculate diminishing returns for boosters
     // Diminishing returns not currently in-game
     // boost = Math.min(boost, (1 - Math.pow(Math.E, -0.7 * boost)) * 2.5);
 
+
     // Remove base shield generator strength
     boost -= 1;
 
+    // if (res.expl > explDim) {
+    //   const overage = (res.expl - explDim) * 0.5;
+    //   res.expl = explDim + overage;
+    //   boosterExplDmg = explDim + overage;
+    // }
+    //
+    // if (res.therm > thermDim) {
+    //   const overage = (res.therm - thermDim) * 0.5;
+    //   res.therm = thermDim + overage;
+    //   boosterThermDmg = thermDim + overage;
+    // }
+    //
+    // if (res.kin > kinDim) {
+    //   const overage = (res.kin - kinDim) * 0.5;
+    //   res.kin = kinDim + overage;
+    //   boosterKinDmg = kinDim + overage;
+    // }
     let shieldAddition = 0;
     if (ship) {
       for (const module of ship.internal) {
-        if (module && module.m && module.m.grp === 'gsrp' && module.enabled) {
+        if (module && module.m && module.m.grp === 'gsrp') {
           shieldAddition += module.m.getShieldAddition();
         }
       }
@@ -383,8 +415,7 @@ export function shieldMetrics(ship, sys) {
 
     // Our initial regeneration comes from the SYS capacitor store, which is replenished as it goes
     // 0.6 is a magic number from FD: each 0.6 MW of energy from the power distributor recharges 1 MJ/s of regeneration
-    let capacitorDrain = (shieldGenerator.getBrokenRegenerationRate() * shieldGenerator.getDistDraw()) - sysRechargeRate;
+    let capacitorDrain = (shieldGenerator.getBrokenRegenerationRate() * 0.6) - sysRechargeRate;
-    
     let capacitorLifetime = powerDistributor.getSystemsCapacity() / capacitorDrain;
 
     let recover = 16;
@@ -400,7 +431,7 @@ export function shieldMetrics(ship, sys) {
         recover = Math.Infinity;
       } else {
         // Recover remaining shields at the rate of the power distributor's recharge
-        recover += remainingShieldToRecover / (sysRechargeRate / shieldGenerator.getDistDraw());
+        recover += remainingShieldToRecover / (sysRechargeRate / 0.6);
       }
     }
 
@@ -409,7 +440,7 @@ export function shieldMetrics(ship, sys) {
 
     // Our initial regeneration comes from the SYS capacitor store, which is replenished as it goes
     // 0.6 is a magic number from FD: each 0.6 MW of energy from the power distributor recharges 1 MJ/s of regeneration
-    capacitorDrain = (shieldGenerator.getRegenerationRate() * shieldGenerator.getDistDraw()) - sysRechargeRate;
+    capacitorDrain = (shieldGenerator.getRegenerationRate() * 0.6) - sysRechargeRate;
     capacitorLifetime = powerDistributor.getSystemsCapacity() / capacitorDrain;
 
     let recharge = 0;
@@ -425,7 +456,7 @@ export function shieldMetrics(ship, sys) {
         recharge = Math.Inf;
       } else {
         // Recharge remaining shields at the rate of the power distributor's recharge
-        recharge += remainingShieldToRecharge / (sysRechargeRate / shieldGenerator.getDistDraw());
+        recharge += remainingShieldToRecharge / (sysRechargeRate / 0.6);
       }
     }
 
@@ -434,7 +465,6 @@ export function shieldMetrics(ship, sys) {
       boosters: boostersStrength,
       addition: shieldAddition,
       cells: ship.shieldCells,
-      summary: generatorStrength + boostersStrength + shieldAddition,
       total: generatorStrength + boostersStrength + ship.shieldCells + shieldAddition,
       recover,
       recharge,
@@ -467,7 +497,7 @@ export function shieldMetrics(ship, sys) {
      */
 
     let sgExplosiveDmg = 1 - shieldGenerator.getExplosiveResistance();
-    let sgSbExplosiveDmg = diminishingReturnsShields(sgExplosiveDmg, sgExplosiveDmg * boosterExplDmg);
+    let sgSbExplosiveDmg = diminishDamageMult(sgExplosiveDmg * 0.7, (1 - shieldGenerator.getExplosiveResistance()) * boosterExplDmg);
     /** @type {ShieldDamageMults} */
     shield.explosive = {
       generator: sgExplosiveDmg,
@@ -479,7 +509,7 @@ export function shieldMetrics(ship, sys) {
     };
 
     let sgKineticDmg = 1 - shieldGenerator.getKineticResistance();
-    let sgSbKineticDmg = diminishingReturnsShields(sgKineticDmg, sgKineticDmg * boosterKinDmg);
+    let sgSbKineticDmg = diminishDamageMult(sgKineticDmg * 0.7, (1 - shieldGenerator.getKineticResistance()) * boosterKinDmg);
     /** @type {ShieldDamageMults} */
     shield.kinetic = {
       generator: sgKineticDmg,
@@ -491,7 +521,7 @@ export function shieldMetrics(ship, sys) {
     };
 
     let sgThermalDmg = 1 - shieldGenerator.getThermalResistance();
-    let sgSbThermalDmg = diminishingReturnsShields(sgThermalDmg , sgThermalDmg * boosterThermDmg);
+    let sgSbThermalDmg = diminishDamageMult(sgThermalDmg * 0.7, (1 - shieldGenerator.getThermalResistance()) * boosterThermDmg);
     /** @type {ShieldDamageMults} */
     shield.thermal = {
       generator: sgThermalDmg,
@@ -531,28 +561,58 @@ export function armourMetrics(ship) {
   let moduleArmour = 0;
   let moduleProtection = 1;
   const bulkheads = ship.bulkheads.m;
-  let hullExplDmgs = [];
+  let hullExplDmg = 1;
-  let hullKinDmgs = [];
+  let hullKinDmg = 1;
-  let hullThermDmgs = [];
+  let hullThermDmg = 1;
-  let hullCausDmgs = [];
+  let hullCausDmg = 1;
+  // const dimReturnLine = (res) => 1 - (1 - res) * 0.7;
+  // let res = {
+  //   kin: 0,
+  //   therm: 0,
+  //   expl: 0
+  // };
   // Armour from HRPs and module armour from MRPs
   for (let slot of ship.internal) {
-    if (slot.m && slot.enabled && (slot.m.grp === 'hr' || slot.m.grp === 'ghrp' || slot.m.grp == 'mahr')) {
+    if (slot.m && (slot.m.grp === 'hr' || slot.m.grp === 'ghrp' || slot.m.grp == 'mahr')) {
       armourReinforcement += slot.m.getHullReinforcement();
       // Hull boost for HRPs is applied against the ship's base armour
       armourReinforcement += ship.baseArmour * slot.m.getModValue('hullboost') / 10000;
-      hullExplDmgs.push(1 - slot.m.getExplosiveResistance());
+      // res.expl += slot.m.getExplosiveResistance();
-      hullKinDmgs.push(1 - slot.m.getKineticResistance());
+      // res.kin += slot.m.getKineticResistance();
-      hullThermDmgs.push(1 - slot.m.getThermalResistance());
+      // res.therm += slot.m.getThermalResistance();
-      hullCausDmgs.push(1 - slot.m.getCausticResistance());
+      hullExplDmg = hullExplDmg * (1 - slot.m.getExplosiveResistance());
+      hullKinDmg = hullKinDmg * (1 - slot.m.getKineticResistance());
+      hullThermDmg = hullThermDmg * (1 - slot.m.getThermalResistance());
+      hullCausDmg = hullCausDmg * (1 - slot.m.getCausticResistance());
     }
-    if (slot.m && slot.enabled && (slot.m.grp == 'mrp' || slot.m.grp == 'gmrp')) {
+    if (slot.m && (slot.m.grp == 'mrp' || slot.m.grp == 'gmrp')) {
       moduleArmour += slot.m.getIntegrity();
       moduleProtection = moduleProtection * (1 - slot.m.getProtection());
     }
   }
   moduleProtection = 1 - moduleProtection;
 
+  // const explDim = dimReturnLine(bulkheads.explres);
+  // const thermDim = dimReturnLine(bulkheads.thermres);
+  // const kinDim = dimReturnLine(bulkheads.kinres);
+  // if (res.expl > explDim) {
+  //   const overage = (res.expl - explDim) * 0.5;
+  //   res.expl = explDim + overage;
+  //   hullExplDmg = explDim + overage;
+  // }
+  //
+  // if (res.therm > thermDim) {
+  //   const overage = (res.therm - thermDim) * 0.5;
+  //   res.therm = thermDim + overage;
+  //   hullThermDmg = thermDim + overage;
+  // }
+  //
+  // if (res.kin > kinDim) {
+  //   const overage = (res.kin - kinDim) * 0.5;
+  //   res.kin = kinDim + overage;
+  //   hullKinDmg = kinDim + overage;
+  // }
+
   const armour = {
     bulkheads: armourBulkheads,
     reinforcement: armourReinforcement,
@@ -569,8 +629,8 @@ export function armourMetrics(ship) {
     total: 1
   };
 
-  let armourExplDmg = 1 - ship.bulkheads.m.getExplosiveResistance();
+  let armourExplDmg = diminishDamageMult(0.7, 1 - ship.bulkheads.m.getExplosiveResistance());
-  let armourReinforcedExplDmg = diminishingReturnsArmour(armourExplDmg, ...hullExplDmgs);
+  let armourReinforcedExplDmg = diminishDamageMult(0.7, (1 - ship.bulkheads.m.getExplosiveResistance()) * hullExplDmg);
   armour.explosive = {
     bulkheads: armourExplDmg,
     reinforcement: armourReinforcedExplDmg / armourExplDmg,
@@ -578,8 +638,8 @@ export function armourMetrics(ship) {
     res: 1 - armourReinforcedExplDmg
   };
 
-  let armourKinDmg = 1 - ship.bulkheads.m.getKineticResistance();
+  let armourKinDmg = diminishDamageMult(0.7, 1 - ship.bulkheads.m.getKineticResistance());
-  let armourReinforcedKinDmg = diminishingReturnsArmour(armourKinDmg, ...hullKinDmgs);
+  let armourReinforcedKinDmg = diminishDamageMult(0.7, (1 - ship.bulkheads.m.getKineticResistance()) * hullKinDmg);
   armour.kinetic = {
     bulkheads: armourKinDmg,
     reinforcement: armourReinforcedKinDmg / armourKinDmg,
@@ -587,8 +647,8 @@ export function armourMetrics(ship) {
     res: 1 - armourReinforcedKinDmg
   };
 
-  let armourThermDmg = 1 - ship.bulkheads.m.getThermalResistance();
+  let armourThermDmg = diminishDamageMult(0.7, 1 - ship.bulkheads.m.getThermalResistance());
-  let armourReinforcedThermDmg = diminishingReturnsArmour(armourThermDmg, ...hullThermDmgs);
+  let armourReinforcedThermDmg = diminishDamageMult(0.7, (1 - ship.bulkheads.m.getThermalResistance()) * hullThermDmg);
   armour.thermal = {
     bulkheads: armourThermDmg,
     reinforcement: armourReinforcedThermDmg / armourThermDmg,
@@ -596,8 +656,8 @@ export function armourMetrics(ship) {
     res: 1 - armourReinforcedThermDmg
   };
 
-  let armourCausDmg = 1 - ship.bulkheads.m.getCausticResistance();
+  let armourCausDmg = diminishDamageMult(0.7, 1 - ship.bulkheads.m.getCausticResistance());
-  let armourReinforcedCausDmg = diminishingReturnsArmour(armourCausDmg, ...hullCausDmgs);
+  let armourReinforcedCausDmg = diminishDamageMult(0.7, (1 - ship.bulkheads.m.getCausticResistance()) * hullCausDmg);
   armour.caustic = {
     bulkheads: armourCausDmg,
     reinforcement: armourReinforcedCausDmg / armourCausDmg,
@@ -843,14 +903,12 @@ export function _weaponSustainedDps(m, opponent, opponentShields, opponentArmour
       shields: {
         range: 1,
         sys: opponentHasShields ? opponentShields.absolute.sys : 1,
-        resistance: 1,
+        resistance: 1
-        dpe: 1
       },
       armour: {
         range: 1,
         hardness: 1,
-        resistance: 1,
+        resistance: 1
-        dpe: 1
       }
     }
   };
@@ -910,19 +968,11 @@ export function _weaponSustainedDps(m, opponent, opponentShields, opponentArmour
   weapon.damage.shields.total = weapon.damage.shields.absolute + weapon.damage.shields.explosive + weapon.damage.shields.kinetic + weapon.damage.shields.thermal;
   weapon.damage.armour.total = weapon.damage.armour.absolute + weapon.damage.armour.explosive + weapon.damage.armour.kinetic + weapon.damage.armour.thermal;
 
-
-
   weapon.effectiveness.shields.resistance *= shieldsResistance;
   weapon.effectiveness.armour.resistance *= armourResistance;
 
-
   weapon.effectiveness.shields.total = weapon.effectiveness.shields.range * weapon.effectiveness.shields.sys * weapon.effectiveness.shields.resistance;
   weapon.effectiveness.armour.total = weapon.effectiveness.armour.range * weapon.effectiveness.armour.resistance * weapon.effectiveness.armour.hardness;
-
-  weapon.effectiveness.shields.dpe = weapon.damage.shields.total / m.getEps() / m.getSustainedFactor();
-  weapon.effectiveness.armour.dpe =  weapon.damage.armour.total / m.getEps() / m.getSustainedFactor();
-
-
   return weapon;
 }
 
@@ -964,10 +1014,7 @@ export function timeToDrainWep(ship, wep) {
  */
 export function timeToDeplete(amount, dps, eps, capacity, recharge) {
   const drainPerSecond = eps - recharge;
-  // If there is nothing to remove, we're don instantly
+  if (drainPerSecond <= 0) {
-  if (!amount) {
-    return 0;
-  } if (drainPerSecond <= 0) {
     // Simple result
     return amount / dps;
   } else {
@@ -986,50 +1033,15 @@ export function timeToDeplete(amount, dps, eps, capacity, recharge) {
 }
 
 /**
- * Checks whether diminishing returns should be applied to shield damage
+ * Applies diminishing returns to resistances.
- * multipliers and does so if necessary.
+ * @param {number} diminishFrom The base resistance up to which no diminishing returns are applied.
- * @param {number} shieldMult Damage multiplier of shield generator
+ * @param {number} damageMult Resistance as damage multiplier
- * @param {number} combinedMult Damage multiplier of shields and shield boosters
+ * @returns {number} Actual damage multiplier
- * @returns {number} Overall damage multiplier
  */
-export function diminishingReturnsShields(shieldMult, combinedMult) {
+export function diminishDamageMult(diminishFrom, damageMult) {
-  let max = shieldMult * 0.7;
+  if (damageMult > diminishFrom) {
-  if (combinedMult < max) {
+    return damageMult;
-    return mapIntoDiminishingRange(max / 2, max, combinedMult);
   } else {
-    return combinedMult;
+    return (diminishFrom / 2) + 0.5 * damageMult;
   }
 }
-
-/**
- * Checks whether diminishing returns should be applied to armour damage
- * multipliers and does so if necessary.
- * @param  {...any} mults Damage multipliers of alloys and hull reinforcement
- * packages
- * @returns {number} Overall damage multiplier
- */
-export function diminishingReturnsArmour(...mults) {
-  let max = Math.min(0.7, ...mults);
-  let combined = mults.reduce((aggr, v) => aggr * v);
-  let diminished = mapIntoDiminishingRange(0.35, max, combined);
-  if (diminished < 0.7) {
-    return diminished;
-  } else {
-    return combined;
-  }
-}
-
-/**
- * Applies diminishing returns to a damage multiplier. Effictively, the range
- * [`0`, `max`]` is mapped into the range [`min`, `max`] for the value `now`.
- * It can also happen, that `now` is outside of the range [`min`, `max`], then
- * `now` is actually improved, i.e. enlarged.
- * @param {number} min Best theoretical damage multiplier
- * @param {number} max Damage multiplier from which diminishing returns start to
- * be applied
- * @param {number} now The current damage multiplier
- * @returns {number} Remapped damage multiplier
- */
-export function mapIntoDiminishingRange(min, max, now) {
-  return min + (max - min) * (now / max);
-}

src/app/shipyard/Constants.js

@@ -57,9 +57,6 @@ export const ModuleGroupToName = {
   ghrp: 'Guardian Hull Reinforcement Package',
   gmrp: 'Guardian Module Reinforcement Package',
   mahr: 'Meta Alloy Hull Reinforcement Package',
-  sua: 'Supercruise Assist',
-  mlc: "Multi Limpet Controller",
-  rpl: "Repair Limpet Controller",
 
   // Hard Points
   bl: 'Beam Laser',
@@ -97,10 +94,6 @@ export const ModuleGroupToName = {
   gsc: 'Guardian Shard Cannon',
   tbem: 'Enzyme Missile Rack',
   tbrfl: 'Remote Release Flechette Launcher',
-  pwa: 'Pulse Wave Analyser',
-  abl: 'Abrasion Blaster',
-  scl: 'Seismic Charge Launcher',
-  sdm: 'Sub-Surface Displacement Missile',
 };
 
 let GrpNameToCodeMap = {};
@@ -209,7 +202,7 @@ export const ShipFacets = [
     i: 9
   },
   {                   // 10
-    title: 'farthest range',
+    title: 'fastest range',
     props: ['unladenFastestRange', 'ladenFastestRange'],
     lbls: ['unladen', 'laden'],
     unit: 'LY',

src/app/shipyard/Module.js

@@ -41,7 +41,6 @@ export default class Module {
    * @return {object}     The value of the modification. If it is a numeric value then it is returned as an integer value scaled so that 1.23% == 123
    */
   getModValue(name, raw) {
-    let baseVal = this[name];
     let result = this.mods  && this.mods[name] ? this.mods[name] : null;
 
     if ((!raw) && this.blueprint && this.blueprint.special) {
@@ -52,25 +51,46 @@ export default class Module {
         const modification = Modifications.modifications[name];
         const multiplier = modification.type === 'percentage' ? 10000 : 100;
         if (name === 'explres' || name === 'kinres' || name === 'thermres' || name === 'causres') {
-          // Apply resistance modding mechanisms to special effects subsequently
+          // Resistance modifications in itself are additive, however their
-          result = result + modifierActions[name] * (1 - (this[name] + result / multiplier)) * 100;
+          // special effects are multiplicative. They affect the overall result
+          // by (special effect resistance) * (damage mult after modification),
+          // i. e. we need to apply the special effect as a multiplier to the
+          // overall result and then calculate the difference.
+          let baseMult = this[name] ? 1 - this[name] : 1;
+          result = (baseMult - (baseMult - result / multiplier) * (1 - modifierActions[name] / 100)) * multiplier;
         } else if (modification.method === 'additive') {
           result = result + modifierActions[name] * 100;
         } else if (modification.method === 'overwrite') {
           result = modifierActions[name];
         } else {
-          result = (((1 + result / multiplier) * (1 + modifierActions[name])) - 1) * multiplier;
+          // rate of fire is special, as it's really burst interval.  Handle that here
+          let mod = null;
+          if (name === 'rof') {
+            mod = 1 / (1 + modifierActions[name]) - 1;
+          } else {
+            mod = modifierActions[name];
+          }
+          result = (((1 + result / multiplier) * (1 + mod)) - 1) * multiplier;
         }
       }
     }
 
+    // Resistance modding for hull reinforcement packages has additional
+    // diminishing returns implemented. The mod value gets lowered by
+    // the amount of base resistance the hrp has.
+    if (!isNaN(result) && this.grp === 'hr' &&
+      (name === 'kinres' || name === 'thermres' || name === 'explres')) {
+      let baseRes = this[name];
+      result = result * (1 - baseRes);
+    }
+
     // Sanitise the resultant value to 4dp equivalent
     return isNaN(result) ? result : Math.round(result);
   }
 
   /**
    * Set a value for a given modification ID
-   * @param {String} name                 The name of the modification
+   * @param {Number} name                 The name of the modification
    * @param {object} value  The value of the modification. If it is a numeric value then it should be an integer scaled so that -2.34% == -234
    * @param {Boolean}   valueiswithspecial   true if the value includes the special effect (when coming from a UI component)
    */
@@ -81,30 +101,31 @@ export default class Module {
     if (!this.origVals) {
       this.origVals = {};
     }
-    if (!valueiswithspecial) {
+    if (valueiswithspecial && this.blueprint && this.blueprint.special) {
-      // Resistance modifiers scale with the base value.
-      if (name === 'kinres' || name === 'thermres' || name === 'causres' || name === 'explres') {
-        let baseValue = this.get(name, false);
-        value = (1 - baseValue) * value;
-      }
-    } else if (valueiswithspecial && this.blueprint && this.blueprint.special) {
       // This module has a special effect, see if we need to alter the stored value
       const modifierActions = Modifications.modifierActions[this.blueprint.special.edname];
       if (modifierActions && modifierActions[name]) {
         // This special effect modifies the value being set, so we need to revert it prior to storing the value
         const modification = Modifications.modifications[name];
         if (name === 'explres' || name === 'kinres' || name === 'thermres' || name === 'causres') {
-          let res = (this[name] ? this[name] : 0) + value / 10000;
+          // Resistance modifications in itself are additive but their
-          let experimental = modifierActions[name] / 100;
+          // experimentals are applied multiplicatively therefor we must handle
-          value = (experimental - res) / (experimental - 1) - this[name];
+          // them differently here (cf. documentation in getModValue).
-          value *= 10000;
+          let baseMult = (this[name] ? 1 - this[name] : 1);
-          // value = ((baseMult - value / 10000) / (1 - modifierActions[name] / 100) - baseMult) * -10000;
+          value = ((baseMult - value / 10000) / (1 - modifierActions[name] / 100) - baseMult) * -10000;
         } else if (modification.method === 'additive') {
           value = value - modifierActions[name];
         } else if (modification.method === 'overwrite') {
           value = null;
         } else {
-          value = ((value / 10000 + 1) / (1 + modifierActions[name]) - 1) * 10000;
+          // rate of fire is special, as it's really burst interval.  Handle that here
+          let mod = null;
+          if (name === 'rof') {
+            mod = 1 / (1 + modifierActions[name]) - 1;
+          } else {
+            mod = modifierActions[name];
+          }
+          value = ((value / 10000 + 1) / (1 + mod) - 1) * 10000;
         }
       }
     }
@@ -119,17 +140,10 @@ export default class Module {
   /**
    * Helper to obtain a module's value.
    * @param {String} name     The name of the modifier to obtain
-   * @param {Boolean} modified Whether to return the raw or modified value
+   * @param {Number} modified Whether to return the raw or modified value
    * @return {Number} The value queried
    */
   get(name, modified = true) {
-    if (name == 'rof' && isNaN(this[name])) {
-      let fireint = this['fireint'];
-      if (!isNaN(fireint)) {
-        this['rof'] = 1 / fireint;
-      }
-    }
-
     let val;
     if (modified) {
       val = this._getModifiedValue(name);
@@ -163,22 +177,20 @@ export default class Module {
         baseValue = 0;
       }
       modValue = value - baseValue;
+      if (this.grp === 'hr' &&
+        (name === 'kinres' || name === 'thermres' || name === 'explres')) {
+        modValue = modValue / (1 - baseValue);
+      }
     } else if (name === 'shieldboost' || name === 'hullboost') {
       modValue = (1 + value) / (1 + baseValue) - 1;
-    } else if (name === 'rof') {
-      let burst = this.get('burst', true) || 1;
-      let burstInt = 1 / (this.get('burstrof', true) / 1);
-
-      let interval = burst / value;
-      let newFireint = (interval - (burst - 1) * burstInt);
-      modValue = newFireint / this['fireint'] - 1;
     } else { // multiplicative
-      modValue = baseValue == 0 ? 0 : value / baseValue - 1;
+      modValue = value / baseValue - 1;
     }
 
     if (modification.type === 'percentage') {
       modValue = modValue * 10000;
-    } else if (modification.type === 'numeric') {
+    } else if (modification.type === 'numeric' && name !== 'burst' &&
+      name !== 'burstrof') {
       modValue = modValue * 100;
     }
 
@@ -196,14 +208,7 @@ export default class Module {
    */
   getPretty(name, modified = true, places = 2) {
     const formattingOptions = STATS_FORMATTING[name];
-    let val;
+    let val = this.get(name, modified) || 0;
-    if (formattingOptions && formattingOptions.synthetic) {
-      val = (this[formattingOptions.synthetic]).call(this, modified);
-    } else {
-      val = this.get(name, modified);
-    }
-    val = val || 0;
-
     if (formattingOptions && formattingOptions.format.startsWith('pct')) {
       return 100 * val;
     }
@@ -262,17 +267,12 @@ export default class Module {
           } else if (name === 'shieldboost' || name === 'hullboost') {
             result = (1 + result) * (1 + modValue) - 1;
           } else {
-            // Rate of fire modifiers are special as they actually are modifiers
-            // for fire interval. Translate them accordingly here:
-            if (name == 'rof') {
-              modValue = 1 / (1 + modValue) - 1;
-            }
             result = result * (1 + modValue);
           }
-        } else if (name === 'burstrof' || name === 'burst') {
+        } else if (name === 'burstrof') {
           // Burst and burst rate of fire are special, as it can not exist but
           // have a modification
-          result = modValue;
+          result = modValue / 100;
         }
       }
     }
@@ -294,7 +294,11 @@ export default class Module {
   formatModifiedValue(name, language, unit, val) {
     const formattingOptions = STATS_FORMATTING[name];
     if (val === undefined) {
-      val = this.getPretty(name, true);
+      if (formattingOptions && formattingOptions.synthetic) {
+        val = (this[formattingOptions.synthetic]).call(this, true);
+      } else {
+        val = this._getModifiedValue(name);
+      }
     }
 
     val = val || 0;
@@ -364,18 +368,14 @@ export default class Module {
 
     if (formattingOptions && formattingOptions.change) {
       let changeFormatting = formattingOptions.change;
-      let baseVal = this[name] || 0;
+      let baseVal = this[name];
       let absVal = this._getModifiedValue(name);
       if (changeFormatting === 'additive') {
         val = absVal - baseVal;
       } else if (changeFormatting === 'multiplicative') {
         val = absVal / baseVal - 1;
       }
-      if (Modifications.modifications[name].method === 'overwrite') {
+      val *= 10000;
-        val *= 100;
-      } else {
-        val *= 10000;
-      }
     }
     return val;
   }
@@ -439,15 +439,6 @@ export default class Module {
     return this.get('integrity', modified);
   }
 
-  /**
-   * Get the info of this module
-   * @param {Boolean} [modified=false] Whether to take modifications into account
-   * @return {String} the info of this module
-   */
-  getInfo(modified = false) {
-    return (modified && this.getModValue('info')) || this.info;
-  }
-
   /**
    * Get the mass of this module
    * @param {Boolean} [modified=true] Whether to take modifications into account
@@ -598,9 +589,20 @@ export default class Module {
    * @return {Number} the falloff of this module
    */
   getFalloff(modified = true) {
+    if (!modified) {
+      const range = this.getRange(false);
+      const falloff = this.get('falloff', false);
+      return (falloff > range ? range : falloff);
+    }
+
     // Falloff from range is mapped to range
-    if (modified && this.mods && this.mods['fallofffromrange']) {
+    if (this.mods && this.mods['fallofffromrange']) {
       return this.getRange();
+    // Need to find out if we have a focused modification, in which case our
+    // falloff is scaled to range
+    } else if (this.blueprint && this.blueprint.name === 'Focused') {
+      const rangeMod = this.getModValue('range') / 10000;
+      return this.falloff * (1 + rangeMod);
     // Standard falloff calculation
     } else {
       const range = this.getRange();
@@ -654,6 +656,15 @@ export default class Module {
     return this.get('protection', modified);
   }
 
+  /**
+   * Get the delay for this module
+   * @param {Boolean} [modified=true] Whether to take modifications into account
+   * @return {Number} the delay of this module
+   */
+  getDelay(modified = true) {
+    return this.get('delay', modified);
+  }
+
   /**
    * Get the duration for this module
    * @param {Boolean} [modified=true] Whether to take modifications into account
@@ -709,7 +720,8 @@ export default class Module {
     let result = 0;
     if (this['maxmass']) {
       result = this['maxmass'];
-      if (result && modified && !ModuleUtils.isShieldGenerator(this['grp'])) {
+      // max mass is only modified for non-shield boosters
+      if (result && modified && this.grp !== 'sg') {
         let mult = this.getModValue('optmass') / 10000;
         if (mult) { result = result * (1 + mult); }
       }
@@ -798,6 +810,24 @@ export default class Module {
     return this.get('distdraw', modified);
   }
 
+  /**
+   * Get the thermal load for this module
+   * @param {Boolean} [modified=true] Whether to take modifications into account
+   * @return {Number} the thermal load of this module
+   */
+  getThermalLoad(modified = true) {
+    return this.get('thermload', modified);
+  }
+
+  /**
+   * Get the rounds per shot for this module
+   * @param {Boolean} [modified=true] Whether to take modifications into account
+   * @return {Number} the rounds per shot of this module
+   */
+  getRoundsPerShot(modified = true) {
+    return this.get('roundspershot', modified);
+  }
+
   /**
    * Get the DPS for this module
    * @param {Boolean} [modified=true] Whether to take modifications into account
@@ -821,39 +851,25 @@ export default class Module {
     return this.getDps(modified) / this.getEps(modified);
   }
 
-  /**
-   * Return the factor that gets applied when calculating certain "sustained"
-   * values, e.g. `SDPS = this.getSustainedFactor() * DPS`.
-   * @param {Boolean} [modified=true] Whether to take modifications into account
-   */
-  getSustainedFactor(modified = true) {
-    let clipSize = this.getClip(modified);
-    if (clipSize) {
-      // If auto-loader is applied, effective clip size will be nearly doubled
-      // as you get one reload for every two shots fired.
-      if (this.blueprint && this.blueprint.special && this.blueprint.special.edname === 'special_auto_loader' && modified) {
-        clipSize += clipSize - 1;
-      }
-
-      let burstSize = this.get('burst', modified) || 1;
-      let rof = this.getRoF(modified);
-      // rof averages burstfire + pause until next interval but for sustained
-      // rof we need to take another burst without pause into account
-      let burstOverhead = (burstSize - 1) / (this.get('burstrof', modified) || 1);
-      let srof = clipSize / ((clipSize - burstSize) / rof + burstOverhead + this.getReload(modified));
-      return srof / rof;
-    } else {
-      return 1;
-    }
-  }
-
   /**
    * Get the SDPS for this module
    * @param {Boolean} [modified=true] Whether to take modifications into account
    * @return {Number} The SDPS of this module
    */
   getSDps(modified = true) {
-    return this.getDps(modified) * this.getSustainedFactor(modified);
+    let dps = this.getDps(modified);
+    if (this.getClip(modified)) {
+      let clipSize = this.getClip(modified);
+      // If auto-loader is applied, effective clip size will be nearly doubled
+      // as you get one reload for every two shots fired.
+      if (this.blueprint && this.blueprint.special && this.blueprint.special.edname === 'special_auto_loader' && modified) {
+        clipSize += clipSize - 1;
+      }
+      let timeToDeplete = clipSize / this.getRoF(modified);
+      return dps * timeToDeplete / (timeToDeplete + this.getReload(modified));
+    } else {
+      return dps;
+    }
   }
 
   /**
@@ -877,7 +893,7 @@ export default class Module {
    */
   getHps(modified = true) {
     // HPS is a synthetic value
-    let heat = this.get('thermload', modified);
+    let heat = this.getThermalLoad(modified);
     // We don't use rpshot here as dist draw is per combined shot
     let rof = this.getRoF(modified) || 1;
 
@@ -914,6 +930,24 @@ export default class Module {
     return this.get('reload', modified);
   }
 
+  /**
+   * Get the burst size for this module
+   * @param {Boolean} [modified=true] Whether to take modifications into account
+   * @return {Number} the burst size of this module
+   */
+  getBurst(modified = true) {
+    return this.get('burst', modified);
+  }
+
+  /**
+   * Get the burst rate of fire for this module
+   * @param {Boolean} [modified=true] Whether to take modifications into account
+   * @return {Number} the burst rate of fire of this module
+   */
+  getBurstRoF(modified = true) {
+    return this.get('burstrof', modified);
+  }
+
   /**
    * Get the rate of fire for this module.
    * The rate of fire is a combination value, and needs to take in to account
@@ -924,8 +958,8 @@ export default class Module {
    * @return {Number} the rate of fire for this module
    */
   getRoF(modified = true) {
-    const burst = this.get('burst', modified) || 1;
+    const burst = this.getBurst(modified) || 1;
-    const burstRoF = this.get('burstrof', modified) || 1;
+    const burstRoF = this.getBurstRoF(modified) || 1;
     const intRoF = this.get('rof', modified);
 
     return burst / (((burst - 1) / burstRoF) + 1 / intRoF);
@@ -1056,31 +1090,4 @@ export default class Module {
   getHackTime(modified = true) {
     return this.get('hacktime', modified);
   }
-
-  /**
-   * Get the scan range for this module
-   * @param {Boolean} [modified=true] Whether to take modifications into account
-   * @return {string} the time for this module
-   */
-  getScanRange(modified = true) {
-    return this.get('scanrange', modified);
-  }
-
-  /**
-   * Get the scan angle for this module
-   * @param {Boolean} [modified=true] Whether to take modifications into account
-   * @return {string} the time for this module
-   */
-  getScanAngle(modified = true) {
-    return this.get('scanangle', modified);
-  }
-
-  /**
-   * Get the max angle for this module
-   * @param {Boolean} [modified=true] Whether to take modifications into account
-   * @return {string} the time for this module
-   */
-  getMaxAngle(modified = true) {
-    return this.get('maxangle', modified);
-  }
 }

src/app/shipyard/ModuleSet.js

@@ -13,19 +13,6 @@ function filter(arr, maxClass, minClass, mass) {
   return arr.filter(m => m.class <= maxClass && m.class >= minClass && (m.maxmass === undefined || mass <= m.maxmass));
 }
 
-/**
- * Filter SCO Modules to only return legal size.
- * @param  {Array}  arr        Array of available FSD modules.
- * @param  {number} maxSize    Maximum allowable size for SCO modules.
- * @return {Array}             Subset of modules filtered based on legal size amd type.
- */
-function sco_filter(arr, maxSize) {
-  return arr.filter(module => {
-    return !(module.hasOwnProperty('name') && module['name'] === "Frame Shift Drive (SCO)" && module['class'] < maxSize);
-  });
-}
-
-
 /**
  * The available module set for a specific ship
  */
@@ -54,7 +41,6 @@ export default class ModuleSet {
 
     this.standard[0] = filter(stnd.pp, maxStandardArr[0], 0, mass);  // Power Plant
     this.standard[2] = filter(stnd.fsd, maxStandardArr[2], 0, mass);  // FSD
-    this.standard[2] = sco_filter(this.standard[2], maxStandardArr[2]) // FSD - Filter SCO Modules
     this.standard[4] = filter(stnd.pd, maxStandardArr[4], 0, mass);  // Power Distributor
     this.standard[6] = filter(stnd.ft, maxStandardArr[6], 0, mass);  // Fuel Tank
     // Thrusters, filter modules by class only (to show full list of ratings for that class)

src/app/shipyard/ModuleUtils.js

@@ -63,10 +63,7 @@ export function standard(type, id) {
   if (!isNaN(type)) {
     type = StandardArray[type];
   }
-  let s = Modules.standard[type].find(e => e.id === id);
+  let s = Modules.standard[type].find(e => e.id == id || (e.class == id.charAt(0) && e.rating == id.charAt(1)));
-  if (!s) {
-    s = Modules.standard[type].find(e => (e.class == id.charAt(0) && e.rating == id.charAt(1)));
-  }
   if (s) {
     s = new Module({ template: s });
   }

src/app/shipyard/Serializer.js

@@ -85,12 +85,12 @@ export function toDetailedBuild(buildName, ship) {
       code = ship.toString();
 
   let data = {
-    $schema: 'https://coriolis.io/schemas/ship-loadout/4.json#',
+    $schema: 'https://coriolis.edcd.io/schemas/ship-loadout/4.json#',
     name: buildName,
     ship: ship.name,
     references: [{
       name: 'Coriolis.io',
-      url: 'https://coriolis.io' + outfitURL(ship.id, code, buildName),
+      url: 'https://coriolis.edcd.io' + outfitURL(ship.id, code, buildName),
       code,
       shipId: ship.id
     }],

src/app/shipyard/Ship.js

@@ -10,7 +10,7 @@ import { Ships, Modifications } from 'coriolis-data/dist';
 import { chain } from 'lodash';
 const zlib = require('zlib');
 
-const UNIQUE_MODULES = ['psg', 'sg', 'bsg', 'rf', 'fs', 'fh', 'gfsb', 'dc', 'ews'];
+const UNIQUE_MODULES = ['psg', 'sg', 'bsg', 'rf', 'fs', 'fh', 'gfsb'];
 
 // Constants for modifications struct
 const SLOT_ID_DONE = -1;
@@ -492,18 +492,20 @@ export default class Ship {
    * @param {Object} m          The module to change
    * @param {Object} name       The name of the modification to change
    * @param {Number} value The new value of the modification.  The value of the modification is scaled to provide two decimal places of precision in an integer.  For example 1.23% is stored as 123
-   * @param {boolean}   isAbsolute True if value is an absolute value and not a modification value
+   * @param {bool}   sentfromui True if this update was sent from the UI
+   * @param {bool}   isAbsolute True if value is an absolute value and not a
+   *                            modification value
    */
-  setModification(m, name, value, isAbsolute = false) {
+  setModification(m, name, value, sentfromui, isAbsolute) {
     if (isNaN(value)) {
       // Value passed is invalid; reset it to 0
       value = 0;
     }
 
     if (isAbsolute) {
-      m.setPretty(name, value, isAbsolute);
+      m.setPretty(name, value, sentfromui);
     } else {
-      m.setModValue(name, value, false);
+      m.setModValue(name, value, sentfromui);
     }
 
     // Handle special cases
@@ -536,7 +538,7 @@ export default class Ship {
       this.recalculateArmour();
     } else if (name === 'shieldreinforcement') {
       this.recalculateShieldCells();
-    } else if (name === 'burst' || name === 'burstrof' || name === 'clip' || name === 'damage' || name === 'distdraw' || name === 'jitter' || name === 'piercing' || name === 'range' || name === 'reload' || name === 'rof' || name === 'thermload') {
+    } else if (name === 'burst' || name == 'burstrof' || name === 'clip' || name === 'damage' || name === 'distdraw' || name === 'jitter' || name === 'piercing' || name === 'range' || name === 'reload' || name === 'rof' || name === 'thermload') {
       this.recalculateDps();
       this.recalculateHps();
       this.recalculateEps();
@@ -1301,7 +1303,7 @@ export default class Ship {
     let fsd = this.standard[2].m;   // Frame Shift Drive;
     let { unladenMass, fuelCapacity } = this;
     this.unladenRange = this.calcUnladenRange(); // Includes fuel weight for jump
-    this.fullTankRange = Calc.jumpRange(unladenMass + fuelCapacity, fsd, fuelCapacity, this); // Full Tank
+    this.fullTankRange = Calc.jumpRange(unladenMass + fuelCapacity, fsd, this); // Full Tank
     this.ladenRange = this.calcLadenRange(); // Includes full tank and caro
     this.unladenFastestRange = Calc.totalJumpRange(unladenMass + this.fuelCapacity, fsd, fuelCapacity, this);
     this.ladenFastestRange = Calc.totalJumpRange(unladenMass + this.fuelCapacity + this.cargoCapacity, fsd, fuelCapacity, this);
@@ -1499,7 +1501,7 @@ export default class Ship {
             } else {
               buffer.writeInt32LE(slotMod.value, curpos);
             }
-            const modification = _.find(Modifications.modifications, function(o) { return o.id === slotMod.id; });
+            // const modification = _.find(Modifications.modifications, function(o) { return o.id === slotMod.id; });
             // console.log('ENCODE Slot ' + i + ': ' + modification.name + ' = ' + slotMod.value);
             curpos += 4;
           }
@@ -1512,7 +1514,6 @@ export default class Ship {
       }
 
       this.serialized.modifications = zlib.gzipSync(buffer).toString('base64');
-      // console.log(this.serialized.modifications)
     } else {
       this.serialized.modifications = null;
     }

src/app/shipyard/StatsFormatting.js

@@ -26,8 +26,8 @@ export const STATS_FORMATTING = {
   'ammo': { 'format': 'int', },
   'boot': { 'format': 'int', 'unit': 'secs' },
   'brokenregen': { 'format': 'round1', 'unit': 'ps' },
-  'burst': { 'format': 'int', 'change': 'additive' },
+  'burst': { 'format': 'int' },
-  'burstrof': { 'format': 'round1', 'unit': 'ps', 'change': 'additive' },
+  'burstrof': { 'format': 'round1', 'unit': 'ps' },
   'causres': { 'format': 'pct' },
   'clip': { 'format': 'int' },
   'damage': { 'format': 'round' },
@@ -61,7 +61,7 @@ export const STATS_FORMATTING = {
   'ranget': { 'format': 'f1', 'unit': 's' },
   'regen': { 'format': 'round1', 'unit': 'ps' },
   'reload': { 'format': 'int', 'unit': 's' },
-  'rof': { 'format': 'round1', 'unit': 'ps', 'synthetic': 'getRoF', 'higherbetter': true },
+  'rof': { 'format': 'round1', 'unit': 'ps' },
   'angle': { 'format': 'round1', 'unit': 'ang' },
   'scanrate': { 'format': 'int' },
   'scantime': { 'format': 'round1', 'unit': 's' },
@@ -78,6 +78,5 @@ export const STATS_FORMATTING = {
   'thermres': { 'format': 'pct' },
   'wepcap': { 'format': 'round1', 'unit': 'MJ' },
   'weprate': { 'format': 'round1', 'unit': 'MW' },
-  'jumpboost': { 'format': 'round1', 'unit': 'LY' },
+  'jumpboost': { 'format': 'round1', 'unit': 'LY' }
-  'proberadius': { 'format': 'pct1', 'unit': 'pct' },
 };

src/app/stores/Persist.js

@@ -15,6 +15,7 @@ const LS_KEY_SIZE_RATIO = 'sizeRatio';
 const LS_KEY_TOOLTIPS = 'tooltips';
 const LS_KEY_MODULE_RESISTANCES = 'moduleResistances';
 const LS_KEY_ROLLS = 'matsPerGrade';
+const LS_KEY_ORBIS = 'orbis';
 
 let LS;
 
@@ -94,6 +95,7 @@ export class Persist extends EventEmitter {
     let buildJson = _get(LS_KEY_BUILDS);
     let comparisonJson = _get(LS_KEY_COMPARISONS);
 
+    this.orbisCreds = _get(LS_KEY_ORBIS) || { email: '', password: '' };
     this.onStorageChange = this.onStorageChange.bind(this);
     this.langCode = _getString(LS_KEY_LANG) || 'en';
     this.insurance = insurance && Insurance[insurance.toLowerCase()] !== undefined ? insurance : 'standard';
@@ -167,6 +169,10 @@ export class Persist extends EventEmitter {
           this.matsPerGrade = JSON.parse(newValue);
           this.emit('matsPerGrade', this.matsPerGrade);
           break;
+        case LS_KEY_ORBIS:
+          this.orbisCreds = JSON.parse(newValue);
+          this.emit('orbis', this.orbisCreds);
+          break;
       }
     } catch (e) {
       // On JSON.Parse Error - don't sync or do anything
@@ -192,6 +198,24 @@ export class Persist extends EventEmitter {
     this.emit('language', langCode);
   }
 
+  /**
+   * Get the current orbis.zone credentials
+   * @return {String} language code
+   */
+  getOrbisCreds() {
+    return this.orbisCreds;
+  };
+
+  /**
+   * Update and save the orbis.zone credentials
+   * @param {Object} creds object with username and password properties.
+   */
+  setOrbisCreds(creds) {
+    this.langCode = creds;
+    _put(LS_KEY_ORBIS, creds);
+    this.emit('orbis', creds);
+  }
+
   /**
    * Show tooltips setting
    * @param  {boolean} show Optional - update setting

src/app/utils/BlueprintFunctions.js

@@ -1,435 +1,417 @@
-import React from 'react';
+import React from 'react';
-import { Modifications } from 'coriolis-data/dist';
+import { Modifications } from 'coriolis-data/dist';
-import { STATS_FORMATTING } from '../shipyard/StatsFormatting';
+
-
+/**
-/**
+ * Generate a tooltip with details of a blueprint's specials
- * Generate a tooltip with details of a blueprint's specials
+ * @param   {Object}  translate   The translate object
- * @param   {Object}  translate   The translate object
+ * @param   {Object}  blueprint   The blueprint at the required grade
- * @param   {Object}  blueprint   The blueprint at the required grade
+ * @param   {string}  grp         The group of the module
- * @param   {string}  grp         The group of the module
+ * @param   {Object}  m           The module to compare with
- * @param   {Object}  m           The module to compare with
+ * @param   {string} specialName  The name of the special
- * @param   {string} specialName  The name of the special
+ * @returns {Object}              The react components
- * @returns {Object}              The react components
+ */
- */
+export function specialToolTip(translate, blueprint, grp, m, specialName) {
-export function specialToolTip(translate, blueprint, grp, m, specialName) {
+  const effects = [];
-  const effects = [];
+  if (!blueprint || !blueprint.features) {
-  if (!blueprint || !blueprint.features) {
+    return undefined;
-    return undefined;
+  }
-  }
+  if (m) {
-  if (m) {
+    // We also add in any benefits from specials that aren't covered above
-    // We also add in any benefits from specials that aren't covered above
+    if (m.blueprint) {
-    if (m.blueprint) {
+      for (const feature in Modifications.modifierActions[specialName]) {
-      for (const feature in Modifications.modifierActions[specialName]) {
+        // if (!blueprint.features[feature] && !m.mods.feature) {
-        // if (!blueprint.features[feature] && !m.mods.feature) {
+        const featureDef = Modifications.modifications[feature];
-        const featureDef = Modifications.modifications[feature];
+        if (featureDef && !featureDef.hidden) {
-        if (featureDef && !featureDef.hidden) {
+          let symbol = '';
-          let symbol = '';
+          if (feature === 'jitter') {
-          if (feature === 'jitter') {
+            symbol = '°';
-            symbol = '°';
+          } else if (featureDef.type === 'percentage') {
-          } else if (featureDef.type === 'percentage') {
+            symbol = '%';
-            symbol = '%';
+          }
-          }
+          let current = m.getModValue(feature) - m.getModValue(feature, true);
-          let current = m.getModValue(feature) - m.getModValue(feature, true);
+          if (featureDef.type === 'percentage') {
-          if (featureDef.type === 'percentage') {
+            current = Math.round(current / 10) / 10;
-            current = Math.round(current / 10) / 10;
+          } else if (featureDef.type === 'numeric') {
-          } else if (featureDef.type === 'numeric') {
+            current /= 100;
-            current /= 100;
+          }
-          }
+          const currentIsBeneficial = isValueBeneficial(feature, current);
-          const currentIsBeneficial = isValueBeneficial(feature, current);
+
-
+          effects.push(
-          effects.push(
+            <tr key={feature + '_specialTT'}>
-            <tr key={feature + '_specialTT'}>
+              <td style={{ textAlign: 'left' }}>{translate(feature, grp)}</td>
-              <td style={{ textAlign: 'left' }}>{translate(feature, grp)}</td>
+              <td>&nbsp;</td>
-              <td>&nbsp;</td>
+              <td className={current === 0 ? '' : currentIsBeneficial ? 'secondary' : 'warning'}
-              <td className={current === 0 ? '' : currentIsBeneficial ? 'secondary' : 'warning'}
+                style={{ textAlign: 'right' }}>{current}{symbol}</td>
-                style={{ textAlign: 'right' }}>{current}{symbol}</td>
+              <td>&nbsp;</td>
-              <td>&nbsp;</td>
+            </tr>
-            </tr>
+          );
-          );
+        }
-        }
+      }
-      }
+    }
-    }
+  }
-  }
+
-
+  return (
-  return (
+    <div>
-    <div>
+      <table width='100%'>
-      <table width='100%'>
+        <tbody>
-        <tbody>
+          {effects}
-          {effects}
+        </tbody>
-        </tbody>
+      </table>
-      </table>
+    </div>
-    </div>
+  );
-  );
+}
-}
+
-
+/**
-/**
+ * Generate a tooltip with details of a blueprint's effects
- * Generate a tooltip with details of a blueprint's effects
+ * @param   {Object}  translate   The translate object
- * @param   {Object}  translate   The translate object
+ * @param   {Object}  blueprint   The blueprint at the required grade
- * @param   {Object}  blueprint   The blueprint at the required grade
+ * @param   {Array}   engineers   The engineers supplying this blueprint
- * @param   {Array}   engineers   The engineers supplying this blueprint
+ * @param   {string}  grp         The group of the module
- * @param   {string}  grp         The group of the module
+ * @param   {Object}  m           The module to compare with
- * @param   {Object}  m           The module to compare with
+ * @returns {Object}              The react components
- * @returns {Object}              The react components
+ */
- */
+export function blueprintTooltip(translate, blueprint, engineers, grp, m) {
-export function blueprintTooltip(translate, blueprint, engineers, grp, m) {
+  const effects = [];
-  const effects = [];
+  if (!blueprint || !blueprint.features) {
-  if (!blueprint || !blueprint.features) {
+    return undefined;
-    return undefined;
+  }
-  }
+  for (const feature in blueprint.features) {
-  for (const feature in blueprint.features) {
+    const featureIsBeneficial = isBeneficial(feature, blueprint.features[feature]);
-    const featureIsBeneficial = isBeneficial(feature, blueprint.features[feature]);
+    const featureDef = Modifications.modifications[feature];
-    const featureDef = Modifications.modifications[feature];
+    if (!featureDef.hidden) {
-    if (!featureDef.hidden) {
+      let symbol = '';
-      let symbol = '';
+      if (feature === 'jitter') {
-      if (feature === 'jitter') {
+        symbol = '°';
-        symbol = '°';
+      } else if (featureDef.type === 'percentage') {
-      } else if (featureDef.type === 'percentage') {
+        symbol = '%';
-        symbol = '%';
+      }
-      }
+      let lowerBound = blueprint.features[feature][0];
-      let lowerBound = blueprint.features[feature][0];
+      let upperBound = blueprint.features[feature][1];
-      let upperBound = blueprint.features[feature][1];
+      if (featureDef.type === 'percentage') {
-      if (featureDef.type === 'percentage') {
+        lowerBound = Math.round(lowerBound * 1000) / 10;
-        lowerBound = Math.round(lowerBound * 1000) / 10;
+        upperBound = Math.round(upperBound * 1000) / 10;
-        upperBound = Math.round(upperBound * 1000) / 10;
+      }
-      }
+      const lowerIsBeneficial  = isValueBeneficial(feature, lowerBound);
-      const lowerIsBeneficial  = isValueBeneficial(feature, lowerBound);
+      const upperIsBeneficial  = isValueBeneficial(feature, upperBound);
-      const upperIsBeneficial  = isValueBeneficial(feature, upperBound);
+      if (m) {
-      if (m) {
+        // We have a module - add in the current value
-        // We have a module - add in the current value
+        let current = m.getModValue(feature);
-        let current = m.getModValue(feature);
+        if (featureDef.type === 'percentage' || featureDef.name === 'burst' || featureDef.name === 'burstrof') {
-        if (featureDef.type === 'percentage' || featureDef.name === 'burst' || featureDef.name === 'burstrof') {
+          current = Math.round(current / 10) / 10;
-          current = Math.round(current / 10) / 10;
+        } else if (featureDef.type === 'numeric') {
-        } else if (featureDef.type === 'numeric') {
+          current /= 100;
-          current /= 100;
+        }
-        }
+        const currentIsBeneficial  = isValueBeneficial(feature, current);
-        const currentIsBeneficial  = isValueBeneficial(feature, current);
+        effects.push(
-        effects.push(
+          <tr key={feature}>
-          <tr key={feature}>
+            <td style={{ textAlign: 'left' }}>{translate(feature, grp)}</td>
-            <td style={{ textAlign: 'left' }}>{translate(feature, grp)}</td>
+            <td className={lowerBound === 0 ? '' : lowerIsBeneficial ? 'secondary' : 'warning'} style={{ textAlign: 'right' }}>{lowerBound}{symbol}</td>
-            <td className={lowerBound === 0 ? '' : lowerIsBeneficial ? 'secondary' : 'warning'} style={{ textAlign: 'right' }}>{lowerBound}{symbol}</td>
+            <td className={current === 0 ? '' : currentIsBeneficial ? 'secondary' : 'warning'} style={{ textAlign: 'right' }}>{current}{symbol}</td>
-            <td className={current === 0 ? '' : currentIsBeneficial ? 'secondary' : 'warning'} style={{ textAlign: 'right' }}>{current}{symbol}</td>
+            <td className={upperBound === 0 ? '' : upperIsBeneficial ? 'secondary' : 'warning'} style={{ textAlign: 'right' }}>{upperBound}{symbol}</td>
-            <td className={upperBound === 0 ? '' : upperIsBeneficial ? 'secondary' : 'warning'} style={{ textAlign: 'right' }}>{upperBound}{symbol}</td>
+          </tr>
-          </tr>
+        );
-        );
+      } else {
-      } else {
+        // We do not have a module, no value
-        // We do not have a module, no value
+        effects.push(
-        effects.push(
+          <tr key={feature}>
-          <tr key={feature}>
+            <td style={{ textAlign: 'left' }}>{translate(feature, grp)}</td>
-            <td style={{ textAlign: 'left' }}>{translate(feature, grp)}</td>
+            <td className={lowerBound === 0 ? '' : lowerIsBeneficial ? 'secondary' : 'warning'} style={{ textAlign: 'right' }}>{lowerBound}{symbol}</td>
-            <td className={lowerBound === 0 ? '' : lowerIsBeneficial ? 'secondary' : 'warning'} style={{ textAlign: 'right' }}>{lowerBound}{symbol}</td>
+            <td className={upperBound === 0 ? '' : upperIsBeneficial ? 'secondary' : 'warning'} style={{ textAlign: 'right' }}>{upperBound}{symbol}</td>
-            <td className={upperBound === 0 ? '' : upperIsBeneficial ? 'secondary' : 'warning'} style={{ textAlign: 'right' }}>{upperBound}{symbol}</td>
+          </tr>
-          </tr>
+        );
-        );
+      }
-      }
+    }
-    }
+  }
-  }
+  if (m) {
-  if (m) {
+    // Because we have a module add in any benefits that aren't part of the primary blueprint
-    // Because we have a module add in any benefits that aren't part of the primary blueprint
+    for (const feature in m.mods) {
-    for (const feature in m.mods) {
+      if (!blueprint.features[feature]) {
-      if (!blueprint.features[feature]) {
+        const featureDef = Modifications.modifications[feature];
-        const featureDef = Modifications.modifications[feature];
+        if (featureDef && !featureDef.hidden) {
-        if (featureDef && !featureDef.hidden) {
+          let symbol = '';
-          let symbol = '';
+          if (feature === 'jitter') {
-          if (feature === 'jitter') {
+            symbol = '°';
-            symbol = '°';
+          } else if (featureDef.type === 'percentage') {
-          } else if (featureDef.type === 'percentage') {
+            symbol = '%';
-            symbol = '%';
+          }
-          }
+          let current = m.getModValue(feature);
-          let current = m.getModValue(feature);
+          if (featureDef.type === 'percentage' || featureDef.name === 'burst' || featureDef.name === 'burstrof') {
-          if (featureDef.type === 'percentage' || featureDef.name === 'burst' || featureDef.name === 'burstrof') {
+            current = Math.round(current / 10) / 10;
-            current = Math.round(current / 10) / 10;
+          } else if (featureDef.type === 'numeric') {
-          } else if (featureDef.type === 'numeric') {
+            current /= 100;
-            current /= 100;
+          }
-          }
+          const currentIsBeneficial  = isValueBeneficial(feature, current);
-          const currentIsBeneficial  = isValueBeneficial(feature, current);
+          effects.push(
-          effects.push(
+            <tr key={feature}>
-            <tr key={feature}>
+              <td style={{ textAlign: 'left' }}>{translate(feature, grp)}</td>
-              <td style={{ textAlign: 'left' }}>{translate(feature, grp)}</td>
+              <td>&nbsp;</td>
-              <td>&nbsp;</td>
+              <td className={current === 0 ? '' : currentIsBeneficial ? 'secondary' : 'warning'} style={{ textAlign: 'right' }}>{current}{symbol}</td>
-              <td className={current === 0 ? '' : currentIsBeneficial ? 'secondary' : 'warning'} style={{ textAlign: 'right' }}>{current}{symbol}</td>
+              <td>&nbsp;</td>
-              <td>&nbsp;</td>
+            </tr>
-            </tr>
+          );
-          );
+        }
-        }
+      }
-      }
+    }
-    }
+
-
+    // We also add in any benefits from specials that aren't covered above
-    // We also add in any benefits from specials that aren't covered above
+    if (m.blueprint && m.blueprint.special) {
-    if (m.blueprint && m.blueprint.special) {
+      for (const feature in Modifications.modifierActions[m.blueprint.special.edname]) {
-      for (const feature in Modifications.modifierActions[m.blueprint.special.edname]) {
+        if (!blueprint.features[feature] && !m.mods.feature) {
-        if (!blueprint.features[feature] && !m.mods.feature) {
+          const featureDef = Modifications.modifications[feature];
-          const featureDef = Modifications.modifications[feature];
+          if (featureDef && !featureDef.hidden) {
-          if (featureDef && !featureDef.hidden) {
+            let symbol = '';
-            let symbol = '';
+            if (feature === 'jitter') {
-            if (feature === 'jitter') {
+              symbol = '°';
-              symbol = '°';
+            } else if (featureDef.type === 'percentage') {
-            } else if (featureDef.type === 'percentage') {
+              symbol = '%';
-              symbol = '%';
+            }
-            }
+            let current = m.getModValue(feature);
-            let current = m.getModValue(feature);
+            if (featureDef.type === 'percentage' || featureDef.name === 'burst' || featureDef.name === 'burstrof') {
-            if (featureDef.type === 'percentage' || featureDef.name === 'burst' || featureDef.name === 'burstrof') {
+              current = Math.round(current / 10) / 10;
-              current = Math.round(current / 10) / 10;
+            } else if (featureDef.type === 'numeric') {
-            } else if (featureDef.type === 'numeric') {
+              current /= 100;
-              current /= 100;
+            }
-            }
+            const currentIsBeneficial  = isValueBeneficial(feature, current);
-            const currentIsBeneficial  = isValueBeneficial(feature, current);
+            effects.push(
-            effects.push(
+              <tr key={feature}>
-              <tr key={feature}>
+                <td style={{ textAlign: 'left' }}>{translate(feature, grp)}</td>
-                <td style={{ textAlign: 'left' }}>{translate(feature, grp)}</td>
+                <td>&nbsp;</td>
-                <td>&nbsp;</td>
+                <td className={current === 0 ? '' : currentIsBeneficial ? 'secondary' : 'warning'} style={{ textAlign: 'right' }}>{current}{symbol}</td>
-                <td className={current === 0 ? '' : currentIsBeneficial ? 'secondary' : 'warning'} style={{ textAlign: 'right' }}>{current}{symbol}</td>
+                <td>&nbsp;</td>
-                <td>&nbsp;</td>
+              </tr>
-              </tr>
+            );
-            );
+          }
-          }
+        }
-        }
+      }
-      }
+    }
-    }
+  }
-  }
+
-
+  let components;
-  let components;
+  if (!m) {
-  if (!m) {
+    components = [];
-    components = [];
+    for (const component in blueprint.components) {
-    for (const component in blueprint.components) {
+      components.push(
-      components.push(
+        <tr key={component}>
-        <tr key={component}>
+          <td style={{ textAlign: 'left' }}>{translate(component)}</td>
-          <td style={{ textAlign: 'left' }}>{translate(component)}</td>
+          <td style={{ textAlign: 'right' }}>{blueprint.components[component]}</td>
-          <td style={{ textAlign: 'right' }}>{blueprint.components[component]}</td>
+        </tr>
-        </tr>
+      );
-      );
+    }
-    }
+  }
-  }
+
-
+  let engineersList;
-  let engineersList;
+  if (engineers) {
-  if (engineers) {
+    engineersList = [];
-    engineersList = [];
+    for (const engineer of engineers) {
-    for (const engineer of engineers) {
+      engineersList.push(
-      engineersList.push(
+        <tr key={engineer}>
-        <tr key={engineer}>
+          <td style={{ textAlign: 'left' }}>{engineer}</td>
-          <td style={{ textAlign: 'left' }}>{engineer}</td>
+        </tr>
-        </tr>
+      );
-      );
+    }
-    }
+  }
-  }
+
-
+  return (
-  return (
+    <div>
-    <div>
+      <table width='100%'>
-      <table width='100%'>
+        <thead>
-        <thead>
+          <tr>
-          <tr>
+            <td>{translate('feature')}</td>
-            <td>{translate('feature')}</td>
+            <td>{translate('worst')}</td>
-            <td>{translate('worst')}</td>
+            {m ? <td>{translate('current')}</td> : null }
-            {m ? <td>{translate('current')}</td> : null }
+            <td>{translate('best')}</td>
-            <td>{translate('best')}</td>
+          </tr>
-          </tr>
+        </thead>
-        </thead>
+        <tbody>
-        <tbody>
+          {effects}
-          {effects}
+        </tbody>
-        </tbody>
+      </table>
-      </table>
+      { components ?  <table width='100%'>
-      { components ?  <table width='100%'>
+        <thead>
-        <thead>
+          <tr>
-          <tr>
+            <td>{translate('component')}</td>
-            <td>{translate('component')}</td>
+            <td>{translate('amount')}</td>
-            <td>{translate('amount')}</td>
+          </tr>
-          </tr>
+        </thead>
-        </thead>
+        <tbody>
-        <tbody>
+          {components}
-          {components}
+        </tbody>
-        </tbody>
+      </table> : null }
-      </table> : null }
+      { engineersList ? <table width='100%'>
-      { engineersList ? <table width='100%'>
+        <thead>
-        <thead>
+          <tr>
-          <tr>
+            <td>{translate('engineers')}</td>
-            <td>{translate('engineers')}</td>
+          </tr>
-          </tr>
+        </thead>
-        </thead>
+        <tbody>
-        <tbody>
+          {engineersList}
-          {engineersList}
+        </tbody>
-        </tbody>
+      </table>  : null }
-      </table>  : null }
+    </div>
-    </div>
+  );
-  );
+}
-}
+
-
+/**
-/**
+ * Is this blueprint feature beneficial?
- * Is this blueprint feature beneficial?
+ * @param   {string}  feature    The name of the feature
- * @param   {string}  feature    The name of the feature
+ * @param   {array}   values     The value of the feature
- * @param   {array}   values     The value of the feature
+ * @returns {boolean}            True if this feature is beneficial
- * @returns {boolean}            True if this feature is beneficial
+ */
- */
+export function isBeneficial(feature, values) {
-export function isBeneficial(feature, values) {
+  const fact = (values[0] < 0 || (values[0] === 0 && values[1] < 0));
-  const fact = (values[0] < 0 || (values[0] === 0 && values[1] < 0));
+  if (Modifications.modifications[feature].higherbetter) {
-  if (Modifications.modifications[feature].higherbetter) {
+    return !fact;
-    return !fact;
+  } else {
-  } else {
+    return fact;
-    return fact;
+  }
-  }
+}
-}
+
-
+/**
-/**
+ * Is this feature value beneficial?
- * Is this feature value beneficial?
+ * @param   {string}  feature    The name of the feature
- * @param   {string}  feature    The name of the feature
+ * @param   {number}  value      The value of the feature
- * @param   {number}  value      The value of the feature
+ * @returns {boolean}            True if this value is beneficial
- * @returns {boolean}            True if this value is beneficial
+ */
- */
+export function isValueBeneficial(feature, value) {
-export function isValueBeneficial(feature, value) {
+  if (Modifications.modifications[feature].higherbetter) {
-  if (Modifications.modifications[feature].higherbetter) {
+    return value > 0;
-    return value > 0;
+  } else {
-  } else {
+    return value < 0;
-    return value < 0;
+  }
-  }
+}
-}
+
-
+/**
-/**
+ * Get a blueprint with a given name and an optional module
- * Is the change as shown beneficial?
+ * @param   {string} name    The name of the blueprint
- * @param {string} feature The name of the feature
+ * @param   {Object} module  The module for which to obtain this blueprint
- * @param {number} value The value of the feature as percentage change
+ * @returns {Object}         The matching blueprint
- * @returns True if the value is beneficial
+ */
- */
+export function getBlueprint(name, module) {
-export function isChangeValueBeneficial(feature, value) {
+  // Start with a copy of the blueprint
-  let changeHigherBetter = STATS_FORMATTING[feature].higherbetter;
+  const findMod = val => Object.keys(Modifications.blueprints).find(elem => elem.toString().toLowerCase().search(val.toString().toLowerCase().replace(/(OutfittingFieldType_|persecond)/igm, '')) >= 0);
-  if (changeHigherBetter === undefined) {
+  const found = Modifications.blueprints[findMod(name)];
-    return isValueBeneficial(feature, value);
+  if (!found || !found.fdname) {
-  }
+    return {};
-
+  }
-  if (changeHigherBetter) {
+  const blueprint = JSON.parse(JSON.stringify(found));
-    return value > 0;
+  return blueprint;
-  } else {
+}
-    return value < 0;
+
-  }
+/**
-}
+ * Provide 'percent' primary modifications
-
+ * @param {Object}      ship      The ship for which to perform the modifications
-/**
+ * @param {Object}      m         The module for which to perform the modifications
- * Get a blueprint with a given name and an optional module
+ * @param {Number} percent The percent to set values to of full.
- * @param   {string} name    The name of the blueprint
+ */
- * @param   {Object} module  The module for which to obtain this blueprint
+export function setPercent(ship, m, percent) {
- * @returns {Object}         The matching blueprint
+  ship.clearModifications(m);
- */
+  // Pick given value as multiplier
-export function getBlueprint(name, module) {
+  const mult = percent / 100;
-  // Start with a copy of the blueprint
+  const features = m.blueprint.grades[m.blueprint.grade].features;
-  const findMod = val => Object.keys(Modifications.blueprints).find(elem => elem.toString().toLowerCase().search(val.toString().toLowerCase().replace(/(OutfittingFieldType_|persecond)/igm, '')) >= 0);
+  for (const featureName in features) {
-  const found = Modifications.blueprints[findMod(name)];
+    let value;
-  if (!found || !found.fdname) {
+    if (Modifications.modifications[featureName].higherbetter) {
-    return {};
+      // Higher is better, but is this making it better or worse?
-  }
+      if (features[featureName][0] < 0 || (features[featureName][0] === 0 && features[featureName][1] < 0)) {
-  const blueprint = JSON.parse(JSON.stringify(found));
+        value = features[featureName][1] + ((features[featureName][0] - features[featureName][1]) * mult);
-  return blueprint;
+      } else {
-}
+        value = features[featureName][0] + ((features[featureName][1] - features[featureName][0]) * mult);
-
+      }
-/**
+    } else {
- * Provide 'percent' primary modifications
+      // Higher is worse, but is this making it better or worse?
- * @param {Object}      ship      The ship for which to perform the modifications
+      if (features[featureName][0] < 0 || (features[featureName][0] === 0 && features[featureName][1] < 0)) {
- * @param {Object}      m         The module for which to perform the modifications
+        value = features[featureName][0] + ((features[featureName][1] - features[featureName][0]) * mult);
- * @param {Number} percent The percent to set values to of full.
+      } else {
- */
+        value = features[featureName][1] + ((features[featureName][0] - features[featureName][1]) * mult);
-export function setPercent(ship, m, percent) {
+      }
-  ship.clearModifications(m);
+    }
-  // Pick given value as multiplier
+
-  const mult = percent / 100;
+    _setValue(ship, m, featureName, value);
-  setQualityCB(m.blueprint, mult, (featureName, value) => ship.setModification(m, featureName, value));
+  }
-}
+}
-
+
-/**
+/**
- * Sets the blueprint quality and fires a callback for each property affected.
+ * Provide 'random' primary modifications
- * @param {Object}   blueprint  The ship for which to perform the modifications
+ * @param {Object}      ship      The ship for which to perform the modifications
- * @param {Number}   quality    The quality to apply - float number 0 to 1.
+ * @param {Object}      m         The module for which to perform the modifications
- * @param {Function} cb         The Callback to run for each property. Function (featureName, value)
+ */
- */
+export function setRandom(ship, m) {
-export function setQualityCB(blueprint, quality, cb) {
+  // Pick a single value for our randomness
-  // Pick given value as multiplier
+  setPercent(ship, m, Math.random() * 100);
-  const features = blueprint.grades[blueprint.grade].features;
+}
-  for (const featureName in features) {
+
-    let value;
+/**
-    if (Modifications.modifications[featureName].higherbetter) {
+ * Set a modification feature value
-      // Higher is better, but is this making it better or worse?
+ * @param {Object}      ship          The ship for which to perform the modifications
-      if (features[featureName][0] < 0 || (features[featureName][0] === 0 && features[featureName][1] < 0)) {
+ * @param {Object}      m             The module for which to perform the modifications
-        value = features[featureName][1] + ((features[featureName][0] - features[featureName][1]) * quality);
+ * @param {string}      featureName   The feature being set
-      } else {
+ * @param {number}      value         The value being set for the feature
-        value = features[featureName][0] + ((features[featureName][1] - features[featureName][0]) * quality);
+ */
-      }
+function _setValue(ship, m, featureName, value) {
-    } else {
+  if (Modifications.modifications[featureName].type == 'percentage') {
-      // Higher is worse, but is this making it better or worse?
+    ship.setModification(m, featureName, value * 10000);
-      if (features[featureName][0] < 0 || (features[featureName][0] === 0 && features[featureName][1] < 0)) {
+  } else if (Modifications.modifications[featureName].type == 'numeric') {
-        value = features[featureName][0] + ((features[featureName][1] - features[featureName][0]) * quality);
+    ship.setModification(m, featureName, value * 100);
-      } else {
+  } else {
-        value = features[featureName][1] + ((features[featureName][0] - features[featureName][1]) * quality);
+    ship.setModification(m, featureName, value);
-      }
+  }
-    }
+}
-
+
-    if (Modifications.modifications[featureName].type == 'percentage') {
+/**
-      value = value * 10000;
+ * Provide 'percent' primary query
-    } else if (Modifications.modifications[featureName].type == 'numeric') {
+ * @param {Object}      m         The module for which to perform the query
-      value = value * 100;
+ * @returns {Number} percent The percentage indicator of current applied values.
-    }
+ */
-
+export function getPercent(m) {
-    cb(featureName, value);
+  let result = null;
-  }
+  const features = m.blueprint.grades[m.blueprint.grade].features;
-}
+  for (const featureName in features) {
-
+    if (features[featureName][0] === features[featureName][1]) {
-/**
+      continue;
- * Provide 'random' primary modifications
+    }
- * @param {Object}      ship      The ship for which to perform the modifications
+
- * @param {Object}      m         The module for which to perform the modifications
+    let value = _getValue(m, featureName);
- */
+    let mult;
-export function setRandom(ship, m) {
+    if (featureName == 'shieldboost') {
-  // Pick a single value for our randomness
+      mult = ((1 + value) * (1 + m.shieldboost)) - 1 - m.shieldboost;
-  setPercent(ship, m, Math.random() * 100);
+    } else if (Modifications.modifications[featureName].higherbetter) {
-}
+      // Higher is better, but is this making it better or worse?
-
+      if (features[featureName][0] < 0 || (features[featureName][0] === 0 && features[featureName][1] < 0)) {
-/**
+        mult = Math.round((value - features[featureName][1]) / (features[featureName][0] - features[featureName][1]) * 100);
- * Provide 'percent' primary query
+      } else {
- * @param {Object}      m         The module for which to perform the query
+        mult = Math.round((value - features[featureName][0]) / (features[featureName][1] - features[featureName][0]) * 100);
- * @returns {Number} percent The percentage indicator of current applied values.
+      }
- */
+    } else {
-export function getPercent(m) {
+      // Higher is worse, but is this making it better or worse?
-  let result = null;
+      if (features[featureName][0] < 0 || (features[featureName][0] === 0 && features[featureName][1] < 0)) {
-  const features = m.blueprint.grades[m.blueprint.grade].features;
+        mult = Math.round((value - features[featureName][0]) / (features[featureName][1] - features[featureName][0]) * 100);
-  for (const featureName in features) {
+      } else {
-    if (features[featureName][0] === features[featureName][1]) {
+        mult = Math.round((value - features[featureName][1]) / (features[featureName][0] - features[featureName][1]) * 100);
-      continue;
+      }
-    }
+    }
-
+
-    let value = _getValue(m, featureName);
+    if (result && result != mult) {
-    let mult;
+      return null;
-    if (Modifications.modifications[featureName].higherbetter) {
+    } else if (result != mult) {
-      // Higher is better, but is this making it better or worse?
+      result = mult;
-      if (features[featureName][0] < 0 || (features[featureName][0] === 0 && features[featureName][1] < 0)) {
+    }
-        mult = Math.round((value - features[featureName][1]) / (features[featureName][0] - features[featureName][1]) * 100);
+  }
-      } else {
+
-        mult = Math.round((value - features[featureName][0]) / (features[featureName][1] - features[featureName][0]) * 100);
+  return result;
-      }
+}
-    } else {
+
-      // Higher is worse, but is this making it better or worse?
+/**
-      if (features[featureName][0] < 0 || (features[featureName][0] === 0 && features[featureName][1] < 0)) {
+ * Query a feature value
-        mult = Math.round((value - features[featureName][0]) / (features[featureName][1] - features[featureName][0]) * 100);
+ * @param {Object}      m             The module for which to perform the query
-      } else {
+ * @param {string}      featureName   The feature being queried
-        mult = Math.round((value - features[featureName][1]) / (features[featureName][0] - features[featureName][1]) * 100);
+ * @returns {number}  The value of the modification as a %
-      }
+ */
-    }
+function _getValue(m, featureName) {
-
+  if (Modifications.modifications[featureName].type == 'percentage') {
-    if (result && result != mult) {
+    return m.getModValue(featureName, true) / 10000;
-      return null;
+  } else if (Modifications.modifications[featureName].type == 'numeric') {
-    } else if (result != mult) {
+    return m.getModValue(featureName, true) / 100;
-      result = mult;
+  } else {
-    }
+    return m.getModValue(featureName, true);
-  }
+  }
-
+}
-  return result;
-}
-
-/**
- * Query a feature value
- * @param {Object}      m             The module for which to perform the query
- * @param {string}      featureName   The feature being queried
- * @returns {number}  The value of the modification as a %
- */
-function _getValue(m, featureName) {
-  if (Modifications.modifications[featureName].type == 'percentage') {
-    return m.getModValue(featureName, true) / 10000;
-  } else if (Modifications.modifications[featureName].type == 'numeric') {
-    return m.getModValue(featureName, true) / 100;
-  } else {
-    return m.getModValue(featureName, true);
-  }
-}

src/app/utils/CompanionApiUtils.js

@@ -30,11 +30,8 @@ export const SHIP_FD_NAME_TO_CORIOLIS_NAME = {
   'Hauler': 'hauler',
   'Independant_Trader': 'keelback',
   'Krait_MkII': 'krait_mkii',
-  'Mamba': 'mamba',
-  'Krait_Light': 'krait_phantom',
   'Orca': 'orca',
   'Python': 'python',
-  'Python_nx': 'python_nx',
   'SideWinder': 'sidewinder',
   'Type6': 'type_6_transporter',
   'Type7': 'type_7_transport',

src/app/utils/JournalUtils.js

@@ -1,395 +1,293 @@
-import Ship from '../shipyard/Ship';
+import Ship from '../shipyard/Ship';
-import { HARDPOINT_NUM_TO_CLASS, shipModelFromJson } from './CompanionApiUtils';
+import { HARDPOINT_NUM_TO_CLASS, shipModelFromJson } from './CompanionApiUtils';
-import { Ships } from 'coriolis-data/dist';
+import { Ships } from 'coriolis-data/dist';
-import Module from '../shipyard/Module';
+import Module from '../shipyard/Module';
-import { Modules } from 'coriolis-data/dist';
+import { Modules } from 'coriolis-data/dist';
-import { Modifications } from 'coriolis-data/dist';
+import { Modifications } from 'coriolis-data/dist';
-import { getBlueprint, setQualityCB } from './BlueprintFunctions';
+import { getBlueprint } from './BlueprintFunctions';
-
+
-/**
+/**
- * Check if an imported module is valid
+ * Obtain a module given its FD Name
- * @param {Object} module the module to check
+ * @param {string} fdname the FD Name of the module
- * @param {Object} moduleType the type of module to check
+ * @return {Module} the module
- * @return {boolean} true if the module is valid
+ */
- */
+function _moduleFromFdName(fdname) {
-function _isValidImportedModule(module, moduleType) {
+  if (!fdname) return null;
-  // First of all, has the _moduleFromFdName function returned 'null'?
+  fdname = fdname.toLowerCase();
-  if (!module){
+  // Check standard modules
-    return false
+  for (const grp in Modules.standard) {
-  }
+    if (Modules.standard.hasOwnProperty(grp)) {
-  else {
+      for (const i in Modules.standard[grp]) {
-    return true
+        if (Modules.standard[grp][i].symbol && Modules.standard[grp][i].symbol.toLowerCase() === fdname) {
-  }
+          // Found it
-}
+          return new Module({ template: Modules.standard[grp][i] });
-
+        }
-/**
+      }
- * Obtain a module given its FD Name
+    }
- * @param {string} fdname the FD Name of the module
+  }
- * @return {Module} the module
+
- */
+  // Check hardpoint modules
-function _moduleFromFdName(fdname) {
+  for (const grp in Modules.hardpoints) {
-  if (!fdname) return null;
+    if (Modules.hardpoints.hasOwnProperty(grp)) {
-  fdname = fdname.toLowerCase();
+      for (const i in Modules.hardpoints[grp]) {
-  // Check standard modules
+        if (Modules.hardpoints[grp][i].symbol && Modules.hardpoints[grp][i].symbol.toLowerCase() === fdname) {
-  for (const grp in Modules.standard) {
+          // Found it
-    if (Modules.standard.hasOwnProperty(grp)) {
+          return new Module({ template: Modules.hardpoints[grp][i] });
-      for (const i in Modules.standard[grp]) {
+        }
-        if (Modules.standard[grp][i].symbol && Modules.standard[grp][i].symbol.toLowerCase() === fdname) {
+      }
-          // Found it
+    }
-          return new Module({ template: Modules.standard[grp][i] });
+  }
-        }
+
-      }
+  // Check internal modules
-    }
+  for (const grp in Modules.internal) {
-  }
+    if (Modules.internal.hasOwnProperty(grp)) {
-
+      for (const i in Modules.internal[grp]) {
-  // Check hardpoint modules
+        if (Modules.internal[grp][i].symbol && Modules.internal[grp][i].symbol.toLowerCase() === fdname) {
-  for (const grp in Modules.hardpoints) {
+          // Found it
-    if (Modules.hardpoints.hasOwnProperty(grp)) {
+          return new Module({ template: Modules.internal[grp][i] });
-      for (const i in Modules.hardpoints[grp]) {
+        }
-        if (Modules.hardpoints[grp][i].symbol && Modules.hardpoints[grp][i].symbol.toLowerCase() === fdname) {
+      }
-          // Found it
+    }
-          return new Module({ template: Modules.hardpoints[grp][i] });
+  }
-        }
+
-      }
+  // Not found
-    }
+  return null;
-  }
+}
-
+
-  // Check internal modules
+/**
-  for (const grp in Modules.internal) {
+ * Build a ship from the journal Loadout event JSON
-    if (Modules.internal.hasOwnProperty(grp)) {
+ * @param {object} json the Loadout event JSON
-      for (const i in Modules.internal[grp]) {
+ * @return {Ship} the built ship
-        if (Modules.internal[grp][i].symbol && Modules.internal[grp][i].symbol.toLowerCase() === fdname) {
+ */
-          // Found it
+export function shipFromLoadoutJSON(json) {
-          return new Module({ template: Modules.internal[grp][i] });
+// Start off building a basic ship
-        }
+  const shipModel = shipModelFromJson(json);
-      }
+  if (!shipModel) {
-    }
+    throw 'No such ship found: "' + json.Ship + '"';
-  }
+  }
-
+  const shipTemplate = Ships[shipModel];
-  // Not found
+
-  return null;
+  let ship = new Ship(shipModel, shipTemplate.properties, shipTemplate.slots);
-}
+  ship.buildWith(null);
-
+  // Initial Ship building, don't do engineering yet.
-/**
+  let modsToAdd = [];
- * Build a ship from the journal Loadout event JSON
+
- * @param {object} json the Loadout event JSON
+  for (const module of json.Modules) {
- * @return {Ship} the built ship
+    switch (module.Slot.toLowerCase()) {
- */
+      // Cargo Hatch.
-export function shipFromLoadoutJSON(json) {
+      case 'cargohatch':
-// Start off building a basic ship
+        ship.cargoHatch.enabled = module.On;
-  const shipModel = shipModelFromJson(json);
+        ship.cargoHatch.priority = module.Priority;
-  if (!shipModel) {
+        break;
-    throw 'No such ship found: "' + json.Ship + '"';
+      // Add the bulkheads
-  }
+      case 'armour':
-  const shipTemplate = Ships[shipModel];
+        if (module.Item.toLowerCase().endsWith('_armour_grade1')) {
-
+          ship.useBulkhead(0, true);
-  let ship = new Ship(shipModel, shipTemplate.properties, shipTemplate.slots);
+        } else if (module.Item.toLowerCase().endsWith('_armour_grade2')) {
-  ship.buildWith(null);
+          ship.useBulkhead(1, true);
-  // Initial Ship building, don't do engineering yet.
+        } else if (module.Item.toLowerCase().endsWith('_armour_grade3')) {
-  let modsToAdd = [];
+          ship.useBulkhead(2, true);
-
+        } else if (module.Item.toLowerCase().endsWith('_armour_mirrored')) {
-  for (const module of json.Modules) {
+          ship.useBulkhead(3, true);
-    switch (module.Slot.toLowerCase()) {
+        } else if (module.Item.toLowerCase().endsWith('_armour_reactive')) {
-      // Cargo Hatch.
+          ship.useBulkhead(4, true);
-      case 'cargohatch':
+        } else {
-        ship.cargoHatch.enabled = module.On;
+          throw 'Unknown bulkheads "' + module.Item + '"';
-        ship.cargoHatch.priority = module.Priority;
+        }
-        break;
+        ship.bulkheads.enabled = true;
-      // Add the bulkheads
+        if (module.Engineering) _addModifications(ship.bulkheads.m, module.Engineering.Modifiers, module.Engineering.BlueprintName, module.Engineering.Level, module.Engineering.ExperimentalEffect);
-      case 'armour':
+        break;
-        if (module.Item.toLowerCase().endsWith('_armour_grade1')) {
+      case 'powerplant':
-          ship.useBulkhead(0, true);
+        const powerplant = _moduleFromFdName(module.Item);
-        } else if (module.Item.toLowerCase().endsWith('_armour_grade2')) {
+        ship.use(ship.standard[0], powerplant, true);
-          ship.useBulkhead(1, true);
+        ship.standard[0].enabled = module.On;
-        } else if (module.Item.toLowerCase().endsWith('_armour_grade3')) {
+        ship.standard[0].priority = module.Priority;
-          ship.useBulkhead(2, true);
+        if (module.Engineering) _addModifications(powerplant, module.Engineering.Modifiers, module.Engineering.BlueprintName, module.Engineering.Level, module.Engineering.ExperimentalEffect);
-        } else if (module.Item.toLowerCase().endsWith('_armour_mirrored')) {
+        break;
-          ship.useBulkhead(3, true);
+      case 'mainengines':
-        } else if (module.Item.toLowerCase().endsWith('_armour_reactive')) {
+        const thrusters = _moduleFromFdName(module.Item);
-          ship.useBulkhead(4, true);
+        ship.use(ship.standard[1], thrusters, true);
-        } else {
+        ship.standard[1].enabled = module.On;
-          throw 'Unknown bulkheads "' + module.Item + '"';
+        ship.standard[1].priority = module.Priority;
-        }
+        if (module.Engineering) _addModifications(thrusters, module.Engineering.Modifiers, module.Engineering.BlueprintName, module.Engineering.Level, module.Engineering.ExperimentalEffect);
-        ship.bulkheads.enabled = true;
+        break;
-        if (module.Engineering) _addModifications(ship.bulkheads.m, module.Engineering.Modifiers, module.Engineering.Quality, module.Engineering.BlueprintName, module.Engineering.Level, module.Engineering.ExperimentalEffect);
+      case 'frameshiftdrive':
-        break;
+        const frameshiftdrive = _moduleFromFdName(module.Item);
-      case 'powerplant':
+        ship.use(ship.standard[2], frameshiftdrive, true);
-        let powerplant = _moduleFromFdName(module.Item);
+        ship.standard[2].enabled = module.On;
-        // Check the powerplant returned is valid
+        ship.standard[2].priority = module.Priority;
-        if (!_isValidImportedModule(powerplant, 'powerplant'))
+        if (module.Engineering)  _addModifications(frameshiftdrive, module.Engineering.Modifiers, module.Engineering.BlueprintName, module.Engineering.Level, module.Engineering.ExperimentalEffect);
-        { 
+        break;
-          powerplant = _moduleFromFdName('Int_Missing_Powerplant');
+      case 'lifesupport':
-          module.Engineering = null;
+        const lifesupport = _moduleFromFdName(module.Item);
-        }
+        ship.use(ship.standard[3], lifesupport, true);
-        ship.use(ship.standard[0], powerplant, true);
+        ship.standard[3].enabled = module.On === true;
-        ship.standard[0].enabled = module.On;
+        ship.standard[3].priority = module.Priority;
-        ship.standard[0].priority = module.Priority;
+        if (module.Engineering) _addModifications(lifesupport, module.Engineering.Modifiers, module.Engineering.BlueprintName, module.Engineering.Level, module.Engineering.ExperimentalEffect);
-        if (module.Engineering) _addModifications(powerplant, module.Engineering.Modifiers, module.Engineering.Quality, module.Engineering.BlueprintName, module.Engineering.Level, module.Engineering.ExperimentalEffect);
+        break;
-        break;
+      case 'powerdistributor':
-      case 'mainengines':
+        const powerdistributor = _moduleFromFdName(module.Item);
-        let thrusters = _moduleFromFdName(module.Item);
+        ship.use(ship.standard[4], powerdistributor, true);
-        // Check the thrusters returned is valid
+        ship.standard[4].enabled = module.On;
-        if (!_isValidImportedModule(thrusters, 'thrusters'))
+        ship.standard[4].priority = module.Priority;
-        { 
+        if (module.Engineering) _addModifications(powerdistributor, module.Engineering.Modifiers, module.Engineering.BlueprintName, module.Engineering.Level, module.Engineering.ExperimentalEffect);
-          thrusters = _moduleFromFdName('Int_Missing_Engine');
+        break;
-          module.Engineering = null;
+      case 'radar':
-        }
+        const sensors = _moduleFromFdName(module.Item);
-        ship.use(ship.standard[1], thrusters, true);
+        ship.use(ship.standard[5], sensors, true);
-        ship.standard[1].enabled = module.On;
+        ship.standard[5].enabled = module.On;
-        ship.standard[1].priority = module.Priority;
+        ship.standard[5].priority = module.Priority;
-        if (module.Engineering) _addModifications(thrusters, module.Engineering.Modifiers, module.Engineering.Quality, module.Engineering.BlueprintName, module.Engineering.Level, module.Engineering.ExperimentalEffect);
+        if (module.Engineering) _addModifications(sensors, module.Engineering.Modifiers, module.Engineering.BlueprintName, module.Engineering.Level, module.Engineering.ExperimentalEffect);
-        break;
+        break;
-      case 'frameshiftdrive':
+      case 'fueltank':
-        let frameshiftdrive = _moduleFromFdName(module.Item);
+        const fueltank = _moduleFromFdName(module.Item);
-        // Check the frameshiftdrive returned is valid
+        ship.use(ship.standard[6], fueltank, true);
-        if (!_isValidImportedModule(frameshiftdrive, 'frameshiftdrive'))
+        ship.standard[6].enabled = true;
-        { 
+        ship.standard[6].priority = 0;
-          frameshiftdrive = _moduleFromFdName('Int_Missing_Hyperdrive');
+        break;
-          module.Engineering = null;
+      default:
-        }
+    }
-        ship.use(ship.standard[2], frameshiftdrive, true);
+    if (module.Slot.toLowerCase().search(/hardpoint/) !== -1) {
-        ship.standard[2].enabled = module.On;
+      // Add hardpoints
-        ship.standard[2].priority = module.Priority;
+      let hardpoint;
-        if (module.Engineering)  _addModifications(frameshiftdrive, module.Engineering.Modifiers, module.Engineering.Quality, module.Engineering.BlueprintName, module.Engineering.Level, module.Engineering.ExperimentalEffect);
+      let hardpointClassNum = -1;
-        break;
+      let hardpointSlotNum = -1;
-      case 'lifesupport':
+      let hardpointArrayNum = 0;
-        let lifesupport = _moduleFromFdName(module.Item);
+      for (let i in shipTemplate.slots.hardpoints) {
-        // Check the lifesupport returned is valid
+        if (shipTemplate.slots.hardpoints[i] === hardpointClassNum) {
-        if (!_isValidImportedModule(lifesupport, 'lifesupport'))
+          // Another slot of the same class
-        { 
+          hardpointSlotNum++;
-          lifesupport = _moduleFromFdName('Int_Missing_LifeSupport');
+        } else {
-          module.Engineering = null;
+          // The first slot of a new class
-        }
+          hardpointClassNum = shipTemplate.slots.hardpoints[i];
-        ship.use(ship.standard[3], lifesupport, true);
+          hardpointSlotNum = 1;
-        ship.standard[3].enabled = module.On === true;
+        }
-        ship.standard[3].priority = module.Priority;
+
-        if (module.Engineering) _addModifications(lifesupport, module.Engineering.Modifiers, module.Engineering.Quality, module.Engineering.BlueprintName, module.Engineering.Level, module.Engineering.ExperimentalEffect);
+        // Now that we know what we're looking for, find it
-        break;
+        const hardpointName = HARDPOINT_NUM_TO_CLASS[hardpointClassNum] + 'Hardpoint' + hardpointSlotNum;
-      case 'powerdistributor':
+        const hardpointSlot = json.Modules.find(elem => elem.Slot.toLowerCase() === hardpointName.toLowerCase());
-        let powerdistributor = _moduleFromFdName(module.Item);
+        if (!hardpointSlot) {
-        // Check the powerdistributor returned is valid
+          // This can happen with old imports that don't contain new hardpoints
-        if (!_isValidImportedModule(powerdistributor, 'powerdistributor'))
+        } else if (!hardpointSlot) {
-        { 
+          // No module
-          powerdistributor = _moduleFromFdName('Int_Missing_PowerDistributor'); 
+        } else {
-          module.Engineering = null;
+          hardpoint = _moduleFromFdName(hardpointSlot.Item);
-        }
+          ship.use(ship.hardpoints[hardpointArrayNum], hardpoint, true);
-        ship.use(ship.standard[4], powerdistributor, true);
+          ship.hardpoints[hardpointArrayNum].enabled = hardpointSlot.On;
-        ship.standard[4].enabled = module.On;
+          ship.hardpoints[hardpointArrayNum].priority = hardpointSlot.Priority;
-        ship.standard[4].priority = module.Priority;
+          modsToAdd.push({ coriolisMod: hardpoint, json: hardpointSlot });
-        if (module.Engineering) _addModifications(powerdistributor, module.Engineering.Modifiers, module.Engineering.Quality, module.Engineering.BlueprintName, module.Engineering.Level, module.Engineering.ExperimentalEffect);
+        }
-        break;
+        hardpointArrayNum++;
-      case 'radar':
+      }
-        let sensors = _moduleFromFdName(module.Item);
+    }
-        // Check the sensors returned is valid
+  }
-        if (!_isValidImportedModule(sensors, 'sensors'))
+
-        { 
+  let internalSlotNum = 0;
-          sensors = _moduleFromFdName('Int_Missing_Sensors');
+  let militarySlotNum = 1;
-          module.Engineering = null;
+  for (let i in shipTemplate.slots.internal) {
-        }
+    if (!shipTemplate.slots.internal.hasOwnProperty(i)) {
-        ship.use(ship.standard[5], sensors, true);
+      continue;
-        ship.standard[5].enabled = module.On;
+    }
-        ship.standard[5].priority = module.Priority;
+    const isMilitary = isNaN(shipTemplate.slots.internal[i]) ? shipTemplate.slots.internal[i].name == 'Military' : false;
-        if (module.Engineering) _addModifications(sensors, module.Engineering.Modifiers, module.Engineering.Quality, module.Engineering.BlueprintName, module.Engineering.Level, module.Engineering.ExperimentalEffect);
+
-        break;
+    // The internal slot might be a standard or a military slot.  Military slots have a different naming system
-      case 'fueltank':
+    let internalSlot = null;
-        let fueltank = _moduleFromFdName(module.Item);
+    if (isMilitary) {
-        // Check the fueltank returned is valid
+      const internalName = 'Military0' + militarySlotNum;
-        if (!_isValidImportedModule(fueltank, 'fueltank'))
+      internalSlot = json.Modules.find(elem => elem.Slot.toLowerCase() === internalName.toLowerCase());
-        { 
+      militarySlotNum++;
-          fueltank = _moduleFromFdName('Int_Missing_FuelTank');
+    } else {
-        }
+      // Slot numbers are not contiguous so handle skips.
-        ship.use(ship.standard[6], fueltank, true);
+      for (; internalSlot === null && internalSlotNum < 99; internalSlotNum++) {
-        ship.standard[6].enabled = true;
+        // Slot sizes have no relationship to the actual size, either, so check all possibilities
-        ship.standard[6].priority = 0;
+        for (let slotsize = 0; slotsize < 9; slotsize++) {
-        break;
+          const internalName = 'Slot' + (internalSlotNum <= 9 ? '0' : '') + internalSlotNum + '_Size' + slotsize;
-      default:
+          if (json.Modules.find(elem => elem.Slot.toLowerCase() === internalName.toLowerCase())) {
-    }
+            internalSlot = json.Modules.find(elem => elem.Slot.toLowerCase() === internalName.toLowerCase());
-    if (module.Slot.toLowerCase().search(/hardpoint/) !== -1) {
+            break;
-      // Add hardpoints
+          }
-      let hardpoint;
+        }
-      let hardpointClassNum = -1;
+      }
-      let hardpointSlotNum = -1;
+    }
-      let hardpointArrayNum = 0;
+
-      for (let i in shipTemplate.slots.hardpoints) {
+    if (!internalSlot) {
-        if (shipTemplate.slots.hardpoints[i] === hardpointClassNum) {
+      // This can happen with old imports that don't contain new slots
-          // Another slot of the same class
+    } else {
-          hardpointSlotNum++;
+      const internalJson = internalSlot;
-        } else {
+      const internal = _moduleFromFdName(internalJson.Item);
-          // The first slot of a new class
+      ship.use(ship.internal[i], internal, true);
-          hardpointClassNum = shipTemplate.slots.hardpoints[i];
+      ship.internal[i].enabled = internalJson.On === true;
-          hardpointSlotNum = 1;
+      ship.internal[i].priority = internalJson.Priority;
-        }
+      modsToAdd.push({ coriolisMod: internal, json: internalSlot });
-
+    }
-        // Now that we know what we're looking for, find it
+  }
-        const hardpointName = HARDPOINT_NUM_TO_CLASS[hardpointClassNum] + 'Hardpoint' + hardpointSlotNum;
+
-        const hardpointSlot = json.Modules.find(elem => elem.Slot.toLowerCase() === hardpointName.toLowerCase());
+  for (const i of modsToAdd) {
-        if (!hardpointSlot) {
+    if (i.json.Engineering) {
-          // This can happen with old imports that don't contain new hardpoints
+      _addModifications(i.coriolisMod, i.json.Engineering.Modifiers, i.json.Engineering.BlueprintName, i.json.Engineering.Level, i.json.Engineering.ExperimentalEffect);
-        } else {
+    }
-          hardpoint = _moduleFromFdName(hardpointSlot.Item);
+  }
-          // Check the hardpoint module returned is valid
+  // We don't have any information on it so guess it's priority 5 and disabled
-          if (!_isValidImportedModule(hardpoint, 'hardpoint')){ 
+  if (!ship.cargoHatch) {
-            // Check if it's a Utility or Hardpoint
+    ship.cargoHatch.enabled = false;
-            if (hardpointSlot.Slot.toLowerCase().search(/tiny/))
+    ship.cargoHatch.priority = 4;
-            {
+  }
-              // Use the missing_hardpoint module 'Missing Hardpoint' which will inform the user that the module is missing
+
-              hardpoint = _moduleFromFdName('Hpt_Missing_Hardpoint');
+  // Now update the ship's codes before returning it
-            }
+  return ship.updatePowerPrioritesString().updatePowerEnabledString().updateModificationsString();
-            else {
+}
-              // Use the missing_hardpoint module 'Missing Utility' which will inform the user that the module is missing
+
-              hardpoint = _moduleFromFdName('Hpt_Missing_Utility');
+/**
-            }
+ * Add the modifications for a module
-            ship.use(ship.hardpoints[hardpointArrayNum], hardpoint, true);
+ * @param {Module} module the module
-            ship.hardpoints[hardpointArrayNum].enabled = hardpointSlot.On;
+ * @param {Object} modifiers the modifiers
-            ship.hardpoints[hardpointArrayNum].priority = hardpointSlot.Priority;
+ * @param {Object} blueprint the blueprint of the modification
-          } else {
+ * @param {Object} grade the grade of the modification
-            ship.use(ship.hardpoints[hardpointArrayNum], hardpoint, true);
+ * @param {Object} specialModifications special modification
-            ship.hardpoints[hardpointArrayNum].enabled = hardpointSlot.On;
+ */
-            ship.hardpoints[hardpointArrayNum].priority = hardpointSlot.Priority;
+function _addModifications(module, modifiers, blueprint, grade, specialModifications) {
-            modsToAdd.push({ coriolisMod: hardpoint, json: hardpointSlot });
+  if (!modifiers) return;
-          }
+  let special;
-        }
+  if (specialModifications) {
-        hardpointArrayNum++;
+    special = Modifications.specials[specialModifications];
-      }
+  }
-    }
+  // Add the blueprint definition, grade and special
-  }
+  if (blueprint) {
-
+    module.blueprint = getBlueprint(blueprint, module);
-  let internalSlotNum = 0;
+    if (grade) {
-  let militarySlotNum = 1;
+      module.blueprint.grade = Number(grade);
-  for (let i in shipTemplate.slots.internal) {
+    }
-    if (!shipTemplate.slots.internal.hasOwnProperty(i)) {
+    if (special) {
-      continue;
+      module.blueprint.special = special;
-    }
+    }
-    const isMilitary = isNaN(shipTemplate.slots.internal[i]) ? shipTemplate.slots.internal[i].name == 'Military' : false;
+  }
-    const isPlanetary = isNaN(shipTemplate.slots.internal[i]) ? shipTemplate.slots.internal[i].name == 'PlanetaryApproachSuite' : false;
+  for (const i in modifiers) {
-
+    // Some special modifications
-    // The internal slot might be a standard or a military slot, or a planetary slot.  Military and Planetary slots have a different naming system
+    // Look up the modifiers to find what we need to do
-    let internalSlot = null;
+    const findMod = val => Object.keys(Modifications.modifierActions).find(elem => elem.toString().toLowerCase().replace(/(outfittingfieldtype_|persecond)/igm, '') === val.toString().toLowerCase().replace(/(outfittingfieldtype_|persecond)/igm, ''));
-    if (isMilitary) {
+    const modifierActions = Modifications.modifierActions[findMod(modifiers[i].Label)];
-      const internalName = 'Military0' + militarySlotNum;
+    // TODO: Figure out how to scale this value.
-      internalSlot = json.Modules.find(elem => elem.Slot.toLowerCase() === internalName.toLowerCase());
+    if (!!modifiers[i].LessIsGood) {
-      militarySlotNum++;
+
-    } else if (isPlanetary) {
+    }
-      const internalName = 'PlanetaryApproachSuite';
+    let value = (modifiers[i].Value / modifiers[i].OriginalValue * 100 - 100)  * 100;
-      internalSlot = json.Modules.find(elem => elem.Slot.toLowerCase() === internalName.toLowerCase());
+    if (value === Infinity) {
-    } else {
+      value = modifiers[i].Value * 100;
-      // Slot numbers are not contiguous so handle skips.
+    }
-      for (; internalSlot === null && internalSlotNum < 99; internalSlotNum++) {
+    if (modifiers[i].Label.search('Resistance') >= 0) {
-        // Slot sizes have no relationship to the actual size, either, so check all possibilities
+      value = (modifiers[i].Value * 100) - (modifiers[i].OriginalValue * 100);
-        for (let slotsize = 0; slotsize < 9; slotsize++) {
+    }
-          const internalName = 'Slot' + (internalSlotNum <= 9 ? '0' : '') + internalSlotNum + '_Size' + slotsize;
+    if (modifiers[i].Label.search('ShieldMultiplier') >= 0 || modifiers[i].Label.search('DefenceModifierHealthMultiplier') >= 0) {
-          if (json.Modules.find(elem => elem.Slot.toLowerCase() === internalName.toLowerCase())) {
+      value = ((100 + modifiers[i].Value) / (100 + modifiers[i].OriginalValue) * 100 - 100)  * 100;
-            internalSlot = json.Modules.find(elem => elem.Slot.toLowerCase() === internalName.toLowerCase());
+    }
-            break;
+
-          }
+    // Carry out the required changes
-        }
+    for (const action in modifierActions) {
-      }
+      if (isNaN(modifierActions[action])) {
-    }
+        module.setModValue(action, modifierActions[action]);
-
+      } else {
-    if (!internalSlot) {
+        module.setModValue(action, value, true);
-      // This can happen with old imports that don't contain new slots
+      }
-    } else {
+    }
-      const internalJson = internalSlot;
+  }
-      let internal = _moduleFromFdName(internalJson.Item);
+}
-      // Check the internal module returned is valid
-      if (!_isValidImportedModule(internal, 'internal'))
-      { 
-        internal = _moduleFromFdName('Int_Missing_Module');
-        ship.use(ship.internal[i], internal, true);
-        ship.internal[i].enabled = internalJson.On === true;
-        ship.internal[i].priority = internalJson.Priority;
-        //throw 'Unknown internal module: "' + module.Item + '"'; 
-      }
-      else {
-        ship.use(ship.internal[i], internal, true);
-        ship.internal[i].enabled = internalJson.On === true;
-        ship.internal[i].priority = internalJson.Priority;
-        modsToAdd.push({ coriolisMod: internal, json: internalSlot });
-      }
-    }
-  }
-
-  for (const i of modsToAdd) {
-    if (i.json.Engineering) {
-      _addModifications(i.coriolisMod, i.json.Engineering.Modifiers, i.json.Engineering.Quality, i.json.Engineering.BlueprintName, i.json.Engineering.Level, i.json.Engineering.ExperimentalEffect);
-    }
-  }
-  // We don't have any information on it so guess it's priority 5 and disabled
-  if (!ship.cargoHatch) {
-    ship.cargoHatch.enabled = false;
-    ship.cargoHatch.priority = 4;
-  }
-
-  // Now update the ship's codes before returning it
-  return ship.updatePowerPrioritesString().updatePowerEnabledString().updateModificationsString();
-}
-
-/**
- * Add the modifications for a module
- * @param {Module} module the module
- * @param {Object} modifiers the modifiers
- * @param {float} quality quality of the modifiers 0 to 1
- * @param {Object} blueprint the blueprint of the modification
- * @param {Object} grade the grade of the modification
- * @param {Object} specialModifications special modification
- */
-function _addModifications(module, modifiers, quality, blueprint, grade, specialModifications) {
-  if (!modifiers && !quality) return;
-  let special;
-  if (specialModifications) {
-    if (specialModifications == 'special_plasma_slug') {
-      if (module.symbol.match(/PlasmaAccelerator/i)) {
-        specialModifications = 'special_plasma_slug_pa';
-      } else {
-        specialModifications = 'special_plasma_slug_cooled';
-      }
-    }
-    special = Modifications.specials[specialModifications];
-  }
-  // Add the blueprint definition, grade and special
-  if (blueprint) {
-    module.blueprint = getBlueprint(blueprint, module);
-    if (grade) {
-      module.blueprint.grade = Number(grade);
-    }
-    if (special) {
-      module.blueprint.special = special;
-    }
-  }
-  if (modifiers) {
-    for (const i in modifiers) {
-      // Some special modifications
-      // Look up the modifiers to find what we need to do
-      const findMod = val => Object.keys(Modifications.modifierActions).find(elem => elem.toString().toLowerCase().replace(/(outfittingfieldtype_|persecond)/igm, '') === val.toString().toLowerCase().replace(/(outfittingfieldtype_|persecond)/igm, ''));
-      const modifierActions = Modifications.modifierActions[findMod(modifiers[i].Label)];
-      // TODO: Figure out how to scale this value.
-      if (!!modifiers[i].LessIsGood) {
-
-      }
-      let value = (modifiers[i].Value / modifiers[i].OriginalValue * 100 - 100) * 100;
-      if (value === Infinity) {
-        value = modifiers[i].Value * 100;
-      }
-      if (modifiers[i].Label.search('DamageFalloffRange') >= 0) {
-        value = (modifiers[i].Value / module.range - 1) * 100;
-      }
-      if (modifiers[i].Label.search('Resistance') >= 0) {
-        value = (modifiers[i].Value * 100) - (modifiers[i].OriginalValue * 100);
-      }
-      if (modifiers[i].Label.search('ShieldMultiplier') >= 0 || modifiers[i].Label.search('DefenceModifierHealthMultiplier') >= 0) {
-        value = ((100 + modifiers[i].Value) / (100 + modifiers[i].OriginalValue) * 100 - 100) * 100;
-      }
-
-      // Carry out the required changes
-      for (const action in modifierActions) {
-        if (isNaN(modifierActions[action])) {
-          module.setModValue(action, modifierActions[action]);
-        } else {
-          module.setModValue(action, value, true);
-        }
-      }
-    }
-  } else if (quality) {
-    setQualityCB(module.blueprint, quality, (featureName, value) => module.setModValue(featureName, value, false));
-  }
-}

src/app/utils/ShortenUrl.js

@@ -105,7 +105,7 @@ function orbisShorten(url, success, error) {
   }
 }
 
-const API_ORBIS = 'https://api.orbis.zone/ships';
+const API_ORBIS = 'https://orbis.zone/api/builds/add';
 /**
  * Upload to Orbis
  * @param  {object} ship        The URL to shorten

src/app/utils/SlotFunctions.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import Persist from '../stores/Persist';
 import * as ModuleUtils from '../shipyard/ModuleUtils';
-import Module from '../shipyard/Module';
 
 /**
  * Determine if a slot on a ship can mount a module of a particular class and group
@@ -140,21 +139,20 @@ function diff(format, mVal, mmVal) {
 export function diffDetails(language, m, mm) {
   let { formats, translate, units } = language;
   let propDiffs = [];
-  m = new Module(m);
 
   // Module-specific items
 
   if (m.grp === 'pp') {
-    let mPowerGeneration = m.getPowerGeneration() || 0;
+    let mPowerGeneration = m.pgen || 0;
     let mmPowerGeneration = mm ? mm.getPowerGeneration() : 0;
-    if (mPowerGeneration != mmPowerGeneration) propDiffs.push(<div key='pgen'>{translate('pgen')}: <span className={diffClass(mPowerGeneration, mmPowerGeneration)}>{diff(formats.round, mPowerGeneration, mmPowerGeneration)}{units.MW}</span></div>);
+    if (mPowerGeneration != mmPowerGeneration) propDiffs.push(<div key='pgen'>{translate('pgen')}: <span className={diffClass(mPowerGeneration, mmPowerGeneration)}>{diff(formats.round, mPowerGeneration, mmPowerGeneration)}{units.MJ}</span></div>);
   } else {
-    let mPowerUsage = m.getPowerUsage() || 0;
+    let mPowerUsage = m.power || 0;
     let mmPowerUsage = mm ? mm.getPowerUsage() || 0 : 0;
-    if (mPowerUsage != mmPowerUsage) propDiffs.push(<div key='power'>{translate('power')}: <span className={diffClass(mPowerUsage, mmPowerUsage, true)}>{diff(formats.round, mPowerUsage, mmPowerUsage)}{units.MW}</span></div>);
+    if (mPowerUsage != mmPowerUsage) propDiffs.push(<div key='power'>{translate('power')}: <span className={diffClass(mPowerUsage, mmPowerUsage, true)}>{diff(formats.round, mPowerUsage, mmPowerUsage)}{units.MJ}</span></div>);
   }
 
-  let mDps = m.getDps() || 0;
+  let mDps = m.damage * (m.rpshot || 1) * (m.rof || 1);
   let mmDps = mm ? mm.getDps() || 0 : 0;
   if (mDps && mDps != mmDps) propDiffs.push(<div key='dps'>{translate('dps')}: <span className={diffClass(mmDps, mDps, true)}>{diff(formats.round, mDps, mmDps)}</span></div>);
 
@@ -166,7 +164,7 @@ export function diffDetails(language, m, mm) {
 
     if (mAffectsShield) {
       if (m.grp == 'sb') {  // Both m and mm must be utility modules if this is true
-        newShield = this.calcShieldStrengthWith(null, m.getShieldBoost() - (mm ? mm.getShieldBoost() || 0 : 0));
+        newShield = this.calcShieldStrengthWith(null, m.shieldboost - (mm ? mm.getShieldBoost() || 0 : 0));
       } else {
         newShield = this.calcShieldStrengthWith(m);
       }
@@ -181,7 +179,7 @@ export function diffDetails(language, m, mm) {
   }
 
   if (m.grp === 'mrp') {
-    let mProtection = m.getProtection();
+    let mProtection = m.protection;
     let mmProtection = mm ? mm.getProtection() || 0 : 0;
     if (mProtection != mmProtection) {
       propDiffs.push(<div key='protection'>{translate('protection')}: <span className={diffClass(mmProtection, mProtection, true)}>{diff(formats.pct, mProtection, mmProtection)}</span></div>);
@@ -189,7 +187,7 @@ export function diffDetails(language, m, mm) {
   }
 
   if (m.grp === 'hr') {
-    let mHullReinforcement = m.getHullReinforcement();
+    let mHullReinforcement = m.hullreinforcement;
     let mmHullReinforcement = mm ? mm.getHullReinforcement() || 0 : 0;
     if (mHullReinforcement && mHullReinforcement != mmHullReinforcement) propDiffs.push(<div key='hullreinforcement'>{translate('hullreinforcement')}: <span className={diffClass(mmHullReinforcement, mHullReinforcement, true)}>{diff(formats.round, mHullReinforcement, mmHullReinforcement)}</span></div>);
   }
@@ -221,7 +219,7 @@ export function diffDetails(language, m, mm) {
   let mmCost = mm ? mm.cost : 0;
   if (mCost != mmCost) propDiffs.push(<div key='cost'>{translate('cost')}: <span className={diffClass(mCost, mmCost, true) }>{formats.int(mCost ? Math.round(mCost * (1 - Persist.getModuleDiscount())) : 0)}{units.CR}</span></div>);
 
-  let mMass = m.getMass() || 0;
+  let mMass = m.mass || 0;
   let mmMass = mm ? mm.getMass() : 0;
   if (mMass != mmMass) propDiffs.push(<div key='mass'>{translate('mass')}: <span className={diffClass(mMass, mmMass, true)}>{diff(formats.round, mMass, mmMass)}{units.T}</span></div>);
 
@@ -242,7 +240,7 @@ export function diffDetails(language, m, mm) {
     }
   }
 
-  let mIntegrity = m.getIntegrity() || 0;
+  let mIntegrity = m.integrity || 0;
   let mmIntegrity = mm ? mm.getIntegrity() || 0 : 0;
   if (mIntegrity != mmIntegrity) {
     propDiffs.push(<div key='integrity'>{translate('integrity')}: <span className={diffClass(mmIntegrity, mIntegrity, true)}>{diff(formats.round, mIntegrity, mmIntegrity)}</span></div>);

src/iframe.html

@@ -1,9 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <script src="xdLocalStoragePostMessageApi.min.js"></script>
-</head>
-<body>
-    This is the magical iframe
-</body>
-</html>