modify the naming of files

Author: runyuany

wami/app.js

@@ -273,7 +273,6 @@ browseImagesButton.addEventListener('click', async e => {
   if (!('showOpenFilePicker' in window)) {
     // Browser doesn't support the File System Access API.
     // Use the legacy file input.
-
     const button = document.createElement('input');
     button.type = 'file';
     button.multiple = true;
@@ -286,7 +285,7 @@ browseImagesButton.addEventListener('click', async e => {
 
         for (const file of files) {
           imagesToStore.push({
-            file,
+            file,  // <-- The original file object keeps its name
             fsHandlePromise: Promise.resolve(null)
           });
           resolve();
@@ -615,11 +614,14 @@ async function loadAndProcessSharedImages(shareCache, shareData) {
     const fileResponse = await shareCache.match(`file-${i}`);
     if (fileResponse) {
       const blob = await fileResponse.blob();
-      const file = new File(
-        [blob], 
-        `shared-${i + 1}.${getFileExtension(blob.type)}`, 
-        { type: blob.type }
-      );
+      
+      // Get the original file name from the shareData.fileNames array
+      // This is more reliable than trying to extract it from the blob
+      const fileName = (shareData.fileNames && shareData.fileNames[i]) || 
+                       `shared-${i + 1}.${getFileExtension(blob.type)}`;
+      
+      // Create a File object with the original name
+      const file = new File([blob], fileName, { type: blob.type });
 
       imagesToStore.push({
         file,

wami/sw.js

@@ -94,8 +94,7 @@ self.addEventListener('activate', event => {
 });
 
 // Handle share target requests: This listener specifically processes POST requests
-// to the /share-target endpoint, which is triggered when other apps share content with wami.
-// It stores the shared data and files in a temporary cache for the main app to access.
+// to the /share-target endpoint
 self.addEventListener('fetch', event => {
   // Only process POST requests to the share-target endpoint
   if (event.request.method === 'POST' && event.request.url.includes('/share-target')) {
@@ -122,23 +121,26 @@ self.addEventListener('fetch', event => {
             // Store the files in a temporary cache for the client to access
             const shareCache = await caches.open('share-target-cache');
 
-            // Create an object with the share data
+            // Extract file names and store them in the shareData
+            const fileNames = files.map(file => file.name);
+            
+            // Create share data object with file names array
             const shareData = {
               title: data.title,
               text: data.text,
               url: data.url,
               timestamp: Date.now(),
-              fileCount: files.length
+              fileCount: files.length,
+              fileNames: fileNames // Store file names in the share data
             };
 
-            // Store the share data and files
+            // Store the share data
             await shareCache.put('shareData', new Response(JSON.stringify(shareData)));
 
             // Store each file with a unique key
             for (let i = 0; i < files.length; i++) {
               const file = files[i];
-              const response = new Response(file);
-              await shareCache.put(`file-${i}`, response);
+              await shareCache.put(`file-${i}`, new Response(file));
             }
           }
         } catch (error) {