I WANT AN OPTION IN THIS WHICH WILL MERGE ALL FILES INTO SINGLE FILE AND CHANGE THE EXTENSION TO TXT TO GET RAW TXT MERGED ALL FILE INTO SINGLE FILE AND DOWNLOAD IT - Follow Up Deployment

index.html

@@ -92,6 +92,10 @@
             <div id="downloadSection" class="bg-emerald-50 p-6 text-center hidden">
                 <h3 class="text-lg font-medium text-emerald-800 mb-3">Files processed successfully!</h3>
                 <div class="flex flex-col sm:flex-row justify-center gap-4">
+                    <button id="mergeFilesBtn" class="inline-flex items-center px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-lg shadow-sm cursor-pointer transition">
+                        <i class="fas fa-file-alt mr-3"></i>
+                        Merge to TXT
+                    </button>
                     <button id="downloadAllBtn" class="inline-flex items-center px-6 py-3 bg-emerald-600 hover:bg-emerald-700 text-white font-medium rounded-lg shadow-sm cursor-pointer transition">
                         <i class="fas fa-download mr-3"></i>
                         Download All Files
@@ -133,6 +137,7 @@
             const zipProgress = document.getElementById('zipProgress');
             const zipStatus = document.getElementById('zipStatus');
             const progressBar = zipProgress.querySelector('.progress-bar');
+            const mergeFilesBtn = document.getElementById('mergeFilesBtn');
 
             let files = [];
             let processedFiles = [];
@@ -160,6 +165,7 @@
             renameBtn.addEventListener('click', renameExtensions);
             downloadAllBtn.addEventListener('click', downloadFiles);
             downloadZipBtn.addEventListener('click', createZip);
+            mergeFilesBtn.addEventListener('click', mergeToTxt);
 
             function handleFiles(newFiles) {
                 if (newFiles.length === 0) return;
@@ -344,6 +350,52 @@
             newExtension.addEventListener('input', () => {
                 renameBtn.disabled = files.length === 0 || !newExtension.value.trim();
             });
+
+            async function mergeToTxt() {
+                if (processedFiles.length === 0) return;
+                
+                try {
+                    // Read all files as text
+                    const fileContents = await Promise.all(
+                        processedFiles.map(file => {
+                            return new Promise((resolve) => {
+                                const reader = new FileReader();
+                                reader.onload = function(e) {
+                                    resolve({
+                                        name: file.name,
+                                        content: e.target.result
+                                    });
+                                };
+                                reader.readAsText(file);
+                            });
+                        })
+                    );
+                    
+                    // Combine all contents with separators
+                    let mergedContent = '';
+                    fileContents.forEach((file, index) => {
+                        mergedContent += `=== ${file.name} ===\n\n${file.content}\n\n`;
+                        if (index < fileContents.length - 1) {
+                            mergedContent += '\n\n';
+                        }
+                    });
+                    
+                    // Create and download the merged file
+                    const blob = new Blob([mergedContent], { type: 'text/plain' });
+                    const url = URL.createObjectURL(blob);
+                    const a = document.createElement('a');
+                    a.href = url;
+                    a.download = 'merged_files.txt';
+                    document.body.appendChild(a);
+                    a.click();
+                    document.body.removeChild(a);
+                    URL.revokeObjectURL(url);
+                    
+                } catch (error) {
+                    console.error('Error merging files:', error);
+                    alert('Error merging files. Please try again.');
+                }
+            }
         });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Ultronprime/extension-changer" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>