From 84c2425c6d5f02a3aad50df663ed7f2514826847 Mon Sep 17 00:00:00 2001
From: Mitchell Gerber <mgerb42@gmail.com>
Date: Wed, 2 Aug 2017 19:50:00 -0500
Subject: [PATCH] typescript conversion

---
 client/app/{Wrapper.js => Wrapper.tsx}        |  20 +-
 client/app/{app.js => app.tsx}                |  12 +-
 ...vbar.component.js => Navbar.component.tsx} |  15 +-
 .../{Downloader.js => Downloader.tsx}         |  18 +-
 client/app/pages/Home/{Home.js => Home.tsx}   |  11 +-
 .../NotFound/{NotFound.js => NotFound.tsx}    |  10 +-
 client/app/pages/Pubg/Pubg.tsx                |  10 +
 ...t.component.js => SoundList.component.tsx} |  23 +-
 .../{Soundboard.js => Soundboard.tsx}         |  28 ++-
 client/package.json                           |  12 +-
 client/tsconfig.json                          |  38 ++++
 client/webpack.config.js                      |  10 +-
 client/yarn.lock                              | 204 +++++++++++++++---
 13 files changed, 347 insertions(+), 64 deletions(-)
 rename client/app/{Wrapper.js => Wrapper.tsx} (56%)
 rename client/app/{app.js => app.tsx} (60%)
 rename client/app/components/Navbar/{Navbar.component.js => Navbar.component.tsx} (75%)
 rename client/app/pages/Downloader/{Downloader.js => Downloader.tsx} (90%)
 rename client/app/pages/Home/{Home.js => Home.tsx} (89%)
 rename client/app/pages/NotFound/{NotFound.js => NotFound.tsx} (64%)
 create mode 100644 client/app/pages/Pubg/Pubg.tsx
 rename client/app/pages/Soundboard/{SoundList.component.js => SoundList.component.tsx} (85%)
 rename client/app/pages/Soundboard/{Soundboard.js => Soundboard.tsx} (87%)
 create mode 100644 client/tsconfig.json

diff --git a/client/app/Wrapper.js b/client/app/Wrapper.tsx
similarity index 56%
rename from client/app/Wrapper.js
rename to client/app/Wrapper.tsx
index d9d9348..832c51b 100644
--- a/client/app/Wrapper.js
+++ b/client/app/Wrapper.tsx
@@ -1,10 +1,22 @@
 import React from 'react';
-import Navbar from './components/Navbar/Navbar.component';
+import { Navbar } from './components/Navbar/Navbar.component';
 
 //styling
 import './scss/index.scss';
 
-export default class Wrapper extends React.Component {
+interface Props {
+
+}
+
+interface State {
+
+}
+
+export class Wrapper extends React.Component<Props, State> {
+
+    constructor() {
+        super();
+    }
 
     render() {
         return (
@@ -17,7 +29,3 @@ export default class Wrapper extends React.Component {
         );
     }
 }
-
-Wrapper.propTypes = {
-    children: React.PropTypes.node,
-};
diff --git a/client/app/app.js b/client/app/app.tsx
similarity index 60%
rename from client/app/app.js
rename to client/app/app.tsx
index dd31abd..c3b30d3 100644
--- a/client/app/app.js
+++ b/client/app/app.tsx
@@ -2,11 +2,12 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { Router, Route, IndexRoute, browserHistory } from 'react-router';
 
-import Wrapper from './Wrapper';
-import Home from './pages/Home/Home';
-import Soundboard from './pages/Soundboard/Soundboard';
-import NotFound from './pages/NotFound/NotFound';
-import Downloader from './pages/Downloader/Downloader';
+import { Wrapper } from './Wrapper';
+import { Home } from './pages/Home/Home';
+import { Soundboard } from './pages/Soundboard/Soundboard';
+import { NotFound } from './pages/NotFound/NotFound';
+import { Downloader } from './pages/Downloader/Downloader';
+import { Pubg } from './pages/Pubg/Pubg';
 
 ReactDOM.render(
     <Router history={browserHistory}>
@@ -14,6 +15,7 @@ ReactDOM.render(
             <IndexRoute component={Home}/>
             <Route path="/soundboard" component={Soundboard}/>
             <Route path="/downloader" component={Downloader}/>
+            <Route path="/pubg" component={Pubg}/>
             <Route path="*" component={NotFound}/>
         </Route>
     </Router>
diff --git a/client/app/components/Navbar/Navbar.component.js b/client/app/components/Navbar/Navbar.component.tsx
similarity index 75%
rename from client/app/components/Navbar/Navbar.component.js
rename to client/app/components/Navbar/Navbar.component.tsx
index 637b2a7..d7324e4 100644
--- a/client/app/components/Navbar/Navbar.component.js
+++ b/client/app/components/Navbar/Navbar.component.tsx
@@ -3,7 +3,15 @@ import { Link } from 'react-router';
 
 import './Navbar.scss';
 
-export default class Navbar extends React.Component {
+interface Props {
+
+}
+
+interface State {
+
+}
+
+export class Navbar extends React.Component<Props, State> {
 
     render() {
         return (
@@ -12,11 +20,8 @@ export default class Navbar extends React.Component {
                 <Link to="/" className="Navbar__item" onlyActiveOnIndex activeClassName="Navbar__item--active">Home</Link>
                 <Link to="/soundboard" className="Navbar__item" activeClassName="Navbar__item--active">Soundboard</Link>
                 <Link to="/downloader" className="Navbar__item" activeClassName="Navbar__item--active">Youtube Downloader</Link>
+                <Link to="/pubg" className="Navbar__item" activeClassName="Navbar__item--active">Pubg</Link>
             </div>
         );
     }
 }
-
-Navbar.propTypes = {
-    children: React.PropTypes.node,
-};
diff --git a/client/app/pages/Downloader/Downloader.js b/client/app/pages/Downloader/Downloader.tsx
similarity index 90%
rename from client/app/pages/Downloader/Downloader.js
rename to client/app/pages/Downloader/Downloader.tsx
index f1989fd..2bff2c7 100644
--- a/client/app/pages/Downloader/Downloader.js
+++ b/client/app/pages/Downloader/Downloader.tsx
@@ -3,9 +3,23 @@ import axios from 'axios';
 
 import './Downloader.scss';
 
-export default class Downloader extends React.Component {
+interface Props {
 
-    constructor(props) {
+}
+
+interface State {
+    fileType: string;
+    url: string;
+    message: string;
+    downloadLink: string;
+    downLoadFileName: string;
+    dataLoading: boolean;
+    dataLoaded: boolean;
+}
+
+export class Downloader extends React.Component<Props, State> {
+
+    constructor(props: Props) {
         super(props);
         this.state = {
             fileType: "mp3",
diff --git a/client/app/pages/Home/Home.js b/client/app/pages/Home/Home.tsx
similarity index 89%
rename from client/app/pages/Home/Home.js
rename to client/app/pages/Home/Home.tsx
index ab359e0..3a8605f 100644
--- a/client/app/pages/Home/Home.js
+++ b/client/app/pages/Home/Home.tsx
@@ -2,7 +2,16 @@ import React from 'react';
 
 import './Home.scss';
 
-export default class Home extends React.Component {
+interface Props {
+
+}
+
+interface State {
+
+}
+
+export class Home extends React.Component<Props, State> {
+
     render() {
         return (
             <div className="Home">
diff --git a/client/app/pages/NotFound/NotFound.js b/client/app/pages/NotFound/NotFound.tsx
similarity index 64%
rename from client/app/pages/NotFound/NotFound.js
rename to client/app/pages/NotFound/NotFound.tsx
index 701cce2..edfacde 100644
--- a/client/app/pages/NotFound/NotFound.js
+++ b/client/app/pages/NotFound/NotFound.tsx
@@ -1,7 +1,15 @@
 import React from 'react';
 import './NotFound.scss';
 
-export default class Default extends React.Component {
+interface Props {
+
+}
+
+interface State {
+
+}
+
+export class NotFound extends React.Component<Props, State> {
     render() {
         return (
             <div className="NotFound">
diff --git a/client/app/pages/Pubg/Pubg.tsx b/client/app/pages/Pubg/Pubg.tsx
new file mode 100644
index 0000000..b6fae2b
--- /dev/null
+++ b/client/app/pages/Pubg/Pubg.tsx
@@ -0,0 +1,10 @@
+import React from 'react';
+
+export class Pubg extends React.Component<any, any> {
+
+    render() {
+        return (
+            <div>test 123</div>
+        );
+    }
+}
diff --git a/client/app/pages/Soundboard/SoundList.component.js b/client/app/pages/Soundboard/SoundList.component.tsx
similarity index 85%
rename from client/app/pages/Soundboard/SoundList.component.js
rename to client/app/pages/Soundboard/SoundList.component.tsx
index 7a84e6b..0c04dab 100644
--- a/client/app/pages/Soundboard/SoundList.component.js
+++ b/client/app/pages/Soundboard/SoundList.component.tsx
@@ -3,8 +3,23 @@ import axios from 'axios';
 
 import './SoundList.scss';
 
-export default class SoundList extends React.Component {
+interface Props {
+
+}
+
+interface State {
+    showAudioControls: boolean[];
+    soundList: {
+        extension: string;
+        name: string;
+        prefix: string;
+    }[];
+}
+
+export class SoundList extends React.Component<Props, State> {
     
+    private soundListCache: any;
+
     constructor() {
         super();
         this.state = {
@@ -34,7 +49,7 @@ export default class SoundList extends React.Component {
         }
     }
     
-    checkExtension(extension) {
+    checkExtension(extension: string) {
         switch(extension) {
         case "wav":
             return true;
@@ -47,7 +62,7 @@ export default class SoundList extends React.Component {
         }
     }
 
-    handleShowAudio(index) {
+    handleShowAudio(index: any) {
         let temp = this.state.showAudioControls;
         temp[index] = true;
 
@@ -77,7 +92,7 @@ export default class SoundList extends React.Component {
                             
                             {this.checkExtension(sound.extension) && this.state.showAudioControls[index] ?
                             <audio controls src={"/public/sounds/" + sound.name + "." + sound.extension}
-                                    type={"audio/" + sound.extension}
+                                    itemType={"audio/" + sound.extension}
                                     style={{width: "100px"}}/>
                             : <i className="fa fa-play link" aria-hidden="true" onClick={() => this.handleShowAudio(index)}/> }
                         </div>
diff --git a/client/app/pages/Soundboard/Soundboard.js b/client/app/pages/Soundboard/Soundboard.tsx
similarity index 87%
rename from client/app/pages/Soundboard/Soundboard.js
rename to client/app/pages/Soundboard/Soundboard.tsx
index a787760..f1951ad 100644
--- a/client/app/pages/Soundboard/Soundboard.js
+++ b/client/app/pages/Soundboard/Soundboard.tsx
@@ -1,15 +1,29 @@
 import React from 'react';
 import Dropzone from 'react-dropzone';
-import axios from 'axios';
+import axios, { AxiosRequestConfig } from 'axios';
 
-import SoundList from './SoundList.component';
+import { SoundList } from './SoundList.component';
 
 import './Soundboard.scss';
 
-let self;
+let self: any;
 
-export default class Soundboard extends React.Component {
+interface Props {
+
+}
+
+interface State {
+    percentCompleted: number;
+    password: string;
+    uploaded: boolean;
+    uploadError: string;
+}
+
+export class Soundboard extends React.Component<Props, State> {
     
+    private config: AxiosRequestConfig;
+    public refs: any;
+
     constructor() {
         super();
         this.state = {
@@ -35,13 +49,13 @@ export default class Soundboard extends React.Component {
         };
     }
     
-    onDrop(acceptedFiles) {
+    onDrop(acceptedFiles: any) {
         if (acceptedFiles.length > 0) {
             self.uploadFile(acceptedFiles[0]);
         }
     }
     
-    uploadFile(file) {
+    uploadFile(file: any) {
         let formData = new FormData();
         formData.append("name", file.name);
         formData.append("file", file);
@@ -68,7 +82,7 @@ export default class Soundboard extends React.Component {
             });
     }
     
-    passwordOnChange(event) {
+    passwordOnChange(event: any) {
         this.setState({
             password: event.target.value,
         });
diff --git a/client/package.json b/client/package.json
index e7322ce..fece963 100644
--- a/client/package.json
+++ b/client/package.json
@@ -10,6 +10,10 @@
   "author": "Mitchell Gerber",
   "license": "MIT",
   "devDependencies": {
+    "@types/react": "^16.0.0",
+    "@types/react-dom": "^15.5.1",
+    "@types/react-dropzone": "^3.13.1",
+    "@types/react-router": "3.0.11",
     "autoprefixer": "^6.6.0",
     "axios": "^0.15.3",
     "babel-core": "^6.21.0",
@@ -25,16 +29,18 @@
     "extract-text-webpack-plugin": "2.0.0-rc.1",
     "file-loader": "^0.10.0",
     "html-webpack-plugin": "^2.24.1",
-    "node-sass": "^4.5.0",
+    "node-sass": "^4.5.3",
     "postcss-loader": "^1.2.1",
-    "react": "^15.4.1",
+    "react": "15.6.1",
     "react-dom": "^15.4.1",
     "react-dropzone": "^3.9.2",
     "react-router": "^3.0.0",
     "sass-loader": "^4.1.1",
     "style-loader": "^0.13.1",
+    "ts-loader": "^2.3.2",
+    "typescript": "^2.4.2",
     "url-loader": "^0.5.7",
-    "webpack": "2.2.1",
+    "webpack": "2.3.2",
     "webpack-dev-server": "2.2.0"
   }
 }
diff --git a/client/tsconfig.json b/client/tsconfig.json
new file mode 100644
index 0000000..1feeace
--- /dev/null
+++ b/client/tsconfig.json
@@ -0,0 +1,38 @@
+{
+  "compilerOptions": {
+    "target": "es2015",
+    "module": "es2015",
+    "moduleResolution": "node",
+    "jsx": "react",
+    "allowSyntheticDefaultImports": true,
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "strictNullChecks": true,
+    "preserveConstEnums": true,
+    "allowJs": false,
+    "sourceMap": true,
+    "noImplicitReturns": true,
+    "noUnusedParameters": true,
+    "noUnusedLocals": true,
+    "alwaysStrict": true,
+    "typeRoots": [
+      "./node_modules/@types",
+      "./@types"
+    ]
+  },
+  "filesGlob": [
+    "typings/index.d.ts",
+    "src/**/*.ts",
+    "src/**/*.tsx"
+  ],
+  "include": [
+    "app"
+  ],
+  "exclude": [
+    "android",
+    "ios",
+    "build",
+    "node_modules"
+  ],
+  "compileOnSave": false
+}
diff --git a/client/webpack.config.js b/client/webpack.config.js
index 8fb53b9..c3ae8b4 100644
--- a/client/webpack.config.js
+++ b/client/webpack.config.js
@@ -5,18 +5,24 @@ const webpack = require('webpack');
 
 module.exports = {
     entry: {
-        app: './app/app.js',
+        app: './app/app.tsx',
         vendor: ['react', 'react-dom']
     },
     output: {
         path: path.resolve(__dirname, '../dist'),
-        filename: '/static/[name].[hash].js'
+        filename: './static/[name].[hash].js'
+    },
+    resolve: {
+        extensions: ['.ts', '.tsx', '.js']
     },
     module: {
         rules: [{
             test: /\.(js|jsx)$/,
             loaders: ['babel-loader']
         }, {
+            test: /\.ts(x)?$/,
+            loaders: ['babel-loader', 'ts-loader']
+        },{
             test: /\.scss$/,
             loader: ExtractTextPlugin.extract({
                 fallbackLoader: 'style-loader',
diff --git a/client/yarn.lock b/client/yarn.lock
index 6247387..b99317c 100644
--- a/client/yarn.lock
+++ b/client/yarn.lock
@@ -2,6 +2,33 @@
 # yarn lockfile v1
 
 
+"@types/history@^3":
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/@types/history/-/history-3.2.1.tgz#0039ab0e0be2a0cc22bac171d27a44588103d123"
+
+"@types/react-dom@^15.5.1":
+  version "15.5.1"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-15.5.1.tgz#f3c3e14c682785923c7d64583537df319442dec1"
+  dependencies:
+    "@types/react" "*"
+
+"@types/react-dropzone@^3.13.1":
+  version "3.13.1"
+  resolved "https://registry.yarnpkg.com/@types/react-dropzone/-/react-dropzone-3.13.1.tgz#e9f24d4f3b46536fbe506fc019006c25e5b72f2e"
+  dependencies:
+    "@types/react" "*"
+
+"@types/react-router@3.0.11":
+  version "3.0.11"
+  resolved "https://registry.yarnpkg.com/@types/react-router/-/react-router-3.0.11.tgz#fbb1965e5cc1786d2cbb0f1fa49d4856e2e579f6"
+  dependencies:
+    "@types/history" "^3"
+    "@types/react" "*"
+
+"@types/react@*", "@types/react@^16.0.0":
+  version "16.0.0"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.0.0.tgz#fec7e6302e11c1cd307129d8ce1e6d5dca4a0283"
+
 abbrev@1:
   version "1.0.9"
   resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.0.9.tgz#91b4792588a7738c25f35dd6f63752a2f8776135"
@@ -33,10 +60,14 @@ acorn@^3.0.4:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-3.3.0.tgz#45e37fb39e8da3f25baee3ff5369e2bb5f22017a"
 
-acorn@^4.0.3, acorn@^4.0.4:
+acorn@^4.0.3:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-4.0.8.tgz#f41e52020ce78118a3c68ed0e9215eb8fc68b5b1"
 
+acorn@^4.0.4:
+  version "4.0.13"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-4.0.13.tgz#105495ae5361d697bd195c825192e1ad7f253787"
+
 ajv-keywords@^1.0.0, ajv-keywords@^1.1.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-1.5.1.tgz#314dd0a4b3368fad3dfcdc54ede6171b886daf3c"
@@ -72,6 +103,12 @@ ansi-styles@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
 
+ansi-styles@^3.1.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.0.tgz#c159b8d5be0f9e5a6f346dab94f16ce022161b88"
+  dependencies:
+    color-convert "^1.9.0"
+
 anymatch@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-1.3.0.tgz#a3e52fa39168c825ff57b0248126ce5a8ff95507"
@@ -1128,7 +1165,15 @@ chalk@^1.0.0, chalk@^1.1.0, chalk@^1.1.1, chalk@^1.1.3:
     strip-ansi "^3.0.0"
     supports-color "^2.0.0"
 
-chokidar@^1.4.3, chokidar@^1.6.0:
+chalk@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.0.1.tgz#dbec49436d2ae15f536114e76d14656cdbc0f44d"
+  dependencies:
+    ansi-styles "^3.1.0"
+    escape-string-regexp "^1.0.5"
+    supports-color "^4.0.0"
+
+chokidar@^1.6.0:
   version "1.6.1"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-1.6.1.tgz#2f4447ab5e96e50fb3d789fd90d4c72e0e4c70c2"
   dependencies:
@@ -1143,6 +1188,21 @@ chokidar@^1.4.3, chokidar@^1.6.0:
   optionalDependencies:
     fsevents "^1.0.0"
 
+chokidar@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-1.7.0.tgz#798e689778151c8076b4b360e5edd28cda2bb468"
+  dependencies:
+    anymatch "^1.3.0"
+    async-each "^1.0.0"
+    glob-parent "^2.0.0"
+    inherits "^2.0.1"
+    is-binary-path "^1.0.0"
+    is-glob "^2.0.0"
+    path-is-absolute "^1.0.0"
+    readdirp "^2.0.0"
+  optionalDependencies:
+    fsevents "^1.0.0"
+
 cipher-base@^1.0.0, cipher-base@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/cipher-base/-/cipher-base-1.0.3.tgz#eeabf194419ce900da3018c207d212f2a6df0a07"
@@ -1215,7 +1275,7 @@ code-point-at@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
 
-color-convert@^1.3.0:
+color-convert@^1.3.0, color-convert@^1.9.0:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.0.tgz#1accf97dd739b983bf994d56fec8f95853641b7a"
   dependencies:
@@ -1380,6 +1440,14 @@ create-hmac@^1.1.0, create-hmac@^1.1.2:
     create-hash "^1.1.0"
     inherits "^2.0.1"
 
+create-react-class@^15.6.0:
+  version "15.6.0"
+  resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.6.0.tgz#ab448497c26566e1e29413e883207d57cfe7bed4"
+  dependencies:
+    fbjs "^0.8.9"
+    loose-envify "^1.3.1"
+    object-assign "^4.1.1"
+
 cross-spawn@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-3.0.1.tgz#1256037ecb9f0c5f79e3d6ef135e30770184b982"
@@ -2008,7 +2076,7 @@ faye-websocket@~0.11.0:
   dependencies:
     websocket-driver ">=0.5.1"
 
-fbjs@^0.8.1, fbjs@^0.8.4:
+fbjs@^0.8.1:
   version "0.8.9"
   resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.9.tgz#180247fbd347dcc9004517b904f865400a0c8f14"
   dependencies:
@@ -2020,6 +2088,18 @@ fbjs@^0.8.1, fbjs@^0.8.4:
     setimmediate "^1.0.5"
     ua-parser-js "^0.7.9"
 
+fbjs@^0.8.9:
+  version "0.8.14"
+  resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.14.tgz#d1dbe2be254c35a91e09f31f9cd50a40b2a0ed1c"
+  dependencies:
+    core-js "^1.0.0"
+    isomorphic-fetch "^2.1.1"
+    loose-envify "^1.0.0"
+    object-assign "^4.1.0"
+    promise "^7.1.1"
+    setimmediate "^1.0.5"
+    ua-parser-js "^0.7.9"
+
 figures@^1.3.5:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/figures/-/figures-1.7.0.tgz#cbe1e3affcf1cd44b80cadfed28dc793a9701d2e"
@@ -2286,6 +2366,10 @@ has-flag@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa"
 
+has-flag@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-2.0.0.tgz#e8207af1cc7b30d446cc70b734b5e8be18f88d51"
+
 has-unicode@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
@@ -2839,6 +2923,14 @@ loader-utils@0.2.x, loader-utils@^0.2.11, loader-utils@^0.2.15, loader-utils@^0.
     json5 "^0.5.0"
     object-assign "^4.0.1"
 
+loader-utils@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.1.0.tgz#c98aef488bcceda2ffb5e2de646d6a754429f5cd"
+  dependencies:
+    big.js "^3.1.3"
+    emojis-list "^2.0.0"
+    json5 "^0.5.0"
+
 lodash.assign@^4.0.3, lodash.assign@^4.0.6, lodash.assign@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/lodash.assign/-/lodash.assign-4.2.0.tgz#0d99f3ccd7a6d261d19bdaeb9245005d285808e7"
@@ -2875,7 +2967,7 @@ longest@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097"
 
-loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.2.0:
+loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.2.0, loose-envify@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.3.1.tgz#d1a8ad33fa9ce0e713d65fdd0ac8b748d478c848"
   dependencies:
@@ -3115,9 +3207,9 @@ node-pre-gyp@^0.6.29:
     tar "~2.2.1"
     tar-pack "~3.3.0"
 
-node-sass@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-4.5.0.tgz#532e37bad0ce587348c831535dbc98ea4289508b"
+node-sass@^4.5.3:
+  version "4.5.3"
+  resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-4.5.3.tgz#d09c9d1179641239d1b97ffc6231fdcec53e1568"
   dependencies:
     async-foreach "^0.1.3"
     chalk "^1.1.1"
@@ -3134,7 +3226,7 @@ node-sass@^4.5.0:
     nan "^2.3.2"
     node-gyp "^3.3.1"
     npmlog "^4.0.0"
-    request "^2.61.0"
+    request "^2.79.0"
     sass-graph "^2.1.1"
     stdout-stream "^1.4.0"
 
@@ -3197,7 +3289,7 @@ oauth-sign@~0.8.1:
   version "0.8.2"
   resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.8.2.tgz#46a6ab7f0aead8deae9ec0565780b7d4efeb9d43"
 
-object-assign@^4.0.1, object-assign@^4.1.0:
+object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
 
@@ -3709,6 +3801,13 @@ promise@^7.1.1:
   dependencies:
     asap "~2.0.3"
 
+prop-types@^15.5.10:
+  version "15.5.10"
+  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.5.10.tgz#2797dfc3126182e3a95e3dfbb2e893ddd7456154"
+  dependencies:
+    fbjs "^0.8.9"
+    loose-envify "^1.3.1"
+
 proxy-addr@~1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-1.1.3.tgz#dc97502f5722e888467b3fa2297a7b1ff47df074"
@@ -3821,13 +3920,15 @@ react-router@^3.0.0:
     loose-envify "^1.2.0"
     warning "^3.0.0"
 
-react@^15.4.1:
-  version "15.4.2"
-  resolved "https://registry.yarnpkg.com/react/-/react-15.4.2.tgz#41f7991b26185392ba9bae96c8889e7e018397ef"
+react@15.6.1:
+  version "15.6.1"
+  resolved "https://registry.yarnpkg.com/react/-/react-15.6.1.tgz#baa8434ec6780bde997cdc380b79cd33b96393df"
   dependencies:
-    fbjs "^0.8.4"
+    create-react-class "^15.6.0"
+    fbjs "^0.8.9"
     loose-envify "^1.1.0"
     object-assign "^4.1.0"
+    prop-types "^15.5.10"
 
 read-pkg-up@^1.0.1:
   version "1.0.1"
@@ -3998,7 +4099,7 @@ repeating@^2.0.0:
   dependencies:
     is-finite "^1.0.0"
 
-request@2, request@^2.61.0, request@^2.79.0:
+request@2, request@^2.79.0:
   version "2.79.0"
   resolved "https://registry.yarnpkg.com/request/-/request-2.79.0.tgz#4dfe5bf6be8b8cdc37fcf93e04b65577722710de"
   dependencies:
@@ -4115,6 +4216,10 @@ select-hose@^2.0.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.3.0.tgz#9b2ce5d3de02d17c6012ad326aa6b4d0cf54f94f"
 
+semver@^5.0.1:
+  version "5.4.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.4.1.tgz#e059c09d8571f0540823733433505d3a2f00b18e"
+
 send@0.14.2:
   version "0.14.2"
   resolved "https://registry.yarnpkg.com/send/-/send-0.14.2.tgz#39b0438b3f510be5dc6f667a11f71689368cdeef"
@@ -4230,6 +4335,10 @@ source-list-map@^0.1.4, source-list-map@~0.1.7:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-0.1.8.tgz#c550b2ab5427f6b3f21f5afead88c4f5587b2106"
 
+source-list-map@^1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-1.1.2.tgz#9889019d1024cce55cdc069498337ef6186a11a1"
+
 source-map-support@^0.4.2:
   version "0.4.11"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.4.11.tgz#647f939978b38535909530885303daf23279f322"
@@ -4397,6 +4506,12 @@ supports-color@^3.1.0, supports-color@^3.1.1, supports-color@^3.2.3:
   dependencies:
     has-flag "^1.0.0"
 
+supports-color@^4.0.0:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-4.2.1.tgz#65a4bb2631e90e02420dba5554c375a4754bb836"
+  dependencies:
+    has-flag "^2.0.0"
+
 svgo@^0.7.0:
   version "0.7.2"
   resolved "https://registry.yarnpkg.com/svgo/-/svgo-0.7.2.tgz#9f5772413952135c6fefbf40afe6a4faa88b4bb5"
@@ -4420,10 +4535,14 @@ table@^3.7.8:
     slice-ansi "0.0.4"
     string-width "^2.0.0"
 
-tapable@^0.2.5, tapable@~0.2.5:
+tapable@^0.2.5:
   version "0.2.6"
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-0.2.6.tgz#206be8e188860b514425375e6f1ae89bfb01fd8d"
 
+tapable@~0.2.5:
+  version "0.2.8"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-0.2.8.tgz#99372a5c999bf2df160afc0d74bed4f47948cd22"
+
 tar-pack@~3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/tar-pack/-/tar-pack-3.3.0.tgz#30931816418f55afc4d21775afdd6720cee45dae"
@@ -4485,6 +4604,15 @@ tryit@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/tryit/-/tryit-1.0.3.tgz#393be730a9446fd1ead6da59a014308f36c289cb"
 
+ts-loader@^2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-2.3.2.tgz#b71b9f0d0062c791a654d462140718f9f7817665"
+  dependencies:
+    chalk "^2.0.1"
+    enhanced-resolve "^3.0.0"
+    loader-utils "^1.0.2"
+    semver "^5.0.1"
+
 tty-browserify@0.0.0:
   version "0.0.0"
   resolved "https://registry.yarnpkg.com/tty-browserify/-/tty-browserify-0.0.0.tgz#a157ba402da24e9bf957f9aa69d524eed42901a6"
@@ -4514,11 +4642,15 @@ typedarray@^0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
 
+typescript@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-2.4.2.tgz#f8395f85d459276067c988aa41837a8f82870844"
+
 ua-parser-js@^0.7.9:
   version "0.7.12"
   resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.12.tgz#04c81a99bdd5dc52263ea29d24c6bf8d4818a4bb"
 
-uglify-js@2.7.x, uglify-js@^2.7.5:
+uglify-js@2.7.x:
   version "2.7.5"
   resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-2.7.5.tgz#4612c0c7baaee2ba7c487de4904ae122079f2ca8"
   dependencies:
@@ -4527,6 +4659,15 @@ uglify-js@2.7.x, uglify-js@^2.7.5:
     uglify-to-browserify "~1.0.0"
     yargs "~3.10.0"
 
+uglify-js@^2.8.5:
+  version "2.8.29"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-2.8.29.tgz#29c5733148057bb4e1f75df35b7a9cb72e6a59dd"
+  dependencies:
+    source-map "~0.5.1"
+    yargs "~3.10.0"
+  optionalDependencies:
+    uglify-to-browserify "~1.0.0"
+
 uglify-to-browserify@~1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz#6e0924d6bda6b5afe349e39a6d632850a0f882b7"
@@ -4654,12 +4795,12 @@ warning@^3.0.0:
   dependencies:
     loose-envify "^1.0.0"
 
-watchpack@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.2.0.tgz#15d4620f1e7471f13fcb551d5c030d2c3eb42dbb"
+watchpack@^1.3.1:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.4.0.tgz#4a1472bcbb952bd0a9bb4036801f954dfb39faac"
   dependencies:
     async "^2.1.2"
-    chokidar "^1.4.3"
+    chokidar "^1.7.0"
     graceful-fs "^4.1.2"
 
 wbuf@^1.1.0, wbuf@^1.4.0:
@@ -4697,16 +4838,23 @@ webpack-dev-server@2.2.0:
     webpack-dev-middleware "^1.9.0"
     yargs "^6.0.0"
 
-webpack-sources@^0.1.0, webpack-sources@^0.1.4:
+webpack-sources@^0.1.0:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-0.1.4.tgz#ccc2c817e08e5fa393239412690bb481821393cd"
   dependencies:
     source-list-map "~0.1.7"
     source-map "~0.5.3"
 
-webpack@2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-2.2.1.tgz#7bb1d72ae2087dd1a4af526afec15eed17dda475"
+webpack-sources@^0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-0.2.3.tgz#17c62bfaf13c707f9d02c479e0dcdde8380697fb"
+  dependencies:
+    source-list-map "^1.1.1"
+    source-map "~0.5.3"
+
+webpack@2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-2.3.2.tgz#7d521e6f0777a3a58985c69425263fdfe977b458"
   dependencies:
     acorn "^4.0.4"
     acorn-dynamic-import "^2.0.0"
@@ -4724,9 +4872,9 @@ webpack@2.2.1:
     source-map "^0.5.3"
     supports-color "^3.1.0"
     tapable "~0.2.5"
-    uglify-js "^2.7.5"
-    watchpack "^1.2.0"
-    webpack-sources "^0.1.4"
+    uglify-js "^2.8.5"
+    watchpack "^1.3.1"
+    webpack-sources "^0.2.3"
     yargs "^6.0.0"
 
 websocket-driver@>=0.5.1: