linting and formating. renamed canvas component

src/modules/automata.js

@@ -1,7 +1,7 @@
 // handles negative index and index bigger than its array length
 function guard(index, array) {
-  if (index > (array.length - 1)) return 0;
-  if (index < 0) return (array.length - 1);
+  if (index > array.length - 1) return 0;
+  if (index < 0) return array.length - 1;
   return index;
 }
 
@@ -12,11 +12,8 @@ function evolve1d(state, rules) {
     return state[safeIndex];
   }
   const newState = state.map((_, x) => {
-    const cells = [
-      getCell(x - 1),
-      getCell(x),
-      getCell(x + 1)];
-    return rules[cells.join('')];
+    const cells = [getCell(x - 1), getCell(x), getCell(x + 1)];
+    return rules[cells.join("")];
   });
 
   return newState.map(Number);
@@ -47,10 +44,14 @@ function getCellNeighbors(board, cellCoordinates) {
 
   // the current cell is not included in the result
   return [
-    getCell(x - 1, y - 1), getCell(x, y - 1),
-    getCell(x + 1, y - 1), getCell(x - 1, y),
-    getCell(x + 1, y), getCell(x - 1, y + 1),
-    getCell(x, y + 1), getCell(x + 1, y - 1),
+    getCell(x - 1, y - 1),
+    getCell(x, y - 1),
+    getCell(x + 1, y - 1),
+    getCell(x - 1, y),
+    getCell(x + 1, y),
+    getCell(x - 1, y + 1),
+    getCell(x, y + 1),
+    getCell(x + 1, y - 1),
   ];
 }
 
@@ -75,58 +76,60 @@ function conwayRules(cell, neighbors) {
 // get the next evolution of a 2D CA initial state
 // Rules : Moore neighborhood
 function evolve2d(board, rulesFn) {
-  return board.map((row, x) => row.map((cell, y) => {
-    const neighbors = getCellNeighbors(board, [x, y]);
-    const sum = getNeighborsSum(neighbors);
-    return rulesFn(cell, sum);
-  }));
+  return board.map((row, x) =>
+    row.map((cell, y) => {
+      const neighbors = getCellNeighbors(board, [x, y]);
+      const sum = getNeighborsSum(neighbors);
+      return rulesFn(cell, sum);
+    })
+  );
 }
 
 function getDrawingValues(state, acc, cell) {
   const d = cell.dimension;
-  return Object.keys(state).map(
-    (key) => {
-      const fillStyle = (() => {
-        if (state[key] === '1') return cell.liveColor;
-        return cell.deadColor;
-      })();
+  return Object.keys(state).map((key) => {
+    const fillStyle = (() => {
+      if (state[key] === "1") return cell.liveColor;
+      return cell.deadColor;
+    })();
 
-      return {
-        move: [key * d, acc * d],
-        fill: [key * d, acc * d, d, d],
-        fillStyle,
-      };
-    },
-  );
+    return {
+      move: [key * d, acc * d],
+      fill: [key * d, acc * d, d, d],
+      fillStyle,
+    };
+  });
 }
 
 // Populates the first state with a single living cell in the center
 function create1dStateOneCell(width) {
-  return [...Array(width)].map(
-    (cell, index) => {
-      if (index === width / 2 || index === width + 1 / 2) return 1
-      return 0
-    })
+  return [...Array(width)].map((cell, index) => {
+    if (index === width / 2 || index === width + 1 / 2) return 1;
+    return 0;
+  });
 }
 
 // Populates the first state of a 1D CA with cells returned
 // by initFn
 function create1dState(width, initFn, args) {
-  return [...Array(width)].map(
-    () => initFn(...args)
-  );
+  return [...Array(width)].map(() => initFn(...args));
 }
 
 // Populates the first state of a 2D CA with cells returned
 // by initFn
 function create2dState(width, height, initFn, args) {
-  return [...Array(height)].map(
-    () => [...Array(width)].map(
-      () => initFn(...args),
-    ),
+  return [...Array(height)].map(() =>
+    [...Array(width)].map(() => initFn(...args))
   );
 }
 
 export {
-  getDrawingValues, create1dState, create2dState, createBoard, create1dStateOneCell, conwayRules, evolve1d, evolve2d
+  getDrawingValues,
+  create1dState,
+  create2dState,
+  createBoard,
+  create1dStateOneCell,
+  conwayRules,
+  evolve1d,
+  evolve2d,
 };