chore(deps): update webpack dev server and the remaining packages to …

…their latest versions

package.json

@@ -23,24 +23,27 @@
     "@hapi/hapi": "^18.3.1",
     "@hapi/inert": "^5.2.0",
     "@microlink/youtube-dl": "^1.13.2",
-    "extract-text-webpack-plugin": "^1.0.1",
-    "fluent-ffmpeg": "^2.1.0",
-    "react": "^15.3.1",
-    "react-dom": "^15.3.1",
-    "validator": "^5.6.0"
+    "extract-text-webpack-plugin": "^3.0.2",
+    "fluent-ffmpeg": "^2.1.2",
+    "prop-types": "^15.7.2",
+    "react": "^16.8.6",
+    "react-dom": "^16.8.6",
+    "validator": "^10.11.0"
   },
   "devDependencies": {
-    "babel-core": "^6.14.0",
-    "babel-loader": "^6.2.5",
-    "babel-preset-es2015": "^6.14.0",
-    "babel-preset-react": "^6.11.1",
-    "css-loader": "^0.24.0",
-    "node-sass": "^3.8.0",
-    "postcss-loader": "^0.11.1",
-    "sass-loader": "^4.0.0",
+    "@babel/core": "^7.4.3",
+    "@babel/preset-env": "^7.4.3",
+    "@babel/preset-react": "^7.0.0",
+    "babel-loader": "^8.0.5",
+    "css-loader": "^2.1.1",
+    "mini-css-extract-plugin": "^0.6.0",
+    "node-sass": "^4.11.0",
+    "postcss-loader": "^3.0.0",
+    "sass-loader": "^7.1.0",
     "standard": "^12.0.1",
-    "style-loader": "^0.13.1",
-    "webpack": "^1.13.2",
-    "webpack-dev-server": "^1.15.0"
+    "style-loader": "^0.23.1",
+    "webpack": "^4.30.0",
+    "webpack-cli": "^3.3.1",
+    "webpack-dev-server": "^3.3.1"
   }
 }

src/components/DownloadForm.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import '../stylesheets/DownloadForm.scss'
 
 class DownloadForm extends Component {

src/components/DownloadList.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import '../stylesheets/DownloadList.scss'
 
 class DownloadList extends Component {

src/components/DownloadPanel.js

@@ -1,6 +1,7 @@
 /* global document */
 
 import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { isURL } from 'validator'
 import DownloadForm from './DownloadForm'
 import DownloadList from './DownloadList'

src/server/server.js

@@ -5,7 +5,7 @@ const path = require('path')
 const youtube = require('./handlers/youtube')
 
 const server = new Hapi.Server({
-  port: 3000,
+  port: process.env.PORT || 3000,
   routes: {
     files: {
       relativeTo: path.join(__dirname, '../../public')

webpack.config.js

@@ -1,5 +1,5 @@
-const path = require('path');
-const ExtractTextPlugin = require('extract-text-webpack-plugin');
+const path = require('path')
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 
 module.exports = {
   entry: './src/main.js',
@@ -10,22 +10,24 @@ module.exports = {
   },
 
   module: {
-    loaders: [{
-      test: /\.jsx?$/,
-      exclude: /node_modules/,
-      loader: 'babel',
-      query: {
-        presets: ['react', 'es2015']
+    rules: [
+      {
+        test: /\.jsx?$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: ['@babel/preset-react', '@babel/preset-env']
+          }
+        }
+      },
+      {
+        test: /\.scss$/,
+        loader: 'style-loader!css-loader!sass-loader'
       }
-    },
-    {
-      test: /\.scss$/,
-      loader: 'style!css!postcss!sass'
-      /* loader: ExtractTextPlugin.extract(
-        'style-loader', 'css-loader!autoprefixer-loader!sass-loader')*/
-    }]
+    ]
   },
   plugins: [
-    new ExtractTextPlugin('style.css', { allChunks: true })
+    new MiniCssExtractPlugin({ filename: 'style.css'})
   ]
-};
+}