CerebrasCoder Analytics

Total Generations

{stats.totalGenerations}

Total Versions

{stats.totalVersions}

Total Projects

{stats.totalProjects}

Popular Prompts

\n {prompt.prompt} ({prompt.count})\n

\n ← Back to Generator\n

\n );\n}\n\nfunction App() {\n const [prompt, setPrompt] = useState(\n STARTER_PROMPTS[Math.floor(Math.random() * STARTER_PROMPTS.length)],\n );\n const [code, setCode] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [performance, setPerformance] = useState<\n {\n tokensPerSecond: number;\n totalTokens: number;\n time: number;\n } | null\n >(null);\n\n const [versionHistory, setVersionHistory] = useState<{\n currentVersionIndex: number;\n versions: {\n code: string;\n prompt: string;\n timestamp: number;\n }[];\n }>({\n currentVersionIndex: -1,\n versions: [],\n });\n\n async function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n setLoading(true);\n\n try {\n const response = await fetch(\"/\", {\n method: \"POST\",\n body: JSON.stringify({\n prompt,\n currentCode: code,\n versionHistory,\n }),\n headers: { \"Content-Type\": \"application/json\" },\n });\n\n const result = await response.json();\n\n // Update version history\n const newVersionHistory = {\n currentVersionIndex: result.versionHistory.currentVersionIndex,\n versions: result.versionHistory.versions,\n };\n\n setCode(result.code);\n setPerformance(result.performance);\n setVersionHistory(newVersionHistory);\n } catch (error) {\n console.error(\"Error:\", error);\n } finally {\n setLoading(false);\n }\n }\n\n function handleVersionChange(direction: \"back\" | \"forward\") {\n const { currentVersionIndex, versions } = versionHistory;\n\n if (direction === \"back\" && currentVersionIndex > 0) {\n const newIndex = currentVersionIndex - 1;\n setCode(versions[newIndex].code);\n setPrompt(versions[newIndex].prompt);\n setVersionHistory(prev => ({\n ...prev,\n currentVersionIndex: newIndex,\n }));\n } else if (direction === \"forward\" && currentVersionIndex < versions.length - 1) {\n const newIndex = currentVersionIndex + 1;\n setCode(versions[newIndex].code);\n setPrompt(versions[newIndex].prompt);\n setVersionHistory(prev => ({\n ...prev,\n currentVersionIndex: newIndex,\n }));\n }\n }\n\n return (\n

\n Powered by Llama 3.3 70b on Cerebras\n

Cerebras Coder

\n Turn your idea into an app in a literal second. Cerebras Coder generates full html pages at 2k tokens / s with\n a GPT-4 class LLM.\n

\n \n\n {performance && (\n

\n 🚀 {performance.tokensPerSecond.toFixed(2)} tokens/s\n 📊 {performance.totalTokens} tokens\n ⏱️ {performance.time.toFixed(2)}s\n

\n )}\n\n

Generated Code

\n \n {code}\n \n

\n\n

Preview

\n handleVersionChange(\"back\")}\n disabled={versionHistory.currentVersionIndex <= 0}\n className=\"px-2 py-1 text-sm bg-gray-700 text-gray-300 rounded hover:bg-gray-600 disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n ← Prev\n \n handleVersionChange(\"forward\")}\n disabled={versionHistory.currentVersionIndex >= versionHistory.versions.length - 1}\n className=\"px-2 py-1 text-sm bg-gray-700 text-gray-300 rounded hover:bg-gray-600 disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n Next →\n \n

\n {code\n ? (\n <>\n

\n Version: {versionHistory.currentVersionIndex + 1} / {versionHistory.versions.length}\n

\n\n \n \n )\n :

No preview available. Generate code to see the preview.

}\n

\n \n View Source\n \n

\n );\n}\n\nfunction client() {\n const path = window.location.pathname;\n const root = createRoot(document.getElementById(\"root\")!);\n\n if (path === \"/dashboard\") {\n root.render();\n } else {\n root.render();\n }\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 // Dynamic import for SQLite to avoid client-side import\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = \"cerebras_coder\";\n const SCHEMA_VERSION = 5;\n\n // Create tables for tracking generations\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_projects_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n initial_prompt TEXT NOT NULL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_iterations_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n project_id INTEGER NOT NULL,\n version_number INTEGER NOT NULL,\n prompt TEXT NOT NULL,\n code TEXT NOT NULL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n FOREIGN KEY(project_id) REFERENCES ${KEY}_projects_${SCHEMA_VERSION}(id)\n )\n `);\n\n if (req.method === \"GET\") {\n const url = new URL(req.url);\n\n if (url.pathname === \"/dashboard-stats\") {\n const totalGenerationsResult = await sqlite.execute(`\n SELECT COUNT(*) as total FROM ${KEY}_iterations_${SCHEMA_VERSION}\n `);\n\n const totalVersionsResult = await sqlite.execute(`\n SELECT COUNT(*) as total FROM ${KEY}_iterations_${SCHEMA_VERSION}\n `);\n\n const totalProjectsResult = await sqlite.execute(`\n SELECT COUNT(*) as total FROM ${KEY}_projects_${SCHEMA_VERSION}\n `);\n\n const popularPromptsResult = await sqlite.execute(`\n SELECT initial_prompt as prompt, COUNT(*) as count \n FROM ${KEY}_projects_${SCHEMA_VERSION} \n GROUP BY initial_prompt \n ORDER BY count DESC \n LIMIT 5\n `);\n\n const dailyGenerationsResult = await sqlite.execute(`\n SELECT \n date(created_at) as date, \n COUNT(*) as count \n FROM ${KEY}_iterations_${SCHEMA_VERSION} \n GROUP BY date \n ORDER BY date \n LIMIT 30\n `);\n\n const totalGenerations = totalGenerationsResult.rows[0]?.total || 0;\n const totalVersions = totalVersionsResult.rows[0]?.total || 0;\n const totalProjects = totalProjectsResult.rows[0]?.total || 0;\n const popularPrompts = popularPromptsResult.rows || [];\n const dailyGenerations = dailyGenerationsResult.rows || [];\n\n return new Response(\n JSON.stringify({\n totalGenerations,\n totalVersions,\n totalProjects,\n popularPrompts,\n dailyGenerations,\n }),\n { headers: { \"Content-Type\": \"application/json\" } },\n );\n }\n }\n\n if (req.method === \"POST\") {\n const client = new Cerebras();\n const { prompt, currentCode, versionHistory } = 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: \"llama-3.3-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 // Manage version history and update SQLite\n let projectId: number;\n let newVersionHistory = { ...versionHistory };\n\n // If no version history exists, create a new project\n if (versionHistory.currentVersionIndex === -1) {\n const projectResult = await sqlite.execute(\n `INSERT INTO ${KEY}_projects_${SCHEMA_VERSION} (initial_prompt) VALUES (?)`,\n [prompt],\n );\n projectId = projectResult.lastInsertRowid as number;\n\n newVersionHistory = {\n currentVersionIndex: 0,\n versions: [{\n code,\n prompt,\n timestamp: Date.now(),\n }],\n };\n\n // Insert first iteration\n await sqlite.execute(\n `INSERT INTO ${KEY}_iterations_${SCHEMA_VERSION} \n (project_id, version_number, prompt, code) VALUES (?, ?, ?, ?)`,\n [projectId, 0, prompt, code],\n );\n } else {\n // Use existing project, add new iteration\n const lastProjectResult = await sqlite.execute(\n `SELECT id FROM ${KEY}_projects_${SCHEMA_VERSION} \n ORDER BY created_at DESC LIMIT 1`,\n );\n projectId = lastProjectResult.rows[0]?.id;\n\n const newVersionIndex = versionHistory.currentVersionIndex + 1;\n\n newVersionHistory = {\n currentVersionIndex: newVersionIndex,\n versions: [\n ...versionHistory.versions.slice(0, newVersionIndex),\n { code, prompt, timestamp: Date.now() },\n ],\n };\n\n // Insert new iteration\n await sqlite.execute(\n `INSERT INTO ${KEY}_iterations_${SCHEMA_VERSION} \n (project_id, version_number, prompt, code) VALUES (?, ?, ?, ?)`,\n [projectId, newVersionIndex, prompt, code],\n );\n }\n\n return new Response(\n JSON.stringify({\n code,\n performance: {\n tokensPerSecond: totalTokens / timeInSeconds,\n totalTokens,\n time: timeInSeconds,\n },\n versionHistory: newVersionHistory,\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n return new Response(\n `\n \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}","label","children",[70],"contentHash","0c33c9f291ad22bf114b80b1f40f5747d86b436e5729af407729bbe1b72d562b","README.md",{"_32":93,"_13":91,"_75":94,"_77":-5,"_78":55,"_79":20,"_80":26,"_34":95,"_40":57,"_82":96,"_84":97,"_63":47,"_86":-5,"_87":-7,"_69":98,"_89":99},"c4ebcfe6-27b1-11f0-aecd-569c3dd06744","c4ebd090-27b1-11f0-aecd-569c3dd06744",["D",1734087832639],"file","This is an AI code assistant powered by [Cerebras](https://cerebras.ai/inference), running llama3.3-70b.\n\n# Setup\n\n1. Sign up for [Cerebras](https://cloud.cerebras.ai/)\n2. Get a Cerebras API Key\n3. Save it in a [Val Town environment variable](https://www.val.town/settings/environment-variables) called `CEREBRAS_API_KEY`\n\n# Todos\n\nI'm looking for collaborators to help. Fork & send me PRs!\n\n- [ ] Experiment with [two prompt chain](https://x.com/nutlope/status/1866856980033479020)\n- [ ] Let users share & host their creations (ie store in sqlite)\n- [ ] Buy & set up domain name\n- [ ] Link to llama 3.3b and Cerebras\n- [ ] Add a CerebrasCoder logo\n- [ ] Instead of \"view source\", make it \"Fork me on Val Town\" with the [Val Town logo](https://www.val.town/brand)",[91],"3dcb87dec576931bc15819f57b700de566558fe09f34fbe8f846396583d778a9",["D",1746230491465],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","e8480d06-7d75-497a-8721-e752da1e8d57","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","66d8b853-33ca-41d9-9aa6-8b0cae45ac52","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_137":133},"org",{"_11":12,"_131":-5,"_132":133,"_105":106,"_134":135,"_136":47},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yb3ZZUHlOTTZFQU96S3JLZnRVQTU5cWVta04ifQ","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":56,"_13":14,"_34":188,"_45":-5,"_101":26,"_48":49,"_102":49,"_103":-5,"_104":-5,"_105":106,"_107":76,"_108":26,"_109":-5,"_110":-5,"_111":57,"_52":112,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":118,"_119":118,"_120":121,"_122":121,"_123":121,"_124":118,"_125":118,"_126":189,"_128":190,"_130":191,"_46":47},"tree",[182,183],"files",[182,183],"counts",{"_172":57,"_173":20,"_174":57,"_175":176,"_177":178},"contents",[166,167],"upstreamProject",{"_32":39,"_13":14,"_103":163,"_104":-5,"_48":49,"_126":164},"upstreamBranch",{"_32":33,"_34":161,"_36":162,"_13":16,"_38":39,"_40":22,"_41":-5,"_42":-5,"_43":44,"_45":-5,"_46":47,"_48":49,"_50":51,"_52":53,"_54":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1744820713851],["D",1754089495761],"An AI code assistant powered by Cerebras inference",{"_11":51,"_137":165},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_32":93,"_13":91,"_75":94,"_77":-5,"_78":55,"_79":20,"_80":26,"_34":170,"_40":57,"_82":96,"_84":97,"_63":47,"_86":-5,"_69":171},{"_32":74,"_13":70,"_75":76,"_77":-5,"_78":55,"_79":20,"_80":26,"_34":168,"_40":57,"_82":83,"_84":85,"_63":47,"_86":-5,"_69":169},["D",1734087832639],[70],["D",1734087832639],[91],"pulls","branches","forks","envVars",{"_179":57,"_181":57},"connections",{"_179":57,"_180":57},"count","unfilledCount","emptyCount",{"_32":93,"_13":91,"_75":94,"_77":-5,"_78":55,"_79":20,"_80":26,"_34":95,"_40":57,"_82":96,"_84":97,"_63":47,"_86":-5,"_87":186,"_69":187},{"_32":74,"_13":70,"_75":76,"_77":-5,"_78":55,"_79":20,"_80":26,"_34":81,"_40":57,"_82":83,"_84":85,"_63":47,"_86":-5,"_87":184,"_69":185},[],[70],[],[91],["D",1746230491465],{"_11":12,"_137":133},{"_11":12,"_131":-5,"_132":133,"_105":106,"_134":135,"_136":47},{"_40":20,"_13":16,"_32":55,"_38":56,"_41":33,"_42":57,"_58":49,"_59":39,"_60":53,"_54":14,"_50":12},"ctx",{"_126":-5,"_158":225,"_226":227,"_228":229,"_230":47,"_231":47,"_232":47,"_233":26,"_234":-5,"_235":-7,"_236":-7,"_237":57,"_238":47,"_239":47,"_240":-5,"_241":47,"_242":47,"_243":47,"_244":-5},"ENV",{"_196":197,"_198":199,"_200":16,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Compare

Mergenn6n/mainintostevekrouse/main

README.md+18-0

Hmain.tsx+527-0