From 9f906d1fdffe112f619608d1e42bfafe3f35176e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A1s=20Schmelczer?= <andras@schmelczer.dev>
Date: Mon, 24 Jan 2022 21:36:45 +0100
Subject: [PATCH] Run lint

---
 package.json                                           | 2 +-
 src/index.ts                                           | 2 +-
 src/page/background/background.ts                      | 2 +-
 src/page/basics/image/image.html.ts                    | 6 +++---
 src/page/basics/image/image.ts                         | 2 +-
 src/page/basics/preview/preview.ts                     | 2 +-
 src/page/basics/video/video.html.ts                    | 6 +++---
 src/page/body/body.ts                                  | 2 +-
 src/page/content/content.ts                            | 2 +-
 src/page/main/main.ts                                  | 2 +-
 src/page/page-element.ts                               | 2 +-
 src/page/timeline/timeline-element/timeline-element.ts | 2 +-
 src/page/timeline/timeline.ts                          | 2 +-
 13 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/package.json b/package.json
index e79cfa2..2f1a1c3 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "start": "webpack serve --open --mode development",
-    "lint": "npx eslint --fix \"src/**/*.ts\" && npx prettier --write \"src/**/*\"",
+    "lint": "npx eslint --fix \"src/**/*.ts\" && npx prettier --write \"src/**/*.(ts|scss|json|html)\"",
     "build": "webpack --mode production"
   },
   "repository": {
diff --git a/src/index.ts b/src/index.ts
index 5066f6a..64d4bad 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -12,7 +12,7 @@ import './styles.scss';
 import { create } from './portfolio';
 
 const addSupportForTabNavigation = () =>
-  document.addEventListener('keydown', e => {
+  document.addEventListener('keydown', (e) => {
     if (e.key === ' ') {
       (document.activeElement as HTMLElement)?.click();
       e.preventDefault();
diff --git a/src/page/background/background.ts b/src/page/background/background.ts
index 62e1a7e..2c6ae5f 100644
--- a/src/page/background/background.ts
+++ b/src/page/background/background.ts
@@ -77,7 +77,7 @@ export class PageBackground extends PageElement {
 
   private randomizeBlobs(topOffset: number, bottomOffset: number) {
     this.random.seed = 50;
-    this.blobs.forEach(b => {
+    this.blobs.forEach((b) => {
       const z = -Number.parseInt(b.style.zIndex);
       const [x, y] = this.randomXY(z, topOffset, bottomOffset);
       b.style.transform = `translate3D(${x}px, ${y}px, ${-z}px) rotate(-20deg)`;
diff --git a/src/page/basics/image/image.html.ts b/src/page/basics/image/image.html.ts
index 09590fc..0766842 100644
--- a/src/page/basics/image/image.html.ts
+++ b/src/page/basics/image/image.html.ts
@@ -18,9 +18,9 @@ export const generate = ({
 }): html => `
   ${
     container
-      ? `<div class="figure-container" style="padding-top:${(imageJpeg.height /
-          imageJpeg.width) *
-          100}%">`
+      ? `<div class="figure-container" style="padding-top:${
+          (imageJpeg.height / imageJpeg.width) * 100
+        }%">`
       : ''
   }
   <picture loading="lazy">
diff --git a/src/page/basics/image/image.ts b/src/page/basics/image/image.ts
index 26a3c5e..d0f17b1 100644
--- a/src/page/basics/image/image.ts
+++ b/src/page/basics/image/image.ts
@@ -30,7 +30,7 @@ export class Image extends PageElement {
     return (
       image.images
         .slice(0, -1)
-        .map(d => `(max-width: ${d.width / Image.imageScreenRatio}px) ${d.width}px,`)
+        .map((d) => `(max-width: ${d.width / Image.imageScreenRatio}px) ${d.width}px,`)
         .join('\n') + `\n${last(image.images)!.width}px`
     );
   }
diff --git a/src/page/basics/preview/preview.ts b/src/page/basics/preview/preview.ts
index 26abdcd..7e54e5d 100644
--- a/src/page/basics/preview/preview.ts
+++ b/src/page/basics/preview/preview.ts
@@ -18,7 +18,7 @@ export class Preview extends PageElement {
   }
 
   public setParent(parent: PageElement) {
-    new IntersectionObserver(e => {
+    new IntersectionObserver((e) => {
       if (!e[0].isIntersecting) {
         this.unloadContent();
       }
diff --git a/src/page/basics/video/video.html.ts b/src/page/basics/video/video.html.ts
index daf8ed5..1079732 100644
--- a/src/page/basics/video/video.html.ts
+++ b/src/page/basics/video/video.html.ts
@@ -12,9 +12,9 @@ export const generate = ({
   posterJpeg,
   invertButton,
 }: VideoParameters): html => `
-  <div class="figure-container video-container" style="padding-top:${(posterJpeg.height /
-    posterJpeg.width) *
-    100}%">
+  <div class="figure-container video-container" style="padding-top:${
+    (posterJpeg.height / posterJpeg.width) * 100
+  }%">
     <img image-viewer-ignore class="poster"/>
     <div class="loading">${loading}</div>
     <video playsinline preload="none">
diff --git a/src/page/body/body.ts b/src/page/body/body.ts
index 1eb81cc..0612bee 100644
--- a/src/page/body/body.ts
+++ b/src/page/body/body.ts
@@ -3,7 +3,7 @@ import { PageElement } from '../page-element';
 export class Body extends PageElement {
   constructor(...children: Array<PageElement>) {
     super(document.body, children);
-    children.forEach(c => this.attachElement(c));
+    children.forEach((c) => this.attachElement(c));
     this.setParent();
   }
 }
diff --git a/src/page/content/content.ts b/src/page/content/content.ts
index 3401595..523519c 100644
--- a/src/page/content/content.ts
+++ b/src/page/content/content.ts
@@ -6,7 +6,7 @@ import { PageElement } from '../page-element';
 export class PageContent extends PageElement {
   public constructor(content: Array<string>) {
     super(createElement(generate()));
-    content.map(t => {
+    content.map((t) => {
       const p = createElement(`<p>${t}</p>`);
       this.htmlRoot.appendChild(p);
     });
diff --git a/src/page/main/main.ts b/src/page/main/main.ts
index fa5e923..e270d71 100644
--- a/src/page/main/main.ts
+++ b/src/page/main/main.ts
@@ -5,6 +5,6 @@ import { createElement } from '../../helper/create-element';
 export class Main extends PageElement {
   constructor(...children: Array<PageElement>) {
     super(createElement(generate()), children);
-    children.forEach(c => this.attachElement(c));
+    children.forEach((c) => this.attachElement(c));
   }
 }
diff --git a/src/page/page-element.ts b/src/page/page-element.ts
index 7c760fb..6fdba2f 100644
--- a/src/page/page-element.ts
+++ b/src/page/page-element.ts
@@ -6,7 +6,7 @@ export abstract class PageElement {
 
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   protected setParent(parent?: PageElement): void {
-    this.children.forEach(c => c.setParent(this));
+    this.children.forEach((c) => c.setParent(this));
   }
 
   protected query(query: string): HTMLElement {
diff --git a/src/page/timeline/timeline-element/timeline-element.ts b/src/page/timeline/timeline-element/timeline-element.ts
index 26c582f..894e9a2 100644
--- a/src/page/timeline/timeline-element/timeline-element.ts
+++ b/src/page/timeline/timeline-element/timeline-element.ts
@@ -35,7 +35,7 @@ export class PageTimelineElement extends PageElement {
     this.query('.info-button').addEventListener('click', this.toggleOpen.bind(this));
     this.attachElementByReplacing('.figure', timelineElement.figure);
     this.query('.description').innerText = timelineElement.description;
-    timelineElement.links.forEach(l => this.attachElementAsChildOf('.buttons', l));
+    timelineElement.links.forEach((l) => this.attachElementAsChildOf('.buttons', l));
 
     this.isOpen = false;
   }
diff --git a/src/page/timeline/timeline.ts b/src/page/timeline/timeline.ts
index fd24cc8..fef0118 100644
--- a/src/page/timeline/timeline.ts
+++ b/src/page/timeline/timeline.ts
@@ -17,7 +17,7 @@ export class PageTimeline extends PageElement {
     elements: Array<TimelineElementParameters>;
   }) {
     super(createElement(generate()));
-    elements.forEach(e =>
+    elements.forEach((e) =>
       this.attachElement(new PageTimelineElement(e, showMoreText, showLessText))
     );
   }