import { useState, useEffect } from 'react' import { Button } from "/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "/components/ui/card" import { Play, StopCircle, RefreshCw } from 'lucide-react' export default function WordCountTimer() { const [isListening, setIsListening] = useState(false) const [wordCount, setWordCount] = useState(0) const [elapsedTime, setElapsedTime] = useState(0) const [timerId, setTimerId] = useState(null) const [sessionHistory, setSessionHistory] = useState<{ time: number; words: number }[]>([]) const [recognition, setRecognition] = useState(null) useEffect(() => { const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition if (SpeechRecognition) { const recognizer = new SpeechRecognition() recognizer.lang = 'pt-BR' recognizer.continuous = true recognizer.interimResults = true setRecognition(recognizer) } }, []) const startTimer = () => { if (recognition) { recognition.start() setIsListening(true) const id = setInterval(() => { setElapsedTime(prev => prev + 1) }, 1000) setTimerId(id) } } const stopTimer = () => { if (recognition) { recognition.stop() setIsListening(false) if (timerId) clearInterval(timerId) setSessionHistory(prev => [...prev, { time: elapsedTime, words: wordCount }]) } } const resetTimer = () => { setWordCount(0) setElapsedTime(0) if (timerId) clearInterval(timerId) if (recognition) recognition.stop() setIsListening(false) } useEffect(() => { if (recognition) { recognition.onresult = (event) => { const transcript = Array.from(event.results) .map(result => result[0].transcript) .join(' ') const words = transcript.split(/\s+/).filter(Boolean) setWordCount(words.length) } } }, [recognition]) const wordsPerMinute = elapsedTime > 0 ? Math.round((wordCount / elapsedTime) * 60) : 0 return (

Portuguese Word Count Timer

Elapsed Time

{elapsedTime}s

Word Count

{wordCount}

Words per Minute

{wordsPerMinute} WPM

{sessionHistory.length > 0 && ( Session History

{sessionHistory.map((session, index) => (

Session {index + 1} {session.words} words in {session.time} seconds

))}

)}

) }