[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_193":194,"_195":196},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_69":140,"_40":-7,"_141":-5,"_17":142,"_143":144,"_145":146,"_147":148,"_149":150,"_98":-5,"_151":152,"_153":154,"_155":48,"_156":157,"_158":48,"_159":-5,"_160":-5,"_161":162},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","granin","name","sqlite","branchName","main","project",{"_32":57,"_13":14,"_34":102,"_46":-5,"_103":48,"_49":50,"_104":50,"_105":-5,"_106":-5,"_107":108,"_109":-5,"_110":26,"_111":-5,"_112":-5,"_113":44,"_53":114,"_115":-5,"_116":-5,"_117":-5,"_118":-5,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_128":129,"_130":131,"_132":28,"_47":48},"ahead",3,"behind",29,"diff",{"_61":62,"_63":64,"_65":66},"hasChanges",true,"sourceBranch",{"_40":20,"_13":16,"_32":56,"_38":57,"_41":33,"_43":44,"_58":50,"_59":39,"_60":54,"_55":14,"_51":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":22,"_41":42,"_43":44,"_45":-5,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":14},"pull","id","eb342598-25f1-11f0-ad23-569c3dd06744","createdAt",["D",1746038141186],"updatedAt",["D",1755527410896],"projectId","eb33e664-25f1-11f0-ad23-569c3dd06744","version","forkedBranchId","ba8d03f8-25fe-11f0-b0b8-569c3dd06744","forkedBranchVersion",0,"lockfileKey","deletedAt","isOwned",false,"privacy","public","userHandle","stevekrouse","orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","projectName","3f60a48c-2798-11f0-9d52-569c3dd06744","3f60228c-2798-11f0-9d52-569c3dd06744","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[67,68],"deleted",[],"modified",[],{"_69":92,"_71":-7,"_72":93},{"_69":70,"_71":-7,"_72":73},"path","main.tsx","targetFile","sourceFile",{"_32":74,"_13":70,"_75":76,"_77":-5,"_78":56,"_79":20,"_80":26,"_34":81,"_40":82,"_83":84,"_85":86,"_63":48,"_87":-5,"_88":-7,"_69":89,"_90":91},"3f6d82e2-2798-11f0-9d52-569c3dd06744","fileId","3f63430e-2798-11f0-9d52-569c3dd06744","parentId","branchId","branchVersion","latest",["D",1731970352027],2,"fileType","script","content","/** @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: 'TDD Generator Failed', \n details: error.toString(),\n stack: error.stack\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: system-ui, sans-serif;\n line-height: 1.6;\n background-color: #f4f4f4;\n margin: 0;\n padding: 0;\n}\n#root {\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n}\ninput {\n width: 100%;\n padding: 10px;\n margin-bottom: 10px;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\nbutton {\n background-color: #4CAF50;\n color: white;\n padding: 10px 15px;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.3s;\n}\nbutton:hover {\n background-color: #45a049;\n}\nbutton:disabled {\n background-color: #cccccc;\n cursor: not-allowed;\n}\npre {\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n`;","label","children",[70],"contentHash","0df1f8ef433f9b291256355f2ded72f819a16691e8e25838d141171a7ac267ab","README.md",{"_32":94,"_13":92,"_75":95,"_77":-5,"_78":56,"_79":96,"_80":26,"_34":97,"_40":44,"_83":98,"_85":99,"_63":48,"_87":-5,"_88":-7,"_69":100,"_90":101},"3f634a0c-2798-11f0-9d52-569c3dd06744","3f634a8e-2798-11f0-9d52-569c3dd06744",1,["D",1731970165610],"file","# 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.",[92],"ea8a40a1a229d3f6ae3cf0c91178db16d388d00e0d63acf35cc56ada637ec91e",["D",1746219530022],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","b3005602-926f-4fc5-b8b2-6263516a5d29","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","0e994cd3-2354-4e13-a964-2f14b97682a3","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_139":135},"org",{"_11":12,"_133":-5,"_134":135,"_107":108,"_136":137,"_138":48},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycDJZcE9pSXJuWWFib2tRaDVPMG9HWWhiZkgifQ","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":57,"_13":14,"_34":189,"_46":-5,"_103":48,"_49":50,"_104":50,"_105":-5,"_106":-5,"_107":108,"_109":-5,"_110":26,"_111":-5,"_112":-5,"_113":44,"_53":114,"_115":-5,"_116":-5,"_117":-5,"_118":-5,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_128":190,"_130":191,"_132":192,"_47":48},"tree",[183,184],"files",[183,184],"counts",{"_173":44,"_174":96,"_175":44,"_176":177,"_178":179},"contents",[167,168],"upstreamProject",{"_32":39,"_13":14,"_105":-5,"_106":-5,"_49":50,"_128":165},"upstreamBranch",{"_32":33,"_34":163,"_36":164,"_13":16,"_38":39,"_40":22,"_41":42,"_43":44,"_45":-5,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746038141186],["D",1755527410896],{"_11":52,"_139":166},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_32":94,"_13":92,"_75":95,"_77":-5,"_78":56,"_79":96,"_80":26,"_34":171,"_40":44,"_83":98,"_85":99,"_63":48,"_87":-5,"_69":172},{"_32":74,"_13":70,"_75":76,"_77":-5,"_78":56,"_79":20,"_80":26,"_34":169,"_40":82,"_83":84,"_85":86,"_63":48,"_87":-5,"_69":170},["D",1731970352027],[70],["D",1731970165610],[92],"pulls","branches","forks","envVars",{"_180":44,"_182":44},"connections",{"_180":44,"_181":44},"count","unfilledCount","emptyCount",{"_32":94,"_13":92,"_75":95,"_77":-5,"_78":56,"_79":96,"_80":26,"_34":97,"_40":44,"_83":98,"_85":99,"_63":48,"_87":-5,"_88":187,"_69":188},{"_32":74,"_13":70,"_75":76,"_77":-5,"_78":56,"_79":20,"_80":26,"_34":81,"_40":82,"_83":84,"_85":86,"_63":48,"_87":-5,"_88":185,"_69":186},[],[70],[],[92],["D",1746219530022],{"_11":12,"_139":135},{"_11":12,"_133":-5,"_134":135,"_107":108,"_136":137,"_138":48},{"_40":20,"_13":16,"_32":56,"_38":57,"_41":33,"_43":44,"_58":50,"_59":39,"_60":54,"_55":14,"_51":12},"ctx",{"_128":-5,"_160":226,"_227":228,"_229":230,"_231":48,"_232":48,"_233":48,"_234":26,"_235":-5,"_236":-7,"_237":-7,"_238":44,"_239":48,"_240":48,"_241":-5,"_242":48,"_243":48,"_244":48,"_245":-5},"ENV",{"_197":198,"_199":200,"_201":16,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225},"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"]

Compare

Mergegranin/mainintostevekrouse/main

README.md+10-0

main.tsx+336-0