[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_173":174,"_175":176},"routes/_app.x.$handle.$name",{"_101":100,"_32":45,"_110":91,"_27":55,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":-5,"_122":-5,"_123":25,"_124":125,"_126":60,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":58,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",57,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","268cdac8-8f28-11f0-adeb-0224a6c84d84","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 \"Content-Control\": \"max-age=300\", // \"max-age=3600\"\n },\n });\n}\n\nconst RESOLUTION = 5;\nconst SIZE = 256;\nconst VIEWBOX = `0 0 ${SIZE} ${SIZE}`;\nconst CELL = SIZE / (RESOLUTION + 1);\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 color = \"#\" + hash.substring(0, 6);\n // const comp = negate(color, 2).hex();\n const tail = hash.substring(6);\n const pattern = to2D(tail);\n const points = get2DPoints(pattern);\n const bg = mute(color);\n \n return (\n \n {background && (\n \n )}\n {points.map((p, i) => (\n \n ))}\n \n );\n}\n\nfunction negate (color: string, desat : number = 0) {\n const rgb = chroma(color)\n .desaturate(desat)\n .rgb();\n const neg = rgb.map((val) => 255 - val);\n return chroma(neg);\n}\nfunction mute (color: string) {\n return chroma(color)\n // .desaturate(3)\n .brighten(3)\n .hex();\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}","/** @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 \"Content-Control\": \"max-age=3600\",\n },\n });\n}\n\nconst RESOLUTION = 5;\nconst SIZE = 256;\nconst VIEWBOX = `0 0 ${SIZE} ${SIZE}`;\nconst CELL = SIZE / (RESOLUTION + 1);\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 color = \"#\" + hash.substring(0, 6);\n // const comp = negate(color, 2).hex();\n const tail = hash.substring(6);\n const pattern = to2D(tail);\n const points = get2DPoints(pattern);\n const bg = mute(color);\n \n return (\n \n {background && (\n \n )}\n {points.map((p, i) => (\n \n ))}\n \n );\n}\n\nfunction negate (color: string, desat : number = 0) {\n const rgb = chroma(color)\n .desaturate(desat)\n .rgb();\n const neg = rgb.map((val) => 255 - val);\n return chroma(neg);\n}\nfunction mute (color: string) {\n return chroma(color)\n // .desaturate(3)\n .brighten(3)\n .hex();\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",1758566800814],"branchVersion","branchId","268abb12-8f28-11f0-adeb-0224a6c84d84","id","268a59ba-8f28-11f0-adeb-0224a6c84d84","identicon",["D",1757606305651],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","SVG Identicon Service","imageUrl","","5e11e267-23cd-4ee4-86f4-3bf2a5ed69d7","pinnedFileId","71a886e8-988c-11f0-aa91-0224a6c84d84","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","62a75f8d-be32-4eaa-989a-23f3433a7d42","tursoName","268a59ba8f2811f0adeb0224a6c84d84","tursoHostname","268a59ba8f2811f0adeb0224a6c84d84-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789527031073],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_109":105},"org",{"_101":100,"_102":103,"_104":105,"_18":56,"_106":107,"_108":25},"branch",{"_13":90,"_32":91,"_43":42,"_92":44,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":45,"_99":100},"isOwned",64,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","jxnblk","handle","displayName","Brent Jackson","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/fca87e60-4ad1-453c-af10-2782c6823400/square512?exp=1789592399&sig=25b84056444db2c0717d7e57afcf41413285926c888e35d8e6452d44b56ce8d8","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_43":44,"_32":45,"_38":168,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":58,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":169,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":170,"_85":171,"_87":172,"_89":25},"tree",[159,160],"files",[159,160],"counts",{"_148":64,"_149":150,"_151":64,"_152":153,"_154":155},"contents",[131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":140,"_32":141,"_30":142,"_134":-5,"_41":42,"_40":143,"_135":25,"_38":144,"_13":145,"_33":20,"_35":146,"_24":25,"_138":-5,"_27":147},{"_43":133,"_32":28,"_30":31,"_134":-5,"_41":42,"_40":14,"_135":25,"_38":136,"_13":137,"_33":34,"_35":37,"_24":25,"_138":45,"_27":139},"7a46b714-97e4-11f0-93ca-0224a6c84d84","parentId","latest",["D",1758566800814],39,"label",[28],"147f7276-8f2a-11f0-a288-0224a6c84d84","README.md","6482896c-8f29-11f0-b58d-0224a6c84d84",31,["D",1757607134365],16,"# identicon\n\nSVG identicon service\n\n## Usage\n\n\n\n```\nhttps://identicon.val.run/?name=something\n```\n\n## Examples\n\n

",[141],"pulls","branches",5,"forks","envVars",{"_156":64,"_158":64},"connections",{"_156":64,"_157":64},"count","unfilledCount","emptyCount",{"_43":140,"_32":141,"_30":142,"_134":-5,"_41":42,"_40":143,"_135":25,"_38":165,"_13":145,"_33":20,"_35":146,"_24":25,"_138":-5,"_162":166,"_27":167},{"_43":133,"_32":28,"_30":31,"_134":-5,"_41":42,"_40":14,"_135":25,"_38":161,"_13":137,"_33":34,"_35":37,"_24":25,"_138":45,"_162":163,"_27":164},["D",1758566800814],"children",[],[28],["D",1757607134365],[],[141],["D",1757606305651],["D",1789527031073],{"_101":100,"_109":105},{"_101":100,"_102":103,"_104":105,"_18":56,"_106":107,"_108":25},{"_13":90,"_32":91,"_43":42,"_92":44,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":45,"_99":100},"ctx",{"_83":-5,"_128":206,"_207":208,"_209":210,"_211":25,"_212":25,"_213":25,"_214":60,"_215":-5,"_216":-7,"_217":-7,"_218":64,"_219":25,"_220":25,"_221":-5,"_222":25,"_223":25,"_224":25,"_225":-5},"ENV",{"_177":178,"_179":180,"_181":91,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v57