Use Webpack instead of Rollup

For this I had to remove hot reloading from
Webpack, as it doesn’t work in Web Workers.

Author: janpaul123

.gitignore

@@ -1,3 +1,2 @@
 .babel-cache/
 node_modules/
-www/paper.js

client/canvasUtils.js renamed to client/paper/canvasUtils.js

@@ -1,4 +1,4 @@
-import { forwardProjectionMatrixForPoints, projectPoint } from './utils';
+import { forwardProjectionMatrixForPoints, projectPoint } from '../utils';
 
 // https://beta.observablehq.com/@shaunlebron/texture-drawing-for-html-canvas
 

client/paper/entry.worker.js renamed to client/paper/entry.js

@@ -13,8 +13,7 @@
     "dropdb": "dropdb --if-exists paper_programs_development",
     "heroku-postbuild": "webpack",
     "test": "npm run lint",
-    "lint": "eslint .",
-    "rollup": "rollup --config worker.rollup.js"
+    "lint": "eslint ."
   },
   "engines": {
     "node": "9.3.x",
@@ -66,11 +65,7 @@
     "eslint-plugin-react": "^7.7.0",
     "nodemon": "^1.17.1",
     "prettier": "^1.11.1",
-    "rollup": "^0.58.0",
-    "rollup-plugin-commonjs": "^9.1.0",
-    "rollup-plugin-node-resolve": "^3.3.0",
     "webpack-dev-middleware": "^2.0.6",
-    "webpack-dev-server": "^2.11.2",
-    "webpack-hot-middleware": "^2.21.2"
+    "webpack-dev-server": "^2.11.2"
   }
 }

package-lock.json

@@ -15,7 +15,6 @@ app.use(api);
 if (process.env.NODE_ENV !== 'production') {
   const compiler = require('webpack')(require('../webpack.config.js'));
   app.use(require('webpack-dev-middleware')(compiler));
-  app.use(require('webpack-hot-middleware')(compiler));
 }
 
 /* eslint-disable no-console */

package.json

@@ -1,11 +1,11 @@
 const path = require('path');
-const webpack = require('webpack');
 
 module.exports = {
   entry: {
     camera: ['./client/camera/entry.js'],
     projector: ['./client/projector/entry.js'],
     editor: ['./client/editor/entry.js'],
+    paper: ['./client/paper/entry.js'],
   },
   output: {
     path: path.join(__dirname, 'www'),
@@ -55,10 +55,3 @@ module.exports = {
     ]),
   ],
 };
-
-if (process.env.NODE_ENV !== 'production') {
-  module.exports.plugins.push(new webpack.HotModuleReplacementPlugin());
-  Object.values(module.exports.entry).forEach(entry => {
-    entry.unshift('webpack-hot-middleware/client?reload=true');
-  });
-}