fix: file input fallback when app is embedded with iframe

index.html

@@ -948,27 +948,19 @@
         }
 
         async openFileWithFileSystemAPI() {
-            try {
-                const [fileHandle] = await window.showOpenFilePicker({
-                    types: [{
-                        description: 'Audio Files',
-                        accept: {
-                            'audio/*': ['.mp3', '.wav', '.aac', '.ogg', '.flac', '.m4a']
-                        }
-                    }],
-                    multiple: false
-                });
-
-                const file = await fileHandle.getFile();
-                const fileId = await this.saveFileHandle(fileHandle, file.name, file.size);
-                await this.handleAudioFile(file, fileId);
+            const [fileHandle] = await window.showOpenFilePicker({
+                types: [{
+                    description: 'Audio Files',
+                    accept: {
+                        'audio/*': ['.mp3', '.wav', '.aac', '.ogg', '.flac', '.m4a']
+                    }
+                }],
+                multiple: false
+            });
 
-            } catch (error) {
-                if (error.name !== 'AbortError') {
-                    console.error('Error opening file:', error);
-                    alert('Error opening file. Please try again.');
-                }
-            }
+            const file = await fileHandle.getFile();
+            const fileId = await this.saveFileHandle(fileHandle, file.name, file.size);
+            await this.handleAudioFile(file, fileId);
         }
 
         async loadFileFromHandle(fileId) {

sw.js

@@ -1,5 +1,5 @@
 // Use a version that you can update with each release
-const APP_VERSION = '0.1.11';
+const APP_VERSION = '0.1.12';
 const CACHE_NAME = `my-pwa-cache-${APP_VERSION}`;
 
 // List of files to cache