[{"_1":2,"_170":-5,"_171":-5},"loaderData",{"_3":4,"_92":93},"root",{"_5":6,"_35":36,"_65":66},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20,"_34":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_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":62,"_63":64},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","5c349ef9e7d7333839a0634dd567aae2d49623a6","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/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","API_URL","https://api.val.town","clerkState",{"_67":68},"__internal_clerk_state",{"_69":70,"_71":46,"_72":73,"_74":73,"_75":20,"_76":73,"_77":73,"_78":73,"_79":73,"_80":81,"_90":20,"_91":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_82":20,"_19":20,"_83":73,"_84":85,"_86":73,"_87":46,"_88":20,"_89":73},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_94":95,"_96":97,"_98":99,"_100":101,"_150":151,"_167":168,"_169":-5},"handle","jamiedubs","name","syntheticLoot","path","main.tsx","project",{"_102":103,"_96":97,"_104":105,"_106":-5,"_107":108,"_109":110,"_111":-5,"_112":-5,"_12":113,"_114":115,"_116":108,"_117":-5,"_118":-5,"_119":32,"_14":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":130,"_133":134,"_136":137,"_149":20},"id","d1e62588-26db-11f0-a5b3-569c3dd06744","createdAt",["D",1746138600967],"deletedAt","legacyEnvVars",true,"privacy","public","description","imageUrl","28a12253-d65d-490e-97f1-5c00c30f3c90","pinnedFileId","d1e8d580-26db-11f0-a5b3-569c3dd06744","pinPreview","pinMigrated","screenshotVersion","likeCount","de23cbae-f041-436a-b718-67f3be167b4d","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_94":95,"_131":132},"profileImageUrl","https://avatars.githubusercontent.com/u/1903?v=4","org",{"_94":95,"_135":132,"_12":113},"avatar","branch",{"_138":139,"_96":44,"_102":140,"_141":103,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":97,"_148":95},"version",26,"d1e67628-26db-11f0-a5b3-569c3dd06744","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_102":152,"_96":99,"_153":115,"_154":-5,"_155":140,"_156":139,"_157":108,"_104":158,"_138":159,"_160":161,"_162":163,"_164":20,"_165":-5,"_98":166},"d26a4b38-26db-11f0-a5b3-569c3dd06744","fileId","parentId","branchId","branchVersion","latest",["D",1708118925845],25,"fileType","http","content","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}","deleted","label",[99],"permalink","https://www.val.town/x/jamiedubs/syntheticLoot/code/main.tsx","extension","actionData","errors"]