Fix dependencies based voyager build change

index.html

@@ -22,6 +22,6 @@
   </body>
 
   <script>
-    require('./renderer.js')
+    require('./dist/app.js')
   </script>
 </html>

package.json

@@ -4,6 +4,7 @@
   "description": "A minimal Electron application that embeds voyager",
   "main": "main.js",
   "scripts": {
+    "build": "webpack --config=webpack.config.js",
     "start": "electron .",
     "start:server": "electron . --server",
     "dist": "electron-builder",
@@ -32,13 +33,30 @@
     "datavoyager": "^2.0.0-alpha.12",
     "datavoyager-server": "git://github.com/vega/voyager-server.git",
     "electron-debug": "^1.1.0",
-    "jschardet": "^1.4.2"
+    "jschardet": "^1.4.2",
+    "react-tether": "0.5.6",
+    "redux-undo": "1.0.0-beta9-9-6",
+    "vega": "3.0.2",
+    "vega-datasets": "^1.10.0",
+    "vega-lite": "^2.0.0-beta.16",
+    "vega-tooltip": "^0.4.3",
+    "react-css-modules": "4.1.0",
+    "whatwg-fetch": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-1.0.0.tgz",
+    "font-awesome-sass-loader": "1.0.3",
+    "font-awesome": "4.6.3",
+    "electron": "~1.6.10"
   },
   "devDependencies": {
-    "electron": "~1.6.10",
+    "style-loader": "0.13.1",
+    "sass-loader": "4.1.1",
+    "css-loader": "^0.23.1",
     "electron-builder": "^19.16.2",
     "eslint": "^3.19.0",
     "eslint-config-airbnb-base": "^11.2.0",
-    "eslint-plugin-import": "^2.3.0"
+    "eslint-plugin-import": "^2.3.0",
+    "file-loader": "^0.11.2",
+    "node-sass": "^4.5.3",
+    "url-loader": "^0.5.9",
+    "webpack": "^3.5.5"
   }
 }

renderer.js

@@ -1,3 +1,4 @@
+require('font-awesome-sass-loader');
 const libVoyager = require('datavoyager');
 const { ipcRenderer, remote } = require('electron');
 

webpack.config.js

@@ -0,0 +1,36 @@
+const path = require('path');
+
+module.exports = {
+  entry: {
+    app: './renderer.js',
+  },
+  output: {
+    filename: './[name].js',
+    path: path.join(__dirname, '/dist'),
+  },
+  target: 'electron-renderer',
+  module: {
+    rules: [
+      {
+        test: /\.scss$/,
+        loader: 'style-loader!css-loader!postcss-loader!sass-loader',
+      },
+      {
+        test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
+        use: [
+          {
+            loader: 'url-loader',
+            options: {
+              limit: 10000,
+              mimetype: 'application/font-woff',
+            },
+          },
+        ],
+      },
+      {
+        test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
+        use: 'url-loader',
+      },
+    ],
+  },
+};