[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_223":224,"_225":226},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_105":87,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":59,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",13,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":20,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":33,"_34":20,"_35":36},"deleted",false,"deletedHere","path",".claude/settings.local.json","latestPath","fileId","b3f45fd0-5831-11f1-889a-ee650bb23af1","name","settings.local.json","fileType","content","{\n \"permissions\": {\n \"allow\": [\n \"Read(//home/christian/.claude/plugins/cache/caveman/caveman/63a91ecadbf4/skills/caveman-compress/**)\",\n \"Bash(python3 -m scripts /home/christian/dev/val/jsonfix/CLAUDE.md)\",\n \"Bash(python3 -m scripts /home/christian/dev/val/jsonfix/AGENTS.md)\",\n \"Bash(bun --version)\",\n \"Bash(mkdir -p /home/christian/dev/val/jsonfix/jsonfix-test)\",\n \"Bash(bun init *)\"\n ]\n }\n}\n","{\n \"permissions\": {\n \"allow\": [\n \"Read(//home/christian/.claude/plugins/cache/caveman/caveman/63a91ecadbf4/skills/caveman-compress/**)\",\n \"Bash(python3 -m scripts /home/christian/dev/val/jsonfix/CLAUDE.md)\",\n \"Bash(python3 -m scripts /home/christian/dev/val/jsonfix/AGENTS.md)\",\n \"Bash(bun --version)\",\n \"Bash(mkdir -p /home/christian/dev/val/jsonfix/jsonfix-test)\",\n \"Bash(bun init *)\",\n \"Bash(curl -s https://facilitator.x402.rs/supported)\",\n \"WebSearch\",\n \"Bash(curl -s --max-time 10 https://facilitator.xpay.sh/supported)\",\n \"Bash(curl -s --max-time 10 https://facilitator.payai.network/supported)\",\n \"Bash(curl -s --max-time 10 https://facilitator.daydreams.systems/supported)\"\n ]\n }\n}\n","createdAt",["D",1779712169693],"branchVersion","branchId","b085f60a-56a7-11f1-b5c3-ee650bb23af1","id","b0853166-56a7-11f1-b5c3-ee650bb23af1","jsonfix",["D",1779541364623],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Paid API that repairs malformed JSON via x402","imageUrl","adfedcbc-bb7b-4109-9ae2-91aad81c49ac","pinnedFileId","b0887434-56a7-11f1-b5c3-ee650bb23af1","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","071ebdee-2ec6-407d-a65d-5c20110f98a5","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"isOwned",23,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","ngmi","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ya1RTUlZRSG9oYkxSUXlrVjF2TWRVS0lIWDQifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":219,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":220,"_81":221,"_83":222,"_85":25},"tree",[189,191,192,193,194,195],"files",[189,190,191,192,193,194,195],"counts",{"_178":63,"_179":180,"_181":63,"_182":183,"_184":185},"contents",[127,128,129,130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":171,"_32":172,"_30":173,"_135":-5,"_41":42,"_40":174,"_137":59,"_38":175,"_13":63,"_34":176,"_35":-5,"_24":25,"_142":-5,"_27":177},{"_43":164,"_32":165,"_30":166,"_135":-5,"_41":42,"_40":167,"_137":59,"_38":168,"_13":63,"_34":20,"_35":169,"_24":25,"_142":-5,"_27":170},{"_43":157,"_32":158,"_30":159,"_135":-5,"_41":42,"_40":160,"_137":59,"_38":161,"_13":63,"_34":20,"_35":162,"_24":25,"_142":-5,"_27":163},{"_43":150,"_32":151,"_30":152,"_135":-5,"_41":42,"_40":153,"_137":59,"_38":154,"_13":63,"_34":20,"_35":155,"_24":25,"_142":-5,"_27":156},{"_43":144,"_32":145,"_30":146,"_135":-5,"_41":42,"_40":139,"_137":59,"_38":147,"_13":63,"_34":20,"_35":148,"_24":25,"_142":-5,"_27":149},{"_43":133,"_32":134,"_30":57,"_135":-5,"_41":42,"_40":136,"_137":25,"_38":138,"_13":139,"_34":140,"_35":141,"_24":25,"_142":-5,"_27":143},"573b232a-5834-11f1-9615-ee650bb23af1","main.ts","parentId",12,"latest",["D",1779711725010],5,"http","import { Hono } from \"npm:hono\";\nimport { paymentMiddleware } from \"npm:x402-hono\";\nimport { jsonrepair } from \"npm:jsonrepair\";\nimport Ajv from \"npm:ajv\";\nimport OpenAI from \"npm:openai\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\n// ---------------------------------------------------------------------------\n// Config\n// ---------------------------------------------------------------------------\nconst PAY_TO = (Deno.env.get(\"PAY_TO_ADDRESS\") ??\n \"0x3F11bAab8B0454131B6c81684524ccF1c98b4968\") as `0x${string}`;\nconst PRICE_USD = Deno.env.get(\"PRICE_USD\") ?? \"$0.01\";\nconst FACILITATOR_URL = Deno.env.get(\"X402_FACILITATOR_URL\") ?? \"https://facilitator.x402.rs\";\nconst LLM_MODEL = \"Qwen/Qwen3.6-35B-A3B:wafer\";\nconst MAX_INPUT = 100_000;\n\nconst openai = new OpenAI({\n baseURL: \"https://nano-gpt.com/api/v1\",\n apiKey: Deno.env.get(\"NANOGPT_API_KEY\"),\n});\n\nconst LLM_SYSTEM_PROMPT = `You are a JSON repair engine. Return ONLY a single valid JSON value: no prose, no explanation, no markdown fences. If a JSON Schema is provided, the output must validate against it exactly. Fix syntax errors: unbalanced brackets, trailing commas, unquoted or single-quoted keys and strings, missing commas, comments, and Python-style True, False, None. Preserve the original data and intent. Never invent values that are not present in or clearly derivable from the input. For a required field with no recoverable value, use null. Coerce types only when intent is unambiguous. Always return valid JSON, best effort.`;\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\nconst ajv = new Ajv({ allErrors: true, strict: false });\n\nfunction validate(data: unknown, schema?: Record): { valid: boolean; errors: unknown[] } {\n if (!schema) return { valid: true, errors: [] };\n const fn = ajv.compile(schema);\n const valid = fn(data) as boolean;\n return { valid, errors: valid ? [] : (fn.errors ?? []) };\n}\n\nfunction stripFences(s: string): string {\n return s.replace(/^```(?:json)?\\s*\\n?/i, \"\").replace(/\\n?```\\s*$/i, \"\").trim();\n}\n\nfunction tryParse(s: string): { ok: boolean; data?: unknown } {\n try {\n return { ok: true, data: JSON.parse(s) };\n } catch {\n return { ok: false };\n }\n}\n\nfunction success(method: string, data: unknown, valid: boolean, errors: unknown[], model: string | null) {\n return Response.json(\n { ok: true, method, valid, data, validationErrors: errors, model },\n { status: 200 },\n );\n}\n\nfunction fail(status: number, error: string) {\n return Response.json({ ok: false, error }, { status });\n}\n\n// ---------------------------------------------------------------------------\n// App\n// ---------------------------------------------------------------------------\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\n// x402 payment gate — only POST /repair\napp.use(\n \"/repair\",\n paymentMiddleware(\n PAY_TO,\n {\n \"/repair\": {\n price: PRICE_USD,\n network: \"base\",\n config: {\n description: \"Repair malformed JSON\",\n mimeType: \"application/json\",\n },\n },\n },\n { url: FACILITATOR_URL },\n ),\n);\n\n// ---------------------------------------------------------------------------\n// POST /repair\n// ---------------------------------------------------------------------------\napp.post(\"/repair\", async (c) => {\n let body: Record;\n try {\n body = await c.req.json();\n } catch {\n return fail(400, \"Request body must be valid JSON\");\n }\n\n const { input, schema, instructions } = body as {\n input?: unknown;\n schema?: Record;\n instructions?: string;\n };\n\n if (input === undefined || input === null) {\n return fail(400, \"\\\"input\\\" is required\");\n }\n\n const raw = typeof input === \"string\" ? input : JSON.stringify(input);\n if (raw.length > MAX_INPUT) {\n return fail(400, `Input exceeds ${MAX_INPUT} character limit`);\n }\n\n // --- Stage 1: already valid JSON value? ------------------------------------\n if (typeof input !== \"string\") {\n const v = validate(input, schema);\n if (v.valid) return success(\"deterministic\", input, true, [], null);\n // carry to stage 3\n }\n\n // --- Stage 2: jsonrepair on string input -----------------------------------\n let repaired: unknown | undefined;\n if (typeof input === \"string\") {\n try {\n const fixed = jsonrepair(input);\n const parsed = JSON.parse(fixed);\n const v = validate(parsed, schema);\n if (!schema || v.valid) return success(\"deterministic\", parsed, v.valid, v.errors, null);\n repaired = parsed; // carry parsed to stage 3\n } catch {\n // jsonrepair or parse failed — carry raw string to stage 3\n }\n }\n\n // --- Stage 3: LLM ---------------------------------------------------------\n try {\n const userParts: string[] = [`Input:\\n${raw}`];\n if (schema) userParts.push(`JSON Schema:\\n${JSON.stringify(schema)}`);\n if (instructions) userParts.push(`Instructions:\\n${instructions}`);\n\n const controller = new AbortController();\n const timeout = setTimeout(() => controller.abort(), 25_000);\n\n let completion: OpenAI.Chat.ChatCompletion;\n try {\n completion = await openai.chat.completions.create(\n {\n model: LLM_MODEL,\n temperature: 0,\n messages: [\n { role: \"system\", content: LLM_SYSTEM_PROMPT },\n { role: \"user\", content: userParts.join(\"\\n\\n\") },\n ],\n },\n { signal: controller.signal },\n );\n } finally {\n clearTimeout(timeout);\n }\n\n const llmOut = completion.choices?.[0]?.message?.content ?? \"\";\n const cleaned = stripFences(llmOut);\n\n let data: unknown;\n // Try direct parse first, fall back to jsonrepair\n const directParse = tryParse(cleaned);\n if (directParse.ok) {\n data = directParse.data;\n } else {\n try {\n data = JSON.parse(jsonrepair(cleaned));\n } catch {\n return fail(500, \"LLM output could not be parsed as JSON\");\n }\n }\n\n const v = validate(data, schema);\n return success(\"llm\", data, v.valid, v.errors, LLM_MODEL);\n } catch (err: unknown) {\n const msg = err instanceof Error ? err.message : String(err);\n if (msg.includes(\"abort\")) return fail(500, \"LLM request timed out (25 s)\");\n return fail(500, `LLM error: ${msg}`);\n }\n});\n\n// ---------------------------------------------------------------------------\n// GET /health\n// ---------------------------------------------------------------------------\napp.get(\"/health\", (c) => c.json({ ok: true }));\n\n// ---------------------------------------------------------------------------\n// GET /openapi.json\n// ---------------------------------------------------------------------------\napp.get(\"/openapi.json\", (c) => {\n const origin = new URL(c.req.url).origin;\n const price = PRICE_USD;\n\n const doc = {\n openapi: \"3.1.0\",\n info: {\n title: \"jsonfix\",\n version: \"1.0.0\",\n description: `Paid API that repairs malformed JSON. Price: ${price} USDC per request via x402. Fully ZDR, no data retention.`,\n },\n servers: [{ url: origin }],\n paths: {\n \"/repair\": {\n post: {\n summary: \"Repair malformed JSON\",\n description: `Attempts deterministic repair via jsonrepair, then falls back to an LLM. Payment of ${price} USDC required via x402 on Base mainnet.`,\n requestBody: {\n required: true,\n content: {\n \"application/json\": {\n schema: {\n type: \"object\",\n required: [\"input\"],\n properties: {\n input: {\n description: \"Malformed JSON string or any JSON value\",\n },\n schema: {\n type: \"object\",\n description: \"Optional JSON Schema to validate against\",\n },\n instructions: {\n type: \"string\",\n description: \"Optional natural-language hint for the LLM\",\n },\n },\n },\n },\n },\n },\n responses: {\n \"200\": {\n description: \"Repair succeeded (best-effort)\",\n content: {\n \"application/json\": {\n schema: {\n type: \"object\",\n properties: {\n ok: { type: \"boolean\", const: true },\n method: { type: \"string\", enum: [\"deterministic\", \"llm\"] },\n valid: { type: \"boolean\" },\n data: { description: \"Repaired JSON value\" },\n validationErrors: { type: \"array\" },\n model: { type: [\"string\", \"null\"] },\n },\n },\n },\n },\n },\n \"400\": { description: \"Bad request\" },\n \"402\": { description: \"Payment required (x402)\" },\n \"500\": { description: \"Internal / LLM failure\" },\n },\n },\n },\n \"/health\": {\n get: {\n summary: \"Health check\",\n responses: {\n \"200\": {\n description: \"Service is healthy\",\n content: {\n \"application/json\": {\n schema: {\n type: \"object\",\n properties: { ok: { type: \"boolean\", const: true } },\n },\n },\n },\n },\n },\n },\n },\n },\n };\n\n return c.json(doc);\n});\n\n// ---------------------------------------------------------------------------\n// GET /favicon.svg\n// ---------------------------------------------------------------------------\nconst FAVICON_SVG = ``;\napp.get(\"/favicon.svg\", (c) => c.body(FAVICON_SVG, 200, { \"content-type\": \"image/svg+xml; charset=utf-8\" }));\n\n// ---------------------------------------------------------------------------\n// GET / — landing page\n// ---------------------------------------------------------------------------\napp.get(\"/\", (c) => {\n const origin = new URL(c.req.url).origin;\n const price = PRICE_USD;\n const { links } = parseVal();\n\n const html = `\n\n\n \n \n jsonfix — repair malformed JSON\n \n \n \n \n \n \n \n \n\n\n

\n\n

\n \n \n jsonfix\n \n

\n \n Live · Base mainnet\n

\n\n

\n\n \n

HTTP API · x402 USDC

\n Repair malformed
\n JSON.\n

\n Deterministic parser first. Wafer-routed Qwen fallback when bytes are too broken. One paid endpoint, schema-validated output.\n

\n \n

\n\n \n

Quick start

\n POST /repair\n

# pay-per-request via x402 wallet\ncurl -X POST ${origin}/repair \\\\\n  -H \"Content-Type: application/json\" \\\\\n  -d '{\"input\": \"{name: \\\\\"Alice\\\\\", age: 30,}\"}'

\n\n \n

For your agent

\n \n

When you produce JSON that fails to parse or fails its schema, POST { input, schema?, instructions? } to ${origin}/repair (paid: ${price} USDC via x402 on Base mainnet) and use the returned data. Free probe: GET ${origin}/openapi.json.

\n \n

\n\n \n

Request

{\n  \"input\": \"<malformed JSON or any value>\",  // required\n  \"schema\": { ... },              // optional JSON Schema\n  \"instructions\": \"...\"            // optional hint\n}

Response

{\n  \"ok\": true,\n  \"method\": \"deterministic\" | \"llm\",\n  \"valid\": true,\n  \"data\": <repaired JSON>,\n  \"validationErrors\": [],\n  \"model\": \"${LLM_MODEL}\" | null\n}

\n\n \n

\n \n \n \n

Zero data retention

\n Submitted JSON is processed in memory and discarded with the response. Nothing stored, nothing logged. Inference is routed through Wafer, a fully ZDR provider.\n

\n\n \n \n\n

\n\n`;\n\n return c.html(html);\n});\n\n// ---------------------------------------------------------------------------\n// Source link\n// ---------------------------------------------------------------------------\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\nexport default app.fetch;\n","label",[134],"b3eba9ee-5831-11f1-96d9-ee650bb23af1","deno.json","b3ebaa8e-5831-11f1-96d9-ee650bb23af1",["D",1779710592033],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/98f62cee78e85bfc47c62ed703777c6bc8794f1c/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": true,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"include\": [\"deno:/https/esm.town/**/*\"],\n \"rules\": {\n \"exclude\": [\"no-explicit-any\"]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[145],"b40ab9ba-5831-11f1-a3d4-ee650bb23af1","CLAUDE.md","b40aba82-5831-11f1-a3d4-ee650bb23af1",8,["D",1779710592229],"# CLAUDE.md\n\nGuide Claude Code (claude.ai/code) for this repo.\n\n## Project\n\nSingle-file Val Town HTTP val (`main.ts`) — paid JSON-repair API. Runs on Deno in Val Town serverless. No build, no tests, no `package.json`. Deps = URL imports (`npm:`, `https://esm.town`, `https://esm.sh`) resolved at runtime.\n\nEntry: `export default app.fetch` at bottom of `main.ts`. Val Town calls per HTTP request.\n\n## Workflow (vt CLI)\n\nVal Town working copy via `vt` CLI. **Not** git repo. State in `.vt/state.json` (val id, branch, version).\n\n```bash\nvt status # working-tree status vs. remote\nvt push # upload local changes to Val Town\nvt pull # fetch remote changes\nvt watch # auto-sync on save\nvt tail # stream logs from deployed val\nvt browse # open val on val.town in browser\nvt branch # list/delete branches\nvt checkout # switch branch\n```\n\nNo local dev server — code runs only after push. Edit-test loop = `vt watch` + `vt tail`. Test live endpoint with curl on val URL.\n\nType-check local: `deno check main.ts` (uses `deno.json` with val.town types).\n\n## Architecture\n\nThree-stage repair pipeline in `POST /repair` (main.ts:83):\n\n1. **Stage 1 — already-valid passthrough** (main.ts:107). If `input` is non-string JSON value, validates vs optional `schema`, return as-is with `method: \"deterministic\"`.\n2. **Stage 2 — `jsonrepair`** (main.ts:115). If `input` is string, run `jsonrepair` then `JSON.parse`. Success → return with `method: \"deterministic\"`. Schema given + result invalid → *fall through to stage 3* (don't return).\n3. **Stage 3 — LLM** (main.ts:128). Call `gpt-4o-mini` (Val Town `std/openai`, no API key) with `LLM_SYSTEM_PROMPT` + raw input + optional schema + optional instructions. Strip markdown fences, try `JSON.parse`, fall back to `jsonrepair(cleaned)`. Validate, return with `method: \"llm\"`. 25s `AbortController` timeout.\n\nValidation = Ajv (`allErrors: true, strict: false`). `validate()` no-op when no schema. Stage 2 never falls through if no schema — parsed repair returned immediately.\n\n### Payment gate (x402)\n\n`paymentMiddleware` from `x402-hono` gates **only** `POST /repair` (main.ts:62). Charges `PRICE_USD` (default `$0.003`) USDC on Base mainnet to `PAY_TO`, via x402 facilitator. Health, OpenAPI, landing, source = free.\n\n### Endpoints\n\n- `POST /repair` — paid, body `{ input, schema?, instructions? }`. `input` required; max 100k chars.\n- `GET /health` — `{ ok: true }`.\n- `GET /openapi.json` — generated OpenAPI 3.1 doc (origin from request URL).\n- `GET /` — Tailwind/Twind landing page with usage examples.\n- `GET /source` — 302 to val source page on val.town.\n\nErrors: `app.onError` rethrows so Val Town logs full stacks (main.ts:59). Inside `/repair`, business errors return `{ ok: false, error }` via `fail()`.\n\n## Environment variables\n\n- `PAY_TO_ADDRESS` — recipient address (default hardcoded).\n- `PRICE_USD` — string like `\"$0.003\"`.\n- `X402_FACILITATOR_URL` — defaults to `https://facilitator.x402.rs`.\n\nOpenAI key not needed — `std/openai` wired to Val Town billed account.\n\n## Val Town conventions\n\nFull platform guide in `AGENTS.md`. Key constraints:\n\n- Pin import versions (e.g. `npm:jsonrepair`, `https://esm.town/v/std/utils@85-main/index.ts`).\n- Never use Deno KV; use `std/blob` or `std/sqlite` if persistence added.\n- Use `Deno.env.get()` for secrets; never bake in.\n- Server-only utils like `parseVal()` must not appear in client code — inject results into HTML.\n- Redirects: use `new Response(null, { status: 302, headers: { Location } })` — `Response.redirect` broken on Val Town.\n- React work (none now) needs `?deps=react@18.2.0,react-dom@18.2.0` + `/** @jsxImportSource https://esm.sh/react@18.2.0 */` header.",[151],"b43b8da6-5831-11f1-af50-ee650bb23af1","AGENTS.md","b43b8eb4-5831-11f1-af50-ee650bb23af1",9,["D",1779710592287],"You are an advanced assistant specialized in generating Val Town code.\n\n## Core Guidelines\n\n- Ask clarifying questions if requirements ambiguous\n- Give complete functional solutions, not skeletons\n- Test logic against edge cases before final\n- All code must follow Val Town platform rules\n- If section too complex, refactor into subcomponents\n\n## Code Standards\n\n- Generate TypeScript or TSX\n- Add TypeScript types/interfaces for all data structures\n- Prefer official SDKs over raw API calls\n- Ask user for API/library docs if unsure\n- **Never bake secrets into code** — use env vars\n- Comment complex logic only (skip obvious)\n- Use modern ES6+ and functional style where possible\n\n## Types of triggers\n\n### 1. HTTP Trigger\n\n- Web APIs and endpoints\n- Handle HTTP req/res\n- Example:\n\n```ts\nexport default async function (req: Request) {\n return new Response(\"Hello World\");\n}\n```\n\nHTTP trigger files have http in name like `foobar.http.tsx`\n\n### 2. Cron Triggers\n\n- Run on schedule\n- Cron expressions for timing\n- Example:\n\n```ts\nexport default async function () {\n // Scheduled task code\n}\n```\n\nCron trigger files have cron in name like `foobar.cron.tsx`\n\n### 3. Email Triggers\n\n- Process incoming emails\n- Email workflows\n- Example:\n\n```ts\nexport default async function (email: Email) {\n // Process email\n}\n```\n\nEmail trigger files have email in name like `foobar.email.tsx`\n\n\n## Val Town Standard Libraries\n\nVal Town gives hosted services and utility functions.\n\n### Blob Storage\n\n```ts\nimport { blob } from \"https://esm.town/v/std/blob\";\nawait blob.setJSON(\"myKey\", { hello: \"world\" });\nlet blobDemo = await blob.getJSON(\"myKey\");\nlet appKeys = await blob.list(\"app_\");\nawait blob.delete(\"myKey\");\n```\n\n### SQLite\n\n```ts\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nconst TABLE_NAME = 'todo_app_users_2';\n// Create table - do this before usage and change table name when modifying schema\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL\n)`);\n// Query data\nconst result = await sqlite.execute(`SELECT * FROM ${TABLE_NAME} WHERE id = ?`, [1]);\n```\n\nNote: Changing SQLite schema → rename table (e.g., add _2 or _3) for fresh table.\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: [\n { role: \"user\", content: \"Say hello in a creative way\" },\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 30,\n});\n```\n\n### Email\n\n```ts\nimport { email } from \"https://esm.town/v/std/email\";\n// By default emails the owner of the val\nawait email({ \n subject: \"Hi\", \n text: \"Hi\", \n html: \"

Hi

\"\n});\n```\n\n## Val Town Utility Functions\n\nVal Town gives utility functions for common project tasks.\n\n### Importing Utilities\n\nAlways pin version to avoid breaking changes:\n\n```ts\nimport { parseProject, readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n```\n\n### Available Utilities\n\n\n#### **serveFile** - Serve project files with proper content types\n\nExample 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\nUseful for linking back to val, e.g. \"view source\" urls:\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\n*Critical*: `parseProject` and other Standard Library utilities ONLY RUN ON SERVER.\nFor client access, run on server and pass to client via HTML splice or API request.\n\n## Val Town Platform Specifics\n\n- **Redirects:** Use `return new Response(null, { status: 302, headers: { Location: \"/place/to/redirect\" }})` — `Response.redirect` broken\n- **Images:** Avoid external/base64 images. Use emojis, unicode, or icon fonts/libraries\n- **AI Image:** Inline generate via: `

`\n- **Storage:** DO NOT use Deno KV module for storage\n- **Browser APIs:** DO NOT use `alert()`, `prompt()`, `confirm()`\n- **Weather Data:** Use open-meteo (no API keys) unless specified otherwise\n- **View Source:** Add view source link via `import.meta.url.replace(\"ems.sh\", \"val.town)\"` (or pass to client) + `target=\"_top\"`\n- **Error Debugging:** Add `` to HTML for client-side errors\n- **Error Handling:** Only try...catch with clear local resolution; avoid catches that just log or return 500s. Let errors bubble up with full context\n- **Environment Variables:** Use `Deno.env.get('keyname')` when needed; prefer key-free APIs\n- **Imports:** Use `https://esm.sh` for npm/Deno deps — works server + browser\n- **Storage Strategy:** Only use backend storage if required; prefer static client-side sites\n- **React Configuration:** Pin versions with `?deps=react@18.2.0,react-dom@18.2.0` and start file with `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- Pin all React deps and sub-deps to same version\n- **Styling:** Default TailwindCSS via `` unless specified\n\n## Project Structure and Design Patterns\n\n### Recommended Directory Structure\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 files:\n ```ts\n import { readFile, serveFile } 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- Create RESTful API routes for CRUD operations\n- Always include this snippet at the top-level Hono app to re-throwing errors to 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- 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 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 `export default app.fetch // This is the entry point for HTTP vals`",[158],"b3fce1e6-5831-11f1-a1d8-ee650bb23af1",".vtignore","b3fce2f4-5831-11f1-a1d8-ee650bb23af1",7,["D",1779710592123],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor\njsonfix-test\n.env\n.env.local\n*.original.md",[165],"b3c47d9c-5831-11f1-96d9-ee650bb23af1",".claude","b3c47e78-5831-11f1-96d9-ee650bb23af1",4,["D",1779710591756],"directory",[172],"pulls","branches",1,"forks","envVars",{"_186":180,"_188":63},"connections",{"_186":63,"_187":63},"count","unfilledCount","emptyCount",{"_43":171,"_32":172,"_30":173,"_135":-5,"_41":42,"_40":174,"_137":59,"_38":216,"_13":63,"_34":176,"_35":-5,"_24":25,"_142":-5,"_197":217,"_27":218},{"_43":212,"_32":33,"_30":31,"_135":173,"_41":42,"_40":14,"_137":25,"_38":213,"_13":180,"_34":20,"_35":37,"_24":25,"_142":-5,"_197":214,"_27":215},{"_43":164,"_32":165,"_30":166,"_135":-5,"_41":42,"_40":167,"_137":59,"_38":209,"_13":63,"_34":20,"_35":169,"_24":25,"_142":-5,"_197":210,"_27":211},{"_43":157,"_32":158,"_30":159,"_135":-5,"_41":42,"_40":160,"_137":59,"_38":206,"_13":63,"_34":20,"_35":162,"_24":25,"_142":-5,"_197":207,"_27":208},{"_43":150,"_32":151,"_30":152,"_135":-5,"_41":42,"_40":153,"_137":59,"_38":203,"_13":63,"_34":20,"_35":155,"_24":25,"_142":-5,"_197":204,"_27":205},{"_43":144,"_32":145,"_30":146,"_135":-5,"_41":42,"_40":139,"_137":59,"_38":200,"_13":63,"_34":20,"_35":148,"_24":25,"_142":-5,"_197":201,"_27":202},{"_43":133,"_32":134,"_30":57,"_135":-5,"_41":42,"_40":136,"_137":25,"_38":196,"_13":139,"_34":140,"_35":141,"_24":25,"_142":-5,"_197":198,"_27":199},["D",1779711725010],"children",[],[134],["D",1779710592033],[],[145],["D",1779710592229],[],[151],["D",1779710592287],[],[158],["D",1779710592123],[],[165],"6048ad88-5835-11f1-a4cd-ee650bb23af1",["D",1779712169693],[],[172,33],["D",1779710591756],[190],[172],["D",1779541364623],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"ctx",{"_79":-5,"_124":256,"_257":258,"_259":260,"_261":25,"_262":25,"_263":25,"_264":59,"_265":-5,"_266":-7,"_267":-7,"_268":63,"_269":25,"_270":25,"_271":-5,"_272":25,"_273":25,"_274":25,"_275":-5},"ENV",{"_227":228,"_229":230,"_231":87,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255},"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"]

\n Repair malformed\n JSON.\n

Quick start

For your agent

Request

Response

Zero data retention

Hi

\n Repair malformed
\n JSON.\n

Diff · v13