,

,
,
,
, etc.). 2. Do NOT include \\`\\`, \\`\\`, or \\`\\` tags. 3. Do NOT include any CSS, \\`\n\n\n
\n \n
\n
\n
\n \n
Makerflow
\n
\n \n
\n
\n
\n
\n
\n
\n\n
\n
\n \n
Makerflow
\n
\n
\n
\n
\n
\n
\n
\n\n \n\n`;\n}\n\n// --- BACKEND (API) ---\nconst app = new Hono();\n\nconst getAllOccupations = (() => {\n let allOccupations = null;\n return () => {\n if (allOccupations === null) {\n allOccupations = [];\n db.clusters.forEach(c => c.occupations.forEach(o => allOccupations.push({ ...o, clusterId: c.id })));\n }\n return allOccupations;\n };\n})();\n\napp.get(\"/\", (c) => c.html(generateHtml(c.req.url)));\napp.get(\"/api/clusters\", (c) => c.json(db.clusters.map(({ id, name }) => ({ id, name }))));\n\napp.get(\"/api/occupations/:cluster_id\", (c) => {\n const { cluster_id } = c.req.param();\n const cluster = db.clusters.find(c => c.id == parseInt(cluster_id, 10));\n return c.json(cluster ? cluster.occupations.map(({ id, title }) => ({ id, title })) : []);\n});\n\napp.get(\"/api/tasks/:occupation_id\", (c) => {\n const { occupation_id } = c.req.param();\n const occupation = getAllOccupations().find(o => o.id === parseInt(occupation_id, 10));\n return c.json(occupation ? occupation.tasks.map(({ id, task }) => ({ task_id: id, name: task })) : []);\n});\n\napp.get(\"/api/prompt/:occupation_id/:task_id\", async (c) => {\n const { occupation_id, task_id } = c.req.param();\n const occupation = getAllOccupations().find(o => o.id == parseInt(occupation_id, 10));\n const task = occupation?.tasks.find(t => t.id == parseInt(task_id, 10));\n if (!task || !occupation) return c.json({ error: \"Task or Occupation not found.\" }, 404);\n const userInput = `Occupation: ${occupation.title}, Task: ${task.task}`;\n try {\n const openai = new OpenAI();\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [{ role: \"system\", content: PROMPT_REFINER_SYSTEM_PROMPT }, { role: \"user\", content: userInput }],\n response_format: { type: \"json_object\" },\n });\n return c.json(JSON.parse(completion.choices[0].message.content));\n } catch (e) {\n return c.json({ error: \"AI failed to generate a valid prompt.\" }, 500);\n }\n});\n\napp.post(\"/api/inputs\", async (c) => {\n const { refined_prompt } = await c.req.json();\n if (!refined_prompt) return c.json({ error: \"refined_prompt is required\" }, 400);\n try {\n const openai = new OpenAI();\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [{ role: \"system\", content: INPUT_EXTRACTOR_SYSTEM_PROMPT }, { role: \"user\", content: refined_prompt }],\n response_format: { type: \"json_object\" },\n });\n return c.json(JSON.parse(completion.choices[0].message.content));\n } catch (e) {\n return c.json({ error: \"AI failed to extract inputs.\" }, 500);\n }\n});\n\napp.post(\"/api/execute\", async (c) => {\n const { refined_prompt, user_inputs } = await c.req.json();\n if (!refined_prompt || !user_inputs) return c.json({ error: \"prompt and inputs are required\" }, 400);\n\n let finalUserPrompt = refined_prompt;\n for (const [key, value] of Object.entries(user_inputs)) {\n finalUserPrompt = finalUserPrompt.replace(new RegExp(`\\\\{\\\\{\\\\s${key}\\\\s\\\\}\\\\}`, \"g\"), String(value));\n }\n\n try {\n const openai = new OpenAI();\n const taskCompletion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [{ role: \"user\", content: finalUserPrompt }],\n });\n const taskOutput = taskCompletion.choices[0].message.content;\n if (!taskOutput) throw new Error(\"The AI returned no content.\");\n\n const htmlCompletion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [{ role: \"system\", content: HTML_FORMATTER_SYSTEM_PROMPT }, { role: \"user\", content: taskOutput }],\n });\n const htmlOutput = htmlCompletion.choices[0].message.content;\n return c.json({ output: htmlOutput });\n } catch (e) {\n return c.json({ error: `Execution failed: ${e.message}` }, 500);\n }\n});\n\nexport default app.fetch;","deleted","label",[98],"permalink","https://www.val.town/x/join/makerflow/code/main.tsx","extension","actionData","errors"]