STL Creator — A1 Mini Edition

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_1196":1197,"_1198":1199},"routes/_app.x.$handle.$name",{"_101":100,"_32":46,"_110":88,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":123,"_124":125,"_126":25,"_127":128,"_129":60,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",351,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","examples/cap5L48mmFlush.ts","latestPath","fileId","1894da36-4721-11f1-9112-42b51c65c3df","name","cap5L48mmFlush.ts","fileType","script","content","import type { Example } from \"./types.ts\";\n\n/**\n * 5L jug twist-cap — flush variant matching sleeve top's rim flare profile\n * Created: 2026-05-02\n *\n * Tapered cap matching the inside of the 5L sleeve top's rim flare zone.\n * Wedges into the flare via gravity (bottle weight pulls down, conical\n * surfaces self-lock under load). Cap top sits flush with sleeve rim;\n * cap bottom catches on pinch lip.\n *\n * Cap structure (z=0 = cap bottom = sleeve pinch level z=155):\n * z=0..2: smooth bottom annulus, ID 50 (lead-in)\n * z=2..14: threaded inner bore, 3 turns × 4mm pitch (12mm of threads)\n * z=14..20: top annulus with donut hole, ID 40\n *\n * Outer cone profile (matches sleeve's rim flare smoothstep curve):\n * z=0: OD 78 — catches on pinch ID 60 with 9mm radial lip\n * z=20: OD 84 — flush with sleeve rim ID 85 (0.5mm clearance per side)\n *\n * Bottle rim contact (pressure-distribution surface):\n * When bottle is screwed all the way in, the bottle's mouth rim presses\n * up against the step at z=14 where the thread bore (r=24.30) meets the\n * donut bore (r=20). Annular contact area ~217 mm² → 50N / 217 = 0.23 MPa,\n * well within PLA's strength. The flat annulus distributes force evenly\n * across the bottle rim.\n *\n * Self-locking under load:\n * The 9° cone angle on the outer surface (OD 78 at bottom growing to OD 84\n * at top) means bottle weight pulling the cap DOWN forces it deeper into\n * the matching conical sleeve flare → harder it pulls, tighter it locks.\n * No reliance on a sharp lip-on-edge catch.\n *\n * Print orientation: print RIGHT-SIDE UP (cap bottom narrow end on plate).\n * - Cone walls slope outward by ~9° = trivial overhang, fully supported\n * - Threads inside print as ~45° flank overhangs (clean for FDM PLA)\n * - Donut hole at top — clean upper opening, no bridges needed\n *\n * VERIFY ON YOUR JUG before printing (same as cap5L48mm):\n * - Pitch: count crests over 20mm. 5 crests → 4mm pitch.\n * - Starts: single thread end at top of neck → single-start.\n * - Profile: shine a light. Symmetric rounded → this design works.\n *\n * If threads bind: increase `clearance` from 0.30 → 0.40, or reduce\n * `threadDepth` from 1.6 → 1.5. Reprint just this cap (~25 min).\n *\n * Catch comparison vs cap5L48mm (lid-style):\n * - cap5L48mm: flat disc edge on sharp pinch lip (line contact, can shift)\n * - cap5L48mmFlush: conical surface in conical socket (full surface contact,\n * self-locking under load, top flush with rim)\n */\n\nconst example: Example = {\n id: \"cap5L48mmFlush\",\n icon: \"🧢\",\n name: \"Cap — 5L 48mm PET Flush (cone-fit)\",\n desc: \"[2026-05-02] Tapered cap matching sleeve top's rim flare profile. Wedges in by gravity, top flush with rim. Bottom OD 78 catches pinch ID 60. Top OD 84 fits rim ID 85. 20mm tall. Print right-side up.\",\n size: \"~84 × 84 × 20 mm\",\n time: \"~25 min\",\n generatorBody: `\n const { cylinder, polygon } = jscad.primitives;\n const { translate, rotateX, rotateZ } = jscad.transforms;\n const { union, subtract } = jscad.booleans;\n const { hullChain } = jscad.hulls;\n const { extrudeLinear } = jscad.extrusions;\n\n // ───────── 48mm jug thread spec ─────────\n const T = 48.0;\n const pitch = 4.0;\n const threadDepth = 1.6;\n const turns = 3.0;\n const majorR = T / 2;\n const minorR = majorR - threadDepth;\n const clearance = 0.30;\n const capBoreR = majorR + clearance; // 24.30\n const capTipR = minorR + clearance; // 22.70\n\n // ───────── Cap outer cone (matches sleeve's rim flare) ─────────\n // Sleeve rim flare: ID 60 at z=155 → ID 85 at z=175 (smoothstep).\n // Cap OD must be slightly less than sleeve ID at every height for clearance.\n const H = 20;\n const r_bot = 39; // OD 78 — catches pinch ID 60 (9mm lip)\n const r_top = 42; // OD 84 — flush w/ sleeve rim ID 85\n\n // ───────── Cap inner zones ─────────\n const Z_LEADIN_END = 2;\n const Z_THREAD_END = 14;\n const leadInBoreR = 25; // ID 50 — slight lead-in for first thread\n const donutR = 20; // ID 40 — donut hole, also forms bottle-rim seat\n\n // ───────── Build outer cone (smoothstep, 24 hull slices) ─────────\n function smoothstep(u) {\n u = Math.max(0, Math.min(1, u));\n return u * u * (3 - 2 * u);\n }\n const N = 24;\n const outerSlices = [];\n for (let i = 0; i <= N; i++) {\n const z = H * i / N;\n const u = smoothstep(z / H);\n const r = r_bot + (r_top - r_bot) * u;\n outerSlices.push(cylinder({\n radius: r, height: 0.1, segments: 96, center: [0, 0, z]\n }));\n }\n const outerSolid = hullChain.apply(null, outerSlices);\n\n // ───────── Inner cavity (3 stacked cylinders) ─────────\n const leadIn = cylinder({\n radius: leadInBoreR, height: Z_LEADIN_END + 0.1, segments: 96,\n center: [0, 0, Z_LEADIN_END / 2 - 0.05],\n });\n const threadBore = cylinder({\n radius: capBoreR, height: Z_THREAD_END - Z_LEADIN_END, segments: 96,\n center: [0, 0, (Z_THREAD_END + Z_LEADIN_END) / 2],\n });\n const donutBore = cylinder({\n radius: donutR, height: H - Z_THREAD_END + 0.1, segments: 96,\n center: [0, 0, (H + Z_THREAD_END) / 2 + 0.05],\n });\n const cavity = union(leadIn, threadBore, donutBore);\n\n // ───────── Threads inside the bore (z = Z_LEADIN_END .. Z_THREAD_END) ─────────\n const flankHalf = (30 / 2) * Math.PI / 180;\n const tipW = 0.30;\n const rootW = tipW + 2 * threadDepth * Math.tan(flankHalf);\n\n function makeThread(rootR, tipR, pitchM, turnsM, segPerTurn) {\n segPerTurn = segPerTurn || 60;\n const d = 0.4;\n const outward = tipR > rootR;\n const points = outward\n ? [[rootR, -rootW/2], [tipR, -tipW/2], [tipR, tipW/2], [rootR, rootW/2]]\n : [[tipR, -tipW/2], [rootR, -rootW/2], [rootR, rootW/2], [tipR, tipW/2]];\n function slab(theta, z) {\n let s = extrudeLinear({ height: d }, polygon({ points }));\n s = rotateX(Math.PI / 2, s);\n s = translate([0, d / 2, 0], s);\n s = rotateZ(theta, s);\n s = translate([0, 0, z], s);\n return s;\n }\n const totalSegs = Math.ceil(segPerTurn * turnsM);\n const slabs = [];\n for (let i = 0; i <= totalSegs; i++) {\n const frac = i / segPerTurn;\n slabs.push(slab(frac * 2 * Math.PI, frac * pitchM));\n }\n return hullChain.apply(null, slabs);\n }\n const threads = translate(\n [0, 0, Z_LEADIN_END],\n makeThread(capBoreR, capTipR, pitch, turns),\n );\n\n const shell = subtract(outerSolid, cavity);\n return union(shell, threads);\n `,\n};\n\nexport default example;\n","import type { Example } from \"./types.ts\";\n\n/**\n * 5L jug twist-cap — flush variant matching sleeve top's rim flare profile\n * Created: 2026-05-02\n *\n * ⭐ WORKING / CONFIRMED — printed and verified on the jug. This is the\n * v5 baseline; cap5L48mmFlushV6 is the funnel-mouth / recessed iteration.\n *\n * Tapered cap matching the inside of the 5L sleeve top's rim flare zone.\n * Wedges into the flare via gravity (bottle weight pulls down, conical\n * surfaces self-lock under load). Cap top sits flush with sleeve rim;\n * cap bottom catches on pinch lip.\n *\n * Cap structure (z=0 = cap bottom = sleeve pinch level z=155):\n * z=0..2: smooth bottom annulus, ID 50 (lead-in)\n * z=2..14: threaded inner bore, 3 turns × 4mm pitch (12mm of threads)\n * z=14..20: top annulus with donut hole, ID 40\n *\n * Outer cone profile (matches sleeve's rim flare smoothstep curve):\n * z=0: OD 78 — catches on pinch ID 60 with 9mm radial lip\n * z=20: OD 84 — flush with sleeve rim ID 85 (0.5mm clearance per side)\n *\n * Bottle rim contact (pressure-distribution surface):\n * When bottle is screwed all the way in, the bottle's mouth rim presses\n * up against the step at z=14 where the thread bore (r=24.30) meets the\n * donut bore (r=20). Annular contact area ~217 mm² → 50N / 217 = 0.23 MPa,\n * well within PLA's strength. The flat annulus distributes force evenly\n * across the bottle rim.\n *\n * Self-locking under load:\n * The 9° cone angle on the outer surface (OD 78 at bottom growing to OD 84\n * at top) means bottle weight pulling the cap DOWN forces it deeper into\n * the matching conical sleeve flare → harder it pulls, tighter it locks.\n * No reliance on a sharp lip-on-edge catch.\n *\n * Print orientation: print RIGHT-SIDE UP (cap bottom narrow end on plate).\n * - Cone walls slope outward by ~9° = trivial overhang, fully supported\n * - Threads inside print as ~45° flank overhangs (clean for FDM PLA)\n * - Donut hole at top — clean upper opening, no bridges needed\n *\n * VERIFY ON YOUR JUG before printing (same as cap5L48mm):\n * - Pitch: count crests over 20mm. 5 crests → 4mm pitch.\n * - Starts: single thread end at top of neck → single-start.\n * - Profile: shine a light. Symmetric rounded → this design works.\n *\n * If threads bind: increase `clearance` from 0.30 → 0.40, or reduce\n * `threadDepth` from 1.6 → 1.5. Reprint just this cap (~25 min).\n *\n * Catch comparison vs cap5L48mm (lid-style):\n * - cap5L48mm: flat disc edge on sharp pinch lip (line contact, can shift)\n * - cap5L48mmFlush: conical surface in conical socket (full surface contact,\n * self-locking under load, top flush with rim)\n */\n\nconst example: Example = {\n id: \"cap5L48mmFlush\",\n icon: \"⭐\",\n name: \"Cap — 5L 48mm PET Flush (cone-fit) [WORKING]\",\n desc: \"[2026-05-02] WORKING / CONFIRMED. Tapered cap matching sleeve top's rim flare profile. Wedges in by gravity, top flush with rim. Bottom OD 78 catches pinch ID 60. Top OD 84 fits rim ID 85. 20mm tall. Print right-side up.\",\n size: \"~84 × 84 × 20 mm\",\n time: \"~25 min\",\n generatorBody: `\n const { cylinder, polygon } = jscad.primitives;\n const { translate, rotateX, rotateZ } = jscad.transforms;\n const { union, subtract } = jscad.booleans;\n const { hullChain } = jscad.hulls;\n const { extrudeLinear } = jscad.extrusions;\n\n // ───────── 48mm jug thread spec ─────────\n const T = 48.0;\n const pitch = 4.0;\n const threadDepth = 1.6;\n const turns = 3.0;\n const majorR = T / 2;\n const minorR = majorR - threadDepth;\n const clearance = 0.30;\n const capBoreR = majorR + clearance; // 24.30\n const capTipR = minorR + clearance; // 22.70\n\n // ───────── Cap outer cone (matches sleeve's rim flare) ─────────\n // Sleeve rim flare: ID 60 at z=155 → ID 85 at z=175 (smoothstep).\n // Cap OD must be slightly less than sleeve ID at every height for clearance.\n const H = 20;\n const r_bot = 39; // OD 78 — catches pinch ID 60 (9mm lip)\n const r_top = 42; // OD 84 — flush w/ sleeve rim ID 85\n\n // ───────── Cap inner zones ─────────\n const Z_LEADIN_END = 2;\n const Z_THREAD_END = 14;\n const leadInBoreR = 25; // ID 50 — slight lead-in for first thread\n const donutR = 20; // ID 40 — donut hole, also forms bottle-rim seat\n\n // ───────── Build outer cone (smoothstep, 24 hull slices) ─────────\n function smoothstep(u) {\n u = Math.max(0, Math.min(1, u));\n return u * u * (3 - 2 * u);\n }\n const N = 24;\n const outerSlices = [];\n for (let i = 0; i <= N; i++) {\n const z = H * i / N;\n const u = smoothstep(z / H);\n const r = r_bot + (r_top - r_bot) * u;\n outerSlices.push(cylinder({\n radius: r, height: 0.1, segments: 96, center: [0, 0, z]\n }));\n }\n const outerSolid = hullChain.apply(null, outerSlices);\n\n // ───────── Inner cavity (3 stacked cylinders) ─────────\n const leadIn = cylinder({\n radius: leadInBoreR, height: Z_LEADIN_END + 0.1, segments: 96,\n center: [0, 0, Z_LEADIN_END / 2 - 0.05],\n });\n const threadBore = cylinder({\n radius: capBoreR, height: Z_THREAD_END - Z_LEADIN_END, segments: 96,\n center: [0, 0, (Z_THREAD_END + Z_LEADIN_END) / 2],\n });\n const donutBore = cylinder({\n radius: donutR, height: H - Z_THREAD_END + 0.1, segments: 96,\n center: [0, 0, (H + Z_THREAD_END) / 2 + 0.05],\n });\n const cavity = union(leadIn, threadBore, donutBore);\n\n // ───────── Threads inside the bore (z = Z_LEADIN_END .. Z_THREAD_END) ─────────\n const flankHalf = (30 / 2) * Math.PI / 180;\n const tipW = 0.30;\n const rootW = tipW + 2 * threadDepth * Math.tan(flankHalf);\n\n function makeThread(rootR, tipR, pitchM, turnsM, segPerTurn) {\n segPerTurn = segPerTurn || 60;\n const d = 0.4;\n const outward = tipR > rootR;\n const points = outward\n ? [[rootR, -rootW/2], [tipR, -tipW/2], [tipR, tipW/2], [rootR, rootW/2]]\n : [[tipR, -tipW/2], [rootR, -rootW/2], [rootR, rootW/2], [tipR, tipW/2]];\n function slab(theta, z) {\n let s = extrudeLinear({ height: d }, polygon({ points }));\n s = rotateX(Math.PI / 2, s);\n s = translate([0, d / 2, 0], s);\n s = rotateZ(theta, s);\n s = translate([0, 0, z], s);\n return s;\n }\n const totalSegs = Math.ceil(segPerTurn * turnsM);\n const slabs = [];\n for (let i = 0; i <= totalSegs; i++) {\n const frac = i / segPerTurn;\n slabs.push(slab(frac * 2 * Math.PI, frac * pitchM));\n }\n return hullChain.apply(null, slabs);\n }\n const threads = translate(\n [0, 0, Z_LEADIN_END],\n makeThread(capBoreR, capTipR, pitch, turns),\n );\n\n const shell = subtract(outerSolid, cavity);\n return union(shell, threads);\n `,\n};\n\nexport default example;\n","createdAt",["D",1779586442029],"branchVersion","branchId","f27e7ea6-04fe-11f1-b891-42dde27851f2","id","f2781f16-04fe-11f1-b891-42dde27851f2","stl-creator",["D",1770562846100],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","3D STL creator with JSCAD CSG engine + A1 Mini build volume","imageUrl","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","019c3dc4-fdf2-76fa-8252-a1feed2ad2bd","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_109":105},"org",{"_101":100,"_102":103,"_104":105,"_18":56,"_106":107,"_108":25},"branch",{"_13":87,"_32":88,"_44":43,"_89":45,"_90":91,"_92":93,"_94":51,"_95":96,"_97":66,"_98":46,"_99":100},"isOwned",669,"main","projectId","forkedBranchId","d0ee3366-0301-11f1-85c1-42dde27851f2","forkedBranchVersion",111,"forkedProjectPrivacy","forkedProjectId","d0edb300-0301-11f1-85c1-42dde27851f2","forkedProjectOrgId","projectName","userHandle","dcm31","handle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789592399&sig=88bcaa4ca5c91b3d37bd9f9e2265f250b254a647312a9ccca82d0aeb36af01f0","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":1192,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":1193,"_82":1194,"_84":1195,"_86":25},"tree",[229,323,336,337,338,339,340,341,342],"files",[229,230,231,232,233,234,235,236,237,238,239,240,241,242,243,244,245,246,247,248,249,250,251,252,253,254,255,256,257,258,259,260,261,262,263,264,265,266,267,268,269,270,271,272,273,274,275,276,277,278,279,280,281,282,283,284,285,286,287,288,289,290,291,292,293,294,295,296,297,298,299,300,301,302,303,304,305,306,307,308,309,310,311,312,313,314,315,316,317,318,319,320,321,322,323,324,325,326,327,328,329,330,331,332,333,334,335,336,337,338,339,340,341,342],"counts",{"_218":64,"_219":220,"_221":168,"_222":223,"_224":225},"contents",[143,144,145,146,147,148,149,150,151],"upstreamProject",{"_44":96,"_32":140,"_53":141,"_55":-5,"_50":51,"_80":142},"upstreamBranch",{"_44":91,"_39":134,"_135":136,"_32":88,"_89":96,"_13":137,"_90":-5,"_92":-5,"_138":139,"_48":-5,"_86":25,"_50":51,"_99":100,"_65":66,"_98":140},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1770344176025],"updatedAt",["D",1771093027546],113,"lockfileKey","1771093145381-esm.town_v_dcm31_stl-viewer@113-main","stl-viewer","3D STL viewer with A1 Mini build volume",{"_101":100,"_109":105},{"_44":213,"_32":214,"_30":215,"_155":-5,"_42":43,"_41":168,"_157":60,"_39":216,"_13":64,"_34":211,"_36":-5,"_24":25,"_161":-5,"_27":217},{"_44":206,"_32":207,"_30":208,"_155":-5,"_42":43,"_41":209,"_157":60,"_39":210,"_13":64,"_34":211,"_36":-5,"_24":25,"_161":-5,"_27":212},{"_44":199,"_32":200,"_30":201,"_155":-5,"_42":43,"_41":202,"_157":60,"_39":203,"_13":64,"_34":20,"_36":204,"_24":25,"_161":-5,"_27":205},{"_44":193,"_32":194,"_30":195,"_155":-5,"_42":43,"_41":168,"_157":60,"_39":196,"_13":64,"_34":20,"_36":197,"_24":25,"_161":-5,"_27":198},{"_44":185,"_32":186,"_30":187,"_155":-5,"_42":43,"_41":188,"_157":25,"_39":189,"_13":190,"_34":20,"_36":191,"_24":25,"_161":-5,"_27":192},{"_44":178,"_32":179,"_30":180,"_155":-5,"_42":43,"_41":181,"_157":25,"_39":182,"_13":168,"_34":20,"_36":183,"_24":25,"_161":-5,"_27":184},{"_44":171,"_32":172,"_30":58,"_155":-5,"_42":43,"_41":173,"_157":25,"_39":174,"_13":168,"_34":175,"_36":176,"_24":25,"_161":-5,"_27":177},{"_44":163,"_32":164,"_30":165,"_155":-5,"_42":43,"_41":166,"_157":25,"_39":167,"_13":168,"_34":20,"_36":169,"_24":25,"_161":-5,"_27":170},{"_44":152,"_32":153,"_30":154,"_155":-5,"_42":43,"_41":156,"_157":25,"_39":158,"_13":159,"_34":20,"_36":160,"_24":25,"_161":-5,"_27":162},"c7d93fe2-520b-11f1-b9ad-ee650bb23af1","viewer.ts","019c3dc4-fdf2-76fa-8252-aa31ea2e5be4","parentId",315,"latest",["D",1779034597602],2,"/** Client-side viewer script: JSCAD modeling + Three.js rendering */\nimport { getExampleGeneratorJS } from \"./examples.ts\";\n\nexport function getViewerScript(): string {\n return `\n \n `;\n}\n","label",[153],"cb0291f8-0500-11f1-8cd6-42dde27851f2","styles.ts","019c3dc4-fdf2-76fa-8252-a52d529730e7",10,["D",1770563638915],1,"/** All CSS styles for the STL Viewer */\nexport function getStyles(): string {\n return `\n :root {\n --bg: #0a0a0f;\n --surface: #13131a;\n --surface-2: #1a1a24;\n --border: #2a2a3a;\n --text: #e8e8f0;\n --text-dim: #8888a0;\n --accent: #00d4aa;\n --accent-dim: #00d4aa33;\n --accent-2: #7c5cff;\n --warn: #ff6b4a;\n }\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body {\n background: var(--bg);\n color: var(--text);\n font-family: 'DM Sans', sans-serif;\n overflow: hidden;\n height: 100vh;\n width: 100vw;\n }\n .layout {\n display: grid;\n grid-template-columns: 300px 1fr;\n grid-template-rows: 52px 1fr;\n height: 100vh;\n }\n\n /* ── Topbar ────────────────────────── */\n .topbar {\n grid-column: 1 / -1;\n background: var(--surface);\n border-bottom: 1px solid var(--border);\n display: flex;\n align-items: center;\n padding: 0 20px;\n gap: 16px;\n z-index: 10;\n }\n .topbar h1 {\n font-family: 'JetBrains Mono', monospace;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.5px;\n color: var(--accent);\n }\n .topbar .sep { width: 1px; height: 20px; background: var(--border); }\n .topbar .badge {\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px;\n font-weight: 500;\n padding: 3px 8px;\n border-radius: 4px;\n background: var(--accent-dim);\n color: var(--accent);\n letter-spacing: 0.5px;\n }\n .topbar .right {\n margin-left: auto;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n /* ── Sidebar ──────────────────────── */\n .sidebar {\n background: var(--surface);\n border-right: 1px solid var(--border);\n overflow-y: auto;\n }\n .sidebar::-webkit-scrollbar { width: 4px; }\n .sidebar::-webkit-scrollbar-track { background: transparent; }\n .sidebar::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }\n .section-header {\n font-family: 'JetBrains Mono', monospace;\n font-size: 9px;\n font-weight: 600;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--text-dim);\n padding: 16px 16px 8px;\n }\n\n /* ── Drop Zone ────────────────────── */\n .drop-zone {\n margin: 8px 12px;\n border: 2px dashed var(--border);\n border-radius: 8px;\n padding: 20px 14px;\n text-align: center;\n cursor: pointer;\n transition: all 0.2s;\n }\n .drop-zone:hover, .drop-zone.dragover {\n border-color: var(--accent);\n background: var(--accent-dim);\n }\n .drop-zone .icon { font-size: 24px; margin-bottom: 6px; opacity: 0.6; }\n .drop-zone p { font-size: 11px; color: var(--text-dim); line-height: 1.4; }\n .drop-zone .formats {\n font-family: 'JetBrains Mono', monospace;\n font-size: 9px;\n color: var(--accent);\n margin-top: 4px;\n }\n\n /* ── URL input ────────────────────── */\n .url-input-group {\n margin: 0 12px 12px;\n display: flex;\n gap: 6px;\n }\n .url-input-group input {\n flex: 1;\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: 6px;\n padding: 7px 10px;\n color: var(--text);\n font-size: 11px;\n font-family: 'JetBrains Mono', monospace;\n outline: none;\n transition: border-color 0.2s;\n }\n .url-input-group input:focus { border-color: var(--accent); }\n .url-input-group input::placeholder { color: var(--text-dim); }\n\n /* ── Buttons ──────────────────────── */\n .btn {\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px;\n font-weight: 500;\n padding: 7px 12px;\n border-radius: 6px;\n border: 1px solid var(--border);\n background: var(--surface-2);\n color: var(--text);\n cursor: pointer;\n transition: all 0.15s;\n white-space: nowrap;\n }\n .btn:hover { background: var(--border); }\n .btn.primary {\n background: var(--accent);\n color: var(--bg);\n border-color: var(--accent);\n font-weight: 600;\n }\n .btn.primary:hover { filter: brightness(1.15); }\n\n /* ── Example cards ────────────────── */\n .example-card {\n margin: 5px 12px;\n padding: 12px 14px;\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s;\n }\n .example-card:hover {\n border-color: var(--accent);\n background: var(--surface-2);\n }\n .example-card .name { font-weight: 600; font-size: 12px; margin-bottom: 3px; }\n .example-card .desc { font-size: 10px; color: var(--text-dim); margin-bottom: 6px; }\n .example-card .meta {\n display: flex;\n gap: 10px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 9px;\n color: var(--text-dim);\n }\n .example-card .meta span { display: flex; align-items: center; gap: 4px; }\n .example-card .meta .dot { width: 4px; height: 4px; border-radius: 50%; background: var(--accent); }\n\n /* ── Model info panel ─────────────── */\n #modelInfo {\n margin: 12px;\n padding: 12px 14px;\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: 8px;\n display: none;\n }\n #modelInfo.visible { display: block; }\n #modelInfo h3 { font-size: 12px; font-weight: 600; margin-bottom: 8px; color: var(--accent); }\n .stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }\n .stat { font-family: 'JetBrains Mono', monospace; font-size: 9px; }\n .stat .label { color: var(--text-dim); margin-bottom: 1px; }\n .stat .value { color: var(--text); font-weight: 500; }\n .stat .value.warn { color: var(--warn); }\n .stat .value.ok { color: var(--accent); }\n\n /* ── Display controls ─────────────── */\n .controls-section { margin: 12px; }\n .control-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 6px 0;\n border-bottom: 1px solid var(--border);\n }\n .control-row:last-child { border-bottom: none; }\n .control-row label { font-size: 11px; color: var(--text-dim); }\n .toggle {\n width: 34px; height: 18px; border-radius: 9px;\n background: var(--border); cursor: pointer;\n position: relative; transition: background 0.2s;\n }\n .toggle.on { background: var(--accent); }\n .toggle::after {\n content: ''; position: absolute; top: 2px; left: 2px;\n width: 14px; height: 14px; border-radius: 50%;\n background: white; transition: transform 0.2s;\n }\n .toggle.on::after { transform: translateX(16px); }\n\n /* ── 3D Viewport ──────────────────── */\n .viewport { position: relative; overflow: hidden; background: var(--bg); }\n #canvas3d { width: 100%; height: 100%; display: block; }\n .viewport-overlay {\n position: absolute; bottom: 12px; left: 12px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 9px; color: var(--text-dim);\n pointer-events: none; opacity: 0.7;\n }\n .axis-hint { display: flex; gap: 10px; margin-top: 3px; }\n .axis-hint span { display: flex; align-items: center; gap: 3px; }\n .axis-hint .x { color: #ff4466; }\n .axis-hint .y { color: #44ff66; }\n .axis-hint .z { color: #4488ff; }\n\n /* ── Loading / Empty states ────────── */\n .loading-overlay {\n position: absolute; inset: 0; display: none;\n align-items: center; justify-content: center;\n background: var(--bg); z-index: 5;\n }\n .loading-overlay.visible { display: flex; }\n .spinner {\n width: 36px; height: 36px;\n border: 3px solid var(--border);\n border-top-color: var(--accent);\n border-radius: 50%;\n animation: spin 0.8s linear infinite;\n }\n @keyframes spin { to { transform: rotate(360deg); } }\n .empty-state {\n position: absolute; inset: 0; display: flex;\n flex-direction: column; align-items: center;\n justify-content: center; pointer-events: none;\n }\n .empty-state .cube { width: 70px; height: 70px; margin-bottom: 16px; opacity: 0.12; }\n .empty-state p { font-size: 13px; color: var(--text-dim); }\n .empty-state .sub { font-size: 11px; margin-top: 4px; color: #444; }\n\n /* ── Full-screen drop overlay ─────── */\n .fullscreen-drop {\n position: fixed; inset: 0; z-index: 100;\n background: rgba(0,212,170,0.06);\n border: 3px dashed var(--accent);\n display: none;\n align-items: center; justify-content: center;\n pointer-events: none;\n }\n .fullscreen-drop.visible { display: flex; }\n .fullscreen-drop .drop-msg {\n background: var(--surface);\n border: 1px solid var(--accent);\n border-radius: 12px;\n padding: 24px 36px;\n text-align: center;\n }\n .fullscreen-drop .drop-msg .icon { font-size: 36px; margin-bottom: 8px; }\n .fullscreen-drop .drop-msg p {\n font-family: 'JetBrains Mono', monospace;\n font-size: 13px; color: var(--accent);\n }\n\n /* ── Mobile FAB ────────────────────── */\n .mobile-fab {\n display: none;\n position: fixed;\n bottom: 24px; right: 24px;\n z-index: 50;\n width: 56px; height: 56px;\n border-radius: 50%;\n background: var(--accent);\n border: none;\n color: var(--bg);\n font-size: 24px;\n cursor: pointer;\n box-shadow: 0 4px 20px rgba(0,212,170,0.35);\n transition: transform 0.2s, box-shadow 0.2s;\n -webkit-tap-highlight-color: transparent;\n }\n .mobile-fab:active { transform: scale(0.92); }\n .mobile-fab.has-model { bottom: 80px; }\n\n /* ── Mobile bottom sheet ───────────── */\n .bottom-sheet-backdrop {\n display: none;\n position: fixed; inset: 0;\n background: rgba(0,0,0,0.5);\n z-index: 60;\n opacity: 0;\n transition: opacity 0.25s;\n }\n .bottom-sheet-backdrop.visible { display: block; opacity: 1; }\n .bottom-sheet {\n position: fixed;\n bottom: 0; left: 0; right: 0;\n z-index: 70;\n background: var(--surface);\n border-radius: 16px 16px 0 0;\n max-height: 75vh;\n overflow-y: auto;\n transform: translateY(100%);\n transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);\n -webkit-overflow-scrolling: touch;\n }\n .bottom-sheet.visible { transform: translateY(0); }\n .bottom-sheet .handle-bar {\n width: 36px; height: 4px;\n background: var(--border);\n border-radius: 2px;\n margin: 10px auto 4px;\n }\n .bottom-sheet .sheet-content { padding: 8px 0 env(safe-area-inset-bottom, 16px); }\n\n /* ── Mobile toolbar ────────────────── */\n .mobile-toolbar {\n display: none;\n position: fixed;\n bottom: 0; left: 0; right: 0;\n z-index: 40;\n background: var(--surface);\n border-top: 1px solid var(--border);\n padding: 8px 12px env(safe-area-inset-bottom, 8px);\n gap: 8px;\n }\n .mobile-toolbar .btn { flex: 1; text-align: center; padding: 10px 8px; font-size: 11px; }\n\n /* ── Status bar ─────────────────────── */\n .status-bar {\n position: fixed;\n top: 52px; left: 0; right: 0;\n z-index: 9;\n background: var(--surface-2);\n border-bottom: 1px solid var(--border);\n padding: 6px 20px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px;\n color: var(--accent);\n text-align: center;\n }\n\n /* ── Engine badge ────────────────────── */\n .engine-badge {\n margin: 0 12px 8px;\n padding: 5px 10px;\n background: var(--accent-dim);\n border-radius: 6px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 9px;\n color: var(--accent);\n text-align: center;\n }\n\n /* ── Download button ────────────────── */\n .btn-download {\n background: var(--accent) !important;\n color: var(--bg) !important;\n border-color: var(--accent) !important;\n font-weight: 600 !important;\n }\n .btn-download:hover { filter: brightness(1.15); }\n\n /* ── Disabled example cards ──────────── */\n .example-card.disabled {\n opacity: 0.5;\n pointer-events: none;\n }\n\n /* ── Mobile responsive ─────────────── */\n @media (max-width: 768px) {\n .layout {\n grid-template-columns: 1fr;\n grid-template-rows: 52px 1fr;\n }\n .sidebar { display: none; }\n .topbar .badge { display: none; }\n .topbar .right .btn { font-size: 9px; padding: 6px 8px; }\n .mobile-fab { display: flex; align-items: center; justify-content: center; }\n .mobile-toolbar { display: flex; }\n .viewport-overlay { bottom: 68px; }\n }\n `;\n}\n",[164],"cf037858-0500-11f1-8d4f-42dde27851f2","main.ts",11,["D",1770563645620],"http","import { getStyles } from \"./styles.ts\";\nimport { getLayout } from \"./layout.ts\";\nimport { getViewerScript } from \"./viewer.ts\";\n\nexport default async function(req: Request): Promise {\n return new Response(page(), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}\n\nfunction page(): string {\n return `\n\n\n \n \n STL Creator — A1 Mini Edition\n \n \n\n\n ${getLayout()}\n ${getViewerScript()}\n\n`;\n}\n",[172],"c09123f6-0500-11f1-b7b2-42dde27851f2","layout.ts","019c3dc4-fdf2-76fa-8252-9c2548c28d3d",9,["D",1770563621396],"/** HTML markup for the STL Creator layout */\nimport { EXAMPLES, type Example } from \"./examples.ts\";\n\nfunction exampleCard(ex: Example): string {\n return `\n

${ex.icon} ${ex.name}

${ex.desc}

${ex.size}${ex.time}

`;\n}\n\nfunction sidebarContent(): string {\n return `\n

Load Model

📦

Drop STL file here or click to browse

.stl

\n \n

\n \n \n

Examples — Real CSG

⚙ Powered by JSCAD · union / subtract / intersect

\n ${EXAMPLES.map(exampleCard).join(\"\")}\n

Model Analysis

DIMENSIONS

—

FITS A1 MINI

—

TRIANGLES

—

EST. VOLUME

—

Display

Build volume

Grid floor

Wireframe

Auto-rotate

`;\n}\n\nexport function getLayout(): string {\n return `\n

\n \n \n\n \n \n\n \n \n\n \n

\n \n

Load an STL or generate a model

Drag & drop, paste URL, or try a CSG example

Scroll to zoom · Drag to rotate · Shift+drag to pan

\n — X\n — Y\n — Z\n

\n\n \n

📦

Drop STL file to load

\n\n \n \n\n \n

\n ${sidebarContent()}\n

\n\n \n `;\n}\n",[179],"23ca2cf8-570c-11f1-bb5e-ee650bb23af1","examples.ts","019c3dc4-fdf2-76fa-8252-9ba0ba7dead1",348,["D",1779584507672],75,"/**\n * Barrel file — re-exports all examples from individual files.\n *\n * To add a new example: create examples/yourModel.ts, then add one import + array entry here.\n * To edit one: change only its file in examples/.\n * Nothing else in the codebase needs to change.\n */\n\nexport type { Example } from \"./examples/types.ts\";\nimport type { Example } from \"./examples/types.ts\";\n\nimport mountingPlate from \"./examples/mountingPlate.ts\";\nimport hexBox from \"./examples/hexBox.ts\";\nimport phoneStand from \"./examples/phoneStand.ts\";\nimport cableOrganizer from \"./examples/cableOrganizer.ts\";\nimport bottleSplitter from \"./examples/bottleSplitter.ts\";\nimport orangeCup from \"./examples/orangeCup.ts\";\nimport microgreensMesh from \"./examples/microgreensMesh.ts\";\nimport microgreensDonut from \"./examples/microgreensDonut.ts\";\nimport microgreensHoneycomb from \"./examples/microgreensHoneycomb.ts\";\nimport triBottlePlate from \"./examples/triBottlePlate.ts\";\nimport bottleRingTest from \"./examples/bottleRingTest.ts\";\nimport bottleSleeve15L from \"./examples/bottleSleeve15L.ts\";\nimport vaseTestHoop from \"./examples/vaseTestHoop.ts\";\nimport triBottlePlate15L from \"./examples/triBottlePlate15L.ts\";\nimport bottleSleeveVase from \"./examples/bottleSleeveVase.ts\";\nimport triSleeveVase from \"./examples/triSleeveVase.ts\";\nimport triBottlePlateRaised from \"./examples/triBottlePlateRaised.ts\";\nimport halfRingTest from \"./examples/halfRingTest.ts\";\nimport owalaSleeve from \"./examples/owalaSleeve.ts\";\nimport owalaSleeveFuzzy from \"./examples/owalaSleeveFuzzy.ts\";\nimport triBottlePlateChamfer from \"./examples/triBottlePlateChamfer.ts\";\nimport skadisLego from \"./examples/skadisLego.ts\";\nimport chamferChannelTest from \"./examples/chamferChannelTest.ts\";\nimport triBottlePlateChamfer265 from \"./examples/triBottlePlateChamfer265.ts\";\nimport penHolder from \"./examples/penHolder.ts\";\nimport bucketOpenerIterations from \"./examples/bucketOpenerIterations.ts\";\nimport bucketOpenerCurved from \"./examples/bucketOpenerCurved.ts\";\nimport bucketOpener70mm from \"./examples/bucketOpener70mm.ts\";\nimport bottleShell from \"./examples/bottleShell.ts\";\nimport calCylinders from \"./examples/calCylinders.ts\";\nimport bodkin from \"./examples/bodkin.ts\";\nimport tabletMold from \"./examples/tabletMold.ts\";\nimport tabletMold25 from \"./examples/tabletMold25.ts\";\nimport pco1881Pair from \"./examples/pco1881Pair.ts\";\nimport waterSleeveCollarV1 from \"./examples/waterSleeveCollarV1.ts\";\nimport waterSleeveMiddleV1 from \"./examples/waterSleeveMiddleV1.ts\";\nimport waterSleeveBaseV1 from \"./examples/waterSleeveBaseV1.ts\";\nimport waterSleeveMiniCollarV1 from \"./examples/waterSleeveMiniCollarV1.ts\";\nimport waterSleeveMiniMiddleV1 from \"./examples/waterSleeveMiniMiddleV1.ts\";\nimport waterSleeveMiniBaseV1 from \"./examples/waterSleeveMiniBaseV1.ts\";\nimport waterSleeveMiniV2Bottom from \"./examples/waterSleeveMiniV2Bottom.ts\";\nimport waterSleeveMiniV2Top from \"./examples/waterSleeveMiniV2Top.ts\";\nimport waterSleeveMiniV2BottomThin from \"./examples/waterSleeveMiniV2BottomThin.ts\";\nimport waterSleeveMiniV2TopThin from \"./examples/waterSleeveMiniV2TopThin.ts\";\nimport waterSleeveMiniV2BottomSlim from \"./examples/waterSleeveMiniV2BottomSlim.ts\";\nimport waterSleeveMiniV2TopSlim from \"./examples/waterSleeveMiniV2TopSlim.ts\";\nimport waterSleeveMiniV3Bottom from \"./examples/waterSleeveMiniV3Bottom.ts\";\nimport waterSleeveMiniV3Top from \"./examples/waterSleeveMiniV3Top.ts\";\nimport waterSleeveMiniV4Bottom from \"./examples/waterSleeveMiniV4Bottom.ts\";\nimport waterSleeveMiniV4Top from \"./examples/waterSleeveMiniV4Top.ts\";\nimport waterSleeveMiniV4Hanger from \"./examples/waterSleeveMiniV4Hanger.ts\";\nimport waterSleeve15V2Bottom from \"./examples/waterSleeve15V2Bottom.ts\";\nimport waterSleeve15V2BottomThin from \"./examples/waterSleeve15V2BottomThin.ts\";\nimport waterSleeve15V2Top from \"./examples/waterSleeve15V2Top.ts\";\nimport waterSleeve5LBottom from \"./examples/waterSleeve5LBottom.ts\";\nimport waterSleeve5LBottomTight from \"./examples/waterSleeve5LBottomTight.ts\";\nimport waterSleeve5LTop from \"./examples/waterSleeve5LTop.ts\";\nimport press5LPlugTest from \"./examples/press5LPlugTest.ts\";\nimport cap5L48mm from \"./examples/cap5L48mm.ts\";\nimport cap5L48mmFlush from \"./examples/cap5L48mmFlush.ts\";\nimport cap5L48mmFlushVesselInset from \"./examples/cap5L48mmFlushVesselInset.ts\";\nimport cap5L48mmFlushVesselDangle from \"./examples/cap5L48mmFlushVesselDangle.ts\";\nimport cap5L48mmThreadTest from \"./examples/cap5L48mmThreadTest.ts\";\nimport cap5L48mmThreadTestBeefy from \"./examples/cap5L48mmThreadTestBeefy.ts\";\nimport cap5L48mmThreadTestButtress from \"./examples/cap5L48mmThreadTestButtress.ts\";\nimport cap5L48mmThreadTestTripleButtress from \"./examples/cap5L48mmThreadTestTripleButtress.ts\";\nimport sleeve15Gauge from \"./examples/sleeve15Gauge.ts\";\nimport waterSleeveCollarV3 from \"./examples/waterSleeveCollarV3.ts\";\nimport waterSleeveMiddleV3 from \"./examples/waterSleeveMiddleV3.ts\";\nimport waterSleeveBaseV3 from \"./examples/waterSleeveBaseV3.ts\";\nimport waterSleeveMiddleV4 from \"./examples/waterSleeveMiddleV4.ts\";\nimport waterSleeveBaseV4 from \"./examples/waterSleeveBaseV4.ts\";\nimport pressFitTestAll4 from \"./examples/pressFitTestAll4.ts\";\nimport bokashiDrainageThird from \"./examples/bokashiDrainageThird.ts\";\nimport bokashiDrainageThird135 from \"./examples/bokashiDrainageThird135.ts\";\nimport funnel170to75 from \"./examples/funnel170to75.ts\";\nimport kratkyReservoirBottom from \"./examples/kratkyReservoirBottom.ts\";\nimport kratkyReservoirTop from \"./examples/kratkyReservoirTop.ts\";\nimport ledStickRingTest from \"./examples/ledStickRingTest.ts\";\nimport ledLightBase from \"./examples/ledLightBase.ts\";\nimport ledLightBase15L from \"./examples/ledLightBase15L.ts\";\nimport lightSleeveMiniBottom from \"./examples/lightSleeveMiniBottom.ts\";\nimport lightSleeveMiniTop from \"./examples/lightSleeveMiniTop.ts\";\n\nexport const EXAMPLES: Example[] = [press5LPlugTest, waterSleeve5LBottomTight, lightSleeveMiniBottom, lightSleeveMiniTop, ledLightBase15L, ledLightBase, ledStickRingTest, cap5L48mmFlushVesselDangle, cap5L48mmFlushVesselInset, cap5L48mmThreadTestTripleButtress, cap5L48mmThreadTestButtress, cap5L48mmThreadTestBeefy, cap5L48mmThreadTest, kratkyReservoirBottom, kratkyReservoirTop, waterSleeve15V2BottomThin, waterSleeve15V2Bottom, waterSleeve15V2Top, waterSleeve5LBottom, waterSleeve5LTop, cap5L48mm, cap5L48mmFlush, waterSleeveMiniV2Bottom, waterSleeveMiniV2Top, waterSleeveMiniV2BottomThin, waterSleeveMiniV2TopThin, waterSleeveMiniV2BottomSlim, waterSleeveMiniV2TopSlim, funnel170to75, bokashiDrainageThird135, bokashiDrainageThird, sleeve15Gauge, pressFitTestAll4, waterSleeveMiniV4Hanger, waterSleeveMiniV4Top, waterSleeveMiniV4Bottom, waterSleeveMiniV3Top, waterSleeveMiniV3Bottom, waterSleeveMiniCollarV1, waterSleeveMiniMiddleV1, waterSleeveMiniBaseV1, waterSleeveCollarV3, waterSleeveMiddleV3, waterSleeveBaseV3, waterSleeveMiddleV4, waterSleeveBaseV4, waterSleeveCollarV1, waterSleeveMiddleV1, waterSleeveBaseV1, pco1881Pair, tabletMold25, tabletMold, bodkin, calCylinders, bottleShell, bucketOpener70mm, bucketOpenerIterations, bucketOpenerCurved, mountingPlate, hexBox, phoneStand, cableOrganizer, bottleSplitter, orangeCup, microgreensMesh, microgreensDonut, microgreensHoneycomb, triBottlePlate, bottleRingTest, bottleSleeve15L, vaseTestHoop, triBottlePlate15L, bottleSleeveVase, triSleeveVase, triBottlePlateRaised, halfRingTest, owalaSleeve, owalaSleeveFuzzy, triBottlePlateChamfer, skadisLego, chamferChannelTest, triBottlePlateChamfer265, penHolder];\n\n/**\n * Returns the client-side JS for the genExample(name) function,\n * built dynamically from the EXAMPLES array.\n * Each case body must return a JSCAD geom3 solid.\n * `jscad` (the full @jscad/modeling library) is in scope.\n */\nexport function getExampleGeneratorJS(): string {\n const cases = EXAMPLES.map(\n (ex) => `case '${ex.id}': {\\n${ex.generatorBody}\\n}`,\n ).join(\"\\n \");\n\n return `\n function genExample(name) {\n switch (name) {\n ${cases}\n default: return jscad.primitives.cuboid({ size: [50, 50, 50] });\n }\n }`;\n}\n",[186],"f2857936-04fe-11f1-b891-42dde27851f2","README.md","019c3dc4-fdf2-76fa-8252-9718cf66e8ab",["D",1770562846100],"# STL Viewer\n\nA web-based 3D model viewer and generator for creating printable STL files directly in your browser.\n\n## Demo Video\n\nhttps://www.val.town/x/dcm31/stl-viewer/code/README.md\n\n[Watch the demo on Loom](https://www.loom.com/share/ac0933b3cb8f4c56b32b065d75fd36af)\n\n## Features\n\n- 🎨 Generate 3D models procedurally using Three.js\n- 👁️ Interactive 3D viewer with orbit controls\n- 💾 Export models as STL files for 3D printing\n- 📦 Pre-built examples: Vase, Gear, Castle, Kratky, and Duck\n\n## Usage\n\nVisit the live viewer and select from the example gallery to view and download pre-built models.\n\n### Want to Create Your Own Models?\n\n**You'll need to remix this val first!** Click the \"Remix\" button at the top of the Val Town editor to create your own copy that you can edit.\n\n## Adding New Examples\n\nOnce you've remixed this val:\n\n1. Create a new file in `examples/yourModel.ts`\n2. Define your model following the `Example` interface\n3. Add the import and array entry in `examples.ts`\n\nThat's it! The viewer will automatically pick up your new model.",[194],"6899f2e0-4056-11f1-94cd-42b51c65c3df","PRESS-FIT-NOTES.md","6899f394-4056-11f1-94cd-42b51c65c3df",229,["D",1777087529135],"# Press-Fit Tolerance Reference (PLA, Bambu A1 Mini)\n\nEmpirical fit categories from a 4-ring trial (Apr 2026), tested against a\nfemale socket of **inner diameter ID = 70.00mm**. All values are PLA on a\nBambu Lab A1 Mini with **fuzzy skin enabled** (0.4mm distance / 0.3mm point\ndistance) on the test rings.\n\n## Tolerance ladder\n\n| Fit category | PLUG_OD | Radial clearance | Diametric clearance | Behavior |\n|----------------|---------|------------------|---------------------|----------|\n| Slide fit | 69.70 | 0.15mm | 0.30mm | Drops in, freely separates |\n| Loose fit | 69.80 | 0.10mm | 0.20mm | Seats with light pressure, can be twisted apart |\n| **Tight fit** | **69.90** | **0.05mm** | **0.10mm** | **Hand-press required, holds securely (chosen)** |\n| Semipermanent | 70.00 | 0.00mm | 0.00mm | Hammer/clamp to seat, won't separate without damage |\n\n## How to use this for other parts\n\nTolerances are **relative to the socket ID** — they're not absolute numbers.\nTo pick a PLUG_OD for a different socket:\n\n```\nPLUG_OD = SOCKET_ID − (2 × desired_radial_clearance)\n```\n\nSo for any socket dimension, the recipe is:\n\n| Target fit | Radial clearance to subtract from socket radius |\n|------------------|--------------------------------------------------|\n| Slide fit | 0.15mm |\n| Loose fit | 0.10mm |\n| **Tight fit** | **0.05mm** ← default for sleeve joints |\n| Semipermanent | 0.00mm |\n\nExample for a 50mm socket: tight fit plug = 50.00 − (2 × 0.05) = **49.90mm**.\n\n## Caveats\n\n- **Fuzzy skin matters.** Fuzzy adds dimensional bumps that slightly\n *reduce* effective fit (the bumps deform under press pressure). Without\n fuzzy skin you may need to add ~0.05mm to the plug OD, or test on a\n smooth ring first. These numbers were calibrated WITH fuzzy on.\n- **Printer matters.** A1 Mini was used. Other printers (Prusa, Ender,\n Voron) will likely need re-calibration — XY shrinkage and belt tension\n vary by machine.\n- **Material matters.** PLA only. PETG is stickier and tends to need\n ~0.05mm more clearance for a comparable feel; ABS/ASA shrink more so\n you may need less.\n- **Plug height matters.** Test rings used PLUG_H = 3mm. Taller plugs\n generate more friction along their length, so a \"tight\" plug at 3mm may\n feel \"semipermanent\" at 10mm. For deep press fits, drop one category\n (e.g., use Loose dimensions for a 10mm-deep plug to get Tight behavior).\n- **Plug wall thickness matters.** Thin plug walls (under ~1mm) flex\n inward under press pressure and feel looser than they measure. The test\n rings used a beefy 1.85mm plug wall. The shipped sleeve uses 1.4mm.\n Thinner than ~1mm = unreliable; consider thickening before re-tuning fit.\n- **Re-test if you change print settings** (line width, wall count,\n flow rate, layer height). The XY accuracy of an A1 Mini is sensitive to\n these.\n\n## Reference test ring file\n\n`examples/pressFitTestAll4.ts` — 2×2 grid of four 11mm-tall test rings\n(short version, position-coded by quadrant on the build plate). Print to\nre-calibrate any time the printer or filament changes.\n\n## Shipped values\n\nThe 0.5L mini sleeve V2 Bottom uses **Tight fit** (PLUG_OD 69.90 against\nSOCKET_ID 70.0 in the V2 Top). See `examples/waterSleeveMiniV2Bottom.ts`.\n",[200],"1f77afa4-4636-11f1-9542-42b51c65c3df","vase-creator","c9b45804-cc24-42a7-b676-96849237af3f",266,["D",1777733369515],"directory",[207],"f28577ec-04fe-11f1-b891-42dde27851f2","examples","019c3dc4-fdf2-76fa-8252-909c6fe161f6",["D",1770562846100],[214],"pulls","branches",3,"forks","envVars",{"_226":64,"_228":64},"connections",{"_226":64,"_227":64},"count","unfilledCount","emptyCount",{"_44":213,"_32":214,"_30":215,"_155":-5,"_42":43,"_41":168,"_157":60,"_39":1189,"_13":64,"_34":211,"_36":-5,"_24":25,"_161":-5,"_344":1190,"_27":1191},{"_44":1181,"_32":1182,"_30":1183,"_155":215,"_42":43,"_41":1184,"_157":60,"_39":1185,"_13":520,"_34":20,"_36":1186,"_24":25,"_161":-5,"_344":1187,"_27":1188},{"_44":1173,"_32":1174,"_30":1175,"_155":215,"_42":43,"_41":1176,"_157":60,"_39":1177,"_13":64,"_34":35,"_36":1178,"_24":25,"_161":-5,"_344":1179,"_27":1180},{"_44":1165,"_32":1166,"_30":1167,"_155":215,"_42":43,"_41":1168,"_157":60,"_39":1169,"_13":64,"_34":35,"_36":1170,"_24":25,"_161":-5,"_344":1171,"_27":1172},{"_44":1158,"_32":1159,"_30":1160,"_155":215,"_42":43,"_41":168,"_157":60,"_39":1161,"_13":64,"_34":20,"_36":1162,"_24":25,"_161":-5,"_344":1163,"_27":1164},{"_44":1150,"_32":1151,"_30":1152,"_155":215,"_42":43,"_41":1153,"_157":60,"_39":1154,"_13":168,"_34":20,"_36":1155,"_24":25,"_161":-5,"_344":1156,"_27":1157},{"_44":1142,"_32":1143,"_30":1144,"_155":215,"_42":43,"_41":1145,"_157":60,"_39":1146,"_13":168,"_34":20,"_36":1147,"_24":25,"_161":-5,"_344":1148,"_27":1149},{"_44":1135,"_32":1136,"_30":1137,"_155":215,"_42":43,"_41":168,"_157":60,"_39":1138,"_13":64,"_34":20,"_36":1139,"_24":25,"_161":-5,"_344":1140,"_27":1141},{"_44":1127,"_32":1128,"_30":1129,"_155":215,"_42":43,"_41":1130,"_157":60,"_39":1131,"_13":64,"_34":20,"_36":1132,"_24":25,"_161":-5,"_344":1133,"_27":1134},{"_44":1120,"_32":1121,"_30":1122,"_155":215,"_42":43,"_41":168,"_157":60,"_39":1123,"_13":64,"_34":20,"_36":1124,"_24":25,"_161":-5,"_344":1125,"_27":1126},{"_44":1112,"_32":1113,"_30":1114,"_155":215,"_42":43,"_41":1115,"_157":60,"_39":1116,"_13":64,"_34":20,"_36":1117,"_24":25,"_161":-5,"_344":1118,"_27":1119},{"_44":1105,"_32":1106,"_30":1107,"_155":215,"_42":43,"_41":752,"_157":60,"_39":1108,"_13":520,"_34":20,"_36":1109,"_24":25,"_161":-5,"_344":1110,"_27":1111},{"_44":1097,"_32":1098,"_30":1099,"_155":215,"_42":43,"_41":1100,"_157":60,"_39":1101,"_13":520,"_34":20,"_36":1102,"_24":25,"_161":-5,"_344":1103,"_27":1104},{"_44":1089,"_32":1090,"_30":1091,"_155":215,"_42":43,"_41":1092,"_157":60,"_39":1093,"_13":220,"_34":20,"_36":1094,"_24":25,"_161":-5,"_344":1095,"_27":1096},{"_44":1081,"_32":1082,"_30":1083,"_155":215,"_42":43,"_41":1084,"_157":60,"_39":1085,"_13":545,"_34":20,"_36":1086,"_24":25,"_161":-5,"_344":1087,"_27":1088},{"_44":1074,"_32":1075,"_30":1076,"_155":215,"_42":43,"_41":545,"_157":60,"_39":1077,"_13":64,"_34":20,"_36":1078,"_24":25,"_161":-5,"_344":1079,"_27":1080},{"_44":1066,"_32":1067,"_30":1068,"_155":215,"_42":43,"_41":1069,"_157":60,"_39":1070,"_13":168,"_34":20,"_36":1071,"_24":25,"_161":-5,"_344":1072,"_27":1073},{"_44":1058,"_32":1059,"_30":1060,"_155":215,"_42":43,"_41":1061,"_157":60,"_39":1062,"_13":64,"_34":35,"_36":1063,"_24":25,"_161":-5,"_344":1064,"_27":1065},{"_44":1054,"_32":33,"_30":31,"_155":215,"_42":43,"_41":14,"_157":60,"_39":1055,"_13":159,"_34":35,"_36":38,"_24":25,"_161":-5,"_344":1056,"_27":1057},{"_44":1046,"_32":1047,"_30":1048,"_155":215,"_42":43,"_41":1049,"_157":25,"_39":1050,"_13":64,"_34":35,"_36":1051,"_24":25,"_161":-5,"_344":1052,"_27":1053},{"_44":1038,"_32":1039,"_30":1040,"_155":215,"_42":43,"_41":1041,"_157":60,"_39":1042,"_13":520,"_34":35,"_36":1043,"_24":25,"_161":-5,"_344":1044,"_27":1045},{"_44":1030,"_32":1031,"_30":1032,"_155":215,"_42":43,"_41":1033,"_157":60,"_39":1034,"_13":64,"_34":35,"_36":1035,"_24":25,"_161":-5,"_344":1036,"_27":1037},{"_44":1022,"_32":1023,"_30":1024,"_155":215,"_42":43,"_41":1025,"_157":60,"_39":1026,"_13":64,"_34":35,"_36":1027,"_24":25,"_161":-5,"_344":1028,"_27":1029},{"_44":1014,"_32":1015,"_30":1016,"_155":215,"_42":43,"_41":1017,"_157":60,"_39":1018,"_13":64,"_34":35,"_36":1019,"_24":25,"_161":-5,"_344":1020,"_27":1021},{"_44":1006,"_32":1007,"_30":1008,"_155":215,"_42":43,"_41":1009,"_157":60,"_39":1010,"_13":64,"_34":35,"_36":1011,"_24":25,"_161":-5,"_344":1012,"_27":1013},{"_44":998,"_32":999,"_30":1000,"_155":215,"_42":43,"_41":1001,"_157":60,"_39":1002,"_13":64,"_34":35,"_36":1003,"_24":25,"_161":-5,"_344":1004,"_27":1005},{"_44":991,"_32":992,"_30":993,"_155":215,"_42":43,"_41":168,"_157":60,"_39":994,"_13":64,"_34":20,"_36":995,"_24":25,"_161":-5,"_344":996,"_27":997},{"_44":983,"_32":984,"_30":985,"_155":215,"_42":43,"_41":986,"_157":60,"_39":987,"_13":520,"_34":20,"_36":988,"_24":25,"_161":-5,"_344":989,"_27":990},{"_44":976,"_32":977,"_30":978,"_155":215,"_42":43,"_41":168,"_157":60,"_39":979,"_13":64,"_34":20,"_36":980,"_24":25,"_161":-5,"_344":981,"_27":982},{"_44":968,"_32":969,"_30":970,"_155":215,"_42":43,"_41":971,"_157":60,"_39":972,"_13":64,"_34":35,"_36":973,"_24":25,"_161":-5,"_344":974,"_27":975},{"_44":961,"_32":962,"_30":963,"_155":215,"_42":43,"_41":168,"_157":60,"_39":964,"_13":64,"_34":20,"_36":965,"_24":25,"_161":-5,"_344":966,"_27":967},{"_44":953,"_32":954,"_30":955,"_155":215,"_42":43,"_41":956,"_157":60,"_39":957,"_13":220,"_34":20,"_36":958,"_24":25,"_161":-5,"_344":959,"_27":960},{"_44":946,"_32":947,"_30":948,"_155":215,"_42":43,"_41":520,"_157":60,"_39":949,"_13":64,"_34":20,"_36":950,"_24":25,"_161":-5,"_344":951,"_27":952},{"_44":939,"_32":940,"_30":941,"_155":215,"_42":43,"_41":168,"_157":60,"_39":942,"_13":64,"_34":20,"_36":943,"_24":25,"_161":-5,"_344":944,"_27":945},{"_44":931,"_32":932,"_30":933,"_155":215,"_42":43,"_41":934,"_157":60,"_39":935,"_13":64,"_34":35,"_36":936,"_24":25,"_161":-5,"_344":937,"_27":938},{"_44":923,"_32":924,"_30":925,"_155":215,"_42":43,"_41":926,"_157":60,"_39":927,"_13":64,"_34":35,"_36":928,"_24":25,"_161":-5,"_344":929,"_27":930},{"_44":915,"_32":916,"_30":917,"_155":215,"_42":43,"_41":918,"_157":60,"_39":919,"_13":520,"_34":35,"_36":920,"_24":25,"_161":-5,"_344":921,"_27":922},{"_44":907,"_32":908,"_30":909,"_155":215,"_42":43,"_41":910,"_157":60,"_39":911,"_13":520,"_34":35,"_36":912,"_24":25,"_161":-5,"_344":913,"_27":914},{"_44":899,"_32":900,"_30":901,"_155":215,"_42":43,"_41":902,"_157":60,"_39":903,"_13":520,"_34":35,"_36":904,"_24":25,"_161":-5,"_344":905,"_27":906},{"_44":891,"_32":892,"_30":893,"_155":215,"_42":43,"_41":894,"_157":60,"_39":895,"_13":64,"_34":35,"_36":896,"_24":25,"_161":-5,"_344":897,"_27":898},{"_44":883,"_32":884,"_30":885,"_155":215,"_42":43,"_41":886,"_157":60,"_39":887,"_13":64,"_34":35,"_36":888,"_24":25,"_161":-5,"_344":889,"_27":890},{"_44":875,"_32":876,"_30":877,"_155":215,"_42":43,"_41":878,"_157":60,"_39":879,"_13":220,"_34":20,"_36":880,"_24":25,"_161":-5,"_344":881,"_27":882},{"_44":867,"_32":868,"_30":869,"_155":215,"_42":43,"_41":870,"_157":60,"_39":871,"_13":159,"_34":20,"_36":872,"_24":25,"_161":-5,"_344":873,"_27":874},{"_44":859,"_32":860,"_30":861,"_155":215,"_42":43,"_41":862,"_157":60,"_39":863,"_13":64,"_34":20,"_36":864,"_24":25,"_161":-5,"_344":865,"_27":866},{"_44":852,"_32":853,"_30":854,"_155":215,"_42":43,"_41":220,"_157":60,"_39":855,"_13":64,"_34":20,"_36":856,"_24":25,"_161":-5,"_344":857,"_27":858},{"_44":844,"_32":845,"_30":846,"_155":215,"_42":43,"_41":847,"_157":60,"_39":848,"_13":168,"_34":20,"_36":849,"_24":25,"_161":-5,"_344":850,"_27":851},{"_44":836,"_32":837,"_30":838,"_155":215,"_42":43,"_41":839,"_157":60,"_39":840,"_13":642,"_34":20,"_36":841,"_24":25,"_161":-5,"_344":842,"_27":843},{"_44":828,"_32":829,"_30":830,"_155":215,"_42":43,"_41":831,"_157":60,"_39":832,"_13":545,"_34":20,"_36":833,"_24":25,"_161":-5,"_344":834,"_27":835},{"_44":820,"_32":821,"_30":822,"_155":215,"_42":43,"_41":823,"_157":60,"_39":824,"_13":64,"_34":35,"_36":825,"_24":25,"_161":-5,"_344":826,"_27":827},{"_44":812,"_32":813,"_30":814,"_155":215,"_42":43,"_41":815,"_157":60,"_39":816,"_13":64,"_34":20,"_36":817,"_24":25,"_161":-5,"_344":818,"_27":819},{"_44":804,"_32":805,"_30":806,"_155":215,"_42":43,"_41":807,"_157":60,"_39":808,"_13":64,"_34":20,"_36":809,"_24":25,"_161":-5,"_344":810,"_27":811},{"_44":796,"_32":797,"_30":798,"_155":215,"_42":43,"_41":799,"_157":25,"_39":800,"_13":64,"_34":35,"_36":801,"_24":25,"_161":-5,"_344":802,"_27":803},{"_44":788,"_32":789,"_30":790,"_155":215,"_42":43,"_41":791,"_157":60,"_39":792,"_13":168,"_34":35,"_36":793,"_24":25,"_161":-5,"_344":794,"_27":795},{"_44":780,"_32":781,"_30":782,"_155":215,"_42":43,"_41":783,"_157":60,"_39":784,"_13":64,"_34":20,"_36":785,"_24":25,"_161":-5,"_344":786,"_27":787},{"_44":772,"_32":773,"_30":774,"_155":215,"_42":43,"_41":775,"_157":60,"_39":776,"_13":220,"_34":35,"_36":777,"_24":25,"_161":-5,"_344":778,"_27":779},{"_44":764,"_32":765,"_30":766,"_155":215,"_42":43,"_41":767,"_157":60,"_39":768,"_13":642,"_34":35,"_36":769,"_24":25,"_161":-5,"_344":770,"_27":771},{"_44":756,"_32":757,"_30":758,"_155":215,"_42":43,"_41":759,"_157":60,"_39":760,"_13":168,"_34":35,"_36":761,"_24":25,"_161":-5,"_344":762,"_27":763},{"_44":747,"_32":748,"_30":749,"_155":215,"_42":43,"_41":750,"_157":60,"_39":751,"_13":752,"_34":20,"_36":753,"_24":25,"_161":-5,"_344":754,"_27":755},{"_44":739,"_32":740,"_30":741,"_155":215,"_42":43,"_41":742,"_157":60,"_39":743,"_13":64,"_34":20,"_36":744,"_24":25,"_161":-5,"_344":745,"_27":746},{"_44":731,"_32":732,"_30":733,"_155":215,"_42":43,"_41":734,"_157":60,"_39":735,"_13":168,"_34":20,"_36":736,"_24":25,"_161":-5,"_344":737,"_27":738},{"_44":723,"_32":724,"_30":725,"_155":215,"_42":43,"_41":726,"_157":60,"_39":727,"_13":64,"_34":20,"_36":728,"_24":25,"_161":-5,"_344":729,"_27":730},{"_44":715,"_32":716,"_30":717,"_155":215,"_42":43,"_41":718,"_157":60,"_39":719,"_13":168,"_34":20,"_36":720,"_24":25,"_161":-5,"_344":721,"_27":722},{"_44":707,"_32":708,"_30":709,"_155":215,"_42":43,"_41":710,"_157":60,"_39":711,"_13":64,"_34":20,"_36":712,"_24":25,"_161":-5,"_344":713,"_27":714},{"_44":701,"_32":366,"_30":702,"_155":215,"_42":43,"_41":159,"_157":60,"_39":703,"_13":168,"_34":20,"_36":704,"_24":25,"_161":-5,"_344":705,"_27":706},{"_44":694,"_32":695,"_30":696,"_155":215,"_42":43,"_41":168,"_157":60,"_39":697,"_13":64,"_34":20,"_36":698,"_24":25,"_161":-5,"_344":699,"_27":700},{"_44":686,"_32":687,"_30":688,"_155":215,"_42":43,"_41":689,"_157":60,"_39":690,"_13":64,"_34":20,"_36":691,"_24":25,"_161":-5,"_344":692,"_27":693},{"_44":678,"_32":679,"_30":680,"_155":215,"_42":43,"_41":681,"_157":60,"_39":682,"_13":168,"_34":35,"_36":683,"_24":25,"_161":-5,"_344":684,"_27":685},{"_44":670,"_32":671,"_30":672,"_155":215,"_42":43,"_41":673,"_157":60,"_39":674,"_13":159,"_34":35,"_36":675,"_24":25,"_161":-5,"_344":676,"_27":677},{"_44":662,"_32":663,"_30":664,"_155":215,"_42":43,"_41":665,"_157":60,"_39":666,"_13":159,"_34":35,"_36":667,"_24":25,"_161":-5,"_344":668,"_27":669},{"_44":654,"_32":655,"_30":656,"_155":215,"_42":43,"_41":657,"_157":60,"_39":658,"_13":220,"_34":35,"_36":659,"_24":25,"_161":-5,"_344":660,"_27":661},{"_44":646,"_32":647,"_30":648,"_155":215,"_42":43,"_41":649,"_157":25,"_39":650,"_13":168,"_34":35,"_36":651,"_24":25,"_161":-5,"_344":652,"_27":653},{"_44":637,"_32":638,"_30":639,"_155":215,"_42":43,"_41":640,"_157":60,"_39":641,"_13":642,"_34":35,"_36":643,"_24":25,"_161":-5,"_344":644,"_27":645},{"_44":629,"_32":630,"_30":631,"_155":215,"_42":43,"_41":632,"_157":60,"_39":633,"_13":168,"_34":35,"_36":634,"_24":25,"_161":-5,"_344":635,"_27":636},{"_44":621,"_32":622,"_30":623,"_155":215,"_42":43,"_41":624,"_157":60,"_39":625,"_13":220,"_34":35,"_36":626,"_24":25,"_161":-5,"_344":627,"_27":628},{"_44":613,"_32":614,"_30":615,"_155":215,"_42":43,"_41":616,"_157":60,"_39":617,"_13":168,"_34":35,"_36":618,"_24":25,"_161":-5,"_344":619,"_27":620},{"_44":605,"_32":606,"_30":607,"_155":215,"_42":43,"_41":608,"_157":60,"_39":609,"_13":64,"_34":35,"_36":610,"_24":25,"_161":-5,"_344":611,"_27":612},{"_44":597,"_32":598,"_30":599,"_155":215,"_42":43,"_41":600,"_157":60,"_39":601,"_13":168,"_34":35,"_36":602,"_24":25,"_161":-5,"_344":603,"_27":604},{"_44":589,"_32":590,"_30":591,"_155":215,"_42":43,"_41":592,"_157":60,"_39":593,"_13":64,"_34":35,"_36":594,"_24":25,"_161":-5,"_344":595,"_27":596},{"_44":581,"_32":582,"_30":583,"_155":215,"_42":43,"_41":584,"_157":60,"_39":585,"_13":168,"_34":35,"_36":586,"_24":25,"_161":-5,"_344":587,"_27":588},{"_44":573,"_32":574,"_30":575,"_155":215,"_42":43,"_41":576,"_157":60,"_39":577,"_13":64,"_34":35,"_36":578,"_24":25,"_161":-5,"_344":579,"_27":580},{"_44":565,"_32":566,"_30":567,"_155":215,"_42":43,"_41":568,"_157":60,"_39":569,"_13":64,"_34":35,"_36":570,"_24":25,"_161":-5,"_344":571,"_27":572},{"_44":557,"_32":558,"_30":559,"_155":215,"_42":43,"_41":560,"_157":60,"_39":561,"_13":64,"_34":35,"_36":562,"_24":25,"_161":-5,"_344":563,"_27":564},{"_44":549,"_32":550,"_30":551,"_155":215,"_42":43,"_41":552,"_157":60,"_39":553,"_13":64,"_34":35,"_36":554,"_24":25,"_161":-5,"_344":555,"_27":556},{"_44":540,"_32":541,"_30":542,"_155":215,"_42":43,"_41":543,"_157":60,"_39":544,"_13":545,"_34":35,"_36":546,"_24":25,"_161":-5,"_344":547,"_27":548},{"_44":532,"_32":533,"_30":534,"_155":215,"_42":43,"_41":535,"_157":60,"_39":536,"_13":168,"_34":35,"_36":537,"_24":25,"_161":-5,"_344":538,"_27":539},{"_44":524,"_32":525,"_30":526,"_155":215,"_42":43,"_41":527,"_157":60,"_39":528,"_13":64,"_34":35,"_36":529,"_24":25,"_161":-5,"_344":530,"_27":531},{"_44":515,"_32":516,"_30":517,"_155":215,"_42":43,"_41":518,"_157":60,"_39":519,"_13":520,"_34":35,"_36":521,"_24":25,"_161":-5,"_344":522,"_27":523},{"_44":507,"_32":508,"_30":509,"_155":215,"_42":43,"_41":510,"_157":60,"_39":511,"_13":168,"_34":35,"_36":512,"_24":25,"_161":-5,"_344":513,"_27":514},{"_44":499,"_32":500,"_30":501,"_155":215,"_42":43,"_41":502,"_157":60,"_39":503,"_13":168,"_34":35,"_36":504,"_24":25,"_161":-5,"_344":505,"_27":506},{"_44":491,"_32":492,"_30":493,"_155":215,"_42":43,"_41":494,"_157":60,"_39":495,"_13":64,"_34":35,"_36":496,"_24":25,"_161":-5,"_344":497,"_27":498},{"_44":483,"_32":484,"_30":485,"_155":215,"_42":43,"_41":486,"_157":60,"_39":487,"_13":64,"_34":35,"_36":488,"_24":25,"_161":-5,"_344":489,"_27":490},{"_44":475,"_32":476,"_30":477,"_155":215,"_42":43,"_41":478,"_157":60,"_39":479,"_13":168,"_34":35,"_36":480,"_24":25,"_161":-5,"_344":481,"_27":482},{"_44":467,"_32":468,"_30":469,"_155":215,"_42":43,"_41":470,"_157":60,"_39":471,"_13":64,"_34":35,"_36":472,"_24":25,"_161":-5,"_344":473,"_27":474},{"_44":459,"_32":460,"_30":461,"_155":215,"_42":43,"_41":462,"_157":60,"_39":463,"_13":168,"_34":35,"_36":464,"_24":25,"_161":-5,"_344":465,"_27":466},{"_44":206,"_32":207,"_30":208,"_155":-5,"_42":43,"_41":209,"_157":60,"_39":456,"_13":64,"_34":211,"_36":-5,"_24":25,"_161":-5,"_344":457,"_27":458},{"_44":452,"_32":428,"_30":422,"_155":208,"_42":43,"_41":447,"_157":60,"_39":453,"_13":64,"_34":211,"_36":-5,"_24":25,"_161":-5,"_344":454,"_27":455},{"_44":445,"_32":412,"_30":446,"_155":422,"_42":43,"_41":447,"_157":60,"_39":448,"_13":64,"_34":35,"_36":449,"_24":25,"_161":-5,"_344":450,"_27":451},{"_44":437,"_32":438,"_30":439,"_155":422,"_42":43,"_41":440,"_157":60,"_39":441,"_13":64,"_34":35,"_36":442,"_24":25,"_161":-5,"_344":443,"_27":444},{"_44":429,"_32":430,"_30":431,"_155":422,"_42":43,"_41":432,"_157":60,"_39":433,"_13":64,"_34":35,"_36":434,"_24":25,"_161":-5,"_344":435,"_27":436},{"_44":419,"_32":420,"_30":421,"_155":422,"_42":43,"_41":423,"_157":60,"_39":424,"_13":64,"_34":35,"_36":425,"_24":25,"_161":-5,"_344":426,"_27":427},{"_44":411,"_32":412,"_30":413,"_155":208,"_42":43,"_41":414,"_157":60,"_39":415,"_13":64,"_34":35,"_36":416,"_24":25,"_161":-5,"_344":417,"_27":418},{"_44":403,"_32":404,"_30":405,"_155":208,"_42":43,"_41":406,"_157":60,"_39":407,"_13":64,"_34":175,"_36":408,"_24":25,"_161":-5,"_344":409,"_27":410},{"_44":395,"_32":396,"_30":397,"_155":208,"_42":43,"_41":398,"_157":60,"_39":399,"_13":64,"_34":35,"_36":400,"_24":25,"_161":-5,"_344":401,"_27":402},{"_44":387,"_32":388,"_30":389,"_155":208,"_42":43,"_41":390,"_157":60,"_39":391,"_13":64,"_34":35,"_36":392,"_24":25,"_161":-5,"_344":393,"_27":394},{"_44":379,"_32":380,"_30":381,"_155":208,"_42":43,"_41":382,"_157":60,"_39":383,"_13":64,"_34":35,"_36":384,"_24":25,"_161":-5,"_344":385,"_27":386},{"_44":372,"_32":164,"_30":373,"_155":208,"_42":43,"_41":374,"_157":60,"_39":375,"_13":64,"_34":35,"_36":376,"_24":25,"_161":-5,"_344":377,"_27":378},{"_44":365,"_32":366,"_30":367,"_155":208,"_42":43,"_41":209,"_157":60,"_39":368,"_13":64,"_34":35,"_36":369,"_24":25,"_161":-5,"_344":370,"_27":371},{"_44":199,"_32":200,"_30":201,"_155":-5,"_42":43,"_41":202,"_157":60,"_39":362,"_13":64,"_34":20,"_36":204,"_24":25,"_161":-5,"_344":363,"_27":364},{"_44":193,"_32":194,"_30":195,"_155":-5,"_42":43,"_41":168,"_157":60,"_39":359,"_13":64,"_34":20,"_36":197,"_24":25,"_161":-5,"_344":360,"_27":361},{"_44":185,"_32":186,"_30":187,"_155":-5,"_42":43,"_41":188,"_157":25,"_39":356,"_13":190,"_34":20,"_36":191,"_24":25,"_161":-5,"_344":357,"_27":358},{"_44":178,"_32":179,"_30":180,"_155":-5,"_42":43,"_41":181,"_157":25,"_39":353,"_13":168,"_34":20,"_36":183,"_24":25,"_161":-5,"_344":354,"_27":355},{"_44":171,"_32":172,"_30":58,"_155":-5,"_42":43,"_41":173,"_157":25,"_39":350,"_13":168,"_34":175,"_36":176,"_24":25,"_161":-5,"_344":351,"_27":352},{"_44":163,"_32":164,"_30":165,"_155":-5,"_42":43,"_41":166,"_157":25,"_39":347,"_13":168,"_34":20,"_36":169,"_24":25,"_161":-5,"_344":348,"_27":349},{"_44":152,"_32":153,"_30":154,"_155":-5,"_42":43,"_41":156,"_157":25,"_39":343,"_13":159,"_34":20,"_36":160,"_24":25,"_161":-5,"_344":345,"_27":346},["D",1779034597602],"children",[],[153],["D",1770563638915],[],[164],["D",1770563645620],[],[172],["D",1770563621396],[],[179],["D",1779584507672],[],[186],["D",1770562846100],[],[194],["D",1777087529135],[],[200],"1f7787ae-4636-11f1-9542-42b51c65c3df","types.ts","1f778880-4636-11f1-9542-42b51c65c3df",["D",1777733369515],"/**\n * Shared types for vase-creator.\n */\n\nexport type Pt = [number, number]; // [radius, height]\n\nexport interface Cfg {\n filename: string;\n points: Pt[];\n boreMode: \"constant\" | \"profile\" | \"none\";\n boreRadius: number;\n innerPoints: Pt[] | null;\n floorThickness: number;\n ribCount: number;\n ribDepth: number;\n ribWidth: number;\n ribSide: \"outer\" | \"inner\";\n splitMode: \"none\" | \"bottom\" | \"top\";\n wedgeOverlap: number;\n wedgeTaper: number;\n}\n\nexport interface Preset {\n name: string;\n points: Pt[];\n boreMode: \"constant\" | \"profile\" | \"none\";\n boreRadius: number;\n innerPoints: Pt[] | null;\n floorThickness: number;\n ribCount: number;\n ribDepth: number;\n ribWidth: number;\n ribSide: \"outer\" | \"inner\";\n splitMode: \"none\" | \"bottom\" | \"top\";\n wedgeOverlap: number;\n wedgeTaper: number;\n}\n",[],[207,366],"510dd55c-4636-11f1-b372-42b51c65c3df","510dd5f2-4636-11f1-b372-42b51c65c3df",270,["D",1777733452714],"/**\n * CSS for vase-creator. Returned as a string for inline injection.\n */\n\nexport function css(): string {\n return `\n:root { --bg:#0e0f12; --panel:#181a20; --border:#292c33; --text:#e6e8ee;\n --muted:#8a8f99; --accent:#5fa8ff; --warn:#ff8866; --ok:#6fdb9b; }\n* { box-sizing: border-box; }\nbody { margin:0; font:14px/1.4 system-ui,sans-serif; background:var(--bg); color:var(--text); }\n.app { display:grid; grid-template-columns:380px 1fr; height:100vh; }\n.panel { background:var(--panel); border-right:1px solid var(--border); overflow:auto; padding:16px; }\n.panel h2 { margin:0 0 12px; font-size:14px; color:var(--muted); text-transform:uppercase; letter-spacing:.05em; }\n.panel h3 { margin:16px 0 8px; font-size:13px; color:var(--accent); }\n.row { display:flex; gap:8px; align-items:center; margin:6px 0; }\n.row label { flex:0 0 110px; color:var(--muted); font-size:13px; }\n.row input { flex:1; background:#0e0f12; color:var(--text); border:1px solid var(--border); border-radius:4px; padding:4px 8px; font:inherit; min-width:0; }\n.row input[type=number] { max-width:90px; }\nbutton { background:var(--panel); color:var(--text); border:1px solid var(--border); border-radius:4px; padding:6px 12px; font:inherit; cursor:pointer; }\nbutton:hover { background:#21242b; }\nbutton.primary { background:var(--accent); color:#001020; border-color:var(--accent); font-weight:600; }\nbutton.primary:hover { background:#4a92ec; }\nselect { background:#0e0f12; color:var(--text); border:1px solid var(--border); border-radius:4px; padding:6px; font:inherit; width:100%; }\ntextarea { background:#0e0f12; color:var(--text); border:1px solid var(--border); border-radius:4px; padding:8px; font:12px monospace; width:100%; height:120px; resize:vertical; }\n.viewer { position:relative; background:#1a1c22; }\ncanvas#preview, canvas#preview3d { position:absolute; inset:0; width:100%; height:100%; }\ncanvas#preview3d { display:none; }\n.tabs { display:flex; gap:0; border-bottom:1px solid var(--border); margin-bottom:12px; }\n.tab { padding:8px 14px; cursor:pointer; color:var(--muted); border-bottom:2px solid transparent; }\n.tab.active { color:var(--text); border-bottom-color:var(--accent); }\n.tab-pane { display:none; }\n.tab-pane.active { display:block; }\n.toolbar { position:absolute; top:12px; left:12px; right:12px; display:flex; gap:8px; z-index:10; }\n.toolbar select, .toolbar button { background:rgba(24,26,32,.85); backdrop-filter:blur(8px); }\n.help { color:var(--muted); font-size:12px; line-height:1.5; }\n.hint { color:var(--warn); font-size:12px; }\nhr { border:0; border-top:1px solid var(--border); margin:16px 0; }\ncode { background:#0e0f12; padding:1px 4px; border-radius:3px; font-size:12px; }\n`;\n}\n",[],[207,164],"45e235ce-4636-11f1-9f28-42b51c65c3df","stl.ts","45e2366e-4636-11f1-9f28-42b51c65c3df",269,["D",1777733433960],"/**\n * Server-side STL generation. Builds a triangle mesh from the profile config\n * and emits a binary STL.\n */\n\nimport type { Cfg } from \"./types.ts\";\nimport { applyRib, applyWedge, smoothInterp } from \"./geometry.ts\";\n\nconst N_RINGS = 80;\nconst N_SEGS = 96;\n\ntype V3 = [number, number, number];\n\nfunction buildOuterRings(cfg: Cfg): V3[][] {\n const outer = applyWedge(cfg.points, cfg);\n const sm = smoothInterp(outer, N_RINGS);\n const rings: V3[][] = [];\n for (const [r, z] of sm) {\n const ring: V3[] = [];\n for (let i = 0; i < N_SEGS; i++) {\n const a = (i / N_SEGS) * Math.PI * 2;\n const rr = applyRib(r, a, z, cfg, \"outer\");\n ring.push([rr * Math.cos(a), rr * Math.sin(a), z]);\n }\n rings.push(ring);\n }\n return rings;\n}\n\nfunction buildInnerRings(cfg: Cfg, totalH: number): V3[][] | null {\n if (cfg.boreMode === \"constant\" && cfg.boreRadius > 0) {\n const z0 = cfg.floorThickness;\n const rings: V3[][] = [];\n for (let row = 0; row < N_RINGS; row++) {\n const z = z0 + (totalH - z0) * row / (N_RINGS - 1);\n const ring: V3[] = [];\n for (let i = 0; i < N_SEGS; i++) {\n const a = (i / N_SEGS) * Math.PI * 2;\n const rr = applyRib(cfg.boreRadius, a, z, cfg, \"inner\");\n ring.push([rr * Math.cos(a), rr * Math.sin(a), z]);\n }\n rings.push(ring);\n }\n return rings;\n }\n if (cfg.boreMode === \"profile\" && cfg.innerPoints && cfg.innerPoints.length >= 2) {\n const sm = smoothInterp(cfg.innerPoints, N_RINGS);\n const rings: V3[][] = [];\n for (const [r, z] of sm) {\n const ring: V3[] = [];\n for (let i = 0; i < N_SEGS; i++) {\n const a = (i / N_SEGS) * Math.PI * 2;\n const rr = applyRib(r, a, z, cfg, \"inner\");\n ring.push([rr * Math.cos(a), rr * Math.sin(a), z]);\n }\n rings.push(ring);\n }\n return rings;\n }\n return null;\n}\n\nfunction collectTris(cfg: Cfg, outerVerts: V3[][], innerVerts: V3[][] | null): [V3, V3, V3][] {\n const tris: [V3, V3, V3][] = [];\n // Outer wall (CCW outward)\n for (let row = 0; row < N_RINGS - 1; row++) {\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n const a = outerVerts[row][i], b = outerVerts[row][j];\n const c = outerVerts[row + 1][j], d = outerVerts[row + 1][i];\n tris.push([a, b, c]);\n tris.push([a, c, d]);\n }\n }\n // Inner wall (reversed for inward normals)\n if (innerVerts) {\n for (let row = 0; row < innerVerts.length - 1; row++) {\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n const a = innerVerts[row][i], b = innerVerts[row][j];\n const c = innerVerts[row + 1][j], d = innerVerts[row + 1][i];\n tris.push([a, c, b]);\n tris.push([a, d, c]);\n }\n }\n }\n // Bottom\n if (innerVerts && cfg.floorThickness > 0) {\n const oz = outerVerts[0][0][2];\n const center: V3 = [0, 0, oz];\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n tris.push([outerVerts[0][i], center, outerVerts[0][j]]);\n }\n const iz = innerVerts[0][0][2];\n const ic: V3 = [0, 0, iz];\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n tris.push([ic, innerVerts[0][j], innerVerts[0][i]]);\n }\n } else if (innerVerts) {\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n const a = outerVerts[0][i], b = outerVerts[0][j];\n const c = innerVerts[0][j], d = innerVerts[0][i];\n tris.push([a, b, c]);\n tris.push([a, c, d]);\n }\n } else {\n const center: V3 = [0, 0, outerVerts[0][0][2]];\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n tris.push([outerVerts[0][i], center, outerVerts[0][j]]);\n }\n }\n // Top\n if (innerVerts) {\n const lo = outerVerts[N_RINGS - 1];\n const li = innerVerts[innerVerts.length - 1];\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n const a = lo[i], b = lo[j], c = li[j], d = li[i];\n tris.push([a, c, b]);\n tris.push([a, d, c]);\n }\n } else {\n const lo = outerVerts[N_RINGS - 1];\n const center: V3 = [0, 0, lo[0][2]];\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n tris.push([lo[i], lo[j], center]);\n }\n }\n return tris;\n}\n\nfunction encodeBinary(tris: [V3, V3, V3][]): Uint8Array {\n const triCount = tris.length;\n const buf = new ArrayBuffer(80 + 4 + triCount * 50);\n const view = new DataView(buf);\n view.setUint32(80, triCount, true);\n let off = 84;\n for (const [a, b, c] of tris) {\n const ux = b[0] - a[0], uy = b[1] - a[1], uz = b[2] - a[2];\n const vx = c[0] - a[0], vy = c[1] - a[1], vz = c[2] - a[2];\n let nx = uy * vz - uz * vy;\n let ny = uz * vx - ux * vz;\n let nz = ux * vy - uy * vx;\n const len = Math.hypot(nx, ny, nz) || 1;\n nx /= len; ny /= len; nz /= len;\n view.setFloat32(off, nx, true);\n view.setFloat32(off + 4, ny, true);\n view.setFloat32(off + 8, nz, true);\n view.setFloat32(off + 12, a[0], true);\n view.setFloat32(off + 16, a[1], true);\n view.setFloat32(off + 20, a[2], true);\n view.setFloat32(off + 24, b[0], true);\n view.setFloat32(off + 28, b[1], true);\n view.setFloat32(off + 32, b[2], true);\n view.setFloat32(off + 36, c[0], true);\n view.setFloat32(off + 40, c[1], true);\n view.setFloat32(off + 44, c[2], true);\n view.setUint16(off + 48, 0, true);\n off += 50;\n }\n return new Uint8Array(buf);\n}\n\nexport function generateSTL(cfg: Cfg): Uint8Array {\n const outerVerts = buildOuterRings(cfg);\n const totalH = outerVerts[outerVerts.length - 1][0][2];\n const innerVerts = buildInnerRings(cfg, totalH);\n const tris = collectTris(cfg, outerVerts, innerVerts);\n return encodeBinary(tris);\n}\n",[],[207,380],"2669b406-4636-11f1-8ede-42b51c65c3df","presets.ts","2669b4ce-4636-11f1-8ede-42b51c65c3df",267,["D",1777733381164],"/**\n * Profile presets — seeded with V2 mini PET 0.5L (golden working dimensions).\n */\n\nimport type { Preset } from \"./types.ts\";\n\nexport const PRESETS: Record = {\n v2_mini_bottom: {\n name: \"V2 mini PET 0.5L — Bottom (vase)\",\n points: [[42, 0], [40, 20], [37.5, 60], [37, 100], [37, 120]],\n boreMode: \"constant\",\n boreRadius: 33.5,\n innerPoints: null,\n floorThickness: 0,\n ribCount: 6,\n ribDepth: 1.5,\n ribWidth: 6,\n ribSide: \"outer\",\n splitMode: \"bottom\",\n wedgeOverlap: 15,\n wedgeTaper: 0.5,\n },\n v2_mini_top: {\n name: \"V2 mini PET 0.5L — Top (vase)\",\n points: [[37, 0], [37, 55], [22, 95], [35, 120]],\n boreMode: \"profile\",\n boreRadius: 0,\n innerPoints: [[34, 0], [34, 55], [16, 95], [30, 120]],\n floorThickness: 0,\n ribCount: 6,\n ribDepth: 1.5,\n ribWidth: 6,\n ribSide: \"outer\",\n splitMode: \"top\",\n wedgeOverlap: 15,\n wedgeTaper: 0.5,\n },\n blank: {\n name: \"Blank\",\n points: [[20, 0], [20, 50]],\n boreMode: \"constant\",\n boreRadius: 17,\n innerPoints: null,\n floorThickness: 1.2,\n ribCount: 0,\n ribDepth: 1.5,\n ribWidth: 6,\n ribSide: \"outer\",\n splitMode: \"none\",\n wedgeOverlap: 0,\n wedgeTaper: 0,\n },\n};\n",[],[207,388],"5dd07a42-4636-11f1-9ce6-42b51c65c3df","page.ts","5dd07b14-4636-11f1-9ce6-42b51c65c3df",271,["D",1777733474120],"/**\n * HTML body markup for the vase-creator UI.\n */\n\nexport function bodyHTML(): string {\n return `\n

Vase Creator

Preset

Filename

Profile

Ribs

Joint

One point per line: radius, height. Lowest first. Catmull-Rom interpolated.

Outer profile

\n \n

Inner bore

Bore mode\n \n

Bore radius\n

\n \n

Floor thickness\n

Helical thickenings for vase-mode rigidity. Outer ribs add visual interest; inner ribs grip a bottle. Visible in both 2D and 3D preview.

Count\n

Depth (mm)\n

Width (mm)\n

Side\n \n

For two-piece vase prints. The bottom's top tapers inward; the top's bottom tapers outward. They wedge together over an overlap zone.

Mode\n \n

Overlap (mm)\n

Taper (mm)\n

0.3–0.5mm taper over 15mm typical. Tighter = stiffer fit but riskier slip-through.

\n \n \n

\n \n

\n`;\n}\n",[],[207,396],"bb37e72e-4636-11f1-a093-42b51c65c3df","main.tsx","bb37e7ec-4636-11f1-a093-42b51c65c3df",276,["D",1777733630822],"/**\n * Vase Creator — entry point.\n *\n * Profile-driven solid-of-revolution generator with helical strengthening\n * ribs, designed for spiral-vase-mode printing on Bambu A1 Mini.\n *\n * Architecture (per Val Town guide: prefer multiple files):\n * - types.ts — shared TS types\n * - presets.ts — seeded profiles (V2 mini PET 0.5L)\n * - geometry.ts — server-side smoothing, wedge, rib math\n * - stl.ts — binary STL generation\n * - styles.ts — CSS string\n * - page.ts — HTML body markup\n * - client/ — client JS chunks (geometry, profile2d, three3d, ui)\n * - main.tsx — this file: Hono routes + page assembly\n *\n * Press-fit redesign for vase mode: single-perimeter walls can't have a\n * traditional plug-and-socket joint. Each half has a gentle tapered overlap\n * region (a wedge fit). Bottom tapers IN over its top ~15mm; top tapers OUT\n * over its bottom ~15mm. Friction + ribs hold them.\n */\n\nimport { Hono } from \"npm:hono@4\";\nimport { PRESETS } from \"./presets.ts\";\nimport { generateSTL } from \"./stl.ts\";\nimport { css } from \"./styles.ts\";\nimport { bodyHTML } from \"./page.ts\";\nimport { clientGeometryJS } from \"./client/geometry.ts\";\nimport { clientProfile2dJS } from \"./client/profile2d.ts\";\nimport { clientThree3dJS } from \"./client/three3d.ts\";\nimport { clientUiJS } from \"./client/ui.ts\";\n\nconst app = new Hono();\n\napp.onError((err) => Promise.reject(err));\n\napp.get(\"/\", (c) => c.html(htmlPage()));\napp.get(\"/api/presets\", (c) => c.json(PRESETS));\napp.post(\"/api/stl\", async (c) => {\n const cfg = await c.req.json();\n const stl = generateSTL(cfg);\n return new Response(stl, {\n headers: {\n \"content-type\": \"model/stl\",\n \"content-disposition\": `attachment; filename=\"${cfg.filename || \"vase\"}.stl\"`,\n },\n });\n});\n\nexport default app.fetch;\n\nfunction htmlPage(): string {\n // Concatenate client-side chunks into one inline module script.\n // Three.js is imported via esm.sh at the top.\n const clientJS = `\nimport * as THREE from \"https://esm.sh/three@0.160.0\";\n${clientGeometryJS}\n${clientProfile2dJS}\n${clientThree3dJS}\n${clientUiJS}\n`;\n\n return `\n\nVase Creator\n\n\n\n${bodyHTML()}\n\n`;\n}\n",[],[207,404],"347624c6-4636-11f1-8ec0-42b51c65c3df","geometry.ts","3476257a-4636-11f1-8ec0-42b51c65c3df",268,["D",1777733404739],"/**\n * Geometry primitives — shared between server (STL gen) and client (preview).\n *\n * - Catmull-Rom interpolation for smooth profile curves\n * - Wedge taper for two-piece vase joints\n * - Helical rib bumps for vase-mode rigidity\n */\n\nimport type { Cfg, Pt } from \"./types.ts\";\n\nexport const HELIX_PITCH = 0.02; // radians per mm of z\n\n/**\n * Catmull-Rom interpolation through control points.\n * Returns `n` evenly-spaced samples along the curve.\n */\nexport function smoothInterp(pts: Pt[], n: number): Pt[] {\n if (pts.length < 2) return [];\n if (pts.length === 2) {\n const out: Pt[] = [];\n for (let i = 0; i < n; i++) {\n const t = i / (n - 1);\n out.push([\n pts[0][0] + (pts[1][0] - pts[0][0]) * t,\n pts[0][1] + (pts[1][1] - pts[0][1]) * t,\n ]);\n }\n return out;\n }\n const out: Pt[] = [];\n const total = pts.length - 1;\n for (let i = 0; i < n; i++) {\n const t = i / (n - 1);\n const seg = Math.min(Math.floor(t * total), total - 1);\n const lt = t * total - seg;\n const p0 = pts[Math.max(seg - 1, 0)];\n const p1 = pts[seg];\n const p2 = pts[seg + 1];\n const p3 = pts[Math.min(seg + 2, pts.length - 1)];\n const tt = lt * lt, ttt = tt * lt;\n const r =\n 0.5 *\n ((2 * p1[0]) +\n (-p0[0] + p2[0]) * lt +\n (2 * p0[0] - 5 * p1[0] + 4 * p2[0] - p3[0]) * tt +\n (-p0[0] + 3 * p1[0] - 3 * p2[0] + p3[0]) * ttt);\n const z =\n 0.5 *\n ((2 * p1[1]) +\n (-p0[1] + p2[1]) * lt +\n (2 * p0[1] - 5 * p1[1] + 4 * p2[1] - p3[1]) * tt +\n (-p0[1] + 3 * p1[1] - 3 * p2[1] + p3[1]) * ttt);\n out.push([r, z]);\n }\n return out;\n}\n\n/**\n * Apply wedge taper for two-piece joints.\n * - bottom mode: tapers IN over the top `overlap` mm\n * - top mode: tapers IN at the bottom (so it widens upward to match the body)\n */\nexport function applyWedge(pts: Pt[], cfg: {\n splitMode: string;\n wedgeOverlap: number;\n wedgeTaper: number;\n}): Pt[] {\n if (cfg.splitMode === \"none\" || cfg.wedgeTaper === 0 || cfg.wedgeOverlap === 0) {\n return pts;\n }\n const h = pts[pts.length - 1][1];\n return pts.map(([r, z]) => {\n let dr = 0;\n if (cfg.splitMode === \"bottom\" && z >= h - cfg.wedgeOverlap) {\n const u = (z - (h - cfg.wedgeOverlap)) / cfg.wedgeOverlap;\n dr = -cfg.wedgeTaper * u;\n } else if (cfg.splitMode === \"top\" && z <= cfg.wedgeOverlap) {\n const u = (cfg.wedgeOverlap - z) / cfg.wedgeOverlap;\n dr = -cfg.wedgeTaper * u;\n }\n return [r + dr, z];\n });\n}\n\n/**\n * Apply rib bump for one (radius, angle, z) sample.\n * Returns the new radius (with bump if angle is in a rib zone).\n *\n * Ribs are slightly helical via HELIX_PITCH, which keeps them\n * compatible with vase-mode's continuous spiral path.\n */\nexport function applyRib(\n r: number,\n a: number,\n z: number,\n cfg: { ribCount: number; ribDepth: number; ribWidth: number; ribSide: string },\n side: \"outer\" | \"inner\",\n): number {\n if (cfg.ribCount === 0 || cfg.ribDepth === 0 || cfg.ribSide !== side) return r;\n const ribAngularWidth = Math.min(0.6, (cfg.ribWidth / Math.max(r, 0.5)) * 0.5);\n const phase = ((a + z * HELIX_PITCH) * cfg.ribCount) % (Math.PI * 2);\n const dist = Math.min(phase, Math.PI * 2 - phase);\n if (dist < ribAngularWidth) {\n const t = 1 - dist / ribAngularWidth;\n const bump = cfg.ribDepth * (Math.cos((1 - t) * Math.PI) + 1) * 0.5;\n return side === \"outer\" ? r + bump : r - bump;\n }\n return r;\n}\n",[],[207,412],"af017d9e-4636-11f1-9ef8-42b51c65c3df","ui.ts","af017eca-4636-11f1-9ef8-42b51c65c3df","19690840-632e-4dab-b57c-88fda9aa7ae3",275,["D",1777733610337],"/**\n * UI wiring — preset loading, form reading, viewer interactions, downloads.\n * Depends on geometry/profile2d/three3d chunks already being concatenated above.\n */\n\nexport const clientUiJS = `\nlet presets = {};\nlet cfg = null;\nlet cam = { rotX:-1.0, rotY:0.5, dist:250, panX:0, panY:0 };\nconst $ = id => document.getElementById(id);\n\nasync function init() {\n presets = await fetch(\"./api/presets\").then(r => r.json());\n const sel = $(\"preset\");\n for (const k in presets) {\n const o = document.createElement(\"option\");\n o.value = k; o.textContent = presets[k].name;\n sel.appendChild(o);\n }\n sel.value = \"v2_mini_bottom\";\n loadPreset(\"v2_mini_bottom\");\n sel.addEventListener(\"change\", () => loadPreset(sel.value));\n $(\"apply\").addEventListener(\"click\", apply);\n $(\"download\").addEventListener(\"click\", download);\n $(\"boreMode\").addEventListener(\"change\", () => { updateBoreUI(); apply(); });\n $(\"viewMode\").addEventListener(\"change\", switchViewMode);\n $(\"resetView\").addEventListener(\"click\", () => {\n cam = { rotX:-1.0, rotY:0.5, dist:250, panX:0, panY:0 };\n if (three) { three.cam.rotX = -0.5; three.cam.rotY = 0.4; three.cam.zoom = 1; }\n redraw();\n });\n for (const tab of document.querySelectorAll(\".tab\")) {\n tab.addEventListener(\"click\", () => {\n document.querySelectorAll(\".tab\").forEach(t => t.classList.remove(\"active\"));\n document.querySelectorAll(\".tab-pane\").forEach(p => p.classList.remove(\"active\"));\n tab.classList.add(\"active\");\n document.querySelector('.tab-pane[data-tab=\"' + tab.dataset.tab + '\"]').classList.add(\"active\");\n });\n }\n [\"points\",\"innerPoints\",\"boreRadius\",\"floorThickness\",\"ribCount\",\"ribDepth\",\"ribWidth\",\"ribSide\",\"splitMode\",\"wedgeOverlap\",\"wedgeTaper\"].forEach(id => {\n const el = $(id);\n if (el) el.addEventListener(\"change\", apply);\n });\n setupInteractions();\n apply();\n window.addEventListener(\"resize\", redraw);\n}\n\nfunction setupInteractions() {\n const c2 = $(\"preview\");\n let dragging = false, lx = 0, ly = 0;\n c2.addEventListener(\"mousedown\", e => { dragging = true; lx = e.clientX; ly = e.clientY; });\n window.addEventListener(\"mouseup\", () => dragging = false);\n window.addEventListener(\"mousemove\", e => {\n if (!dragging) return;\n const dx = e.clientX - lx, dy = e.clientY - ly;\n lx = e.clientX; ly = e.clientY;\n if ($(\"viewMode\").value === \"3d\" && three) {\n three.cam.rotY += dx * 0.01;\n three.cam.rotX += dy * 0.01;\n three.cam.rotX = Math.max(-Math.PI/2 + 0.05, Math.min(Math.PI/2 - 0.05, three.cam.rotX));\n threeUpdateCamera();\n three.renderer.render(three.scene, three.camera);\n } else {\n cam.panX += dx; cam.panY += dy;\n redraw();\n }\n });\n const wheel = e => {\n e.preventDefault();\n if ($(\"viewMode\").value === \"3d\" && three) {\n three.cam.zoom *= e.deltaY > 0 ? 1.1 : 0.9;\n three.cam.zoom = Math.max(0.2, Math.min(5, three.cam.zoom));\n threeUpdateCamera();\n three.renderer.render(three.scene, three.camera);\n } else {\n cam.dist *= e.deltaY > 0 ? 1.1 : 0.9;\n redraw();\n }\n };\n c2.addEventListener(\"wheel\", wheel, { passive:false });\n $(\"preview3d\").addEventListener(\"mousedown\", e => { dragging = true; lx = e.clientX; ly = e.clientY; });\n $(\"preview3d\").addEventListener(\"wheel\", wheel, { passive:false });\n}\n\nfunction switchViewMode() {\n const mode = $(\"viewMode\").value;\n if (mode === \"3d\") {\n $(\"preview\").style.display = \"none\";\n $(\"preview3d\").style.display = \"block\";\n if (!three) initThree();\n rebuildThreeMesh();\n sizeThree();\n three.renderer.render(three.scene, three.camera);\n } else {\n $(\"preview3d\").style.display = \"none\";\n $(\"preview\").style.display = \"block\";\n redraw();\n }\n}\n\nfunction loadPreset(key) {\n const p = presets[key];\n if (!p) return;\n $(\"filename\").value = key;\n $(\"points\").value = p.points.map(([r,z]) => r + \", \" + z).join(\"\\\\n\");\n $(\"boreMode\").value = p.boreMode;\n $(\"boreRadius\").value = p.boreRadius || 0;\n if (p.innerPoints) $(\"innerPoints\").value = p.innerPoints.map(([r,z]) => r + \", \" + z).join(\"\\\\n\");\n $(\"floorThickness\").value = p.floorThickness ?? 0;\n $(\"ribCount\").value = p.ribCount ?? 0;\n $(\"ribDepth\").value = p.ribDepth ?? 1.5;\n $(\"ribWidth\").value = p.ribWidth ?? 6;\n $(\"ribSide\").value = p.ribSide ?? \"outer\";\n $(\"splitMode\").value = p.splitMode ?? \"none\";\n $(\"wedgeOverlap\").value = p.wedgeOverlap ?? 0;\n $(\"wedgeTaper\").value = p.wedgeTaper ?? 0;\n updateBoreUI();\n apply();\n}\n\nfunction updateBoreUI() {\n const m = $(\"boreMode\").value;\n $(\"boreRadiusRow\").style.display = (m === \"constant\") ? \"\" : \"none\";\n $(\"innerPoints\").style.display = (m === \"profile\") ? \"\" : \"none\";\n}\n\nfunction readCfg() {\n const parsePts = s => s.split(\"\\\\n\").map(l => l.trim()).filter(Boolean)\n .map(l => l.split(/[,\\\\s]+/).map(parseFloat))\n .filter(p => p.length === 2 && !isNaN(p[0]) && !isNaN(p[1]));\n const points = parsePts($(\"points\").value);\n if (points.length < 2) return null;\n return {\n filename: $(\"filename\").value || \"vase\",\n points,\n boreMode: $(\"boreMode\").value,\n boreRadius: parseFloat($(\"boreRadius\").value) || 0,\n innerPoints: $(\"boreMode\").value === \"profile\" ? parsePts($(\"innerPoints\").value) : null,\n floorThickness: parseFloat($(\"floorThickness\").value) || 0,\n ribCount: parseInt($(\"ribCount\").value) || 0,\n ribDepth: parseFloat($(\"ribDepth\").value) || 0,\n ribWidth: parseFloat($(\"ribWidth\").value) || 0,\n ribSide: $(\"ribSide\").value,\n splitMode: $(\"splitMode\").value,\n wedgeOverlap: parseFloat($(\"wedgeOverlap\").value) || 0,\n wedgeTaper: parseFloat($(\"wedgeTaper\").value) || 0,\n };\n}\n\nfunction apply() {\n cfg = readCfg();\n if (!cfg) { $(\"stats\").textContent = \"Need at least 2 profile points.\"; return; }\n const h = cfg.points[cfg.points.length - 1][1];\n const rmax = Math.max(...cfg.points.map(p => p[0]));\n const ribInfo = cfg.ribCount > 0 ? \\` · \\${cfg.ribCount} \\${cfg.ribSide} ribs ×\\${cfg.ribDepth}mm\\` : \"\";\n $(\"stats\").textContent = \"Height \" + h.toFixed(1) + \"mm, max radius \" + rmax.toFixed(1) + \"mm\" + ribInfo + \".\";\n if ($(\"viewMode\").value === \"3d\" && three) {\n rebuildThreeMesh();\n three.renderer.render(three.scene, three.camera);\n } else {\n redraw();\n }\n}\n\nasync function download() {\n if (!cfg) return;\n const r = await fetch(\"./api/stl\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify(cfg),\n });\n const blob = await r.blob();\n const url = URL.createObjectURL(blob);\n const a = document.createElement(\"a\");\n a.href = url; a.download = cfg.filename + \".stl\";\n a.click();\n URL.revokeObjectURL(url);\n}\n\nfunction redraw() {\n const c = $(\"preview\");\n const w = c.clientWidth, h = c.clientHeight;\n c.width = w * devicePixelRatio; c.height = h * devicePixelRatio;\n const ctx = c.getContext(\"2d\");\n ctx.scale(devicePixelRatio, devicePixelRatio);\n ctx.clearRect(0, 0, w, h);\n if (!cfg) return;\n drawProfile(ctx, w, h);\n}\n\ninit();\n`;\n",[],[207,428,420],"client","9847acfe-4636-11f1-876d-42b51c65c3df","three3d.ts","9847add0-4636-11f1-876d-42b51c65c3df",274,["D",1777733572210],"/**\n * Three.js shaded 3D shell preview. Lazy-initialized on first switch to 3D.\n * Mesh rebuilds on every \"Update preview\" — includes ribs.\n */\n\nexport const clientThree3dJS = `\nlet three = null;\n\nfunction initThree() {\n const canvas = document.getElementById(\"preview3d\");\n const renderer = new THREE.WebGLRenderer({ canvas, antialias: true, alpha: true });\n renderer.setPixelRatio(devicePixelRatio);\n renderer.setClearColor(0x1a1c22, 1);\n const scene = new THREE.Scene();\n const camera = new THREE.PerspectiveCamera(40, 1, 0.1, 2000);\n scene.add(new THREE.AmbientLight(0xffffff, 0.45));\n const key = new THREE.DirectionalLight(0xffffff, 0.85);\n key.position.set(1, 1.5, 1.2);\n scene.add(key);\n const rim = new THREE.DirectionalLight(0x5fa8ff, 0.35);\n rim.position.set(-1, 0.3, -0.5);\n scene.add(rim);\n three = {\n canvas, renderer, scene, camera, mesh: null,\n cam: { rotX: -0.5, rotY: 0.4, zoom: 1 },\n bbox: { center: new THREE.Vector3(), size: 100 },\n };\n window.addEventListener(\"resize\", () => {\n if (document.getElementById(\"viewMode\").value === \"3d\") {\n sizeThree();\n three.renderer.render(three.scene, three.camera);\n }\n });\n}\n\nfunction sizeThree() {\n const c = document.getElementById(\"preview3d\");\n const w = c.clientWidth, h = c.clientHeight;\n three.renderer.setSize(w, h, false);\n three.camera.aspect = w / h;\n three.camera.updateProjectionMatrix();\n threeUpdateCamera();\n}\n\nfunction threeUpdateCamera() {\n const { rotX, rotY, zoom } = three.cam;\n const r = three.bbox.size * 1.8 / zoom;\n const x = r * Math.cos(rotX) * Math.sin(rotY);\n const y = r * Math.sin(rotX);\n const z = r * Math.cos(rotX) * Math.cos(rotY);\n three.camera.position.set(\n three.bbox.center.x + x,\n three.bbox.center.y + y,\n three.bbox.center.z + z,\n );\n three.camera.lookAt(three.bbox.center);\n}\n\nfunction rebuildThreeMesh() {\n if (!cfg || !three) return;\n if (three.mesh) {\n three.scene.remove(three.mesh);\n three.mesh.geometry.dispose();\n three.mesh.material.dispose();\n }\n const N_RINGS = 96;\n const N_SEGS = 96;\n const outer = applyWedge(cfg.points, cfg.splitMode, cfg.wedgeOverlap, cfg.wedgeTaper);\n const outerSm = smoothInterp(outer, N_RINGS);\n const totalH = outerSm[outerSm.length - 1][1];\n\n const outerVerts = [];\n for (const [r, z] of outerSm) {\n const ring = [];\n for (let i = 0; i < N_SEGS; i++) {\n const a = i / N_SEGS * Math.PI * 2;\n const rr = applyRib(r, a, z, cfg, \"outer\");\n ring.push([rr * Math.cos(a), rr * Math.sin(a), z]);\n }\n outerVerts.push(ring);\n }\n let innerVerts = null;\n if (cfg.boreMode === \"constant\" && cfg.boreRadius > 0) {\n innerVerts = [];\n const z0 = cfg.floorThickness;\n for (let row = 0; row < N_RINGS; row++) {\n const z = z0 + (totalH - z0) * row / (N_RINGS - 1);\n const ring = [];\n for (let i = 0; i < N_SEGS; i++) {\n const a = i / N_SEGS * Math.PI * 2;\n const rr = applyRib(cfg.boreRadius, a, z, cfg, \"inner\");\n ring.push([rr * Math.cos(a), rr * Math.sin(a), z]);\n }\n innerVerts.push(ring);\n }\n } else if (cfg.boreMode === \"profile\" && cfg.innerPoints && cfg.innerPoints.length >= 2) {\n innerVerts = [];\n const innerSm = smoothInterp(cfg.innerPoints, N_RINGS);\n for (const [r, z] of innerSm) {\n const ring = [];\n for (let i = 0; i < N_SEGS; i++) {\n const a = i / N_SEGS * Math.PI * 2;\n const rr = applyRib(r, a, z, cfg, \"inner\");\n ring.push([rr * Math.cos(a), rr * Math.sin(a), z]);\n }\n innerVerts.push(ring);\n }\n }\n\n const positions = [];\n const indices = [];\n const pushVert = v => { const i = positions.length / 3; positions.push(v[0], v[1], v[2]); return i; };\n const tri = (a, b, c) => indices.push(a, b, c);\n const outerIdx = outerVerts.map(ring => ring.map(pushVert));\n const innerIdx = innerVerts ? innerVerts.map(ring => ring.map(pushVert)) : null;\n\n for (let row = 0; row < N_RINGS - 1; row++) {\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n const a = outerIdx[row][i], b = outerIdx[row][j];\n const c = outerIdx[row+1][j], d = outerIdx[row+1][i];\n tri(a, b, c); tri(a, c, d);\n }\n }\n if (innerIdx) {\n for (let row = 0; row < innerIdx.length - 1; row++) {\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n const a = innerIdx[row][i], b = innerIdx[row][j];\n const c = innerIdx[row+1][j], d = innerIdx[row+1][i];\n tri(a, c, b); tri(a, d, c);\n }\n }\n }\n if (innerVerts && cfg.floorThickness > 0) {\n const ozc = pushVert([0, 0, outerVerts[0][0][2]]);\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n tri(outerIdx[0][i], ozc, outerIdx[0][j]);\n }\n const izc = pushVert([0, 0, innerVerts[0][0][2]]);\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n tri(izc, innerIdx[0][j], innerIdx[0][i]);\n }\n } else if (innerVerts) {\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n const a = outerIdx[0][i], b = outerIdx[0][j];\n const c = innerIdx[0][j], d = innerIdx[0][i];\n tri(a, b, c); tri(a, c, d);\n }\n } else {\n const c0 = pushVert([0, 0, outerVerts[0][0][2]]);\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n tri(outerIdx[0][i], c0, outerIdx[0][j]);\n }\n }\n if (innerIdx) {\n const lastO = N_RINGS - 1, lastI = innerIdx.length - 1;\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n const a = outerIdx[lastO][i], b = outerIdx[lastO][j];\n const c = innerIdx[lastI][j], d = innerIdx[lastI][i];\n tri(a, c, b); tri(a, d, c);\n }\n } else {\n const c0 = pushVert([0, 0, outerVerts[N_RINGS-1][0][2]]);\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n tri(outerIdx[N_RINGS-1][i], outerIdx[N_RINGS-1][j], c0);\n }\n }\n\n const geo = new THREE.BufferGeometry();\n geo.setAttribute(\"position\", new THREE.Float32BufferAttribute(positions, 3));\n geo.setIndex(indices);\n geo.computeVertexNormals();\n geo.rotateX(-Math.PI / 2);\n const mat = new THREE.MeshStandardMaterial({\n color: 0x9ec6ff, metalness: 0.05, roughness: 0.65, side: THREE.DoubleSide,\n });\n const mesh = new THREE.Mesh(geo, mat);\n three.scene.add(mesh);\n three.mesh = mesh;\n geo.computeBoundingBox();\n const bb = geo.boundingBox;\n three.bbox.center.set((bb.min.x + bb.max.x) / 2, (bb.min.y + bb.max.y) / 2, (bb.min.z + bb.max.z) / 2);\n three.bbox.size = Math.max(bb.max.x - bb.min.x, bb.max.y - bb.min.y, bb.max.z - bb.min.z);\n threeUpdateCamera();\n}\n`;\n",[],[207,428,430],"8170e6f8-4636-11f1-afa5-42b51c65c3df","profile2d.ts","8170e7a2-4636-11f1-afa5-42b51c65c3df",273,["D",1777733533894],"/**\n * 2D profile preview drawing — also visualizes ribs as faint outline marks\n * along the profile so the user can see how rib depth affects the design\n * even before switching to 3D.\n */\n\nexport const clientProfile2dJS = `\nfunction drawProfile(ctx, w, h) {\n const outer = applyWedge(cfg.points, cfg.splitMode, cfg.wedgeOverlap, cfg.wedgeTaper);\n const sm = smoothInterp(outer, 100);\n const totalH = outer[outer.length-1][1];\n const ribOuterMax = (cfg.ribCount > 0 && cfg.ribDepth > 0 && cfg.ribSide === \"outer\") ? cfg.ribDepth : 0;\n const maxR = Math.max(...outer.map(p => p[0])) + ribOuterMax;\n const margin = 30;\n const sx = (w - 2*margin) / (maxR * 2 + 20);\n const sy = (h - 2*margin) / totalH;\n const s = Math.min(sx, sy) * 0.9;\n const cx = w/2 + cam.panX, cy = h - margin + cam.panY;\n const toScreen = (r, z) => [cx + r*s, cy - z*s];\n\n // Main outer profile (smoothed)\n ctx.strokeStyle = \"#5fa8ff\"; ctx.lineWidth = 2;\n ctx.beginPath();\n sm.forEach(([r,z], i) => { const [x,y] = toScreen(r,z); if (i===0) ctx.moveTo(x,y); else ctx.lineTo(x,y); });\n ctx.stroke();\n ctx.beginPath();\n sm.forEach(([r,z], i) => { const [x,y] = toScreen(-r,z); if (i===0) ctx.moveTo(x,y); else ctx.lineTo(x,y); });\n ctx.stroke();\n\n // Rib silhouette overlay — draw the OUTER PROFILE WITH RIBS at angle 0\n // (which is the maximum bump position once the helix has rotated through it)\n // by sampling at z heights and showing the bump-extruded radius.\n if (cfg.ribCount > 0 && cfg.ribDepth > 0) {\n const sideStr = cfg.ribSide;\n ctx.strokeStyle = sideStr === \"outer\" ? \"#9ec6ff\" : \"#ffaa88\";\n ctx.lineWidth = 1;\n ctx.setLineDash([3, 3]);\n // Sample at angle = 0 along z; ribs cycle through 0 due to helix\n ctx.beginPath();\n const N = 200;\n for (let i = 0; i <= N; i++) {\n const t = i / N;\n const [r, z] = sm[Math.min(Math.floor(t * (sm.length - 1)), sm.length - 1)];\n // For outer ribs: show OUTER + bump. For inner ribs: show inner profile - bump.\n if (sideStr === \"outer\") {\n const ribR = applyRib(r, 0, z, cfg, \"outer\");\n const [x, y] = toScreen(ribR, z);\n if (i === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y);\n }\n }\n ctx.stroke();\n ctx.beginPath();\n for (let i = 0; i <= N; i++) {\n const t = i / N;\n const [r, z] = sm[Math.min(Math.floor(t * (sm.length - 1)), sm.length - 1)];\n if (sideStr === \"outer\") {\n const ribR = applyRib(r, 0, z, cfg, \"outer\");\n const [x, y] = toScreen(-ribR, z);\n if (i === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y);\n }\n }\n ctx.stroke();\n ctx.setLineDash([]);\n }\n\n // Inner bore (orange dashed)\n if (cfg.boreMode === \"constant\" && cfg.boreRadius > 0) {\n ctx.strokeStyle = \"#ff8866\"; ctx.setLineDash([4,4]);\n ctx.beginPath();\n let [x1,y1] = toScreen(cfg.boreRadius, cfg.floorThickness);\n let [x2,y2] = toScreen(cfg.boreRadius, totalH);\n ctx.moveTo(x1,y1); ctx.lineTo(x2,y2);\n [x1,y1] = toScreen(-cfg.boreRadius, cfg.floorThickness);\n [x2,y2] = toScreen(-cfg.boreRadius, totalH);\n ctx.moveTo(x1,y1); ctx.lineTo(x2,y2);\n ctx.stroke(); ctx.setLineDash([]);\n\n // Inner ribs (subtract from bore)\n if (cfg.ribCount > 0 && cfg.ribDepth > 0 && cfg.ribSide === \"inner\") {\n ctx.strokeStyle = \"#ffaa88\"; ctx.setLineDash([3, 3]);\n ctx.beginPath();\n const N = 200;\n for (let i = 0; i <= N; i++) {\n const t = i / N;\n const z = cfg.floorThickness + (totalH - cfg.floorThickness) * t;\n const ribR = applyRib(cfg.boreRadius, 0, z, cfg, \"inner\");\n const [x, y] = toScreen(ribR, z);\n if (i === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y);\n }\n ctx.stroke();\n ctx.beginPath();\n for (let i = 0; i <= N; i++) {\n const t = i / N;\n const z = cfg.floorThickness + (totalH - cfg.floorThickness) * t;\n const ribR = applyRib(cfg.boreRadius, 0, z, cfg, \"inner\");\n const [x, y] = toScreen(-ribR, z);\n if (i === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y);\n }\n ctx.stroke();\n ctx.setLineDash([]);\n }\n } else if (cfg.boreMode === \"profile\" && cfg.innerPoints) {\n const smI = smoothInterp(cfg.innerPoints, 100);\n ctx.strokeStyle = \"#ff8866\"; ctx.setLineDash([4,4]);\n ctx.beginPath();\n smI.forEach(([r,z], i) => { const [x,y] = toScreen(r,z); if (i===0) ctx.moveTo(x,y); else ctx.lineTo(x,y); });\n ctx.stroke();\n ctx.beginPath();\n smI.forEach(([r,z], i) => { const [x,y] = toScreen(-r,z); if (i===0) ctx.moveTo(x,y); else ctx.lineTo(x,y); });\n ctx.stroke();\n ctx.setLineDash([]);\n\n if (cfg.ribCount > 0 && cfg.ribDepth > 0 && cfg.ribSide === \"inner\") {\n ctx.strokeStyle = \"#ffaa88\"; ctx.setLineDash([3, 3]);\n ctx.beginPath();\n smI.forEach(([r, z], i) => {\n const ribR = applyRib(r, 0, z, cfg, \"inner\");\n const [x, y] = toScreen(ribR, z);\n if (i === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y);\n });\n ctx.stroke();\n ctx.beginPath();\n smI.forEach(([r, z], i) => {\n const ribR = applyRib(r, 0, z, cfg, \"inner\");\n const [x, y] = toScreen(-ribR, z);\n if (i === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y);\n });\n ctx.stroke();\n ctx.setLineDash([]);\n }\n }\n\n // Control points\n ctx.fillStyle = \"#5fa8ff\";\n for (const [r, z] of outer) {\n let [x, y] = toScreen(r, z);\n ctx.beginPath(); ctx.arc(x, y, 3, 0, Math.PI*2); ctx.fill();\n [x, y] = toScreen(-r, z);\n ctx.beginPath(); ctx.arc(x, y, 3, 0, Math.PI*2); ctx.fill();\n }\n\n // Center axis\n ctx.strokeStyle = \"#292c33\"; ctx.lineWidth = 1; ctx.setLineDash([2, 4]);\n ctx.beginPath();\n let [ax1,ay1] = toScreen(0, 0); let [ax2,ay2] = toScreen(0, totalH);\n ctx.moveTo(ax1,ay1); ctx.lineTo(ax2,ay2);\n ctx.stroke(); ctx.setLineDash([]);\n\n // Wedge zone marker\n if (cfg.splitMode !== \"none\" && cfg.wedgeOverlap > 0) {\n ctx.strokeStyle = \"#ffcc44\"; ctx.lineWidth = 1; ctx.setLineDash([6,3]);\n const wz = cfg.splitMode === \"bottom\" ? totalH - cfg.wedgeOverlap : cfg.wedgeOverlap;\n ctx.beginPath();\n ctx.moveTo(margin, cy - wz*s); ctx.lineTo(w - margin, cy - wz*s);\n ctx.stroke(); ctx.setLineDash([]);\n ctx.fillStyle = \"#ffcc44\"; ctx.font = \"11px sans-serif\";\n ctx.fillText(\"wedge zone\", margin, cy - wz*s - 4);\n }\n}\n`;\n",[],[207,428,438],"6b5505e8-4636-11f1-8c67-42b51c65c3df","6b550692-4636-11f1-8c67-42b51c65c3df",272,["D",1777733496796],"/**\n * Client-side geometry — duplicated from geometry.ts because the client\n * bundle is served as one inline

Model Analysis

◆ STL CREATOR

Vase Creator

Outer profile

Inner bore

Diff · v351