Cerebras Coder

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_178":179,"_180":181},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_105":84,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":118,"_119":120,"_121":25,"_122":123,"_124":49,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",3,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","c40de552-269c-11f0-9aab-569c3dd06744","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport Cerebras from \"https://esm.sh/@cerebras/cerebras_cloud_sdk\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { Prism as SyntaxHighlighter } from \"https://esm.sh/react-syntax-highlighter\";\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { STARTER_PROMPTS } from \"https://esm.town/v/stevekrouse/cerebras_coder_prompts\";\n\n// Existing code remains the same...\n\nfunction ProjectHistoryModal({ \n projectHistory, \n onClose, \n onSelectVersion \n}: { \n projectHistory: any[], \n onClose: () => void,\n onSelectVersion: (code: string) => void \n}) {\n return (\n

Project History

\n \n \n \n \n \n

\n {projectHistory.length === 0 ? (\n

No project history found

\n ) : (\n

\n {projectHistory.map((project, index) => (\n

onSelectVersion(project.code)}\n >\n

\n {project.prompt || 'Untitled Prompt'}\n

\n {new Date(project.created_at).toLocaleString()}\n

\n \n

\n ))}\n

\n )}\n

\n );\n}\n\nfunction App() {\n // Existing state...\n const [projectHistoryModalOpen, setProjectHistoryModalOpen] = useState(false);\n const [projectHistory, setProjectHistory] = useState([]);\n\n const fetchProjectHistory = async () => {\n try {\n const response = await fetch('/project-history');\n const history = await response.json();\n setProjectHistory(history);\n } catch (error) {\n console.error('Failed to fetch project history', error);\n Toastify({\n text: \"Failed to load project history\",\n position: \"center\",\n duration: 3000,\n style: {\n background: \"linear-gradient(to right, #ff5f6d, #ffc371)\",\n borderRadius: \"20px\",\n },\n }).showToast();\n }\n };\n\n const handleProjectHistorySelect = (code: string) => {\n setCode(code);\n setProjectHistoryModalOpen(false);\n };\n\n // Modify the existing header to add project history button\n return (\n

\n {/* Existing header content... */}\n \n {/* Add Project History Button */}\n {\n fetchProjectHistory();\n setProjectHistoryModalOpen(true);\n }}\n className=\"bg-white text-black font-medium flex items-center gap-1 shadow-button px-4 py-2 rounded-full hover:cursor-pointer hover:bg-opacity-90 items-center\"\n >\n \n History\n \n

\n\n {/* Project History Modal */}\n {projectHistoryModalOpen && (\n setProjectHistoryModalOpen(false)}\n onSelectVersion={handleProjectHistorySelect}\n />\n )}\n\n {/* Rest of the existing App component... */}\n

\n );\n}\n\n// Existing client and server functions...\n\nexport default async function cerebras_coder(req: Request): Promise {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n\n // Existing routes...\n\n // New route for fetching project history\n if (req.method === \"GET\" && new URL(req.url).pathname === \"/project-history\") {\n try {\n const data = await sqlite.execute(`\n SELECT \n p.id, \n p.initial_prompt, \n i.code, \n i.created_at \n FROM ${KEY}_projects_${SCHEMA_VERSION} p\n JOIN ${KEY}_iterations_${SCHEMA_VERSION} i ON p.id = i.project_id\n WHERE i.version_number = (\n SELECT MAX(version_number) \n FROM ${KEY}_iterations_${SCHEMA_VERSION} \n WHERE project_id = p.id\n )\n ORDER BY p.created_at DESC\n LIMIT 20\n `);\n\n return new Response(JSON.stringify(data.rows.map(row => ({\n id: row.id,\n prompt: row.initial_prompt,\n code: row.code,\n created_at: row.created_at\n }))), {\n headers: { \"Content-Type\": \"application/json\" }\n });\n } catch (error) {\n console.error('Error fetching project history:', error);\n return new Response(JSON.stringify([]), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n }\n\n // Rest of the existing server function...\n}","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport Cerebras from \"https://esm.sh/@cerebras/cerebras_cloud_sdk\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { Prism as SyntaxHighlighter } from \"https://esm.sh/react-syntax-highlighter\";\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { STARTER_PROMPTS } from \"https://esm.town/v/stevekrouse/cerebras_coder_prompts\";\n\n// All previous client-side code remains the same...\n\nexport default async function cerebras_coder(req: Request): Promise {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const url = new URL(req.url);\n const KEY = \"cerebras_coder\";\n const SCHEMA_VERSION = 2;\n\n // Project History Route\n if (req.method === \"GET\" && url.pathname === \"/project-history\") {\n try {\n const data = await sqlite.execute(`\n SELECT \n p.id, \n p.initial_prompt, \n i.code, \n i.created_at \n FROM ${KEY}_projects_${SCHEMA_VERSION} p\n JOIN ${KEY}_iterations_${SCHEMA_VERSION} i ON p.id = i.project_id\n WHERE i.version_number = (\n SELECT MAX(version_number) \n FROM ${KEY}_iterations_${SCHEMA_VERSION} \n WHERE project_id = p.id\n )\n ORDER BY p.created_at DESC\n LIMIT 20\n `);\n\n return new Response(JSON.stringify(data.rows.map(row => ({\n id: row.id,\n prompt: row.initial_prompt,\n code: row.code,\n created_at: row.created_at\n }))), {\n headers: { \"Content-Type\": \"application/json\" }\n });\n } catch (error) {\n console.error('Error fetching project history:', error);\n return new Response(JSON.stringify([]), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n }\n\n // Main page route\n if (req.method === \"GET\" && (url.pathname === \"/\" || url.pathname === \"\")) {\n return new Response(`\n \n \n \n \n \n Cerebras Coder\n \n \n \n \n

\n \n \n \n `, {\n headers: { \n \"Content-Type\": \"text/html\",\n \"Cache-Control\": \"no-cache, no-store, must-revalidate\"\n }\n });\n }\n\n // Cerebras API Route (assuming existing implementation)\n if (req.method === \"POST\" && url.pathname === \"/generate\") {\n try {\n // Existing Cerebras generation logic\n const body = await req.json();\n // Implementation details would go here\n return new Response(JSON.stringify({ result: \"Generated code\" }), {\n headers: { \"Content-Type\": \"application/json\" }\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: \"Generation failed\" }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n }\n\n // Catch-all route for undefined paths\n return new Response('Not Found', { \n status: 404,\n headers: { \"Content-Type\": \"text/plain\" }\n });\n}","createdAt",["D",1734594020449],"branchVersion","branchId","c40ada6a-269c-11f0-9aab-569c3dd06744","id","c40a9bc2-269c-11f0-9aab-569c3dd06744","cerebras_coder",["D",1746111519425],"deletedAt","legacyEnvVars",true,"privacy","public","httpPrivacy","description","imageUrl","01812145-6202-4c48-a4a9-12f5735f8b91","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","5911704f-4bfd-4202-bf15-6785a51b4976","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},"branch",{"_13":14,"_32":84,"_43":42,"_85":44,"_86":87,"_88":61,"_89":51,"_90":91,"_92":93,"_94":45,"_95":96},"isOwned","main","projectId","forkedBranchId","5ff74ffe-1adf-11f0-8160-569c3dd06744","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","5ff6edf2-1adf-11f0-8160-569c3dd06744","forkedProjectOrgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","projectName","userHandle","shyaankhan","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycVFUZVpJRHVNbUtJYkR2WEMxakx5dHptMEYifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":174,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":175,"_79":176,"_81":177,"_83":25},"tree",[165,166],"files",[165,166],"counts",{"_155":61,"_156":151,"_157":61,"_158":159,"_160":161},"contents",[139,140],"upstreamProject",{"_43":91,"_32":45,"_53":136,"_54":-5,"_50":51,"_77":137},"upstreamBranch",{"_43":87,"_38":129,"_130":131,"_32":84,"_85":91,"_13":132,"_86":-5,"_88":-5,"_133":134,"_47":-5,"_83":25,"_50":51,"_95":135,"_62":93,"_94":45},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1744820713851],"updatedAt",["D",1754089495761],278,"lockfileKey","1763743012986-esm.town_v_stevekrouse_cerebras_coder@278-main","stevekrouse","An AI code assistant powered by Cerebras inference",{"_97":135,"_104":138},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_43":148,"_32":149,"_30":150,"_142":-5,"_41":42,"_40":151,"_143":49,"_38":152,"_13":61,"_33":20,"_35":153,"_24":25,"_146":-5,"_27":154},{"_43":141,"_32":28,"_30":31,"_142":-5,"_41":42,"_40":14,"_143":49,"_38":144,"_13":145,"_33":34,"_35":37,"_24":25,"_146":-5,"_27":147},"c4164224-269c-11f0-9aab-569c3dd06744","parentId","latest",["D",1734594020449],2,"label",[28],"c40e242c-269c-11f0-9aab-569c3dd06744","README.md","c40e24ae-269c-11f0-9aab-569c3dd06744",1,["D",1734593924957],"This is an AI code assistant powered by [Cerebras](https://cerebras.ai/inference), running llama3.3-70b.\n\nInspired by Hassan's [Llama Coder](https://llamacoder.together.ai/).\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) (started [here](https://www.val.town/v/stevekrouse/neatBlackSwift))",[149],"pulls","branches","forks","envVars",{"_162":61,"_164":61},"connections",{"_162":61,"_163":61},"count","unfilledCount","emptyCount",{"_43":148,"_32":149,"_30":150,"_142":-5,"_41":42,"_40":151,"_143":49,"_38":171,"_13":61,"_33":20,"_35":153,"_24":25,"_146":-5,"_168":172,"_27":173},{"_43":141,"_32":28,"_30":31,"_142":-5,"_41":42,"_40":14,"_143":49,"_38":167,"_13":145,"_33":34,"_35":37,"_24":25,"_146":-5,"_168":169,"_27":170},["D",1734594020449],"children",[],[28],["D",1734593924957],[],[149],["D",1746111519425],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},{"_13":14,"_32":84,"_43":42,"_85":44,"_86":87,"_88":61,"_89":51,"_90":91,"_92":93,"_94":45,"_95":96},"ctx",{"_77":-5,"_126":211,"_212":213,"_214":215,"_216":25,"_217":25,"_218":25,"_219":49,"_220":-5,"_221":-7,"_222":-7,"_223":61,"_224":25,"_225":25,"_226":-5,"_227":25,"_228":25,"_229":25,"_230":-5},"ENV",{"_182":183,"_184":185,"_186":84,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210},"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"]

Diff · v3