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",[],[192],{"_102":201,"_95":202,"_151":203,"_153":-5,"_154":136,"_155":204,"_157":158,"_104":205,"_99":206,"_161":207,"_163":208,"_165":22,"_166":209,"_167":210,"_98":211},"c22afa90-9316-11f0-8301-0224a6c84d84","main.ts","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",[],[202],{"_102":213,"_95":214,"_151":215,"_153":-5,"_154":136,"_155":216,"_157":158,"_104":217,"_99":206,"_161":177,"_163":218,"_165":22,"_166":-5,"_167":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],{"_102":222,"_95":223,"_151":224,"_153":-5,"_154":136,"_155":135,"_157":158,"_104":225,"_99":160,"_161":177,"_163":226,"_165":22,"_166":-5,"_167":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],{"_102":230,"_95":231,"_151":232,"_153":-5,"_154":136,"_155":233,"_157":158,"_104":234,"_99":32,"_161":177,"_163":235,"_165":22,"_166":-5,"_167":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",[148,170,181,190,200,212,221,229],"counts",{"_242":32,"_243":160,"_244":32,"_245":32},"pulls","branches","forks","envVars","contents",[248,251,254,257,260,263,266,269],{"_102":149,"_95":150,"_151":152,"_153":-5,"_154":136,"_155":156,"_157":158,"_104":249,"_99":160,"_161":162,"_163":164,"_165":22,"_166":-5,"_98":250},["D",1758030505079],[150],{"_102":171,"_95":172,"_151":173,"_153":-5,"_154":136,"_155":174,"_157":158,"_104":252,"_99":176,"_161":177,"_163":178,"_165":22,"_166":-5,"_98":253},["D",1758038640610],[172],{"_102":182,"_95":183,"_151":184,"_153":-5,"_154":136,"_155":185,"_157":158,"_104":255,"_99":32,"_161":162,"_163":187,"_165":22,"_166":-5,"_98":256},["D",1758026900058],[183],{"_102":191,"_95":192,"_151":193,"_153":-5,"_154":136,"_155":194,"_157":158,"_104":258,"_99":196,"_161":162,"_163":197,"_165":22,"_166":-5,"_98":259},["D",1758038640468],[192],{"_102":201,"_95":202,"_151":203,"_153":-5,"_154":136,"_155":204,"_157":158,"_104":261,"_99":206,"_161":207,"_163":208,"_165":22,"_166":209,"_98":262},["D",1758038640454],[202],{"_102":213,"_95":214,"_151":215,"_153":-5,"_154":136,"_155":216,"_157":158,"_104":264,"_99":206,"_161":177,"_163":218,"_165":22,"_166":-5,"_98":265},["D",1758036039375],[214],{"_102":222,"_95":223,"_151":224,"_153":-5,"_154":136,"_155":135,"_157":158,"_104":267,"_99":160,"_161":177,"_163":226,"_165":22,"_166":-5,"_98":268},["D",1758038976936],[223],{"_102":230,"_95":231,"_151":232,"_153":-5,"_154":136,"_155":233,"_157":158,"_104":270,"_99":32,"_161":177,"_163":235,"_165":22,"_166":-5,"_98":271},["D",1758027738751],[231],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":280,"_246":285,"_302":-7,"_303":-5,"_304":-5,"_238":305,"_330":331},{"_102":103,"_95":96,"_104":281,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":32,"_16":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":282,"_130":283,"_133":284,"_145":22},["D",1758021590882],{"_93":94,"_128":129},{"_93":94,"_132":129},{"_99":135,"_95":43,"_102":136,"_137":103,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":96,"_144":94},[286,288,290,292,294,296,298,300],{"_102":149,"_95":150,"_151":152,"_153":-5,"_154":136,"_155":156,"_157":158,"_104":249,"_99":160,"_161":162,"_163":164,"_165":22,"_166":-5,"_98":287},[150],{"_102":171,"_95":172,"_151":173,"_153":-5,"_154":136,"_155":174,"_157":158,"_104":252,"_99":176,"_161":177,"_163":178,"_165":22,"_166":-5,"_98":289},[172],{"_102":182,"_95":183,"_151":184,"_153":-5,"_154":136,"_155":185,"_157":158,"_104":255,"_99":32,"_161":162,"_163":187,"_165":22,"_166":-5,"_98":291},[183],{"_102":191,"_95":192,"_151":193,"_153":-5,"_154":136,"_155":194,"_157":158,"_104":258,"_99":196,"_161":162,"_163":197,"_165":22,"_166":-5,"_98":293},[192],{"_102":201,"_95":202,"_151":203,"_153":-5,"_154":136,"_155":204,"_157":158,"_104":261,"_99":206,"_161":207,"_163":208,"_165":22,"_166":209,"_98":295},[202],{"_102":213,"_95":214,"_151":215,"_153":-5,"_154":136,"_155":216,"_157":158,"_104":264,"_99":206,"_161":177,"_163":218,"_165":22,"_166":-5,"_98":297},[214],{"_102":222,"_95":223,"_151":224,"_153":-5,"_154":136,"_155":135,"_157":158,"_104":267,"_99":160,"_161":177,"_163":226,"_165":22,"_166":-5,"_98":299},[223],{"_102":230,"_95":231,"_151":232,"_153":-5,"_154":136,"_155":233,"_157":158,"_104":270,"_99":32,"_161":177,"_163":235,"_165":22,"_166":-5,"_98":301},[231],"readme","upstream","pull",[306,309,312,315,318,321,324,327],{"_102":149,"_95":150,"_151":152,"_153":-5,"_154":136,"_155":156,"_157":158,"_104":159,"_99":160,"_161":162,"_163":164,"_165":22,"_166":-5,"_167":307,"_98":308},[],[150],{"_102":171,"_95":172,"_151":173,"_153":-5,"_154":136,"_155":174,"_157":158,"_104":175,"_99":176,"_161":177,"_163":178,"_165":22,"_166":-5,"_167":310,"_98":311},[],[172],{"_102":182,"_95":183,"_151":184,"_153":-5,"_154":136,"_155":185,"_157":158,"_104":186,"_99":32,"_161":162,"_163":187,"_165":22,"_166":-5,"_167":313,"_98":314},[],[183],{"_102":191,"_95":192,"_151":193,"_153":-5,"_154":136,"_155":194,"_157":158,"_104":195,"_99":196,"_161":162,"_163":197,"_165":22,"_166":-5,"_167":316,"_98":317},[],[192],{"_102":201,"_95":202,"_151":203,"_153":-5,"_154":136,"_155":204,"_157":158,"_104":205,"_99":206,"_161":207,"_163":208,"_165":22,"_166":209,"_167":319,"_98":320},[],[202],{"_102":213,"_95":214,"_151":215,"_153":-5,"_154":136,"_155":216,"_157":158,"_104":217,"_99":206,"_161":177,"_163":218,"_165":22,"_166":-5,"_167":322,"_98":323},[],[214],{"_102":222,"_95":223,"_151":224,"_153":-5,"_154":136,"_155":135,"_157":158,"_104":225,"_99":160,"_161":177,"_163":226,"_165":22,"_166":-5,"_167":325,"_98":326},[],[223],{"_102":230,"_95":231,"_151":232,"_153":-5,"_154":136,"_155":233,"_157":158,"_104":234,"_99":32,"_161":177,"_163":235,"_165":22,"_166":-5,"_167":328,"_98":329},[],[231],"previews",[318],"actionData","errors"]