[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_177":178,"_179":180},"routes/_app.x.$handle.$name",{"_98":97,"_32":45,"_106":85,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":119,"_120":121,"_122":25,"_123":124,"_125":25,"_126":-5,"_127":-5,"_128":129},"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":-5,"_53":-5,"_18":54,"_55":-5,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",2,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","3f63430e-2798-11f0-9d52-569c3dd06744","name","fileType","script","content","import { API_URL } from \"https://esm.town/v/std/API_URL\";\nimport { LibsqlError, type ResultSet, type Row, type TransactionMode } from \"npm:@libsql/client\";\nimport { z } from \"npm:zod\";\n\n/**\n * Every Val Town account comes with its own private\n * [SQLite database](https://www.sqlite.org/) that\n * is accessible from any of your vals.\n * ([Docs ↗](https://docs.val.town/std/sqlite))\n */\nexport const sqlite = {\n /**\n * Executes a SQLite statement.\n *\n * @param {InStatement} statement - The SQLite statement to execute.\n * @example String query:\n * `sqlite.execute(\"SELECT 1;\")`\n * @example Query with arguments:\n * `sqlite.execute({sql: \"SELECT * from books WHERE year > ?;\", args: [2020]})`\n */\n execute,\n\n /**\n * Executes a batch of SQLite statements.\n *\n * @param {InStatement[]} statements - An array of SQLite statements to execute.\n * @param {TransactionMode} [mode] - The transaction mode for the batch execution.\n */\n batch,\n};\n\n// ------------\n// Functions\n// ------------\n\nasync function execute(statement: InStatement, args?: InArgs): Promise {\n const res = await fetch(`${API_URL}/v1/sqlite/execute`, {\n method: \"POST\",\n headers: {\n Authorization: `Bearer ${Deno.env.get(\"valtown\")}`,\n },\n body: JSON.stringify({ statement: normalizeStatement(statement, args) }),\n });\n if (!res.ok) {\n throw createResError(await res.text());\n }\n const resultSet = await res.json();\n return upgradeResultSet(resultSet);\n}\n\nasync function batch(statements: InStatement[], mode?: TransactionMode): Promise {\n const res = await fetch(`${API_URL}/v1/sqlite/batch`, {\n method: \"POST\",\n headers: {\n Authorization: `Bearer ${Deno.env.get(\"valtown\")}`,\n },\n body: JSON.stringify({ statements: statements.map(s => normalizeStatement(s)), mode }),\n });\n if (!res.ok) {\n throw createResError(await res.text());\n }\n const resultSets = await res.json();\n return resultSets.map(upgradeResultSet);\n}\n\nfunction createResError(body: string) {\n try {\n const e = zLibsqlError.parse(JSON.parse(body));\n // e.message already contains the code, and LibsqlError adds the\n // code to the beginning, so we remove it here\n const msg = e.message.replace(e.code, \"\").replace(/^:\\s+/, \"\");\n return new LibsqlError(msg, e.code, e.rawCode);\n } catch (_) {\n // Failed to parse libsql error\n }\n return new Error(body);\n}\n\n/* Val Town's Turso Proxy returns rows as an array of values\n * Yet the LibSQL API has a Row type which behave as an array or object,\n * ie you can access it via numerical index or string\n */\ninterface ImpoverishedResultSet extends ResultSet {\n rows: any[];\n}\n\nfunction normalizeStatement(statement: InStatement, args?: InArgs) {\n if (Array.isArray(statement)) {\n // for the case of an array of arrays\n return normalizeStatement(statement[0], statement[1]);\n }\n if (typeof statement === \"string\") {\n if (args) {\n return { sql: statement, args };\n } else return statement;\n }\n else if (typeof statement === \"object\") {\n if (statement.args) {\n return statement;\n }\n if (args) {\n return { sql: statement.sql, args };\n }\n return statement.sql;\n }\n else throw new Error(\"Error normalizing sql input\");\n}\n\nfunction upgradeResultSet(results: ImpoverishedResultSet): ResultSet {\n return {\n ...results,\n rows: results.rows.map(row => rowFromSql(row, results.columns)),\n };\n}\n\n// adapted from\n// https://github.com/tursodatabase/libsql-client-ts/blob/17dd996b840c950dd22b871adfe4ba0eb4a5ead3/packages/libsql-client/src/sqlite3.ts#L314C1-L337C2\nfunction rowFromSql(\n sqlRow: Array,\n columns: Array,\n): Row {\n const row = {};\n // make sure that the \"length\" property is not enumerable\n Object.defineProperty(row, \"length\", { value: sqlRow.length });\n for (let i = 0; i < sqlRow.length; ++i) {\n const value = sqlRow[i];\n Object.defineProperty(row, i, { value });\n\n const column = columns[i];\n if (!Object.hasOwn(row, column)) {\n Object.defineProperty(row, column, {\n value,\n enumerable: true,\n configurable: true,\n writable: true,\n });\n }\n }\n return row as Row;\n}\n\n// ------------\n// Helpers\n// ------------\n\nconst zLibsqlError = z.object({\n message: z.string(),\n code: z.string(),\n rawCode: z.number().optional(),\n});\n\n// We patch these types to only support JSON values\nexport type InValue = null | string | number | boolean;\nexport type InArgs = Array | Record;\nexport type InStatement = {\n /**\n * The SQL statement to execute.\n */\n sql: string;\n\n /**\n * The arguments to bind to the SQL statement.\n */\n args: InArgs;\n} | string;","/** @jsxImportSource https://esm.sh/react */\nimport React, { useState } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\nimport { nanoid } from \"https://esm.sh/nanoid\";\n\nfunction App() {\n const [specId, setSpecId] = useState(\"\");\n const [implementationResult, setImplementationResult] = useState(null);\n const [error, setError] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n setIsLoading(true);\n setError(null);\n \n try {\n const response = await fetch(window.location.href, {\n method: 'POST',\n headers: { \n 'Content-Type': 'application/json',\n 'Accept': 'application/json'\n },\n body: JSON.stringify({ specId })\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`HTTP error! status: ${response.status}, message: ${errorText}`);\n }\n\n const result = await response.json();\n setImplementationResult(result);\n setError(null);\n } catch (error) {\n console.error(\"TDD Generation failed:\", error);\n setError(error.message || 'An unexpected error occurred');\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n

🤖 Val Town TDD Generator

\n \n {error && (\n

\n Error: {error}\n

\n )}\n {implementationResult && (\n

Generated Implementation

\n            {JSON.stringify(implementationResult, null, 2)}\n

\n )}\n

\n );\n}\n\nwindow.initClient = function() {\n const rootElement = document.getElementById(\"root\");\n if (rootElement) {\n const root = createRoot(rootElement);\n root.render();\n }\n};\n\nif (typeof document !== \"undefined\") {\n window.initClient();\n}\n\nexport default async function server(request: Request): Promise {\n // Handle GET requests by serving the HTML\n if (request.method === 'GET') {\n return new Response(`\n \n \n \n \n \n Val Town TDD Generator\n \n \n \n

\n \n \n \n \n \n `, {\n headers: {\n 'Content-Type': 'text/html',\n 'Access-Control-Allow-Origin': '*'\n }\n });\n }\n\n // CORS handling\n if (request.method === 'OPTIONS') {\n return new Response(null, {\n headers: {\n 'Access-Control-Allow-Origin': '*',\n 'Access-Control-Allow-Methods': 'POST, GET, OPTIONS',\n 'Access-Control-Allow-Headers': 'Content-Type, Accept',\n 'Access-Control-Max-Age': '86400'\n }\n });\n }\n\n // Ensure POST request\n if (request.method !== 'POST') {\n return new Response('Method Not Allowed', { \n status: 405,\n headers: {\n 'Access-Control-Allow-Origin': '*',\n 'Content-Type': 'text/plain'\n }\n });\n }\n\n try {\n // Dynamic imports for SQLite and OpenAI\n const [{ sqlite }, { OpenAI }] = await Promise.all([\n import(\"https://esm.town/v/stevekrouse/sqlite\"),\n import(\"https://esm.town/v/std/openai\")\n ]);\n\n const openai = new OpenAI();\n const SPECIFICATIONS_TABLE = \"val_town_agent_specifications\";\n const IMPLEMENTATIONS_TABLE = \"val_town_agent_implementations\";\n\n // Create implementations table if not exists\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${IMPLEMENTATIONS_TABLE} (\n id TEXT PRIMARY KEY,\n spec_id TEXT,\n tool_name TEXT,\n test_code TEXT,\n implementation_code TEXT,\n size_bytes INTEGER,\n status TEXT DEFAULT 'pending',\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n // Parse request body\n const { specId } = await request.json();\n\n if (!specId) {\n throw new Error('Specification ID is required');\n }\n\n // Retrieve specification details\n const specResult = await sqlite.execute(`\n SELECT * FROM ${SPECIFICATIONS_TABLE} WHERE id = ?\n `, [specId]);\n\n if (specResult.rows.length === 0) {\n throw new Error(`Specification with ID ${specId} not found`);\n }\n\n const specification = specResult.rows[0];\n const scenarios = JSON.parse(specification.scenarios);\n\n // TDD Generator Prompt (GPT-4o-mini)\n const tddPrompt = `You are a Test-Driven Development expert creating a Unix-style tool. \nIMPORTANT: Generate a JSON response with implementation details.\n\nTool Context:\n- Name: ${specification.tool_name}\n- Feature: ${specification.feature}\n\nScenarios to Cover:\n${scenarios.map(scenario => \n `- ${scenario.description}\n Given: ${scenario.given}\n When: ${scenario.when}\n Then: ${scenario.then}`\n).join('\\n')}\n\nTASK: \n1. Generate a TypeScript implementation for the tool\n2. Create comprehensive unit and integration tests\n3. Ensure the implementation is under 15KB\n4. Follow Unix philosophy: do one thing well\n5. Use functional programming principles\n6. Provide clear, concise, and efficient code\n7. MUST return a valid JSON object with implementation details\n\nRespond STRICTLY in this JSON format:\n{\n \"implementation_code\": \"string (TypeScript code)\",\n \"test_code\": \"string (Jest/Deno test code)\",\n \"size_bytes\": number\n}\n\nEnsure the response is a valid JSON object that can be parsed directly.`;\n\n // Generate implementation using GPT-4o-mini\n const completion = await openai.chat.completions.create({\n messages: [\n { \n role: \"user\", \n content: tddPrompt \n }\n ],\n model: \"gpt-4o-mini\",\n response_format: { type: \"json_object\" }\n });\n\n // Parse the response\n const implementationData = JSON.parse(completion.choices[0].message.content);\n const implementationId = nanoid();\n\n // Validate implementation size\n const implementationSizeBytes = new TextEncoder().encode(\n implementationData.implementation_code + \n implementationData.test_code\n ).length;\n\n if (implementationSizeBytes > 15 * 1024) {\n throw new Error(`Implementation exceeds 15KB limit: ${implementationSizeBytes} bytes`);\n }\n\n // Store implementation in SQLite\n await sqlite.execute(`\n INSERT INTO ${IMPLEMENTATIONS_TABLE} \n (id, spec_id, tool_name, test_code, implementation_code, size_bytes, status) \n VALUES (?, ?, ?, ?, ?, ?, 'completed')\n `, [\n implementationId, \n specId, \n specification.tool_name,\n implementationData.test_code,\n implementationData.implementation_code,\n implementationSizeBytes\n ]);\n\n return new Response(JSON.stringify({\n implementationId,\n specId,\n ...implementationData,\n size_bytes: implementationSizeBytes\n }), {\n headers: {\n 'Content-Type': 'application/json',\n 'Access-Control-Allow-Origin': '*'\n }\n });\n } catch (error) {\n console.error('TDD Generator Error:', error);\n\n return new Response(JSON.stringify({\n error: error.message || 'An unexpected error occurred',\n status: 'error'\n }), {\n status: 500,\n headers: {\n 'Content-Type': 'application/json',\n 'Access-Control-Allow-Origin': '*'\n }\n });\n }\n}\n\nconst css = `\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.6;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n background-color: #f4f4f4;\n}\n\nh1 {\n color: #333;\n text-align: center;\n}\n\nform {\n background: white;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\ninput {\n width: 100%;\n padding: 10px;\n margin-bottom: 10px;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\n\nbutton {\n width: 100%;\n padding: 10px;\n background-color: #5cb85c;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n}\n\nbutton:disabled {\n background-color: #cccccc;\n}\n\npre {\n background-color: #f4f4f4;\n padding: 15px;\n border-radius: 5px;\n overflow-x: auto;\n}\n`;","createdAt",["D",1731970283913],"branchVersion","branchId","3f60a48c-2798-11f0-9d52-569c3dd06744","id","3f60228c-2798-11f0-9d52-569c3dd06744","sqlite",["D",1746219530022],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","b3005602-926f-4fc5-b8b2-6263516a5d29","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","0e994cd3-2354-4e13-a964-2f14b97682a3","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":54,"_102":103,"_104":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":61,"_90":50,"_91":92,"_93":94,"_95":45,"_96":97},"isOwned",3,"main","projectId","forkedBranchId","eb342598-25f1-11f0-ad23-569c3dd06744","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","eb33e664-25f1-11f0-ad23-569c3dd06744","forkedProjectOrgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","projectName","userHandle","granin","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycDJZcE9pSXJuWWFib2tRaDVPMG9HWWhiZkgifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":173,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":-5,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":174,"_79":175,"_81":176,"_83":25},"tree",[164,165],"files",[164,165],"counts",{"_154":61,"_155":145,"_156":61,"_157":158,"_159":160},"contents",[139,140],"upstreamProject",{"_43":92,"_32":45,"_52":-5,"_53":-5,"_49":50,"_77":137},"upstreamBranch",{"_43":88,"_38":130,"_131":132,"_32":85,"_86":92,"_13":133,"_87":134,"_89":61,"_135":-5,"_47":-5,"_83":25,"_49":50,"_96":136,"_62":94,"_95":45},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746038141186],"updatedAt",["D",1755527410896],29,"ba8d03f8-25fe-11f0-b0b8-569c3dd06744","lockfileKey","stevekrouse",{"_98":136,"_105":138},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_43":148,"_32":149,"_30":150,"_142":-5,"_41":42,"_40":145,"_143":57,"_38":151,"_13":61,"_33":20,"_35":152,"_24":25,"_146":-5,"_27":153},{"_43":141,"_32":28,"_30":31,"_142":-5,"_41":42,"_40":14,"_143":25,"_38":144,"_13":145,"_33":34,"_35":37,"_24":25,"_146":-5,"_27":147},"3f68b53c-2798-11f0-9d52-569c3dd06744","parentId","latest",["D",1731970283913],1,"label",[28],"3f634a0c-2798-11f0-9d52-569c3dd06744","README.md","3f634a8e-2798-11f0-9d52-569c3dd06744",["D",1731970165610],"# LLM-Safe Fork of @std/sqlite\n\nWe found that LLMs have trouble with the inputs and outputs of our @std/sqlite method.\n\n1. It expects the input to be `(sql: string, args: any[])` but it's `{ sql: string, args: any[] }`\n2. It expects the output to be objects, but they are arrays\n\nInstead of struggling to teach it, we built this val to be a wrapper around @std/sqlite that adheres to what the LLMs expect. \n\nThis val is also backwards-compatible with @std/sqlite, so we're considering merging it in.",[149],"pulls","branches","forks","envVars",{"_161":61,"_163":61},"connections",{"_161":61,"_162":61},"count","unfilledCount","emptyCount",{"_43":148,"_32":149,"_30":150,"_142":-5,"_41":42,"_40":145,"_143":57,"_38":170,"_13":61,"_33":20,"_35":152,"_24":25,"_146":-5,"_167":171,"_27":172},{"_43":141,"_32":28,"_30":31,"_142":-5,"_41":42,"_40":14,"_143":25,"_38":166,"_13":145,"_33":34,"_35":37,"_24":25,"_146":-5,"_167":168,"_27":169},["D",1731970283913],"children",[],[28],["D",1731970165610],[],[149],["D",1746219530022],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":54,"_102":103,"_104":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":61,"_90":50,"_91":92,"_93":94,"_95":45,"_96":97},"ctx",{"_77":-5,"_127":210,"_211":212,"_213":214,"_215":25,"_216":25,"_217":25,"_218":57,"_219":-5,"_220":-7,"_221":-7,"_222":61,"_223":25,"_224":25,"_225":-5,"_226":25,"_227":25,"_228":25,"_229":-5},"ENV",{"_181":182,"_183":184,"_185":85,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

Diff · v2