Val Town Code Search

linkInBioTemplate main.tsx2 matches

@awhitter•Updated 3 months ago

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

trackESMContent main.tsx2 matches

@maxm•Updated 3 months ago

3
4const URLS = [
5  "https://esm.sh/react-dom@18.2.0/client",
6  "https://esm.sh/react-dom@18.2.0/es2022/react-dom.mjs",
7];
8const KEY = (new URL(import.meta.url)).pathname.split("/").at(-1);

react_client_fork main.tsx4 matches

@johndevor•Updated 3 months ago

1<think>
2Okay, so the user provided a React application written in TypeScript, and they mentioned that the requested changes are undefined. That probably means they just want the code to be formatted or cleaned up without any functional changes. 
3
4Looking at the code, I notice that it's using a mix of JavaScript and some TypeScript features, but it's not strictly typed. The initialTodos prop is defined as an array of objects with a text property, which is good. However, the state for todos and newTodo could benefit from more specific types.
18
19```jsx
20/** @jsxImportSource https://esm.sh/react@18.2.0 */
21import React, { useState } from "https://esm.sh/react@18.2.0";
22import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
23import { blob } from "https://esm.town/v/std/blob?v=10";
24

cerebras_coder main.tsx10 matches

@Fguyu•Updated 3 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
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

@aashish•Updated 3 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

@bikram6731•Updated 3 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

@tancec•Updated 3 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
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>

FileViewer main.tsx6 matches

@arfan•Updated 3 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import Prism from "https://esm.sh/prismjs@1.29.0?no-check";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import React, { useCallback, useEffect, useRef, useState } from "https://esm.sh/react@18.2.0";
5import "https://esm.sh/prismjs@1.29.0/components/prism-python?no-check";
6import "https://esm.sh/prismjs@1.29.0/components/prism-lua?no-check";
235  /**
236   * Handles file drop event
237   * @param {React.DragEvent} e - The drag event
238   */
239  const onDrop = useCallback(async (e) => {
260  /**
261   * Prevents default behavior for drag events
262   * @param {React.DragEvent} e - The drag event
263   */
264  const preventDefault = (e) => e.preventDefault();
461
462/**
463 * Initializes the React app on the client side
464 */
465function client() {

thrillingPlumHummingbird main.tsx2 matches

@GhulamMustafa•Updated 3 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) => {

intellectualAquamarineGoose main.tsx2 matches

@Bunnytv111•Updated 3 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) => {

« Previous

1...825 826 827 828 829 830 831...1017

Projects

View all 194 projects

StarterPackFeeds11 file matches

@moe•Updated 3 hours ago

Hono + React + Tailwind + Farcaster Mini App Starter Project

reactHonoStarter4 file matches

@Janane_CM•Updated 10 hours ago

Users

View all 2 users

@effector2 projects

Updated 2 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 project

Updated 2 weeks ago

Documentation

View all 4 documentation results

Val Town Code SearchReturn to Val Town

linkInBioTemplatemain.tsx2 matches

trackESMContentmain.tsx2 matches

react_client_forkmain.tsx4 matches

cerebras_codermain.tsx10 matches

cerebras_codermain.tsx10 matches

cerebras_codermain.tsx10 matches

cerebras_codermain.tsx10 matches

FileViewermain.tsx6 matches

thrillingPlumHummingbirdmain.tsx2 matches

intellectualAquamarineGoosemain.tsx2 matches

Projects

StarterPackFeeds11 file matches

reactHonoStarter4 file matches

Users

@effector2 projects

@officialrajdeepsingh1 project

Documentation

Val Town Code Search Return to Val Town

linkInBioTemplate main.tsx2 matches

trackESMContent main.tsx2 matches

react_client_fork main.tsx4 matches

cerebras_coder main.tsx10 matches

cerebras_coder main.tsx10 matches

cerebras_coder main.tsx10 matches

cerebras_coder main.tsx10 matches

FileViewer main.tsx6 matches

thrillingPlumHummingbird main.tsx2 matches

intellectualAquamarineGoose main.tsx2 matches