init

src/js/focus.ts

@@ -1,5 +1,10 @@
 import { cmdTextbox } from "./dom.js"
 
+export function initFocus() {
+    window.addEventListener("click", focusHandler)
+    focusTextbox()
+}
+
 export function focusTextbox() {
     cmdTextbox.focus()
 }
@@ -29,4 +34,4 @@ export function focusHandler(e: MouseEvent) {
         e.preventDefault()
         return true
     }
-}
+}

src/js/main.ts

@@ -1,11 +1,10 @@
-import { resize } from "./resize.js"
+import { initResize } from "./resize.js"
-import { focusTextbox, focusHandler } from "./focus.js"
+import { initFocus } from "./focus.js"
 import { startVramCounter } from "./vram.js"
+import { startConnection } from "./websocket.js"
 
-window.addEventListener("click", focusHandler)
+initFocus()
-focusTextbox()
+initResize()
-
-window.addEventListener("resize", resize)
-resize()
 
+startConnection()
 startVramCounter()

src/js/resize.ts

@@ -1,5 +1,10 @@
 const content = document.getElementById("content")!
 
+export function initResize() {
+  window.addEventListener("resize", resize)
+  resize()
+}
+
 export function resize() {
   if (document.body.dataset.mode === "tall") {
     resizeTall()

src/js/vram.ts

@@ -11,15 +11,13 @@ export const startVramCounter = () => {
         const count = parseInt(vramCounter.textContent!) + 1
         let val = count + "KB"
         if (count < 10)
-            val = "00" + val
-        else if (count < 100)
             val = "0" + val
 
         vramCounter.textContent = val
 
-        if (count >= 640) {
+        if (count >= 64) {
             vramCounter.textContent += " OK"
             clearInterval(timer)
         }
-    }, 5)
+    }, 15)
 }

src/js/websocket.ts

@@ -0,0 +1,3 @@
+export function startConnection() {
+    console.log("whee")
+}