","deleted","label","children",[],[99],{"_103":172,"_95":173,"_152":174,"_154":-5,"_155":138,"_156":175,"_158":159,"_105":176,"_100":32,"_162":177,"_164":178,"_166":22,"_167":179,"_168":180,"_98":181},"71a88616-988c-11f0-aa91-0224a6c84d84","demo.tsx","71a886e8-988c-11f0-aa91-0224a6c84d84",60,["D",1758638941806],"http","/** @jsxImportSource npm:hono/jsx */\nimport { Hono } from \"npm:hono\";\nimport crs from \"npm:crypto-random-string\";\n\nconst URL = \"https://identicon.val.run\";\n\nconst app = new Hono();\n\nconst rand = (min = 1, max = 24) =>\n Math.random() * (max - min) + min;\n\nconst css = `\nbody {\n margin: 0;\n padding: 32px;\n font-family: system-ui;\n}\npre {\n font-size: 10px;\n}\n.grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n \n}\n`;\n\nfunction Thumb ({\n name,\n size = 128,\n}: {\n name: string;\n size?: number\n}) {\n const url = `${URL}/?name=${name}`;\n return (\n

\n $\"demo$ \n

{name}

\n )\n}\n\napp.get(\"/\", async c => {\n const names = Array.from({ length: 32 }).map((n, i) => {\n const length = rand();\n return crs({ length, type: \"alphanumeric\" });\n });\n\n return c.html(\n \n \n

jxnblk

identicon

identicon

Usage

Examples