[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_153":154,"_155":156},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":57,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",20,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","76d70b12-a499-11f0-a4f0-0224a6c84d84","name","fileType","http","content","// @ts-ignore\nimport { OpenAI } from \"https://esm.town/v/std/openai?v=4\";\nimport { Hono } from \"npm:hono@4.4.12\";\n\n// --- GLOBAL STATE FOR SIGNALING ---\n// This simple in-memory store is suitable for a Val Town environment\n// but would be replaced by a more robust solution like Redis or a database in a larger-scale application.\nconst rooms = new Map();\n\n// --- AI PROMPT ENGINEERING ---\n\nconst GENERATION_STYLE_GUIDE = `\nAdopt the persona of a master graphics programmer specializing in GLSL shaders for Three.js.\nYour output must be precise, efficient, and secure.\nThe generated shader code should be aesthetically sophisticated, translating abstract concepts into compelling visual effects.\nUse an intelligent, measured tone. The goal is to produce code that feels like it was written by a human expert, not a generic algorithm.\n`;\n\nconst SHADER_GENERATOR_PROMPT = `\nYou are a GLSL shader generator.\nThe user will provide a descriptive prompt for a hand visualization.\nYour task is to generate a Three.js-compatible GLSL fragment shader.\n\n**Constraints:**\n1. The shader must ONLY use the following available inputs:\n - uniform float u_time; // Time in seconds\n - uniform vec3 u_energy_color; // Color based on proximity\n - uniform float u_energy_level; // Proximity energy, 0.0 (far) to 1.0 (close)\n - varying vec2 vUv; // UV coordinates\n - varying vec3 vNormal; // Vertex normal\n - varying float vFresnel; // Pre-calculated Fresnel effect\n2. The output must be a single, minified JSON object.\n3. The JSON object must contain exactly one key: \"shaderCode\".\n4. The value of \"shaderCode\" must be a string containing the complete GLSL fragment shader code.\n5. The shader should be visually interesting and reflect the user's prompt.\n6. The final output color's alpha component should be calculated to create a sense of volume and energy, often tied to u_energy_level or vFresnel.\n\n**Example User Prompt:** \"A hand made of cracked obsidian with glowing magma veins.\"\n\n**Example JSON Output:**\n{\"shaderCode\":\"void main(){float magma=sin(vUv.y*10.0-u_time*2.0)*0.5+0.5;magma=pow(magma,8.0);vec3 magmaColor=vec3(1.0,0.5,0.0)*magma*(1.0+u_energy_level*2.0);vec3 obsidianColor=vec3(0.05,0.05,0.1);float fresnelGlow=pow(vFresnel,2.0);vec3 finalColor=mix(obsidianColor,magmaColor,magma)+fresnelGlow*u_energy_color;gl_FragColor=vec4(finalColor,fresnelGlow+magma*0.5);}\"}\n\n${GENERATION_STYLE_GUIDE}\n`;\n\n// --- FRONTEND GENERATION ---\n\nfunction generateHtml(baseUrl: string) {\n // Ensure the base URL has a trailing slash for correct relative path resolution by the browser.\n const correctedBaseUrl = baseUrl.endsWith(\"/\") ? baseUrl : `${baseUrl}/`;\n\n return `\n\n\n \n \n Quantum Eidos\n \n \n \n \n\n\n

Quantum Eidos

YOU

PARTNER

Connection

DISCONNECTED

Your Room ID:

- - - - -

\n \n \n \n

Appearance

\n Skeleton Type\n \n Describe your hand's appearance:\n \n \n

\n\n \n \n \n\n`;\n}\n\n// --- BACKEND ROUTING & LOGIC ---\n\nconst app = new Hono();\n\napp.post(\"/create-room\", (c) => {\n const roomId = Math.random().toString(36).substring(2, 8).toUpperCase();\n rooms.set(roomId, {});\n return c.json({ roomId });\n});\n\napp.post(\"/get-offer\", async (c) => {\n const { roomId } = await c.req.json();\n const room = rooms.get(roomId);\n return c.json({ sdp: room?.hostSdp });\n});\n\napp.post(\"/poll-answer\", async (c) => {\n const { roomId } = await c.req.json();\n const room = rooms.get(roomId);\n return c.json({ sdp: room?.guestSdp });\n});\n\napp.post(\"/signal\", async (c) => {\n const { roomId, sdp } = await c.req.json();\n const room = rooms.get(roomId);\n if (room) {\n if (sdp.type === \"offer\") {\n room.hostSdp = sdp;\n } else if (sdp.type === \"answer\") {\n room.guestSdp = sdp;\n }\n rooms.set(roomId, room);\n }\n return c.json({ status: \"ok\" });\n});\n\napp.post(\"/generate-shader\", async (c) => {\n const openai = new OpenAI();\n const { prompt } = await c.req.json();\n\n if (!prompt || typeof prompt !== \"string\" || prompt.trim().length < 10) {\n return c.json({ error: \"A more descriptive prompt is required.\" }, 400);\n }\n\n try {\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [\n { role: \"system\", content: SHADER_GENERATOR_PROMPT },\n { role: \"user\", content: `Prompt: \"${prompt}\"` },\n ],\n response_format: { type: \"json_object\" },\n });\n\n const content = completion.choices[0].message.content;\n \n // Robust extraction and validation of the AI's response\n let parsedContent;\n try {\n // Isolate JSON from potential conversational text\n const jsonMatch = content.match(/\\{.*\\}/s);\n if (!jsonMatch) throw new Error(\"No JSON object found in AI response.\");\n parsedContent = JSON.parse(jsonMatch[0]);\n } catch (e) {\n console.error(\"Failed to parse AI JSON response:\", content);\n throw new Error(\"AI returned malformed JSON.\");\n }\n\n if (!parsedContent.shaderCode || typeof parsedContent.shaderCode !== \"string\") {\n throw new Error(\"AI response is missing the 'shaderCode' string.\");\n }\n \n // Return only the valid, parsed data.\n return c.json({ shaderCode: parsedContent.shaderCode });\n } catch (error) {\n console.error(\"OpenAI API Error:\", error);\n return c.json({ error: error.message || \"Failed to generate shader.\" }, 500);\n }\n});\n\n// --- MAIN EXPORTED HANDLER ---\nexport default async function(req: Request) {\n // Serve the frontend for GET requests\n if (req.method === \"GET\") {\n const url = new URL(req.url);\n const baseUrl = `https://${url.hostname}${url.pathname}`;\n return new Response(generateHtml(baseUrl), { headers: { \"Content-Type\": \"text/html\" } });\n }\n\n // Handle API routes for POST requests\n return app.fetch(req);\n}","// @ts-ignore\nimport { OpenAI } from \"https://esm.town/v/std/openai?v=4\";\nimport { Hono } from \"npm:hono@4.4.12\";\n\n// --- GLOBAL STATE FOR SIGNALING ---\n// This simple in-memory store is suitable for a Val Town environment\n// but would be replaced by a more robust solution like Redis or a database in a larger-scale application.\nconst rooms = new Map();\n\n// --- AI PROMPT ENGINEERING ---\n\nconst GENERATION_STYLE_GUIDE = `\nAdopt the persona of a master graphics programmer specializing in GLSL shaders for Three.js.\nYour output must be precise, efficient, and secure.\nThe generated shader code should be aesthetically sophisticated, translating abstract concepts into compelling visual effects.\nUse an intelligent, measured tone. The goal is to produce code that feels like it was written by a human expert, not a generic algorithm.\n`;\n\nconst SHADER_GENERATOR_PROMPT = `\nYou are a GLSL shader generator.\nThe user will provide a descriptive prompt for a hand visualization.\nYour task is to generate a Three.js-compatible GLSL fragment shader.\n\n**Constraints:**\n1. The shader must ONLY use the following available inputs:\n - uniform float u_time; // Time in seconds\n - uniform vec3 u_energy_color; // Color based on proximity\n - uniform float u_energy_level; // Proximity energy, 0.0 (far) to 1.0 (close)\n - varying vec2 vUv; // UV coordinates\n - varying vec3 vNormal; // Vertex normal\n - varying float vFresnel; // Pre-calculated Fresnel effect\n2. The output must be a single, minified JSON object.\n3. The JSON object must contain exactly one key: \"shaderCode\".\n4. The value of \"shaderCode\" must be a string containing the complete GLSL fragment shader code.\n5. The shader should be visually interesting and reflect the user's prompt.\n6. The final output color's alpha component should be calculated to create a sense of volume and energy, often tied to u_energy_level or vFresnel.\n\n**Example User Prompt:** \"A hand made of cracked obsidian with glowing magma veins.\"\n\n**Example JSON Output:**\n{\"shaderCode\":\"void main(){float magma=sin(vUv.y*10.0-u_time*2.0)*0.5+0.5;magma=pow(magma,8.0);vec3 magmaColor=vec3(1.0,0.5,0.0)*magma*(1.0+u_energy_level*2.0);vec3 obsidianColor=vec3(0.05,0.05,0.1);float fresnelGlow=pow(vFresnel,2.0);vec3 finalColor=mix(obsidianColor,magmaColor,magma)+fresnelGlow*u_energy_color;gl_FragColor=vec4(finalColor,fresnelGlow+magma*0.5);}\"}\n\n${GENERATION_STYLE_GUIDE}\n`;\n\n// --- FRONTEND GENERATION ---\n\nfunction generateHtml(baseUrl: string) {\n // Ensure the base URL has a trailing slash for correct relative path resolution by the browser.\n const correctedBaseUrl = baseUrl.endsWith(\"/\") ? baseUrl : `${baseUrl}/`;\n\n return `\n\n\n \n \n Quantum Eidos\n \n \n \n \n\n\n

Quantum Eidos

YOU

PARTNER

Connection

DISCONNECTED

Your Room ID:

- - - - -

\n \n \n \n

Appearance

\n Skeleton Type\n \n Describe your hand's appearance:\n \n \n

\n\n \n \n \n\n`;\n}\n\n// --- BACKEND ROUTING & LOGIC ---\n\nconst app = new Hono();\n\napp.post(\"/create-room\", (c) => {\n const roomId = Math.random().toString(36).substring(2, 8).toUpperCase();\n rooms.set(roomId, {});\n return c.json({ roomId });\n});\n\napp.post(\"/get-offer\", async (c) => {\n const { roomId } = await c.req.json();\n const room = rooms.get(roomId);\n return c.json({ sdp: room?.hostSdp });\n});\n\napp.post(\"/poll-answer\", async (c) => {\n const { roomId } = await c.req.json();\n const room = rooms.get(roomId);\n return c.json({ sdp: room?.guestSdp });\n});\n\napp.post(\"/signal\", async (c) => {\n const { roomId, sdp } = await c.req.json();\n const room = rooms.get(roomId);\n if (room) {\n if (sdp.type === \"offer\") {\n room.hostSdp = sdp;\n } else if (sdp.type === \"answer\") {\n room.guestSdp = sdp;\n }\n rooms.set(roomId, room);\n }\n return c.json({ status: \"ok\" });\n});\n\napp.post(\"/generate-shader\", async (c) => {\n const openai = new OpenAI();\n const { prompt } = await c.req.json();\n\n if (!prompt || typeof prompt !== \"string\" || prompt.trim().length < 10) {\n return c.json({ error: \"A more descriptive prompt is required.\" }, 400);\n }\n\n try {\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [\n { role: \"system\", content: SHADER_GENERATOR_PROMPT },\n { role: \"user\", content: `Prompt: \"${prompt}\"` },\n ],\n response_format: { type: \"json_object\" },\n });\n\n const content = completion.choices[0].message.content;\n\n // Robust extraction and validation of the AI's response\n let parsedContent;\n try {\n // Isolate JSON from potential conversational text\n const jsonMatch = content.match(/\\{.*\\}/s);\n if (!jsonMatch) throw new Error(\"No JSON object found in AI response.\");\n parsedContent = JSON.parse(jsonMatch[0]);\n } catch (e) {\n console.error(\"Failed to parse AI JSON response:\", content);\n throw new Error(\"AI returned malformed JSON.\");\n }\n\n if (\n !parsedContent.shaderCode || typeof parsedContent.shaderCode !== \"string\"\n ) {\n throw new Error(\"AI response is missing the 'shaderCode' string.\");\n }\n\n // Return only the valid, parsed data.\n return c.json({ shaderCode: parsedContent.shaderCode });\n } catch (error) {\n console.error(\"OpenAI API Error:\", error);\n return c.json(\n { error: error.message || \"Failed to generate shader.\" },\n 500,\n );\n }\n});\n\n// --- MAIN EXPORTED HANDLER ---\nexport default async function (req: Request) {\n // Serve the frontend for GET requests\n if (req.method === \"GET\") {\n const url = new URL(req.url);\n const baseUrl = `https://${url.hostname}${url.pathname}`;\n return new Response(generateHtml(baseUrl), {\n headers: { \"Content-Type\": \"text/html\" },\n });\n }\n\n // Handle API routes for POST requests\n return app.fetch(req);\n}","createdAt",["D",1759978176737],"branchVersion","branchId","76d48c02-a499-11f0-a4f0-0224a6c84d84","id","76d428f2-a499-11f0-a4f0-0224a6c84d84","dream",["D",1759963947900],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","0199b749-1e1c-7399-b093-a7ba99382572","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","0199b749-1e1c-7399-b093-a97ac9fff69e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":54,"_99":100,"_101":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",21,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","volt","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzMzZm1qMllGY2JhQmhhWFYwVXVvQ05aT2tJciJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":149,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":150,"_79":151,"_81":152,"_83":25},"tree",[144],"files",[144],"counts",{"_133":61,"_134":135,"_136":61,"_137":138,"_139":140},"contents",[125],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":129,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_27":132},"97e15c92-a4ba-11f0-ad62-0224a6c84d84","parentId","latest",["D",1759978176737],19,"label",[28],"pulls","branches",1,"forks","envVars",{"_141":61,"_143":61},"connections",{"_141":61,"_142":61},"count","unfilledCount","emptyCount",{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":145,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_146":147,"_27":148},["D",1759978176737],"children",[],[28],["D",1759963947900],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":54,"_99":100,"_101":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_122":186,"_187":188,"_189":190,"_191":25,"_192":25,"_193":25,"_194":57,"_195":-5,"_196":-7,"_197":-7,"_198":61,"_199":25,"_200":25,"_201":-5,"_202":25,"_203":25,"_204":25,"_205":-5},"ENV",{"_157":158,"_159":160,"_161":85,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Diff · v20