Val Town Code SearchReturn to Val Town

11type PromptItem = typeof prompts[number];
12
13function Hero({
14  prompt,
15  setPrompt,
49
50      <p className="text-[#bababa] text-center max-w-[25ch] mx-auto my-4 font-dm-sans">
51        Turn your ideas into fully functional apps in{" "}
52        <span className="relative w-fit text-fuchsia-400 z-10 italic font-semibold rounded-full">
53          less than a second
120}
121
122function App() {
123  const previewRef = React.useRef<HTMLDivElement>(null);
124  const [prompt, setPrompt] = useState("");
173  });
174
175  function handleStarterPromptClick(promptItem: typeof prompts[number]) {
176    setLoading(true);
177    setTimeout(() => handleSubmit(promptItem.prompt), 0);
178  }
179
180  async function handleSubmit(e: React.FormEvent | string) {
181    if (typeof e !== "string") {
182      e.preventDefault();
229  }
230
231  function handleVersionChange(direction: "back" | "forward") {
232    const { currentVersionIndex, versions } = versionHistory;
233    if (direction === "back" && currentVersionIndex > 0) {
992);
993
994function client() {
995  const path = window.location.pathname;
996  const root = createRoot(document.getElementById("root")!);
1028}
1029
1030function extractCodeFromFence(text: string): string {
1031  const htmlMatch = text.match(/```html\n([\s\S]*?)\n```/);
1032  return htmlMatch ? htmlMatch[1].trim() : text;
1033}
1034
1035async function generateCode(prompt: string, currentCode: string) {
1036  const starterPrompt = STARTER_PROMPTS.find(p => p.prompt === prompt);
1037  if (starterPrompt) {
1074}
1075
1076export default async function server(req: Request): Promise<Response> {
1077  // Dynamic import for SQLite to avoid client-side import
1078  const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite");

12type PromptItem = typeof prompts[number];
13
14function Hero({
15  prompt,
16  setPrompt,
50
51      <p className="text-[#bababa] text-center max-w-[25ch] mx-auto my-4 font-dm-sans">
52        Turn your ideas into fully functional apps in{" "}
53        <span className="relative w-fit text-fuchsia-400 z-10 italic font-semibold rounded-full">
54          less than a second
121}
122
123function App() {
124  const previewRef = React.useRef<HTMLDivElement>(null);
125  const [prompt, setPrompt] = useState("");
174  });
175
176  function handleStarterPromptClick(promptItem: typeof prompts[number]) {
177    setLoading(true);
178    setTimeout(() => handleSubmit(promptItem.prompt), 0);
179  }
180
181  async function handleSubmit(e: React.FormEvent | string) {
182    if (typeof e !== "string") {
183      e.preventDefault();
230  }
231
232  function handleVersionChange(direction: "back" | "forward") {
233    const { currentVersionIndex, versions } = versionHistory;
234    if (direction === "back" && currentVersionIndex > 0) {
993);
994
995function client() {
996  const path = window.location.pathname;
997  const root = createRoot(document.getElementById("root")!);
1029}
1030
1031function extractCodeFromFence(text: string): string {
1032  const htmlMatch = text.match(/```html\n([\s\S]*?)\n```/);
1033  return htmlMatch ? htmlMatch[1].trim() : text;
1034}
1035
1036async function generateCode(prompt: string, currentCode: string) {
1037  const starterPrompt = STARTER_PROMPTS.find(p => p.prompt === prompt);
1038  if (starterPrompt) {
1075}
1076
1077export default async function server(req: Request): Promise<Response> {
1078  // Dynamic import for SQLite to avoid client-side import
1079  const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite");

777    }
778
779    function predictDraw(teamA, teamB, tournament) {
780      if (!teamA || !teamB) return 0;
781
782      // Helper function to calculate draw rate
783      const calculateDrawRate = (team) =>
784        team.results.draws / team.totalMatches;

39);
40
41function App() {
42  const [functionInput, setFunctionInput] = useState("");
43  const [mermaidDiagram, setMermaidDiagram] = useState("");
44  const [error, setError] = useState("");
70          "Content-Type": "application/json",
71        },
72        body: JSON.stringify({ function: functionInput }),
73      });
74
102        },
103        body: JSON.stringify({
104          functionDescription: functionInput,
105          currentMermaidCode: `\`\`\`mermaid\n${mermaidDiagram}\n\`\`\``,
106        }),
148    <div style={styles.container}>
149      <div style={styles.header}>
150        <h1 style={styles.title}>🔍 Function Diagram Generator</h1>
151        <p style={styles.subtitle}>Transform code into visual flowcharts</p>
152      </div>
154      <form onSubmit={handleSubmit} style={styles.form}>
155        <textarea
156          value={functionInput}
157          onChange={(e) => setFunctionInput(e.target.value)}
158          placeholder="Paste your function here... (JavaScript/TypeScript)"
159          style={styles.textarea}
160          rows={10}
334};
335
336function client() {
337  createRoot(document.getElementById("root")).render(<App />);
338}
339if (typeof document !== "undefined") { client(); }
340
341export default async function server(request: Request): Promise<Response> {
342  if (request.method === "PUT") {
343    try {
372    <html>
373      <head>
374        <title>Function Mermaid Diagram Generator</title>
375        <meta name="viewport" content="width=device-width, initial-scale=1">
376        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap" rel="stylesheet">

1import { runPythonCode } from "https://deno.land/x/py_town@v0.0.8/mod.ts";
2
3export default async function handler(req: Request): Promise<Response> {
4    const pythonCode = `
5import numpy as np

3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4
5function App() {
6  const handlePostMessage = () => {
7    window.parent.postMessage('{"data": "foo", "field": "expected", "type": "update"}', '*');
29}
30
31function client() {
32  createRoot(document.getElementById("root")).render(<App />);
33}
34if (typeof document !== "undefined") { client(); }
35
36export default async function server(request: Request): Promise<Response> {
37  return new Response(`
38    <html>

2import { wholefoodssales } from "https://esm.town/v/Glench/wholefoodssales";
3
4export default async function(req: Request): Promise<Response> {
5  return new Response(dataToRSS(await wholefoodssales(), {
6    title: "Whole Foods Sales — Personal",

3import process from "node:process";
4
5export const tvshows = async function() {
6  const TV_SHOWS_WATCHED = [
7    // Ted Lasso
28    data.push(show);
29  }
30  data.sort(function(a, b) {
31    if (a.last_air_date > b.last_air_date)
32      return -1;

13}
14
15function Tooltip({ children, content }: TooltipProps) {
16  const [isVisible, setIsVisible] = useState(false);
17  const tooltipRef = useRef<HTMLDivElement>(null);
52}
53
54function formatBytes(bytes: number, decimals = 2) {
55  if (bytes === 0) return "0 Bytes";
56  const k = 1024;
61}
62
63function copyToClipboard(text: string) {
64  navigator.clipboard.writeText(text).then(() => {
65    console.log("Text copied to clipboard");
69}
70
71function ActionMenu({ blob, onDownload, onRename, onDelete, onMoveToPublic, onMoveOutOfPublic }) {
72  const [isOpen, setIsOpen] = useState(false);
73  const menuRef = useRef(null);
76
77  useEffect(() => {
78    function handleClickOutside(event) {
79      if (menuRef.current && !menuRef.current.contains(event.target)) {
80        event.stopPropagation();
158}
159
160function BlobItem({ blob, onSelect, isSelected, onDownload, onRename, onDelete, onMoveToPublic, onMoveOutOfPublic }) {
161  const [isLoading, setIsLoading] = useState(false);
162  const decodedKey = decodeURIComponent(blob.key);
219}
220
221function App({ initialEmail, initialProfile }) {
222  const encodeKey = (key: string) => encodeURIComponent(key);
223  const decodeKey = (key: string) => decodeURIComponent(key);
645}
646
647function client() {
648  const initialEmail = document.getElementById("root").getAttribute("data-email");
649  const initialProfile = JSON.parse(document.getElementById("root").getAttribute("data-profile"));

1const pyodideUrl = "https://cdn.jsdelivr.net/pyodide/v0.26.4/full/";
2
3export async function initializePyodide() {
4    // Set up the global objects that Pyodide expects
5    (globalThis as any).window = globalThis;