Cerebras Coder

\n \n \n \n `, {\n headers: {\n 'Content-Type': 'text/html',\n }\n });\n}\n\nfunction App() {\n const [prompt, setPrompt] = useState('');\n const [generatedCode, setGeneratedCode] = useState('');\n const [performanceInfo, setPerformanceInfo] = useState('');\n const [isLoading, setIsLoading] = useState(false);\n const [iframeKey, setIframeKey] = useState(0);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setIsLoading(true);\n try {\n const response = await fetch(window.location.href, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ \n prompt, \n currentCode: generatedCode \n }),\n });\n const result = await response.json();\n \n setGeneratedCode(result.code);\n setPerformanceInfo(`Generation Time: ${result.time}s, Tokens Used: ${result.totalTokens}`);\n \n // Force iframe reload by changing its key\n setIframeKey(prev => prev + 1);\n } catch (error) {\n console.error('Error generating code:', error);\n setGeneratedCode(`Error: ${error.message}`);\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n

\n {/* Prompt Section */}\n

\n \n {performanceInfo && (\n

\n {performanceInfo}\n

\n )}\n

\n\n {/* Content Section */}\n

\n {/* Code Column */}\n

Generated Code

\n {generatedCode ? (\n

\n              {generatedCode}\n

\n ) : (\n

\n Generated code will appear here\n

\n )}\n \n View Source\n \n

\n\n {/* Preview Column */}\n

\n Live Preview\n

\n {generatedCode ? (\n