[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_187":188,"_189":190},"routes/_app.x.$handle.$name",{"_106":105,"_32":51,"_115":96,"_27":61,"_13":14,"_116":-5,"_11":117,"_118":119,"_120":121,"_122":123,"_124":125,"_21":-5,"_126":-5,"_127":-5,"_128":25,"_129":130,"_131":65,"_132":-5,"_133":-5,"_134":135},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_49":50,"_32":51,"_37":52,"_53":-5,"_54":25,"_55":56,"_57":56,"_58":59,"_60":61,"_18":62,"_63":31,"_64":65,"_66":65,"_67":-5,"_68":69,"_70":71,"_72":73,"_74":75,"_76":77,"_78":-5,"_79":80,"_81":80,"_82":83,"_84":83,"_85":83,"_86":80,"_87":80,"_88":89,"_90":91,"_92":93,"_94":25},"version",60,"changes",[19,20],"aiChatInfo","userId",{"_21":42,"_23":43,"_24":25,"_26":25,"_27":44,"_29":44},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous","deleted",false,"deletedHere","path","demo.tsx","latestPath","fileId","71a886e8-988c-11f0-aa91-0224a6c84d84","name","fileType","http","content","/** @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 · v60