Val Town Code Search

properGreenGalliform main.tsx10 matches

@stevekrouse•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/a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18/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>

cerebras_coder main.tsx10 matches

@developedbyumair•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/ac9a103b-4d80-4a48-b0b0-35068eca9dcd/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

@thetulga•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/19675791-48c2-40d9-80f1-e3ee4aba0198/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

@aicodeking•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/c085f976-e8d8-40df-a2b2-cd7adc984180/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>

solicitousOliveDuck main.tsx11 matches

@stevekrouse•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}) {
125
126function App() {
127  const previewRef = React.useRef<HTMLDivElement>(null);
128  const [prompt, setPrompt] = useState("");
129  const [projectId, setProjectId] = useState<number | null>(null);
183  }
184
185  async function handleSubmit(e: React.FormEvent | string) {
186    if (typeof e !== "string") {
187      e.preventDefault();
682                </div>
683                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
684                  <React.Fragment key={iframeKey}>
685                    <iframe
686                      srcDoc={code}
688                      className="w-full grow"
689                    />
690                  </React.Fragment>
691                </div>
692              </div>
985  const path = window.location.pathname;
986  const root = createRoot(document.getElementById("root")!);
987  const { useSpeechRecognition } = await import("https://esm.sh/react-speech-kit?deps=react@18.2.0&react-dom@18.20");
988  window.useSpeechRecognition = useSpeechRecognition;
989

qualityGrayPike main.tsx10 matches

@stevekrouse•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/a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18/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>

lovableVioletPeafowl main.tsx10 matches

@stevekrouse•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}) {
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>

cerebras_coder main.tsx10 matches

@mtarapata•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/1a467bb1-aad5-4d21-acb2-d66e76637300/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>

cerebras_coder main.tsx10 matches

@deepmojo•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/ccfd6475-5dc8-4b0a-9a15-ecfcc31823df/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>

neatBlackSwift main.tsx10 matches

@stevekrouse•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);
176  }
177
178  async function handleSubmit(e: React.FormEvent | string) {
179    if (typeof e !== "string") {
180      e.preventDefault();
675                </div>
676                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
677                  <React.Fragment key={iframeKey}>
678                    <iframe
679                      srcDoc={code}
681                      className="w-full grow"
682                    />
683                  </React.Fragment>
684                </div>
685              </div>

« Previous

1...732 733 734 735 736 737 738...841

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 16 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

properGreenGalliformmain.tsx10 matches

cerebras_codermain.tsx10 matches

cerebras_codermain.tsx10 matches

cerebras_codermain.tsx10 matches

solicitousOliveDuckmain.tsx11 matches

qualityGrayPikemain.tsx10 matches

lovableVioletPeafowlmain.tsx10 matches

cerebras_codermain.tsx10 matches

cerebras_codermain.tsx10 matches

neatBlackSwiftmain.tsx10 matches

Projects

vt-discord4 file matches

diceRollerUI1 file match

Users

@effector2 projects

@officialrajdeepsingh1 project

Documentation

Val Town Code Search Return to Val Town

properGreenGalliform main.tsx10 matches

cerebras_coder main.tsx10 matches

cerebras_coder main.tsx10 matches

cerebras_coder main.tsx10 matches

solicitousOliveDuck main.tsx11 matches

qualityGrayPike main.tsx10 matches

lovableVioletPeafowl main.tsx10 matches

cerebras_coder main.tsx10 matches

cerebras_coder main.tsx10 matches

neatBlackSwift main.tsx10 matches