Improve settings

frontend/src/scripts/options-handler.ts

@@ -0,0 +1,51 @@
+interface Options {
+  vibrationEnabled: boolean;
+  soundsEnabled: boolean;
+  relativeMovementEnabled: boolean;
+}
+
+export abstract class OptionsHandler {
+  private static initialized = false;
+  private static _options: Options = {
+    vibrationEnabled: true,
+    soundsEnabled: true,
+    relativeMovementEnabled: false,
+  };
+
+  public static initialize(
+    inputElements: { [k in Extract<keyof Options, string>]: HTMLInputElement },
+  ) {
+    if (localStorage.getItem('options')) {
+      const stored: Partial<Options> | null = JSON.parse(
+        localStorage.getItem('options')!,
+      );
+      this._options = {
+        ...this._options,
+        ...stored,
+      };
+    }
+
+    for (const k in inputElements) {
+      const element = inputElements[k as keyof Options];
+      element.checked = OptionsHandler._options[k as keyof Options];
+      element.addEventListener('change', function () {
+        OptionsHandler._options[k as keyof Options] = this.checked;
+        OptionsHandler.save();
+      });
+    }
+
+    this.initialized = true;
+  }
+
+  private static save() {
+    localStorage.setItem('options', JSON.stringify(this._options));
+  }
+
+  public static get options(): Options {
+    if (!this.initialized) {
+      throw new Error('Uninitialized');
+    }
+
+    return this._options;
+  }
+}