fix(explorer): Security update for JS dependencies (#954)

Author: klausi

assets/explorer/.babelrc

@@ -1,3 +1,4 @@
 {
-  "presets": ["es2015", "stage-0", "react"]
+  "presets": ["es2015", "stage-0", "react"],
+  "plugins": ["syntax-dynamic-import"]
 }

assets/explorer/dist/bundle.min.js

@@ -7,15 +7,16 @@
   },
   "dependencies": {
     "graphiql": "^0.11.10",
-    "graphql": "^0.13.2",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0"
+    "graphql": "^14.5.8",
+    "react": "^16.3",
+    "react-dom": "^16.3"
   },
   "devDependencies": {
     "babel": "^6.23.0",
     "babel-core": "^6.26.0",
     "babel-eslint": "^8.0.2",
     "babel-loader": "^7.1.2",
+    "babel-plugin-syntax-dynamic-import": "^6.18.0",
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-react": "^6.24.1",
     "babel-preset-stage-0": "^6.24.1",
@@ -24,6 +25,7 @@
     "eslint-config-airbnb": "^16.1.0",
     "eslint-plugin-import": "^2.8.0",
     "rimraf": "^2.6.2",
-    "webpack": "^3.8.1"
+    "webpack": "^4.41.2",
+    "webpack-cli": "^3.3.10"
   }
 }

assets/explorer/package.json

@@ -10,7 +10,7 @@ module.exports = {
     filename: 'bundle.min.js',
   },
   resolve: {
-    extensions: ['.jsx', '.js', '.json'],
+    extensions: ['.mjs', '.jsx', '.js', '.json'],
     modules: [
       path.resolve(__dirname, 'node_modules'),
       'node_modules',
@@ -26,6 +26,9 @@ module.exports = {
       },
     ],
   },
+  optimization: {
+    minimize: true
+  },
   plugins: ([
     new webpack.DefinePlugin({
       'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
@@ -34,37 +37,7 @@ module.exports = {
       { from: path.resolve(__dirname, 'node_modules/graphiql/graphiql.css') },
       { from: path.resolve(__dirname, 'src/container.css') },
     ]),
-  ]).concat(process.env.NODE_ENV === 'production' ? [
-    new webpack.optimize.UglifyJsPlugin({
-      output: {
-        comments: false,
-      },
-      compress: {
-        unsafe_comps: true,
-        properties: true,
-        keep_fargs: false,
-        pure_getters: true,
-        collapse_vars: true,
-        unsafe: true,
-        warnings: false,
-        screw_ie8: true,
-        sequences: true,
-        dead_code: true,
-        drop_debugger: true,
-        comparisons: true,
-        conditionals: true,
-        evaluate: true,
-        booleans: true,
-        loops: true,
-        unused: true,
-        hoist_funs: true,
-        if_return: true,
-        join_vars: true,
-        cascade: true,
-        drop_console: true,
-      },
-    }),
-  ] : []),
+  ]),
   externals: {
     jquery: 'jQuery',
     drupal: 'Drupal',