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 download scad\n

\n show drag\n handles\n

\n no ears\n only ears\n \n

\n narrow brow\n wide brow\n\n \n

\n short king\n tall boy\n\n \n

\n\n

\n tiny eyes\n big eyes\n\n \n

\n stressed\n stressed2\n\n \n

\n\n

\n low eyes\n high eyes\n\n \n

\n\n

\n far sighted\n near sighted\n\n \n

\n\n

\n Die Linke\n AfD\n\n \n

\n\n

\n SPD\n CDU/CSU\n\n \n

\n\n

\n \n\n",[],[193],{"_103":202,"_95":99,"_152":203,"_154":-5,"_155":137,"_156":204,"_158":159,"_105":205,"_100":206,"_162":207,"_164":208,"_166":22,"_167":209,"_168":210,"_98":211},"c22afa90-9316-11f0-8301-0224a6c84d84","0fd65636-92ef-11f0-b834-0224a6c84d84",117,["D",1758038640454],42,"http","import { Hono } from \"npm:hono\";\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\";\n\nconst app = new Hono();\napp.get(\"/\", async (c) => {\n let text = await readFile(\"./index.html\");\n const code = c.req.query(\"b\");\n if (code) {\n const ogImageUrl = `https://boombox.val.run/bb.png?b=${code}`;\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(\"/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(\"/scad\", (c) => {\n const code = c.req.query(\"b\");\n return new Response(generateScadCode(code), {\n headers: {\n \"Content-Type\": \"application/x-openscad\",\n \"Content-Disposition\": `attachment; filename=boombox-${code}.scad`,\n },\n });\n});\n\n// app.get(\"/:code/og.png\", (c) => {\n// const response = generateOgImageResponse(c.req.param(\"code\"));\n// return response;\n// });\n\nexport default app.fetch;\n","boombox",[],[99],{"_103":213,"_95":214,"_152":215,"_154":-5,"_155":137,"_156":216,"_158":159,"_105":217,"_100":206,"_162":178,"_164":218,"_166":22,"_167":-5,"_168":219,"_98":220},"b3cdd36a-9310-11f0-89c0-0224a6c84d84","og.tsx","674914ee-92fe-11f0-b9bb-0224a6c84d84",116,["D",1758036039375],"/** @jsxImportSource https://esm.sh/preact */\nimport { boomboxData } from \"./boombox.js\";\nimport { ImageResponse } from \"npm:@vercel/og\";\n\nexport function generateOgImageResponse(code: string | undefined) {\n try {\n const bb = boomboxData();\n if (code) {\n bb.decode(code);\n }\n const unpaddedHeight = Math.max(bb.totalHeight, bb.chinWidth * 0.8);\n const viewBox = bb.viewBoxObject({\n unpaddedHeight,\n });\n const scale = 4;\n const width = viewBox.width * scale;\n const height = viewBox.height * scale;\n\n const svg = bb.svg({ unpaddedHeight });\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",[],[214],{"_103":222,"_95":223,"_152":224,"_154":-5,"_155":137,"_156":136,"_158":159,"_105":225,"_100":161,"_162":178,"_164":226,"_166":22,"_167":-5,"_168":227,"_98":228},"8aba146e-9317-11f0-b01e-0224a6c84d84","scad.ts","c237a1c8-9316-11f0-8ae4-0224a6c84d84",["D",1758038976936],"import { boomboxData } from \"./boombox.js\";\n\nexport function generateScadCode(code: string | undefined) {\n const bb = boomboxData();\n if (code) {\n bb.decode(code);\n }\n\n const eyes = bb.eyes;\n\n const eyePositions = {\n irisX: `${bb.chinWidth + eyes.irisRadius} + spacing`,\n pupilX: `${bb.chinWidth + eyes.irisRadius * 3} + spacing * 2`,\n y1: `${eyes.irisRadius}`,\n y2: `${eyes.irisRadius * 3} + spacing`,\n };\n\n return `\n// https://boombox.val.run/?b=${code}\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([${eyes.leftX}, ${eyes.height}, thickness - eye_depth])\n cylinder(h = eye_depth + 0.1, d = ${eyes.irisRadius * 2} );\n translate([${eyes.rightX}, ${eyes.height}, thickness - eye_depth])\n cylinder(h = eye_depth + 0.1, d = ${eyes.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 = ${eyes.irisRadius * 2} - 0.05);\n translate([${eyes.pupilOffset}, 0, pupil_depth])\n cylinder(h = eye_depth + 0.1, d = ${eyes.pupilRadius * 2});\n }\n}\n\nmodule pupil_plug() {\n cylinder(h = pupil_depth * 1.1, d = ${eyes.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",[],[223],{"_103":230,"_95":231,"_152":232,"_154":-5,"_155":137,"_156":233,"_158":159,"_105":234,"_100":32,"_162":178,"_164":235,"_166":22,"_167":-5,"_168":236,"_98":237},"60408b38-92fd-11f0-8106-0224a6c84d84","script.js","60408be2-92fd-11f0-8106-0224a6c84d84",26,["D",1758027738751],"import { boomboxData } from \"./boombox.js\";\n\nwindow.boomboxData = boomboxData;\n",[],[231],"files",[149,171,182,191,201,212,221,229],"counts",{"_242":32,"_243":161,"_244":32,"_245":32},"pulls","branches","forks","envVars","contents",[],{"_103":202,"_155":137,"_152":203,"_95":99,"_164":208,"_162":207,"_100":206,"_154":-5,"_105":249,"_156":204,"_167":209,"_98":250},["D",1758038640454],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":259,"_147":264,"_238":289,"_163":290,"_246":293,"_294":-5,"_295":22,"_296":-5,"_297":-5,"_298":-5,"_299":300},{"_103":104,"_95":96,"_105":260,"_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":261,"_131":262,"_134":263,"_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},[265,268,271,274,277,280,283,286],{"_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":266,"_98":267},[],[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":269,"_98":270},[],[173],{"_103":183,"_95":184,"_152":185,"_154":-5,"_155":137,"_156":186,"_158":159,"_105":187,"_100":32,"_162":163,"_164":188,"_166":22,"_167":-5,"_168":272,"_98":273},[],[184],{"_103":192,"_95":193,"_152":194,"_154":-5,"_155":137,"_156":195,"_158":159,"_105":196,"_100":197,"_162":163,"_164":198,"_166":22,"_167":-5,"_168":275,"_98":276},[],[193],{"_103":202,"_95":99,"_152":203,"_154":-5,"_155":137,"_156":204,"_158":159,"_105":205,"_100":206,"_162":207,"_164":208,"_166":22,"_167":209,"_168":278,"_98":279},[],[99],{"_103":213,"_95":214,"_152":215,"_154":-5,"_155":137,"_156":216,"_158":159,"_105":217,"_100":206,"_162":178,"_164":218,"_166":22,"_167":-5,"_168":281,"_98":282},[],[214],{"_103":222,"_95":223,"_152":224,"_154":-5,"_155":137,"_156":136,"_158":159,"_105":225,"_100":161,"_162":178,"_164":226,"_166":22,"_167":-5,"_168":284,"_98":285},[],[223],{"_103":230,"_95":231,"_152":232,"_154":-5,"_155":137,"_156":233,"_158":159,"_105":234,"_100":32,"_162":178,"_164":235,"_166":22,"_167":-5,"_168":287,"_98":288},[],[231],[265,268,271,274,277,280,283,286],{"_103":202,"_155":137,"_152":203,"_95":99,"_164":208,"_162":207,"_100":206,"_154":-5,"_105":291,"_156":204,"_167":209,"_98":292},["D",1758038640454],[99],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]