🔍 Val Code Search

Search through all files in your Val Town projects

\n ${renderSearchForm()}\n

Usage Tips

Enter a single term: sqlite
Search multiple terms (OR): fetch, request
Check \"Match ALL\" for AND behavior: import, react
Searches are case-insensitive
Add &format=json for JSON output

\n\n`,\n\t\t\t{ headers: { \"Content-Type\": \"text/html\" } },\n\t\t);\n\t}\n\n\tconst searchTerms = query.split(\",\").map((t) => t.trim()).filter((t) =>\n\t\tt.length > 0\n\t);\n\n\tif (searchTerms.length === 0) {\n\t\treturn new Response(\"No valid search terms provided\", { status: 400 });\n\t}\n\n\tconst client = new ValTown();\n\tconst startTime = Date.now();\n\n\tconst stats: SearchStats = {\n\t\ttotalVals: 0,\n\t\ttotalFiles: 0,\n\t\tvalsWithMatches: 0,\n\t\tfilesWithMatches: 0,\n\t\ttotalMatches: 0,\n\t\tsearchDuration: 0,\n\t\terrors: [],\n\t};\n\n\ttry {\n\t\tconst vals = await getAllVals(client);\n\t\tstats.totalVals = vals.length;\n\n\t\tconsole.log(`Found ${vals.length} vals to search`);\n\n\t\tconst results: SearchResult[] = [];\n\n\t\tfor (const val of vals) {\n\t\t\tconst files = await getAllFiles(val.id, client);\n\t\t\tconsole.log(`Val ${val.name}: found ${files.length} files`);\n\t\t\tconst searchableFiles = files.filter((f) => isSearchableFile(f.name));\n\t\t\tconsole.log(\n\t\t\t\t`Val ${val.name}: ${searchableFiles.length} searchable files`,\n\t\t\t);\n\t\t\tstats.totalFiles += searchableFiles.length;\n\n\t\t\tconst fileMatches: FileMatch[] = [];\n\n\t\t\tfor (const file of searchableFiles) {\n\t\t\t\tconst content = await getFileContent(val.id, file.path, client);\n\t\t\t\tif (!content) continue;\n\n\t\t\t\tconst matches = searchInContent(content, searchTerms, matchAll);\n\n\t\t\t\tif (matches.length > 0) {\n\t\t\t\t\tstats.filesWithMatches++;\n\t\t\t\t\tstats.totalMatches += matches.length;\n\n\t\t\t\t\tfileMatches.push({\n\t\t\t\t\t\tfilePath: file.path,\n\t\t\t\t\t\tfileUrl: `${val.links.html}/${file.path}`,\n\t\t\t\t\t\tmatches: matches.slice(0, maxMatchesPerFile),\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (fileMatches.length > 0) {\n\t\t\t\tstats.valsWithMatches++;\n\t\t\t\tresults.push({\n\t\t\t\t\tvalName: val.name,\n\t\t\t\t\tvalIdentifier: val.identifier,\n\t\t\t\t\tvalUrl: val.links.html,\n\t\t\t\t\tfiles: fileMatches.slice(0, maxFilesPerVal),\n\t\t\t\t\ttotalMatches: fileMatches.reduce(\n\t\t\t\t\t\t(sum, f) => sum + f.matches.length,\n\t\t\t\t\t\t0,\n\t\t\t\t\t),\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tstats.searchDuration = Date.now() - startTime;\n\n\t\t// Sort results by total matches (descending)\n\t\tresults.sort((a, b) => b.totalMatches - a.totalMatches);\n\n\t\t// Return JSON if requested\n\t\tif (format === \"json\") {\n\t\t\treturn new Response(\n\t\t\t\tJSON.stringify(\n\t\t\t\t\t{ query, searchTerms, matchAll, results, stats },\n\t\t\t\t\tnull,\n\t\t\t\t\t2,\n\t\t\t\t),\n\t\t\t\t{ headers: { \"Content-Type\": \"application/json\" } },\n\t\t\t);\n\t\t}\n\n\t\t// Render HTML results\n\t\tconst resultsHtml = results.length > 0\n\t\t\t? results.map((r) => `\n

📁 ${\n\t\t\t\tescapeHtml(r.valName)\n\t\t\t}

${r.totalMatches} match${\n\t\t\t\tr.totalMatches === 1 ? \"\" : \"es\"\n\t\t\t} in ${r.files.length} file${r.files.length === 1 ? \"\" : \"s\"}

\n ${\n\t\t\t\tr.files.map((f) => `\n

📄 ${\n\t\t\t\t\tescapeHtml(f.filePath)\n\t\t\t\t}

\n ${\n\t\t\t\t\tf.matches.map((m) => `\n

\n L${m.lineNumber}\n ${\n\t\t\t\t\t\thighlightMatches(m.content.substring(0, 200), searchTerms)\n\t\t\t\t\t}${m.content.length > 200 ? \"...\" : \"\"}\n

\n `).join(\"\")\n\t\t\t\t}\n ${\n\t\t\t\t\tf.matches.length >= maxMatchesPerFile\n\t\t\t\t\t\t? `

... and more matches

`\n\t\t\t\t\t\t: \"\"\n\t\t\t\t}\n

\n `).join(\"\")\n\t\t\t}\n

\n `).join(\"\")\n\t\t\t: `

No files found containing \"${escapeHtml(query)}\"

Searched ${stats.totalFiles} files across ${stats.totalVals} vals

`;\n\n\t\treturn new Response(\n\t\t\t`\n\n\n \n \n Search: \"${escapeHtml(query)}\" - Val Code Search\n ${styles}\n\n\n

🔍 Val Code Search

\n ${renderSearchForm(query, matchAll)}\n ${\n\t\t\t\tresults.length > 0\n\t\t\t\t\t? `\n

\n Found ${stats.totalMatches} match${\n\t\t\t\t\t\tstats.totalMatches === 1 ? \"\" : \"es\"\n\t\t\t\t\t} \n in ${stats.filesWithMatches} file${\n\t\t\t\t\t\tstats.filesWithMatches === 1 ? \"\" : \"s\"\n\t\t\t\t\t} \n across ${stats.valsWithMatches} val${\n\t\t\t\t\t\tstats.valsWithMatches === 1 ? \"\" : \"s\"\n\t\t\t\t\t}\n
\n Searched ${stats.totalFiles} files in ${stats.totalVals} vals (${\n\t\t\t\t\t\t(stats.searchDuration / 1000).toFixed(2)\n\t\t\t\t\t}s)\n

\n `\n\t\t\t\t\t: \"\"\n\t\t\t}\n ${resultsHtml}\n\n`,\n\t\t\t{ headers: { \"Content-Type\": \"text/html\" } },\n\t\t);\n\t} catch (error) {\n\t\tstats.searchDuration = Date.now() - startTime;\n\n\t\tif (format === \"json\") {\n\t\t\treturn new Response(\n\t\t\t\tJSON.stringify({ error: error.message, stats }, null, 2),\n\t\t\t\t{ status: 500, headers: { \"Content-Type\": \"application/json\" } },\n\t\t\t);\n\t\t}\n\n\t\treturn new Response(\n\t\t\t`\n\n\n \n Error - Val Code Search\n ${styles}\n\n\n

❌ Error

Something went wrong: ${escapeHtml(error.message)}

\n ← Back to search\n\n`,\n\t\t\t{ status: 500, headers: { \"Content-Type\": \"text/html\" } },\n\t\t);\n\t}\n}","children",[],[168],"a5d6706a-fca0-11f0-95a6-42dde27851f2","deno.json","a5d6713c-fca0-11f0-95a6-42dde27851f2",["D",1769642735565],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"compilerOptions\": {\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ],\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"]\n },\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-sloppy-imports\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true\n },\n \"imports\": {\n \"@biomejs/biome\": \"npm:@biomejs/biome@^2.3.12\"\n },\n \"lint\": {\n \"files\": {\n \"include\": [\"deno:/https/esm.town/**/*\"]\n },\n \"rules\": {\n \"exclude\": [\"no-explicit-any\", \"no-import-prefix\"]\n }\n },\n \"lock\": false,\n \"nodeModulesDir\": \"auto\"\n}",[],[179],"a5e22b08-fca0-11f0-95a6-42dde27851f2","biome.json","a5e22c16-fca0-11f0-95a6-42dde27851f2",15,["D",1769642735606],"{\n \"$schema\": \"https://biomejs.dev/schemas/2.3.12/schema.json\",\n \"vcs\": { \"enabled\": true, \"clientKind\": \"git\", \"useIgnoreFile\": true },\n \"files\": { \"ignoreUnknown\": false },\n \"formatter\": { \"enabled\": true, \"indentStyle\": \"tab\" },\n \"linter\": { \"enabled\": true, \"rules\": { \"recommended\": true } },\n \"javascript\": { \"formatter\": { \"quoteStyle\": \"double\" } },\n \"assist\": {\n \"enabled\": true,\n \"actions\": { \"source\": { \"organizeImports\": \"on\" } }\n }\n}",[],[186],"a5f4fb7a-fca0-11f0-ab76-42dde27851f2","README.md","a5f4fc24-fca0-11f0-ab76-42dde27851f2",18,["D",1769642735611],"# vtEditorFiles\n\nMigrated from folder",[],[194],"a5eefc52-fca0-11f0-9eba-42dde27851f2","CLAUDE.md","a5eefd4c-fca0-11f0-9eba-42dde27851f2",17,["D",1769642735684],"# CLAUDE.md\n\nThis file provides guidance to Claude Code (claude.ai/code) when working with\ncode in this repository.\n\nRead the instructions from AGENTS.md: @AGENTS.md. Confirm you have read the\ninstructions from AGENTS.md before starting.",[],[202],"a5dd9e30-fca0-11f0-a068-42dde27851f2","AGENTS.md","a5dd9eee-fca0-11f0-a068-42dde27851f2",14,["D",1769642735601],"You are an advanced assistant specialized in generating Val Town code.\n\n## Runtime Environment\n\nVal Town uses **Deno** as its runtime in a serverless context.\n\n### Security Constraints\n\n- **No filesystem access**: Vals cannot read or write local files\n- **No FFI (Foreign Function Interface)**: Cannot call native code\n- **No subprocesses**: Cannot spawn child processes\n- **Network access allowed**: HTTP requests are permitted\n- **Environment variables**: Accessible via `Deno.env.get()`\n\n### Performance Characteristics\n\n- **Cold start time**: 100ms+ for first request (includes dependency installation)\n- **Warm instances**: Subsequent requests are much faster when val stays warm\n- Prefer lightweight packages to reduce cold start time\n\n### Key Differences from Node.js\n\n1. **No `require()`**: Use ES modules (`import/export`) only\n2. **No `__dirname` or `__filename`**: Not available in Deno\n3. **Explicit file extensions**: Must include `.ts`, `.tsx`, or `.js` in relative imports\n4. **Top-level await**: Supported natively\n5. **NPM packages require `npm:` prefix**: Or use `https://esm.sh`\n\n## Core Guidelines\n\n- Ask clarifying questions when requirements are ambiguous\n- Provide complete, functional solutions rather than skeleton implementations\n- Test your logic against edge cases before presenting the final solution\n- Ensure all code follows Val Town's specific platform requirements\n- If a section of code that you're working on is getting too complex, consider\n refactoring it into subcomponents\n\n## Code Standards\n\n- Generate code in TypeScript or TSX\n- Add appropriate TypeScript types and interfaces for all data structures\n- Prefer official SDKs or libraries than writing API calls directly\n- Ask the user to supply API or library documentation if you are at all unsure\n about it\n- **Never bake in secrets into the code** - always use environment variables\n- Include comments explaining complex logic (avoid commenting obvious\n operations)\n- Follow modern ES6+ conventions and functional programming practices if\n possible\n\n## Import Syntax\n\nVal Town supports multiple import methods:\n\n### NPM Packages\n\n```ts\nimport { foo } from \"npm:packagename@version\";\nimport bar from \"npm:another-package@1.0.0\";\n```\n\n### JSR (JavaScript Registry)\n\n```ts\nimport { encodeBase64 } from \"jsr:@std/encoding@1.0.4/base64\";\nimport { escape } from \"jsr:@std/html@1.0.3/entities\";\n```\n\n### esm.sh (CDN)\n\n```ts\nimport React from \"https://esm.sh/react@18\";\n```\n\n### esm.town (Val Town imports)\n\n```ts\nimport { blob } from \"https://esm.town/v/std/blob\";\n```\n\n**Important**: Always specify versions for reproducibility and reliability.\n\n## Types of Vals (fileType)\n\n### 1. HTTP Val (`fileType: \"http\"`)\n\n- Create web APIs and endpoints\n- Handle HTTP requests and responses\n- HTTP vals have a `links.endpoint` field containing the live URL where the val is deployed\n- Example structure:\n\n```ts\nexport default async function (req: Request): Promise {\n return new Response(\"Hello World\", {\n status: 200,\n headers: { \"Content-Type\": \"text/plain\" },\n });\n}\n```\n\nFiles that are HTTP vals have http in their name like `foobar.http.tsx`\n\n### 2. Interval Val (`fileType: \"interval\"`)\n\n- Run on a schedule (cron-like functionality)\n- Example structure:\n\n```ts\nexport default async function () {\n console.log(\"Running scheduled task\", new Date());\n}\n```\n\nFiles that are Interval vals have cron in their name like `foobar.cron.tsx`\n\n### 3. Email Val (`fileType: \"email\"`)\n\n- Process incoming emails\n- Handle email-based workflows\n- Example structure:\n\n```ts\nexport default async function (email: Email) {\n console.log(\"Received email from:\", email.from);\n}\n```\n\nFiles that are Email vals have email in their name like `foobar.email.tsx`\n\n### 4. Script Val (`fileType: \"script\"`)\n\n- General-purpose code that can export functions or values\n- Example structure:\n\n```ts\nexport function greet(name: string): string {\n return `Hello, ${name}!`;\n}\n\nexport const config = {\n version: \"1.0.0\",\n};\n```\n\n## Val Town Standard Library\n\nVal Town provides built-in services:\n\n### SQLite Storage\n\n**For application code in Vals**, use the standard library import:\n\n```typescript\nimport { sqlite } from \"https://esm.town/v/std/sqlite@14-main/main.ts\";\n\n// Create tables idempotently (safe to run multiple times)\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS users (\n id INTEGER PRIMARY KEY,\n name TEXT NOT NULL,\n email TEXT UNIQUE\n )\n`);\n\nconst result = await sqlite.execute(\"SELECT * FROM users\");\n/**\nresult:\n\n ResultSetImpl {\n columns: [ \"id\", \"name\", \"email\" ],\n columnTypes: [ \"INTEGER\", \"TEXT\", \"TEXT\" ],\n rows: [\n { id: 1, name: \"Charlie\", email: \"charlie@example.com\" },\n { id: 2, name: \"Dave\", email: \"dave@example.com\" }\n ],\n rowsAffected: 0,\n lastInsertRowid: undefined\n }\n*/\n\n// Parameterized queries (always use these for user input!)\nawait sqlite.execute({\n sql: \"INSERT INTO users (name, email) VALUES (?, ?)\",\n args: [\"Charlie\", \"charlie@example.com\"],\n});\n\n// Named parameters also supported\nawait sqlite.execute({\n sql: \"SELECT * FROM users WHERE email = :email\",\n args: { email: \"alice@example.com\" },\n});\n\n// Batch operations for atomic multi-statement transactions\n// All succeed together or all fail (rollback on error)\nawait sqlite.batch([\n {\n sql: \"INSERT INTO users (name, email) VALUES (?, ?)\",\n args: [\"Dave\", \"dave@example.com\"],\n },\n { sql: \"UPDATE users SET name = ? WHERE id = ?\", args: [\"David\", 4] },\n]);\n```\n\n**Important notes**:\n\n- Results return as `{columns: string[], rows: any[][]}` - map to objects as needed\n- Always use parameterized queries (`args`) for user input to prevent SQL injection\n- Use `sqlite.batch()` when multiple operations must succeed/fail together\n- Use `CREATE TABLE IF NOT EXISTS` for idempotent table creation\n- MCP tools (sqlite_execute/sqlite_batch) are for debugging; use `std/sqlite` in Val code\n- See https://docs.val.town/reference/std/sqlite/usage/ for complete documentation\n- Existing vals may use https://esm.town/v/std/sqlite for SQLite. Do not change\n this if it is already in place: std/sqlite accesses an SQLite database that is specific\n to the user, std/db accesses one that is specific to the val.\n\n### Blob Storage\n\n```typescript\nimport { blob } from \"@valtown/sdk\";\n\nawait blob.setJSON(\"mykey\", { data: \"value\" });\nconst data = await blob.getJSON(\"mykey\");\n```\n\n### Email Sending\n\n```typescript\nimport { email } from \"@valtown/sdk\";\n\nawait email.send({\n to: \"user@example.com\",\n subject: \"Hello\",\n text: \"Message body\",\n});\n```\n\n### OpenAI\n\n```ts\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\nconst openai = new OpenAI();\nconst completion = await openai.chat.completions.create({\n messages: [{ role: \"user\", content: \"Say hello in a creative way\" }],\n model: \"gpt-4o-mini\",\n max_tokens: 30,\n});\n```\n\n## Val Town Utility Functions\n\nVal Town provides several utility functions to help with common project tasks.\n\n### Importing Utilities\n\nAlways import utilities with version pins to avoid breaking changes:\n\n```ts\nimport {\n parseProject,\n readFile,\n serveFile,\n} from \"https://esm.town/v/std/utils@85-main/index.ts\";\n```\n\n### Available Utilities\n\n#### **serveFile** - Serve project files with proper content types\n\nFor example, in Hono:\n\n```ts\n// serve all files in frontend/ and shared/\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n```\n\n#### **readFile** - Read files from within the project:\n\n```ts\n// Read a file from the project\nconst fileContent = await readFile(\"/frontend/index.html\", import.meta.url);\n```\n\n#### **listFiles** - List all files in the project\n\n```ts\nconst files = await listFiles(import.meta.url);\n```\n\n#### **parseProject** - Extract information about the current project from import.meta.url\n\nThis is useful for including info for linking back to a val, ie in \"view source\"\nurls:\n\n```ts\nconst projectVal = parseProject(import.meta.url);\nconsole.log(projectVal.username); // Owner of the project\nconsole.log(projectVal.name); // Project name\nconsole.log(projectVal.version); // Version number\nconsole.log(projectVal.branch); // Branch name\nconsole.log(projectVal.links.self.project); // URL to the project page\n```\n\nHowever, it's _extremely importing_ to note that `parseProject` and other\nStandard Library utilities ONLY RUN ON THE SERVER. If you need access to this\ndata on the client, run it in the server and pass it to the client by splicing\nit into the HTML page or by making an API request for it.\n\n## Val Town Platform Specifics\n\n- **Redirects:** Use\n `return new Response(null, { status: 302, headers: { Location: \"/place/to/redirect\" }})`\n instead of `Response.redirect` which is broken\n- **Images:** Avoid external images or base64 images. Use emojis, unicode\n symbols, or icon fonts/libraries instead\n- **AI Image:** To inline generate an AI image use:\n `

`\n- **Storage:** DO NOT use the Deno KV module for storage\n- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods\n- **Weather Data:** Use open-meteo for weather data (doesn't require API keys)\n unless otherwise specified\n- **View Source:** Add a view source link by importing & using\n `import.meta.url.replace(\"ems.sh\", \"val.town)\"` (or passing this data to the\n client) and include `target=\"_top\"` attribute\n- **Error Debugging:** Add\n `` to HTML to capture\n client-side errors\n- **Environment Variables:** Use `Deno.env.get('keyname')` with defensive checks:\n ```ts\n const apiKey = Deno.env.get(\"API_KEY\");\n if (!apiKey) {\n throw new Error(\"API_KEY not configured\");\n }\n ```\n Generally prefer APIs that don't require keys when possible.\n- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure\n compatibility on server and browser\n- **Storage Strategy:** Only use backend storage if explicitly required; prefer\n simple static client-side sites\n- **React Configuration:** When using React libraries, pin versions with\n `?deps=react@18.2.0,react-dom@18.2.0` and start the file with\n `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- Ensure all React dependencies and sub-dependencies are pinned to the same\n version\n- **Styling:** Default to using TailwindCSS via\n `` unless otherwise\n specified\n\n### Error Handling\n\nFor HTTP vals, handle errors gracefully and return appropriate status codes:\n\n```ts\nexport default async function (req: Request): Promise {\n try {\n // Your logic here\n return new Response(\"Success\");\n } catch (error) {\n return new Response(`Error: ${error.message}`, { status: 500 });\n }\n}\n```\n\nFor non-HTTP vals, let errors bubble up with full context rather than catching\nand merely logging them.\n\n### CORS Headers\n\nWhen building APIs consumed by browsers, include CORS headers:\n\n```ts\nreturn new Response(JSON.stringify(data), {\n headers: {\n \"Content-Type\": \"application/json\",\n \"Access-Control-Allow-Origin\": \"*\",\n },\n});\n```\n\n## Project Structure and Design Patterns\n\n### Recommended Directory Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ ├── queries.ts # DB query functions\n│ │ └── README.md\n│ └── routes/ # Route modules\n│ ├── [route].ts\n│ └── static.ts # Static file serving\n│ ├── index.ts # Main entry point\n│ └── README.md\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx\n│ │ └── [Component].tsx\n│ ├── favicon.svg\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend JS entry point\n│ ├── README.md\n│ └── style.css\n├── README.md\n└── shared/\n ├── README.md\n └── utils.ts # Shared types and functions\n```\n\n### Backend (Hono) Best Practices\n\n- Hono is the recommended API framework\n- Main entry point should be `backend/index.ts`\n- **Static asset serving:** Use the utility functions to read and serve project\n files:\n\n ```ts\n import {\n readFile,\n serveFile,\n } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\n // serve all files in frontend/ and shared/\n app.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\n app.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n // For index.html, often you'll want to bootstrap with initial data\n app.get(\"/\", async (c) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n\n // Inject data to avoid extra round-trips\n const initialData = await fetchInitialData();\n const dataScript = ``;\n\n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n });\n ```\n\n- Create RESTful API routes for CRUD operations\n- Always include this snippet at the top-level Hono app to re-throwing errors to\n see full stack traces:\n ```ts\n // Unwrap Hono errors to see original error details\n app.onError((err, c) => {\n throw err;\n });\n ```\n\n### Database Patterns\n\n- Run migrations on startup or comment out for performance\n- Change table names when modifying schemas rather than altering\n- Export clear query functions with proper TypeScript typing\n\n## Common Gotchas and Solutions\n\n1. **Environment Limitations:**\n - Val Town runs on Deno in a serverless context, not Node.js\n - Code in `shared/` must work in both frontend and backend environments\n - Cannot use `Deno` keyword in shared code\n - Use `https://esm.sh` for imports that work in both environments\n\n2. **SQLite Peculiarities:**\n - Limited support for ALTER TABLE operations\n - Create new tables with updated schemas and copy data when needed\n - Always run table creation before querying\n\n3. **React Configuration:**\n - All React dependencies must be pinned to 18.2.0\n - Always include `@jsxImportSource https://esm.sh/react@18.2.0` at the top of\n React files\n - Rendering issues often come from mismatched React versions\n\n4. **File Handling:**\n - Val Town only supports text files, not binary\n - Use the provided utilities to read files across branches and forks\n - For files in the project, use `readFile` helpers\n\n5. **API Design:**\n - `fetch` handler is the entry point for HTTP vals\n - Run the Hono app with\n `export default app.fetch // This is the entry point for HTTP vals`\n\n6. **HTTP Endpoint Discovery:**\n - HTTP vals have a `links.endpoint` field with the live deployment URL\n - Use this to test and verify your val is working correctly",[],[210],["D",1769642735629],[],[18],["D",1769642305137],["D",1789506649022],{"_11":12,"_119":67},{"_11":12,"_115":-5,"_66":67,"_30":65,"_116":117,"_118":24},{"_38":106,"_13":16,"_32":35,"_107":69,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":14,"_114":12},"ctx",{"_51":-5,"_139":258,"_259":260,"_261":262,"_263":24,"_264":24,"_265":24,"_266":137,"_267":-5,"_268":-7,"_269":-7,"_270":26,"_271":24,"_272":24,"_273":-5,"_274":24,"_275":24,"_276":24,"_277":-5},"ENV",{"_229":230,"_231":232,"_233":16,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · .vtignore