CAD Designer

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_217":218,"_219":220},"routes/_app.x.$handle.$name",{"_94":93,"_32":45,"_103":84,"_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":121,"_122":-5,"_123":-5,"_124":125},"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":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_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",15,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":20,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":33,"_34":20,"_35":36},"deleted",false,"deletedHere","path","designs/index.ts","latestPath","fileId","8bad9046-0507-11f1-9636-42dde27851f2","name","index.ts","fileType","content","/**\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\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","/**\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","createdAt",["D",1771093047382],"branchVersion","branchId","0d59fa18-0507-11f1-87d4-42dde27851f2","id","0d59a1da-0507-11f1-87d4-42dde27851f2","cad-designer",["D",1770566327207],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Visual-feedback CAD design using OpenSCAD","imageUrl","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_102":98},"org",{"_94":93,"_95":96,"_97":98,"_18":55,"_99":100,"_101":25},"branch",{"_13":14,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","dcm31","handle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789534799&sig=84fd3b9bd0306e7b3250b5958bebdf15bd4b124cb792456b57c457068a44b463","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":213,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_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":214,"_79":215,"_81":216,"_83":25},"tree",[173,177,178,179],"files",[173,174,175,176,177,178,179],"counts",{"_162":61,"_163":164,"_165":61,"_166":167,"_168":169},"contents",[126,127,128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":155,"_32":156,"_30":157,"_133":-5,"_41":42,"_40":158,"_135":121,"_38":159,"_13":61,"_34":160,"_35":-5,"_24":25,"_139":-5,"_27":161},{"_43":149,"_32":150,"_30":151,"_133":-5,"_41":42,"_40":137,"_135":121,"_38":152,"_13":61,"_34":20,"_35":153,"_24":25,"_139":-5,"_27":154},{"_43":141,"_32":142,"_30":143,"_133":-5,"_41":42,"_40":144,"_135":121,"_38":145,"_13":137,"_34":146,"_35":147,"_24":25,"_139":-5,"_27":148},{"_43":130,"_32":131,"_30":132,"_133":-5,"_41":42,"_40":134,"_135":121,"_38":136,"_13":137,"_34":20,"_35":138,"_24":25,"_139":-5,"_27":140},"b5d7b3dc-050d-11f1-b0bb-42dde27851f2","viewer.ts","ac34b3a8-0507-11f1-b3fa-42dde27851f2","parentId",12,"latest",["D",1770569186861],2,"/**\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","label",[131],"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",[142],"6bea9cea-0507-11f1-805e-42dde27851f2","README.md","6bea9d80-0507-11f1-805e-42dde27851f2",["D",1770566485857],"# 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",[150],"719c43aa-0507-11f1-9bdb-42dde27851f2","designs","719c4486-0507-11f1-9bdb-42dde27851f2",3,["D",1770566495410],"directory",[156],"pulls","branches",1,"forks","envVars",{"_170":61,"_172":61},"connections",{"_170":61,"_171":61},"count","unfilledCount","emptyCount",{"_43":155,"_32":156,"_30":157,"_133":-5,"_41":42,"_40":158,"_135":121,"_38":210,"_13":61,"_34":160,"_35":-5,"_24":25,"_139":-5,"_181":211,"_27":212},{"_43":202,"_32":203,"_30":204,"_133":157,"_41":42,"_40":205,"_135":121,"_38":206,"_13":164,"_34":20,"_35":207,"_24":25,"_139":-5,"_181":208,"_27":209},{"_43":198,"_32":33,"_30":31,"_133":157,"_41":42,"_40":14,"_135":121,"_38":199,"_13":158,"_34":20,"_35":37,"_24":25,"_139":-5,"_181":200,"_27":201},{"_43":190,"_32":191,"_30":192,"_133":157,"_41":42,"_40":193,"_135":121,"_38":194,"_13":61,"_34":20,"_35":195,"_24":25,"_139":-5,"_181":196,"_27":197},{"_43":149,"_32":150,"_30":151,"_133":-5,"_41":42,"_40":137,"_135":121,"_38":187,"_13":61,"_34":20,"_35":153,"_24":25,"_139":-5,"_181":188,"_27":189},{"_43":141,"_32":142,"_30":143,"_133":-5,"_41":42,"_40":144,"_135":121,"_38":184,"_13":137,"_34":146,"_35":147,"_24":25,"_139":-5,"_181":185,"_27":186},{"_43":130,"_32":131,"_30":132,"_133":-5,"_41":42,"_40":134,"_135":121,"_38":180,"_13":137,"_34":20,"_35":138,"_24":25,"_139":-5,"_181":182,"_27":183},["D",1770569186861],"children",[],[131],["D",1770569114763],[],[142],["D",1770566485857],[],[150],"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",[],[156,191],"6b103716-09d1-11f1-921a-42dde27851f2",["D",1771093047382],[],[156,33],"6c99e3c2-050b-11f1-877d-42dde27851f2","bottleSplitter.scad","81e5dbe0-0507-11f1-9611-42dde27851f2",10,["D",1770568204937],"// 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",[],[156,203],["D",1770566495410],[174,175,176],[156],["D",1770566327207],{"_94":93,"_102":98},{"_94":93,"_95":96,"_97":98,"_18":55,"_99":100,"_101":25},{"_13":14,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"ctx",{"_77":-5,"_123":250,"_251":252,"_253":254,"_255":25,"_256":25,"_257":25,"_258":121,"_259":-5,"_260":-7,"_261":-7,"_262":61,"_263":25,"_264":25,"_265":-5,"_266":25,"_267":25,"_268":25,"_269":-5},"ENV",{"_221":222,"_223":224,"_225":84,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249},"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

Diff · v15