cerebras_coderREADME.md2 matches
671. Sign up for [Cerebras](https://cloud.cerebras.ai/)
82. Get a Cerebras API Key
93. Save it in a [Val Town environment variable](https://www.val.town/settings/environment-variables) called `CEREBRAS_API_KEY`
1011# Todos
cerebras_codermain.tsx5 matches
212} catch (error) {
213Toastify({
214text: "We may have hit our Cerebras Usage limits. Try again later or fork this and use your own API key.",
215position: "center",
216duration: 3000,
1024};
1025} else {
1026const client = new Cerebras({ apiKey: Deno.env.get("CEREBRAS_API_KEY") });
1027const completion = await client.chat.completions.create({
1028messages: [
1149<meta name="viewport" content="width=device-width, initial-scale=1.0">
1150<title>CerebrasCoder</title>
1151<link rel="preconnect" href="https://fonts.googleapis.com" />
1152<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
1153<link
1154href="https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap"
1155rel="stylesheet"
1156/>
1165<meta property="og:description" content="Turn your ideas into fully functional apps in less than a second – powered by Llama3.3-70b on Cerebras's super-fast wafer chips. Code is 100% open-source, hosted on Val Town."">
1166<meta property="og:type" content="website">
1167<meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">
1168
1169
neatBlackSwiftREADME.md2 matches
671. Sign up for [Cerebras](https://cloud.cerebras.ai/)
82. Get a Cerebras API Key
93. Save it in a [Val Town environment variable](https://www.val.town/settings/environment-variables) called `CEREBRAS_API_KEY`
1011# Todos
neatBlackSwiftmain.tsx4 matches
1025};
1026} else {
1027const client = new Cerebras({ apiKey: Deno.env.get("CEREBRAS_API_KEY") });
1028const thinkingCompletion = await client.chat.completions.create({
1029messages: [
1033another AI to code websites. You DO NOT code yourself. You just explain the plan.
1034You can include inline code if you want to explain how to do something.
1035Be sure to use APIs that don't require keys and that you know well. Explain the structure of the API.
1036`,
1037},
1170<meta name="viewport" content="width=device-width, initial-scale=1.0">
1171<title>CerebrasCoder</title>
1172<link rel="preconnect" href="https://fonts.googleapis.com" />
1173<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
1174<link
1175href="https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap"
1176rel="stylesheet"
1177/>
sqliteExplorerAppREADME.md1 match
13## Authentication
1415Login to your SQLite Explorer with [password authentication](https://www.val.town/v/pomdtr/password_auth) with your [Val Town API Token](https://www.val.town/settings/api) as the password.
1617## Todos / Plans
sqliteExplorerAppmain.tsx2 matches
27<head>
28<title>SQLite Explorer</title>
29<link rel="preconnect" href="https://fonts.googleapis.com" />
3031<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
32<link
33href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap"
34rel="stylesheet"
35/>
STARTER_PROMPTSmain.tsx1 match
12},
13{
14prompt: "weather dashboard for nyc using open-meteo API for NYC with icons",
15title: "Weather App",
16code:
sqliteExplorerAppmain.tsx2 matches
27<head>
28<title>SQLite Explorer</title>
29<link rel="preconnect" href="https://fonts.googleapis.com" />
3031<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
32<link
33href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap"
34rel="stylesheet"
35/>
anthropicCachingmain.tsx30 matches
1/**
2* This val creates an interactive webpage that demonstrates the functionality of the Anthropic API.
3* It uses a React frontend with an input for the API key and buttons to trigger different operations.
4* The Anthropic API key is stored in the frontend state and sent with each API request.
5*/
61011function App() {
12const [apiKey, setApiKey] = useState("");
13const [outputs, setOutputs] = useState({
14nonCachedCall: "",
2324const runOperation = async (operation: string) => {
25if (!apiKey) {
26alert("Please enter your Anthropic API key first.");
27return;
28}
35"Content-Type": "application/json",
36},
37body: JSON.stringify({ apiKey }),
38});
39const result = await response.text();
52<a href="https://github.com/anthropics/anthropic-cookbook/blob/7786b9f39db8ba65202792f564c59697a5222531/misc/prompt_caching.ipynb#L402">
53this python notebook
54</a>. Enter in your Anthropic API key (which is not saved) and click the buttons to see the results.
55</p>
56<p>
60<input
61type="password"
62placeholder="Enter Anthropic API Key"
63value={apiKey}
64onChange={(e) => setApiKey(e.target.value)}
65/>
66</div>
67<div>
68<button onClick={() => runOperation("nonCachedCall")} disabled={loading.nonCachedCall}>
69Non-cached API Call
70</button>
71<button onClick={() => runOperation("cachedCall")} disabled={loading.cachedCall}>Cached API Call</button>
72<button onClick={() => runOperation("multiTurn")} disabled={loading.multiTurn}>Multi-turn Conversation</button>
73</div>
74<h2>Non-cached API Call Output:</h2>
75<pre>{loading.nonCachedCall ? "Loading..." : outputs.nonCachedCall}</pre>
76<h2>Cached API Call Output:</h2>
77<pre>{loading.cachedCall ? "Loading..." : outputs.cachedCall}</pre>
78<h2>Multi-turn Conversation Output:</h2>
95if (url.pathname === "/run") {
96const operation = url.searchParams.get("operation");
97const { apiKey } = await request.json();
9899if (!apiKey) {
100return new Response("API key is required", { status: 400 });
101}
102104105if (operation === "nonCachedCall") {
106result = await runNonCachedCall(apiKey);
107} else if (operation === "cachedCall") {
108result = "Making two calls, first one to cache...\n\n";
109result += await runCachedCall(apiKey);
110result += "\n\nNow the cached call...\n\n";
111result += await runCachedCall(apiKey);
112} else if (operation === "multiTurn") {
113result = await runMultiTurnConversation(apiKey);
114} else {
115return new Response("Invalid operation", { status: 400 });
146}
147148async function runNonCachedCall(apiKey: string): Promise<string> {
149const { default: anthropic } = await import("npm:@anthropic-ai/sdk@0.26.1");
150const client = new anthropic.Anthropic({ apiKey });
151const MODEL_NAME = "claude-3-5-sonnet-20240620";
152175const elapsedTime = (endTime - startTime) / 1000;
176177return `Non-cached API call time: ${elapsedTime.toFixed(2)} seconds
178Input tokens: ${response.usage.input_tokens}
179Output tokens: ${response.usage.output_tokens}
182}
183184async function runCachedCall(apiKey: string): Promise<string> {
185const { default: anthropic } = await import("npm:@anthropic-ai/sdk@0.26.1");
186const client = new anthropic.Anthropic({ apiKey });
187const MODEL_NAME = "claude-3-5-sonnet-20240620";
188212const elapsedTime = (endTime - startTime) / 1000;
213214return `Cached API call time: ${elapsedTime.toFixed(2)} seconds
215Input tokens: ${response.usage.input_tokens}
216Output tokens: ${response.usage.output_tokens}
221}
222223async function runMultiTurnConversation(apiKey: string): Promise<string> {
224const { default: anthropic } = await import("npm:@anthropic-ai/sdk@0.26.1");
225const client = new anthropic.Anthropic({ apiKey });
226const MODEL_NAME = "claude-3-5-sonnet-20240620";
227
cerebras_coderREADME.md2 matches
671. Sign up for [Cerebras](https://cloud.cerebras.ai/)
82. Get a Cerebras API Key
93. Save it in a [Val Town environment variable](https://www.val.town/settings/environment-variables) called `CEREBRAS_API_KEY`
1011# Todos