Update car-models example (qlik-oss#292)

Author: magikcypress

examples/complete/car-models/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": [["es2015", { "modules": false }]],
+}

examples/complete/car-models/index.html

@@ -44,4 +44,4 @@
     <app></app>
     <script src="app.js"></script>
 </body>
-</html>
+</html>

examples/complete/car-models/package.json

@@ -8,20 +8,24 @@
   },
   "author": "Qlik",
   "license": "MIT",
-  "dependencies": {
-    "enigma.js": "^2.0.0-0",
-    "angular": "^1.5.8",
-    "d3": "^4.2.2",
-    "ws": "^1.1.1"
-  },
+  "dependencies": {},
   "devDependencies": {
-    "babel-core": "^6.14.0",
-    "babel-loader": "^6.2.5",
+    "angular": "^1.6.6",
+    "babel": "^6.23.0",
+    "babel-core": "^6.26.0",
+    "babel-loader": "^7.1.2",
     "babel-plugin-transform-exponentiation-operator": "^6.24.1",
-    "babel-preset-es2015": "^6.14.0",
-    "json-loader": "^0.5.4",
+    "babel-plugin-transform-object-assign": "^6.22.0",
+    "babel-preset-env": "^1.6.1",
+    "babel-preset-es2015": "^6.24.1",
+    "d3": "^4.11.0",
+    "enigma.js": "^2.1.1",
+    "fs": "0.0.1-security",
+    "fs-extra": "^4.0.2",
+    "json-loader": "^0.5.7",
     "raw-loader": "^0.5.1",
-    "webpack": "^1.13.2",
-    "webpack-dev-server": "^1.15.1"
+    "webpack": "^3.8.1",
+    "webpack-dev-server": "^2.9.3",
+    "ws": "^3.2.0"
   }
 }

examples/complete/car-models/src/app.js

@@ -4,10 +4,11 @@
 import angular from 'angular';
 import enigma from 'enigma.js';
 
-import schema from 'json!../node_modules/enigma.js/schemas/12.20.0.json';
-import template from 'raw!./app.html';
-import csv from 'raw!../data.csv';
+import schema from 'json-loader!../node_modules/enigma.js/schemas/12.20.0.json';
+import template from 'raw-loader!./app.html';
+import csv from 'raw-loader!../data.csv';
 import paintBarchart from './chart';
+// import session from '../certificates';
 
 const SCRIPT =
 `LOAD * Inline [

examples/complete/car-models/webpack.config.js

@@ -1,5 +1,6 @@
 /* eslint-env node */
 
+const webpack = require('webpack');
 const path = require('path');
 
 module.exports = {
@@ -10,17 +11,23 @@ module.exports = {
     filename: 'app.js',
     publicPath: 'http://localhost:8080/',
   },
-  debug: true,
-  devtool: 'source-map',
+  plugins: [
+    new webpack.LoaderOptionsPlugin({
+      debug: true,
+    }),
+  ],
   module: {
-    loaders: [{
-      test: /\.js$/,
-      loader: 'babel',
-      exclude: [path.resolve(__dirname, 'node_modules')],
-      query: {
-        presets: ['es2015'],
-        plugins: ['transform-exponentiation-operator'],
+    rules: [
+      {
+        test: /\.js$/,
+        exclude: /(node_modules|bower_components)/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: ['env', 'es2015'],
+          },
+        },
       },
-    }],
+    ],
   },
 };