closes#1

app/app.js

@@ -15,16 +15,23 @@ document.querySelector('input#input-dir').addEventListener('change', (evt) =>
 {
     let files = evt.target.files;
 
+    // Iterates over each uploaded file
     for (let i = 0; i < files.length; i++)
     {
+        // Filters the audio files
         if (files[i].type.includes('audio'))
         {
+            let filename = files[i].name;
+            let filepath = files[i].webkitRelativePath;
+            let filedir = filepath.split('/').slice(0, -1).join('/');
+
             audioFiles.push(files[i]);
 
-            let filename = files[i].name;
-            audioTree += '<li><a href="audio/' + filename + '" class="audio-src">' + filename + '</a><a href="audio/' + filename + '" class="cache-audio">Download</a></li>';
+            audioTree += '<li><a href="audio/' + filepath + '" class="audio-src">' + filename + '</a><a href="audio/' + filepath + '" class="cache-audio">Download</a></li>';
         }
     }
+
+    document.querySelector('#audio-files').innerHTML = audioTree;
 });
 
 // Icon input

app/index.html

@@ -16,6 +16,8 @@ <h1>PWA Playlist Generator</h1>
         <img id="uploaded-icon">
         <button id="btn-generate-html">Generate HTML</button>
 
+        <ul id="audio-files"></ul>
+
         <a href="#" id="dl" hidden></a>
 
         <script src="jszip.js"></script>

app/pwa.js

@@ -1,4 +1,4 @@
-
+/*
 if ('serviceWorker' in navigator)
 {
     window.addEventListener('load', () =>
@@ -44,3 +44,4 @@ window.addEventListener('beforeinstallprompt', (e) =>
         deferredPrompt = null;
     });
 });
+*/

app/service-worker.js

@@ -1,4 +1,4 @@
-
+/*
 'use strict';
 
 // Update cache names any time any of the cached files change.
@@ -63,3 +63,4 @@ self.addEventListener('fetch', (evt) =>
         });
     }));
 });
+*/