support for listeners on scale, sensitivity, volume

Author: caiiiycuk

src/build.ts

@@ -4,7 +4,7 @@
 // gulpfile.ts/wasm.ts --> generateBuildInfo
 
 export const Build = {
-    short: "0.73.2",
-    version: "0.73.2 (40eefa1795cae0673481705edc30f239)",
-    buildSeed: 1650619479904,
+    short: "0.73.4",
+    version: "0.73.4 (187fc112dd3c66ac30885526e9cdd0cb)",
+    buildSeed: 1654072258715,
 };

src/js-dos.ts

@@ -41,10 +41,15 @@ export class DosInstance {
 
     storage: Storage;
 
+    volume: number;
+
     private clickToStart: boolean;
     private unbindControls: () => void = () => {/**/};
     private storedLayersConfig: LayersConfig | LegacyLayersConfig | null = null;
     private onMobileControlsChanged: (visible: boolean) => void;
+    private onSensitivityChanged: ((sensitivity: number) => void)[] = [];
+    private onScaleChanged: ((scale: number) => void)[] = [];
+    private onVolumeChanged: ((scale: number) => void)[] = [];
 
     constructor(root: HTMLDivElement, emulatorsUi: EmulatorsUi, options: DosOptions) {
         this.options = options;
@@ -66,6 +71,9 @@ export class DosInstance {
         const sensitivityValue = Number.parseFloat(this.storage.getItem("sensitivity") ?? "1.0");
         this.sensitivity = Number.isNaN(sensitivityValue) ? 1.0 : sensitivityValue;
 
+        const volumeValue = Number.parseFloat(this.storage.getItem("volume") ?? "1.0");
+        this.volume = Number.isNaN(volumeValue) ? 1.0 : volumeValue;
+
         this.onMobileControlsChanged = () => {/**/};
 
         if (this.emulatorFunction === "backend" && this.createTransportLayer === undefined) {
@@ -221,6 +229,9 @@ export class DosInstance {
         if (this.mobileControls) {
             await this.setLayersConfig(this.layersConfig);
         }
+        for (const next of this.onScaleChanged) {
+            next(this.scaleControls);
+        }
     }
 
     public async setSensitivity(sensitivity: number) {
@@ -230,6 +241,16 @@ export class DosInstance {
         this.sensitivity = sensitivity;
         this.storage.setItem("sensitivity", sensitivity + "");
         await this.setLayersConfig(this.layersConfig);
+        for (const next of this.onSensitivityChanged) {
+            next(this.sensitivity);
+        }
+    }
+
+    public async setVolume(volume: number) {
+        this.volume = volume;
+        for (const next of this.onVolumeChanged) {
+            next(this.volume);
+        }
     }
 
     public async setAutolock(autolock: boolean) {
@@ -244,6 +265,30 @@ export class DosInstance {
         this.onMobileControlsChanged = handler;
     }
 
+    public registerOnSensitivityChanged = (handler: (sensitivity: number) => void) => {
+        this.onSensitivityChanged.push(handler);
+    };
+
+    public removeOnSensitivityChanged = (handler: (sensitivity: number) => void) => {
+        this.onSensitivityChanged = this.onSensitivityChanged.filter((n) => n !== handler);
+    };
+
+    public registerOnScaleChanged = (handler: (scale: number) => void) => {
+        this.onScaleChanged.push(handler);
+    };
+
+    public removeOnScaleChanged = (handler: (scale: number) => void) => {
+        this.onScaleChanged = this.onScaleChanged.filter((n) => n !== handler);
+    };
+
+    public registerOnVolumeChanged = (handler: (volume: number) => void) => {
+        this.onVolumeChanged.push(handler);
+    };
+
+    public removeOnVolumeChanged = (handler: (volume: number) => void) => {
+        this.onVolumeChanged = this.onVolumeChanged.filter((n) => n !== handler);
+    };
+
     private async runBundle(bundleUrl: string, optionalChangesUrl: string | undefined, persistKey: string) {
         const emulatorsUi = this.emulatorsUi;
         if (this.emulatorFunction === "janus") {