Glassmorphism Showcase

An AI-curated collection of textured glass designs.

\n \n

\n\n

\n \n

The Muse is curating a new exhibition...

\n \n

Design Recipe

\n \n

\n\n\n\n`;\n}\n\n// --- VAL TOWN EXPORT ---\nexport default async function(req: Request) {\n const url = new URL(req.url);\n const action = url.searchParams.get(\"action\");\n\n if (req.method === \"POST\" && action === \"generateShowcase\") {\n try {\n const openai = new OpenAI();\n const body = await req.json();\n const { textures } = body;\n\n const systemPrompt =\n `${SHOWCASE_GENERATOR_PROMPT}\\n\\nFor the \"texture.name\" field, you must choose exactly one value from this list: ${\n JSON.stringify(textures)\n }`;\n\n const messages = [\n { role: \"system\", content: systemPrompt },\n { role: \"user\", content: `Generate a new, diverse showcase of 8 textured glassmorphic card designs.` },\n ];\n\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: messages,\n temperature: 0.9,\n response_format: { type: \"json_object\" },\n });\n\n const content = completion.choices[0].message.content;\n\n let parsedContent;\n try {\n const jsonString = content.substring(content.indexOf(\"{\"), content.lastIndexOf(\"}\") + 1);\n parsedContent = JSON.parse(jsonString);\n\n if (!parsedContent.designs || !Array.isArray(parsedContent.designs)) {\n throw new Error(\"AI returned an invalid data structure. Expected a 'designs' array.\");\n }\n } catch (parseError) {\n console.error(\"AI Response Parsing Error:\", parseError, \"Original Content:\", content);\n throw new Error(\"The Muse provided a corrupt or incomplete exhibition design.\");\n }\n\n return new Response(JSON.stringify(parsedContent), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"AI Showcase Generation Error:\", error);\n return new Response(JSON.stringify({ error: error.message || \"An unknown error occurred.\" }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n // Serve the HTML for GET requests\n const sourceUrl = `https://${url.hostname}${url.pathname}`;\n return new Response(generateHtml(sourceUrl), { headers: { \"Content-Type\": \"text/html\" } });\n}","deleted","label",[98],"permalink","https://www.val.town/x/join/muse/code/main.tsx","extension","actionData","errors"]