[{"_1":2,"_207":-5,"_208":-5},"loaderData",{"_3":4,"_91":92,"_194":195,"_206":-5},"root",{"_5":6,"_32":33,"_58":59,"_89":90},"ctx",{"_7":8,"_18":19,"_20":-5,"_21":22,"_23":24,"_25":26,"_27":26,"_28":29,"_30":31},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"sessionClaims","sessionId","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","environmentVariableKeys",[],"user","preferences_keybindings","default","preferences_theme","light","preferences_fixers",false,"preferences_copilot","preferences_model","claude-3-5-haiku-20241022","notification_count",0,"ENV",{"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","6171a882960675a9c0be45778fe5054e1a22862d","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","API_URL","https://api.val.town","WORKER_FINGERPRINT","799d99f2805306c2714a7cfefbeae178","clerkState",{"_60":61},"__internal_clerk_state",{"_62":63,"_64":43,"_65":66,"_67":66,"_68":26,"_69":66,"_70":66,"_71":66,"_72":66,"_73":66,"_74":66,"_75":66,"_76":66,"_77":78,"_87":26,"_88":26},"__clerk_ssr_state",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__signInForceRedirectUrl","__signUpForceRedirectUrl","__signInFallbackRedirectUrl","__signUpFallbackRedirectUrl","__clerk_debug",{"_79":26,"_80":66,"_81":82,"_83":66,"_84":43,"_85":26,"_86":66},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","remixVersion",2,"routes/_app.v.$handle.$name",{"_93":94,"_95":96,"_94":97,"_189":-5,"_190":-5,"_191":192,"_128":129,"_136":137,"_100":101,"_98":99,"_117":-7,"_50":51,"_193":26},"type","val","author","998f489a-a4e9-4008-8330-db965ef5949d",{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":-5,"_104":105,"_106":-5,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":116,"_117":118,"_119":26,"_120":31,"_121":31,"_122":31,"_123":31,"_124":31,"_125":31,"_126":-5,"_20":127,"_132":-5,"_133":-7,"_134":135,"_136":137,"_138":139},"name","progress","valNameId","b81e3a3c-a279-11ef-a16d-e6cdfca9ef9f","parentFolderId","isOwned","privacy","public","readme","valType","http","currentVersion","d8d28920-de2b-11ef-9e34-e6cdfca9ef9f","legacyPrivate","id","code","export default async function server(request: Request): Promise {\n const url = new URL(request.url);\n const params = url.searchParams;\n\n const barColour = params.get(\"barcolour\") || \"#4285f4\";\n const fill = params.get(\"bg\") || \"#f0f0f0\";\n const textColour = params.get(\"textcolour\") || \"#ffffff\";\n const barMin = parseFloat(params.get(\"barmin\") || \"0\");\n const barMax = parseFloat(params.get(\"barmax\") || \"100\");\n const value = parseFloat(params.get(\"value\") || \"0\");\n const text = params.get(\"text\") || \"\";\n const textSize = parseInt(params.get(\"textsize\") || \"14\");\n\n const percentage = ((value - barMin) / (barMax - barMin)) * 100;\n const clampedPercentage = Math.min(Math.max(percentage, 0), 100);\n\n const width = 400;\n const height = 60;\n\n const svg = `\n`;\n\n return new Response(svg, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n \"Cache-Control\": \"no-cache, no-store, must-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\",\n },\n });\n}","createdAt",["D",1738146537364],"version",12,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_128":129,"_130":131},"handle","novafurry","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yb3EyYXI2VE5JUUM1d3hmQWhIUENSQ0dKenYifQ","forkedVal","interval","slug","novafurry/progress","description","An interactive, runnable TypeScript val by novafurry","versions",[140,143,147,151,155,159,163,167,171,175,179,182,186],{"_117":118,"_141":-5,"_115":142,"_112":110},"prId",["D",1738146537364],{"_117":144,"_141":-5,"_115":145,"_112":146},11,["D",1738146537362],"d8c9d0e6-de2b-11ef-a552-e6cdfca9ef9f",{"_117":148,"_141":-5,"_115":149,"_112":150},10,["D",1731584663377],"cb1a491a-a27d-11ef-b076-e6cdfca9ef9f",{"_117":152,"_141":-5,"_115":153,"_112":154},9,["D",1731584605205],"a86d5ba0-a27d-11ef-b3f0-e6cdfca9ef9f",{"_117":156,"_141":-5,"_115":157,"_112":158},8,["D",1731584426847],"3e1e8044-a27d-11ef-b65a-e6cdfca9ef9f",{"_117":160,"_141":-5,"_115":161,"_112":162},7,["D",1731583339333],"b5e98536-a27a-11ef-85e7-e6cdfca9ef9f",{"_117":164,"_141":-5,"_115":165,"_112":166},6,["D",1731583281260],"934c08aa-a27a-11ef-85e7-e6cdfca9ef9f",{"_117":168,"_141":-5,"_115":169,"_112":170},5,["D",1731583248215],"7f997e14-a27a-11ef-9336-e6cdfca9ef9f",{"_117":172,"_141":-5,"_115":173,"_112":174},4,["D",1731583230629],"751e2584-a27a-11ef-9336-e6cdfca9ef9f",{"_117":176,"_141":-5,"_115":177,"_112":178},3,["D",1731583193280],"5edb600c-a27a-11ef-9fe0-e6cdfca9ef9f",{"_117":90,"_141":-5,"_115":180,"_112":181},["D",1731583021627],"f88a8f44-a279-11ef-b646-e6cdfca9ef9f",{"_117":183,"_141":-5,"_115":184,"_112":185},1,["D",1731582955385],"d10efb26-a279-11ef-89f3-e6cdfca9ef9f",{"_117":31,"_141":-5,"_115":187,"_112":188},["D",1731582913535],"b81f6eb6-a279-11ef-a16d-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_93":196,"_197":198,"_94":199},"single","redirect","/v/novafurry/progress/versions",{"_112":174,"_113":200,"_117":172,"_115":201,"_202":99,"_100":101,"_107":108,"_128":129,"_11":96,"_203":-5,"_204":-5,"_205":-5,"_193":26,"_134":135},"export default async function server(request: Request): Promise {\n const url = new URL(request.url);\n const params = url.searchParams;\n\n const barColour = params.get('barcolour') || '#4285f4'; // Google Blue as default\n const textColour = params.get('textcolour') || '#ffffff';\n const barMin = parseFloat(params.get('barmin') || '0');\n const barMax = parseFloat(params.get('barmax') || '100');\n const value = parseFloat(params.get('value') || '0');\n const text = params.get('text') || '';\n const textSize = parseInt(params.get('textsize') || '14');\n \n const percentage = ((value - barMin) / (barMax - barMin)) * 100;\n const clampedPercentage = Math.min(Math.max(percentage, 0), 100);\n\n const svg = `\n`;\n\n return new Response(svg, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n \"Cache-Control\": \"no-cache, no-store, must-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\"\n },\n });\n}\n\n// Example usage:\n// https://username-valname.web.val.run/?barcolour=%23ff0000&textcolour=%23000000&barmin=0&barmax=100&value=75&text=Progress&textsize=16",["D",1731583230629],"valName","deletedAt","messageId","threadId","routes/_app","actionData","errors"]

progress

Version 4