JIT Scroll-Morphing SVG Text

\n \n \n\n \n

\n\n \n\n`;\n}\n\n// Initialize Hono app\nconst app = new Hono();\n\n// Route for serving the HTML page\napp.get(\"/\", (c) => {\n // Ensure sourceUrl always ends with a '/' for correct relative path resolution\n const sourceUrl = `${c.req.url.split(\"?\")[0].replace(/\\/$/, \"\")}/`;\n return c.html(generateHtml(sourceUrl));\n});\n\n// Route for generating SVG path data via AI\napp.get(\"/paths\", async (c) => {\n const text = c.req.query(\"text\");\n const fontStyle = c.req.query(\"fontStyle\");\n\n if (!text || !fontStyle) {\n return c.json({ error: \"Missing 'text' or 'fontStyle' query parameter.\" }, 400);\n }\n\n try {\n const openai = new OpenAI();\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\", // Using gpt-4o for better spatial reasoning and precise output\n messages: [\n { role: \"system\", content: GENERATION_STYLE_GUIDE },\n { role: \"user\", content: SVG_PATH_PROMPT(text, fontStyle) },\n ],\n response_format: { type: \"json_object\" },\n temperature: 0.2, // Keep temperature low for deterministic output\n });\n\n const content = completion.choices[0].message.content;\n const parsedContent = JSON.parse(content || \"{}\");\n\n if (!parsedContent || typeof parsedContent.pathData !== \"string\") {\n // Demand Justification: If AI fails to return valid structure, log/expose\n const reason = parsedContent.reason || \"AI did not return expected 'pathData' string.\";\n throw new Error(`Invalid AI response: ${reason}. Raw: ${content}`);\n }\n\n return c.json({ pathData: parsedContent.pathData });\n } catch (error: any) {\n console.error(\"AI Path Generation Error:\", error);\n return c.json({ error: error.message || \"Failed to generate SVG path data.\" }, 500);\n }\n});\n\n// Export the Hono app's fetch handler\nexport default app.fetch;","deleted","label",[98],"permalink","https://www.val.town/x/join/typo2/code/main.tsx","extension","actionData","errors"]