Val Town Code Search

cerebras_coder main.tsx10 matches

@bbbbb•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/stevekrouse/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

@businistry•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/stevekrouse/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>

utmostSalmonTick main.tsx10 matches

@amine0077•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/stevekrouse/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>

commendablePinkPeafowl main.tsx10 matches

@amine0077•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/stevekrouse/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>

illustriousAmberPigeon main.tsx10 matches

@amine0077•Updated 4 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0  */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";
4import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
5import { STARTER_PROMPTS } from "https://esm.town/v/stevekrouse/cerebras_coder_prompts";
6
30}: {
31  prompt: string;
32  setPrompt: React.Dispatch<React.SetStateAction<string>>;
33  handleSubmit: (e: React.FormEvent) => void;
34  handleStarterPromptClick: (promptItem: PromptItem) => void;
35}) {
116
117function App() {
118  const previewRef = React.useRef<HTMLDivElement>(null);
119  const [prompt, setPrompt] = useState("");
120  const [projectId, setProjectId] = useState<number | null>(null);
174  }
175
176  async function handleSubmit(e: React.FormEvent | string) {
177    if (typeof e !== "string") {
178      e.preventDefault();
628                </div>
629                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
630                  <React.Fragment key={iframeKey}>
631                    <iframe
632                      srcDoc={code}
634                      className="w-full grow"
635                    />
636                  </React.Fragment>
637                </div>
638              </div>

luxuriousEmeraldGiraffe main.tsx10 matches

@amine0077•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/stevekrouse/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>

gemini_coder main.tsx10 matches

@amine0077•Updated 4 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0  */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";
4import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
5import { STARTER_PROMPTS } from "https://esm.town/v/stevekrouse/cerebras_coder_prompts";
6
30}: {
31  prompt: string;
32  setPrompt: React.Dispatch<React.SetStateAction<string>>;
33  handleSubmit: (e: React.FormEvent) => void;
34  handleStarterPromptClick: (promptItem: PromptItem) => void;
35}) {
116
117function App() {
118  const previewRef = React.useRef<HTMLDivElement>(null);
119  const [prompt, setPrompt] = useState("");
120  const [projectId, setProjectId] = useState<number | null>(null);
174  }
175
176  async function handleSubmit(e: React.FormEvent | string) {
177    if (typeof e !== "string") {
178      e.preventDefault();
628                </div>
629                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
630                  <React.Fragment key={iframeKey}>
631                    <iframe
632                      srcDoc={code}
634                      className="w-full grow"
635                    />
636                  </React.Fragment>
637                </div>
638              </div>

lovableVioletPeafowl main.tsx10 matches

@amine0077•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/5e8b84b3-998b-465b-b739-38f1c2f31a8e/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}) {
116
117function App() {
118  const previewRef = React.useRef<HTMLDivElement>(null);
119  const [prompt, setPrompt] = useState("");
120  const [projectId, setProjectId] = useState<number | null>(null);
173  }
174
175  async function handleSubmit(e: React.FormEvent | string) {
176    if (typeof e !== "string") {
177      e.preventDefault();
672                </div>
673                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
674                  <React.Fragment key={iframeKey}>
675                    <iframe
676                      srcDoc={code}
678                      className="w-full grow"
679                    />
680                  </React.Fragment>
681                </div>
682              </div>

majesticVioletMinnow main.tsx10 matches

@amine0077•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/stevekrouse/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>

learnedIvoryButterfly main.tsx10 matches

@amine0077•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/stevekrouse/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...705 706 707 708 709 710 711...840

Projects

View all 181 projects

vt-discord4 file matches

@boucher•Updated 1 day ago

Starter template with client-side React & Hono server

diceRollerUI1 file match

@dcm31•Updated 1 day ago

A web-based dice roller using React on Val Town

Users

View all 2 users

@effector2 projects

Updated 3 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

utmostSalmonTickmain.tsx10 matches

commendablePinkPeafowlmain.tsx10 matches

illustriousAmberPigeonmain.tsx10 matches

luxuriousEmeraldGiraffemain.tsx10 matches

gemini_codermain.tsx10 matches

lovableVioletPeafowlmain.tsx10 matches

majesticVioletMinnowmain.tsx10 matches

learnedIvoryButterflymain.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

utmostSalmonTick main.tsx10 matches

commendablePinkPeafowl main.tsx10 matches

illustriousAmberPigeon main.tsx10 matches

luxuriousEmeraldGiraffe main.tsx10 matches

gemini_coder main.tsx10 matches

lovableVioletPeafowl main.tsx10 matches

majesticVioletMinnow main.tsx10 matches

learnedIvoryButterfly main.tsx10 matches