Edit samplerate

Author: andersnm

src/audio/SongDocument.ts

@@ -507,11 +507,12 @@ export class SongDocument extends EventTarget {
         return wave;
     }
 
-    updateWave(wave: WaveDocument, name: string, note: number, selection: WaveRange, zoom: WaveRange) {
+    updateWave(wave: WaveDocument, name: string, note: number, selection: WaveRange, zoom: WaveRange, sampleRate: number) {
         wave.name = name;
         wave.note = note;
         wave.selection = selection;
         wave.zoom = zoom;
+        wave.sampleRate = sampleRate;
 
         this.dispatchEvent(new CustomEvent("updateWave", { detail: wave }));
     }

src/commands/WaveEditor/CropCommand.ts

@@ -25,6 +25,6 @@ export class CropCommand implements ICommand {
         waveEditor.clearSelection();
         waveEditor.clearZoom();
 
-        this.app.song.updateWave(wave, wave.name, wave.note, null, null);
+        this.app.song.updateWave(wave, wave.name, wave.note, null, null, wave.sampleRate);
     }
 }

src/commands/WaveEditor/CutCommand.ts

@@ -25,6 +25,6 @@ export class CutCommand implements ICommand {
 
         wave.deleteRange(start, end);
         waveEditor.clearSelection();
-        this.app.song.updateWave(wave, wave.name, wave.note, null, wave.zoom);
+        this.app.song.updateWave(wave, wave.name, wave.note, null, wave.zoom, wave.sampleRate);
     }
 }

src/commands/WaveEditor/DeleteCommand.ts

@@ -21,6 +21,6 @@ export class DeleteCommand implements ICommand {
         const wave = this.component.wave;
         wave.deleteRange(start, end);
         waveEditor.clearSelection();
-        this.app.song.updateWave(wave, wave.name, wave.note, null, wave.zoom);
+        this.app.song.updateWave(wave, wave.name, wave.note, null, wave.zoom, wave.sampleRate);
     }
 }

src/commands/WaveEditor/PasteCommand.ts

@@ -29,7 +29,7 @@ export class PasteCommand implements ICommand {
 
         const wave = this.component.wave;
         wave.insertRange(offset, wavFile.channels);
-        this.app.song.updateWave(wave, wave.name, wave.note, wave.selection, wave.zoom);
+        this.app.song.updateWave(wave, wave.name, wave.note, wave.selection, wave.zoom, wave.sampleRate);
 
     }
 }

src/components/WavePropertiesPanel.ts

@@ -9,14 +9,20 @@ export class WavePropertiesPanel implements IComponent {
 
     nameInput: HTMLInputElement;
     noteSelect: HTMLSelectElement;
+    sampleRateInput: HTMLInputElement;
 
     name: string;
     note: number;
+    sampleRate: number;
 
-    constructor(app: Appl, name: string, note: number) {
+    constructor(app: Appl, name: string, note: number, sampleRate: number) {
+        if (!sampleRate) {
+            throw new Error("samplerate missing!")
+        }
         this.app = app;
         this.name = name;
         this.note = note;
+        this.sampleRate = sampleRate;
 
         this.container = VInset(undefined, [ "flex-1", "gap-1" ]);
         this.container.tabIndex = -1;
@@ -40,10 +46,22 @@ export class WavePropertiesPanel implements IComponent {
 
         const noteGroup = FormGroup("Note", this.noteSelect);
 
+
+        this.sampleRateInput = document.createElement("input");
+        this.sampleRateInput.type = "number";
+        this.sampleRateInput.className = "w-full rounded-lg p-1 bg-neutral-800";
+        this.sampleRateInput.value = this.sampleRate.toString();
+        this.sampleRateInput.addEventListener("change", () => {
+            this.sampleRate = parseInt(this.sampleRateInput.value);
+        });
+
+        const sampleRateGroup = FormGroup("Sample Rate", this.sampleRateInput);
+
         const modalButtonBar = new ModalButtonBar(this.app);
 
         this.container.appendChild(nameGroup);
         this.container.appendChild(noteGroup);
+        this.container.appendChild(sampleRateGroup);
         this.container.appendChild(modalButtonBar.getDomNode());
     }
 

src/dialogs/WavePropertiesDialog.ts

@@ -3,12 +3,12 @@ import { WaveDocument } from "../audio/SongDocument";
 import { WavePropertiesPanel } from "../components/WavePropertiesPanel";
 
 export async function showWavePropertiesDialog(app: Appl, wave: WaveDocument) {
-    const wavePanel = new WavePropertiesPanel(app, wave.name, wave.note);
+    const wavePanel = new WavePropertiesPanel(app, wave.name, wave.note, wave.sampleRate);
     const result = await app.modalDialogContainer.showModal("Wave Properties", wavePanel);
 
     if (!result) {
         return;
     }
 
-    app.song.updateWave(wave, wavePanel.name, wavePanel.note, wave.selection, wave.zoom);
+    app.song.updateWave(wave, wavePanel.name, wavePanel.note, wave.selection, wave.zoom, wavePanel.sampleRate);
 }