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",[],[196],{"_105":205,"_96":100,"_157":117,"_159":-5,"_160":142,"_161":206,"_163":22,"_107":207,"_101":208,"_166":209,"_168":210,"_170":22,"_171":211,"_172":212,"_99":213},"c22afa90-9316-11f0-8301-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",[],[100],{"_105":215,"_96":216,"_157":217,"_159":-5,"_160":142,"_161":218,"_163":22,"_107":219,"_101":208,"_166":182,"_168":220,"_170":22,"_171":-5,"_172":221,"_99":222},"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",[],[216],{"_105":224,"_96":225,"_157":226,"_159":-5,"_160":142,"_161":102,"_163":22,"_107":227,"_101":32,"_166":182,"_168":228,"_170":22,"_171":-5,"_172":229,"_99":230},"c237a10a-9316-11f0-8ae4-0224a6c84d84","scad.ts","c237a1c8-9316-11f0-8ae4-0224a6c84d84",["D",1758038640460],"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 pupilX: `${bb.chinWidth + eyes.irisRadius} + spacing`,\n irisX: `${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",[],[225],{"_105":232,"_96":233,"_157":234,"_159":-5,"_160":142,"_161":235,"_163":22,"_107":236,"_101":32,"_166":182,"_168":237,"_170":22,"_171":-5,"_172":238,"_99":239},"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",[],[233],"files",[154,175,186,194,204,214,223,231],"counts",{"_244":32,"_245":165,"_246":32,"_247":248},"pulls","branches","forks","envVars",{"_249":32,"_250":32},"count","emptyCount","contents",[],{"_105":205,"_96":100,"_157":117,"_159":-5,"_160":142,"_161":206,"_163":22,"_107":254,"_101":208,"_166":209,"_168":210,"_170":22,"_171":211,"_99":255},["D",1758038640454],[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":264,"_152":269,"_240":294,"_167":295,"_251":298,"_299":-5,"_300":-5,"_301":-5,"_302":-5,"_303":304},{"_105":106,"_96":97,"_107":265,"_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":266,"_136":267,"_139":268,"_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},[270,273,276,279,282,285,288,291],{"_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":271,"_99":272},[],[156],{"_105":176,"_96":177,"_157":178,"_159":-5,"_160":142,"_161":179,"_163":22,"_107":180,"_101":181,"_166":182,"_168":183,"_170":22,"_171":-5,"_172":274,"_99":275},[],[177],{"_105":187,"_96":188,"_157":189,"_159":-5,"_160":142,"_161":181,"_163":22,"_107":190,"_101":32,"_166":167,"_168":191,"_170":22,"_171":-5,"_172":277,"_99":278},[],[188],{"_105":195,"_96":196,"_157":197,"_159":-5,"_160":142,"_161":198,"_163":22,"_107":199,"_101":200,"_166":167,"_168":201,"_170":22,"_171":-5,"_172":280,"_99":281},[],[196],{"_105":205,"_96":100,"_157":117,"_159":-5,"_160":142,"_161":206,"_163":22,"_107":207,"_101":208,"_166":209,"_168":210,"_170":22,"_171":211,"_172":283,"_99":284},[],[100],{"_105":215,"_96":216,"_157":217,"_159":-5,"_160":142,"_161":218,"_163":22,"_107":219,"_101":208,"_166":182,"_168":220,"_170":22,"_171":-5,"_172":286,"_99":287},[],[216],{"_105":224,"_96":225,"_157":226,"_159":-5,"_160":142,"_161":102,"_163":22,"_107":227,"_101":32,"_166":182,"_168":228,"_170":22,"_171":-5,"_172":289,"_99":290},[],[225],{"_105":232,"_96":233,"_157":234,"_159":-5,"_160":142,"_161":235,"_163":22,"_107":236,"_101":32,"_166":182,"_168":237,"_170":22,"_171":-5,"_172":292,"_99":293},[],[233],[270,273,276,279,282,285,288,291],{"_105":205,"_160":142,"_157":117,"_96":100,"_168":210,"_166":209,"_101":208,"_159":-5,"_107":296,"_161":206,"_171":211,"_99":297},["D",1758038640454],[100],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

danfishgold

boombox-generator