Identicon

\n \n \n

\n )\n}\n\nexport function Identicon ({ name, background }: {\n name: string;\n background: boolean;\n}) {\n const hash = MD5(name ?? \"\");\n const color = \"#\" + hash.substring(0, 6);\n const comp = negate(color).hex();\n const tail = hash.substring(6);\n const pattern = toB4(tail);\n const points = getPoints(pattern);\n \n return (\n \n {background && (\n \n )}\n {points.map((p, i) => (\n \n ))}\n \n );\n}\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).hex();\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 getXShift (n: number, x: number) {\n if (n !== 3) return 0;\n const center = Math.floor(resolution / 2);\n const left = x < center;\n const right = x > center;\n if (left) return cell * 0.2;\n if (right) return cell * -0.2;\n return 0;\n}\n\nfunction getYShift (n: number) {\n if (n === 1) return cell * 0.2;\n if (n === 2) return cell * -0.2;\n return 0;\n}\n\nfunction NameForm () {\n const params = useParams();\n const navigate = useNavigate();\n const [name, setName] = useState(params.name ?? \"\");\n const [searchParams, setSearchParams] = useSearchParams();\n const bg = searchParams.has(\"background\");\n\n const toggleBackground = () => {\n if (searchParams.has(\"background\")) {\n searchParams.delete(\"background\");\n } else {\n searchParams.append(\"background\", \"1\");\n }\n setSearchParams(searchParams);\n }\n\n const randomValue = () => {\n const next = generateRandomString();\n navigate(`/vector/identicon/${next}?${searchParams.toString()}`);\n }\n\n return (\n {\n e.preventDefault();\n console.log(\"submit\", name);\n navigate(`/vector/identicon/${name}`);\n }}>\n \n Name\n \n {\n setName(e.target.value);\n }}\n />\n \n\n \n \n \n \n )\n}\n\nconst CHARS = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\";\nfunction generateRandomString(minLength = 4, maxLength = 32): string {\n const length = Math.floor(Math.random() * (maxLength - minLength + 1)) + minLength;\n let result = \"\";\n for (let i = 0; i < length; i++) {\n const randomIndex = Math.floor(Math.random() * CHARS.length);\n result += CHARS.charAt(randomIndex);\n }\n return result;\n}",[],[14,149],"dd93a95c-82c3-11f0-803b-0224a6c84d84","identicon-square.tsx","0198e849-fc51-72c8-9417-0ee68105220c",["D",1756243819605],"/** @jsxImportSource ../jsx */\nimport { useState } from \"https://esm.sh/react@19\";\nimport { useParams, useSearchParams, useNavigate } from \"https://esm.sh/react-router\";\nimport MD5 from \"https://esm.sh/js-md5\";\nimport chroma from \"https://esm.sh/chroma-js\";\n\nexport const path = \"identicon/:name?\";\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}\n\nfunction toBinary (hex: string) {\n let bin = \"\";\n for (let i = 0; i < hex.length; i++) {\n const d = parseInt(hex[i], 16);\n const b = d.toString(2).padStart(4, \"0\");\n bin += b;\n }\n return bin;\n}\n\nfunction toDecimal (hex: string) {\n let nums = [];\n for (let i = 0; i < hex.length; i++) {\n const d = parseInt(hex[i], 16);\n nums.push(d);\n }\n return nums;\n}\n\nfunction toB4 (hex: string) {\n let b4 = []\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 b4.push(a, b);\n }\n return b4;\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\nconst size = 256;\nconst resolution = 5;\nconst viewBox = `0 0 ${size} ${size}`;\nconst cell = size / (resolution + 1);\nconst off = cell / 2;\n\nfunction getPoints (pattern: number[]) {\n const points: { x: number, y: number, size: number }[] = [];\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 if (pattern[index] > 0) {\n const size = pattern[index];\n points.push({ x, y, size });\n if (x < Math.floor(resolution / 2)) {\n const x2 = resolution - 1 - x;\n points.push({ x: x2, y, size });\n }\n }\n }\n }\n return points;\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}\n\n\nexport function Component () {\n const { name } = useParams();\n const [searchParams] = useSearchParams();\n\n const background = searchParams.has(\"background\");\n\n // \n return (\n

Identicon

\n \n \n

\n )\n}\n\nexport function Identicon ({ name, background }: {\n name: string;\n background: boolean;\n}) {\n const hash = MD5(name ?? \"\");\n const color = \"#\" + hash.substring(0, 6);\n const comp = negate(color, 5).hex();\n const tail = hash.substring(6);\n const pattern = toB4(tail);\n const points = getPoints(pattern);\n \n return (\n \n {background && (\n \n )}\n {points.map((p, i) => (\n \n ))}\n \n );\n}\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 \n return (\n \n {background && (\n \n )}\n {points.map((p, i) => (\n \n ))}\n \n );\n}\n\nfunction getXShift (n: number, x: number) {\n if (n !== 3) return 0;\n const center = Math.floor(resolution / 2);\n const left = x < center;\n const right = x > center;\n if (left) return cell * 0.2;\n if (right) return cell * -0.2;\n return 0;\n}\n\nfunction getYShift (n: number) {\n if (n === 1) return cell * 0.2;\n if (n === 2) return cell * -0.2;\n return 0;\n}\n\nfunction NameForm () {\n const params = useParams();\n const navigate = useNavigate();\n const [name, setName] = useState(params.name ?? \"\");\n const [searchParams, setSearchParams] = useSearchParams();\n const bg = searchParams.has(\"background\");\n\n const toggleBackground = () => {\n if (searchParams.has(\"background\")) {\n searchParams.delete(\"background\");\n } else {\n searchParams.append(\"background\", \"1\");\n }\n setSearchParams(searchParams);\n }\n\n const randomValue = () => {\n const next = generateRandomString();\n navigate(`/vector/identicon/${next}?${searchParams.toString()}`);\n }\n\n return (\n {\n e.preventDefault();\n console.log(\"submit\", name);\n navigate(`/vector/identicon/${name}`);\n }}>\n \n Name\n \n {\n setName(e.target.value);\n }}\n />\n \n\n \n \n \n \n )\n}\n\nconst CHARS = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\";\nfunction generateRandomString(minLength = 4, maxLength = 32): string {\n const length = Math.floor(Math.random() * (maxLength - minLength + 1)) + minLength;\n let result = \"\";\n for (let i = 0; i < length; i++) {\n const randomIndex = Math.floor(Math.random() * CHARS.length);\n result += CHARS.charAt(randomIndex);\n }\n return result;\n}",[],[14,156],"dd93a86c-82c3-11f0-803b-0224a6c84d84","comp-color.tsx","0198e849-fc51-72c8-9417-0a87e3669a56",["D",1756243819605],"import chroma from \"https://esm.sh/chroma-js\";\n\nexport const negate = (color: string) => {\n const rgb = chroma(color).rgb();\n const neg = rgb.map((val) => 255 - val);\n return chroma(neg);\n}",[],[14,163],"dd93a772-82c3-11f0-803b-0224a6c84d84","circle","0198e849-fc51-72c8-9417-0688d86cbc43",["D",1756243819605],"/** @jsxImportSource ../jsx */\n\nexport function Component () {\n return (\n \n \n \n \n );\n}",[],[14,170],"dd93a678-82c3-11f0-803b-0224a6c84d84","routes","0198e849-fc51-72c8-9417-00b4ca2cc6c0",["D",1756243819605],[182,183,184,185,186],[177],{"_36":214,"_13":215,"_63":216,"_65":178,"_67":68,"_69":70,"_71":72,"_38":217,"_17":74,"_75":76,"_77":218,"_79":54,"_80":-5,"_99":219,"_18":220},{"_36":208,"_13":149,"_63":209,"_65":178,"_67":68,"_69":70,"_71":72,"_38":210,"_17":74,"_75":76,"_77":211,"_79":54,"_80":-5,"_99":212,"_18":213},{"_36":201,"_13":202,"_63":203,"_65":178,"_67":68,"_69":70,"_71":72,"_38":204,"_17":74,"_75":76,"_77":205,"_79":54,"_80":-5,"_99":206,"_18":207},{"_36":194,"_13":195,"_63":196,"_65":178,"_67":68,"_69":70,"_71":72,"_38":197,"_17":74,"_75":76,"_77":198,"_79":54,"_80":-5,"_99":199,"_18":200},{"_36":187,"_13":188,"_63":189,"_65":178,"_67":68,"_69":70,"_71":72,"_38":190,"_17":74,"_75":76,"_77":191,"_79":54,"_80":-5,"_99":192,"_18":193},"dd93a556-82c3-11f0-803b-0224a6c84d84","vector.tsx","0198e849-fc51-72c8-9416-fdc0fead641c",["D",1756243819605],"/** @jsxImportSource ../jsx */\nimport { useLoaderData, Outlet } from \"https://esm.sh/react-router\";\nimport * as ident from \"../vectors/identicon.tsx\";\n\nexport const path = \"vector\";\n\nexport async function loader (_args) {\n return {\n };\n}\n\nexport function Component () {\n const data = useLoaderData();\n\n return (\n

Vector

\n \n\n

{JSON.stringify(data, null, 2)}

\n );\n}\n\nexport const children = [\n {\n path: \"circle\",\n lazy: async () => await import(\"../vectors/circle\"),\n },\n {\n path: \"lazy-identicon/:name?\",\n lazy: async () => await import(\"../vectors/identicon.tsx\"),\n },\n ident,\n];",[],[177,188],"dd93a43e-82c3-11f0-803b-0224a6c84d84","root.tsx","0198e849-fc51-72c8-9416-fbe5c2ed42fe",["D",1756243819605],"/** @jsxImportSource ../jsx */\nimport React from \"https://esm.sh/react@19\";\nimport { useLoaderData, Link, Outlet, useParams } from \"https://esm.sh/react-router@7\";\n\nconst STYLESHEET = import.meta.resolve(\"../css/base.css\").replace(\"esm.town\", \"juicy.town\");\n\nfunction HTML ({ children }: {\n children: React.ReactNode;\n}) {\n const params = useParams();\n const name = params.name ?? \"identicon\";\n const image = `https://identicon.val.run/?name=${name}`;\n \n return (\n \n \n vectors\n \n \n \n \n \n \n {children}\n \n \n )\n}\n\nexport default function Layout () {\n return (\n \n

\n \n

\n \n );\n}",[],[177,195],"dd93a2ea-82c3-11f0-803b-0224a6c84d84","index.tsx","0198e849-fc51-72c8-9416-f6c0556b3750",["D",1756243819605],"import Root from \"./root.tsx\";\nimport * as home from \"./home.tsx\";\nimport * as vector from \"./vector.tsx\";\nimport * as identicon from \"./identicon.tsx\";\n\n// vectors\nimport Circle from \"../vectors/circle\";\n\nexport const routes = [\n {\n Component: Root,\n children: [\n home,\n identicon,\n vector,\n ]\n },\n]\n\nexport default routes;",[],[177,202],"dd939b9c-82c3-11f0-803b-0224a6c84d84","0198e849-fc51-72c8-9416-f0fd9cbb3a30",["D",1756243819605],"/** @jsxImportSource ../jsx */\nimport { useState } from \"https://esm.sh/react@19\";\nimport { useParams, useSearchParams, useNavigate } from \"https://esm.sh/react-router\";\nimport { Identicon2D } from \"../vectors/identicon.tsx\";\n\nexport const path = \"id/:name?\";\n\nexport function Component () {\n const params = useParams();\n const [searchParams, setSearchParams] = useSearchParams();\n const background = searchParams.has(\"background\");\n \n return (\n

Identicon

\n \n \n

\n );\n}\n\nfunction NameForm () {\n const params = useParams();\n const navigate = useNavigate();\n const [name, setName] = useState(params.name ?? \"hello\");\n const [searchParams, setSearchParams] = useSearchParams();\n const bg = searchParams.has(\"background\");\n\n const toggleBackground = () => {\n if (searchParams.has(\"background\")) {\n searchParams.delete(\"background\");\n } else {\n searchParams.append(\"background\", \"1\");\n }\n setSearchParams(searchParams);\n }\n\n const randomValue = () => {\n const next = generateRandomString();\n navigate(`/id/${next}?${searchParams.toString()}`);\n }\n\n return (\n {\n e.preventDefault();\n navigate(`/id/${name}?${searchParams.toString()}`);\n }}>\n \n Name\n \n {\n setName(e.target.value);\n }}\n />\n \n\n \n \n \n \n )\n}\n\nconst CHARS = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\";\nfunction generateRandomString(minLength = 4, maxLength = 32): string {\n const length = Math.floor(Math.random() * (maxLength - minLength + 1)) + minLength;\n let result = \"\";\n for (let i = 0; i < length; i++) {\n const randomIndex = Math.floor(Math.random() * CHARS.length);\n result += CHARS.charAt(randomIndex);\n }\n return result;\n}",[],[177,149],"dd939a3e-82c3-11f0-803b-0224a6c84d84","home.tsx","0198e849-fc50-7425-a0f7-15264e11ef3f",["D",1756243819605],"/** @jsxImportSource ../jsx */\nimport { Link } from \"https://esm.sh/react-router\";\nimport { Identicon2D } from \"../vectors/identicon.tsx\";\n\nexport const index = true;\n\nexport function Component () {\n return (\n

Vectors

\n \n \n \n

\n );\n}",[],[177,215],"dd939890-82c3-11f0-803b-0224a6c84d84",["D",1756243819605],[225],[82],{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":226,"_17":74,"_75":76,"_77":78,"_79":54,"_80":-5,"_99":227,"_18":228},["D",1756243819605],[],[82,62],"dd93953e-82c3-11f0-803b-0224a6c84d84","css","0198e849-fc50-7425-a0f7-0a547632c8bb",["D",1756243819605],[235],[230],{"_36":236,"_13":237,"_63":238,"_65":231,"_67":68,"_69":70,"_71":72,"_38":239,"_17":74,"_75":24,"_77":240,"_79":54,"_80":-5,"_99":241,"_18":242},"dd938c42-82c3-11f0-803b-0224a6c84d84","base.css","0198e849-fc50-7425-a0f7-077f4ac1681c",["D",1756243819605],"* { box-sizing: border-box }\n\nbody {\n font-family: system-ui, sans-serif;\n line-height: 1.5;\n margin: 0;\n color: black;\n background-color: white;\n}\n\n.container {\n max-width: 1024px;\n margin: 0 auto;\n padding: 32px;\n}\n.container.small {\n max-width: 768px;\n}\n\ninput[type=text] {\n font-family: inherit;\n font-size: 14px;\n padding: 4px 8px;\n border: 0;\n border-radius: 2px;\n background-color: #bff;\n color: black;\n}\ninput[type=text]:focus {\n color: #066;\n background-color: cyan;\n outline: none;\n} \n\nbutton {\n appearance: none;\n display: inline-flex;\n align-items: center;\n font-family: inherit;\n font-size: 10px;\n text-transform: uppercase;\n letter-spacing: 0.2em;\n border-radius: 2px;\n font-weight: bold;\n color: white;\n background-color: black;\n padding: 6px 12px;\n border: 0;\n cursor: pointer;\n}\nbutton:hover {\n color: #044;\n background-color: cyan;\n}",[],[230,237],["D",1747416639792],"legacyEnvVars","httpPrivacy","description","Generative SVG prototypes","imageUrl","userId","5e11e267-23cd-4ee4-86f4-3bf2a5ed69d7","pinnedFileId","0a757b7c-b040-11f0-a966-0224a6c84d84","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_287":283},"org",{"_11":12,"_280":281,"_282":283,"_249":250,"_284":285,"_286":54},"branch",{"_17":95,"_13":16,"_36":68,"_43":44,"_46":37,"_48":276,"_277":56,"_278":44,"_279":59,"_60":14,"_57":12},307,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Brent Jackson","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/fca87e60-4ad1-453c-af10-2782c6823400/square512?exp=1789563599&sig=12b36f9967747ef5711db59dffdbed04f516af46e1b79ea174edafeca008f139","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":44,"_13":14,"_38":390,"_52":-5,"_244":54,"_55":56,"_245":56,"_246":247,"_248":-5,"_249":250,"_251":252,"_253":72,"_254":72,"_255":-5,"_256":74,"_58":59,"_257":-5,"_258":-5,"_259":-5,"_260":-5,"_261":262,"_263":262,"_264":265,"_266":265,"_267":265,"_268":262,"_269":262,"_270":391,"_272":392,"_274":393,"_53":54},[327,329,331,337,343,344,345,346,347],"files",[327,328,329,330,331,332,333,334,335,336,337,338,339,340,341,342,343,344,345,346,347],"counts",{"_318":74,"_319":95,"_320":74,"_35":321,"_322":323},[],{"_36":61,"_67":68,"_63":64,"_13":62,"_77":78,"_75":76,"_17":74,"_65":66,"_38":316,"_69":70,"_80":-5,"_18":317},"upstreamProject",{"_36":311,"_13":312,"_246":313,"_248":314,"_55":56,"_270":315},"upstreamBranch",{"_36":37,"_38":309,"_40":310,"_13":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":51,"_52":-5,"_53":54,"_55":56,"_57":12,"_58":59,"_60":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747416639792],["D",1761244958535],"3f6981c0-3197-11f0-bd56-569c3dd06744","react-router-hono-starter","Minimal React Router + Hono starter example","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/c6ac4b2d-2d7e-4ea8-c2bf-7e369bfdb600/square512?exp=1789563599&sig=a064af8e0c8293606433d59884194e7730724b95ea34dbe910e74edac07b0dfd",{"_11":12,"_287":283},["D",1756243819605],[82,62],"pulls","branches","forks",{"_324":74,"_326":74},"connections",{"_324":74,"_325":74},"count","unfilledCount","emptyCount",{"_36":229,"_13":230,"_63":231,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":232,"_17":74,"_75":133,"_77":-5,"_79":54,"_80":-5,"_99":388,"_18":389},{"_36":236,"_13":237,"_63":238,"_65":231,"_67":68,"_69":70,"_71":72,"_38":239,"_17":74,"_75":24,"_77":240,"_79":54,"_80":-5,"_99":386,"_18":387},{"_36":221,"_13":82,"_63":66,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":222,"_17":74,"_75":133,"_77":-5,"_79":54,"_80":-5,"_99":384,"_18":385},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":226,"_17":74,"_75":76,"_77":78,"_79":54,"_80":-5,"_99":382,"_18":383},{"_36":176,"_13":177,"_63":178,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":179,"_17":74,"_75":133,"_77":-5,"_79":54,"_80":-5,"_99":380,"_18":381},{"_36":214,"_13":215,"_63":216,"_65":178,"_67":68,"_69":70,"_71":72,"_38":217,"_17":74,"_75":76,"_77":218,"_79":54,"_80":-5,"_99":378,"_18":379},{"_36":208,"_13":149,"_63":209,"_65":178,"_67":68,"_69":70,"_71":72,"_38":210,"_17":74,"_75":76,"_77":211,"_79":54,"_80":-5,"_99":376,"_18":377},{"_36":201,"_13":202,"_63":203,"_65":178,"_67":68,"_69":70,"_71":72,"_38":204,"_17":74,"_75":76,"_77":205,"_79":54,"_80":-5,"_99":374,"_18":375},{"_36":194,"_13":195,"_63":196,"_65":178,"_67":68,"_69":70,"_71":72,"_38":197,"_17":74,"_75":76,"_77":198,"_79":54,"_80":-5,"_99":372,"_18":373},{"_36":187,"_13":188,"_63":189,"_65":178,"_67":68,"_69":70,"_71":72,"_38":190,"_17":74,"_75":76,"_77":191,"_79":54,"_80":-5,"_99":370,"_18":371},{"_36":130,"_13":14,"_63":131,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":132,"_17":74,"_75":133,"_77":-5,"_79":54,"_80":-5,"_99":368,"_18":369},{"_36":169,"_13":170,"_63":171,"_65":131,"_67":68,"_69":70,"_71":72,"_38":172,"_17":74,"_75":76,"_77":173,"_79":54,"_80":-5,"_99":366,"_18":367},{"_36":162,"_13":163,"_63":164,"_65":131,"_67":68,"_69":70,"_71":72,"_38":165,"_17":74,"_75":76,"_77":166,"_79":54,"_80":-5,"_99":364,"_18":365},{"_36":155,"_13":156,"_63":157,"_65":131,"_67":68,"_69":70,"_71":72,"_38":158,"_17":74,"_75":76,"_77":159,"_79":54,"_80":-5,"_99":362,"_18":363},{"_36":148,"_13":149,"_63":150,"_65":131,"_67":68,"_69":70,"_71":72,"_38":151,"_17":74,"_75":76,"_77":152,"_79":54,"_80":-5,"_99":360,"_18":361},{"_36":141,"_13":142,"_63":143,"_65":131,"_67":68,"_69":70,"_71":72,"_38":144,"_17":74,"_75":76,"_77":145,"_79":54,"_80":-5,"_99":358,"_18":359},{"_36":123,"_13":124,"_63":125,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":126,"_17":74,"_75":24,"_77":127,"_79":54,"_80":-5,"_99":356,"_18":357},{"_36":116,"_13":117,"_63":118,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":119,"_17":74,"_75":76,"_77":120,"_79":54,"_80":-5,"_99":354,"_18":355},{"_36":109,"_13":110,"_63":111,"_65":-5,"_67":68,"_69":32,"_71":72,"_38":112,"_17":70,"_75":97,"_77":113,"_79":54,"_80":-5,"_99":352,"_18":353},{"_36":102,"_13":103,"_63":104,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":105,"_17":74,"_75":97,"_77":106,"_79":54,"_80":-5,"_99":350,"_18":351},{"_36":92,"_13":93,"_63":94,"_65":-5,"_67":68,"_69":95,"_71":72,"_38":96,"_17":70,"_75":97,"_77":98,"_79":54,"_80":-5,"_99":348,"_18":349},[],[93],[],[103],[],[110],[],[117],[],[124],[],[14,142],[],[14,149],[],[14,156],[],[14,163],[],[14,170],[338,339,340,341,342],[14],[],[177,188],[],[177,195],[],[177,202],[],[177,149],[],[177,215],[332,333,334,335,336],[177],[],[82,62],[330],[82],[],[230,237],[328],[230],["D",1747416639792],{"_11":12,"_287":283},{"_11":12,"_280":281,"_282":283,"_249":250,"_284":285,"_286":54},{"_17":95,"_13":16,"_36":68,"_43":44,"_46":37,"_48":276,"_277":56,"_278":44,"_279":59,"_60":14,"_57":12},"ctx",{"_270":-5,"_306":427,"_428":429,"_430":431,"_432":54,"_433":54,"_434":54,"_435":72,"_436":-5,"_437":-7,"_438":-7,"_439":74,"_440":54,"_441":54,"_442":-5,"_443":54,"_444":54,"_445":54,"_446":-5},"ENV",{"_398":399,"_400":401,"_402":42,"_403":404,"_405":406,"_407":408,"_409":410,"_411":412,"_413":414,"_415":416,"_417":418,"_419":420,"_421":422,"_423":424,"_425":426},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]