[{"_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",18,"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

Armory Control Panel

Your design, your control. Use your hands to pilot your creation.

Initializing...

Hand Position: Move Arm Target (X/Y)

Wrist Rotation: Control Arm Orientation

Hand Openness: Control Gripper

Hand Size (Camera): Move Forward/Back (Z)

Two Hands: Stabilize Base Position

Grip Close0%

Speed100%

Hands: None

Z-Pos: N/A

Mode: Standard

\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 API SERVER (HONO) ---\nconst app = new Hono();\n\napp.get(\"/\", (c) => {\n const sourceUrl = c.req.url;\n return c.html(generateHtml(sourceUrl));\n});\n\napp.get(\"/generate\", async (c) => {\n const { prompt } = c.req.query();\n if (!prompt) {\n return c.json({ error: \"Prompt is required\" }, 400);\n }\n\n try {\n const openai = new OpenAI();\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o-mini\",\n messages: [\n { role: \"system\", content: DESIGN_GENERATOR_PROMPT },\n { role: \"user\", content: prompt },\n ],\n response_format: { type: \"json_object\" },\n temperature: 1.1,\n });\n\n const jsonResponse = completion.choices[0].message.content;\n const designObject = JSON.parse(jsonResponse);\n\n return c.json(designObject, 200, {\n \"Content-Type\": \"application/json\",\n \"Access-Control-Allow-Origin\": \"*\",\n });\n } catch (error) {\n console.error(\"OpenAI API error:\", error);\n return c.json({ error: \"Failed to generate design from AI.\" }, 500);\n }\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\n

Armory Control Panel

Your design, your control. Use your hands to pilot your creation.

Initializing...

Hand Position: Move Arm Target (X/Y)

Wrist Rotation: Control Arm Orientation

Hand Openness: Control Gripper

Hand Size (Camera): Move Forward/Back (Z)

Two Hands: Stabilize Base Position

Grip Close0%

Speed100%

Hands: None

Z-Pos: N/A

Mode: Standard

\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 API SERVER (HONO) ---\nconst app = new Hono();\n\napp.get(\"/\", (c) => {\n const sourceUrl = c.req.url;\n return c.html(generateHtml(sourceUrl));\n});\n\napp.get(\"/generate\", async (c) => {\n const { prompt } = c.req.query();\n if (!prompt) {\n return c.json({ error: \"Prompt is required\" }, 400);\n }\n\n try {\n const openai = new OpenAI({\n apiKey: Deno.env.get(\"OPENAI_API_KEY\"),\n });\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o-mini\",\n messages: [\n { role: \"system\", content: DESIGN_GENERATOR_PROMPT },\n { role: \"user\", content: prompt },\n ],\n response_format: { type: \"json_object\" },\n temperature: 1.1,\n });\n\n const jsonResponse = completion.choices[0].message.content;\n const designObject = JSON.parse(jsonResponse);\n\n return c.json(designObject, 200, {\n \"Content-Type\": \"application/json\",\n \"Access-Control-Allow-Origin\": \"*\",\n });\n } catch (error) {\n console.error(\"OpenAI API error:\", error);\n return c.json({ error: \"Failed to generate design from AI.\" }, 500);\n }\n});\n\nexport default app.fetch;","createdAt",["D",1760354786805],"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},"74f9c2d0-a827-11f0-95a0-0224a6c84d84","parentId","latest",["D",1760354786805],17,"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",1760354786805],"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","5015b8df46402d8bba4f485ecc37aec202b0e06b","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 · v18