Testcafe prod

.env

@@ -1,2 +1 @@
-NODE_PATH=src
 REACT_APP_API_HOST=https://api.opendota.com

.eslintignore

@@ -1,2 +1,3 @@
 node_modules
 build
+testcafe

.eslintrc.js

@@ -35,6 +35,7 @@ module.exports = {
           'src/stories/**'
         ]
       }
-    ]
-  }
+    ],
+    "react/sort-comp": [2]
+  },
 };

.github/ISSUE_TEMPLATE/Bug_report.md

@@ -0,0 +1,28 @@
+---
+name: 🐛 Bug Report
+about: If something isn't working as expected 🤔.
+
+---
+
+**Current Behavior**
+A clear and concise description of the behavior.
+
+**Expected behavior/code**
+A clear and concise description of what you expected to happen (or code).
+
+**Console Output**
+Please provide your browsers console log if possible. Most browsers will open the console via F12.
+
+```
+please paste console output in here
+```
+
+**Environment**
+- Browser Version: [e.g. Chrome 64.0, Firefox 57, Edge 17]
+- OS: [e.g. OSX 10.13.4, Windows 10 or Linux Distribution]
+
+**Possible Solution**
+<!--- Only if you have suggestions on a fix/reason for the bug -->
+
+**Additional context/Screenshots**
+Add any other context about the problem here. If applicable, add screenshots to help explain.

.github/ISSUE_TEMPLATE/Feature_request.md

@@ -0,0 +1,18 @@
+---
+name: 🚀 Feature Request
+about: I have a suggestion (and might want to implement 🙂)!
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I have an issue when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen. Add any considered drawbacks.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Teachability, Documentation, Adoption, Migration Strategy**
+If you can, explain how users will be able to use this and possibly write out a version the docs.
+Maybe a screenshot or design?

.github/ISSUE_TEMPLATE/Support.md

@@ -0,0 +1,13 @@
+---
+name: 🤗 Support Question
+about: If you have a question 💬, please check out our Discord!
+
+---
+
+**Explain your question as detailed as possible**
+
+I need help with...
+
+---
+
+If you have a support request or question please also check our Discord Server: https://discord.gg/opendota

.gitignore

@@ -5,4 +5,5 @@ npm-debug.log
 build
 .DS_STORE
 *.swp
-analyze.html
+.env
+yarn.lock

.travis.yml

@@ -1,13 +1,31 @@
+dist: trusty
+sudo: required
 language: node_js
 node_js:
-- 'node'
+- '10'
+addons:
+  apt:
+    sources:
+     - google-chrome
+    packages:
+     - google-chrome-stable fluxbox
+before_script:
+  - "export DISPLAY=:99.0"
+  - "sh -e /etc/init.d/xvfb start"
+  - sleep 3
+  - fluxbox >/dev/null 2>&1 &
+before_install:
+  - stty cols 80
 notifications:
   email:
   - howardc93@gmail.com
   - aqc2109@columbia.edu
   - mjr127@case.edu
 script:
+- npm run lintnofix
 - npm run build
+- npm install -g serve
+- npm run testcafe-travis
 # blocklist
 branches:
   except:

README.md

@@ -1,6 +1,5 @@
 # web
 
-[![Greenkeeper badge](https://badges.greenkeeper.io/odota/web.svg)](https://greenkeeper.io/)
 [![Help Contribute to Open Source](https://www.codetriage.com/odota/web/badges/users.svg)](https://www.codetriage.com/odota/web)
 
 OpenDota Web UI: A web interface for viewing Dota 2 data. This utilizes the [OpenDota API](https://docs.opendota.com), which is also an [open source project](https://github.com/odota/core).
@@ -13,6 +12,7 @@ Quickstart
 * Visit port 3000 on your development machine.
 * Make some changes
 * `npm run lint` to check your code for linting errors
+* `npm test` to check all app routes for uncaught JavaScript errors
 * Submit a pull request. Wait for review and merge.
 * Congratulations! You're a contributor.
 

dev/migrateLangFormat.js

@@ -0,0 +1,40 @@
+
+const fs = require('fs');
+const path = require('path');
+
+const langsPath = path.resolve(__dirname, '../src/lang');
+const oldLangsPath = path.resolve(__dirname, '../src/lang/old');
+const excludedLangKeys = ['title_template'];
+const langs = fs.readdirSync(langsPath).filter(dir => ['.', '..', 'old', 'index.js'].includes(dir) === false);
+
+if (!fs.existsSync(oldLangsPath)) {
+  fs.mkdirSync(oldLangsPath);
+}
+
+langs.forEach((langFile) => {
+  // Make a backup of the old file.
+  if (!fs.existsSync(path.resolve(oldLangsPath, langFile))) {
+    fs.copyFileSync(path.resolve(langsPath, langFile), path.resolve(oldLangsPath, langFile));
+  }
+
+
+  const lang = JSON.parse(fs.readFileSync(path.resolve(langsPath, langFile)));
+  const pattern = /(%[^\s^%]+)/g;
+  const updatedLang = {};
+  Object.entries(lang).map(([langKey, string]) => {
+    let count = 0;
+    const replaced = string.split(pattern).map((split) => {
+      if (excludedLangKeys.includes(langKey) === false && split.match(pattern)) {
+        // eslint-disable-next-line no-plusplus
+        return `{${count++}}`;
+      }
+
+      return split;
+    });
+    updatedLang[langKey] = replaced.join('');
+    return updatedLang[langKey];
+  });
+
+  fs.writeFileSync(path.resolve(langsPath, langFile), JSON.stringify(updatedLang, undefined, '  '));
+});
+

docker-compose.yml

@@ -7,7 +7,7 @@ services:
     build:
       context: .
     image: odota/web
-    entrypoint: "./scripts/docker.sh"
+    entrypoint: "npm start:install"
     ports:
       - "8080:8080"
     volumes: