Val Town Code Search

cerebras_coder main.tsx10 matches

@saravananarch•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>

sharedTextBox main.tsx3 matches

@wolf•Updated 4 months ago

1/** @jsxImportSource https://esm.sh/react */
2import React, { useState, useEffect, useCallback, useRef } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4import { useDebouncedCallback } from "https://esm.sh/use-debounce";
5

cerebras_coder main.tsx10 matches

@code01•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

@hanguru•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

@zenprocess•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>

X main.tsx3 matches

@AppleLamps•Updated 4 months ago

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

endearingChocolateBuzzard main.tsx2 matches

@dishantpal•Updated 4 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0 **/
2import { renderToString } from "https://esm.sh/react-dom@18.2.0/server";
3
4export default (req: Request) => {

flowingBeigePigeon main.tsx4 matches

@lilymachado•Updated 4 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useRef, useCallback } from "https://esm.sh/react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4
5// Comprehensive type for wildlife image analysis
207
208  // Enhanced image upload handler with file validation
209  const handleImageUpload = (event: React.ChangeEvent<HTMLInputElement>) => {
210    const file = event.target.files?.[0];
211    if (file) {

wildlifeRescueApp main.tsx5 matches

@lilymachado•Updated 4 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useCallback, useRef } from "https://esm.sh/react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4
5function WildlifeRescueApp() {
22  }, []);
23
24  const handleImageUpload = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
25    const file = e.target.files?.[0];
26    if (file) {
75  }, []);
76
77  const handleSubmit = async (e: React.FormEvent) => {
78    e.preventDefault();
79    setSubmitStatus('Submitting incident...');

blob_admin README.md1 match

@caizoryan•Updated 4 months ago

6
7Versions 0-17 of this val were done with Hono and server-rendering. 
8Versions 18+ were generated with Townie and use client-side React.
9
10To use this val, fork it to your account.

« Previous

1...1032 1033 1034 1035 1036 1037 1038...1179

Projects

View all 208 vals

reactHonoStarter4 file matches

@ultragamer969•Updated 8 hours ago

reactHonoStarter4 file matches

@lightweight•Updated 13 hours ago

Users

View all 2 users

@effector2 vals

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

Documentation

View all 4 documentation results

Val Town Code SearchReturn to Val Town

cerebras_codermain.tsx10 matches

sharedTextBoxmain.tsx3 matches

cerebras_codermain.tsx10 matches

cerebras_codermain.tsx10 matches

cerebras_codermain.tsx10 matches

Xmain.tsx3 matches

endearingChocolateBuzzardmain.tsx2 matches

flowingBeigePigeonmain.tsx4 matches

wildlifeRescueAppmain.tsx5 matches

blob_adminREADME.md1 match

Projects

reactHonoStarter4 file matches

reactHonoStarter4 file matches

Users

@effector2 vals

@officialrajdeepsingh1 val

Documentation

Val Town Code Search Return to Val Town

cerebras_coder main.tsx10 matches

sharedTextBox main.tsx3 matches

cerebras_coder main.tsx10 matches

cerebras_coder main.tsx10 matches

cerebras_coder main.tsx10 matches

X main.tsx3 matches

endearingChocolateBuzzard main.tsx2 matches

flowingBeigePigeon main.tsx4 matches

wildlifeRescueApp main.tsx5 matches

blob_admin README.md1 match