STL Creator — A1 Mini Edition

${escapeHtml(model.title)}

` : \"\"}\n

\n ${showLabels ? `

${escapeHtml(model.note)}

` : \"\"}\n

Building the enclosure…

\n\n \n\n`;\n}\n\nfunction build123dPresentationPage(\n model: { title: string; note: string; asset: string } = {\n title: \"Traveler guitar → KOKKO cradle · build123d solid\",\n note: \"valid one-solid BREP · 101 × 69 mm opening unchanged · 6 mm exterior rounds · 4 mm floor/walls · 10 mm rod plate · 20 mm basket\",\n asset: \"/cad/traveler-kokko-cradle-build123d.glb\",\n },\n): string {\n return `\n\n\n \n \n \n ${escapeHtml(model.title)}\n \n\n\n

${escapeHtml(model.title)}

${escapeHtml(model.note)}

Loading the CAD solid…

\n \n\n`;\n}\nfunction colorParam(value: string | null, fallback: string): string {\n return value && /^[0-9a-f]{6}$/i.test(value) ? value : fallback;\n}\n\nfunction escapeHtml(value: string): string {\n return value.replace(/[&<>\\\"']/g, (char) => ({\n \"&\": \"&\",\n \"<\": \"<\",\n \">\": \">\",\n '\"': \""\",\n \"'\": \"'\",\n })[char] ?? char);\n}\n",[126],"214ed2b11cdd33cb0f0323f77803d0709463925919bc8019cb41f01b8550e413","e7838592-0309-11f1-a6ec-42dde27851f2","15883b8e-0302-11f1-a451-42dde27851f2",68,["D",1770347649878],40,"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 Viewer — A1 Mini Edition\n \n \n\n\n ${getLayout()}\n ${getViewerScript()}\n\n`;\n}\n",[126],"35ec55f370afedd258223c64a33df7098a3b75d6a64c4c759e2af67c44ee2f03","layout.ts",{"_32":154,"_13":145,"_82":155,"_84":-5,"_85":33,"_86":156,"_88":26,"_34":157,"_40":104,"_91":92,"_93":158,"_65":48,"_95":-5,"_96":-7,"_75":159,"_98":160},{"_32":148,"_13":145,"_82":149,"_84":-5,"_85":57,"_86":113,"_88":26,"_34":150,"_40":22,"_91":92,"_93":151,"_65":48,"_95":-5,"_96":-7,"_75":152,"_98":153},"45f43d3d-b656-447b-b16d-00e79294d770","019c3dc4-fdf2-76fa-8252-9c2548c28d3d",["D",1785593734484],"/** HTML markup for the STL Creator layout */\nimport { CATEGORIES, type Category, 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 categoryFolder(cat: Category, open: boolean): string {\n return `\n

\n ${cat.icon} ${cat.name}\n ${cat.examples.length}\n

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

`;\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 ${CATEGORIES.map((c, i) => categoryFolder(c, i === 0)).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",[145],"d51056558893747b51a69fe19afec11d16d58cbdaa11a83af9069e3d64a3a846","751fc942-030a-11f1-8aca-42dde27851f2","b524d862-0309-11f1-855b-42dde27851f2",70,["D",1770347887454],"/** HTML markup for the STL Viewer 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 (A1 Mini Ready)

\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

Load an STL to preview

Drag & drop, paste URL, or try an 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",[145],"ca95a47b9e4625dd2ae2dbb8a53ee3109fb4ed0d068743685f22bcdfa65a40d9","examples/types.ts",{"_32":173,"_13":165,"_82":174,"_84":175,"_85":33,"_86":176,"_88":26,"_34":177,"_40":122,"_91":92,"_93":178,"_65":48,"_95":-5,"_96":-7,"_75":179,"_98":180},{"_32":164,"_13":165,"_82":166,"_84":167,"_85":57,"_86":22,"_88":26,"_34":168,"_40":104,"_91":92,"_93":169,"_65":48,"_95":-5,"_96":-7,"_75":170,"_98":171},"425e35dc-0500-11f1-b403-42dde27851f2","types.ts","019c3dc4-fdf2-76fa-8252-8ad696690b43","019c3dc4-fdf2-76fa-8252-909c6fe161f6",["D",1770563409671],"/** Shared interface for all example models */\nexport interface Example {\n /** Unique ID used for onclick routing */\n id: string;\n /** HTML entity icon for the card */\n icon: string;\n /** Display name */\n name: string;\n /** Short HTML description */\n desc: string;\n /** Dimension string shown on card */\n size: string;\n /** Estimated print time */\n time: string;\n /** JS function body — must return a JSCAD geom3 solid.\n * Runs client-side with `jscad` in scope (the full @jscad/modeling library).\n * Available: jscad.primitives, jscad.booleans, jscad.transforms,\n * jscad.extrusions, jscad.hulls, jscad.expansions, jscad.measurements */\n generatorBody: string;\n}\n",[172,165],"1e93ae2df631af1f4c0ca3ef8200c2223913c7ccb2f15fa435c3780526939398","examples","419092ea-030b-11f1-aa59-42dde27851f2","4190939e-030b-11f1-aa59-42dde27851f2","3cadb12c-030b-11f1-b561-42dde27851f2",74,["D",1770348230464],"/** Shared interface for all example models */\nexport interface Example {\n /** Unique ID used for onclick routing */\n id: string;\n /** HTML entity icon for the card */\n icon: string;\n /** Display name */\n name: string;\n /** Short HTML description */\n desc: string;\n /** Dimension string shown on card */\n size: string;\n /** Estimated print time */\n time: string;\n /** JS function body — must return a THREE.BufferGeometry.\n * Runs client-side with THREE in scope plus helpers:\n * mergeGeos(geos[]), makeBox(w,h,d,x,y,z),\n * makeCyl(r,h,segs,x,y,z), makeCone(r,h,segs,x,y,z) */\n generatorBody: string;\n}\n",[172,165],"46b04b8384b87d669d75fb79dbab081694d62ed689684e4a9fde03f64dac090f","examples.ts",{"_32":192,"_13":181,"_82":193,"_84":-5,"_85":33,"_86":194,"_88":48,"_34":195,"_40":196,"_91":92,"_93":197,"_65":48,"_95":-5,"_96":-7,"_75":198,"_98":199},{"_32":184,"_13":181,"_82":185,"_84":-5,"_85":57,"_86":186,"_88":26,"_34":187,"_40":188,"_91":92,"_93":189,"_65":48,"_95":-5,"_96":-7,"_75":190,"_98":191},"a0e091d3-eebf-4b46-9314-669c99276244","019c3dc4-fdf2-76fa-8252-9ba0ba7dead1",656,["D",1789265696997],132,"/**\n * Barrel file — re-exports all examples from individual files, grouped into\n * CATEGORIES (the \"folders\" shown in the sidebar).\n *\n * To add a new example: create examples//yourModel.ts, add one import\n * below, then drop it into the right CATEGORIES bucket.\n * To edit one: change only its file in examples/.\n * EXAMPLES (the flat list the JSCAD generator switch is built from) is derived\n * automatically from CATEGORIES — nothing else needs to change.\n */\n\nexport type { Example } from \"./examples/types.ts\";\nimport type { Example } from \"./examples/types.ts\";\n\n// ── Seal test (bokashi plunger) ──────────────────────────────────\nimport sealSizers from \"./examples/seal-test/sealSizers.ts\";\nimport sealTestCombo from \"./examples/seal-test/sealTestCombo.ts\";\nimport sealDonut from \"./examples/seal-test/sealDonut.ts\";\n\n// ── Ring-Light Tower (0.5L PET + small ring light) ───────────────\nimport towerFitTest from \"./examples/ring-light-tower/towerFitTest.ts\";\nimport towerBase from \"./examples/ring-light-tower/towerBase.ts\";\nimport towerRiser from \"./examples/ring-light-tower/towerRiser.ts\";\nimport towerCrown from \"./examples/ring-light-tower/towerCrown.ts\";\nimport towerShade from \"./examples/ring-light-tower/towerShade.ts\";\n\n// ── M5Stack DigiClock ─────────────────────────────────────────────\nimport {\n digiClockDiffuser1Layer,\n digiClockDiffuser2Layer,\n digiClockDiffuser3Layer,\n digiClockDiffuserPlate,\n} from \"./examples/digiclock/diffuserPanels.ts\";\nimport {\n digiClockEnclosureConcept,\n digiClockFitFrameProvisional,\n} from \"./examples/digiclock/enclosureConcept.ts\";\n\n// ── Traveler guitar ───────────────────────────────────────────────\nimport travelerSkadisAdapterConcept from \"./examples/traveler-guitar/skadisAdapterConcept.ts\";\nimport travelerHoleFitTestPlate from \"./examples/traveler-guitar/holeFitTestPlate.ts\";\nimport travelerReliefSlotTest from \"./examples/traveler-guitar/reliefSlotTest.ts\";\nimport kokkoKg10RectangularSideProfile from \"./examples/traveler-guitar/kokkoKg10RectangularSideProfile.ts\";\nimport kokkoKg10CradleClearanceMatrix from \"./examples/traveler-guitar/kokkoKg10CradleClearanceMatrix.ts\";\nimport travelerKokkoCradleBridgeConcept from \"./examples/traveler-guitar/travelerKokkoCradleBridgeConcept.ts\";\nimport travelerKokkoCradleFullBasket from \"./examples/traveler-guitar/travelerKokkoCradleFullBasket.ts\";\nimport travelerKokkoCradleRotatedTest from \"./examples/traveler-guitar/travelerKokkoCradleRotatedTest.ts\";\n\n// ── Everything else (existing flat files) ────────────────────────\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 woodGrainWallSampler from \"./examples/woodGrainWallSampler.ts\";\nimport woodGrainCurvedSampler from \"./examples/woodGrainCurvedSampler.ts\";\nimport woodGrainSvgSampler from \"./examples/woodGrainSvgSampler.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 petBottleCap from \"./examples/petBottleCap.ts\";\nimport petBottleNeck from \"./examples/petBottleNeck.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 bokashiCollector from \"./examples/bokashiCollector.ts\";\nimport bokashiBodyCylinder from \"./examples/bokashiBodyCylinder.ts\";\nimport bokashiBodyTop from \"./examples/bokashiBodyTop.ts\";\nimport bokashiBaseCylinder from \"./examples/bokashiBaseCylinder.ts\";\nimport bokashiBottleAdaptor from \"./examples/bokashiBottleAdaptor.ts\";\nimport bokashiDrainPlug from \"./examples/bokashiDrainPlug.ts\";\nimport bokashiFitLadderTop from \"./examples/bokashiFitLadderTop.ts\";\nimport bokashiFitLadderBase from \"./examples/bokashiFitLadderBase.ts\";\nimport bokashiBaseCatcher from \"./examples/bokashiBaseCatcher.ts\";\nimport bokashiBodyTopTaper from \"./examples/bokashiBodyTopTaper.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 ledLightBaseV2 from \"./examples/ledLightBaseV2.ts\";\nimport ledLightBase15L from \"./examples/ledLightBase15L.ts\";\nimport ledLightBase15LV2 from \"./examples/ledLightBase15LV2.ts\";\nimport donutShadeV1 from \"./examples/donutShadeV1.ts\";\nimport donutShadeFlower from \"./examples/donutShadeFlower.ts\";\nimport donutShadeRibbed from \"./examples/donutShadeRibbed.ts\";\nimport donutShadeCylinder from \"./examples/donutShadeCylinder.ts\";\nimport donutShadeCylinderTest from \"./examples/donutShadeCylinderTest.ts\";\nimport donutShadeXL from \"./examples/donutShadeXL.ts\";\nimport donutShadeXLTest from \"./examples/donutShadeXLTest.ts\";\nimport cableDowelTest from \"./examples/cableDowelTest.ts\";\nimport cableDowelClipSizes from \"./examples/cableDowelClipSizes.ts\";\nimport cableDowelSlotTest from \"./examples/cableDowelSlotTest.ts\";\nimport donutShadeFitTest from \"./examples/donutShadeFitTest.ts\";\nimport lightSleeveMiniBottom from \"./examples/lightSleeveMiniBottom.ts\";\nimport lightSleeveMiniTop from \"./examples/lightSleeveMiniTop.ts\";\n\n/** A named, icon-tagged group of examples — rendered as a folder in the sidebar. */\nexport interface Category {\n name: string;\n icon: string;\n examples: Example[];\n}\n\n/**\n * Sidebar folders, top to bottom. Reorder freely; the flat EXAMPLES list (and\n * therefore the generator) is derived from this, so order here = order there.\n */\nexport const CATEGORIES: Category[] = [\n {\n name: \"Traveler Guitar\",\n icon: \"🎸\",\n examples: [travelerKokkoCradleRotatedTest, travelerKokkoCradleFullBasket, travelerKokkoCradleBridgeConcept, kokkoKg10CradleClearanceMatrix, kokkoKg10RectangularSideProfile, travelerReliefSlotTest, travelerHoleFitTestPlate, travelerSkadisAdapterConcept],\n },\n {\n name: \"M5Stack DigiClock\",\n icon: \"🕒\",\n examples: [\n digiClockDiffuserPlate,\n digiClockDiffuser1Layer,\n digiClockDiffuser2Layer,\n digiClockDiffuser3Layer,\n digiClockFitFrameProvisional,\n digiClockEnclosureConcept,\n ],\n },\n {\n name: \"Ring-Light Tower (0.5L + ring light)\",\n icon: \"🏮\",\n examples: [towerFitTest, towerBase, towerRiser, towerCrown, towerShade],\n },\n {\n name: \"Seal Test — Bokashi Plunger\",\n icon: \"🔩\",\n examples: [sealSizers, sealTestCombo, sealDonut],\n },\n {\n name: \"Bokashi & Compost\",\n icon: \"🌱\",\n examples: [bokashiBodyTopTaper, bokashiBaseCatcher, bokashiFitLadderTop, bokashiFitLadderBase, bokashiBodyCylinder, bokashiBodyTop, bokashiBaseCylinder, bokashiCollector, bokashiBottleAdaptor, bokashiDrainPlug, bokashiDrainageThird, bokashiDrainageThird135, funnel170to75],\n },\n {\n name: \"Water Bottle Sleeves\",\n icon: \"💧\",\n examples: [\n waterSleeve5LTopV9, waterSleeve5LTop, waterSleeve5LBottom, waterSleeve5LBottomTight,\n waterSleeve15V2Top, waterSleeve15V2Bottom, waterSleeve15V2BottomThin,\n waterSleeveMiniV4Top, waterSleeveMiniV4Bottom, waterSleeveMiniV4Hanger,\n waterSleeveMiniV3Top, waterSleeveMiniV3Bottom,\n waterSleeveMiniV2Top, waterSleeveMiniV2Bottom,\n waterSleeveMiniV2TopThin, waterSleeveMiniV2BottomThin,\n waterSleeveMiniV2TopSlim, waterSleeveMiniV2BottomSlim,\n waterSleeveMiniCollarV1, waterSleeveMiniMiddleV1, waterSleeveMiniBaseV1,\n waterSleeveCollarV3, waterSleeveMiddleV3, waterSleeveBaseV3,\n waterSleeveMiddleV4, waterSleeveBaseV4,\n waterSleeveCollarV1, waterSleeveMiddleV1, waterSleeveBaseV1,\n sleeve15Gauge, bottleSleeve15L, bottleSleeveVase, triSleeveVase,\n owalaSleeve, owalaSleeveFuzzy, bottleShell,\n ],\n },\n {\n name: \"Caps & Threads\",\n icon: \"🧴\",\n examples: [\n cap5L48mmFlushV6, cap5L48mmFlushV6Grip, cap5L48mmFlushVesselInset, cap5L48mmFlushVesselDangle,\n cap5L48mm, cap5L48mmFlush,\n cap5L48mmThreadTest, cap5L48mmThreadTestBeefy, cap5L48mmThreadTestButtress, cap5L48mmThreadTestTripleButtress,\n petBottleCap, petBottleNeck, pco1881Pair,\n ],\n },\n {\n name: \"Calibration & Press-Fit Tests\",\n icon: \"🎯\",\n examples: [\n calCylinders, pressFitTestAll4, press5LPlugTest, press5LSocketTest,\n bottleRingTest, vaseTestHoop, halfRingTest, chamferChannelTest, ledStickRingTest,\n ],\n },\n {\n name: \"Surface & Material Tests\",\n icon: \"🪵\",\n examples: [woodGrainWallSampler, woodGrainCurvedSampler, woodGrainSvgSampler],\n },\n {\n name: \"Hydroponics & Garden\",\n icon: \"🪴\",\n examples: [\n microgreensMesh, microgreensDonut, microgreensHoneycomb,\n kratkyReservoirBottom, kratkyReservoirTop, orangeCup,\n ],\n },\n {\n name: \"LED Lights\",\n icon: \"💡\",\n examples: [cableDowelTest, cableDowelClipSizes, cableDowelSlotTest, donutShadeXLTest, donutShadeXL, donutShadeCylinderTest, donutShadeCylinder, donutShadeFitTest, donutShadeV1, donutShadeFlower, donutShadeRibbed, ledLightBaseV2, ledLightBase15LV2, ledLightBase, ledLightBase15L, lightSleeveMiniBottom, lightSleeveMiniTop],\n },\n {\n name: \"Bottle Plates & Splitters\",\n icon: \"🍶\",\n examples: [\n triBottlePlate, triBottlePlate15L, triBottlePlateRaised,\n triBottlePlateChamfer, triBottlePlateChamfer265, bottleSplitter, mountingPlate,\n ],\n },\n {\n name: \"Bucket Openers\",\n icon: \"🪣\",\n examples: [bucketOpener70mm, bucketOpenerIterations, bucketOpenerCurved],\n },\n {\n name: \"Household & Misc\",\n icon: \"📦\",\n examples: [hexBox, phoneStand, cableOrganizer, penHolder, skadisLego, tabletMold, tabletMold25, bodkin],\n },\n];\n\n/** Flat list of every example, derived from CATEGORIES (drives the generator switch). */\nexport const EXAMPLES: Example[] = CATEGORIES.flatMap((c) => c.examples);\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\n/** Client-side JS defining EXAMPLE_IDS — the list of valid ids, for deep-linking. */\nexport function getExampleIdsJS(): string {\n return `const EXAMPLE_IDS = ${JSON.stringify(EXAMPLES.map((e) => e.id))};`;\n}\n",[181],"547a00a04fce0cd0af49f94ab873a39718b0f736c7139b4c475019252726e839","d5b60762-04f4-11f1-a2d7-42dde27851f2","65af5608-030a-11f1-9c29-42dde27851f2",107,["D",1770558502909],10,"/**\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 vase from \"./examples/vase.ts\";\nimport gear from \"./examples/gear.ts\";\nimport castle from \"./examples/castle.ts\";\nimport kratky from \"./examples/kratky.ts\";\nimport duck from \"./examples/duck.ts\";\nimport bottleSleeve from \"./examples/bottleSleeve.ts\";\nimport bottleSleeveV2 from \"./examples/bottleSleeveV2.ts\";\nimport bottleManifold from \"./examples/bottleManifold.ts\";\n\nexport const EXAMPLES: Example[] = [vase, gear, castle, kratky, duck, bottleSleeve, bottleSleeveV2, bottleManifold];\n\n/**\n * Returns the client-side JS for the genExample(name) function,\n * built dynamically from the EXAMPLES array.\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 new THREE.BoxGeometry(50, 50, 50);\n }\n }`;\n}\n",[181],"0408e41965e3afb23f196df764c89c1db5ada86a589c231cda78c2007977fccb",{"_75":1965,"_77":-7,"_79":1966},{"_75":1956,"_77":-7,"_79":1957},{"_75":1951,"_77":-7,"_79":1952},{"_75":1940,"_77":-7,"_79":1941},{"_75":1930,"_77":-7,"_79":1931},{"_75":1920,"_77":-7,"_79":1921},{"_75":1911,"_77":-7,"_79":1912},{"_75":1902,"_77":-7,"_79":1903},{"_75":1893,"_77":-7,"_79":1894},{"_75":1883,"_77":-7,"_79":1884},{"_75":1874,"_77":-7,"_79":1875},{"_75":1865,"_77":-7,"_79":1866},{"_75":1856,"_77":-7,"_79":1857},{"_75":1846,"_77":-7,"_79":1847},{"_75":1836,"_77":-7,"_79":1837},{"_75":1826,"_77":-7,"_79":1827},{"_75":1816,"_77":-7,"_79":1817},{"_75":1806,"_77":-7,"_79":1807},{"_75":1796,"_77":-7,"_79":1797},{"_75":1786,"_77":-7,"_79":1787},{"_75":1776,"_77":-7,"_79":1777},{"_75":1767,"_77":-7,"_79":1768},{"_75":1757,"_77":-7,"_79":1758},{"_75":1747,"_77":-7,"_79":1748},{"_75":1737,"_77":-7,"_79":1738},{"_75":1727,"_77":-7,"_79":1728},{"_75":1717,"_77":-7,"_79":1718},{"_75":1707,"_77":-7,"_79":1708},{"_75":1698,"_77":-7,"_79":1699},{"_75":1688,"_77":-7,"_79":1689},{"_75":1678,"_77":-7,"_79":1679},{"_75":1668,"_77":-7,"_79":1669},{"_75":1658,"_77":-7,"_79":1659},{"_75":1648,"_77":-7,"_79":1649},{"_75":1638,"_77":-7,"_79":1639},{"_75":1628,"_77":-7,"_79":1629},{"_75":1618,"_77":-7,"_79":1619},{"_75":1608,"_77":-7,"_79":1609},{"_75":1598,"_77":-7,"_79":1599},{"_75":1588,"_77":-7,"_79":1589},{"_75":1578,"_77":-7,"_79":1579},{"_75":1572,"_77":-7,"_79":1573},{"_75":1562,"_77":-7,"_79":1563},{"_75":1550,"_77":-7,"_79":1551},{"_75":1540,"_77":-7,"_79":1541},{"_75":1530,"_77":-7,"_79":1531},{"_75":1520,"_77":-7,"_79":1521},{"_75":1510,"_77":-7,"_79":1511},{"_75":1500,"_77":-7,"_79":1501},{"_75":1490,"_77":-7,"_79":1491},{"_75":1480,"_77":-7,"_79":1481},{"_75":1470,"_77":-7,"_79":1471},{"_75":1460,"_77":-7,"_79":1461},{"_75":1451,"_77":-7,"_79":1452},{"_75":1442,"_77":-7,"_79":1443},{"_75":1432,"_77":-7,"_79":1433},{"_75":1422,"_77":-7,"_79":1423},{"_75":1412,"_77":-7,"_79":1413},{"_75":1402,"_77":-7,"_79":1403},{"_75":1392,"_77":-7,"_79":1393},{"_75":1382,"_77":-7,"_79":1383},{"_75":1372,"_77":-7,"_79":1373},{"_75":1362,"_77":-7,"_79":1363},{"_75":1352,"_77":-7,"_79":1353},{"_75":1342,"_77":-7,"_79":1343},{"_75":1333,"_77":-7,"_79":1334},{"_75":1323,"_77":-7,"_79":1324},{"_75":1314,"_77":-7,"_79":1315},{"_75":1304,"_77":-7,"_79":1305},{"_75":1294,"_77":-7,"_79":1295},{"_75":1284,"_77":-7,"_79":1285},{"_75":1274,"_77":-7,"_79":1275},{"_75":1264,"_77":-7,"_79":1265},{"_75":1255,"_77":-7,"_79":1256},{"_75":1246,"_77":-7,"_79":1247},{"_75":1237,"_77":-7,"_79":1238},{"_75":1227,"_77":-7,"_79":1228},{"_75":1217,"_77":-7,"_79":1218},{"_75":1207,"_77":-7,"_79":1208},{"_75":1202,"_77":-7,"_79":1203},{"_75":1193,"_77":-7,"_79":1194},{"_75":1184,"_77":-7,"_79":1185},{"_75":1175,"_77":-7,"_79":1176},{"_75":1166,"_77":-7,"_79":1167},{"_75":1157,"_77":-7,"_79":1158},{"_75":1148,"_77":-7,"_79":1149},{"_75":1137,"_77":-7,"_79":1138},{"_75":1132,"_77":-7,"_79":1133},{"_75":1123,"_77":-7,"_79":1124},{"_75":1114,"_77":-7,"_79":1115},{"_75":1103,"_77":-7,"_79":1104},{"_75":1093,"_77":-7,"_79":1094},{"_75":1083,"_77":-7,"_79":1084},{"_75":1073,"_77":-7,"_79":1074},{"_75":1063,"_77":-7,"_79":1064},{"_75":1057,"_77":-7,"_79":1058},{"_75":1047,"_77":-7,"_79":1048},{"_75":1037,"_77":-7,"_79":1038},{"_75":1027,"_77":-7,"_79":1028},{"_75":1017,"_77":-7,"_79":1018},{"_75":1006,"_77":-7,"_79":1007},{"_75":995,"_77":-7,"_79":996},{"_75":985,"_77":-7,"_79":986},{"_75":975,"_77":-7,"_79":976},{"_75":965,"_77":-7,"_79":966},{"_75":955,"_77":-7,"_79":956},{"_75":945,"_77":-7,"_79":946},{"_75":935,"_77":-7,"_79":936},{"_75":923,"_77":-7,"_79":924},{"_75":912,"_77":-7,"_79":913},{"_75":902,"_77":-7,"_79":903},{"_75":892,"_77":-7,"_79":893},{"_75":882,"_77":-7,"_79":883},{"_75":872,"_77":-7,"_79":873},{"_75":862,"_77":-7,"_79":863},{"_75":852,"_77":-7,"_79":853},{"_75":842,"_77":-7,"_79":843},{"_75":832,"_77":-7,"_79":833},{"_75":822,"_77":-7,"_79":823},{"_75":812,"_77":-7,"_79":813},{"_75":802,"_77":-7,"_79":803},{"_75":791,"_77":-7,"_79":792},{"_75":781,"_77":-7,"_79":782},{"_75":771,"_77":-7,"_79":772},{"_75":760,"_77":-7,"_79":761},{"_75":750,"_77":-7,"_79":751},{"_75":740,"_77":-7,"_79":741},{"_75":730,"_77":-7,"_79":731},{"_75":720,"_77":-7,"_79":721},{"_75":710,"_77":-7,"_79":711},{"_75":700,"_77":-7,"_79":701},{"_75":690,"_77":-7,"_79":691},{"_75":680,"_77":-7,"_79":681},{"_75":670,"_77":-7,"_79":671},{"_75":659,"_77":-7,"_79":660},{"_75":649,"_77":-7,"_79":650},{"_75":639,"_77":-7,"_79":640},{"_75":629,"_77":-7,"_79":630},{"_75":619,"_77":-7,"_79":620},{"_75":609,"_77":-7,"_79":610},{"_75":599,"_77":-7,"_79":600},{"_75":589,"_77":-7,"_79":590},{"_75":579,"_77":-7,"_79":580},{"_75":569,"_77":-7,"_79":570},{"_75":559,"_77":-7,"_79":560},{"_75":549,"_77":-7,"_79":550},{"_75":539,"_77":-7,"_79":540},{"_75":528,"_77":-7,"_79":529},{"_75":519,"_77":-7,"_79":520},{"_75":507,"_77":-7,"_79":515},{"_75":509,"_77":-7,"_79":510},{"_75":497,"_77":-7,"_79":498},{"_75":488,"_77":-7,"_79":489},{"_75":377,"_77":-7,"_79":484},{"_75":478,"_77":-7,"_79":479},{"_75":469,"_77":-7,"_79":470},{"_75":459,"_77":-7,"_79":460},{"_75":449,"_77":-7,"_79":450},{"_75":437,"_77":-7,"_79":438},{"_75":427,"_77":-7,"_79":428},{"_75":417,"_77":-7,"_79":418},{"_75":407,"_77":-7,"_79":408},{"_75":397,"_77":-7,"_79":398},{"_75":387,"_77":-7,"_79":388},{"_75":378,"_77":-7,"_79":379},{"_75":366,"_77":-7,"_79":367},"vase-creator/types.ts",{"_32":368,"_13":165,"_82":369,"_84":370,"_85":57,"_86":371,"_88":26,"_34":372,"_40":122,"_91":373,"_93":374,"_65":48,"_95":-5,"_96":-7,"_75":375,"_98":376},"1f7787ae-4636-11f1-9542-42b51c65c3df","1f778880-4636-11f1-9542-42b51c65c3df","c9b45804-cc24-42a7-b676-96849237af3f",266,["D",1777733369515],"script","/**\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",[377,165],"d2e72012947d5738687e43c6efdd4554611dcd1d8a0da2c36f3e6e372eee2e0f","vase-creator","vase-creator/styles.ts",{"_32":380,"_13":108,"_82":381,"_84":370,"_85":57,"_86":382,"_88":26,"_34":383,"_40":122,"_91":373,"_93":384,"_65":48,"_95":-5,"_96":-7,"_75":385,"_98":386},"510dd55c-4636-11f1-b372-42b51c65c3df","510dd5f2-4636-11f1-b372-42b51c65c3df",270,["D",1777733452714],"/**\n * CSS for vase-creator. Returned as a string for inline injection.\n */\n\nexport function css(): string {\n return `\n:root { --bg:#0e0f12; --panel:#181a20; --border:#292c33; --text:#e6e8ee;\n --muted:#8a8f99; --accent:#5fa8ff; --warn:#ff8866; --ok:#6fdb9b; }\n* { box-sizing: border-box; }\nbody { margin:0; font:14px/1.4 system-ui,sans-serif; background:var(--bg); color:var(--text); }\n.app { display:grid; grid-template-columns:380px 1fr; height:100vh; }\n.panel { background:var(--panel); border-right:1px solid var(--border); overflow:auto; padding:16px; }\n.panel h2 { margin:0 0 12px; font-size:14px; color:var(--muted); text-transform:uppercase; letter-spacing:.05em; }\n.panel h3 { margin:16px 0 8px; font-size:13px; color:var(--accent); }\n.row { display:flex; gap:8px; align-items:center; margin:6px 0; }\n.row label { flex:0 0 110px; color:var(--muted); font-size:13px; }\n.row input { flex:1; background:#0e0f12; color:var(--text); border:1px solid var(--border); border-radius:4px; padding:4px 8px; font:inherit; min-width:0; }\n.row input[type=number] { max-width:90px; }\nbutton { background:var(--panel); color:var(--text); border:1px solid var(--border); border-radius:4px; padding:6px 12px; font:inherit; cursor:pointer; }\nbutton:hover { background:#21242b; }\nbutton.primary { background:var(--accent); color:#001020; border-color:var(--accent); font-weight:600; }\nbutton.primary:hover { background:#4a92ec; }\nselect { background:#0e0f12; color:var(--text); border:1px solid var(--border); border-radius:4px; padding:6px; font:inherit; width:100%; }\ntextarea { background:#0e0f12; color:var(--text); border:1px solid var(--border); border-radius:4px; padding:8px; font:12px monospace; width:100%; height:120px; resize:vertical; }\n.viewer { position:relative; background:#1a1c22; }\ncanvas#preview, canvas#preview3d { position:absolute; inset:0; width:100%; height:100%; }\ncanvas#preview3d { display:none; }\n.tabs { display:flex; gap:0; border-bottom:1px solid var(--border); margin-bottom:12px; }\n.tab { padding:8px 14px; cursor:pointer; color:var(--muted); border-bottom:2px solid transparent; }\n.tab.active { color:var(--text); border-bottom-color:var(--accent); }\n.tab-pane { display:none; }\n.tab-pane.active { display:block; }\n.toolbar { position:absolute; top:12px; left:12px; right:12px; display:flex; gap:8px; z-index:10; }\n.toolbar select, .toolbar button { background:rgba(24,26,32,.85); backdrop-filter:blur(8px); }\n.help { color:var(--muted); font-size:12px; line-height:1.5; }\n.hint { color:var(--warn); font-size:12px; }\nhr { border:0; border-top:1px solid var(--border); margin:16px 0; }\ncode { background:#0e0f12; padding:1px 4px; border-radius:3px; font-size:12px; }\n`;\n}\n",[377,108],"f6c6778e5cba2cdc5e4b30a56d40ba3a7510969083299af8313f927c1554e437","vase-creator/stl.ts",{"_32":389,"_13":390,"_82":391,"_84":370,"_85":57,"_86":392,"_88":26,"_34":393,"_40":122,"_91":373,"_93":394,"_65":48,"_95":-5,"_96":-7,"_75":395,"_98":396},"45e235ce-4636-11f1-9f28-42b51c65c3df","stl.ts","45e2366e-4636-11f1-9f28-42b51c65c3df",269,["D",1777733433960],"/**\n * Server-side STL generation. Builds a triangle mesh from the profile config\n * and emits a binary STL.\n */\n\nimport type { Cfg } from \"./types.ts\";\nimport { applyRib, applyWedge, smoothInterp } from \"./geometry.ts\";\n\nconst N_RINGS = 80;\nconst N_SEGS = 96;\n\ntype V3 = [number, number, number];\n\nfunction buildOuterRings(cfg: Cfg): V3[][] {\n const outer = applyWedge(cfg.points, cfg);\n const sm = smoothInterp(outer, N_RINGS);\n const rings: V3[][] = [];\n for (const [r, z] of sm) {\n const ring: V3[] = [];\n for (let i = 0; i < N_SEGS; i++) {\n const a = (i / N_SEGS) * Math.PI * 2;\n const rr = applyRib(r, a, z, cfg, \"outer\");\n ring.push([rr * Math.cos(a), rr * Math.sin(a), z]);\n }\n rings.push(ring);\n }\n return rings;\n}\n\nfunction buildInnerRings(cfg: Cfg, totalH: number): V3[][] | null {\n if (cfg.boreMode === \"constant\" && cfg.boreRadius > 0) {\n const z0 = cfg.floorThickness;\n const rings: V3[][] = [];\n for (let row = 0; row < N_RINGS; row++) {\n const z = z0 + (totalH - z0) * row / (N_RINGS - 1);\n const ring: V3[] = [];\n for (let i = 0; i < N_SEGS; i++) {\n const a = (i / N_SEGS) * Math.PI * 2;\n const rr = applyRib(cfg.boreRadius, a, z, cfg, \"inner\");\n ring.push([rr * Math.cos(a), rr * Math.sin(a), z]);\n }\n rings.push(ring);\n }\n return rings;\n }\n if (cfg.boreMode === \"profile\" && cfg.innerPoints && cfg.innerPoints.length >= 2) {\n const sm = smoothInterp(cfg.innerPoints, N_RINGS);\n const rings: V3[][] = [];\n for (const [r, z] of sm) {\n const ring: V3[] = [];\n for (let i = 0; i < N_SEGS; i++) {\n const a = (i / N_SEGS) * Math.PI * 2;\n const rr = applyRib(r, a, z, cfg, \"inner\");\n ring.push([rr * Math.cos(a), rr * Math.sin(a), z]);\n }\n rings.push(ring);\n }\n return rings;\n }\n return null;\n}\n\nfunction collectTris(cfg: Cfg, outerVerts: V3[][], innerVerts: V3[][] | null): [V3, V3, V3][] {\n const tris: [V3, V3, V3][] = [];\n // Outer wall (CCW outward)\n for (let row = 0; row < N_RINGS - 1; row++) {\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n const a = outerVerts[row][i], b = outerVerts[row][j];\n const c = outerVerts[row + 1][j], d = outerVerts[row + 1][i];\n tris.push([a, b, c]);\n tris.push([a, c, d]);\n }\n }\n // Inner wall (reversed for inward normals)\n if (innerVerts) {\n for (let row = 0; row < innerVerts.length - 1; row++) {\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n const a = innerVerts[row][i], b = innerVerts[row][j];\n const c = innerVerts[row + 1][j], d = innerVerts[row + 1][i];\n tris.push([a, c, b]);\n tris.push([a, d, c]);\n }\n }\n }\n // Bottom\n if (innerVerts && cfg.floorThickness > 0) {\n const oz = outerVerts[0][0][2];\n const center: V3 = [0, 0, oz];\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n tris.push([outerVerts[0][i], center, outerVerts[0][j]]);\n }\n const iz = innerVerts[0][0][2];\n const ic: V3 = [0, 0, iz];\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n tris.push([ic, innerVerts[0][j], innerVerts[0][i]]);\n }\n } else if (innerVerts) {\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n const a = outerVerts[0][i], b = outerVerts[0][j];\n const c = innerVerts[0][j], d = innerVerts[0][i];\n tris.push([a, b, c]);\n tris.push([a, c, d]);\n }\n } else {\n const center: V3 = [0, 0, outerVerts[0][0][2]];\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n tris.push([outerVerts[0][i], center, outerVerts[0][j]]);\n }\n }\n // Top\n if (innerVerts) {\n const lo = outerVerts[N_RINGS - 1];\n const li = innerVerts[innerVerts.length - 1];\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n const a = lo[i], b = lo[j], c = li[j], d = li[i];\n tris.push([a, c, b]);\n tris.push([a, d, c]);\n }\n } else {\n const lo = outerVerts[N_RINGS - 1];\n const center: V3 = [0, 0, lo[0][2]];\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n tris.push([lo[i], lo[j], center]);\n }\n }\n return tris;\n}\n\nfunction encodeBinary(tris: [V3, V3, V3][]): Uint8Array {\n const triCount = tris.length;\n const buf = new ArrayBuffer(80 + 4 + triCount * 50);\n const view = new DataView(buf);\n view.setUint32(80, triCount, true);\n let off = 84;\n for (const [a, b, c] of tris) {\n const ux = b[0] - a[0], uy = b[1] - a[1], uz = b[2] - a[2];\n const vx = c[0] - a[0], vy = c[1] - a[1], vz = c[2] - a[2];\n let nx = uy * vz - uz * vy;\n let ny = uz * vx - ux * vz;\n let nz = ux * vy - uy * vx;\n const len = Math.hypot(nx, ny, nz) || 1;\n nx /= len; ny /= len; nz /= len;\n view.setFloat32(off, nx, true);\n view.setFloat32(off + 4, ny, true);\n view.setFloat32(off + 8, nz, true);\n view.setFloat32(off + 12, a[0], true);\n view.setFloat32(off + 16, a[1], true);\n view.setFloat32(off + 20, a[2], true);\n view.setFloat32(off + 24, b[0], true);\n view.setFloat32(off + 28, b[1], true);\n view.setFloat32(off + 32, b[2], true);\n view.setFloat32(off + 36, c[0], true);\n view.setFloat32(off + 40, c[1], true);\n view.setFloat32(off + 44, c[2], true);\n view.setUint16(off + 48, 0, true);\n off += 50;\n }\n return new Uint8Array(buf);\n}\n\nexport function generateSTL(cfg: Cfg): Uint8Array {\n const outerVerts = buildOuterRings(cfg);\n const totalH = outerVerts[outerVerts.length - 1][0][2];\n const innerVerts = buildInnerRings(cfg, totalH);\n const tris = collectTris(cfg, outerVerts, innerVerts);\n return encodeBinary(tris);\n}\n",[377,390],"cad0dfb1cddcf9f0cf0ce088c5f2bf4ef1d3b5afa90d417ce70b83276d86b55a","vase-creator/presets.ts",{"_32":399,"_13":400,"_82":401,"_84":370,"_85":57,"_86":402,"_88":26,"_34":403,"_40":122,"_91":373,"_93":404,"_65":48,"_95":-5,"_96":-7,"_75":405,"_98":406},"2669b406-4636-11f1-8ede-42b51c65c3df","presets.ts","2669b4ce-4636-11f1-8ede-42b51c65c3df",267,["D",1777733381164],"/**\n * Profile presets — seeded with V2 mini PET 0.5L (golden working dimensions).\n */\n\nimport type { Preset } from \"./types.ts\";\n\nexport const PRESETS: Record = {\n v2_mini_bottom: {\n name: \"V2 mini PET 0.5L — Bottom (vase)\",\n points: [[42, 0], [40, 20], [37.5, 60], [37, 100], [37, 120]],\n boreMode: \"constant\",\n boreRadius: 33.5,\n innerPoints: null,\n floorThickness: 0,\n ribCount: 6,\n ribDepth: 1.5,\n ribWidth: 6,\n ribSide: \"outer\",\n splitMode: \"bottom\",\n wedgeOverlap: 15,\n wedgeTaper: 0.5,\n },\n v2_mini_top: {\n name: \"V2 mini PET 0.5L — Top (vase)\",\n points: [[37, 0], [37, 55], [22, 95], [35, 120]],\n boreMode: \"profile\",\n boreRadius: 0,\n innerPoints: [[34, 0], [34, 55], [16, 95], [30, 120]],\n floorThickness: 0,\n ribCount: 6,\n ribDepth: 1.5,\n ribWidth: 6,\n ribSide: \"outer\",\n splitMode: \"top\",\n wedgeOverlap: 15,\n wedgeTaper: 0.5,\n },\n blank: {\n name: \"Blank\",\n points: [[20, 0], [20, 50]],\n boreMode: \"constant\",\n boreRadius: 17,\n innerPoints: null,\n floorThickness: 1.2,\n ribCount: 0,\n ribDepth: 1.5,\n ribWidth: 6,\n ribSide: \"outer\",\n splitMode: \"none\",\n wedgeOverlap: 0,\n wedgeTaper: 0,\n },\n};\n",[377,400],"d11bb44a0959fed164cc0e13c7534570ecf717a57e169f10ff2aca274a5762b3","vase-creator/page.ts",{"_32":409,"_13":410,"_82":411,"_84":370,"_85":57,"_86":412,"_88":26,"_34":413,"_40":122,"_91":373,"_93":414,"_65":48,"_95":-5,"_96":-7,"_75":415,"_98":416},"5dd07a42-4636-11f1-9ce6-42b51c65c3df","page.ts","5dd07b14-4636-11f1-9ce6-42b51c65c3df",271,["D",1777733474120],"/**\n * HTML body markup for the vase-creator UI.\n */\n\nexport function bodyHTML(): string {\n return `\n

Vase Creator

Preset

Filename

Profile

Ribs

Joint

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

Outer profile

\n \n

Inner bore

Bore mode\n \n

Bore radius\n

\n \n

Floor thickness\n

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

Count\n

Depth (mm)\n

Width (mm)\n

Side\n \n

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

Mode\n \n

Overlap (mm)\n

Taper (mm)\n

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

\n \n \n

\n \n

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

Model Analysis

◆ STL CREATOR

Model Analysis

◆ STL VIEWER

Vase Creator

Outer profile

Inner bore

Compare

Mergestl-creator/mainintostl-viewer/main

examples.ts+285-13

examples/types.ts+4-4

layout.ts+25-8

Hmain.ts+515-1

styles.ts+78-0

viewer.ts+179-40

AGENTS.md+165-0

PRESS-FIT-NOTES.md+70-0

assets

assets/woodGrainDeboss.svg+13-0

examples/bodkin.ts+77-0

examples/bokashiBaseCatcher.ts+201-0

examples/bokashiBaseCylinder.ts+82-0

examples/bokashiBodyCylinder.ts+69-0

examples/bokashiBodyTop.ts+57-0

examples/bokashiBodyTopTaper.ts+125-0

examples/bokashiBottleAdaptor.ts+111-0

examples/bokashiCollector.ts+138-0

examples/bokashiDrainPlug.ts+71-0

examples/bokashiDrainageThird.ts+189-0

examples/bokashiDrainageThird135.ts+184-0

examples/bokashiFitLadderBase.ts+117-0

examples/bokashiFitLadderTop.ts+107-0

examples/bottleRingTest.ts+49-0

examples/bottleShell.ts+38-0

examples/bottleSleeve15L.ts+112-0

examples/bottleSleeveVase.ts+42-0

examples/bottleSplitter.ts+110-0

examples/bucketOpener70mm.ts+70-0

examples/bucketOpenerCurved.ts+131-0

examples/bucketOpenerIterations.ts+85-0

examples/cableDowelClipSizes.ts+87-0

examples/cableDowelSlotTest.ts+46-0

examples/cableDowelTest.ts+73-0

examples/cableOrganizer.ts+49-0

examples/calCylinders.ts+37-0

examples/cap5L48mm.ts+174-0

examples/cap5L48mmFlush.ts+164-0

examples/cap5L48mmFlushV6.ts+201-0

examples/cap5L48mmFlushV6Grip.ts+198-0

examples/cap5L48mmFlushVesselDangle.ts+224-0

examples/cap5L48mmFlushVesselInset.ts+204-0

examples/cap5L48mmThreadTest.ts+127-0

examples/cap5L48mmThreadTestBeefy.ts+114-0

examples/cap5L48mmThreadTestButtress.ts+145-0

examples/cap5L48mmThreadTestTripleButtress.ts+163-0

examples/chamferChannelTest.ts+83-0

examples/digiclock

examples/digiclock/diffuserPanels.ts+114-0

examples/digiclock/enclosureConcept.ts+469-0

examples/donutShadeCylinder.ts+89-0

examples/donutShadeCylinderTest.ts+63-0

examples/donutShadeFitTest.ts+79-0

examples/donutShadeFlower.ts+88-0

examples/donutShadeRibbed.ts+88-0

examples/donutShadeV1.ts+98-0

examples/donutShadeXL.ts+86-0

examples/donutShadeXLTest.ts+69-0

examples/funnel170to75.ts+47-0

examples/halfRingTest.ts+74-0

examples/hexBox.ts+46-0

examples/kratkyReservoirBottom.ts+118-0

examples/kratkyReservoirTop.ts+117-0

examples/ledLightBase.ts+70-0

examples/ledLightBase15L.ts+125-0

examples/ledLightBase15LV2.ts+160-0

examples/ledLightBaseV2.ts+102-0

examples/ledStickRingTest.ts+67-0

examples/lightSleeveMiniBottom.ts+90-0

examples/lightSleeveMiniTop.ts+97-0

examples/microgreensDonut.ts+109-0

examples/microgreensHoneycomb.ts+118-0

examples/microgreensMesh.ts+81-0

examples/mountingPlate.ts+40-0

examples/orangeCup.ts+168-0

examples/owalaSleeve.ts+67-0

examples/owalaSleeveFuzzy.ts+67-0

examples/pco1881Pair.ts+172-0