[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_152":153,"_154":155},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_115":-5,"_20":116,"_22":117,"_118":119,"_120":121,"_25":122,"_24":-5,"_123":-5,"_124":-5,"_125":53,"_126":127,"_128":44,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","volt","name","armman","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":-5,"_69":-5,"_70":71,"_72":37,"_73":44,"_74":44,"_75":-5,"_76":77,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":94,"_95":96,"_97":98,"_99":53},"tree",[56],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":55},"id","5d00069e-acfa-11f0-a10f-0224a6c84d84","main.ts","fileId","da4b197e-acdf-11f0-a72c-0224a6c84d84","parentId","branchId","da48a68a-acdf-11f0-a72c-0224a6c84d84","branchVersion",5,"latest",true,"createdAt",["D",1760885175037],4,"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// --- AI BEHAVIORAL GUIDELINES & PROMPT ENGINEERING ---\nconst GENERATION_STYLE_GUIDE =\n \"As Armory's AI Design Assistant, your persona is a blend of a master craftsman and a witty, imaginative muse. Your goal is to delight and inspire. Your output MUST be a precisely structured JSON object that translates a conceptual description into a tangible, and often extreme, visual theme. Be bold and inventive; push the creative boundaries. Infuse a sense of fun and wonder into your suggestions. The goal is to produce a design specification that is not only technically usable but also sparks joy and creativity.\";\n\nconst DESIGN_GENERATOR_PROMPT = `\nYou are Armory's AI Design Assistant, a witty and imaginative partner in creation. Your job is to translate a user's idea for a robotic arm into a complete, ready-to-render design specification, while also providing delightful thematic flair for the UI itself.\n\nYou MUST respond ONLY with a single, minified JSON object. Do not include any conversational text or markdown formatting.\nNEVER use \"gem\", \"rock\", \"rivet\", or any other solid, bulky object for decorations. Focus on ethereal, geometric, or light-based effects that feel dynamic and advanced.\n\nThe JSON object must have the following structure:\n{\n \"themeName\": \"A creative, fun, or witty name for the theme, e.g., 'Nebula Navigator' or 'Chromatic Chaos'\",\n \"armProfile\": {\n \"shape\": \"cylinder | box\",\n \"taper\": 0.8,\n \"jointType\": \"sphere | gear | ring\"\n },\n \"colorScheme\": {\n \"base\": \"#RRGGBB\",\n \"shoulder\": \"#RRGGBB\",\n \"forearm\": \"#RRGGBB\",\n \"wrist\": \"#RRGGBB\",\n \"gripper\": \"#RRGGBB\",\n \"accent\": \"#RRGGBB\",\n \"ground\": \"#RRGGBB\",\n \"grid\": \"#RRGGBB\",\n \"trail\": \"#RRGGBB\"\n },\n \"materials\": {\n \"metalness\": 0.9,\n \"roughness\": 0.2,\n \"emissive\": \"#000000\",\n \"emissiveIntensity\": 1.5\n },\n \"decorations\": {\n \"type\": \"light | ring | rune | gear | none\",\n \"color\": \"#RRGGBB\",\n \"count\": 4,\n \"scale\": 1.2,\n \"emissive\": true,\n \"animated\": \"pulse | spin | none\"\n },\n \"effects\": {\n \"trailStyle\": \"solid | dashed | particles\",\n \"fogDensity\": 0.005\n },\n \"sceneLighting\": {\n \"light1Color\": \"#RRGGBB\",\n \"light2Color\": \"#RRGGBB\"\n },\n \"uiMod\": {\n \"affirmation\": \"A fun, witty, or intellectually intriguing affirmation about the user's design idea. e.g., 'An arm forged in starlight? Brilliant!'\",\n \"pageGradient\": \"A CSS linear-gradient value that complements the theme's colors. e.g., 'linear-gradient(135deg, #0a0c1c 0%, #3a1a4a 100%)'\"\n }\n}\n\nAnalyze the user's description to create a cohesive and exciting theme.\n- A 'liquid starlight' arm might have a 'cylinder' shape, high emissive intensity, a 'light' decoration type, and a dark, celestial 'pageGradient'.\n- A 'cyberpunk' arm could have a 'box' shape, neon colors in the 'colorScheme', a 'gear' jointType, and a 'pulse' animation for its decorations.\n- A 'magical/arcane' arm could use 'rune' decorations, a 'purple' and 'gold' colorScheme, and a 'trailStyle' of 'particles'.\n${GENERATION_STYLE_GUIDE}\n`;\n\n// --- HTML & FRONTEND GENERATION ---\nfunction generateHtml(sourceUrl) {\n return `\n\n\n \n \n Armory: Advanced Industrial Robot Builder\n \n \n \n \n \n \n \n \n \n\n\n

Armory Control Panel

Advanced 6-axis IK with realistic gripper mechanics

Initializing...

Point: Position Control

Hand Rotation: Tool Orientation

Pinch: Gripper Force (0-100%)

Press 'M': Toggle Mouse Mode

Press 'R': Reset Objects

JOINT ANGLES

BASE

0°

SHOULDER

0°

ELBOW

0°

WRIST 1

0°

WRIST 2

0°

WRIST 3

0°

Grip Force0%

Speed100%

Gesture: None

Distance: N/A

Mode: Hand Tracking

\n \n \n

✨ Welcome to Armory ✨

Describe your dream robotic arm. Our AI will craft a unique industrial design with advanced mechanics, realistic materials, and stunning visual effects.

\n \n

Your Arm is Forged!

Your custom industrial robot is ready. Grant camera access to take control with advanced hand tracking.

\n \n

\n \n\n`;\n}\n\n// --- BACKEND ROUTING & API LOGIC ---\nconst app = new Hono();\n\napp.post(\"/generate-design\", async (c) => {\n try {\n const body = await c.req.json();\n const description = body.description;\n\n if (\n !description || typeof description !== \"string\" ||\n description.trim().length < 5\n ) {\n return c.json({ error: \"A valid, descriptive prompt is required.\" }, 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: DESIGN_GENERATOR_PROMPT },\n {\n role: \"user\",\n content:\n `Forge a robotic arm design based on this description: \"${description}\"`,\n },\n ],\n response_format: { type: \"json_object\" },\n });\n\n const content = completion.choices[0].message.content;\n\n try {\n const parsedContent = JSON.parse(content);\n if (\n !parsedContent.armProfile || !parsedContent.materials ||\n !parsedContent.uiMod || !parsedContent.colorScheme\n ) {\n throw new Error(\"AI returned an incomplete design structure.\");\n }\n return c.json(parsedContent);\n } catch (parseError) {\n console.error(\n \"AI Response Parse Error:\",\n parseError,\n \"Content:\",\n content,\n );\n return c.json({\n error: \"The AI returned a malformed design. Please try again.\",\n }, 500);\n }\n } catch (error) {\n console.error(\"OpenAI API Error:\", error);\n return c.json({\n error: \"An error occurred while communicating with the AI designer.\",\n }, 500);\n }\n});\n\napp.get(\"*\", (c) => {\n const url = new URL(c.req.url);\n const sourceUrl = `https://${url.hostname}${\n url.pathname.endsWith(\"/\") ? url.pathname : url.pathname + \"/\"\n }`;\n return c.html(generateHtml(sourceUrl));\n});\n\nexport default app.fetch;","deleted",false,"label",[35],{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":59,"_18":60},["D",1760885175037],"children",[],[35],"da484dc0-acdf-11f0-a72c-0224a6c84d84",["D",1760873788829],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","0199b749-1e1c-7399-b093-a7ba99382572","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","0199b749-1e1c-7399-b093-a97ac9fff69e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_114":110},"org",{"_11":12,"_108":-5,"_109":110,"_70":71,"_111":112,"_113":53},"branch",{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzMzZm1qMllGY2JhQmhhWFYwVXVvQ05aT2tJciJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":61,"_13":14,"_45":148,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":-5,"_69":-5,"_70":71,"_72":37,"_73":44,"_74":44,"_75":-5,"_76":77,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":149,"_95":150,"_97":151,"_99":53},[145],"files",[145],"counts",{"_135":77,"_136":137,"_138":77,"_31":139,"_140":141},[133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":134},[35],"pulls","branches",1,"forks",{"_142":77,"_144":77},"connections",{"_142":77,"_143":77},"count","unfilledCount","emptyCount",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":146,"_18":147},[],[35],["D",1760873788829],{"_11":12,"_114":110},{"_11":12,"_108":-5,"_109":110,"_70":71,"_111":112,"_113":53},{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"ctx",{"_93":-5,"_130":185,"_186":187,"_188":189,"_190":53,"_191":53,"_192":53,"_193":44,"_194":-5,"_195":-7,"_196":-7,"_197":77,"_198":53,"_199":53,"_200":-5,"_201":53,"_202":53,"_203":53,"_204":-5},"ENV",{"_156":157,"_158":159,"_160":16,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184},"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"]

Code