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",[],[99],{"_103":210,"_95":211,"_152":212,"_154":-5,"_155":137,"_156":136,"_158":159,"_105":213,"_100":214,"_162":215,"_164":216,"_166":22,"_167":217,"_168":218,"_98":219},"fb29ba9a-978d-11f0-8544-0224a6c84d84","main.ts","0fd65636-92ef-11f0-b834-0224a6c84d84",["D",1758529650836],47,"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/og.png?b=${hash}`;\n text = text.replace(\"/og.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({\n hash: c.req.query(\"b\"),\n targetWidth: 1080,\n });\n return response;\n});\n\napp.get(\"/og.png\", (c) => {\n const response = generateOgImageResponse({\n hash: c.req.query(\"b\"),\n targetWidth: 600,\n });\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",[],[211],{"_103":221,"_95":222,"_152":223,"_154":-5,"_155":137,"_156":224,"_158":159,"_105":225,"_100":226,"_162":178,"_164":227,"_166":22,"_167":-5,"_168":228,"_98":229},"8893e0a6-978c-11f0-a3e2-0224a6c84d84","og.tsx","674914ee-92fe-11f0-b9bb-0224a6c84d84",158,["D",1758529029101],45,"/** @jsxImportSource https://esm.sh/preact */\nimport { boomboxData } from \"./boombox.js\";\nimport { ImageResponse } from \"npm:@vercel/og@0.8.5\";\n\nexport function generateOgImageResponse({\n hash,\n targetWidth,\n}: {\n hash: string | undefined;\n targetWidth: number;\n}) {\n try {\n const bb = boomboxData();\n if (hash) {\n bb.decode(hash);\n }\n\n const { svg, viewBox } = bb.svg();\n const width = targetWidth;\n const height = targetWidth * (viewBox.height / viewBox.width);\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",[],[222],{"_103":231,"_95":232,"_152":233,"_154":-5,"_155":137,"_156":234,"_158":159,"_105":235,"_100":32,"_162":178,"_164":236,"_166":22,"_167":-5,"_168":237,"_98":238},"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",[],[232],{"_103":240,"_95":241,"_152":242,"_154":-5,"_155":137,"_156":243,"_158":159,"_105":244,"_100":245,"_162":178,"_164":246,"_166":22,"_167":-5,"_168":247,"_98":248},"907693f6-9564-11f0-831e-0224a6c84d84","scad.ts","c237a1c8-9316-11f0-8ae4-0224a6c84d84",153,["D",1758291960132],3,"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\n// eye parameters\nleft_eye_x = ${bb.leftEyeX};\nright_eye_x = ${bb.rightEyeX};\neye_height = ${bb.eyeHeight};\niris_radius = ${bb.irisRadius};\npupil_radius = ${bb.pupilRadius};\npupil_offset = ${bb.pupilOffset};\n\n// eye cylinder placement\niris_x = ${eyePositions.irisX};\npupil_x = ${eyePositions.pupilX};\ny1 = ${eyePositions.y1};\ny2 = ${eyePositions.y2};\n\nmodule cat_head() {\n difference() {\n linear_extrude(height = thickness) {\n cat_shape();\n }\n\n translate([left_eye_x, eye_height, thickness - eye_depth])\n cylinder(h = eye_depth + 0.1, d = iris_radius * 2);\n translate([right_eye_x, eye_height, thickness - eye_depth])\n cylinder(h = eye_depth + 0.1, d = iris_radius * 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 = iris_radius * 2 - 0.05);\n translate([pupil_offset, 0, pupil_depth])\n cylinder(h = eye_depth + 0.1, d = pupil_radius * 2);\n }\n}\n\nmodule pupil_plug() {\n cylinder(h = pupil_depth * 1.1, d = pupil_radius * 2 - 0.05);\n}\n\nscale(scale_factor) {\n cat_head();\n\n // iris 1\n translate([iris_x, y1, 0])\n eye_plug();\n\n // iris 2\n translate([iris_x, y2, 0])\n eye_plug();\n\n // pupil 1\n // pupil plugs positioned separately\n translate([pupil_x, y1, 0])\n pupil_plug();\n\n // pupil 2\n translate([pupil_x, y2, 0])\n pupil_plug();\n}\n `;\n}\n",[],[241],{"_103":250,"_95":251,"_152":252,"_154":-5,"_155":137,"_156":253,"_158":159,"_105":254,"_100":255,"_162":178,"_164":256,"_166":22,"_167":-5,"_168":257,"_98":258},"315c5df0-94ca-11f0-bd0f-0224a6c84d84","script.js","60408be2-92fd-11f0-8106-0224a6c84d84",143,["D",1758225658080],2,"// deno-lint-ignore-file no-window\nimport { boomboxData, initialSliders, sliders } from \"./boombox.js\";\n\nwindow.boomboxData = boomboxData;\nwindow.sliders = sliders;\nwindow.initialSliders = initialSliders;\n",[],[251],"files",[149,171,182,191,200,209,220,230,239,249],"counts",{"_263":32,"_264":161,"_265":32,"_266":267},"pulls","branches","forks","envVars",{"_268":32,"_269":32},"count","emptyCount","contents",[],{"_103":201,"_95":99,"_152":202,"_154":-5,"_155":137,"_156":203,"_158":159,"_105":273,"_100":205,"_162":163,"_164":206,"_166":22,"_167":-5,"_98":274},["D",1758528834912],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":283,"_147":288,"_259":319,"_163":320,"_270":322,"_323":-5,"_324":-5,"_325":-5,"_326":-5,"_327":328},{"_103":104,"_95":96,"_105":284,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":285,"_131":286,"_134":287,"_146":22},["D",1758021590882],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},[289,292,295,298,301,304,307,310,313,316],{"_103":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":157,"_158":159,"_105":160,"_100":161,"_162":163,"_164":165,"_166":22,"_167":-5,"_168":290,"_98":291},[],[151],{"_103":172,"_95":173,"_152":174,"_154":-5,"_155":137,"_156":175,"_158":159,"_105":176,"_100":177,"_162":178,"_164":179,"_166":22,"_167":-5,"_168":293,"_98":294},[],[173],{"_103":183,"_95":184,"_152":185,"_154":-5,"_155":137,"_156":186,"_158":159,"_105":187,"_100":161,"_162":163,"_164":188,"_166":22,"_167":-5,"_168":296,"_98":297},[],[184],{"_103":192,"_95":193,"_152":194,"_154":-5,"_155":137,"_156":195,"_158":159,"_105":196,"_100":32,"_162":163,"_164":197,"_166":22,"_167":-5,"_168":299,"_98":300},[],[193],{"_103":201,"_95":99,"_152":202,"_154":-5,"_155":137,"_156":203,"_158":159,"_105":204,"_100":205,"_162":163,"_164":206,"_166":22,"_167":-5,"_168":302,"_98":303},[],[99],{"_103":210,"_95":211,"_152":212,"_154":-5,"_155":137,"_156":136,"_158":159,"_105":213,"_100":214,"_162":215,"_164":216,"_166":22,"_167":217,"_168":305,"_98":306},[],[211],{"_103":221,"_95":222,"_152":223,"_154":-5,"_155":137,"_156":224,"_158":159,"_105":225,"_100":226,"_162":178,"_164":227,"_166":22,"_167":-5,"_168":308,"_98":309},[],[222],{"_103":231,"_95":232,"_152":233,"_154":-5,"_155":137,"_156":234,"_158":159,"_105":235,"_100":32,"_162":178,"_164":236,"_166":22,"_167":-5,"_168":311,"_98":312},[],[232],{"_103":240,"_95":241,"_152":242,"_154":-5,"_155":137,"_156":243,"_158":159,"_105":244,"_100":245,"_162":178,"_164":246,"_166":22,"_167":-5,"_168":314,"_98":315},[],[241],{"_103":250,"_95":251,"_152":252,"_154":-5,"_155":137,"_156":253,"_158":159,"_105":254,"_100":255,"_162":178,"_164":256,"_166":22,"_167":-5,"_168":317,"_98":318},[],[251],[289,292,295,298,301,304,307,310,313,316],{"_103":201,"_95":99,"_152":202,"_154":-5,"_155":137,"_156":203,"_158":159,"_105":273,"_100":205,"_162":163,"_164":206,"_166":22,"_167":-5,"_98":321},[99],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

danfishgold

boombox-generator