STL Viewer — A1 Mini Edition

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_278":279,"_280":281},"routes/_app.x.$handle.$name",{"_95":94,"_31":43,"_104":85,"_26":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":24,"_119":120,"_121":57,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":24},"version",82,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":20,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","examples/kratky.ts","latestPath","fileId","95a8019c-030b-11f1-a80a-42dde27851f2","name","kratky.ts","fileType","content","import type { Example } from \"./types.ts\";\n\n/**\n * Kratky Hydroponic System — maximizes the A1 Mini 180³mm build volume.\n *\n * Components:\n * - Reservoir body (tapered hollow cylinder via LatheGeometry profile)\n * - Snap-fit lid with net pot opening and fill port chimney\n * - Net pot basket with drain ring details\n * - 3 external grip bands + 6 vertical accent ribs\n * - Base stability ring\n * - Lid handles for removal\n *\n * Overall: ~170mm Ø × 160mm tall\n */\nconst kratky: Example = {\n id: \"kratky\",\n icon: \"🌿\",\n name: \"Kratky Hydroponic\",\n desc: \"Full system — reservoir, lid, net pot, fill port\",\n size: \"170 × 170 × 160 mm\",\n time: \"~6 hrs\",\n generatorBody: `\n const parts = [];\n\n // ─── DIMENSIONS ─────────────────────────\n const H = 138; // reservoir height\n const wall = 3; // wall thickness\n const rBot = 78, rTop = 82; // outer radii (slight taper)\n const iBot = rBot - wall, iTop = rTop - wall;\n const segs = 48; // circumference segments\n const oR = (y) => rBot + (rTop - rBot) * (y / H);\n const iR = (y) => iBot + (iTop - iBot) * (y / H);\n\n // ─── RESERVOIR BODY (LatheGeometry cross-section) ───\n const R = [];\n R.push(new THREE.Vector2(0, 0));\n R.push(new THREE.Vector2(rBot, 0));\n for (let i = 1; i <= 24; i++) {\n const y = (i / 24) * H;\n R.push(new THREE.Vector2(oR(y), y));\n }\n R.push(new THREE.Vector2(rTop, H));\n R.push(new THREE.Vector2(iTop, H));\n for (let i = 24; i >= 1; i--) {\n const y = (i / 24) * H;\n R.push(new THREE.Vector2(iR(y), y));\n }\n R.push(new THREE.Vector2(iBot, wall));\n R.push(new THREE.Vector2(0, wall));\n parts.push(new THREE.LatheGeometry(R, segs));\n\n // ─── BASE STABILITY RING ────────────────\n const baseRing = new THREE.TorusGeometry(rBot + 1, 3, 8, segs);\n baseRing.translate(0, 0, 0);\n parts.push(baseRing);\n\n // ─── LID (ring with net pot hole) ───────\n const lidH = 5;\n const netR = 36;\n const lidOuter = rTop + 3; // slight overhang for grip\n const lidY = H + 2; // small gap above reservoir rim\n const lid = [];\n lid.push(new THREE.Vector2(netR + 1, lidY));\n lid.push(new THREE.Vector2(lidOuter, lidY));\n lid.push(new THREE.Vector2(lidOuter, lidY + lidH));\n lid.push(new THREE.Vector2(netR + 1, lidY + lidH));\n parts.push(new THREE.LatheGeometry(lid, segs));\n\n // Lid inner lip (locates into reservoir)\n const lip = [];\n lip.push(new THREE.Vector2(iTop - 0.5, H));\n lip.push(new THREE.Vector2(rTop - 0.5, H));\n lip.push(new THREE.Vector2(rTop - 0.5, H + 2));\n lip.push(new THREE.Vector2(iTop - 0.5, H + 2));\n parts.push(new THREE.LatheGeometry(lip, segs));\n\n // Lid rim ring (decorative bead around edge)\n const lidRim = new THREE.TorusGeometry(lidOuter, 1.5, 8, segs);\n lidRim.translate(0, lidY + lidH, 0);\n parts.push(lidRim);\n\n // ─── LID HANDLES (2 arch handles) ───────\n for (const angle of [0, Math.PI]) {\n const hR = 12; // handle arch radius\n const hx = Math.cos(angle) * (lidOuter - 15);\n const hz = Math.sin(angle) * (lidOuter - 15);\n const handle = new THREE.TorusGeometry(hR, 2.5, 8, 16, Math.PI);\n handle.rotateX(Math.PI / 2);\n handle.rotateY(angle + Math.PI / 2);\n handle.translate(hx, lidY + lidH + hR, hz);\n parts.push(handle);\n // Handle feet\n for (const side of [-1, 1]) {\n const foot = new THREE.CylinderGeometry(2.5, 2.5, 4, 8);\n const fx = hx + Math.cos(angle + Math.PI/2) * hR * side;\n const fz = hz + Math.sin(angle + Math.PI/2) * hR * side;\n foot.translate(fx, lidY + lidH + 2, fz);\n parts.push(foot);\n }\n }\n\n // ─── FILL PORT CHIMNEY ──────────────────\n const fillR = 8, fillH = 14;\n const fillDist = 58; // offset from center\n const fillA = Math.PI / 2; // at 90° position\n const fx = Math.cos(fillA) * fillDist;\n const fz = Math.sin(fillA) * fillDist;\n // Chimney tube (open-ended cylinder wall)\n const fillTube = new THREE.CylinderGeometry(fillR, fillR, fillH, 16, 1, true);\n fillTube.translate(fx, lidY + lidH + fillH / 2, fz);\n parts.push(fillTube);\n // Chimney cap ring\n const fillCap = new THREE.TorusGeometry(fillR, 1.8, 8, 16);\n fillCap.translate(fx, lidY + lidH + fillH, fz);\n parts.push(fillCap);\n // Chimney base flange\n const fillBase = new THREE.TorusGeometry(fillR + 2, 1.2, 8, 16);\n fillBase.translate(fx, lidY + lidH, fz);\n parts.push(fillBase);\n\n // ─── NET POT (hanging basket) ───────────\n const npTop = netR, npBot = 24, npH = 58;\n const npWall = 2;\n const npY = lidY; // hangs from lid level\n\n // Net pot outer wall (truncated cone profile)\n const np = [];\n np.push(new THREE.Vector2(npTop, npY));\n np.push(new THREE.Vector2(npBot, npY - npH));\n np.push(new THREE.Vector2(npBot - npWall, npY - npH));\n np.push(new THREE.Vector2(npTop - npWall, npY));\n parts.push(new THREE.LatheGeometry(np, 32));\n\n // Net pot bottom (ring floor with central drain opening)\n const npFloor = [];\n npFloor.push(new THREE.Vector2(5, npY - npH));\n npFloor.push(new THREE.Vector2(npBot - npWall, npY - npH));\n npFloor.push(new THREE.Vector2(npBot - npWall, npY - npH - npWall));\n npFloor.push(new THREE.Vector2(5, npY - npH - npWall));\n parts.push(new THREE.LatheGeometry(npFloor, 32));\n\n // Net pot flange (rim that sits on lid)\n const npFlange = [];\n npFlange.push(new THREE.Vector2(npTop - npWall, npY));\n npFlange.push(new THREE.Vector2(npTop + 4, npY));\n npFlange.push(new THREE.Vector2(npTop + 4, npY + 3));\n npFlange.push(new THREE.Vector2(npTop - npWall, npY + 3));\n parts.push(new THREE.LatheGeometry(npFlange, 32));\n\n // Net pot drain slot rings (visual detail at 4 heights)\n for (let i = 1; i <= 5; i++) {\n const frac = i / 6;\n const y = npY - frac * npH;\n const r = npTop + (npBot - npTop) * frac - npWall / 2;\n const ring = new THREE.TorusGeometry(r, 0.7, 6, 32);\n ring.translate(0, y, 0);\n parts.push(ring);\n }\n\n // ─── EXTERNAL GRIP BANDS ────────────────\n for (const frac of [0.2, 0.5, 0.8]) {\n const y = frac * H;\n const r = oR(y) + 2;\n const band = new THREE.TorusGeometry(r, 2.2, 8, segs);\n band.translate(0, y, 0);\n parts.push(band);\n }\n\n // ─── VERTICAL ACCENT RIBS (8 around body) ─\n for (let i = 0; i < 8; i++) {\n const a = (i / 8) * Math.PI * 2;\n const midR = oR(H / 2) + 3;\n const rib = new THREE.CylinderGeometry(1.8, 1.8, H * 0.65, 6);\n rib.translate(Math.cos(a) * midR, H * 0.4, Math.sin(a) * midR);\n parts.push(rib);\n }\n\n // ─── WATER LEVEL INDICATOR (raised channel) ─\n // A thin vertical strip on one side of the reservoir\n {\n const wlAngle = -Math.PI / 4;\n const wlR = oR(H / 2) + 1;\n const wlH = H * 0.75;\n const strip = new THREE.BoxGeometry(6, wlH, 1.5);\n strip.translate(\n Math.cos(wlAngle) * wlR,\n wlH / 2 + 8,\n Math.sin(wlAngle) * wlR\n );\n parts.push(strip);\n // Min/max markers\n for (const [my, label] of [[18, 'min'], [H * 0.7, 'max']]) {\n const marker = new THREE.BoxGeometry(10, 1.5, 2);\n marker.translate(\n Math.cos(wlAngle) * (wlR + 1),\n my,\n Math.sin(wlAngle) * (wlR + 1)\n );\n parts.push(marker);\n }\n }\n\n return mergeGeos(parts);\n `,\n};\n\nexport default kratky;\n","createdAt",["D",1770348371547],"branchVersion","branchId","d0ee3366-0301-11f1-85c1-42dde27851f2","id","d0edb300-0301-11f1-85c1-42dde27851f2","stl-viewer",["D",1770344176025],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","3D STL viewer with A1 Mini build volume","imageUrl","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","15883b8e-0302-11f1-a451-42dde27851f2","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_103":99},"org",{"_95":94,"_96":97,"_98":99,"_18":53,"_100":101,"_102":24},"branch",{"_13":84,"_31":85,"_41":40,"_86":42,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":43,"_93":94},"isOwned",113,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","dcm31","handle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789570799&sig=bfafc9de3f25d020766c1a418088d2aa7a118e3408c10bafe80b0604dafaeba0","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_31":43,"_36":274,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":275,"_79":276,"_81":277,"_83":24},"tree",[190,198,199,200,201,202],"files",[190,191,192,193,194,195,196,197,198,199,200,201,202],"counts",{"_180":61,"_181":139,"_182":139,"_183":184,"_185":186},"contents",[126,127,128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":173,"_31":174,"_29":175,"_135":-5,"_39":40,"_38":176,"_137":57,"_36":177,"_13":61,"_33":178,"_34":-5,"_23":24,"_141":-5,"_26":179},{"_41":165,"_31":166,"_29":167,"_135":-5,"_39":40,"_38":168,"_137":24,"_36":169,"_13":170,"_33":20,"_34":171,"_23":24,"_141":-5,"_26":172},{"_41":158,"_31":159,"_29":160,"_135":-5,"_39":40,"_38":161,"_137":57,"_36":162,"_13":139,"_33":20,"_34":163,"_23":24,"_141":-5,"_26":164},{"_41":150,"_31":151,"_29":55,"_135":-5,"_39":40,"_38":152,"_137":57,"_36":153,"_13":154,"_33":155,"_34":156,"_23":24,"_141":-5,"_26":157},{"_41":143,"_31":144,"_29":145,"_135":-5,"_39":40,"_38":146,"_137":57,"_36":147,"_13":61,"_33":20,"_34":148,"_23":24,"_141":-5,"_26":149},{"_41":132,"_31":133,"_29":134,"_135":-5,"_39":40,"_38":136,"_137":57,"_36":138,"_13":139,"_33":20,"_34":140,"_23":24,"_141":-5,"_26":142},"981a643e-030a-11f1-b582-42dde27851f2","viewer.ts","e24a147e-0309-11f1-8ef7-42dde27851f2","parentId",71,"latest",["D",1770347946153],1,"/** Client-side Three.js viewer script (inlined into HTML) */\nimport { getExampleGeneratorJS } from \"./examples.ts\";\n\nexport function getViewerScript(): string {\n return `\n \n `;\n}\n","label",[133],"a38ed102-0309-11f1-adbb-42dde27851f2","styles.ts","a38ed210-0309-11f1-adbb-42dde27851f2",65,["D",1770347535870],"/** 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 /* ── 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",[144],"e7838592-0309-11f1-a6ec-42dde27851f2","main.ts",68,["D",1770347649878],40,"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 Viewer — A1 Mini Edition\n \n \n\n\n ${getLayout()}\n ${getViewerScript()}\n\n`;\n}\n",[151],"751fc942-030a-11f1-8aca-42dde27851f2","layout.ts","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",[159],"802374c8-030b-11f1-a43a-42dde27851f2","examples.ts","65af5608-030a-11f1-9c29-42dde27851f2",81,["D",1770348335433],3,"/**\n * Barrel module — re-exports every example from its own file.\n *\n * To add a new example:\n * 1. Create examples/myModel.ts (default-export an Example object)\n * 2. Import + push it into EXAMPLES below\n * 3. Done — layout.ts and viewer.ts pick it up automatically.\n */\n\nexport type { Example } from \"./examples/types.ts\";\n\nimport benchy from \"./examples/benchy.ts\";\nimport vase from \"./examples/vase.ts\";\nimport gear from \"./examples/gear.ts\";\nimport castle from \"./examples/castle.ts\";\nimport planter from \"./examples/planter.ts\";\n\nexport const EXAMPLES = [benchy, vase, gear, castle, planter];\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",[166],"3cadb064-030b-11f1-b561-42dde27851f2","examples","3cadb12c-030b-11f1-b561-42dde27851f2",73,["D",1770348222247],"directory",[174],"pulls","branches","forks","envVars",{"_187":61,"_189":61},"connections",{"_187":61,"_188":61},"count","unfilledCount","emptyCount",{"_41":173,"_31":174,"_29":175,"_135":-5,"_39":40,"_38":176,"_137":57,"_36":271,"_13":61,"_33":178,"_34":-5,"_23":24,"_141":-5,"_204":272,"_26":273},{"_41":263,"_31":264,"_29":265,"_135":175,"_39":40,"_38":266,"_137":24,"_36":267,"_13":61,"_33":20,"_34":268,"_23":24,"_141":-5,"_204":269,"_26":270},{"_41":255,"_31":256,"_29":257,"_135":175,"_39":40,"_38":258,"_137":57,"_36":259,"_13":61,"_33":20,"_34":260,"_23":24,"_141":-5,"_204":261,"_26":262},{"_41":247,"_31":248,"_29":249,"_135":175,"_39":40,"_38":250,"_137":57,"_36":251,"_13":61,"_33":20,"_34":252,"_23":24,"_141":-5,"_204":253,"_26":254},{"_41":243,"_31":32,"_29":30,"_135":175,"_39":40,"_38":14,"_137":24,"_36":244,"_13":61,"_33":20,"_34":35,"_23":24,"_141":-5,"_204":245,"_26":246},{"_41":235,"_31":236,"_29":237,"_135":175,"_39":40,"_38":238,"_137":24,"_36":239,"_13":61,"_33":20,"_34":240,"_23":24,"_141":-5,"_204":241,"_26":242},{"_41":227,"_31":228,"_29":229,"_135":175,"_39":40,"_38":230,"_137":57,"_36":231,"_13":61,"_33":20,"_34":232,"_23":24,"_141":-5,"_204":233,"_26":234},{"_41":219,"_31":220,"_29":221,"_135":175,"_39":40,"_38":222,"_137":57,"_36":223,"_13":61,"_33":20,"_34":224,"_23":24,"_141":-5,"_204":225,"_26":226},{"_41":165,"_31":166,"_29":167,"_135":-5,"_39":40,"_38":168,"_137":24,"_36":216,"_13":170,"_33":20,"_34":171,"_23":24,"_141":-5,"_204":217,"_26":218},{"_41":158,"_31":159,"_29":160,"_135":-5,"_39":40,"_38":161,"_137":57,"_36":213,"_13":139,"_33":20,"_34":163,"_23":24,"_141":-5,"_204":214,"_26":215},{"_41":150,"_31":151,"_29":55,"_135":-5,"_39":40,"_38":152,"_137":57,"_36":210,"_13":154,"_33":155,"_34":156,"_23":24,"_141":-5,"_204":211,"_26":212},{"_41":143,"_31":144,"_29":145,"_135":-5,"_39":40,"_38":146,"_137":57,"_36":207,"_13":61,"_33":20,"_34":148,"_23":24,"_141":-5,"_204":208,"_26":209},{"_41":132,"_31":133,"_29":134,"_135":-5,"_39":40,"_38":136,"_137":57,"_36":203,"_13":139,"_33":20,"_34":140,"_23":24,"_141":-5,"_204":205,"_26":206},["D",1770347946153],"children",[],[133],["D",1770347535870],[],[144],["D",1770347649878],[],[151],["D",1770347887454],[],[159],["D",1770348335433],[],[166],"4c157744-030b-11f1-8601-42dde27851f2","vase.ts","4c15780c-030b-11f1-8601-42dde27851f2",76,["D",1770348248113],"import type { Example } from \"./types.ts\";\n\nconst vase: Example = {\n id: \"vase\",\n icon: \"🏺\",\n name: \"Spiral Vase\",\n desc: \"Low-poly spiral vase — vase mode ready\",\n size: \"80 × 80 × 120 mm\",\n time: \"~1.5 hrs\",\n generatorBody: `\n const pts = [];\n for (let i = 0; i <= 50; i++) {\n const t = i / 50;\n pts.push(new THREE.Vector2(\n 25 + Math.sin(t * Math.PI * 5) * 6 + t * 15,\n t * 120\n ));\n }\n pts.push(new THREE.Vector2(42, 120));\n pts.push(new THREE.Vector2(44, 118));\n return new THREE.LatheGeometry(pts, 48);\n `,\n};\n\nexport default vase;\n",[],[174,220],"419092ea-030b-11f1-aa59-42dde27851f2","types.ts","4190939e-030b-11f1-aa59-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",[],[174,228],"73334b8a-030b-11f1-8322-42dde27851f2","planter.ts","73334c48-030b-11f1-8322-42dde27851f2",80,["D",1770348313729],"import type { Example } from \"./types.ts\";\n\n/**\n * Kratky Hydroponic Planter — detailed functional design\n * Sized to maximize A1 Mini build volume (180³ mm)\n *\n * Features:\n * - Outer reservoir container (tapered, decorative ridges)\n * - Snap-fit lid with net-pot opening\n * - Net pot/basket with drainage slots\n * - Water-level indicator window cutout\n * - Fill port on lid\n */\nconst kratky: Example = {\n id: \"planter\",\n icon: \"🌿\",\n name: \"Kratky Hydroponic Planter\",\n desc: \"Functional deep water culture setup — max build volume\",\n size: \"160 × 160 × 170 mm\",\n time: \"~8 hrs\",\n generatorBody: `\n // === PARAMETERS ===\n const segs = 48;\n const wall = 3;\n // Reservoir outer dims (tapered)\n const rBot = 65, rTop = 78, resH = 120;\n // Lid\n const lidH = 8, lidLip = 4;\n // Net pot\n const netR = 38, netH = 55, netWall = 2;\n // Fill port\n const fillR = 12, fillH = 12;\n // Decorative ridges\n const ridgeR = 1.8, ridgeCount = 4;\n // Water-level window\n const winW = 8, winH = 50, winY = 20;\n\n const parts = [];\n\n // Helper: open-ended tapered cylinder\n function makeTaper(rB, rT, h, s, x, y, z) {\n const g = new THREE.CylinderGeometry(rT, rB, h, s, 1, true);\n g.translate(x, y, z);\n return g;\n }\n\n // Helper: ring/annulus at height y\n function makeRing(outerR, innerR, y, s) {\n const g = new THREE.RingGeometry(innerR, outerR, s);\n g.rotateX(-Math.PI / 2);\n g.translate(0, y, 0);\n return g;\n }\n\n // Helper: disk at height y\n function makeDisk(r, y, s) {\n const g = new THREE.CircleGeometry(r, s);\n g.rotateX(-Math.PI / 2);\n g.translate(0, y, 0);\n return g;\n }\n\n // === 1. RESERVOIR (outer container) ===\n // Outer wall\n parts.push(makeTaper(rBot, rTop, resH, segs, 0, resH/2, 0));\n\n // Inner wall (flipped for inward-facing normals)\n const iBot = rBot - wall, iTop = rTop - wall;\n const innerWall = new THREE.CylinderGeometry(iTop, iBot, resH, segs, 1, true);\n // Flip normals\n const innerPos = innerWall.attributes.position;\n const innerNorm = innerWall.attributes.normal;\n for (let i = 0; i < innerNorm.count; i++) {\n innerNorm.setXYZ(i,\n -innerNorm.getX(i),\n -innerNorm.getY(i),\n -innerNorm.getZ(i)\n );\n }\n // Reverse winding\n const innerIdx = innerWall.index;\n for (let i = 0; i < innerIdx.count; i += 3) {\n const a = innerIdx.getX(i);\n const c = innerIdx.getX(i + 2);\n innerIdx.setX(i, c);\n innerIdx.setX(i + 2, a);\n }\n innerWall.translate(0, resH/2, 0);\n parts.push(innerWall);\n\n // Bottom disk\n parts.push(makeDisk(rBot, 0, segs));\n\n // Top rim ring\n parts.push(makeRing(rTop, iTop, resH, segs));\n\n // Decorative ridges on exterior\n for (let i = 0; i < ridgeCount; i++) {\n const y = 20 + i * ((resH - 40) / (ridgeCount - 1));\n const rAtY = rBot + (rTop - rBot) * (y / resH);\n const torus = new THREE.TorusGeometry(rAtY + ridgeR * 0.5, ridgeR, 8, segs);\n torus.rotateX(Math.PI / 2);\n torus.translate(0, y, 0);\n parts.push(torus);\n }\n\n // === 2. LID ===\n const lidY = resH;\n // Lid top ring (around net pot hole + fill port hole)\n const lidOuter = rTop + 2;\n const lidDisk = makeRing(lidOuter, netR + 1, lidY + lidH, segs);\n parts.push(lidDisk);\n\n // Lid bottom ring (inner lip that sits inside reservoir)\n const lipRing = makeRing(iTop - 0.5, iTop - lidLip, lidY, segs);\n parts.push(lipRing);\n\n // Lid outer rim (short vertical wall)\n const lidRim = new THREE.CylinderGeometry(lidOuter, lidOuter, lidH, segs, 1, true);\n lidRim.translate(0, lidY + lidH/2, 0);\n parts.push(lidRim);\n\n // Lid lip wall (inner vertical)\n const lipWall = new THREE.CylinderGeometry(iTop - 0.5, iTop - 0.5, lidLip, segs, 1, true);\n lipWall.translate(0, lidY + lidLip/2, 0);\n parts.push(lipWall);\n\n // Net pot collar ring on lid\n const collarH = 6;\n const collar = new THREE.CylinderGeometry(netR + 3, netR + 3, collarH, segs, 1, true);\n collar.translate(0, lidY + lidH + collarH/2, 0);\n parts.push(collar);\n parts.push(makeRing(netR + 3, netR + 1, lidY + lidH + collarH, segs));\n\n // Fill port (offset cylinder on lid)\n const fillX = (rTop + netR) / 2 + 8;\n const fillPort = new THREE.CylinderGeometry(fillR, fillR, fillH, 16, 1, true);\n fillPort.translate(fillX, lidY + lidH + fillH/2, 0);\n parts.push(fillPort);\n // Fill port cap ring\n parts.push(makeRing(fillR, fillR - 3, lidY + lidH + fillH, 16));\n\n // === 3. NET POT (basket) ===\n const netY = lidY + lidH - netH + 10; // hangs below lid\n // Net pot outer wall\n const netOuter = new THREE.CylinderGeometry(netR, netR - 4, netH, segs, 1, true);\n netOuter.translate(0, netY + netH/2, 0);\n parts.push(netOuter);\n\n // Net pot inner wall\n const netInner = new THREE.CylinderGeometry(netR - netWall, netR - 4 - netWall, netH, segs, 1, true);\n const niNorm = netInner.attributes.normal;\n for (let i = 0; i < niNorm.count; i++) {\n niNorm.setXYZ(i, -niNorm.getX(i), -niNorm.getY(i), -niNorm.getZ(i));\n }\n const niIdx = netInner.index;\n for (let i = 0; i < niIdx.count; i += 3) {\n const a = niIdx.getX(i), c = niIdx.getX(i+2);\n niIdx.setX(i, c); niIdx.setX(i+2, a);\n }\n netInner.translate(0, netY + netH/2, 0);\n parts.push(netInner);\n\n // Net pot bottom (mesh-like — ring with center hole for drainage)\n parts.push(makeRing(netR - 4, 8, netY, segs));\n\n // Net pot drainage slots (small boxes cut through wall, represented as protruding fins)\n const slotCount = 12;\n for (let i = 0; i < slotCount; i++) {\n const a = (i / slotCount) * Math.PI * 2;\n const slotY = netY + 8 + (i % 3) * 14;\n const slotR = netR - 2;\n const slot = new THREE.BoxGeometry(2, 10, netWall + 1);\n slot.translate(Math.cos(a) * slotR, slotY, Math.sin(a) * slotR);\n slot.rotateY(-a);\n // Re-translate after rotation\n const slot2 = new THREE.BoxGeometry(2, 10, netWall + 1);\n slot2.rotateY(a);\n slot2.translate(Math.cos(a) * slotR, slotY, Math.sin(a) * slotR);\n parts.push(slot2);\n }\n\n // Net pot rim/flange that rests on collar\n parts.push(makeRing(netR + 2, netR, netY + netH, segs));\n\n // === 4. WATER LEVEL INDICATOR ===\n // Vertical strip on reservoir exterior (slightly raised)\n const wlR = rBot + (rTop - rBot) * (winY / resH);\n const indicator = new THREE.BoxGeometry(winW, winH, 1.5);\n indicator.translate(wlR + 0.5, winY + winH/2, 0);\n parts.push(indicator);\n\n // Scale marks on indicator\n for (let i = 0; i <= 4; i++) {\n const my = winY + 4 + i * ((winH - 8) / 4);\n const mr = rBot + (rTop - rBot) * (my / resH);\n const mark = new THREE.BoxGeometry(winW + 4, 1, 2);\n mark.translate(mr + 0.5, my, 0);\n parts.push(mark);\n }\n\n return mergeGeos(parts);\n `,\n};\n\nexport default kratky;\n",[],[174,236],"95a800b6-030b-11f1-a80a-42dde27851f2",["D",1770348371547],[],[174,32],"522e778e-030b-11f1-8dfb-42dde27851f2","gear.ts","522e7842-030b-11f1-8dfb-42dde27851f2",78,["D",1770348258342],"import type { Example } from \"./types.ts\";\n\nconst gear: Example = {\n id: \"gear\",\n icon: \"⚙️\",\n name: \"Herringbone Gear\",\n desc: \"Mechanical test piece with fine teeth\",\n size: \"60 × 60 × 20 mm\",\n time: \"~25 min\",\n generatorBody: `\n const R = 28, r = 22, T = 20, H = 20;\n const s = new THREE.Shape();\n for (let i = 0; i < T; i++) {\n const a1 = (i / T) * Math.PI * 2;\n const a2 = ((i + 0.25) / T) * Math.PI * 2;\n const a3 = ((i + 0.5) / T) * Math.PI * 2;\n const a4 = ((i + 0.75) / T) * Math.PI * 2;\n if (!i) s.moveTo(Math.cos(a1) * r, Math.sin(a1) * r);\n else s.lineTo(Math.cos(a1) * r, Math.sin(a1) * r);\n s.lineTo(Math.cos(a2) * R, Math.sin(a2) * R);\n s.lineTo(Math.cos(a3) * R, Math.sin(a3) * R);\n s.lineTo(Math.cos(a4) * r, Math.sin(a4) * r);\n }\n s.closePath();\n const hole = new THREE.Path();\n for (let i = 0; i <= 32; i++) {\n const a = (i / 32) * Math.PI * 2;\n if (!i) hole.moveTo(Math.cos(a) * 8, Math.sin(a) * 8);\n else hole.lineTo(Math.cos(a) * 8, Math.sin(a) * 8);\n }\n s.holes.push(hole);\n const g = new THREE.ExtrudeGeometry(s, { depth: H, bevelEnabled: false });\n g.rotateX(-Math.PI / 2);\n return g;\n `,\n};\n\nexport default gear;\n",[],[174,248],"57b6b356-030b-11f1-ba69-42dde27851f2","castle.ts","57b6b43c-030b-11f1-ba69-42dde27851f2",79,["D",1770348267623],"import type { Example } from \"./types.ts\";\n\nconst castle: Example = {\n id: \"castle\",\n icon: \"🏰\",\n name: \"Mini Castle\",\n desc: \"Tabletop terrain with turrets & walls\",\n size: \"100 × 100 × 80 mm\",\n time: \"~3 hrs\",\n generatorBody: `\n const p = [makeBox(100, 40, 100, 0, 20, 0)];\n for (const [tx, tz] of [[-42,-42],[42,-42],[-42,42],[42,42]]) {\n p.push(makeCyl(10, 60, 12, tx, 30, tz));\n p.push(makeCone(14, 20, 12, tx, 70, tz));\n }\n p.push(makeBox(20, 30, 8, 0, 15, 54));\n p.push(makeBox(30, 60, 30, 0, 30, 0));\n p.push(makeCone(22, 25, 8, 0, 72, 0));\n for (let i = -40; i <= 40; i += 12) {\n p.push(makeBox(6, 8, 6, i, 44, -47));\n p.push(makeBox(6, 8, 6, i, 44, 47));\n p.push(makeBox(6, 8, 6, -47, 44, i));\n p.push(makeBox(6, 8, 6, 47, 44, i));\n }\n return mergeGeos(p);\n `,\n};\n\nexport default castle;\n",[],[174,256],"47f4a61c-030b-11f1-ad78-42dde27851f2","benchy.ts","47f4a6c6-030b-11f1-ad78-42dde27851f2",75,["D",1770348241187],"import type { Example } from \"./types.ts\";\n\nconst benchy: Example = {\n id: \"benchy\",\n icon: \"🚢\",\n name: \"3DBenchy\",\n desc: \"Classic calibration boat — perfect first print\",\n size: \"60 × 31 × 48 mm\",\n time: \"~30 min\",\n generatorBody: `\n const s = new THREE.Shape();\n s.moveTo(-25, 0);\n s.quadraticCurveTo(-30, 10, -26, 22);\n s.lineTo(-15, 30); s.lineTo(15, 30);\n s.lineTo(26, 22);\n s.quadraticCurveTo(30, 10, 25, 0);\n s.lineTo(-25, 0);\n const hull = new THREE.ExtrudeGeometry(s, {\n depth: 30, bevelEnabled: true,\n bevelThickness: 3, bevelSize: 2, bevelSegments: 4,\n });\n hull.rotateX(-Math.PI / 2);\n hull.translate(0, 0, 15);\n const cabin = new THREE.BoxGeometry(16, 18, 13);\n cabin.translate(-4, 28, 0);\n const chimney = new THREE.CylinderGeometry(2.5, 3.5, 16, 8);\n chimney.translate(-4, 44, 0);\n const m = mergeGeos([hull, cabin, chimney]);\n m.computeBoundingBox();\n const len = m.boundingBox.max.x - m.boundingBox.min.x;\n m.scale(60 / len, 60 / len, 60 / len);\n return m;\n `,\n};\n\nexport default benchy;\n",[],[174,264],["D",1770348222247],[191,192,193,194,195,196,197],[174],["D",1770344176025],{"_95":94,"_103":99},{"_95":94,"_96":97,"_98":99,"_18":53,"_100":101,"_102":24},{"_13":84,"_31":85,"_41":40,"_86":42,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":43,"_93":94},"ctx",{"_77":-5,"_123":311,"_312":313,"_314":315,"_316":24,"_317":24,"_318":24,"_319":57,"_320":-5,"_321":-7,"_322":-7,"_323":61,"_324":24,"_325":24,"_326":-5,"_327":24,"_328":24,"_329":24,"_330":-5},"ENV",{"_282":283,"_284":285,"_286":85,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302,"_303":304,"_305":306,"_307":308,"_309":310},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Model Analysis

◆ STL VIEWER

Diff · v82