Drop image here, click to browse, or paste from clipboard
/gi, ''); text = text.replace(/<[^>]+>/g, ''); const txt = document.createElement("textarea"); txt.innerHTML = text; return txt.value.trim(); } // ========================================== // SECTION COLLECTION FUNCTION // ========================================== /** * Collect all sections from editor (explicit + implicit) * @returns {Object[]} Array of section objects */ function collectAllSectionsFromEditor() { const allMarkers = Array.from(document.querySelectorAll('.editor-marker')); const sections = []; let currentChapter = 0; let implicitSectionCounter = {}; for (let idx = 0; idx < allMarkers.length; idx++) { const marker = allMarkers[idx]; const markerId = marker.dataset.markerId; // --- Handle Chapter Markers --- if (marker.classList.contains('chapter-marker')) { currentChapter = marker.querySelector('input[type="number"]').value; const chapterVoice = marker.querySelector('select').value; const nextMarker = (idx + 1 < allMarkers.length) ? allMarkers[idx + 1] : null; // Check for implicit section (content after chapter without section marker) if (!nextMarker || nextMarker.classList.contains('chapter-marker')) { const secHtml = extractHtmlForMarker(marker, allMarkers); const secDisplay = extractMarkdownForMarker(marker, allMarkers); const secPlain = extractPlainTextForMarker(marker, allMarkers); if (secPlain && secPlain.trim().length > 1) { if (!implicitSectionCounter[currentChapter]) { implicitSectionCounter[currentChapter] = 1; } const secNum = implicitSectionCounter[currentChapter]++; const playlistTrack = typeof playlist !== 'undefined' ? playlist.find(t => t.chapter == currentChapter && t.section == secNum) : null; sections.push({ markerId: markerId + '_implicit_' + secNum, chapter: currentChapter, section: secNum, text: secDisplay, htmlContent: secHtml, ttsText: secPlain, voice: chapterVoice, audioData: playlistTrack?.audioData || '', audioFormat: playlistTrack?.audioFormat || 'mp3', transcription: playlistTrack?.transcription || [], imageData: '', imageFormat: 'png', isImplicit: true }); console.log(`📝 Found implicit section: Ch${currentChapter}.Sec${secNum}`); } } } // --- Handle Section Markers --- else if (marker.classList.contains('section-marker')) { const secId = markerId; const secNum = marker.querySelector('input[type="number"]').value; const secVoice = marker.querySelector('select').value; const secHtml = extractHtmlForMarker(marker, allMarkers); const secPlain = extractPlainTextForMarker(marker, allMarkers); const secDisplay = extractMarkdownForMarker(marker, allMarkers); const secGen = markerState[secId]?.ttsText || secPlain; // Get image data from marker state const imageData = markerState[secId]?.imageData || ''; const imageFormat = markerState[secId]?.imageFormat || 'png'; const playlistTrack = typeof playlist !== 'undefined' ? playlist.find(t => t.chapter == currentChapter && t.section == secNum) : null; sections.push({ markerId: secId, chapter: currentChapter, section: secNum, text: secDisplay, htmlContent: secHtml, ttsText: secGen, voice: secVoice, audioData: playlistTrack?.audioData || '', audioFormat: playlistTrack?.audioFormat || 'mp3', transcription: playlistTrack?.transcription || [], imageData: imageData, imageFormat: imageFormat, isImplicit: false }); console.log(`📝 Found explicit section: Ch${currentChapter}.Sec${secNum} (image: ${imageData ? 'yes' : 'no'})`); } } return sections; } // Make it globally available window.collectAllSectionsFromEditor = collectAllSectionsFromEditor; // ========================================== // SAVE PROJECT FUNCTION // ========================================== /** * Save project without generating audio */ async function saveProject() { const projectName = document.getElementById('bulkProjectName').value.trim() || 'Book-1'; const sections = collectAllSectionsFromEditor(); if (sections.length === 0) { alert("No sections found. Add chapter and section markers first."); return; } showLoader("Saving Project...", `Saving ${sections.length} sections to "${projectName}"...`); try { // Get or create project const projectId = await getOrCreateProject(); if (!projectId) { throw new Error('Could not create or get project'); } // Save all sections const res = await fetch(`/projects/${projectId}/save_all`, { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({ sections: sections }) }); const result = await res.json(); if (result.error) throw new Error(result.error); await refreshLibraryStats(); hideLoader(); alert(`Project "${projectName}" saved successfully!\n${result.saved_count} sections saved.`); } catch (e) { hideLoader(); alert("Error saving project: " + e.message); console.error('Save project error:', e); } } // Make it globally available window.saveProject = saveProject; // ========================================== // QUILL EDITOR SETUP // ========================================== let quill = null; /** * Initialize Quill editor */ function initQuillEditor() { const quillContainer = document.getElementById('quill-editor'); if (!quillContainer) return; quill = new Quill('#quill-editor', { theme: 'snow', modules: { toolbar: [ [{ 'header': [1, 2, 3, false] }], ['bold', 'italic'], ['clean'] ] }, placeholder: 'Write here...' }); } /** * Generate audio from Quill editor content */ async function generateAudio() { if (!quill) return; const text = quill.getText().trim(); const voice = document.getElementById('voiceSelect').value; if (text.length < 5) { alert("Write some text first."); return; } showLoader("Generating...", "Creating audio and timestamps..."); try { const res = await fetch('/generate', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({ text, voice, save_to_db: true }) }); const data = await res.json(); if (data.error) throw new Error(data.error); initApp(data); await refreshLibraryStats(); } catch (e) { alert(e.message); } finally { hideLoader(); } } // Make it globally available window.generateAudio = generateAudio; // ========================================== // EXPORT FUNCTIONS // ========================================== /** * Export all sections as zip */ async function exportEverything() { const projectName = document.getElementById('bulkProjectName').value || 'Book-1'; const allSections = collectAllSectionsFromEditor(); if (allSections.length === 0) { alert("No sections found. Add chapter and section markers first."); return; } showLoader("Exporting...", "Saving all sections and creating zip file..."); try { const res = await fetch('/export_bulk', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({ projectName, files: allSections }) }); if (!res.ok) { const errorData = await res.json(); throw new Error(errorData.error || 'Export failed'); } const blob = await res.blob(); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = `${projectName}.zip`; document.body.appendChild(a); a.click(); document.body.removeChild(a); await refreshLibraryStats(); } catch (e) { alert("Export error: " + e.message); } finally { hideLoader(); } } // Make it globally available window.exportEverything = exportEverything; /** * Export single file as zip */ async function exportSingle() { const filename = document.getElementById('exportFilename').value || '1.1_task-1'; if (typeof currentAudioData === 'undefined' || !currentAudioData) { alert("No project loaded."); return; } showLoader("Exporting...", "Creating zip file..."); try { const res = await fetch('/export', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({ filename, text: document.getElementById('readerContent').innerText, transcription: typeof transcriptionData !== 'undefined' ? transcriptionData : [], audio_data: currentAudioData, audio_format: typeof currentAudioFormat !== 'undefined' ? currentAudioFormat : 'mp3' }) }); if (!res.ok) throw new Error('Export failed'); const blob = await res.blob(); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = `${filename}.zip`; document.body.appendChild(a); a.click(); document.body.removeChild(a); } catch (e) { alert(e.message); } finally { hideLoader(); } } // Make it globally available window.exportSingle = exportSingle; // ========================================== // INITIALIZATION // ========================================== // Initialize on DOM ready document.addEventListener('DOMContentLoaded', function() { console.log('📝 Editor module initializing...'); // Populate voice selects populateVoiceSelects(); // Initialize Quill editor initQuillEditor(); // Initialize paste handler for images document.addEventListener('paste', handlePasteImage); // Initialize image handlers after a short delay setTimeout(initializeImageHandlers, 500); // Handle tab switching for floating controls using Bootstrap events const bulkTab = document.getElementById('bulk-tab'); if (bulkTab) { bulkTab.addEventListener('shown.bs.tab', function() { console.log('📝 Bulk tab shown, initializing image handlers...'); setTimeout(initializeImageHandlers, 100); }); } console.log('✅ Editor module initialized'); });