Val Town Code Search

fastPlumBonobo main.tsx10 matches

@gratitude5dee•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?deps=react@18.2.0";
4import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter?deps=react@18.2.0,react-dom@18.2.0";
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
80}: {
81  prompt: string;
82  setPrompt: React.Dispatch<React.SetStateAction<string>>;
83  handleSubmit: (e: React.FormEvent) => void;
84  handleStarterPromptClick: (promptItem: PromptItem) => void;
85}) {
169
170function App() {
171  const previewRef = React.useRef<HTMLDivElement>(null);
172  const [prompt, setPrompt] = useState("");
173  const [projectId, setProjectId] = useState<number | null>(null);
227  }
228
229  async function handleSubmit(e: React.FormEvent | string) {
230    if (typeof e !== "string") {
231      e.preventDefault();
733                </div>
734                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
735                  <React.Fragment key={iframeKey}>
736                    <iframe
737                      srcDoc={code}
739                      className="w-full grow"
740                    />
741                  </React.Fragment>
742                </div>
743              </div>

observantBronzeOrca main.tsx10 matches

@gratitude5dee•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?deps=react@18.2.0";
4import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter?deps=react@18.2.0,react-dom@18.2.0";
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
80}: {
81  prompt: string;
82  setPrompt: React.Dispatch<React.SetStateAction<string>>;
83  handleSubmit: (e: React.FormEvent) => void;
84  handleStarterPromptClick: (promptItem: PromptItem) => void;
85}) {
169
170function App() {
171  const previewRef = React.useRef<HTMLDivElement>(null);
172  const [prompt, setPrompt] = useState("");
173  const [projectId, setProjectId] = useState<number | null>(null);
227  }
228
229  async function handleSubmit(e: React.FormEvent | string) {
230    if (typeof e !== "string") {
231      e.preventDefault();
733                </div>
734                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
735                  <React.Fragment key={iframeKey}>
736                    <iframe
737                      srcDoc={code}
739                      className="w-full grow"
740                    />
741                  </React.Fragment>
742                </div>
743              </div>

cerebras_coder main.tsx10 matches

@smc•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?deps=react@18.2.0";
4import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter?deps=react@18.2.0,react-dom@18.2.0";
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
80}: {
81  prompt: string;
82  setPrompt: React.Dispatch<React.SetStateAction<string>>;
83  handleSubmit: (e: React.FormEvent) => void;
84  handleStarterPromptClick: (promptItem: PromptItem) => void;
85}) {
169
170function App() {
171  const previewRef = React.useRef<HTMLDivElement>(null);
172  const [prompt, setPrompt] = useState("");
173  const [projectId, setProjectId] = useState<number | null>(null);
227  }
228
229  async function handleSubmit(e: React.FormEvent | string) {
230    if (typeof e !== "string") {
231      e.preventDefault();
733                </div>
734                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
735                  <React.Fragment key={iframeKey}>
736                    <iframe
737                      srcDoc={code}
739                      className="w-full grow"
740                    />
741                  </React.Fragment>
742                </div>
743              </div>

cerebras_coder main.tsx10 matches

@gratitude5dee•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?deps=react@18.2.0";
4import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter?deps=react@18.2.0,react-dom@18.2.0";
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
80}: {
81  prompt: string;
82  setPrompt: React.Dispatch<React.SetStateAction<string>>;
83  handleSubmit: (e: React.FormEvent) => void;
84  handleStarterPromptClick: (promptItem: PromptItem) => void;
85}) {
169
170function App() {
171  const previewRef = React.useRef<HTMLDivElement>(null);
172  const [prompt, setPrompt] = useState("");
173  const [projectId, setProjectId] = useState<number | null>(null);
227  }
228
229  async function handleSubmit(e: React.FormEvent | string) {
230    if (typeof e !== "string") {
231      e.preventDefault();
733                </div>
734                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
735                  <React.Fragment key={iframeKey}>
736                    <iframe
737                      srcDoc={code}
739                      className="w-full grow"
740                    />
741                  </React.Fragment>
742                </div>
743              </div>

instagramExtract main.tsx3 matches

@wolf•Updated 4 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { useEffect, useRef, useState } from "https://esm.sh/react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4
5function App() {

textToGenerate main.tsx3 matches

@KALPESHPATEL•Updated 4 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { Hono } from "https://esm.sh/hono";
3import { html } from "https://esm.sh/hono/helper";
4import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
5import React, { useState } from "https://esm.sh/react@18.2.0";
6
7function App() {

BMICalculator main.tsx3 matches

@KALPESHPATEL•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 React, { useState } from "https://esm.sh/react@18.2.0";
4
5function App() {

cerebrasTemplate main.tsx3 matches

@rupesh0745•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 React, { useState } from "https://esm.sh/react@18.2.0";
4
5function App() {

cerebrasTemplate main.tsx3 matches

@devin78988•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 React, { useState } from "https://esm.sh/react@18.2.0";
4
5function App() {

characterGuesser main.tsx3 matches

@vawogbemi•Updated 4 months ago

1/** @jsxImportSource https://esm.sh/react */
2import React, { useEffect, useRef, useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function App() {

« Previous

1...1404 1405 1406 1407 1408 1409 1410...1585

Projects

View all 222 vals

MiniAppStarter10 file matches

@moe•Updated 19 hours ago

Hono + React + Tailwind + Farcaster Mini App Starter Project

hanabi3 file matches

@jxnblk•Updated 22 hours ago

React Router for Hono in Val Town

Users

View all 2 users

@effector2 vals

Updated 1 month 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 val

Updated 1 month ago

Documentation

View all 4 documentation results

Val Town Code SearchReturn to Val Town

fastPlumBonobomain.tsx10 matches

observantBronzeOrcamain.tsx10 matches

cerebras_codermain.tsx10 matches

cerebras_codermain.tsx10 matches

instagramExtractmain.tsx3 matches

textToGeneratemain.tsx3 matches

BMICalculatormain.tsx3 matches

cerebrasTemplatemain.tsx3 matches

cerebrasTemplatemain.tsx3 matches

characterGuessermain.tsx3 matches

Projects

MiniAppStarter10 file matches

hanabi3 file matches

Users

@effector2 vals

@officialrajdeepsingh1 val

Documentation

Val Town Code Search Return to Val Town

fastPlumBonobo main.tsx10 matches

observantBronzeOrca main.tsx10 matches

cerebras_coder main.tsx10 matches

cerebras_coder main.tsx10 matches

instagramExtract main.tsx3 matches

textToGenerate main.tsx3 matches

BMICalculator main.tsx3 matches

cerebrasTemplate main.tsx3 matches

cerebrasTemplate main.tsx3 matches

characterGuesser main.tsx3 matches