\n \n

AI Shader Pod

\n \n \n \n

\n \n

Current Shader

\n\n

Gallery

\n\n\n\n`;\n}\n\n// --- BACKEND API (HONO) ---\n\nconst app = new Hono();\n\n/**\n * **REMOVED:** Database initialization middleware, as blob storage does not require it.\n */\n\n/**\n * POST /generateShader\n * The core AI endpoint. Receives a prompt and current shader,\n * returns a new shader or an error. (UNCHANGED)\n */\napp.post(\"/generateShader\", async (c) => {\n try {\n const { prompt, currentShader } = await c.req.json();\n\n if (!prompt || typeof prompt !== \"string\") {\n return c.json({\n success: false,\n glsl: null,\n reason: \"Invalid prompt provided.\",\n }, 400);\n }\n if (typeof currentShader !== \"string\") {\n return c.json({\n success: false,\n glsl: null,\n reason: \"Invalid current shader data.\",\n }, 400);\n }\n\n const openai = new OpenAI();\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [\n { role: \"system\", content: SHADER_GENERATOR_PROMPT },\n {\n role: \"user\",\n content:\n `**Previous GLSL:**\\n${currentShader}\\n\\n**New Prompt:** \"${prompt}\"`,\n },\n ],\n response_format: { type: \"json_object\" },\n temperature: 0.2, // Lower temperature for more deterministic, technical output\n });\n\n const responseJson = completion.choices[0].message.content;\n\n // --- AI Output Sanitization ---\n // Treat the AI's response as untrusted input.\n let data;\n try {\n data = JSON.parse(responseJson);\n } catch (e) {\n console.error(\"AI returned invalid JSON:\", responseJson);\n return c.json({\n success: false,\n glsl: null,\n reason: \"AI response was not valid JSON.\",\n }, 500);\n }\n\n // Validate the structure of the AI's response\n if (\n !data || typeof data.success !== \"boolean\" ||\n typeof data.reason !== \"string\"\n ) {\n console.error(\"AI returned incomplete JSON:\", data);\n return c.json({\n success: false,\n glsl: null,\n reason: \"AI response had a missing or invalid structure.\",\n }, 500);\n }\n\n if (data.success && typeof data.glsl !== \"string\") {\n console.error(\"AI claimed success but did not provide GLSL:\", data);\n return c.json({\n success: false,\n glsl: null,\n reason:\n \"AI generation failed: The response indicated success but contained no shader code.\",\n }, 500);\n }\n\n return c.json(data);\n } catch (error) {\n console.error(\"Error in /generateShader:\", error);\n return c.json({\n success: false,\n glsl: null,\n reason: `An internal server error occurred: ${error.message}`,\n }, 500);\n }\n});\n\n/**\n * POST /saveShader\n * Saves a user's shader by updating the main gallery array in blob storage.\n */\napp.post(\"/saveShader\", async (c) => {\n try {\n const { name, glsl } = await c.req.json();\n\n if (!name || typeof name !== \"string\" || name.trim().length === 0) {\n return c.json(\n { success: false, error: \"A valid 'name' is required.\" },\n 400,\n );\n }\n if (!glsl || typeof glsl !== \"string\" || glsl.trim().length === 0) {\n return c.json({\n success: false,\n error: \"A valid 'glsl' string is required.\",\n }, 400);\n }\n\n // 1. Fetch the current gallery array. Use a default empty array if the blob doesn't exist.\n // The key is GALLERY_BLOB_KEY. We request it as 'json'.\n const currentShaders =\n await blob.get(GALLERY_BLOB_KEY, \"json\") as {\n id: number;\n name: string;\n glsl: string;\n createdAt: number;\n }[] ?? [];\n\n // 2. Create the new shader object.\n const newShader = {\n // Simple way to ensure unique IDs, though a timestamp is more common for sorting\n id: currentShaders.length > 0\n ? Math.max(...currentShaders.map((s) => s.id)) + 1\n : 1,\n name: name.trim(),\n glsl: glsl,\n createdAt: Date.now(), // Use a timestamp for sorting\n };\n\n // 3. Add the new shader to the array, keeping only the 20 most recent (matching the SQLite LIMIT)\n // Newest shader is at the front for simplicity, as blob.list() cannot sort.\n const updatedShaders = [newShader, ...currentShaders].slice(0, 20);\n\n // 4. Save the updated array back to blob storage.\n await blob.setJSON(GALLERY_BLOB_KEY, updatedShaders);\n\n return c.json({ success: true });\n } catch (error) {\n console.error(\"Error in /saveShader:\", error);\n return c.json({\n success: false,\n error: \"Failed to save shader to blob storage.\",\n }, 500);\n }\n});\n\n/**\n * GET /loadShaders\n * Retrieves the stored shader array from blob storage.\n */\napp.get(\"/loadShaders\", async (c) => {\n try {\n // Retrieve the entire array of shaders stored under the key.\n // blob.get returns null if the key doesn't exist.\n const shaders =\n await blob.get(GALLERY_BLOB_KEY, \"json\") as {\n id: number;\n name: string;\n glsl: string;\n }[] ?? [];\n\n // We only need id, name, and glsl for the client. Since we store this,\n // we just return the array directly. The array is already limited to 20\n // and sorted by 'createdAt' (implicitly by insertion order in 'saveShader').\n // We map to ensure we only return the required properties, stripping 'createdAt'\n // in case the structure changes later, maintaining the original intent.\n const rows = shaders.map((s) => ({ id: s.id, name: s.name, glsl: s.glsl }));\n\n return c.json(rows);\n } catch (error) {\n console.error(\"Error in /loadShaders:\", error);\n return c.json([], 500); // Return an empty array on failure\n }\n});\n\n/**\n * GET /\n * Serves the main HTML application. (UNCHANGED)\n */\napp.get(\"/\", (c) => {\n const url = new URL(c.req.url);\n // Ensure the base URL passed to the client ends with a '/'\n // to prevent incorrect resolution of relative fetch requests.\n let sourceUrl = `https://${url.hostname}${url.pathname}`;\n if (!sourceUrl.endsWith(\"/\")) {\n sourceUrl += \"/\";\n }\n return c.html(generateHtml(sourceUrl));\n});\n\nexport default app.fetch;","deleted","label",[98],"permalink","https://www.val.town/x/realtime/Big/code/main.ts","extension","actionData","errors"]