STL Creator — A1 Mini Edition

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_1139":1140,"_1141":1142},"routes/_app.x.$handle.$name",{"_105":104,"_33":52,"_114":93,"_28":115,"_13":14,"_116":-5,"_11":117,"_118":119,"_120":121,"_122":123,"_124":125,"_21":-5,"_126":127,"_128":129,"_130":27,"_131":132,"_133":25,"_134":-5,"_135":-5,"_136":137},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_50":51,"_33":52,"_39":53,"_54":-5,"_55":27,"_56":57,"_58":57,"_59":60,"_61":-5,"_18":62,"_63":64,"_65":25,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":-5,"_73":-5,"_74":-5,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":27},"version",2,"changes",[19,20],"aiChatInfo","userId",{"_21":44,"_23":-7,"_24":27,"_26":27,"_28":45,"_30":45},{"_21":22,"_23":-7,"_24":25,"_26":27,"_28":29,"_30":29},"file",{"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":14,"_42":43,"_24":27},"previous","deleted",true,"deletedHere",false,"path","examples/seal-test/sealPlunger.ts","latestPath","fileId","bc2228ca-5c48-11f1-8694-ee650bb23af1","name","sealPlunger.ts","fileType","script","content","import type { Example } from \"../types.ts\";\n\n/**\n * Seal-Test Plunger (bokashi caddy / AeroPress-style piston) — V1 seating piece\n *\n * Geometry, bottom → top:\n * 1. Tapered NOSE (small dia) — lead-in so the plunger + bead start into a bore\n * 2. Round O-RING GROOVE — a semicircular channel that cradles the rubber bead\n * 3. Full-dia SEALING LAND — the diameter that rides the bore wall\n * 4. Grip KNOB — to push / pull by hand\n *\n * This is the FIRST thing to print. Goal: seat your real O-ring in the groove\n * by hand and judge the fit (snaps in, sits centered, doesn't fall out).\n * The groove is sized as a piston seal: root diameter = the bead's natural ID\n * (≈ zero stretch), and the round cut matches the bead's cross-section so it\n * nests. The bead's OUTER edge protrudes past the sealing land — that\n * protrusion is what a bore wall squeezes. How much it's squeezed is set by\n * the BORE cylinder you pair it with (see sealBoreLoose/Mid/Tight), not by\n * this part.\n *\n * ⚠️ The two numbers below (OR_ID, OR_CS) are PLACEHOLDERS. Measure your\n * Fortlev ring with calipers and edit them, then re-open this example:\n * OR_ID = relaxed inner diameter of the rubber ring\n * OR_CS = cross-section, i.e. thickness of the rubber bead itself\n * Every other dimension recomputes from those two.\n *\n * Print: axis vertical (as modeled). ~10–15% infill is plenty — it's a test\n * piece. PLA is fine.\n */\n\nconst OR_ID = 95; // ⚠️ MEASURE & EDIT — relaxed inner diameter (mm)\nconst OR_CS = 12; // ⚠️ MEASURE & EDIT — bead cross-section / thickness (mm)\n\nconst example: Example = {\n id: \"sealPlunger\",\n icon: \"🔩\",\n name: \"Seal Plunger — O-ring seating (V1)\",\n desc: \"Piston/plunger with a semicircular groove that cradles the rubber O-ring. Print first; seat your ring by hand. ⚠️ Edit OR_ID/OR_CS in the file to your measured ring before printing — all dims recompute.\",\n size: \"~116 × 116 × 49 mm (auto from O-ring)\",\n time: \"~1 hr\",\n generatorBody: `\n const { cylinder, cylinderElliptic, torus } = jscad.primitives;\n const { union, subtract } = jscad.booleans;\n const { translate } = jscad.transforms;\n\n // ===== MEASURE YOUR O-RING (mm) — EDIT THESE TWO =====\n const OR_ID = ${OR_ID}; // relaxed INNER diameter of the rubber ring\n const OR_CS = ${OR_CS}; // cross-section: thickness of the rubber bead\n // =====================================================\n const OR_OD = OR_ID + 2 * OR_CS;\n\n // --- seal geometry ---\n const NOM_SQUEEZE = 0.10; // squeeze this land targets (the bore ladder sets the real value)\n const LAND_CLEAR = 0.20; // radial slide clearance, land -> bore\n const PROFILE_CLR = 0.30; // groove cut a hair larger than the bead for easy seating\n const SEG = 160;\n\n const BORE_ID = OR_OD - 2 * OR_CS * NOM_SQUEEZE; // nominal bore this plunger targets\n const LAND_D = BORE_ID - 2 * LAND_CLEAR; // full sealing-land diameter\n const ROOT_D = OR_ID; // groove root = bead natural ID (~0 stretch)\n\n // round (semicircular) groove that cradles the bead\n const R_t = ROOT_D / 2 + OR_CS / 2; // groove center-circle radius\n const r_t = OR_CS / 2 + PROFILE_CLR; // groove tube (cut) radius\n\n // --- heights ---\n const NOSE_H = 5; // tapered lead-in\n const BELOW = 3; // land below the groove\n const ABOVE = 12; // sealing land above the groove (bearing length, resists cocking)\n const grooveZ = NOSE_H + BELOW + r_t;\n const bodyTop = grooveZ + r_t + ABOVE;\n const HANDLE_H = 16;\n const HANDLE_D = Math.max(22, LAND_D * 0.30);\n\n // tapered nose: eases the plunger + bead into the bore mouth\n const nose = cylinderElliptic({\n height: NOSE_H,\n startRadius: [LAND_D / 2 - 2, LAND_D / 2 - 2],\n endRadius: [LAND_D / 2, LAND_D / 2],\n segments: SEG,\n center: [0, 0, NOSE_H / 2],\n });\n\n const body = cylinder({\n radius: LAND_D / 2,\n height: bodyTop - NOSE_H,\n segments: SEG,\n center: [0, 0, NOSE_H + (bodyTop - NOSE_H) / 2],\n });\n\n const handle = cylinder({\n radius: HANDLE_D / 2,\n height: HANDLE_H,\n segments: 64,\n center: [0, 0, bodyTop + HANDLE_H / 2],\n });\n\n const groove = translate([0, 0, grooveZ], torus({\n innerRadius: r_t,\n outerRadius: R_t,\n innerSegments: 48,\n outerSegments: SEG,\n }));\n\n return subtract(union(nose, body, handle), groove);\n `,\n};\n\nexport default example;\n","createdAt",["D",1780160288849],"branchVersion","branchId","93457150-5c48-11f1-9148-ee650bb23af1",{"_31":46,"_33":47,"_35":48,"_37":-5,"_39":49,"_41":14,"_42":43,"_24":27},"examples/seal-test","4c7d3d36-28f3-4edf-838f-97c15834d71e","seal-test","directory",["D",1780160288849],"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","pinMigrated","screenshotVersion","likeCount",0,"orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_105":104,"_113":109},"org",{"_105":104,"_106":107,"_108":109,"_18":62,"_110":111,"_112":27},"branch",{"_13":92,"_33":93,"_50":43,"_94":51,"_95":96,"_97":98,"_99":57,"_100":51,"_101":71,"_102":52,"_103":104},"isOwned",104,"seal-test-and-folders","projectId","forkedBranchId","f27e7ea6-04fe-11f1-b891-42dde27851f2","forkedBranchVersion",367,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","dcm31","handle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789606876&sig=e18284344cade9851d4e8abaf1824fa9f61c5b80c87946515a7a39aed442f594","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_50":51,"_33":52,"_39":1135,"_54":-5,"_55":27,"_56":57,"_58":57,"_59":60,"_61":-5,"_18":62,"_63":64,"_65":25,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":-5,"_73":-5,"_74":-5,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":1136,"_87":1137,"_89":1138,"_91":27},"tree",[228,327,340,341,342,343,344,345,346],"files",[228,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,343,344,345,346],"counts",{"_217":69,"_218":219,"_220":164,"_221":222,"_223":224},"contents",[151,152,153,154,155,156,157,158,159],"upstreamProject",{"_50":147,"_33":148,"_59":149,"_61":-5,"_56":57,"_85":150},"upstreamBranch",{"_50":96,"_39":138,"_139":140,"_33":141,"_94":51,"_13":142,"_95":143,"_97":144,"_145":146,"_54":-5,"_91":27,"_56":57,"_103":104,"_70":71,"_102":52},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1770562846100],"updatedAt",["D",1789303542829],"main",669,"d0ee3366-0301-11f1-85c1-42dde27851f2",111,"lockfileKey","1789303543043-esm.town_v_dcm31_stl-creator@669-main","d0edb300-0301-11f1-85c1-42dde27851f2","stl-viewer","3D STL viewer with A1 Mini build volume",{"_105":104,"_113":109},{"_50":212,"_33":213,"_31":214,"_163":-5,"_42":43,"_41":164,"_165":25,"_39":215,"_13":69,"_35":48,"_37":-5,"_24":27,"_168":-5,"_28":216},{"_50":207,"_33":208,"_31":209,"_163":-5,"_42":43,"_41":164,"_165":25,"_39":210,"_13":69,"_35":48,"_37":-5,"_24":27,"_168":-5,"_28":211},{"_50":201,"_33":202,"_31":203,"_163":-5,"_42":43,"_41":164,"_165":25,"_39":204,"_13":69,"_35":21,"_37":205,"_24":27,"_168":-5,"_28":206},{"_50":195,"_33":196,"_31":197,"_163":-5,"_42":43,"_41":164,"_165":25,"_39":198,"_13":69,"_35":21,"_37":199,"_24":27,"_168":-5,"_28":200},{"_50":189,"_33":190,"_31":191,"_163":-5,"_42":43,"_41":164,"_165":27,"_39":192,"_13":69,"_35":21,"_37":193,"_24":27,"_168":-5,"_28":194},{"_50":183,"_33":184,"_31":185,"_163":-5,"_42":43,"_41":164,"_165":27,"_39":186,"_13":69,"_35":21,"_37":187,"_24":27,"_168":-5,"_28":188},{"_50":176,"_33":177,"_31":178,"_163":-5,"_42":43,"_41":164,"_165":25,"_39":179,"_13":69,"_35":180,"_37":181,"_24":27,"_168":-5,"_28":182},{"_50":170,"_33":171,"_31":172,"_163":-5,"_42":43,"_41":164,"_165":27,"_39":173,"_13":69,"_35":21,"_37":174,"_24":27,"_168":-5,"_28":175},{"_50":160,"_33":161,"_31":162,"_163":-5,"_42":43,"_41":164,"_165":27,"_39":166,"_13":69,"_35":21,"_37":167,"_24":27,"_168":-5,"_28":169},"935b0510-5c48-11f1-9148-ee650bb23af1","viewer.ts","019e79d1-4cda-726c-b207-2135637b1e4f","parentId",1,"latest",["D",1780160220387],"/** 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",[161],"935abda8-5c48-11f1-9148-ee650bb23af1","styles.ts","019e79d1-4cda-726c-b207-1d4c6fb9c24b",["D",1780160220387],"/** 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",[171],"935ab70e-5c48-11f1-9148-ee650bb23af1","main.ts","019e79d1-4cda-726c-b207-1964e3794886",["D",1780160220387],"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",[177],"935a9b98-5c48-11f1-9148-ee650bb23af1","layout.ts","019e79d1-4cda-726c-b207-16801bf47c5e",["D",1780160220387],"/** 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",[184],"935a72b2-5c48-11f1-9148-ee650bb23af1","examples.ts","019e79d1-4cda-726c-b207-11a2593acb93",["D",1780160220387],"/**\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 waterSleeve5LTopV9 from \"./examples/waterSleeve5LTopV9.ts\";\nimport press5LPlugTest from \"./examples/press5LPlugTest.ts\";\nimport press5LSocketTest from \"./examples/press5LSocketTest.ts\";\nimport cap5L48mm from \"./examples/cap5L48mm.ts\";\nimport cap5L48mmFlush from \"./examples/cap5L48mmFlush.ts\";\nimport cap5L48mmFlushV6 from \"./examples/cap5L48mmFlushV6.ts\";\nimport cap5L48mmFlushV6Grip from \"./examples/cap5L48mmFlushV6Grip.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[] = [waterSleeve5LTopV9, waterSleeve5LBottomTight, press5LPlugTest, press5LSocketTest, cap5L48mmFlushV6, cap5L48mmFlushV6Grip, 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",[190],"935a65ec-5c48-11f1-9148-ee650bb23af1","README.md","019e79d1-4cda-726c-b207-0cb442ea9ea8",["D",1780160220387],"# 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.",[196],"935a4968-5c48-11f1-9148-ee650bb23af1","PRESS-FIT-NOTES.md","019e79d1-4cda-726c-b207-0bd1cb8be220",["D",1780160220387],"# 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",[202],"935a46fc-5c48-11f1-9148-ee650bb23af1","vase-creator","019e79d1-4cda-726c-b207-06eb8865dbc9",["D",1780160220387],[208],"935964a8-5c48-11f1-9148-ee650bb23af1","examples","019e79d1-4cda-726c-b206-d20520e7f56e",["D",1780160220387],[213],"pulls","branches",3,"forks","envVars",{"_225":69,"_227":69},"connections",{"_225":69,"_226":69},"count","unfilledCount","emptyCount",{"_50":212,"_33":213,"_31":214,"_163":-5,"_42":43,"_41":164,"_165":25,"_39":1132,"_13":69,"_35":48,"_37":-5,"_24":27,"_168":-5,"_348":1133,"_28":1134},{"_50":1128,"_33":47,"_31":46,"_163":214,"_42":43,"_41":14,"_165":25,"_39":1129,"_13":69,"_35":48,"_37":-5,"_24":27,"_168":-5,"_348":1130,"_28":1131},{"_50":1124,"_33":34,"_31":32,"_163":46,"_42":43,"_41":14,"_165":27,"_39":1125,"_13":69,"_35":36,"_37":38,"_24":27,"_168":-5,"_348":1126,"_28":1127},{"_50":1117,"_33":1118,"_31":1119,"_163":214,"_42":43,"_41":164,"_165":25,"_39":1120,"_13":69,"_35":21,"_37":1121,"_24":27,"_168":-5,"_348":1122,"_28":1123},{"_50":1110,"_33":1111,"_31":1112,"_163":214,"_42":43,"_41":164,"_165":25,"_39":1113,"_13":69,"_35":36,"_37":1114,"_24":27,"_168":-5,"_348":1115,"_28":1116},{"_50":1103,"_33":1104,"_31":1105,"_163":214,"_42":43,"_41":164,"_165":25,"_39":1106,"_13":69,"_35":36,"_37":1107,"_24":27,"_168":-5,"_348":1108,"_28":1109},{"_50":1096,"_33":1097,"_31":1098,"_163":214,"_42":43,"_41":164,"_165":25,"_39":1099,"_13":69,"_35":21,"_37":1100,"_24":27,"_168":-5,"_348":1101,"_28":1102},{"_50":1089,"_33":1090,"_31":1091,"_163":214,"_42":43,"_41":164,"_165":25,"_39":1092,"_13":69,"_35":21,"_37":1093,"_24":27,"_168":-5,"_348":1094,"_28":1095},{"_50":1082,"_33":1083,"_31":1084,"_163":214,"_42":43,"_41":164,"_165":25,"_39":1085,"_13":69,"_35":21,"_37":1086,"_24":27,"_168":-5,"_348":1087,"_28":1088},{"_50":1075,"_33":1076,"_31":1077,"_163":214,"_42":43,"_41":164,"_165":25,"_39":1078,"_13":69,"_35":21,"_37":1079,"_24":27,"_168":-5,"_348":1080,"_28":1081},{"_50":1068,"_33":1069,"_31":1070,"_163":214,"_42":43,"_41":164,"_165":25,"_39":1071,"_13":69,"_35":21,"_37":1072,"_24":27,"_168":-5,"_348":1073,"_28":1074},{"_50":1061,"_33":1062,"_31":1063,"_163":214,"_42":43,"_41":164,"_165":25,"_39":1064,"_13":69,"_35":21,"_37":1065,"_24":27,"_168":-5,"_348":1066,"_28":1067},{"_50":1054,"_33":1055,"_31":1056,"_163":214,"_42":43,"_41":164,"_165":25,"_39":1057,"_13":69,"_35":21,"_37":1058,"_24":27,"_168":-5,"_348":1059,"_28":1060},{"_50":1047,"_33":1048,"_31":1049,"_163":214,"_42":43,"_41":164,"_165":25,"_39":1050,"_13":69,"_35":21,"_37":1051,"_24":27,"_168":-5,"_348":1052,"_28":1053},{"_50":1040,"_33":1041,"_31":1042,"_163":214,"_42":43,"_41":164,"_165":25,"_39":1043,"_13":69,"_35":21,"_37":1044,"_24":27,"_168":-5,"_348":1045,"_28":1046},{"_50":1033,"_33":1034,"_31":1035,"_163":214,"_42":43,"_41":164,"_165":25,"_39":1036,"_13":69,"_35":21,"_37":1037,"_24":27,"_168":-5,"_348":1038,"_28":1039},{"_50":1026,"_33":1027,"_31":1028,"_163":214,"_42":43,"_41":164,"_165":25,"_39":1029,"_13":69,"_35":21,"_37":1030,"_24":27,"_168":-5,"_348":1031,"_28":1032},{"_50":1019,"_33":1020,"_31":1021,"_163":214,"_42":43,"_41":164,"_165":25,"_39":1022,"_13":69,"_35":21,"_37":1023,"_24":27,"_168":-5,"_348":1024,"_28":1025},{"_50":1012,"_33":1013,"_31":1014,"_163":214,"_42":43,"_41":164,"_165":25,"_39":1015,"_13":69,"_35":21,"_37":1016,"_24":27,"_168":-5,"_348":1017,"_28":1018},{"_50":1005,"_33":1006,"_31":1007,"_163":214,"_42":43,"_41":164,"_165":25,"_39":1008,"_13":69,"_35":36,"_37":1009,"_24":27,"_168":-5,"_348":1010,"_28":1011},{"_50":998,"_33":999,"_31":1000,"_163":214,"_42":43,"_41":164,"_165":25,"_39":1001,"_13":69,"_35":36,"_37":1002,"_24":27,"_168":-5,"_348":1003,"_28":1004},{"_50":991,"_33":992,"_31":993,"_163":214,"_42":43,"_41":164,"_165":25,"_39":994,"_13":69,"_35":36,"_37":995,"_24":27,"_168":-5,"_348":996,"_28":997},{"_50":984,"_33":985,"_31":986,"_163":214,"_42":43,"_41":164,"_165":25,"_39":987,"_13":69,"_35":36,"_37":988,"_24":27,"_168":-5,"_348":989,"_28":990},{"_50":977,"_33":978,"_31":979,"_163":214,"_42":43,"_41":164,"_165":25,"_39":980,"_13":69,"_35":36,"_37":981,"_24":27,"_168":-5,"_348":982,"_28":983},{"_50":970,"_33":971,"_31":972,"_163":214,"_42":43,"_41":164,"_165":25,"_39":973,"_13":69,"_35":36,"_37":974,"_24":27,"_168":-5,"_348":975,"_28":976},{"_50":963,"_33":964,"_31":965,"_163":214,"_42":43,"_41":164,"_165":25,"_39":966,"_13":69,"_35":36,"_37":967,"_24":27,"_168":-5,"_348":968,"_28":969},{"_50":956,"_33":957,"_31":958,"_163":214,"_42":43,"_41":164,"_165":25,"_39":959,"_13":69,"_35":36,"_37":960,"_24":27,"_168":-5,"_348":961,"_28":962},{"_50":949,"_33":950,"_31":951,"_163":214,"_42":43,"_41":164,"_165":25,"_39":952,"_13":69,"_35":36,"_37":953,"_24":27,"_168":-5,"_348":954,"_28":955},{"_50":942,"_33":943,"_31":944,"_163":214,"_42":43,"_41":164,"_165":25,"_39":945,"_13":69,"_35":36,"_37":946,"_24":27,"_168":-5,"_348":947,"_28":948},{"_50":935,"_33":936,"_31":937,"_163":214,"_42":43,"_41":164,"_165":25,"_39":938,"_13":69,"_35":21,"_37":939,"_24":27,"_168":-5,"_348":940,"_28":941},{"_50":928,"_33":929,"_31":930,"_163":214,"_42":43,"_41":164,"_165":25,"_39":931,"_13":69,"_35":21,"_37":932,"_24":27,"_168":-5,"_348":933,"_28":934},{"_50":921,"_33":922,"_31":923,"_163":214,"_42":43,"_41":164,"_165":25,"_39":924,"_13":69,"_35":21,"_37":925,"_24":27,"_168":-5,"_348":926,"_28":927},{"_50":914,"_33":915,"_31":916,"_163":214,"_42":43,"_41":164,"_165":25,"_39":917,"_13":69,"_35":36,"_37":918,"_24":27,"_168":-5,"_348":919,"_28":920},{"_50":907,"_33":908,"_31":909,"_163":214,"_42":43,"_41":164,"_165":25,"_39":910,"_13":69,"_35":21,"_37":911,"_24":27,"_168":-5,"_348":912,"_28":913},{"_50":900,"_33":901,"_31":902,"_163":214,"_42":43,"_41":164,"_165":25,"_39":903,"_13":69,"_35":21,"_37":904,"_24":27,"_168":-5,"_348":905,"_28":906},{"_50":893,"_33":894,"_31":895,"_163":214,"_42":43,"_41":164,"_165":25,"_39":896,"_13":69,"_35":21,"_37":897,"_24":27,"_168":-5,"_348":898,"_28":899},{"_50":886,"_33":887,"_31":888,"_163":214,"_42":43,"_41":164,"_165":25,"_39":889,"_13":69,"_35":21,"_37":890,"_24":27,"_168":-5,"_348":891,"_28":892},{"_50":879,"_33":880,"_31":881,"_163":214,"_42":43,"_41":164,"_165":25,"_39":882,"_13":69,"_35":36,"_37":883,"_24":27,"_168":-5,"_348":884,"_28":885},{"_50":872,"_33":873,"_31":874,"_163":214,"_42":43,"_41":164,"_165":25,"_39":875,"_13":69,"_35":36,"_37":876,"_24":27,"_168":-5,"_348":877,"_28":878},{"_50":865,"_33":866,"_31":867,"_163":214,"_42":43,"_41":164,"_165":25,"_39":868,"_13":69,"_35":36,"_37":869,"_24":27,"_168":-5,"_348":870,"_28":871},{"_50":858,"_33":859,"_31":860,"_163":214,"_42":43,"_41":164,"_165":25,"_39":861,"_13":69,"_35":36,"_37":862,"_24":27,"_168":-5,"_348":863,"_28":864},{"_50":851,"_33":852,"_31":853,"_163":214,"_42":43,"_41":164,"_165":25,"_39":854,"_13":69,"_35":36,"_37":855,"_24":27,"_168":-5,"_348":856,"_28":857},{"_50":844,"_33":845,"_31":846,"_163":214,"_42":43,"_41":164,"_165":25,"_39":847,"_13":69,"_35":36,"_37":848,"_24":27,"_168":-5,"_348":849,"_28":850},{"_50":837,"_33":838,"_31":839,"_163":214,"_42":43,"_41":164,"_165":25,"_39":840,"_13":69,"_35":36,"_37":841,"_24":27,"_168":-5,"_348":842,"_28":843},{"_50":830,"_33":831,"_31":832,"_163":214,"_42":43,"_41":164,"_165":25,"_39":833,"_13":69,"_35":21,"_37":834,"_24":27,"_168":-5,"_348":835,"_28":836},{"_50":823,"_33":824,"_31":825,"_163":214,"_42":43,"_41":164,"_165":25,"_39":826,"_13":69,"_35":21,"_37":827,"_24":27,"_168":-5,"_348":828,"_28":829},{"_50":816,"_33":817,"_31":818,"_163":214,"_42":43,"_41":164,"_165":25,"_39":819,"_13":69,"_35":21,"_37":820,"_24":27,"_168":-5,"_348":821,"_28":822},{"_50":809,"_33":810,"_31":811,"_163":214,"_42":43,"_41":164,"_165":25,"_39":812,"_13":69,"_35":21,"_37":813,"_24":27,"_168":-5,"_348":814,"_28":815},{"_50":802,"_33":803,"_31":804,"_163":214,"_42":43,"_41":164,"_165":25,"_39":805,"_13":69,"_35":21,"_37":806,"_24":27,"_168":-5,"_348":807,"_28":808},{"_50":795,"_33":796,"_31":797,"_163":214,"_42":43,"_41":164,"_165":25,"_39":798,"_13":69,"_35":21,"_37":799,"_24":27,"_168":-5,"_348":800,"_28":801},{"_50":788,"_33":789,"_31":790,"_163":214,"_42":43,"_41":164,"_165":25,"_39":791,"_13":69,"_35":21,"_37":792,"_24":27,"_168":-5,"_348":793,"_28":794},{"_50":781,"_33":782,"_31":783,"_163":214,"_42":43,"_41":164,"_165":25,"_39":784,"_13":69,"_35":36,"_37":785,"_24":27,"_168":-5,"_348":786,"_28":787},{"_50":774,"_33":775,"_31":776,"_163":214,"_42":43,"_41":164,"_165":25,"_39":777,"_13":69,"_35":21,"_37":778,"_24":27,"_168":-5,"_348":779,"_28":780},{"_50":767,"_33":768,"_31":769,"_163":214,"_42":43,"_41":164,"_165":25,"_39":770,"_13":69,"_35":21,"_37":771,"_24":27,"_168":-5,"_348":772,"_28":773},{"_50":760,"_33":761,"_31":762,"_163":214,"_42":43,"_41":164,"_165":25,"_39":763,"_13":69,"_35":36,"_37":764,"_24":27,"_168":-5,"_348":765,"_28":766},{"_50":753,"_33":754,"_31":755,"_163":214,"_42":43,"_41":164,"_165":25,"_39":756,"_13":69,"_35":36,"_37":757,"_24":27,"_168":-5,"_348":758,"_28":759},{"_50":746,"_33":747,"_31":748,"_163":214,"_42":43,"_41":164,"_165":25,"_39":749,"_13":69,"_35":36,"_37":750,"_24":27,"_168":-5,"_348":751,"_28":752},{"_50":739,"_33":740,"_31":741,"_163":214,"_42":43,"_41":164,"_165":25,"_39":742,"_13":69,"_35":21,"_37":743,"_24":27,"_168":-5,"_348":744,"_28":745},{"_50":732,"_33":733,"_31":734,"_163":214,"_42":43,"_41":164,"_165":25,"_39":735,"_13":69,"_35":36,"_37":736,"_24":27,"_168":-5,"_348":737,"_28":738},{"_50":725,"_33":726,"_31":727,"_163":214,"_42":43,"_41":164,"_165":25,"_39":728,"_13":69,"_35":36,"_37":729,"_24":27,"_168":-5,"_348":730,"_28":731},{"_50":718,"_33":719,"_31":720,"_163":214,"_42":43,"_41":164,"_165":25,"_39":721,"_13":69,"_35":36,"_37":722,"_24":27,"_168":-5,"_348":723,"_28":724},{"_50":711,"_33":712,"_31":713,"_163":214,"_42":43,"_41":164,"_165":25,"_39":714,"_13":69,"_35":21,"_37":715,"_24":27,"_168":-5,"_348":716,"_28":717},{"_50":704,"_33":705,"_31":706,"_163":214,"_42":43,"_41":164,"_165":25,"_39":707,"_13":69,"_35":21,"_37":708,"_24":27,"_168":-5,"_348":709,"_28":710},{"_50":697,"_33":698,"_31":699,"_163":214,"_42":43,"_41":164,"_165":25,"_39":700,"_13":69,"_35":21,"_37":701,"_24":27,"_168":-5,"_348":702,"_28":703},{"_50":690,"_33":691,"_31":692,"_163":214,"_42":43,"_41":164,"_165":25,"_39":693,"_13":69,"_35":21,"_37":694,"_24":27,"_168":-5,"_348":695,"_28":696},{"_50":683,"_33":684,"_31":685,"_163":214,"_42":43,"_41":164,"_165":25,"_39":686,"_13":69,"_35":21,"_37":687,"_24":27,"_168":-5,"_348":688,"_28":689},{"_50":676,"_33":677,"_31":678,"_163":214,"_42":43,"_41":164,"_165":25,"_39":679,"_13":69,"_35":21,"_37":680,"_24":27,"_168":-5,"_348":681,"_28":682},{"_50":670,"_33":370,"_31":671,"_163":214,"_42":43,"_41":164,"_165":25,"_39":672,"_13":69,"_35":21,"_37":673,"_24":27,"_168":-5,"_348":674,"_28":675},{"_50":663,"_33":664,"_31":665,"_163":214,"_42":43,"_41":164,"_165":25,"_39":666,"_13":69,"_35":21,"_37":667,"_24":27,"_168":-5,"_348":668,"_28":669},{"_50":656,"_33":657,"_31":658,"_163":214,"_42":43,"_41":164,"_165":25,"_39":659,"_13":69,"_35":21,"_37":660,"_24":27,"_168":-5,"_348":661,"_28":662},{"_50":649,"_33":650,"_31":651,"_163":214,"_42":43,"_41":164,"_165":25,"_39":652,"_13":69,"_35":36,"_37":653,"_24":27,"_168":-5,"_348":654,"_28":655},{"_50":642,"_33":643,"_31":644,"_163":214,"_42":43,"_41":164,"_165":25,"_39":645,"_13":69,"_35":36,"_37":646,"_24":27,"_168":-5,"_348":647,"_28":648},{"_50":635,"_33":636,"_31":637,"_163":214,"_42":43,"_41":164,"_165":25,"_39":638,"_13":69,"_35":36,"_37":639,"_24":27,"_168":-5,"_348":640,"_28":641},{"_50":628,"_33":629,"_31":630,"_163":214,"_42":43,"_41":164,"_165":25,"_39":631,"_13":69,"_35":36,"_37":632,"_24":27,"_168":-5,"_348":633,"_28":634},{"_50":621,"_33":622,"_31":623,"_163":214,"_42":43,"_41":164,"_165":25,"_39":624,"_13":69,"_35":36,"_37":625,"_24":27,"_168":-5,"_348":626,"_28":627},{"_50":614,"_33":615,"_31":616,"_163":214,"_42":43,"_41":164,"_165":25,"_39":617,"_13":69,"_35":36,"_37":618,"_24":27,"_168":-5,"_348":619,"_28":620},{"_50":607,"_33":608,"_31":609,"_163":214,"_42":43,"_41":164,"_165":25,"_39":610,"_13":69,"_35":36,"_37":611,"_24":27,"_168":-5,"_348":612,"_28":613},{"_50":600,"_33":601,"_31":602,"_163":214,"_42":43,"_41":164,"_165":25,"_39":603,"_13":69,"_35":36,"_37":604,"_24":27,"_168":-5,"_348":605,"_28":606},{"_50":593,"_33":594,"_31":595,"_163":214,"_42":43,"_41":164,"_165":25,"_39":596,"_13":69,"_35":36,"_37":597,"_24":27,"_168":-5,"_348":598,"_28":599},{"_50":586,"_33":587,"_31":588,"_163":214,"_42":43,"_41":164,"_165":25,"_39":589,"_13":69,"_35":36,"_37":590,"_24":27,"_168":-5,"_348":591,"_28":592},{"_50":579,"_33":580,"_31":581,"_163":214,"_42":43,"_41":164,"_165":25,"_39":582,"_13":69,"_35":36,"_37":583,"_24":27,"_168":-5,"_348":584,"_28":585},{"_50":572,"_33":573,"_31":574,"_163":214,"_42":43,"_41":164,"_165":25,"_39":575,"_13":69,"_35":36,"_37":576,"_24":27,"_168":-5,"_348":577,"_28":578},{"_50":565,"_33":566,"_31":567,"_163":214,"_42":43,"_41":164,"_165":25,"_39":568,"_13":69,"_35":36,"_37":569,"_24":27,"_168":-5,"_348":570,"_28":571},{"_50":558,"_33":559,"_31":560,"_163":214,"_42":43,"_41":164,"_165":25,"_39":561,"_13":69,"_35":36,"_37":562,"_24":27,"_168":-5,"_348":563,"_28":564},{"_50":551,"_33":552,"_31":553,"_163":214,"_42":43,"_41":164,"_165":25,"_39":554,"_13":69,"_35":36,"_37":555,"_24":27,"_168":-5,"_348":556,"_28":557},{"_50":544,"_33":545,"_31":546,"_163":214,"_42":43,"_41":164,"_165":25,"_39":547,"_13":69,"_35":36,"_37":548,"_24":27,"_168":-5,"_348":549,"_28":550},{"_50":537,"_33":538,"_31":539,"_163":214,"_42":43,"_41":164,"_165":25,"_39":540,"_13":69,"_35":36,"_37":541,"_24":27,"_168":-5,"_348":542,"_28":543},{"_50":530,"_33":531,"_31":532,"_163":214,"_42":43,"_41":164,"_165":25,"_39":533,"_13":69,"_35":36,"_37":534,"_24":27,"_168":-5,"_348":535,"_28":536},{"_50":523,"_33":524,"_31":525,"_163":214,"_42":43,"_41":164,"_165":25,"_39":526,"_13":69,"_35":36,"_37":527,"_24":27,"_168":-5,"_348":528,"_28":529},{"_50":516,"_33":517,"_31":518,"_163":214,"_42":43,"_41":164,"_165":25,"_39":519,"_13":69,"_35":36,"_37":520,"_24":27,"_168":-5,"_348":521,"_28":522},{"_50":509,"_33":510,"_31":511,"_163":214,"_42":43,"_41":164,"_165":25,"_39":512,"_13":69,"_35":36,"_37":513,"_24":27,"_168":-5,"_348":514,"_28":515},{"_50":502,"_33":503,"_31":504,"_163":214,"_42":43,"_41":164,"_165":25,"_39":505,"_13":69,"_35":36,"_37":506,"_24":27,"_168":-5,"_348":507,"_28":508},{"_50":495,"_33":496,"_31":497,"_163":214,"_42":43,"_41":164,"_165":25,"_39":498,"_13":69,"_35":36,"_37":499,"_24":27,"_168":-5,"_348":500,"_28":501},{"_50":488,"_33":489,"_31":490,"_163":214,"_42":43,"_41":164,"_165":25,"_39":491,"_13":69,"_35":36,"_37":492,"_24":27,"_168":-5,"_348":493,"_28":494},{"_50":481,"_33":482,"_31":483,"_163":214,"_42":43,"_41":164,"_165":25,"_39":484,"_13":69,"_35":36,"_37":485,"_24":27,"_168":-5,"_348":486,"_28":487},{"_50":474,"_33":475,"_31":476,"_163":214,"_42":43,"_41":164,"_165":25,"_39":477,"_13":69,"_35":36,"_37":478,"_24":27,"_168":-5,"_348":479,"_28":480},{"_50":467,"_33":468,"_31":469,"_163":214,"_42":43,"_41":164,"_165":25,"_39":470,"_13":69,"_35":36,"_37":471,"_24":27,"_168":-5,"_348":472,"_28":473},{"_50":460,"_33":461,"_31":462,"_163":214,"_42":43,"_41":164,"_165":25,"_39":463,"_13":69,"_35":36,"_37":464,"_24":27,"_168":-5,"_348":465,"_28":466},{"_50":453,"_33":454,"_31":455,"_163":214,"_42":43,"_41":164,"_165":25,"_39":456,"_13":69,"_35":36,"_37":457,"_24":27,"_168":-5,"_348":458,"_28":459},{"_50":207,"_33":208,"_31":209,"_163":-5,"_42":43,"_41":164,"_165":25,"_39":450,"_13":69,"_35":48,"_37":-5,"_24":27,"_168":-5,"_348":451,"_28":452},{"_50":446,"_33":425,"_31":420,"_163":209,"_42":43,"_41":164,"_165":25,"_39":447,"_13":69,"_35":48,"_37":-5,"_24":27,"_168":-5,"_348":448,"_28":449},{"_50":440,"_33":411,"_31":441,"_163":420,"_42":43,"_41":164,"_165":25,"_39":442,"_13":69,"_35":36,"_37":443,"_24":27,"_168":-5,"_348":444,"_28":445},{"_50":433,"_33":434,"_31":435,"_163":420,"_42":43,"_41":164,"_165":25,"_39":436,"_13":69,"_35":36,"_37":437,"_24":27,"_168":-5,"_348":438,"_28":439},{"_50":426,"_33":427,"_31":428,"_163":420,"_42":43,"_41":164,"_165":25,"_39":429,"_13":69,"_35":36,"_37":430,"_24":27,"_168":-5,"_348":431,"_28":432},{"_50":417,"_33":418,"_31":419,"_163":420,"_42":43,"_41":164,"_165":25,"_39":421,"_13":69,"_35":36,"_37":422,"_24":27,"_168":-5,"_348":423,"_28":424},{"_50":410,"_33":411,"_31":412,"_163":209,"_42":43,"_41":164,"_165":25,"_39":413,"_13":69,"_35":36,"_37":414,"_24":27,"_168":-5,"_348":415,"_28":416},{"_50":403,"_33":404,"_31":405,"_163":209,"_42":43,"_41":164,"_165":25,"_39":406,"_13":69,"_35":180,"_37":407,"_24":27,"_168":-5,"_348":408,"_28":409},{"_50":396,"_33":397,"_31":398,"_163":209,"_42":43,"_41":164,"_165":25,"_39":399,"_13":69,"_35":36,"_37":400,"_24":27,"_168":-5,"_348":401,"_28":402},{"_50":389,"_33":390,"_31":391,"_163":209,"_42":43,"_41":164,"_165":25,"_39":392,"_13":69,"_35":36,"_37":393,"_24":27,"_168":-5,"_348":394,"_28":395},{"_50":382,"_33":383,"_31":384,"_163":209,"_42":43,"_41":164,"_165":25,"_39":385,"_13":69,"_35":36,"_37":386,"_24":27,"_168":-5,"_348":387,"_28":388},{"_50":376,"_33":171,"_31":377,"_163":209,"_42":43,"_41":164,"_165":25,"_39":378,"_13":69,"_35":36,"_37":379,"_24":27,"_168":-5,"_348":380,"_28":381},{"_50":369,"_33":370,"_31":371,"_163":209,"_42":43,"_41":164,"_165":25,"_39":372,"_13":69,"_35":36,"_37":373,"_24":27,"_168":-5,"_348":374,"_28":375},{"_50":201,"_33":202,"_31":203,"_163":-5,"_42":43,"_41":164,"_165":25,"_39":366,"_13":69,"_35":21,"_37":205,"_24":27,"_168":-5,"_348":367,"_28":368},{"_50":195,"_33":196,"_31":197,"_163":-5,"_42":43,"_41":164,"_165":25,"_39":363,"_13":69,"_35":21,"_37":199,"_24":27,"_168":-5,"_348":364,"_28":365},{"_50":189,"_33":190,"_31":191,"_163":-5,"_42":43,"_41":164,"_165":27,"_39":360,"_13":69,"_35":21,"_37":193,"_24":27,"_168":-5,"_348":361,"_28":362},{"_50":183,"_33":184,"_31":185,"_163":-5,"_42":43,"_41":164,"_165":27,"_39":357,"_13":69,"_35":21,"_37":187,"_24":27,"_168":-5,"_348":358,"_28":359},{"_50":176,"_33":177,"_31":178,"_163":-5,"_42":43,"_41":164,"_165":25,"_39":354,"_13":69,"_35":180,"_37":181,"_24":27,"_168":-5,"_348":355,"_28":356},{"_50":170,"_33":171,"_31":172,"_163":-5,"_42":43,"_41":164,"_165":27,"_39":351,"_13":69,"_35":21,"_37":174,"_24":27,"_168":-5,"_348":352,"_28":353},{"_50":160,"_33":161,"_31":162,"_163":-5,"_42":43,"_41":164,"_165":27,"_39":347,"_13":69,"_35":21,"_37":167,"_24":27,"_168":-5,"_348":349,"_28":350},["D",1780160220387],"children",[],[161],["D",1780160220387],[],[171],["D",1780160220387],[],[177],["D",1780160220387],[],[184],["D",1780160220387],[],[190],["D",1780160220387],[],[196],["D",1780160220387],[],[202],"935a401c-5c48-11f1-9148-ee650bb23af1","types.ts","019e79d1-4cda-726c-b207-001bbcc963eb",["D",1780160220387],"/**\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",[],[208,370],"935a2b36-5c48-11f1-9148-ee650bb23af1","019e79d1-4cda-726c-b206-fccbc498570d",["D",1780160220387],"/**\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",[],[208,171],"935a13e4-5c48-11f1-9148-ee650bb23af1","stl.ts","019e79d1-4cda-726c-b206-fa7f3d14c73d",["D",1780160220387],"/**\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",[],[208,383],"935a0c1e-5c48-11f1-9148-ee650bb23af1","presets.ts","019e79d1-4cda-726c-b206-f4b1acc7b104",["D",1780160220387],"/**\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",[],[208,390],"9359f9d6-5c48-11f1-9148-ee650bb23af1","page.ts","019e79d1-4cda-726c-b206-f1d600d19fa6",["D",1780160220387],"/**\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",[],[208,397],"9359eab8-5c48-11f1-9148-ee650bb23af1","main.tsx","019e79d1-4cda-726c-b206-ed019b8e3863",["D",1780160220387],"/**\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",[],[208,404],"9359d690-5c48-11f1-9148-ee650bb23af1","geometry.ts","019e79d1-4cda-726c-b206-ea8774b43ddb",["D",1780160220387],"/**\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",[],[208,411],"9359aefe-5c48-11f1-9148-ee650bb23af1","ui.ts","019e79d1-4cda-726c-b206-e3083bc4825f","019e79d1-4cda-726c-b206-e63474df7663",["D",1780160220387],"/**\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",[],[208,425,418],"client","93598f50-5c48-11f1-9148-ee650bb23af1","three3d.ts","019e79d1-4cda-726c-b206-de4ef2a2b80c",["D",1780160220387],"/**\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",[],[208,425,427],"93597484-5c48-11f1-9148-ee650bb23af1","profile2d.ts","019e79d1-4cda-726c-b206-dba23c6cfd49",["D",1780160220387],"/**\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",[],[208,425,434],"935965f2-5c48-11f1-9148-ee650bb23af1","019e79d1-4cda-726c-b206-d7647b3b0c5e",["D",1780160220387],"/**\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 · v2