Impaczus/motif
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ux: clarify two-click MP3 download

Browse Source 
Explain that MP3 export takes time and requires a second click to save, and make the ready-state button label explicit.

Made-with: Cursor
This commit is contained in:
b1rdmania
2026-03-03 11:55:50 +00:00
parent 9937f5a02a
commit b2b8ebfd78
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main.ts
+5 -5
View File
@@ -885,8 +885,8 @@ class MotifApp {
try { try {
this.downloadMp3Btn.disabled = true; this.downloadMp3Btn.disabled = true;
this.downloadMp3Btn.textContent = 'Preparing…'; this.downloadMp3Btn.textContent = 'Preparing MP3…';
this.updateStatus('Rendering audio…'); this.updateStatus('Preparing MP3… this can take a bit. When it says “Ready”, click Download MP3 again to save.');
// Stop any current playback // Stop any current playback
this.handleMotifStop(); this.handleMotifStop();
@@ -899,7 +899,7 @@ class MotifApp {
sampleRate sampleRate
); );
this.updateStatus('Encoding MP3…'); this.updateStatus('Encoding MP3… (almost there)');
const Mp3Encoder = (lamejs as any)?.Mp3Encoder; const Mp3Encoder = (lamejs as any)?.Mp3Encoder;
if (!Mp3Encoder) throw new Error('MP3 encoder not loaded'); if (!Mp3Encoder) throw new Error('MP3 encoder not loaded');
@@ -936,8 +936,8 @@ class MotifApp {
// Store prepared download and let the user click once more to save. // Store prepared download and let the user click once more to save.
this.preparedMp3 = { url, filename }; this.preparedMp3 = { url, filename };
this.downloadMp3Btn.textContent = 'Tap to download'; this.downloadMp3Btn.textContent = 'Download MP3 (ready)';
this.updateStatus('MP3 ready. Tap Download MP3 again to save.'); this.updateStatus('MP3 ready. Click Download MP3 again to save.');
// Auto-cleanup to avoid leaking blob URLs. // Auto-cleanup to avoid leaking blob URLs.
this.preparedMp3RevokeTimeout = window.setTimeout(() => { this.preparedMp3RevokeTimeout = window.setTimeout(() => {