[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_195":196,"_197":198},"routes/_app.x.$handle.$name",{"_113":112,"_33":55,"_122":101,"_28":65,"_13":14,"_123":-5,"_11":124,"_125":126,"_127":128,"_129":130,"_131":132,"_22":-5,"_133":-5,"_134":135,"_136":26,"_137":138,"_139":70,"_140":-5,"_141":-5,"_142":143},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_53":54,"_33":55,"_38":56,"_57":-5,"_58":26,"_59":60,"_61":60,"_62":63,"_64":65,"_18":66,"_67":68,"_69":70,"_71":70,"_72":-5,"_73":74,"_75":76,"_77":78,"_79":80,"_81":82,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":94,"_95":96,"_97":98,"_99":26},"version",1,"changes",[19,20,21],"aiChatInfo","userId",{"_22":48,"_24":-7,"_25":26,"_27":26,"_28":49,"_30":49},{"_22":43,"_24":-7,"_25":26,"_27":26,"_28":44,"_30":44},{"_22":23,"_24":-7,"_25":26,"_27":26,"_28":29,"_30":29},"file",{"_31":32,"_33":29,"_34":35,"_36":37,"_38":39,"_40":14,"_41":42,"_25":26},"previous","deleted",false,"deletedHere","path","main.ts","latestPath","fileId","01997713-a841-7736-8a7e-1e818554e331","name","fileType","http","content","/** @jsxImportSource npm:react */\nimport { renderToString } from \"npm:react-dom@19/server\";\nimport MD5 from \"npm:js-md5\";\nimport chroma from \"npm:chroma-js\";\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const name = url.searchParams.get(\"name\");\n const svg = renderToString();\n \n return new Response(svg, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n \"Cache-Control\": \"max-age=3600\",\n },\n });\n}\n\nconst RESOLUTION = 5;\nconst SIZE = 256;\nconst VIEWBOX = `0 0 ${SIZE} ${SIZE}`;\nconst CELL = SIZE / (RESOLUTION + 4);\nconst OFFSET = CELL * 2;\n\nexport function Identicon2D ({ name, background, size = 256 }: {\n name: string;\n background: boolean;\n size: number;\n}) {\n const hash = MD5(name ?? \"\");\n const base = \"#\" + hash.substring(0, 6);\n const color = chroma(base).desaturate(1).hex();\n const bg = chroma(base).desaturate(2).brighten(2).hex();\n \n const tail = hash.substring(6);\n const pattern = to2D(tail);\n const points = get2DPoints(pattern);\n \n return (\n \n {background && (\n \n )}\n {points.map((p, i) => (\n \n ))}\n \n );\n}\n\nfunction to2D (hex: string) {\n let arr = []\n for (let i = 0; i < hex.length; i++) {\n const d = parseInt(hex[i], 16);\n const a = (d >> 2) & 3;\n const b = d & 3;\n arr.push([a, b]);\n }\n return arr;\n}\n\nfunction get2DPoints (pattern: number[][]) {\n const points: { x: number, y: number, size: number, shift }[] = [];\n const half = Math.ceil(RESOLUTION / 2);\n for (let y = 0; y < RESOLUTION; y++) {\n for (let x = 0; x < half; x++) {\n const index = y * half + x;\n const [size, shift] = pattern[index];\n if (size > 0) {\n points.push({ x, y, size, shift });\n if (x < Math.floor(RESOLUTION / 2)) {\n const x2 = RESOLUTION - 1 - x;\n points.push({ x: x2, y, size, shift });\n }\n }\n }\n }\n return points;\n}","createdAt",["D",1758639401027],"branchVersion","branchId","83598bfc-988d-11f0-851f-0224a6c84d84",{"_31":45,"_33":44,"_34":35,"_36":46,"_38":47,"_40":14,"_41":42,"_25":26},"demo.tsx","01997713-a841-7736-8a7e-18c64ca9aee3","/** @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

Diff · v1