CerebrasCoder

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")!).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nfunction extractCodeFromFence(text: string): string {\n const htmlMatch = text.match(/```html\\n([\\s\\S]*?)\\n```/);\n return htmlMatch ? htmlMatch[1].trim() : text;\n}\n\nexport default async function server(req: Request): Promise {\n if (req.method === \"POST\") {\n const client = new Cerebras();\n const { prompt, currentCode } = await req.json();\n\n const completion = await client.chat.completions.create({\n messages: [\n {\n role: \"system\",\n content:\n \"You are a helpful assistant that generates HTML, CSS and JavaScript code. Always wrap your response in ```html code fences. Include all necessary HTML, CSS, and JavaScript in a single complete HTML file.\",\n },\n {\n role: \"system\",\n content: currentCode\n ? `Current code to modify:\\n\\`\\`\\`html\\n${currentCode}\\n\\`\\`\\``\n : \"No existing code to modify.\",\n },\n {\n role: \"user\",\n content: prompt,\n },\n ],\n model: \"llama3.1-70b\",\n });\n\n const timeInSeconds = completion.time_info.completion_time;\n const totalTokens = completion.usage?.completion_tokens || 0;\n\n const code = extractCodeFromFence(completion.choices[0].message.content);\n\n return new Response(\n JSON.stringify({\n code,\n performance: {\n tokensPerSecond: totalTokens / timeInSeconds,\n totalTokens,\n time: timeInSeconds,\n },\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n return new Response(\n `\n \n \n \n CerebrasCoder\n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}\n\nconst css = `\n body {\n margin: 0;\n padding: 0;\n font-family: system-ui, sans-serif;\n background: #1a1a1a;\n color: #fff;\n }\n \n .container {\n display: flex;\n flex-direction: column;\n height: 100vh;\n padding: 20px;\n box-sizing: border-box;\n }\n \n .prompt-form {\n display: flex;\n gap: 10px;\n align-items: center;\n margin-bottom: 10px;\n }\n \n .title {\n margin: 0;\n font-size: 1.2rem;\n font-weight: 900;\n white-space: nowrap;\n }\n \n .prompt-input {\n flex: 1;\n padding: 10px;\n border: 1px solid #333;\n border-radius: 4px;\n background: #2a2a2a;\n color: #fff;\n }\n \n button {\n padding: 10px 20px;\n border: none;\n border-radius: 4px;\n background: #4a4a4a;\n color: #fff;\n cursor: pointer;\n }\n \n button:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n }\n \n .performance {\n display: flex;\n gap: 20px;\n justify-content: center;\n font-family: monospace;\n background: #2a2a2a;\n padding: 10px;\n border-radius: 4px;\n margin-bottom: 10px;\n }\n \n .content {\n display: flex;\n gap: 20px;\n flex: 1;\n min-height: 0;\n margin-bottom: 10px;\n }\n \n .code-section {\n flex: 1;\n overflow: auto;\n background: #2a2a2a;\n border-radius: 4px;\n }\n \n .preview-section {\n flex: 1;\n background: #2a2a2a;\n border-radius: 4px;\n overflow: hidden;\n }\n \n .preview-iframe {\n width: 100%;\n height: 100%;\n border: none;\n background: white;\n }\n\n .view-source {\n text-align: center;\n padding: 10px 0;\n }\n\n .view-source a {\n color: #fff;\n text-decoration: none;\n font-size: 0.9rem;\n }\n\n .view-source a:hover {\n text-decoration: underline;\n }\n`;","deleted","label","children",[],[155],"files",[153],"counts",{"_175":32,"_176":137,"_177":32,"_178":179},"pulls","branches","forks","envVars",{"_180":32,"_181":32},"count","emptyCount","contents",[184],{"_102":154,"_95":155,"_156":114,"_157":-5,"_158":138,"_159":137,"_160":116,"_104":185,"_99":32,"_162":163,"_164":165,"_166":22,"_167":-5,"_98":186},["D",1731829175812],[155],"file","upstreamProject",{"_102":145,"_95":96,"_110":190,"_111":-5,"_108":109,"_23":191},"An AI code assistant powered by Cerebras inference",{"_93":192,"_130":193},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","upstreamBranch",{"_102":141,"_104":196,"_197":198,"_95":43,"_139":145,"_99":199,"_140":-5,"_142":-5,"_200":201,"_106":-5,"_150":22,"_108":109,"_149":192,"_16":147,"_148":96},["D",1744820713851],"updatedAt",["D",1754089495761],278,"lockfileKey","1755533807419-esm.town_v_stevekrouse_cerebras_coder@278-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":208,"_182":213,"_216":-7,"_217":218,"_221":-5,"_171":222,"_226":227,"_228":137,"_229":199},{"_102":103,"_95":96,"_104":209,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":114,"_115":116,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":210,"_132":211,"_135":212,"_150":22},["D",1746195723663],{"_93":94,"_130":131},{"_93":94,"_134":131,"_14":112},{"_99":137,"_95":43,"_102":138,"_139":103,"_140":141,"_142":32,"_143":109,"_144":145,"_146":147,"_148":96,"_149":94},[214],{"_102":154,"_95":155,"_156":114,"_157":-5,"_158":138,"_159":137,"_160":116,"_104":185,"_99":32,"_162":163,"_164":165,"_166":22,"_167":-5,"_98":215},[155],"readme","upstream",{"_102":141,"_104":219,"_197":220,"_95":43,"_139":145,"_99":199,"_140":-5,"_142":-5,"_200":201,"_106":-5,"_150":22,"_108":109,"_149":192,"_16":147,"_148":96},["D",1744820713851],["D",1754089495761],"pull",[223],{"_102":154,"_95":155,"_156":114,"_157":-5,"_158":138,"_159":137,"_160":116,"_104":161,"_99":32,"_162":163,"_164":165,"_166":22,"_167":-5,"_168":224,"_98":225},[],[155],"previews",[223],"ahead","behind","actionData","errors"]

Cerebras Coder

chabhishek420

cerebras_coder