formatting fix

Author: yk-tuturu

src/bundles/robot_minigame/functions.ts

@@ -70,7 +70,6 @@ export function set_rotation(rotation: number) {
   robot.dy = -Math.sin(rotation);
 }
 
-
 export function set_width(width: number) {
   stateData.width = width;
 }
@@ -88,7 +87,7 @@ export function init(width: number, height: number, posX: number, posY: number,
   set_pos(posX, posY);
   set_rotation(rotation);
 
-  stateData.moveCommands.push({type: "begin", position: getPositionWithRotation()}); // push starting point to movepoints data
+  stateData.moveCommands.push({type: 'begin', position: getPositionWithRotation()}); // push starting point to movepoints data
   stateData.isInit = true;
 
   bounds = [
@@ -111,13 +110,12 @@ export function turn_left() {
   if (robot.dx < 0.00001 && robot.dx > -0.00001) robot.dx = 0;
   if (robot.dy < 0.00001 && robot.dy > -0.00001) robot.dy = 0;
 
-  stateData.moveCommands.push({type: "rotateLeft", position: getPositionWithRotation()});
+  stateData.moveCommands.push({type: 'rotateLeft', position: getPositionWithRotation()});
 
   // debug log
   logCoordinates();
 }
 
-
 export function turn_right() {
   let currentAngle = Math.atan2(-robot.dy, robot.dx);
 
@@ -129,7 +127,7 @@ export function turn_right() {
   if (robot.dx < 0.00001 && robot.dx > -0.00001) robot.dx = 0;
   if (robot.dy < 0.00001 && robot.dy > -0.00001) robot.dy = 0;
 
-  stateData.moveCommands.push({type: "rotateRight", position: getPositionWithRotation()});
+  stateData.moveCommands.push({type: 'rotateRight', position: getPositionWithRotation()});
 
   // debug log
   logCoordinates();
@@ -146,7 +144,7 @@ export function rotate_right(angle: number) {
   if (robot.dx < 0.00001 && robot.dx > -0.00001) robot.dx = 0;
   if (robot.dy < 0.00001 && robot.dy > -0.00001) robot.dy = 0;
 
-  stateData.moveCommands.push({type: "rotateRight", position: getPositionWithRotation()});
+  stateData.moveCommands.push({type: 'rotateRight', position: getPositionWithRotation()});
 
   // debug log
   logCoordinates();
@@ -163,7 +161,7 @@ export function rotate_left(angle: number) {
   if (robot.dx < 0.00001 && robot.dx > -0.00001) robot.dx = 0;
   if (robot.dy < 0.00001 && robot.dy > -0.00001) robot.dy = 0;
 
-  stateData.moveCommands.push({type: "rotateLeft", position: getPositionWithRotation()});
+  stateData.moveCommands.push({type: 'rotateLeft', position: getPositionWithRotation()});
 
   logCoordinates();
 }
@@ -218,7 +216,7 @@ export function move_forward_to_wall(): void {
 
   robot.x = nextPoint.x;
   robot.y = nextPoint.y;
-  stateData.moveCommands.push({type: "move", position: getPositionWithRotation()});
+  stateData.moveCommands.push({type: 'move', position: getPositionWithRotation()});
 
   // for debug
   stateData.messages.push(`Distance is ${distance} Collision point at x: ${nextPoint.x}, y: ${nextPoint.y}`);
@@ -229,9 +227,9 @@ export function move_forward(moveDist: number): void {
   // need to check for collision with wall
   const dist = findDistanceToWall();
   stateData.messages.push(`${dist}`);
-  
+
   if (dist < moveDist + robot.radius) {
-    stateData.message = "collided";
+    stateData.message = 'collided';
     stateData.success = false;
     moveDist = dist - robot.radius + 1; // move only until the wall
   }
@@ -243,7 +241,7 @@ export function move_forward(moveDist: number): void {
 
   robot.x = nextPoint.x;
   robot.y = nextPoint.y;
-  stateData.moveCommands.push({type: "move", position: getPositionWithRotation()});
+  stateData.moveCommands.push({type: 'move', position: getPositionWithRotation()});
 
   logCoordinates();
 }
@@ -252,7 +250,7 @@ export function move_forward(moveDist: number): void {
 // add as a command later
 export function sensor(): boolean {
   const dist = findDistanceToWall();
-  stateData.moveCommands.push({type: "sensor", position: getPositionWithRotation()})
+  stateData.moveCommands.push({type: 'sensor', position: getPositionWithRotation()});
   if (dist <= 10 + robot.radius) {
     return true;
   }
@@ -363,7 +361,7 @@ function alrCollided() {
 
 function getPositionWithRotation(): PointWithRotation {
   const angle = Math.atan2(-robot.dy, robot.dx);
-  return {x: robot.x, y: robot.y, rotation: angle}
+  return {x: robot.x, y: robot.y, rotation: angle};
 }
 
 // debug

src/tabs/RobotMaze/canvas.tsx

@@ -130,7 +130,7 @@ export default class Canvas extends React.Component<Props, State> {
     const currentCommand: Command = this.commands[this.commandIndex];
 
     // checking for the 3 types of commands so far: move, rotate and sensor
-    if (currentCommand.type == "move") {
+    if (currentCommand.type == 'move') {
       const targetPoint = {x: currentCommand.position.x, y: currentCommand.position.y};
       const dx = targetPoint.x - this.xPos;
       const dy = targetPoint.y - this.yPos;
@@ -148,15 +148,14 @@ export default class Canvas extends React.Component<Props, State> {
         this.yPos = targetPoint.y;
 
         // set target to the next point in the array
-        this.commandIndex+= 1;  
+        this.commandIndex+= 1;
       }
-    } 
-    else if (currentCommand.type == "rotateLeft" || currentCommand.type == "rotateRight") {
+    } else if (currentCommand.type == 'rotateLeft' || currentCommand.type == 'rotateRight') {
       const targetRotation = currentCommand.position.rotation;
-      if (currentCommand.type == "rotateLeft") {
-        this.rotation += 0.1; 
+      if (currentCommand.type == 'rotateLeft') {
+        this.rotation += 0.1;
       } else {
-        this.rotation -= 0.1; 
+        this.rotation -= 0.1;
       }
 
       if (Math.abs(this.rotation - targetRotation) <= 0.1) {
@@ -166,21 +165,21 @@ export default class Canvas extends React.Component<Props, State> {
         if (this.rotation > Math.PI) {
           this.rotation -= 2 * Math.PI;
         }
-  
+
         if (this.rotation < -Math.PI) {
           this.rotation += 2 * Math.PI;
         }
-  
+
         if (Math.abs(this.rotation - targetRotation) <= 0.1) {
           this.rotation = targetRotation;
           this.commandIndex+= 1;
         }
       }
-    } else if (currentCommand.type === "sensor") {
+    } else if (currentCommand.type === 'sensor') {
       this.isPaused = true;
       this.unpauseTIme = Date.now() + 500;
     }
-    
+
     if (this.commandIndex >= this.commands.length) {
       this.stopAnimation();
     }
@@ -193,7 +192,7 @@ export default class Canvas extends React.Component<Props, State> {
   drawRobot(ctx: CanvasRenderingContext2D, x: number, y: number, rotation: number) {
     const centerX = x;
     const centerY = y;
-    
+
     ctx.save();
 
     // translates the origin of the canvas to the center of the robot, then rotate
@@ -208,8 +207,8 @@ export default class Canvas extends React.Component<Props, State> {
     ctx.fill(); // Fill the circle
     ctx.closePath();
 
-    ctx.strokeStyle = "white"; 
-    ctx.lineWidth = 2; 
+    ctx.strokeStyle = 'white';
+    ctx.lineWidth = 2;
     ctx.beginPath();
     ctx.moveTo(this.robotSize, 0);
     ctx.lineTo(0, 0);