Function DebugOutput

components/DebugOutput.tsx:10–185

()

import PlayArrowIcon from '@mui/icons-material/PlayArrow'

export default function DebugOutput() {
  const [output, setOutput] = useState<string>('')
  const [error, setError] = useState<string | null>(null)
  const [isLoading, setIsLoading] = useState(false)
  const [lastUpdated, setLastUpdated] = useState<Date | null>(null)
  const [scriptContent, setScriptContent] = useState<string | null>(null)
  const [showScript, setShowScript] = useState(false)

  // Function to fetch the script content
  const fetchScriptContent = async () => {
    try {
      const response = await fetch('/api/script-content?name=debug_crawl4ai.sh')
      
      if (!response.ok) {
        console.error('Failed to fetch script content:', response.statusText)
        return
      }
      
      const data = await response.json()
      
      if (data.success && data.content) {
        setScriptContent(data.content)
      } else {
        console.error('Invalid script content response:', data.error || 'Unknown error')
      }
    } catch (error) {
      console.error('Error fetching script content:', error)
    }
  }

  const fetchDebugOutput = async () => {
    setIsLoading(true)
    setError(null)
    
    try {
      const response = await fetch('/api/debug')
      
      if (!response.ok) {
        const errorData = await response.json()
        throw new Error(errorData.error || 'Failed to fetch debug output')
      }
      
      const data = await response.json()
      
      if (!data.success) {
        throw new Error(data.error || 'Failed to execute debug script')
      }
      
      setOutput(data.output || 'No output returned')
      if (data.error) {
        setError(data.error)
      }
      setLastUpdated(new Date())
    } catch (error) {
      console.error('Error fetching debug output:', error)
      setError(error instanceof Error ? error.message : 'Failed to fetch debug output')
      setOutput('')