4track 0.1.2 → 0.1.4

package/dist/audio/engine.svelte.js

@@ -577,21 +577,6 @@ export class AudioEngine {
     }
     /** Loads a .4trk file, restoring all track buffers, mixer settings, and master volume. */
     async importProject(file) {
-        // Stop any in-progress recording or playback
-        if (this.playState === "recording")
-            this.stopRecording();
-        this.stopAllPlayback();
-        this.playState = "stopped";
-        this.stopMonitoring();
-        // Clear all existing track data before loading
-        for (const track of this.tracks) {
-            if (!track.hidden) {
-                track.buffer = null;
-                track.hasContent = false;
-                track.trimStart = 0;
-                track.level = 0;
-            }
-        }
         const { masterVolume } = await _importProject(file, this.tracks, () => this.ensureContext());
         this.setMasterVolume(masterVolume);
         this.rewind();

package/dist/components/FourTrack.svelte

@@ -37,6 +37,7 @@
   let selectedTrack = $state(0)
   let speed = $state(0)
   let recordEngaged = $state(false)
+  let resetTransport: (() => void) | undefined = $state()
 
   async function fetchWithProgress(url: string): Promise<File> {
     const response = await fetch(url)
@@ -83,6 +84,7 @@
         const file =
           typeof source === "string" ? await fetchWithProgress(source) : source
         await engine!.importProject(file)
+        resetTransport?.()
         status = "ready"
       } catch (e) {
         status = "error"
@@ -194,7 +196,7 @@
 
           <div class="cell-center" style="grid-area: 2 / 6 / 3 / 8">
             <div class="mic-status">
-              <div class="ui-label">mic status</div>
+              <div class="ui-label">mic status XXX22</div>
               <div
                 class="mic-status-light"
                 title="Microphone status: {engine.micStatus}"
@@ -285,6 +287,7 @@
               {selectedTrack}
               bind:speed
               bind:recordEngaged
+              bind:resetTransport
             />
           </div>
         </div>

package/dist/components/TransportButtons.svelte

@@ -20,11 +20,13 @@
     selectedTrack,
     speed = $bindable(0),
     recordEngaged = $bindable(false),
+    resetTransport = $bindable<() => void>(),
   }: {
     engine: AudioEngine
     selectedTrack: number
     speed: number
     recordEngaged: boolean
+    resetTransport?: () => void
   } = $props()
 
   let btns = $state({
@@ -74,6 +76,8 @@
     })
   }
 
+  resetTransport = reset
+
   function clicky(btnType: string) {
     switch (btnType) {
       case "play":

package/dist/components/TransportButtons.svelte.d.ts

@@ -4,7 +4,8 @@ type $$ComponentProps = {
     selectedTrack: number;
     speed: number;
     recordEngaged: boolean;
+    resetTransport?: () => void;
 };
-declare const TransportButtons: import("svelte").Component<$$ComponentProps, {}, "speed" | "recordEngaged">;
+declare const TransportButtons: import("svelte").Component<$$ComponentProps, {}, "speed" | "recordEngaged" | "resetTransport">;
 type TransportButtons = ReturnType<typeof TransportButtons>;
 export default TransportButtons;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "4track",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "A 4-track cassette recorder component for Svelte 5",
   "license": "GPL-3.0-only",
   "author": "Andre Boekhorst",