Format

1 files changed, 14 insertions, 15 deletions

diff --git a/src/clicks_display.ts b/src/clicks_display.ts
index ff54705..7ef6f4e 100644
--- a/src/clicks_display.ts
+++ b/src/clicks_display.ts
@@ -41,7 +41,7 @@ class PageData {
     }
 }
 
-class Display {   
+class Display {
     private status: HTMLElement
     private frame: HTMLIFrameElement
     private heatmap: HTMLElement
@@ -53,14 +53,14 @@ class Display {
         this.frame = document.getElementById("frame")!! as HTMLIFrameElement
         this.heatmap = document.getElementById("heatmap")!!
         this.map = h337.create({
-            container: this.heatmap
+            container: this.heatmap,
         })
     }
 
     loadFile(file: File) {
         this.setStatus("Loading...")
         const reader = new FileReader()
-        reader.addEventListener('load', () => {
+        reader.addEventListener("load", () => {
             const data = JSON.parse(reader.result as string) as Clicks.Format
             if (data.format !== "clicks" || data.version !== "1.0") {
                 this.setStatus("Unknown format")
@@ -83,13 +83,13 @@ class Display {
                     map.clear()
                 } else {
                     const ce = event as Clicks.ClickEvent
-                    const x = Math.round(ce.x * scaleX) 
+                    const x = Math.round(ce.x * scaleX)
                     const y = Math.round(ce.y * scaleY)
                     const pos = `${x}x${y}`
                     const index = map.get(pos)
                     if (index === undefined) {
                         map.set(pos, clicks!!.length)
-                        clicks.push({ x: x, y: y, value: 1})
+                        clicks.push({ x: x, y: y, value: 1 })
                     } else {
                         clicks[index].value++
                     }
@@ -101,11 +101,10 @@ class Display {
             }
 
             this.setStatus("Loaded")
-            if (this.data.length > 0)
-                this.show(this.data[0])
+            if (this.data.length > 0) this.show(this.data[0])
         })
         reader.readAsText(file)
-    }   
+    }
 
     private setStatus(newStatus: string) {
         this.status.innerText = newStatus
@@ -113,9 +112,9 @@ class Display {
 
     private show(data: PageData) {
         this.frame.src = data.url
-        this.heatmap.style.transform = 'translateY(0px)'
-        this.frame.addEventListener('load', () => {
-            this.frame.contentDocument?.addEventListener('scroll', () => {
+        this.heatmap.style.transform = "translateY(0px)"
+        this.frame.addEventListener("load", () => {
+            this.frame.contentDocument?.addEventListener("scroll", () => {
                 const y = this.frame.contentDocument!!.documentElement.scrollTop
                 this.heatmap.style.transform = `translateY(${-y}px)`
             })
@@ -124,14 +123,14 @@ class Display {
     }
 }
 
-document.addEventListener('DOMContentLoaded', () => {
-    const file = document.getElementById('file')
+document.addEventListener("DOMContentLoaded", () => {
+    const file = document.getElementById("file")
     const display = new Display()
-    file?.addEventListener('change', (event: Event) => {
+    file?.addEventListener("change", (event: Event) => {
         const files = (event.target as HTMLInputElement | null)!!.files
         if (files === null) return
         if (files.length > 0) {
             display.loadFile(files[0])
         }
     })
-})
\ No newline at end of file
+})