[{"_1":2,"_313":-5,"_314":-5},"loaderData",{"_3":4,"_95":96,"_253":254,"_312":-5},"root",{"_5":6,"_34":35,"_62":63,"_93":94},"ctx",{"_7":8,"_19":20,"_21":-5,"_22":23,"_24":25,"_26":27,"_28":27,"_29":27,"_30":31,"_32":33},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","environmentVariableKeys",[],"user","preferences_keybindings","default","preferences_theme","light","preferences_fixers",false,"preferences_copilot","preferences_selection_ai","preferences_model","claude-3-5-haiku-20241022","notification_count",0,"ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","4f5ef03c29d6345ee6c15fd23b6039eeaa56359b","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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/","API_URL","https://api.val.town","WORKER_FINGERPRINT","fd7e47ba602df66e0f857b45e802b861","clerkState",{"_64":65},"__internal_clerk_state",{"_66":67,"_68":45,"_69":70,"_71":70,"_72":27,"_73":70,"_74":70,"_75":70,"_76":70,"_77":70,"_78":70,"_79":70,"_80":70,"_81":82,"_91":27,"_92":27},"__clerk_ssr_state",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__signInForceRedirectUrl","__signUpForceRedirectUrl","__signInFallbackRedirectUrl","__signUpFallbackRedirectUrl","__clerk_debug",{"_83":27,"_84":70,"_85":86,"_87":70,"_88":45,"_89":27,"_90":70},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","remixVersion",2,"routes/_app.v.$handle.$name",{"_97":98,"_99":100,"_98":101,"_248":-5,"_249":-5,"_250":251,"_135":136,"_144":145,"_104":105,"_102":103,"_123":-7,"_52":53,"_252":27},"type","val","author","28a12253-d65d-490e-97f1-5c00c30f3c90",{"_102":103,"_99":100,"_104":105,"_106":107,"_108":-5,"_109":110,"_111":112,"_113":114,"_115":116,"_117":27,"_118":116,"_119":120,"_121":122,"_123":124,"_125":27,"_126":33,"_127":33,"_128":33,"_129":130,"_131":33,"_132":33,"_133":-5,"_21":134,"_139":-5,"_140":-5,"_141":-7,"_142":143,"_144":145,"_146":147},"name","syntheticLoot","valNameId","009bf48a-ccff-11ee-9af7-325518e2651b","parentFolderId","63a6c4a2-fcbf-11ee-aa51-cab58f78796a","isOwned","privacy","public","readme","dark greetings cryptoadventurers. This val will print the contents of a given Ethereum wallet's [Synthetic Loot](https://www.lootproject.com/synthloot), which is procedurally generated from your wallet address. To look at your sLoot in a browser with some fun pixel art, check out timshel's [Synthetic Loot Viewer](https://timshelxyz.github.io/synthetic-loot-viewer/#/account/0xf296178d553c8ec21a2fbd2c5dda8ca9ac905a00)\n\nto use this endpoint, pass `?address=0x...` e.g. https://jamiedubs-syntheticloot.web.val.run/?account=0xf296178d553c8ec21a2fbd2c5dda8ca9ac905a00\n\nthe default response type is JSON. You can also get a simple list of the loot bag contents using `?format=text`. e.g. https://jamiedubs-syntheticloot.web.val.run/?account=0xf296178d553c8ec21a2fbd2c5dda8ca9ac905a00&format=text","valType","http","currentVersion","5d98c042-cd12-11ee-b074-325518e2651b","legacyPrivate","id","code","import { fetch } from \"https://esm.town/v/std/fetch\";\nimport process from \"node:process\";\nimport { DOMParser } from \"https://deno.land/x/deno_dom/deno-dom-wasm.ts\";\n\n// I <3 ether.actor, very convenient for fetching on-chain data\n// it's a little slow - Alchemy or another RPC/API provider would be faster\nconst url = `https://ether.actor/0x869ad3dfb0f9acb9094ba85228008981be6dbdde/tokenURI`;\n\n// example data:\n// const account = \"0xf296178d553c8ec21a2fbd2c5dda8ca9ac905a00\";\n// const svg = ``;\n\nasync function fetchAndParseSvgFromJson(account: string) {\n try {\n const response = await fetch(`${url}/${account}`);\n const dataUri = await response.text();\n\n // Decode the JSON from the base64 encoded dataURI\n const base64Json = dataUri.split(\",\")[1];\n const decodedJsonString = atob(base64Json);\n const json = JSON.parse(decodedJsonString);\n console.log({ json });\n\n // Extract the SVG dataURI from the JSON's `image` field\n const svgDataUri = json.image;\n const base64Svg = svgDataUri.split(\",\")[1];\n const decodedSvg = atob(base64Svg);\n\n console.log(decodedSvg);\n\n return decodedSvg; // or manipulate as needed\n } catch (error) {\n console.error(\"Error fetching or decoding SVG from JSON:\", error);\n }\n}\n\ntype SvgTextElement = {\n content: string;\n x: string;\n y: string;\n class: string;\n};\n\nfunction parseElementsFromSvg(svgString: string): SvgTextElement[] {\n const parser = new DOMParser();\n // deno-dom only supports HTML\n // https://deno.land/x/deno_dom@v0.1.45\n // const doc = parser.parseFromString(svgString, \"image/svg+xml\");\n const doc = parser.parseFromString(svgString, \"text/html\");\n const elements = doc.querySelectorAll(\"text\");\n const parsedElements: SvgTextElement[] = [];\n elements.forEach((element) => {\n const content = element.textContent || \"\";\n const x = element.getAttribute(\"x\") || \"\";\n const y = element.getAttribute(\"y\") || \"\";\n const className = element.getAttribute(\"class\") || \"\";\n parsedElements.push({ content, x, y, class: className });\n });\n return parsedElements;\n}\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n console.log(url.searchParams);\n const account = url.searchParams.get(\"account\");\n if (!account) {\n return Response.json({ ok: false, error: \"you must specify an Ethereum address via ?account=\" });\n }\n\n const svg = await fetchAndParseSvgFromJson(account);\n const elements = parseElementsFromSvg(svg);\n // const elements = parseElementsFromSvgUsingRegex(svg);\n console.log(elements);\n\n const format = url.searchParams.get(\"format\") ?? \"json\";\n if (format == \"json\") {\n return Response.json({ ok: true, account, elements });\n } else {\n const contents = elements.map((a) => a.content);\n return new Response(contents.join(\"\\n\"));\n }\n}","createdAt",["D",1708118925845],"version",25,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount",1,"commentCount","prCount","mergedPr",{"_135":136,"_137":138},"handle","jamiedubs","profileImageUrl","https://avatars.githubusercontent.com/u/1903?v=4","forkedVal","fileId","interval","slug","jamiedubs/syntheticLoot","description","dark greetings cryptoadventurers. This val will print the contents of a given Ethereum wallet's Synthetic Loot , which is procedurally generated from your wallet address. To look at your sLoot in a browser with some fun pixel art, check out timshel's Synthetic Loot Viewer to use this endpoint, pass ?address=0x... e.g. https://jamiedubs-syntheticloot.web.val.run/?account=0xf296178d553c8ec21a2fbd2c5dda8ca9ac905a00 the default response type is JSON. You can also get a simple list of the loot bag contents using ?format=text . e.g. https://jamiedubs-syntheticloot.web.val.run/?account=0xf296178d553c8ec21a2fbd2c5dda8ca9ac905a00&format=text","versions",[148,151,155,159,163,167,171,175,179,183,187,191,195,199,203,207,211,215,219,223,227,231,235,239,242,245],{"_123":124,"_149":-5,"_121":150,"_118":116},"prId",["D",1708118925845],{"_123":152,"_149":-5,"_121":153,"_118":154},24,["D",1708114946092],"197a983a-cd09-11ee-b9e8-325518e2651b",{"_123":156,"_149":-5,"_121":157,"_118":158},23,["D",1708114530782],"21ef6442-cd08-11ee-98f2-325518e2651b",{"_123":160,"_149":-5,"_121":161,"_118":162},22,["D",1708114442769],"ed79bed8-cd07-11ee-bcf3-325518e2651b",{"_123":164,"_149":-5,"_121":165,"_118":166},21,["D",1708114373724],"c4522c20-cd07-11ee-97e3-325518e2651b",{"_123":168,"_149":-5,"_121":169,"_118":170},20,["D",1708114351093],"b6d4f7bc-cd07-11ee-ac84-325518e2651b",{"_123":172,"_149":-5,"_121":173,"_118":174},19,["D",1708114332614],"abd14e42-cd07-11ee-ac84-325518e2651b",{"_123":176,"_149":-5,"_121":177,"_118":178},18,["D",1708114319314],"a3e3dfce-cd07-11ee-9697-325518e2651b",{"_123":180,"_149":-5,"_121":181,"_118":182},17,["D",1708114249638],"7a5c3476-cd07-11ee-a317-325518e2651b",{"_123":184,"_149":-5,"_121":185,"_118":186},16,["D",1708114239104],"7414bdf4-cd07-11ee-a317-325518e2651b",{"_123":188,"_149":-5,"_121":189,"_118":190},15,["D",1708114175504],"4e2c2046-cd07-11ee-9d20-325518e2651b",{"_123":192,"_149":-5,"_121":193,"_118":194},14,["D",1708114170766],"4b593e80-cd07-11ee-97e3-325518e2651b",{"_123":196,"_149":-5,"_121":197,"_118":198},13,["D",1708114124419],"2fb9372a-cd07-11ee-a5e4-325518e2651b",{"_123":200,"_149":-5,"_121":201,"_118":202},12,["D",1708114121801],"2e29bcae-cd07-11ee-8790-325518e2651b",{"_123":204,"_149":-5,"_121":205,"_118":206},11,["D",1708114113215],"290b9ab2-cd07-11ee-b193-325518e2651b",{"_123":208,"_149":-5,"_121":209,"_118":210},10,["D",1708114070886],"0fd0c37e-cd07-11ee-a5e4-325518e2651b",{"_123":212,"_149":-5,"_121":213,"_118":214},9,["D",1708114061582],"0a451a5e-cd07-11ee-8790-325518e2651b",{"_123":216,"_149":-5,"_121":217,"_118":218},8,["D",1708113834951],"832fdc3e-cd06-11ee-9f52-325518e2651b",{"_123":220,"_149":-5,"_121":221,"_118":222},7,["D",1708113826947],"7e6aa990-cd06-11ee-a579-325518e2651b",{"_123":224,"_149":-5,"_121":225,"_118":226},6,["D",1708113727773],"434dd594-cd06-11ee-a103-325518e2651b",{"_123":228,"_149":-5,"_121":229,"_118":230},5,["D",1708113683851],"291fe73e-cd06-11ee-a3ca-325518e2651b",{"_123":232,"_149":-5,"_121":233,"_118":234},4,["D",1708113659080],"1a5c17f4-cd06-11ee-a103-325518e2651b",{"_123":236,"_149":-5,"_121":237,"_118":238},3,["D",1708111274098],"8cccca96-cd00-11ee-9a33-325518e2651b",{"_123":94,"_149":-5,"_121":240,"_118":241},["D",1708111254786],"814a227c-cd00-11ee-b53c-325518e2651b",{"_123":130,"_149":-5,"_121":243,"_118":244},["D",1708111242710],"7a175042-cd00-11ee-a858-325518e2651b",{"_123":33,"_149":-5,"_121":246,"_118":247},["D",1708110609410],"009d758a-ccff-11ee-9af7-325518e2651b","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.fork",{"_97":98,"_99":100,"_98":255,"_249":-5,"_250":311,"_135":136,"_144":145,"_104":105,"_102":103,"_123":-7,"_52":53},{"_102":103,"_99":100,"_104":105,"_106":107,"_108":-5,"_109":110,"_111":112,"_113":114,"_115":116,"_117":27,"_118":116,"_119":120,"_121":256,"_123":124,"_125":27,"_126":33,"_127":33,"_128":33,"_129":130,"_131":33,"_132":33,"_133":-5,"_21":257,"_139":-5,"_140":-5,"_141":-7,"_142":143,"_144":145,"_146":258},["D",1708118925845],{"_135":136,"_137":138},[259,261,263,265,267,269,271,273,275,277,279,281,283,285,287,289,291,293,295,297,299,301,303,305,307,309],{"_123":124,"_149":-5,"_121":260,"_118":116},["D",1708118925845],{"_123":152,"_149":-5,"_121":262,"_118":154},["D",1708114946092],{"_123":156,"_149":-5,"_121":264,"_118":158},["D",1708114530782],{"_123":160,"_149":-5,"_121":266,"_118":162},["D",1708114442769],{"_123":164,"_149":-5,"_121":268,"_118":166},["D",1708114373724],{"_123":168,"_149":-5,"_121":270,"_118":170},["D",1708114351093],{"_123":172,"_149":-5,"_121":272,"_118":174},["D",1708114332614],{"_123":176,"_149":-5,"_121":274,"_118":178},["D",1708114319314],{"_123":180,"_149":-5,"_121":276,"_118":182},["D",1708114249638],{"_123":184,"_149":-5,"_121":278,"_118":186},["D",1708114239104],{"_123":188,"_149":-5,"_121":280,"_118":190},["D",1708114175504],{"_123":192,"_149":-5,"_121":282,"_118":194},["D",1708114170766],{"_123":196,"_149":-5,"_121":284,"_118":198},["D",1708114124419],{"_123":200,"_149":-5,"_121":286,"_118":202},["D",1708114121801],{"_123":204,"_149":-5,"_121":288,"_118":206},["D",1708114113215],{"_123":208,"_149":-5,"_121":290,"_118":210},["D",1708114070886],{"_123":212,"_149":-5,"_121":292,"_118":214},["D",1708114061582],{"_123":216,"_149":-5,"_121":294,"_118":218},["D",1708113834951],{"_123":220,"_149":-5,"_121":296,"_118":222},["D",1708113826947],{"_123":224,"_149":-5,"_121":298,"_118":226},["D",1708113727773],{"_123":228,"_149":-5,"_121":300,"_118":230},["D",1708113683851],{"_123":232,"_149":-5,"_121":302,"_118":234},["D",1708113659080],{"_123":236,"_149":-5,"_121":304,"_118":238},["D",1708111274098],{"_123":94,"_149":-5,"_121":306,"_118":241},["D",1708111254786],{"_123":130,"_149":-5,"_121":308,"_118":244},["D",1708111242710],{"_123":33,"_149":-5,"_121":310,"_118":247},["D",1708110609410],[],"routes/_app","actionData","errors"]