BOOMBOX GENERATOR

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

\n \n \n \n

\n \n png\n svg\n scad\n stl\n

\n show drag\n handlesclamp drags\n moistening\n \n

\n \n\n",[],[205],{"_105":214,"_96":100,"_157":117,"_159":-5,"_160":142,"_161":215,"_163":22,"_107":216,"_101":217,"_166":218,"_168":219,"_170":22,"_171":220,"_172":221,"_99":222},"bb3d604a-94d0-11f0-908b-0224a6c84d84",147,["D",1758228466386],45,"http","import { Hono } from \"npm:hono@4.9.8\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { readFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { generateOgImageResponse } from \"./og.tsx\";\nimport { generateScadCode } from \"./scad.ts\";\nimport { scadToStl as scadToStl } from \"./scad-to-stl.ts\";\n\nconst app = new Hono();\napp.get(\"/\", async (c) => {\n let text = await readFile(\"./index.html\");\n const hash = c.req.query(\"b\");\n if (hash) {\n const ogImageUrl = `https://boombox.val.run/bb.png?b=${hash}`;\n text = text.replace(\"/bb.png\", ogImageUrl);\n }\n return new Response(text, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n});\napp.get(\"/script.js\", () => serveFile(\"/script.js\"));\napp.get(\"/favicon.svg\", () => serveFile(\"/favicon.svg\"));\napp.get(\"/boombox.js\", () => serveFile(\"/boombox.js\"));\napp.get(\"/Gilroy-ExtraBold.otf\", () => blob.get(\"Gilroy-ExtraBold.otf\"));\n\napp.get(\"/bb.png\", (c) => {\n const response = generateOgImageResponse(c.req.query(\"b\"));\n return response;\n});\n\n// TODAN: remove this eventually\napp.get(\"/og.png\", (c) => {\n const response = generateOgImageResponse(c.req.query(\"b\"));\n return response;\n});\n\napp.get(\"/bb.scad\", (c) => {\n const hash = c.req.query(\"b\");\n const scad = generateScadCode(hash);\n return new Response(scad, {\n headers: {\n \"Content-Type\": \"application/x-openscad\",\n \"Content-Disposition\": `attachment; filename=boombox-${hash}.scad`,\n },\n });\n});\n\napp.get(\"/bb.stl\", async (c) => {\n const hash = c.req.query(\"b\");\n const scad = generateScadCode(hash);\n const stl = await scadToStl(scad);\n return new Response(stl, {\n headers: {\n \"Content-Type\": \"application/vnd.ms-pki.stl\",\n \"Content-Disposition\": `attachment; filename=boombox-${hash}.stl`,\n },\n });\n});\n\nexport default app.fetch;\n","boombox",[],[100],{"_105":224,"_96":225,"_157":226,"_159":-5,"_160":142,"_161":227,"_163":22,"_107":228,"_101":229,"_166":181,"_168":230,"_170":22,"_171":-5,"_172":231,"_99":232},"a96e3a50-948b-11f0-ac7f-0224a6c84d84","og.tsx","674914ee-92fe-11f0-b9bb-0224a6c84d84",128,["D",1758198801231],43,"/** @jsxImportSource https://esm.sh/preact */\nimport { boomboxData } from \"./boombox.js\";\nimport { ImageResponse } from \"npm:@vercel/og@0.8.5\";\n\nexport function generateOgImageResponse(hash: string | undefined) {\n try {\n const bb = boomboxData();\n if (hash) {\n bb.decode(hash);\n }\n\n const { svg, width, height } = bb.svg();\n const imgSrc = `data:image/svg+xml;base64,${btoa(svg)}`;\n return new ImageResponse(\n (\n \n ),\n {\n width: width,\n height: height,\n headers: {\n \"cache-control\": \"no-cache, no-store\",\n },\n }\n );\n } catch (error) {\n console.error(error);\n throw error;\n }\n}\n",[],[225],{"_105":234,"_96":235,"_157":236,"_159":-5,"_160":142,"_161":237,"_163":119,"_107":238,"_101":32,"_166":181,"_168":239,"_170":22,"_171":-5,"_172":240,"_99":241},"a08d2dbc-948e-11f0-8f84-0224a6c84d84","scad-to-stl.ts","a08d2e7a-948e-11f0-8f84-0224a6c84d84",133,["D",1758200074827],"import {\n createOpenSCAD,\n type OpenSCADInstance,\n} from \"https://esm.sh/openscad-wasm-prebuilt@1.2.0\";\n\nlet openscadInstance: OpenSCADInstance = null;\n\nasync function initOpenSCAD() {\n if (!openscadInstance) {\n openscadInstance = await createOpenSCAD();\n }\n return openscadInstance;\n}\n\nexport async function scadToStl(scad: string): Promise {\n const openscad = await initOpenSCAD();\n const result = await openscad.renderToStl(scad);\n return result;\n}\n",[],[235],{"_105":243,"_96":244,"_157":245,"_159":-5,"_160":142,"_161":246,"_163":22,"_107":247,"_101":248,"_166":181,"_168":249,"_170":22,"_171":-5,"_172":250,"_99":251},"a948bc9e-948b-11f0-9c6f-0224a6c84d84","scad.ts","c237a1c8-9316-11f0-8ae4-0224a6c84d84",123,["D",1758198800946],2,"import { boomboxData } from \"./boombox.js\";\n\nexport function generateScadCode(hash: string | undefined) {\n const bb = boomboxData();\n if (hash) {\n bb.decode(hash);\n }\n\n const eyePositions = {\n irisX: `${bb.chinWidth + bb.irisRadius} + spacing`,\n pupilX: `${bb.chinWidth + bb.irisRadius * 3} + spacing * 2`,\n y1: `${bb.irisRadius}`,\n y2: `${bb.irisRadius * 3} + spacing`,\n };\n\n return `\n// https://boombox.val.run/?b=${hash}\n\nscale_factor = 0.8;\nthickness = 6 * (1 / scale_factor); // ensure thickness remains constant\neye_depth = thickness * 0.7;\npupil_depth = eye_depth * 0.4;\nspacing = 5;\n\n// smooth cylinders\n$fn = 120;\n\nmodule cat_head() {\n difference() {\n linear_extrude(height = thickness) {\n cat_shape();\n }\n\n translate([${bb.leftEyeX}, ${bb.eyeHeight}, thickness - eye_depth])\n cylinder(h = eye_depth + 0.1, d = ${bb.irisRadius * 2} );\n translate([${bb.rightEyeX}, ${bb.eyeHeight}, thickness - eye_depth])\n cylinder(h = eye_depth + 0.1, d = ${bb.irisRadius * 2} );\n }\n}\n\nmodule cat_shape() {\n polygon(${JSON.stringify(bb.facePolygon())});\n}\n\n\nmodule eye_plug() {\n difference() {\n cylinder(h = eye_depth, d = ${bb.irisRadius * 2} - 0.05);\n translate([${bb.pupilOffset}, 0, pupil_depth])\n cylinder(h = eye_depth + 0.1, d = ${bb.pupilRadius * 2});\n }\n}\n\nmodule pupil_plug() {\n cylinder(h = pupil_depth * 1.1, d = ${bb.pupilRadius * 2} - 0.05);\n}\n\nscale(scale_factor) {\n cat_head();\n\n // iris 1\n translate([${eyePositions.irisX}, ${eyePositions.y1}, 0])\n eye_plug();\n\n // iris 2\n translate([${eyePositions.irisX}, ${eyePositions.y2}, 0])\n eye_plug();\n\n // pupil 1\n // pupil plugs positioned separately\n translate([${eyePositions.pupilX}, ${eyePositions.y1}, 0])\n pupil_plug();\n\n // pupil 2\n translate([${eyePositions.pupilX}, ${eyePositions.y2}, 0])\n pupil_plug();\n}\n `;\n}\n",[],[244],{"_105":253,"_96":254,"_157":255,"_159":-5,"_160":142,"_161":256,"_163":119,"_107":257,"_101":248,"_166":181,"_168":258,"_170":22,"_171":-5,"_172":259,"_99":260},"315c5df0-94ca-11f0-bd0f-0224a6c84d84","script.js","60408be2-92fd-11f0-8106-0224a6c84d84",143,["D",1758225658080],"// deno-lint-ignore-file no-window\nimport { boomboxData, initialSliders, sliders } from \"./boombox.js\";\n\nwindow.boomboxData = boomboxData;\nwindow.sliders = sliders;\nwindow.initialSliders = initialSliders;\n",[],[254],"files",[154,175,185,194,203,213,223,233,242,252],"counts",{"_265":32,"_266":165,"_267":32,"_268":269},"pulls","branches","forks","envVars",{"_270":32,"_271":32},"count","emptyCount","contents",[],{"_105":214,"_96":100,"_157":117,"_159":-5,"_160":142,"_161":215,"_163":22,"_107":275,"_101":217,"_166":218,"_168":219,"_170":22,"_171":220,"_99":276},["D",1758228466386],[100],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_94":95,"_96":97,"_98":44,"_101":102,"_99":100,"_103":285,"_152":290,"_261":321,"_167":322,"_272":324,"_325":-5,"_326":-5,"_327":-5,"_328":-5,"_329":330},{"_105":106,"_96":97,"_107":286,"_109":-5,"_110":22,"_111":112,"_113":-5,"_114":-5,"_14":115,"_116":117,"_118":119,"_120":119,"_121":-5,"_122":32,"_16":123,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":287,"_136":288,"_139":289,"_151":22},["D",1758021590882],{"_94":95,"_134":135},{"_94":95,"_138":135,"_14":115},{"_101":141,"_96":44,"_105":142,"_143":106,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":97,"_150":95},[291,294,297,300,303,306,309,312,315,318],{"_105":155,"_96":156,"_157":158,"_159":-5,"_160":142,"_161":162,"_163":119,"_107":164,"_101":165,"_166":167,"_168":169,"_170":22,"_171":-5,"_172":292,"_99":293},[],[156],{"_105":176,"_96":177,"_157":178,"_159":-5,"_160":142,"_161":102,"_163":22,"_107":179,"_101":180,"_166":181,"_168":182,"_170":22,"_171":-5,"_172":295,"_99":296},[],[177],{"_105":186,"_96":187,"_157":188,"_159":-5,"_160":142,"_161":189,"_163":119,"_107":190,"_101":165,"_166":167,"_168":191,"_170":22,"_171":-5,"_172":298,"_99":299},[],[187],{"_105":195,"_96":196,"_157":197,"_159":-5,"_160":142,"_161":198,"_163":119,"_107":199,"_101":32,"_166":167,"_168":200,"_170":22,"_171":-5,"_172":301,"_99":302},[],[196],{"_105":204,"_96":205,"_157":206,"_159":-5,"_160":142,"_161":207,"_163":22,"_107":208,"_101":209,"_166":167,"_168":210,"_170":22,"_171":-5,"_172":304,"_99":305},[],[205],{"_105":214,"_96":100,"_157":117,"_159":-5,"_160":142,"_161":215,"_163":22,"_107":216,"_101":217,"_166":218,"_168":219,"_170":22,"_171":220,"_172":307,"_99":308},[],[100],{"_105":224,"_96":225,"_157":226,"_159":-5,"_160":142,"_161":227,"_163":22,"_107":228,"_101":229,"_166":181,"_168":230,"_170":22,"_171":-5,"_172":310,"_99":311},[],[225],{"_105":234,"_96":235,"_157":236,"_159":-5,"_160":142,"_161":237,"_163":119,"_107":238,"_101":32,"_166":181,"_168":239,"_170":22,"_171":-5,"_172":313,"_99":314},[],[235],{"_105":243,"_96":244,"_157":245,"_159":-5,"_160":142,"_161":246,"_163":22,"_107":247,"_101":248,"_166":181,"_168":249,"_170":22,"_171":-5,"_172":316,"_99":317},[],[244],{"_105":253,"_96":254,"_157":255,"_159":-5,"_160":142,"_161":256,"_163":119,"_107":257,"_101":248,"_166":181,"_168":258,"_170":22,"_171":-5,"_172":319,"_99":320},[],[254],[291,294,297,300,303,306,309,312,315,318],{"_105":214,"_96":100,"_157":117,"_159":-5,"_160":142,"_161":215,"_163":22,"_107":275,"_101":217,"_166":218,"_168":219,"_170":22,"_171":220,"_99":323},[100],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

danfishgold

boombox-generator