Use gunicorn instead of Werkzeug and 32 more very minor changes (#35)

src/composables/enums.ts

@@ -22,4 +22,5 @@ export enum ContextSrc {
   PHeader = "PHeader",
   Track = "Track",
   AHeader = "AHeader",
+  FHeader = "FHeader"
 }

src/composables/keyboard.ts

@@ -0,0 +1,78 @@
+import { Store } from "pinia";
+
+let key_down_fired = false;
+
+function focusSearchBox() {
+  const elem = document.getElementById("search");
+
+  elem.focus();
+}
+
+export default function (queue: any) {
+  window.addEventListener("keydown", (e: any) => {
+    let target = e.target;
+    let ctrlKey = e.ctrlKey;
+
+    switch (e.key) {
+      case "ArrowRight":
+        if (target.tagName === "INPUT" || target.tagName === "TEXTAREA") return;
+
+        {
+          if (!key_down_fired) {
+            key_down_fired = true;
+
+            setTimeout(() => {
+              key_down_fired = false;
+            }, 1000);
+
+            queue.playNext();
+          }
+        }
+        break;
+
+      case "ArrowLeft":
+        {
+          if (!key_down_fired) {
+            if (target.tagName === "INPUT" || target.tagName === "TEXTAREA") return;
+
+            key_down_fired = true;
+
+            queue.playPrev();
+
+            setTimeout(() => {
+              key_down_fired = false;
+            }, 1000);
+          }
+        }
+
+        break;
+
+      case " ":
+        {
+          if (!key_down_fired) {
+            if (target.tagName === "INPUT" || target.tagName === "TEXTAREA") return;
+            e.preventDefault();
+            key_down_fired = true;
+
+            queue.playPause();
+          }
+        }
+
+        break;
+
+      case "f": {
+        if (!key_down_fired) {
+          if (!ctrlKey) return;
+          e.preventDefault();
+          focusSearchBox();
+
+          key_down_fired = true;
+        }
+      }
+    }
+  });
+}
+
+window.addEventListener("keyup", () => {
+  key_down_fired = false;
+});

src/composables/perks.js

@@ -35,81 +35,6 @@ function getElem(identifier, type) {
   }
 }
 
-function focusSearchBox() {
-  const elem = getElem("search", "id");
-
-  elem.focus();
-}
-
-let key_down_fired = false;
-
-window.addEventListener("keydown", (e) => {
-  let target = e.target;
-  let ctrlKey = e.ctrlKey;
-
-  switch (e.key) {
-    case "ArrowRight":
-      if (target.tagName === "INPUT") return;
-
-      {
-        if (!key_down_fired) {
-          key_down_fired = true;
-
-          setTimeout(() => {
-            key_down_fired = false;
-          }, 1000);
-
-          // playAudio.playNext();
-        }
-      }
-      break;
-
-    case "ArrowLeft":
-      {
-        if (!key_down_fired) {
-          if (target.tagName === "INPUT") return;
-
-          key_down_fired = true;
-
-          // playAudio.playPrev();
-
-          setTimeout(() => {
-            key_down_fired = false;
-          }, 1000);
-        }
-      }
-
-      break;
-
-    case " ":
-      {
-        if (!key_down_fired) {
-          if (target.tagName === "INPUT") return;
-          e.preventDefault();
-          key_down_fired = true;
-
-          // playAudio.playPause();
-        }
-      }
-
-      break;
-
-    case "f": {
-      if (!key_down_fired) {
-        if (!ctrlKey) return;
-        e.preventDefault();
-        focusSearchBox();
-
-        key_down_fired = true;
-      }
-    }
-  }
-});
-
-window.addEventListener("keyup", () => {
-  key_down_fired = false;
-});
-
 function formatSeconds(seconds) {
   // check if there are arguments