CAD Designer

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_240":241,"_242":243},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_180":-5,"_20":181,"_22":182,"_183":184,"_185":186,"_25":187,"_24":-5,"_188":-5,"_189":-5,"_190":55,"_191":192,"_193":47,"_194":-5,"_195":-5,"_196":197},"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","dcm31","name","cad-designer","branchName","main","version","path","","project",{"_36":125,"_13":14,"_48":126,"_127":-5,"_128":55,"_129":130,"_131":130,"_132":133,"_134":-5,"_135":136,"_137":-5,"_138":55,"_139":-5,"_140":-5,"_141":70,"_142":143,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":149,"_150":149,"_151":152,"_153":152,"_154":152,"_155":149,"_156":149,"_157":158,"_159":160,"_161":162,"_163":55},"tree",[80,81,82,83],"file","contents",[32,33,34,35],"upstream","pull","ahead","behind","envVars",{"_36":73,"_13":74,"_39":75,"_41":-5,"_42":43,"_44":76,"_46":47,"_48":77,"_17":70,"_51":78,"_52":-5,"_54":55,"_56":-5,"_18":79},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":50,"_46":47,"_48":69,"_17":70,"_51":24,"_52":71,"_54":55,"_56":-5,"_18":72},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":61,"_46":47,"_48":62,"_17":50,"_51":63,"_52":64,"_54":55,"_56":-5,"_18":65},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_18":57},"id","b5d7b3dc-050d-11f1-b0bb-42dde27851f2","viewer.ts","fileId","ac34b3a8-0507-11f1-b3fa-42dde27851f2","parentId","branchId","0d59fa18-0507-11f1-87d4-42dde27851f2","branchVersion",12,"latest",true,"createdAt",["D",1770569186861],2,"fileType","content","/**\n * Viewer HTML template\n *\n * OpenSCAD code editor + Three.js 3D viewport\n * Uses OpenSCAD WASM for in-browser rendering\n * WASM files served from /wasm/ proxy (same-origin)\n */\n\nexport function viewerHTML(): string {\n return `\n\n\n \n \n CAD Designer\n \n\n\n \n\n

Loading OpenSCAD WASM...

\n\n \n \n\n`;\n}\n","deleted",false,"label",[38],"8ade7e54-050d-11f1-9350-42dde27851f2","main.ts","30ddae08-0507-11f1-a8ee-42dde27851f2",11,["D",1770569114763],"http","/**\n * CAD Designer — main HTTP server\n * \n * Serves the viewer page, design API, and proxied OpenSCAD WASM files.\n * See README.md for the visual feedback workflow.\n */\n\nimport { Hono } from \"npm:hono@4\";\nimport { getDesign, listDesigns } from \"./designs/index.ts\";\nimport { viewerHTML } from \"./viewer.ts\";\n\nconst app = new Hono();\n\n// === WASM Proxy ===\n// Proxy OpenSCAD WASM files from GitHub releases with correct Content-Types.\n// This avoids all CDN/CORS/import issues by serving from same origin.\n\nconst WASM_RELEASE = \"https://github.com/openscad/openscad-wasm/releases/download/2022.03.20\";\nconst WASM_CACHE = new Map();\n\nconst MIME_TYPES: Record = {\n \".js\": \"application/javascript\",\n \".wasm\": \"application/wasm\",\n \".data\": \"application/octet-stream\",\n};\n\napp.get(\"/wasm/:filename\", async (c) => {\n const filename = c.req.param(\"filename\");\n \n // Only allow known files\n const allowed = [\n \"openscad.js\", \"openscad.wasm.js\", \"openscad.wasm\", \n \"openscad.fonts.js\", \"openscad.mcad.js\", \"openscad.wasm.data\"\n ];\n if (!allowed.includes(filename)) {\n return c.text(\"Not found\", 404);\n }\n\n const ext = filename.substring(filename.lastIndexOf(\".\"));\n const contentType = MIME_TYPES[ext] || \"application/octet-stream\";\n\n // Check in-memory cache\n if (WASM_CACHE.has(filename)) {\n const cached = WASM_CACHE.get(filename)!;\n return new Response(cached.data, {\n headers: {\n \"Content-Type\": cached.type,\n \"Cache-Control\": \"public, max-age=604800\", // 1 week\n \"Access-Control-Allow-Origin\": \"*\",\n },\n });\n }\n\n try {\n const resp = await fetch(`${WASM_RELEASE}/${filename}`, { redirect: \"follow\" });\n if (!resp.ok) {\n return c.text(`Failed to fetch ${filename}: ${resp.status}`, 502);\n }\n\n const data = await resp.arrayBuffer();\n \n // Cache small files (< 2MB) in memory\n if (data.byteLength < 2 * 1024 * 1024) {\n WASM_CACHE.set(filename, { data, type: contentType });\n }\n\n return new Response(data, {\n headers: {\n \"Content-Type\": contentType,\n \"Cache-Control\": \"public, max-age=604800\",\n \"Access-Control-Allow-Origin\": \"*\",\n },\n });\n } catch (e) {\n return c.text(`Proxy error: ${e}`, 502);\n }\n});\n\n// === API ===\n\napp.get(\"/api/designs\", (c) => {\n return c.json(listDesigns());\n});\n\napp.get(\"/api/designs/:id\", (c) => {\n const design = getDesign(c.req.param(\"id\"));\n if (!design) return c.json({ error: \"not found\" }, 404);\n return c.json(design);\n});\n\n// === Pages ===\n\napp.get(\"/\", (c) => {\n return c.html(viewerHTML());\n});\n\nexport default app.fetch;\n",[59],"6bea9cea-0507-11f1-805e-42dde27851f2","README.md","6bea9d80-0507-11f1-805e-42dde27851f2",["D",1770566485857],0,"# CAD Designer — Visual Feedback 3D Design Tool\n\n## What This Is\n\nA tool for LLMs (specifically Claude on claude.ai) to design 3D printable models using **OpenSCAD** with a **visual feedback loop**. The key insight: LLMs can't do spatial reasoning blind. They need to render → see → fix → repeat.\n\n## The Visual Feedback Loop (CRITICAL)\n\nThis is the core workflow that makes LLM-driven CAD actually work. Without it, you're guessing and will get geometry wrong every time.\n\n### Prerequisites (Claude's Linux computer)\n\nThese tools are available in Claude's container environment:\n\n```bash\n# Install OpenSCAD (may already be installed)\napt-get update && apt-get install -y openscad xvfb\n\n# Verify\nxvfb-run -a openscad --version\n```\n\n### The Loop\n\n```\n1. WRITE → Create/edit a .scad file\n2. RENDER → xvfb-run -a openscad -o render.png --imgsize=800,600 \\\n --camera=200,200,150,0,0,40 model.scad\n3. VIEW → Use the `view` tool on render.png — YOU CAN SEE THE IMAGE\n4. ASSESS → What's wrong? Too flat? Wrong orientation? Missing features?\n5. FIX → Edit the .scad file\n6. GOTO 2\n```\n\n### Camera Tips\n\nThe `--camera` flag takes: `eyeX,eyeY,eyeZ,centerX,centerY,centerZ`\n\n```bash\n# Isometric (best for first look)\n--camera=200,200,150,0,0,40\n\n# Front view\n--camera=0,250,40,0,0,40\n\n# Top down \n--camera=0,1,300,0,0,30\n\n# Bottom up (to see underside)\n--camera=0,1,-300,0,0,20\n\n# Orthographic projection (engineering drawings)\n--camera=100,0,40,0,0,40 --projection=o\n```\n\nIf the model is too big/small in frame, adjust the eye distance (first 3 numbers).\n\n### Cross-Section Trick\n\nTo see internal geometry (cavities, bores, channels), cut the model in half:\n\n```openscad\ndifference() {\n // Your full model here\n my_model();\n \n // Cut away half (adjust plane as needed)\n translate([0, -200, -10]) cube([400, 400, 200]); // removes Y > 0\n}\n```\n\nThen render from the cut side to see inside.\n\n### Multi-Angle Verification\n\nAlways render at least 3 views:\n- **Isometric** — overall shape check\n- **Front/Side** — proportions, symmetry\n- **Cross-section** — internal geometry verification\n\n```bash\nxvfb-run -a openscad -o iso.png --imgsize=800,600 --camera=200,200,150,0,0,40 model.scad\nxvfb-run -a openscad -o front.png --imgsize=800,600 --camera=0,250,40,0,0,40 model.scad\nxvfb-run -a openscad -o section.png --imgsize=800,600 --camera=200,0,40,0,0,40 section.scad\n```\n\n## Why OpenSCAD (Not JSCAD)\n\n- **CLI rendering**: `openscad -o file.png` works headless with xvfb. JSCAD has no CLI renderer.\n- **Visual feedback**: The whole point is render → view → fix. JSCAD can only output geometry data, not images.\n- **Simpler syntax**: OpenSCAD's declarative style is easier for LLMs than JSCAD's imperative JS.\n- **Cross-sections**: OpenSCAD's `difference()` with a cutting plane lets you see inside models.\n- **Well-documented**: OpenSCAD has extensive docs and examples the LLM already knows.\n\n## OpenSCAD Cheat Sheet\n\n```openscad\n// Primitives\ncube([x, y, z]); // box\ncube([x, y, z], center=true); // centered box\ncylinder(r=10, h=20); // cylinder\ncylinder(r1=10, r2=5, h=20); // cone/taper\nsphere(r=10); // sphere\n\n// Transforms\ntranslate([x, y, z]) child();\nrotate([rx, ry, rz]) child();\nscale([sx, sy, sz]) child();\n\n// Booleans (THE KEY OPERATIONS)\nunion() { a(); b(); } // combine\ndifference() { a(); b(); } // a minus b\nintersection() { a(); b(); } // overlap only\n\n// Hull (convex hull — great for organic shapes)\nhull() { a(); b(); }\n\n// Loops\nfor (i = [0:4]) translate([i*10, 0, 0]) cube(5);\n\n// Modules (reusable parts)\nmodule my_part(size=10) {\n difference() {\n cube(size);\n sphere(r=size*0.6);\n }\n}\n\n// Resolution\n$fn = 64; // smooth curves (put at top of file)\n```\n\n## Common Pitfalls for LLMs\n\n1. **Threads on the outside**: When making internal threads (female), you SUBTRACT rings slightly larger than the bore. The grooves go INTO the wall, not out.\n\n2. **Orientation confusion**: Always define your Z-axis convention upfront. For 3D printing: Z = up, build plate is Z=0.\n\n3. **Forgetting to look**: ALWAYS render and view before declaring something done. You WILL get geometry wrong on the first try.\n\n4. **Camera too close**: Start with eye distances of 200+. If you see a wall of color, zoom out.\n\n5. **Flat chambers**: If you want a cone/pyramid shape, make sure height > base radius. Otherwise it looks like a disc.\n\n6. **Overcomplicating**: Start with the simplest possible shape. A manifold is just cylinders entering a hollow cone. Don't add channels, hulls, and complex merging unless actually needed.\n\n## Val Structure\n\n```\nmain.ts — HTTP server: viewer page + design API\ndesigns/ — OpenSCAD design files \n bottleSplitter.scad — 3-way bottle manifold\nREADME.md — This file (YOU ARE HERE)\n```\n\n## Design API\n\n```\nGET / → viewer page (Three.js + OpenSCAD WASM)\nGET /api/designs → list all designs\nGET /api/designs/:id → get design SCAD code \nPOST /api/designs/:id → save design { name, scad }\n```\n\n## Research Background\n\nThis approach is based on CADCodeVerify (ICLR 2025) which showed that LLMs need visual feedback loops for CAD:\n- Render the model\n- Vision model inspects the render \n- Provides corrective feedback\n- Iterate until correct\n\nOur implementation uses OpenSCAD CLI + xvfb for rendering and Claude's `view` tool for visual inspection. It's the same principle, just using tools already available in the environment.\n\n## For the Next Claude\n\nIf you're picking this up:\n\n1. **Install first**: `apt-get install -y openscad xvfb` (may already be there)\n2. **Test the loop**: Write a cube.scad, render it, view it. Make sure you can see images.\n3. **Read the designs/**: See what exists already\n4. **Iterate visually**: Never commit a design you haven't rendered and viewed from multiple angles\n5. **Cross-section complex parts**: If there's internal geometry, cut it open and look inside\n6. **Keep it simple**: Most printable objects are just cylinders, cubes, and cones with boolean operations\n",[67],"719c43aa-0507-11f1-9bdb-42dde27851f2","designs","719c4486-0507-11f1-9bdb-42dde27851f2",3,["D",1770566495410],"directory",[74],{"_36":73,"_13":74,"_39":75,"_41":-5,"_42":43,"_44":76,"_46":47,"_48":94,"_17":70,"_51":78,"_52":-5,"_54":55,"_56":-5,"_85":95,"_18":96},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":50,"_46":47,"_48":91,"_17":70,"_51":24,"_52":71,"_54":55,"_56":-5,"_85":92,"_18":93},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":61,"_46":47,"_48":88,"_17":50,"_51":63,"_52":64,"_54":55,"_56":-5,"_85":89,"_18":90},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":84,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_85":86,"_18":87},["D",1770569186861],"children",[],[38],["D",1770569114763],[],[59],["D",1770566485857],[],[67],["D",1770566495410],[97,98,99],[74],{"_36":116,"_13":117,"_39":118,"_41":75,"_42":43,"_44":119,"_46":47,"_48":120,"_17":121,"_51":24,"_52":122,"_54":55,"_56":-5,"_85":123,"_18":124},{"_36":108,"_13":109,"_39":110,"_41":75,"_42":43,"_44":111,"_46":47,"_48":112,"_17":76,"_51":24,"_52":113,"_54":55,"_56":-5,"_85":114,"_18":115},{"_36":100,"_13":101,"_39":102,"_41":75,"_42":43,"_44":103,"_46":47,"_48":104,"_17":70,"_51":24,"_52":105,"_54":55,"_56":-5,"_85":106,"_18":107},"59daceac-09d1-11f1-b35d-42dde27851f2","orangeCup.scad","59dacf42-09d1-11f1-b35d-42dde27851f2",13,["D",1771093018540],"// Orange Cup with Lid & Leaf\n// A cup shaped like an orange with a domed lid and decorative leaf\n// Dimensions: 50×50×60mm total, 5mm wall thickness\n$fn = 64;\n\n// === Dimensions ===\nouter_r = 25; // 50mm diameter\nwall = 5; // 5mm wall thickness\ninner_r = outer_r - wall;\ntotal_h = 60; // total height including lid\ncup_h = 40; // cup body height\nlid_h = total_h - cup_h; // 20mm dome\n\n// ===== CUP BODY =====\n// Lower portion of a sphere, hollowed out\nmodule cup_body() {\n difference() {\n // Outer sphere, clipped to cup height\n intersection() {\n sphere(r = outer_r);\n translate([0, 0, cup_h / 2])\n cube([outer_r * 3, outer_r * 3, cup_h], center = true);\n }\n // Inner cavity (hollow)\n intersection() {\n sphere(r = inner_r);\n translate([0, 0, cup_h / 2 + wall])\n cube([inner_r * 3, inner_r * 3, cup_h], center = true);\n }\n }\n}\n\n// ===== LID (dome top half of orange) =====\nmodule lid() {\n // Dome shell\n difference() {\n // Outer dome: ellipsoid (sphere scaled vertically)\n intersection() {\n translate([0, 0, cup_h])\n scale([1, 1, lid_h / outer_r])\n sphere(r = outer_r);\n translate([0, 0, cup_h + lid_h / 2])\n cube([outer_r * 3, outer_r * 3, lid_h], center = true);\n }\n // Inner dome cavity\n intersection() {\n translate([0, 0, cup_h])\n scale([1, 1, lid_h / outer_r])\n sphere(r = inner_r);\n translate([0, 0, cup_h + lid_h / 2])\n cube([outer_r * 3, outer_r * 3, lid_h + 1], center = true);\n }\n }\n\n // Lip ring so lid sits inside the cup rim\n difference() {\n translate([0, 0, cup_h - 1.5])\n cylinder(r = outer_r - 1, h = 3);\n translate([0, 0, cup_h - 2])\n cylinder(r = inner_r + 1, h = 5);\n }\n}\n\n// ===== LEAF =====\nmodule leaf() {\n translate([0, 0, cup_h + lid_h]) {\n // Leaf body: flattened hull of two ellipsoids\n hull() {\n scale([1, 0.4, 0.15])\n sphere(r = 8);\n translate([10, 0, 1])\n scale([1, 0.3, 0.1])\n sphere(r = 5);\n }\n }\n}\n\n// ===== STEM nub =====\nmodule stem() {\n translate([0, 0, cup_h + lid_h - 1])\n cylinder(r = 1.5, h = 4);\n}\n\n// ===== ORANGE SEGMENT GROOVES =====\nmodule grooves() {\n for (i = [0 : 7]) {\n angle = i * 360 / 8;\n rotate([0, 0, angle])\n translate([outer_r + 0.3, 0, total_h / 2])\n scale([0.3, 1, 1])\n cylinder(r = 0.8, h = total_h + 5, center = true);\n }\n}\n\n// ===== ASSEMBLY =====\ndifference() {\n union() {\n cup_body();\n lid();\n leaf();\n stem();\n }\n grooves();\n}\n",[],[74,101],"6b103716-09d1-11f1-921a-42dde27851f2","index.ts","8bad9046-0507-11f1-9636-42dde27851f2",15,["D",1771093047382],"/**\n * Design registry — maps design IDs to their metadata and SCAD source.\n *\n * To add a new design:\n * 1. Create a .scad file in designs/\n * 2. Add an entry here with id, name, and the SCAD source inline\n *\n * NOTE: Val Town can't read .scad files at runtime (no fs access),\n * so we store the SCAD source as template literals here.\n * The .scad files in designs/ are for reference and local testing.\n */\n\nexport interface Design {\n id: string;\n name: string;\n description: string;\n scad: string;\n status: \"verified\" | \"draft\" | \"needs-work\";\n printNotes?: string;\n}\n\n// === Simple test designs ===\n\nconst testCubeScad = `// Simple Test Cube\n// Use this to verify the render pipeline works\n$fn = 32;\n\nsize = 30;\n\ndifference() {\n cube([size, size, size], center=true);\n // Bore a hole through\n cylinder(r=size*0.25, h=size+2, center=true);\n // Cross hole\n rotate([90, 0, 0])\n cylinder(r=size*0.2, h=size+2, center=true);\n}`;\n\nconst testVaseScad = `// Simple Parametric Vase\n// Demonstrates rotate_extrude and function-driven profiles\n$fn = 64;\n\nheight = 80;\nbase_r = 25;\nwaist_r = 15;\ntop_r = 22;\nwall = 2.5;\nsegments = 60;\n\nmodule vase_profile(outer=true) {\n offset = outer ? 0 : wall;\n points = [\n for (i = [0:segments])\n let(\n t = i / segments,\n z = t * height,\n // Smooth curve: wide base, narrow waist, flared top\n r = base_r + (waist_r - base_r) * sin(t * 180)\n + (top_r - waist_r) * pow(t, 1.5) * sin(t * 90)\n - offset\n )\n [max(r, 1), z]\n ];\n polygon(concat(points, [[0, height], [0, 0]]));\n}\n\n// Solid vase with hollow interior\nrotate_extrude()\n difference() {\n vase_profile(true);\n // Hollow out, keep 3mm floor\n translate([0, wall])\n vase_profile(false);\n }`;\n\n// === Bottle Splitter v2 ===\n\nconst bottleSplitterScad = `// 3-Way Bottle Splitter/Combiner v2\n// 3 bottle ports on bottom, single pour spout on top\n// Manifold-safe, smooth transitions, proper internal flow\n$fn = 64;\n\n// === Dimensions ===\nbore_r = 14.5; // inner radius (29mm bore, fits PCO-1881)\nwall = 3; // wall thickness\nport_or = bore_r + wall; // outer radius of ports\nport_h = 22; // height of threaded ports\n\n// 3 ports arranged in a triangle\nspread = 30;\nangles = [90, 210, 330];\n\n// Chamber: funnel connecting ports to spout\nchamber_h = 40;\nspout_r = 12; // inner spout radius\nspout_h = 15; // spout above chamber\nspout_or = spout_r + wall;\n\n// Thread params (ring grooves, FDM-friendly)\nthread_pitch = 3.18;\nthread_depth = 1.2;\nnum_threads = 4;\n\n// === Modules ===\n\nmodule at_port(i) {\n a = angles[i];\n translate([spread * cos(a), spread * sin(a), 0])\n children();\n}\n\nmodule threaded_port() {\n difference() {\n cylinder(r=port_or, h=port_h);\n // Bore\n translate([0, 0, -0.5]) cylinder(r=bore_r, h=port_h + 1);\n // Ring thread grooves\n for (i = [0 : num_threads - 1]) {\n z = 3 + i * thread_pitch;\n translate([0, 0, z])\n difference() {\n cylinder(r=bore_r + thread_depth, h=1.5);\n translate([0, 0, -0.5])\n cylinder(r=bore_r - 0.1, h=2.5);\n }\n }\n }\n}\n\nmodule body() {\n base_r = spread + port_or + 5;\n\n // Funnel: hull from base disc to spout\n hull() {\n translate([0, 0, port_h])\n cylinder(r=base_r, h=0.1);\n translate([0, 0, port_h + chamber_h])\n cylinder(r=spout_or, h=0.1);\n }\n\n // Ports\n for (i = [0:2]) at_port(i) threaded_port();\n\n // Fillets: smooth port-to-body transition\n for (i = [0:2]) at_port(i)\n translate([0, 0, port_h - 0.5])\n cylinder(r1=port_or, r2=port_or + 4, h=5);\n\n // Spout extension\n translate([0, 0, port_h + chamber_h - 1])\n cylinder(r=spout_or, h=spout_h + 1);\n}\n\nmodule cavity() {\n base_r = spread + port_or + 5;\n inner_base_r = base_r - wall;\n\n // Internal chamber cavity\n hull() {\n translate([0, 0, port_h + wall])\n cylinder(r=inner_base_r, h=0.1);\n translate([0, 0, port_h + chamber_h - 1])\n cylinder(r=spout_r, h=0.1);\n }\n\n // Bore holes through chamber floor\n for (i = [0:2]) at_port(i)\n translate([0, 0, -0.5])\n cylinder(r=bore_r, h=port_h + wall + 1);\n\n // Spout opening\n translate([0, 0, port_h + chamber_h - 2])\n cylinder(r=spout_r, h=spout_h + 5);\n}\n\n// === Assembly ===\ndifference() {\n body();\n cavity();\n}`;\n\n// === Orange Cup ===\n\nconst orangeCupScad = `// Orange Cup with Lid & Leaf\n// A cup shaped like an orange with a domed lid and decorative leaf\n// Dimensions: 50x50x60mm total, 5mm wall thickness\n$fn = 64;\n\n// === Dimensions ===\nouter_r = 25;\nwall = 5;\ninner_r = outer_r - wall;\ntotal_h = 60;\ncup_h = 40;\nlid_h = total_h - cup_h;\n\n// ===== CUP BODY =====\nmodule cup_body() {\n difference() {\n intersection() {\n sphere(r = outer_r);\n translate([0, 0, cup_h / 2])\n cube([outer_r * 3, outer_r * 3, cup_h], center = true);\n }\n intersection() {\n sphere(r = inner_r);\n translate([0, 0, cup_h / 2 + wall])\n cube([inner_r * 3, inner_r * 3, cup_h], center = true);\n }\n }\n}\n\n// ===== LID =====\nmodule lid() {\n difference() {\n intersection() {\n translate([0, 0, cup_h])\n scale([1, 1, lid_h / outer_r])\n sphere(r = outer_r);\n translate([0, 0, cup_h + lid_h / 2])\n cube([outer_r * 3, outer_r * 3, lid_h], center = true);\n }\n intersection() {\n translate([0, 0, cup_h])\n scale([1, 1, lid_h / outer_r])\n sphere(r = inner_r);\n translate([0, 0, cup_h + lid_h / 2])\n cube([outer_r * 3, outer_r * 3, lid_h + 1], center = true);\n }\n }\n difference() {\n translate([0, 0, cup_h - 1.5])\n cylinder(r = outer_r - 1, h = 3);\n translate([0, 0, cup_h - 2])\n cylinder(r = inner_r + 1, h = 5);\n }\n}\n\n// ===== LEAF =====\nmodule leaf() {\n translate([0, 0, cup_h + lid_h])\n hull() {\n scale([1, 0.4, 0.15])\n sphere(r = 8);\n translate([10, 0, 1])\n scale([1, 0.3, 0.1])\n sphere(r = 5);\n }\n}\n\n// ===== STEM =====\nmodule stem() {\n translate([0, 0, cup_h + lid_h - 1])\n cylinder(r = 1.5, h = 4);\n}\n\n// ===== GROOVES =====\nmodule grooves() {\n for (i = [0 : 7]) {\n angle = i * 360 / 8;\n rotate([0, 0, angle])\n translate([outer_r + 0.3, 0, total_h / 2])\n scale([0.3, 1, 1])\n cylinder(r = 0.8, h = total_h + 5, center = true);\n }\n}\n\n// ===== ASSEMBLY =====\ndifference() {\n union() {\n cup_body();\n lid();\n leaf();\n stem();\n }\n grooves();\n}`;\n\nexport const designs: Design[] = [\n {\n id: \"test-cube\",\n name: \"Test Cube\",\n description: \"Simple cube with crossed bores — verify your render pipeline works\",\n scad: testCubeScad,\n status: \"verified\",\n },\n {\n id: \"test-vase\",\n name: \"Parametric Vase\",\n description: \"Smooth vase with function-driven profile — tests rotate_extrude\",\n scad: testVaseScad,\n status: \"verified\",\n printNotes: \"Spiral vase mode recommended. PLA or PETG.\",\n },\n {\n id: \"bottle-splitter\",\n name: \"3-Way Bottle Splitter\",\n description:\n \"Manifold: 3 bottle ports on bottom → funnel chamber → pour spout on top\",\n scad: bottleSplitterScad,\n status: \"verified\",\n printNotes:\n \"Print upside down (spout on plate) for no supports. PETG recommended for food safety.\",\n },\n {\n id: \"orange-cup\",\n name: \"Orange Cup with Lid\",\n description:\n \"Cup shaped like an orange with domed lid, leaf, and segment grooves — 50×50×60mm, 5mm walls\",\n scad: orangeCupScad,\n status: \"draft\",\n printNotes:\n \"Print cup and lid separately. Supports needed for the leaf. PLA or PETG.\",\n },\n];\n\nexport function getDesign(id: string): Design | undefined {\n return designs.find((d) => d.id === id);\n}\n\nexport function listDesigns(): Omit[] {\n return designs.map(({ scad, ...rest }) => rest);\n}\n",[],[74,109],"6c99e3c2-050b-11f1-877d-42dde27851f2","bottleSplitter.scad","81e5dbe0-0507-11f1-9611-42dde27851f2",10,["D",1770568204937],1,"// 3-Way Bottle Splitter/Combiner v2\n// 3 bottle ports on bottom, single pour spout on top\n// Manifold-safe, smooth transitions, proper internal flow\n$fn = 64;\n\n// === Dimensions ===\nbore_r = 14.5; // inner radius (29mm bore, fits PCO-1881)\nwall = 3; // wall thickness\nport_or = bore_r + wall; // outer radius of ports\nport_h = 22; // height of threaded ports\n\n// 3 ports arranged in a triangle\nspread = 30;\nangles = [90, 210, 330];\n\n// Chamber: funnel connecting ports to spout\nchamber_h = 40;\nspout_r = 12; // inner spout radius\nspout_h = 15; // spout above chamber\nspout_or = spout_r + wall;\n\n// Thread params (ring grooves, FDM-friendly)\nthread_pitch = 3.18;\nthread_depth = 1.2;\nnum_threads = 4;\n\n// === Modules ===\n\nmodule at_port(i) {\n a = angles[i];\n translate([spread * cos(a), spread * sin(a), 0])\n children();\n}\n\nmodule threaded_port() {\n difference() {\n cylinder(r=port_or, h=port_h);\n // Bore\n translate([0, 0, -0.5]) cylinder(r=bore_r, h=port_h + 1);\n // Ring thread grooves\n for (i = [0 : num_threads - 1]) {\n z = 3 + i * thread_pitch;\n translate([0, 0, z])\n difference() {\n cylinder(r=bore_r + thread_depth, h=1.5);\n translate([0, 0, -0.5])\n cylinder(r=bore_r - 0.1, h=2.5);\n }\n }\n }\n}\n\nmodule body() {\n base_r = spread + port_or + 5;\n\n // Funnel: hull from base disc to spout\n hull() {\n translate([0, 0, port_h])\n cylinder(r=base_r, h=0.1);\n translate([0, 0, port_h + chamber_h])\n cylinder(r=spout_or, h=0.1);\n }\n\n // Ports\n for (i = [0:2]) at_port(i) threaded_port();\n\n // Fillets: smooth port-to-body transition\n for (i = [0:2]) at_port(i)\n translate([0, 0, port_h - 0.5])\n cylinder(r1=port_or, r2=port_or + 4, h=5);\n\n // Spout extension\n translate([0, 0, port_h + chamber_h - 1])\n cylinder(r=spout_or, h=spout_h + 1);\n}\n\nmodule cavity() {\n base_r = spread + port_or + 5;\n inner_base_r = base_r - wall;\n\n // Internal chamber cavity\n hull() {\n translate([0, 0, port_h + wall])\n cylinder(r=inner_base_r, h=0.1);\n translate([0, 0, port_h + chamber_h - 1])\n cylinder(r=spout_r, h=0.1);\n }\n\n // Bore holes through chamber floor\n for (i = [0:2]) at_port(i)\n translate([0, 0, -0.5])\n cylinder(r=bore_r, h=port_h + wall + 1);\n\n // Spout opening\n translate([0, 0, port_h + chamber_h - 2])\n cylinder(r=spout_r, h=spout_h + 5);\n}\n\n// === Assembly ===\ndifference() {\n body();\n cavity();\n}\n",[],[74,117],"0d59a1da-0507-11f1-87d4-42dde27851f2",["D",1770566327207],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Visual-feedback CAD design using OpenSCAD","imageUrl","userId","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_179":175},"org",{"_11":12,"_172":173,"_174":175,"_135":136,"_176":177,"_178":55},"branch",{"_17":111,"_13":16,"_36":43,"_164":125,"_165":-5,"_166":-5,"_167":-5,"_168":-5,"_169":-5,"_170":14,"_171":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789559999&sig=78019e07e4ced3d68c9df61b037dd9640810f47ba2d971eaac41b98f18b7827c","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":125,"_13":14,"_48":236,"_127":-5,"_128":55,"_129":130,"_131":130,"_132":133,"_134":-5,"_135":136,"_137":-5,"_138":55,"_139":-5,"_140":-5,"_141":70,"_142":143,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":149,"_150":149,"_151":152,"_153":152,"_154":152,"_155":149,"_156":149,"_157":237,"_159":238,"_161":239,"_163":55},[215,219,220,221],"files",[215,216,217,218,219,220,221],"counts",{"_206":70,"_207":121,"_208":70,"_31":209,"_210":211},[198,199,200,201],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_36":73,"_13":74,"_39":75,"_41":-5,"_42":43,"_44":76,"_46":47,"_48":77,"_17":70,"_51":78,"_52":-5,"_54":55,"_56":-5,"_18":205},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":50,"_46":47,"_48":69,"_17":70,"_51":24,"_52":71,"_54":55,"_56":-5,"_18":204},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":61,"_46":47,"_48":62,"_17":50,"_51":63,"_52":64,"_54":55,"_56":-5,"_18":203},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_18":202},[38],[59],[67],[74],"pulls","branches","forks",{"_212":70,"_214":70},"connections",{"_212":70,"_213":70},"count","unfilledCount","emptyCount",{"_36":73,"_13":74,"_39":75,"_41":-5,"_42":43,"_44":76,"_46":47,"_48":94,"_17":70,"_51":78,"_52":-5,"_54":55,"_56":-5,"_85":234,"_18":235},{"_36":116,"_13":117,"_39":118,"_41":75,"_42":43,"_44":119,"_46":47,"_48":120,"_17":121,"_51":24,"_52":122,"_54":55,"_56":-5,"_85":232,"_18":233},{"_36":108,"_13":109,"_39":110,"_41":75,"_42":43,"_44":111,"_46":47,"_48":112,"_17":76,"_51":24,"_52":113,"_54":55,"_56":-5,"_85":230,"_18":231},{"_36":100,"_13":101,"_39":102,"_41":75,"_42":43,"_44":103,"_46":47,"_48":104,"_17":70,"_51":24,"_52":105,"_54":55,"_56":-5,"_85":228,"_18":229},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":50,"_46":47,"_48":91,"_17":70,"_51":24,"_52":71,"_54":55,"_56":-5,"_85":226,"_18":227},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":61,"_46":47,"_48":88,"_17":50,"_51":63,"_52":64,"_54":55,"_56":-5,"_85":224,"_18":225},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":84,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_85":222,"_18":223},[],[38],[],[59],[],[67],[],[74,101],[],[74,109],[],[74,117],[216,217,218],[74],["D",1770566327207],{"_11":12,"_179":175},{"_11":12,"_172":173,"_174":175,"_135":136,"_176":177,"_178":55},{"_17":111,"_13":16,"_36":43,"_164":125,"_165":-5,"_166":-5,"_167":-5,"_168":-5,"_169":-5,"_170":14,"_171":12},"ctx",{"_157":-5,"_195":273,"_274":275,"_276":277,"_278":55,"_279":55,"_280":55,"_281":47,"_282":-5,"_283":-7,"_284":-7,"_285":70,"_286":55,"_287":55,"_288":-5,"_289":55,"_290":55,"_291":55,"_292":-5},"ENV",{"_244":245,"_246":247,"_248":16,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272},"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"]

◆ CAD DESIGNER OpenSCAD