Blueprint Canvas

\n \n

\n \n\n\n\n`;\n}\n\n// --- HONO APPLICATION SETUP (MODIFIED FOR BLUEPRINT CANVAS) ---\nconst app = new Hono();\n\napp.get(\"/\", (c: Context) => c.html(generateHtml(c.req.url)));\n\n// New endpoint to provide the list of available nodes to the frontend.\napp.get(\"/api/nodes/palette\", (c: Context) => {\n return c.json(NODE_PALETTE);\n});\n\n// The new core execution engine for the Blueprint Canvas.\napp.post(\"/api/blueprint/execute\", async (c: Context) => {\n const { blueprint, company_context } = await c.req.json<\n BlueprintExecuteBody\n >();\n if (!blueprint || !company_context) {\n return c.json({ error: \"Blueprint and context are required\" }, 400);\n }\n\n // --- Topological Sort to process nodes in dependency order ---\n // This is the key to \"chaining\". We process nodes that have no inputs first.\n const sortedNodes: Node[] = [];\n const nodeMap = new Map(blueprint.nodes.map((node) => [node.id, node]));\n const inDegree = new Map(blueprint.nodes.map((node) => [node.id, 0]));\n const adjList = new Map(blueprint.nodes.map((node) => [node.id, []]));\n\n for (const conn of blueprint.connections) {\n adjList.get(conn.from)?.push(conn.to);\n inDegree.set(conn.to, (inDegree.get(conn.to) || 0) + 1);\n }\n\n const queue = blueprint.nodes.filter((node) => inDegree.get(node.id) === 0);\n\n while (queue.length > 0) {\n const nodeId = queue.shift()!.id;\n sortedNodes.push(nodeMap.get(nodeId)!);\n\n for (const neighborId of adjList.get(nodeId) || []) {\n inDegree.set(neighborId, inDegree.get(neighborId)! - 1);\n if (inDegree.get(neighborId) === 0) {\n queue.push(nodeMap.get(neighborId)!);\n }\n }\n }\n // --- End of Sort ---\n\n // Build the user content that will be sent to the AI compiler.\n // Each node's data becomes a step in the final prompt.\n const compilerSteps = sortedNodes.map((node, index) => {\n // In a real app, the output of a previous node could be injected as input to the next.\n return {\n step: index + 1,\n node_type: node.type,\n data: node.data,\n };\n });\n\n const systemPrompt = `# YOUR CONTEXT\n- Company: ${company_context.company_name} (${company_context.company_description})\n- Goal: ${company_context.use_case}\n- Language: ${company_context.language}\n---\n${BLUEPRINT_COMPILER_SYSTEM_PROMPT}`;\n\n const userPrompt =\n `Here is the project blueprint data, sorted in execution order. Please compile it into a project brief.\\n\\n${\n JSON.stringify(compilerSteps, null, 2)\n }`;\n\n try {\n const openai = new OpenAI();\n const stream = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [\n { role: \"system\", content: systemPrompt },\n { role: \"user\", content: userPrompt },\n ],\n stream: true,\n });\n return streamText(c, async (s) => {\n for await (const part of stream) {\n await s.write(part.choices[0]?.delta?.content || \"\");\n }\n });\n } catch (e) {\n return c.body(`AI execution failed: ${e.message}`, 500);\n }\n});\n\n// Export the Hono app\nexport default app.fetch;","label",[62],"pulls","branches","forks","envVars",{"_183":20,"_185":20},"connections",{"_183":20,"_184":20},"count","unfilledCount","emptyCount",{"_31":168,"_13":62,"_60":61,"_41":-5,"_33":34,"_169":93,"_170":109,"_35":187,"_37":86,"_63":76,"_172":173,"_65":24,"_174":-5,"_188":189,"_145":190},["D",1755550558060],"children",[],[62],["D",1755550481467],{"_11":12,"_144":68},{"_11":12,"_140":-5,"_67":68,"_25":66,"_141":142,"_143":24},{"_37":93,"_13":16,"_31":34,"_132":98,"_133":-5,"_134":-5,"_135":-5,"_136":-5,"_137":-5,"_138":14,"_139":12},"ctx",{"_49":-5,"_164":228,"_229":230,"_231":232,"_233":24,"_234":24,"_235":24,"_236":109,"_237":-5,"_238":-7,"_239":-7,"_240":20,"_241":24,"_242":24,"_243":-5,"_244":24,"_245":24,"_246":24,"_247":-5},"ENV",{"_199":200,"_201":202,"_203":16,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","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"]

Compiled Project Brief

History