[{"_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",6,"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\";\n\n// --- AI BEHAVIORAL GUIDELINES ---\n\nconst GENERATION_STYLE_GUIDE =\n \"As a Robotics Motion Planner AI, you must adopt the persona of a senior robotics engineer. Your analysis should be articulated with precision and clarity, using appropriate technical vocabulary. The objective is to produce motion path transformations that are logical, efficient, and appear to be the result of intelligent kinematic analysis, not arbitrary generation.\";\n\nconst TRANSFORM_PATH_PROMPT = `\nYou are an expert Robotics Motion Planner AI. Your task is to transform a given 3D coordinate path based on a user's natural language command. You will receive an array of {x, y, z} points representing the original path and a text command.\n\nYour analysis must consider the command's intent, which may involve one or more transformations:\n- Translation (e.g., \"move up by 20 units,\" \"shift it to the left\")\n- Scaling (e.g., \"make it twice as big,\" \"shrink the path by 50%\")\n- Rotation (e.g., \"rotate it 90 degrees around the Y axis\")\n- Smoothing (e.g., \"make the motion smoother,\" \"remove jerky movements\")\n- Reversal (e.g., \"do it backwards\")\n- Other geometric manipulations (e.g., \"mirror it on the XZ plane\")\n\nYou MUST respond ONLY with a single, minified JSON object with two keys: \"transformedPath\" and \"explanation\".\n- \"transformedPath\": An array of {x, y, z} objects representing the new, calculated path. This array MUST have the same number of points as the original path.\n- \"explanation\": A brief, professional summary (one sentence) of the transformations you applied.\n\nExample Input:\nCommand: \"Smooth the path out, move it 20 units higher, and make it a little bigger.\"\nPath: [{x:0,y:0,z:0}, {x:10,y:5,z:2}, ...]\n\nExample Output:\n{\"transformedPath\":[{x:0,y:20,z:0}, {x:12,y:27,z:2.4}, ...], \"explanation\":\"Applied a smoothing algorithm, translated the path +20 units on the Y-axis, and scaled it by 120%.\"}\n\n${GENERATION_STYLE_GUIDE}\n`;\n\n// --- HTML & FRONTEND ---\nfunction generateHtml(sourceUrl: string) {\n return `\n\n\n \n \n AI-Enhanced Robotic Arm Control\n \n \n \n \n \n \n \n \n\n\n

AI-Enhanced Robotic Arm

Use hand gestures to directly control the arm's position. Record a path, then use natural language to transform it with AI.

Point with Hand: Move Arm

Fist/Open Hand: Control Gripper

Peace Sign (Hold): Toggle Precision Mode

Thumbs Up (Hold): Save Position

Spacebar: Emergency Stop

R Key: Reset Arm

1-5 Keys: Load Saved Position

Initializing...

Grip Close100%

Speed100%

Gesture: None

Distance: N/A

Mode: Manual

\n \n \n \n

\n \n

\n \n \n

Interactive Robotic Arm Demo

This demo uses your webcam for gesture control and OpenAI for path planning. Please grant camera permissions to begin.

\n \n

\n \n\n`;\n}\n\n// --- VAL TOWN BACKEND ---\nexport default async function (req: Request) {\n const url = new URL(req.url);\n const action = url.searchParams.get(\"action\");\n\n if (req.method === \"POST\" && action === \"transformPath\") {\n try {\n const openai = new OpenAI();\n const body = await req.json();\n\n const { command, path } = body;\n if (!command || !path || !Array.isArray(path) || path.length === 0) {\n return new Response(\n JSON.stringify({ error: \"A valid command and path are required.\" }),\n {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n const userContent = `Command: \"${command}\"\\nPath: ${\n JSON.stringify(path)\n }`;\n\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [\n { role: \"system\", content: TRANSFORM_PATH_PROMPT },\n { role: \"user\", content: userContent },\n ],\n temperature: 0.5,\n response_format: { type: \"json_object\" },\n });\n\n const content = completion.choices[0].message.content;\n\n // Robustly extract JSON from the AI's response\n const jsonMatch = content.match(/\\{[\\s\\S]*\\}/);\n if (!jsonMatch) {\n throw new Error(\"AI response did not contain valid JSON.\");\n }\n const parsedContent = JSON.parse(jsonMatch[0]);\n\n // Validate the structure of the AI's response\n if (\n !parsedContent.transformedPath ||\n !Array.isArray(parsedContent.transformedPath) ||\n !parsedContent.explanation\n ) {\n throw new Error(\"AI returned an improperly structured response.\");\n }\n\n return new Response(JSON.stringify(parsedContent), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"AI Path Transformation Error:\", error);\n return new Response(\n JSON.stringify({\n error: error.message || \"An unknown server error occurred.\",\n }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n // Serve the HTML for GET requests\n const sourceUrl = `https://${url.hostname}${url.pathname}`;\n return new Response(generateHtml(sourceUrl), {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}","// @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

Armory Control Panel

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

Initializing...

Point: Move Arm

Hand Openness: Control Gripper

Peace Sign (Hold): Toggle Precision Mode

Thumbs Up (Hold): Save Position

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",1760350052149],"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},"6ee60fc6-a81c-11f0-b48f-0224a6c84d84","parentId","latest",["D",1760350052149],5,"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",1760350052149],"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 · v6