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.branches",{"_93":94,"_95":96,"_100":280,"_243":285},{"_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],{"_102":136,"_104":287,"_288":289,"_95":43,"_137":103,"_99":135,"_138":-5,"_139":-5,"_290":291,"_106":-5},["D",1758021590882],"updatedAt",["D",1758038976936],"lockfileKey","1758039729243-esm.town_v_danfishgold_boombox-generator@121-main","actionData","errors"]

Branches1

Branches
1