Val Town Code Search

cerebras_coder main.tsx10 matches

@lmj1018•Updated 4 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0  */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";
5import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
6import { STARTER_PROMPTS } from "https://esm.town/v/3d40e832-3968-40d4-ad9c-ed9dabfa3c60/cerebras_coder_prompts";
7
31}: {
32  prompt: string;
33  setPrompt: React.Dispatch<React.SetStateAction<string>>;
34  handleSubmit: (e: React.FormEvent) => void;
35  handleStarterPromptClick: (promptItem: PromptItem) => void;
36}) {
117
118function App() {
119  const previewRef = React.useRef<HTMLDivElement>(null);
120  const [prompt, setPrompt] = useState("");
121  const [projectId, setProjectId] = useState<number | null>(null);
175  }
176
177  async function handleSubmit(e: React.FormEvent | string) {
178    if (typeof e !== "string") {
179      e.preventDefault();
674                </div>
675                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
676                  <React.Fragment key={iframeKey}>
677                    <iframe
678                      srcDoc={code}
680                      className="w-full grow"
681                    />
682                  </React.Fragment>
683                </div>
684              </div>

cerebras_coder main.tsx10 matches

@jaxsome•Updated 4 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0  */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";
5import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
6import { STARTER_PROMPTS } from "https://esm.town/v/8a9f26e8-ed9d-4284-a40c-9c90c4527d52/cerebras_coder_prompts";
7
31}: {
32  prompt: string;
33  setPrompt: React.Dispatch<React.SetStateAction<string>>;
34  handleSubmit: (e: React.FormEvent) => void;
35  handleStarterPromptClick: (promptItem: PromptItem) => void;
36}) {
117
118function App() {
119  const previewRef = React.useRef<HTMLDivElement>(null);
120  const [prompt, setPrompt] = useState("");
121  const [projectId, setProjectId] = useState<number | null>(null);
175  }
176
177  async function handleSubmit(e: React.FormEvent | string) {
178    if (typeof e !== "string") {
179      e.preventDefault();
674                </div>
675                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
676                  <React.Fragment key={iframeKey}>
677                    <iframe
678                      srcDoc={code}
680                      className="w-full grow"
681                    />
682                  </React.Fragment>
683                </div>
684              </div>

genuineBlushReptile main.tsx2 matches

@mpartola•Updated 4 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0 **/
2
3import { renderToString } from "https://esm.sh/react-dom@18.2.0/server";
4import { email } from "https://esm.town/v/std/email?v=13";
5

cerebras_coder main.tsx10 matches

@galman33•Updated 4 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0  */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";
5import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
6import { STARTER_PROMPTS } from "https://esm.town/v/b281951c-41ed-41e9-a9d2-218e8ea538b1/cerebras_coder_prompts";
7
31}: {
32  prompt: string;
33  setPrompt: React.Dispatch<React.SetStateAction<string>>;
34  handleSubmit: (e: React.FormEvent) => void;
35  handleStarterPromptClick: (promptItem: PromptItem) => void;
36}) {
117
118function App() {
119  const previewRef = React.useRef<HTMLDivElement>(null);
120  const [prompt, setPrompt] = useState("");
121  const [projectId, setProjectId] = useState<number | null>(null);
175  }
176
177  async function handleSubmit(e: React.FormEvent | string) {
178    if (typeof e !== "string") {
179      e.preventDefault();
674                </div>
675                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
676                  <React.Fragment key={iframeKey}>
677                    <iframe
678                      srcDoc={code}
680                      className="w-full grow"
681                    />
682                  </React.Fragment>
683                </div>
684              </div>

brilliantAzureCrawdad main.tsx10 matches

@macronfalcone•Updated 4 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0  */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";
5import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
6import { STARTER_PROMPTS } from "https://esm.town/v/5dbc5547-34d4-4ada-8245-2f879033d7ee/cerebras_coder_prompts";
7
31}: {
32  prompt: string;
33  setPrompt: React.Dispatch<React.SetStateAction<string>>;
34  handleSubmit: (e: React.FormEvent) => void;
35  handleStarterPromptClick: (promptItem: PromptItem) => void;
36}) {
117
118function App() {
119  const previewRef = React.useRef<HTMLDivElement>(null);
120  const [prompt, setPrompt] = useState("");
121  const [projectId, setProjectId] = useState<number | null>(null);
175  }
176
177  async function handleSubmit(e: React.FormEvent | string) {
178    if (typeof e !== "string") {
179      e.preventDefault();
674                </div>
675                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
676                  <React.Fragment key={iframeKey}>
677                    <iframe
678                      srcDoc={code}
680                      className="w-full grow"
681                    />
682                  </React.Fragment>
683                </div>
684              </div>

cerebras_coder main.tsx10 matches

@macronfalcone•Updated 4 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0  */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";
5import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
6import { STARTER_PROMPTS } from "https://esm.town/v/5dbc5547-34d4-4ada-8245-2f879033d7ee/cerebras_coder_prompts";
7
31}: {
32  prompt: string;
33  setPrompt: React.Dispatch<React.SetStateAction<string>>;
34  handleSubmit: (e: React.FormEvent) => void;
35  handleStarterPromptClick: (promptItem: PromptItem) => void;
36}) {
117
118function App() {
119  const previewRef = React.useRef<HTMLDivElement>(null);
120  const [prompt, setPrompt] = useState("");
121  const [projectId, setProjectId] = useState<number | null>(null);
175  }
176
177  async function handleSubmit(e: React.FormEvent | string) {
178    if (typeof e !== "string") {
179      e.preventDefault();
674                </div>
675                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
676                  <React.Fragment key={iframeKey}>
677                    <iframe
678                      srcDoc={code}
680                      className="w-full grow"
681                    />
682                  </React.Fragment>
683                </div>
684              </div>

sensitivePinkChipmunk main.tsx10 matches

@seanwevans•Updated 4 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0  */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";
5import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
6import { STARTER_PROMPTS } from "https://esm.town/v/fdfe3bed-b1cf-406d-81e0-c2e2fd7aa947/cerebras_coder_prompts";
7
31}: {
32  prompt: string;
33  setPrompt: React.Dispatch<React.SetStateAction<string>>;
34  handleSubmit: (e: React.FormEvent) => void;
35  handleStarterPromptClick: (promptItem: PromptItem) => void;
36}) {
117
118function App() {
119  const previewRef = React.useRef<HTMLDivElement>(null);
120  const [prompt, setPrompt] = useState("");
121  const [projectId, setProjectId] = useState<number | null>(null);
175  }
176
177  async function handleSubmit(e: React.FormEvent | string) {
178    if (typeof e !== "string") {
179      e.preventDefault();
674                </div>
675                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
676                  <React.Fragment key={iframeKey}>
677                    <iframe
678                      srcDoc={code}
680                      className="w-full grow"
681                    />
682                  </React.Fragment>
683                </div>
684              </div>

cerebras_coder main.tsx10 matches

@seanwevans•Updated 4 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0  */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";
5import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
6import { STARTER_PROMPTS } from "https://esm.town/v/fdfe3bed-b1cf-406d-81e0-c2e2fd7aa947/cerebras_coder_prompts";
7
31}: {
32  prompt: string;
33  setPrompt: React.Dispatch<React.SetStateAction<string>>;
34  handleSubmit: (e: React.FormEvent) => void;
35  handleStarterPromptClick: (promptItem: PromptItem) => void;
36}) {
117
118function App() {
119  const previewRef = React.useRef<HTMLDivElement>(null);
120  const [prompt, setPrompt] = useState("");
121  const [projectId, setProjectId] = useState<number | null>(null);
175  }
176
177  async function handleSubmit(e: React.FormEvent | string) {
178    if (typeof e !== "string") {
179      e.preventDefault();
674                </div>
675                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
676                  <React.Fragment key={iframeKey}>
677                    <iframe
678                      srcDoc={code}
680                      className="w-full grow"
681                    />
682                  </React.Fragment>
683                </div>
684              </div>

cerebras_coder main.tsx10 matches

@economist2024•Updated 4 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0  */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";
5import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
6import { STARTER_PROMPTS } from "https://esm.town/v/26197dec-f80f-4503-b3b9-00d4a6d90162/cerebras_coder_prompts";
7
31}: {
32  prompt: string;
33  setPrompt: React.Dispatch<React.SetStateAction<string>>;
34  handleSubmit: (e: React.FormEvent) => void;
35  handleStarterPromptClick: (promptItem: PromptItem) => void;
36}) {
117
118function App() {
119  const previewRef = React.useRef<HTMLDivElement>(null);
120  const [prompt, setPrompt] = useState("");
121  const [projectId, setProjectId] = useState<number | null>(null);
175  }
176
177  async function handleSubmit(e: React.FormEvent | string) {
178    if (typeof e !== "string") {
179      e.preventDefault();
674                </div>
675                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
676                  <React.Fragment key={iframeKey}>
677                    <iframe
678                      srcDoc={code}
680                      className="w-full grow"
681                    />
682                  </React.Fragment>
683                </div>
684              </div>

cerebras_coder main.tsx10 matches

@chasebrignac•Updated 4 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0  */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";
5import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
6import { STARTER_PROMPTS } from "https://esm.town/v/9fc42dec-b051-4db9-b158-3e7bf6d9dab9/cerebras_coder_prompts";
7
31}: {
32  prompt: string;
33  setPrompt: React.Dispatch<React.SetStateAction<string>>;
34  handleSubmit: (e: React.FormEvent) => void;
35  handleStarterPromptClick: (promptItem: PromptItem) => void;
36}) {
117
118function App() {
119  const previewRef = React.useRef<HTMLDivElement>(null);
120  const [prompt, setPrompt] = useState("");
121  const [projectId, setProjectId] = useState<number | null>(null);
175  }
176
177  async function handleSubmit(e: React.FormEvent | string) {
178    if (typeof e !== "string") {
179      e.preventDefault();
674                </div>
675                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
676                  <React.Fragment key={iframeKey}>
677                    <iframe
678                      srcDoc={code}
680                      className="w-full grow"
681                    />
682                  </React.Fragment>
683                </div>
684              </div>

« Previous

1...730 731 732 733 734 735 736...840

Projects

View all 181 projects

vt-discord4 file matches

@boucher•Updated 2 days ago

Starter template with client-side React & Hono server

diceRollerUI1 file match

@dcm31•Updated 2 days ago

A web-based dice roller using React on Val Town

Users

View all 2 users

@effector2 projects

Updated 12 hours ago

Write business logic with ease Meet the new standard for modern TypeScript development. Type-safe, reactive, framework-agnostic library to manage your business logic.

@officialrajdeepsingh1 project

Updated 1 day ago

Documentation

View all 4 documentation results

Val Town Code SearchReturn to Val Town

cerebras_codermain.tsx10 matches

cerebras_codermain.tsx10 matches

genuineBlushReptilemain.tsx2 matches

cerebras_codermain.tsx10 matches

brilliantAzureCrawdadmain.tsx10 matches

cerebras_codermain.tsx10 matches

sensitivePinkChipmunkmain.tsx10 matches

cerebras_codermain.tsx10 matches

cerebras_codermain.tsx10 matches

cerebras_codermain.tsx10 matches

Projects

vt-discord4 file matches

diceRollerUI1 file match

Users

@effector2 projects

@officialrajdeepsingh1 project

Documentation

Val Town Code Search Return to Val Town

cerebras_coder main.tsx10 matches

cerebras_coder main.tsx10 matches

genuineBlushReptile main.tsx2 matches

cerebras_coder main.tsx10 matches

brilliantAzureCrawdad main.tsx10 matches

cerebras_coder main.tsx10 matches

sensitivePinkChipmunk main.tsx10 matches

cerebras_coder main.tsx10 matches

cerebras_coder main.tsx10 matches

cerebras_coder main.tsx10 matches