Fixed code style

Author: tabuna

resources/css/gagarin.scss

@@ -33,7 +33,7 @@
         bottom: -50%;
         top: -50%;
         left: -50%;
-        right: -50%
+        right: -50%;
     }
 
     svg {

resources/js/controllers/vostok_controller.js

@@ -1,8 +1,16 @@
 import { Controller } from '@hotwired/stimulus';
 
-
 export default class extends Controller {
-    static targets = ["game", "ship", "comet", "message", "timer", "audioBackground", "startPlaceholder", "endPlaceholder"];
+    static targets = [
+        'game',
+        'ship',
+        'comet',
+        'message',
+        'timer',
+        'audioBackground',
+        'startPlaceholder',
+        'endPlaceholder',
+    ];
 
     connect() {
         this.svg = this.gameTarget;
@@ -13,22 +21,22 @@ export default class extends Controller {
         this.cometWidth = 60;
         this.cometHeight = 60;
         this.cometInterval = 1000;
-        document.addEventListener("keydown", this.keyDownHandler.bind(this));
-        document.addEventListener("keyup", this.keyUpHandler.bind(this));
+        document.addEventListener('keydown', this.keyDownHandler.bind(this));
+        document.addEventListener('keyup', this.keyUpHandler.bind(this));
         this.audioBackgroundTarget.loop = true;
     }
 
     disconnect() {
-        document.removeEventListener("keydown", this.keyDownHandler.bind(this));
-        document.removeEventListener("keyup", this.keyUpHandler.bind(this));
+        document.removeEventListener('keydown', this.keyDownHandler.bind(this));
+        document.removeEventListener('keyup', this.keyUpHandler.bind(this));
     }
 
     fresh() {
         while (this.svg.firstChild) {
             this.svg.removeChild(this.svg.firstChild);
         }
 
-        this.timer = 0
+        this.timer = 0;
         this.cometSpeed = this.baseCometSpeed;
         this.shipX = (this.svg.width.baseVal.value - this.shipWidth) / 2;
         this.shipY = this.svg.height.baseVal.value - this.shipHeight - 10;
@@ -41,28 +49,28 @@ export default class extends Controller {
     }
 
     keyDownHandler(event) {
-        if (event.key === "ArrowLeft") {
+        if (event.key === 'ArrowLeft') {
             this.leftPressed = true;
-        } else if (event.key === "ArrowRight") {
+        } else if (event.key === 'ArrowRight') {
             this.rightPressed = true;
         }
     }
 
     keyUpHandler(event) {
-        if (event.key === "ArrowLeft") {
+        if (event.key === 'ArrowLeft') {
             this.leftPressed = false;
-        } else if (event.key === "ArrowRight") {
+        } else if (event.key === 'ArrowRight') {
             this.rightPressed = false;
         }
     }
 
     createShipElement() {
         const shipElement = this.shipTarget.cloneNode(true);
-        shipElement.setAttribute("x", this.shipX);
-        shipElement.setAttribute("y", this.shipY);
-        shipElement.setAttribute("width", this.shipWidth);
-        shipElement.setAttribute("height", this.shipHeight);
-        shipElement.setAttribute("fill", "#FFFFFF");
+        shipElement.setAttribute('x', this.shipX);
+        shipElement.setAttribute('y', this.shipY);
+        shipElement.setAttribute('width', this.shipWidth);
+        shipElement.setAttribute('height', this.shipHeight);
+        shipElement.setAttribute('fill', '#FFFFFF');
         this.svg.appendChild(shipElement);
         return shipElement;
     }
@@ -73,22 +81,22 @@ export default class extends Controller {
         } else if (this.rightPressed && this.shipX < this.svg.width.baseVal.value - this.shipWidth) {
             this.shipX += this.shipSpeed;
         }
-        this.shipElement.setAttribute("x", this.shipX);
+        this.shipElement.setAttribute('x', this.shipX);
     }
 
     createCometElement(x, y) {
         const cometElement = this.cometTarget.cloneNode(true);
-        cometElement.setAttribute("x", x);
-        cometElement.setAttribute("y", y);
-        cometElement.setAttribute("width", this.cometWidth);
-        cometElement.setAttribute("height", this.cometHeight);
-        cometElement.setAttribute("fill", "#FF0000");
+        cometElement.setAttribute('x', x);
+        cometElement.setAttribute('y', y);
+        cometElement.setAttribute('width', this.cometWidth);
+        cometElement.setAttribute('height', this.cometHeight);
+        cometElement.setAttribute('fill', '#FF0000');
         this.svg.appendChild(cometElement);
         return cometElement;
     }
 
     moveComets() {
-        this.comets.forEach(comet => {
+        this.comets.forEach((comet) => {
             comet.y += this.cometSpeed;
             comet.x = comet.element.getAttribute('x');
             comet.x -= this.cometSpeed;
@@ -97,12 +105,12 @@ export default class extends Controller {
             const distance = Math.sqrt(dx * dx + dy * dy);
             const vx = dx / distance;
             const vy = dy / distance;
-            if(distance > 100){
+            if (distance > 100) {
                 comet.x += vx;
                 comet.y += vy;
             }
-            comet.element.setAttribute("x", comet.x);
-            comet.element.setAttribute("y", comet.y);
+            comet.element.setAttribute('x', comet.x);
+            comet.element.setAttribute('y', comet.y);
             if (comet.y > this.svg.height.baseVal.value) {
                 this.svg.removeChild(comet.element);
                 this.comets.splice(this.comets.indexOf(comet), 1);
@@ -111,20 +119,21 @@ export default class extends Controller {
     }
 
     createComet() {
-        let x = Math.random() * this.svg.width.baseVal.value + (this.svg.width.baseVal.value * 0.5);
+        let x = Math.random() * this.svg.width.baseVal.value + this.svg.width.baseVal.value * 0.5;
         if (this.shipX > this.svg.width.baseVal.value / 3) {
-            x += (this.shipX * 0.5);
+            x += this.shipX * 0.5;
         }
         const y = 0;
         const cometElement = this.createCometElement(x, y);
-        this.comets.push({element: cometElement, y: y});
+        this.comets.push({ element: cometElement, y: y });
     }
 
     collisionDetection(fuzziness) {
         const shipRect = this.shipElement.getBoundingClientRect();
-        this.comets.forEach(comet => {
+        this.comets.forEach((comet) => {
             const cometRect = comet.element.getBoundingClientRect();
-            const fuzzinessFactor = fuzziness * Math.min(shipRect.width, shipRect.height, cometRect.width, cometRect.height);
+            const fuzzinessFactor =
+                fuzziness * Math.min(shipRect.width, shipRect.height, cometRect.width, cometRect.height);
             if (
                 shipRect.left + fuzzinessFactor < cometRect.right &&
                 shipRect.right - fuzzinessFactor > cometRect.left &&
@@ -140,15 +149,14 @@ export default class extends Controller {
         });
     }
 
-    stats(){
+    stats() {
         this.timer = this.timer + 0.5;
-        let value = (this.timer / 100).toFixed(2)
+        let value = (this.timer / 100).toFixed(2);
 
         this.timerTarget.innerText = value;
         this.cometSpeed = this.baseCometSpeed + value * 0.1;
 
-
-        if(value > 20) {
+        if (value > 20) {
             clearInterval(this.intervalComet);
             clearInterval(this.intervalGame);
 
@@ -159,12 +167,12 @@ export default class extends Controller {
     draw() {
         this.moveShip();
         this.moveComets();
-        this.collisionDetection(0.4);  // Погрешность 40%
+        this.collisionDetection(0.4); // Погрешность 40%
         this.stats();
     }
 
     start() {
-        if(this.audioBackgroundTarget.currentTime === 0) {
+        if (this.audioBackgroundTarget.currentTime === 0) {
             this.audioBackgroundTarget.play();
         }