Error displaying statistics
', 'formatStatistics'); } /** * Refresh statistics and update display */ refreshStats() { return this.safeOperation(() => { // Save current stats as previous this.previousStats = { ...this.stats }; // Analyze document this.analyzeDocument(); // Update display this.buildContent(); // Show success feedback const refreshBtn = this.element?.querySelector('button'); if (refreshBtn) { const originalText = refreshBtn.innerHTML; refreshBtn.innerHTML = '✅ Updated'; setTimeout(() => { refreshBtn.innerHTML = originalText; }, 1000); } }, null, 'refreshStats'); } /** * Export statistics to various formats */ exportStats() { return this.safeOperation(() => { const exportData = { timestamp: new Date().toISOString(), document: { title: document.title || 'Untitled Document', url: window.location.href }, statistics: this.stats, metadata: { wordsPerMinute: this.wordsPerMinute, analysisDate: new Date(this.lastUpdateTime).toISOString() } }; // Create downloadable JSON const dataStr = JSON.stringify(exportData, null, 2); const dataBlob = new Blob([dataStr], { type: 'application/json' }); const url = URL.createObjectURL(dataBlob); // Create temporary download link const link = document.createElement('a'); link.href = url; link.download = `document-stats-${new Date().toISOString().split('T')[0]}.json`; document.body.appendChild(link); link.click(); document.body.removeChild(link); // Clean up URL.revokeObjectURL(url); // Show feedback const exportBtn = this.element?.querySelector('button:last-child'); if (exportBtn) { const originalText = exportBtn.innerHTML; exportBtn.innerHTML = '✅ Exported'; exportBtn.style.background = '#28a745'; setTimeout(() => { exportBtn.innerHTML = originalText; exportBtn.style.background = '#28a745'; }, 2000); } }, null, 'exportStats'); } /** * Get reading difficulty score (Flesch Reading Ease approximation) */ calculateReadabilityScore() { return this.safeOperation(() => { if (this.stats.sentences === 0 || this.stats.words === 0) { return { score: 0, level: 'Unknown' }; } const avgWordsPerSentence = this.stats.words / this.stats.sentences; const avgSyllablesPerWord = 1.5; // Simplified approximation // Flesch Reading Ease formula (simplified) const score = 206.835 - (1.015 * avgWordsPerSentence) - (84.6 * avgSyllablesPerWord); let level; if (score >= 90) level = 'Very Easy'; else if (score >= 80) level = 'Easy'; else if (score >= 70) level = 'Fairly Easy'; else if (score >= 60) level = 'Standard'; else if (score >= 50) level = 'Fairly Difficult'; else if (score >= 30) level = 'Difficult'; else level = 'Very Difficult'; return { score: Math.round(score), level }; }, { score: 0, level: 'Unknown' }, 'calculateReadabilityScore'); } /** * Build the control content * Override of base class method to provide status-specific functionality */ buildContent() { return this.safeOperation(() => { // Analyze document first this.analyzeDocument(); // Generate and set content const content = this.element?.querySelector('.control-content'); if (content) { content.innerHTML = this.formatStatistics(); // Store reference to this control for onclick handlers this.element.statusControl = this; } // Set up auto-refresh for dynamic content if (this.updateInterval) { clearInterval(this.updateInterval); } this.updateInterval = setInterval(() => { this.refreshStats(); }, 10000); // Update every 10 seconds }, null, 'buildContent'); } /** * Clean up resources when control is destroyed */ destroy() { if (this.updateInterval) { clearInterval(this.updateInterval); this.updateInterval = null; } super.destroy(); } } // Export for module systems or attach to global for direct usage if (typeof module !== 'undefined' && module.exports) { module.exports = StatusControl; } else { window.StatusControl = StatusControl; }