[{"_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",9,"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","53dc3ba8-a7b1-11f0-bb68-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// --- 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\": { \"shape\": \"cylinder\", \"taper\": 0.8 },\n \"colors\": { \"primary\": \"#RRGGBB\", \"secondary\": \"#RRGGBB\", \"accent\": \"#RRGGBB\", \"ground\": \"#RRGGBB\", \"grid\": \"#RRGGBB\", \"trail\": \"#RRGGBB\" },\n \"materials\": { \"metalness\": 0.9, \"roughness\": 0.2, \"emissive\": \"#000000\", \"emissiveIntensity\": 1.5 },\n \"decorations\": { \"type\": \"light\", \"color\": \"#RRGGBB\", \"count\": 4, \"scale\": 1.2, \"emissive\": true },\n \"sceneLighting\": { \"light1Color\": \"#RRGGBB\", \"light2Color\": \"#RRGGBB\" },\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. A 'liquid starlight' arm might have a dark, celestial gradient, high emissive intensity, and a fun affirmation like \"Houston, we have a masterpiece!\". A 'cyberpunk' arm could have neon colors, a gritty background, and a cheeky message like \"Waking up the city, one neon arm at a time.\"\n${GENERATION_STYLE_GUIDE}\n`;\n\n// --- HTML & FRONTEND GENERATION ---\nfunction generateHtml(sourceUrl) {\n return `\n\n\n \n \n Armory: AI Robotic Arm Forge\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n

Armory Control Panel

Your design, your control. Use hand gestures to pilot your creation.

Initializing...

Point Hand: Move Arm Position

Rotate Wrist: Control Arm Orientation

Hand Openness: Control Gripper

Peace Sign (Hold): Toggle Precision Mode

Grip Close0%

Speed100%

Gesture: None

Distance: N/A

Mode: Manual

\n \n \n

✨ Welcome to the Armory ✨

Describe the robotic arm of your dreams. Our AI Design Assistant will forge a unique theme, complete with colors, materials, and ethereal effects.

\n \n

Your Arm is Forged!

Your custom Armory design is ready. Grant camera access to take control.

\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\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;","// @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\": { \"shape\": \"cylinder\", \"taper\": 0.8 },\n \"colors\": { \"primary\": \"#RRGGBB\", \"secondary\": \"#RRGGBB\", \"accent\": \"#RRGGBB\", \"ground\": \"#RRGGBB\", \"grid\": \"#RRGGBB\", \"trail\": \"#RRGGBB\" },\n \"materials\": { \"metalness\": 0.9, \"roughness\": 0.2, \"emissive\": \"#000000\", \"emissiveIntensity\": 1.5 },\n \"decorations\": { \"type\": \"light\", \"color\": \"#RRGGBB\", \"count\": 4, \"scale\": 1.2, \"emissive\": true },\n \"sceneLighting\": { \"light1Color\": \"#RRGGBB\", \"light2Color\": \"#RRGGBB\" },\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. A 'liquid starlight' arm might have a dark, celestial gradient, high emissive intensity, and a fun affirmation like \"Houston, we have a masterpiece!\". A 'cyberpunk' arm could have neon colors, a gritty background, and a cheeky message like \"Waking up the city, one neon arm at a time.\"\n${GENERATION_STYLE_GUIDE}\n`;\n\n// --- HTML & FRONTEND GENERATION ---\nfunction generateHtml(sourceUrl) {\n return `\n\n\n \n \n Armory: AI Robotic Arm Forge\n \n \n \n \n \n \n \n \n\n\n

Armory Control Panel

Your design, your control. Use hand gestures to pilot your creation.

Initializing...

Point Hand: Move Arm Position

Rotate Wrist: Control Arm Orientation

Hand Openness: Control Gripper

Peace Sign (Hold): Toggle Precision Mode

Grip Close0%

Speed100%

Gesture: None

Distance: N/A

Mode: Manual

\n \n \n

✨ Welcome to the Armory ✨

Describe the robotic arm of your dreams. Our AI Design Assistant will forge a unique theme, complete with colors, materials, and ethereal effects.

\n \n

Your Arm is Forged!

Your custom Armory design is ready. Grant camera access to take control.

\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\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;","createdAt",["D",1760351402662],"branchVersion","branchId","53da5342-a7b1-11f0-bb68-0224a6c84d84","id","53da0180-a7b1-11f0-bb68-0224a6c84d84","arm",["D",1760304050629],"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",31,"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},"93de095c-a81f-11f0-bb61-0224a6c84d84","parentId","latest",["D",1760351402662],8,"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",1760351402662],"children",[],[28],["D",1760304050629],{"_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","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · v9