[{"_1":2,"_243":-5,"_244":-5},"loaderData",{"_3":4,"_91":92,"_212":213},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":22,"_29":22,"_30":22,"_31":32,"_33":22},"auth",{"_9":10,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":-5,"_20":-5,"_21":22},"tokenType","session_token","sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","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,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","d481f3d28ac6dd3f9b89bb10f2a0c9798df3020a","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",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":22,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":22,"_90":22},"__clerk_ssr_state",{"_9":10,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":-5,"_20":-5,"_21":22},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":22,"_21":22,"_82":72,"_83":84,"_85":72,"_86":45,"_87":22,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/_app.x.$handle.$name",{"_93":94,"_95":96,"_97":43,"_98":99,"_100":-7,"_101":102,"_153":154,"_182":183,"_184":185,"_190":191,"_167":192,"_195":196,"_200":201,"_208":22,"_209":22,"_210":211},"handle","stevekrouse","name","button","branchName","path","main.tsx","version","project",{"_103":104,"_95":96,"_105":106,"_107":-5,"_108":109,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":109,"_118":-5,"_119":120,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":131,"_134":135,"_137":138,"_152":22},"id","f6e001c0-2540-11f0-a4ea-569c3dd06744","createdAt",["D",1745962139847],"deletedAt","legacyEnvVars",true,"privacy","public","description","imageUrl","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","f6e2effc-2540-11f0-a4ea-569c3dd06744","pinPreview","screenshotVersion","likeCount",2,"e81e7335-6d4c-4764-a902-d0962bbfa9f7","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_132":133},"profileImageUrl","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","org",{"_93":94,"_136":133},"avatar","branch",{"_100":139,"_95":43,"_103":140,"_141":104,"_142":143,"_144":32,"_145":111,"_146":147,"_148":149,"_150":96,"_151":94},3,"f6e059a4-2540-11f0-a4ea-569c3dd06744","projectId","forkedBranchId","bf81fea0-279c-11f0-9d52-569c3dd06744","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","bf81bf26-279c-11f0-9d52-569c3dd06744","forkedProjectOrgId","ef233ec9-c465-4ecf-b676-6fe2df48e438","projectName","userHandle","isOwned","tree",[155,175],{"_103":156,"_95":157,"_158":159,"_160":-5,"_161":140,"_162":163,"_164":109,"_105":165,"_100":32,"_166":167,"_168":169,"_170":22,"_171":-5,"_172":173,"_98":174},"f6e2f4de-2540-11f0-a4ea-569c3dd06744","README.md","fileId","f6e2f54c-2540-11f0-a4ea-569c3dd06744","parentId","branchId","branchVersion",1,"latest",["D",1688580090000],"fileType","file","content","# SVG Button Link for Markdown\n\nPioneered by [@easrng](/u/easrng), this val allows you to create an SVG image via the Express API, which we can embed in Val Town markdown, and wrap so it acts like a button.\n\n## Usage\n\n```\n[![Button Link](https://stevekrouse-button.web.val.run/Button%20Link)](https://example.com)\n```\n\n[![Button Link](https://stevekrouse-button.express.val.run/Button%20Link)](https://example.com)\n\nMigrated from folder: utils/button","deleted","label","children",[],[157],{"_103":176,"_95":99,"_158":116,"_160":-5,"_161":140,"_162":139,"_164":109,"_105":177,"_100":120,"_166":178,"_168":179,"_170":22,"_171":-5,"_172":180,"_98":181},"f6ecc2c0-2540-11f0-a4ea-569c3dd06744",["D",1725475112583],"http","import { fetch } from \"https://esm.town/v/std/fetch\";\n\nexport default async function server(req: Request): Promise {\n async function inlineUrls(cssString: string) {\n const urlRegex = /url\\(['\"]?(.*?)['\"]?\\)/g;\n let result = cssString;\n for (const urlMatch of cssString.matchAll(urlRegex)) {\n const originalUrl = urlMatch[1];\n const response = await fetch(originalUrl);\n const data = new Uint8Array(await response.arrayBuffer());\n result = result.replace(\n urlMatch[0],\n `url(\"data:${response.headers.get(\"content-type\")};base64,${\n btoa(String.fromCharCode.apply(null, data))\n }\")`,\n );\n }\n return result;\n }\n\n const esc = (await import(\"https://esm.sh/escape-html@1.0.3\")).default;\n const { init } = await import(\"https://esm.sh/server-text-width@1.0.2\");\n const { getTextWidth } = init(\n (await import(\"https://easrng.github.io/IBMPlexSansMetrics.js\")).default,\n );\n\n const url = new URL(req.url);\n const text = decodeURIComponent(url.pathname.split(\"/\")[1]);\n let fontCss = \"\";\n try {\n const r = await fetch(\n \"https://fonts.googleapis.com/css2?family=\" +\n encodeURIComponent(\"IBM Plex Sans:wght@600\") +\n \"&text=\" +\n encodeURIComponent(text),\n { headers: { \"user-agent\": req.headers.get(\"user-agent\") || \"\" } },\n );\n if (!r.ok)\n throw new Error(\"Failed to fetch font CSS\");\n fontCss = await inlineUrls(await r.text());\n }\n catch (e) {\n console.error(\"Error fetching font CSS:\", e);\n }\n\n const width = Math.ceil(getTextWidth(text) + 16);\n const svgContent = ``;\n\n return new Response(svgContent, {\n headers: {\n \"content-type\": \"image/svg+xml\",\n },\n });\n}\n// Forked from @easrng.button",[],[99],"files",[155,175],"counts",{"_186":32,"_187":163,"_188":32,"_189":32},"pulls","branches","forks","envVars","contents",[],{"_103":176,"_95":99,"_158":116,"_160":-5,"_161":140,"_162":139,"_164":109,"_105":193,"_100":120,"_166":178,"_168":179,"_170":22,"_171":-5,"_98":194},["D",1725475112583],[99],"upstreamProject",{"_103":147,"_95":96,"_112":-5,"_113":-5,"_110":111,"_23":197},{"_93":198,"_132":199},"easrng","https://images.clerk.dev/oauth_github/img_2Qn86tpR8Fwsj1TjoMg9t1DCmc2.png","upstreamBranch",{"_103":143,"_105":202,"_203":204,"_95":43,"_141":147,"_100":205,"_142":-5,"_144":-5,"_206":207,"_107":-5,"_152":22,"_110":111,"_151":198,"_16":149,"_150":96},["D",1746221462980],"updatedAt",["D",1710207410460],33,"lockfileKey","1746240824032-esm.town_v_easrng_button@33-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":43,"_98":99,"_101":214,"_167":219,"_222":223,"_234":235,"_240":-7,"_241":32,"_242":22},{"_103":104,"_95":96,"_105":215,"_107":-5,"_108":109,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":109,"_118":-5,"_119":120,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":216,"_134":217,"_137":218,"_152":22},["D",1745962139847],{"_93":94,"_132":133},{"_93":94,"_136":133},{"_100":139,"_95":43,"_103":140,"_141":104,"_142":143,"_144":32,"_145":111,"_146":147,"_148":149,"_150":96,"_151":94},{"_103":176,"_95":99,"_158":116,"_160":-5,"_161":140,"_162":139,"_164":109,"_105":220,"_100":120,"_166":178,"_168":179,"_170":22,"_171":-5,"_98":221},["D",1725475112583],[99],"history",[224,226,230],{"_103":176,"_161":140,"_158":116,"_95":99,"_168":179,"_166":178,"_100":120,"_160":-5,"_105":225,"_162":139,"_171":-5},["D",1725475112583],{"_103":227,"_161":140,"_158":116,"_95":99,"_168":228,"_166":178,"_100":163,"_160":-5,"_105":229,"_162":120,"_171":-5},"f6e82314-2540-11f0-a4ea-569c3dd06744","import { fetch } from \"https://esm.town/v/std/fetch\";\n\nexport async function button(req, res) {\n async function inlineUrls(cssString) {\n const urlRegex = /url\\(['\"]?(.*?)['\"]?\\)/g;\n let result = cssString;\n for (const urlMatch of cssString.matchAll(urlRegex)) {\n const originalUrl = urlMatch[1];\n const response = await fetch(originalUrl);\n const data = new Uint8Array(await response.arrayBuffer());\n result = result.replace(\n urlMatch[0],\n `url(\"data:${response.headers.get(\"content-type\")};base64,${\n btoa(data.reduce((a, b) => a + String.fromCharCode(b), \"\"))\n }\")`,\n );\n }\n return result;\n }\n const esc = (await import(\"npm:escape-html@1.0.3\")).default;\n const { init } = await import(\"npm:server-text-width@1.0.2\");\n const { getTextWidth } = init(\n (await import(\"https://easrng.github.io/IBMPlexSansMetrics.js\")).default,\n );\n const text = decodeURIComponent(req.path.split(\"/\")[1]);\n let fontCss = \"\";\n try {\n const r = await fetch(\n \"https://fonts.googleapis.com/css2?family=\" +\n encodeURIComponent(\"IBM Plex Sans:wght@600\") +\n \"&text=\" +\n encodeURIComponent(text),\n { headers: { \"user-agent\": req.get(\"user-agent\") } },\n );\n if (!r.ok)\n throw new Error();\n fontCss = await inlineUrls(await r.text());\n }\n catch (e) {}\n res.set(\"content-type\", \"image/svg+xml\");\n const width = Math.ceil(getTextWidth(text) + 16);\n res.end(\n ``,\n );\n}\n// Forked from @easrng.button",["D",1698082256000],{"_103":231,"_161":140,"_158":116,"_95":99,"_168":232,"_166":178,"_100":32,"_160":-5,"_105":233,"_162":163,"_171":-5},"f6e2ef52-2540-11f0-a4ea-569c3dd06744","async function button(req, res) {\n async function inlineUrls(cssString) {\n const urlRegex = /url\\(['\"]?(.*?)['\"]?\\)/g;\n let result = cssString;\n for (const urlMatch of cssString.matchAll(urlRegex)) {\n const originalUrl = urlMatch[1];\n const response = await fetch(originalUrl);\n const data = new Uint8Array(await response.arrayBuffer());\n result = result.replace(\n urlMatch[0],\n `url(\"data:${response.headers.get(\"content-type\")};base64,${\n btoa(data.reduce((a, b) => a + String.fromCharCode(b), \"\"))\n }\")`,\n );\n }\n return result;\n }\n const esc = (await import(\"npm:escape-html@1.0.3\")).default;\n const { init } = await import(\"npm:server-text-width@1.0.2\");\n const { getTextWidth } = init(\n (await import(\"https://easrng.github.io/IBMPlexSansMetrics.js\")).default,\n );\n const text = decodeURIComponent(req.path.split(\"/\")[1]);\n let fontCss = \"\";\n try {\n const r = await fetch(\n \"https://fonts.googleapis.com/css2?family=\" +\n encodeURIComponent(\"IBM Plex Sans:wght@600\") +\n \"&text=\" +\n encodeURIComponent(text),\n { headers: { \"user-agent\": req.get(\"user-agent\") } },\n );\n if (!r.ok)\n throw new Error();\n fontCss = await inlineUrls(await r.text());\n }\n catch (e) {}\n res.set(\"content-type\", \"image/svg+xml\");\n const width = Math.ceil(getTextWidth(text) + 16);\n res.end(\n ``,\n );\n}\n// Forked from @easrng.button",["D",1688580090000],"versions",[236,238,239],{"_167":224,"_237":226},"previous",{"_167":226,"_237":230},{"_167":230,"_237":-5},"versionNumber","page","hasNext","actionData","errors"]

History for main.tsx