fix webpack bundle issue

src/canvas.js

@@ -66,12 +66,12 @@ function insertText(context, options = { }) {
   context.fillText(text, x, y);
 }
 
-module.exports = () => {
+module.exports = () => ({
   clearCanvas,
   coordinateConversion,
   getBoundaries,
   generateRandomPosition,
   createImageCache,
   drawRotate,
-  insertText;
-};
+  insertText
+});

src/components/AI/AI.js → src/components/AI/AI.js

@@ -1,7 +1,7 @@
 const Sprite = require('../Sprite');
 const Vector = require('./Vector');
 const Path = require('./Path');
-const { getRandomInt } = require('../utils')();
+const { getRandomInt } = require('../../utils')();
 /** target proximity to halt path following */
 const TARGET_PROX = 5;
 const vector = Vector();

src/components/AI/AStar.js → src/components/AI/AStar.js

@@ -1,5 +1,5 @@
 const VertexRecord = require('./VertexRecord');
-const { getDistance } = require('../operations');
+const { getDistance } = require('../../utils')();
 
 /** the type of heuristic to use */
 const HEUR_TYPE = 0;

src/components/AI/GraphGenerator.js → src/components/AI/GraphGenerator.js

@@ -1,5 +1,5 @@
 const Vertex = require('./Vertex');
-const {calculateCenter, getDistance} = require('../operations');
+const { calculateCenter, getDistance } = require('../../utils')();
 
 class GraphGenerator {
   constructor(){

src/components/AI/Vector.js → src/components/AI/Vector.js

@@ -1,4 +1,4 @@
-const { getDistance } = require('../operations');
+const { getDistance } = require('../../utils')();
 
 // todo: should be a class
 function Vector() {

src/components/Obstacle.js → src/components/Obstacle.js

@@ -2,7 +2,7 @@
  * @author jegood
  */
 const Sprite = require('./Sprite');
-const { getDistance, calculateCenter } = require('./operations');
+const { getDistance, calculateCenter } = require('../utils')();
 const NUM_SECTIONS = 9;
 
 class Obstacle extends Sprite {
@@ -52,4 +52,4 @@ class Obstacle extends Sprite {
   }
 }
 
-export default Obstacle;
+module.exports = Obstacle;

src/components/Particle.js → src/components/Particle.js

@@ -2,7 +2,7 @@
  * @author jegood
  */
 const Obstacle = require('./Obstacle');
-const { getRandomNumber } = require('../operations');
+const { getRandomNumber } = require('../utils')();
 const MAX_CIRCLE = 360;
 
 class Particle extends Obstacle {

src/components/ParticleSystem.js → src/components/ParticleSystem.js

@@ -1,7 +1,7 @@
 /**
  * @author jegood
  */
-const _ = require('../operations')();
+const _ = require('../utils')();
 const Particle = require('./Particle');
 /**
  * Class for handling particle systems. For now, simply allows management

src/dnd.js

@@ -7,7 +7,7 @@ const { getBoundaries } = require('./canvas')();
  * drag and drop in canvas is much different than in DOM, because the canvas comes
  * as a whole, so these functions may seem to be hacky, or dirty.
  */
-export default function createDnD() {
+function createDnD() {
   const getDraggingItemIndex = (items, x, y) => {
     for (let i = 0; i < items.length; i++) {
       let currItem = items[i];
@@ -60,3 +60,5 @@ export default function createDnD() {
     getDraggingItemIndex,
   };
 }
+
+module.exports = createDnD;

src/index.js

@@ -1,7 +1,7 @@
 /**
  * @author Chang
  */
-const createComponents = require('./components/index');
+const createComponents = require('./components');
 // const createIO = require('./network');
 const createCanvasUtils = require('./canvas');
 const createAudioManager = require('./audioManager');

src/utils.js

@@ -18,9 +18,9 @@ function calculateCenter(x, y, width, height) {
   return {x: x + (0.5 * width), y: y + (0.5 * height)};
 }
 
-module.exports = () => {
+module.exports = () => ({
   removeMultiElementFromArray,
   getRandomInt,
   getDistance,
-  calculateCenter;
-};
+  calculateCenter
+});