🤖 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",[65],"3f634a0c-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.",[76],"pulls","branches","forks","envVars",{"_72":20,"_195":20},"connections",{"_72":20,"_194":20},"unfilledCount","emptyCount",{"_29":183,"_13":76,"_63":75,"_39":-5,"_31":32,"_176":36,"_177":101,"_33":202,"_35":20,"_66":49,"_179":185,"_68":24,"_181":-5,"_199":203,"_140":204},{"_29":175,"_13":65,"_63":64,"_39":-5,"_31":32,"_176":85,"_177":101,"_33":198,"_35":73,"_66":67,"_179":180,"_68":24,"_181":-5,"_199":200,"_140":201},["D",1731970352027],"children",[],[65],["D",1731970165610],[],[76],["D",1746219530022],{"_11":12,"_139":71},{"_11":12,"_135":-5,"_70":71,"_25":69,"_136":137,"_138":24},{"_35":85,"_13":16,"_29":32,"_124":90,"_125":126,"_127":20,"_128":95,"_129":130,"_131":132,"_133":14,"_134":12},"ctx",{"_47":-5,"_161":242,"_243":244,"_245":246,"_247":24,"_248":24,"_249":24,"_250":101,"_251":-5,"_252":-7,"_253":-7,"_254":20,"_255":24,"_256":24,"_257":-5,"_258":24,"_259":24,"_260":24,"_261":-5},"ENV",{"_213":214,"_215":216,"_217":16,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241},"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