`; updateProgress(85); console.log('Complete HTML document created'); // Convert HTML to DOCX console.log('Starting DOCX conversion...'); const docxBlob = htmlDocx.asBlob(completeHTML); updateProgress(95); console.log('DOCX conversion successful, blob size:', docxBlob.size, 'bytes'); // Download the file const fileName = selectedFile.name.replace('.txt', '.docx'); saveAs(docxBlob, fileName); updateProgress(100); console.log('Download triggered successfully'); setTimeout(() => { updateProgress(0); showStatus('Conversion completed successfully! File downloaded.', 'success'); }, 500); } catch (error) { console.error('Conversion error details:', error); console.error('Error message:', error.message); console.error('Error stack:', error.stack); updateProgress(0); let errorMessage = 'Conversion failed: '; if (error.message) { errorMessage += error.message; } else { errorMessage += 'Unknown error occurred. Please try again.'; } showStatus(errorMessage, 'error'); } finally { setLoading(false); } } // Event listeners uploadArea.addEventListener('click', () => { fileInput.click(); }); fileInput.addEventListener('change', (e) => { const file = e.target.files[0]; if (file) { handleFileSelect(file); } }); // Drag and drop functionality uploadArea.addEventListener('dragover', (e) => { e.preventDefault(); uploadArea.classList.add('drag-over'); }); uploadArea.addEventListener('dragleave', (e) => { e.preventDefault(); uploadArea.classList.remove('drag-over'); }); uploadArea.addEventListener('drop', (e) => { e.preventDefault(); uploadArea.classList.remove('drag-over'); const files = e.dataTransfer.files; if (files.length > 0) { const file = files[0]; fileInput.files = files; // Update the input element handleFileSelect(file); } }); convertBtn.addEventListener('click', convertTxtToDocx); // Prevent default drag behaviors on document document.addEventListener('dragover', (e) => e.preventDefault()); document.addEventListener('drop', (e) => e.preventDefault()); // Initialize and check library loading document.addEventListener('DOMContentLoaded', () => { console.log('TXT to DOCX Converter initialized successfully'); // Check if required libraries are available setTimeout(() => { try { checkLibraries(); console.log('Required libraries loaded successfully'); console.log('htmlDocx available:', typeof htmlDocx !== 'undefined'); console.log('saveAs available:', typeof saveAs !== 'undefined'); } catch (error) { console.error('Library loading error:', error); showStatus('Error: Required libraries failed to load. Please refresh the page.', 'error'); } }, 1000); // Give time for libraries to load }); // Also check when window loads window.addEventListener('load', () => { try { const htmlDocxAvailable = typeof htmlDocx !== 'undefined'; const saveAsAvailable = typeof saveAs !== 'undefined'; if (htmlDocxAvailable && saveAsAvailable) { console.log('Window loaded - All libraries available'); } else { console.error('Window loaded - Libraries NOT available:', { htmlDocx: htmlDocxAvailable, saveAs: saveAsAvailable }); } } catch (error) { console.error('Window load check error:', error); } });