[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_167":168,"_169":170},"routes/_app.x.$handle.$name",{"_98":97,"_32":45,"_107":88,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":-5,"_120":-5,"_121":25,"_122":123,"_124":49,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":54,"_55":56,"_18":57,"_58":59,"_60":25,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":25},"version",68,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","f93c0be4-1eba-11f0-a1cb-569c3dd06744","name","fileType","http","content","/* usage:\n * https://jxnblk-pie.web.val.run/?values=4,5,6\n */\n\n/** @jsxImportSource https://esm.sh/preact */\nimport chroma from \"npm:chroma-js\";\nimport { render } from \"npm:preact-render-to-string\";\n\nconst R = 128;\nconst dashArray = n => `${(R * Math.PI * n)} ${Math.PI * R}`;\n\nexport default async function(req: Request): Promise {\n const params = new URL(req.url).searchParams;\n const { values, ...args } = Object.fromEntries(params);\n\n const arr = values !== undefined ? values.split(\",\").map(Number) : undefined;\n let segments = [];\n if (arr != undefined) {\n const total = arr.reduce((n, a) => a + n, 0);\n const colors = chroma.scale(chroma.brewer.GnBu).domain([0, arr.length - 1]);\n arr.forEach((n, i) => {\n const value = n / total;\n const start = i === 0 ? 0 : segments[i - 1].end;\n const end = start + value * 360;\n segments.push({\n index: 1,\n value,\n start,\n end,\n color: colors(i).hex(),\n });\n });\n }\n\n const svg = render(\n \n \n {segments.map((s, i) => (\n \n ))}\n ,\n );\n // DEBUG // return new Response(JSON.stringify(segments, null, 2), { headers: { \"Content-Type\": \"text/plain\" } });\n return new Response(svg, { headers: { \"Content-Type\": \"image/svg+xml;charset=utf-8\" } });\n}","// svg-based pie chart service\n\n/* usage:\n * https://jxnblk-pie.web.val.run/?values=4,5,6\n */\n\n/** @jsxImportSource https://esm.sh/preact */\nimport chroma from \"npm:chroma-js\";\nimport { render } from \"npm:preact-render-to-string\";\n\nconst R = 128;\nconst dashArray = n => `${(R * Math.PI * n)} ${Math.PI * R}`;\n\nexport default async function(req: Request): Promise {\n const params = new URL(req.url).searchParams;\n const { values, ...args } = Object.fromEntries(params);\n\n const arr = values !== undefined ? values.split(\",\").map(Number) : undefined;\n let segments = [];\n if (arr != undefined) {\n const total = arr.reduce((n, a) => a + n, 0);\n const colors = chroma.scale(chroma.brewer.GnBu).domain([0, arr.length - 1]);\n arr.forEach((n, i) => {\n const value = n / total;\n const start = i === 0 ? 0 : segments[i - 1].end;\n const end = start + value * 360;\n segments.push({\n index: 1,\n value,\n start,\n end,\n color: colors(i).hex(),\n });\n });\n }\n\n const svg = render(\n \n \n {segments.map((s, i) => (\n \n ))}\n ,\n );\n // DEBUG // return new Response(JSON.stringify(segments, null, 2), { headers: { \"Content-Type\": \"text/plain\" } });\n return new Response(svg, { headers: { \"Content-Type\": \"image/svg+xml;charset=utf-8\" } });\n}","createdAt",["D",1715961168458],"branchVersion","branchId","f936ef56-1eba-11f0-a1cb-569c3dd06744","id","f936a9a6-1eba-11f0-a1cb-569c3dd06744","pie",["D",1745244884232],"deletedAt","legacyEnvVars",true,"privacy","public","httpPrivacy","description","Pie chart service","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/2772c22c-5a93-4e09-904f-91d729518800/square512?exp=1789559999&sig=05b063d2b8117e450a89dfcb70922739ede50df18f22724edb843ec6280aec01","5e11e267-23cd-4ee4-86f4-3bf2a5ed69d7","pinnedFileId","f93c2a02-1eba-11f0-a1cb-569c3dd06744","pinPreview","pinMigrated","screenshotVersion",73,"likeCount",0,"orgId","62a75f8d-be32-4eaa-989a-23f3433a7d42","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_106":102},"org",{"_98":97,"_99":100,"_101":102,"_18":57,"_103":104,"_105":25},"branch",{"_13":63,"_32":88,"_43":42,"_89":44,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":45,"_96":97},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","jxnblk","handle","displayName","Brent Jackson","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/fca87e60-4ad1-453c-af10-2782c6823400/square512?exp=1789559999&sig=9b2fe514b2ef2da898f24ee65d60edeea8baf4e7b746e4979c37296d15a67b65","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":163,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":54,"_55":56,"_18":57,"_58":59,"_60":25,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":164,"_83":165,"_85":166,"_87":25},"tree",[154,155],"files",[154,155],"counts",{"_144":65,"_145":140,"_146":65,"_147":148,"_149":150},"contents",[129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":138,"_32":139,"_30":59,"_132":-5,"_41":42,"_40":140,"_133":25,"_38":141,"_13":65,"_33":20,"_35":142,"_24":25,"_136":-5,"_27":143},{"_43":131,"_32":28,"_30":31,"_132":-5,"_41":42,"_40":14,"_133":25,"_38":134,"_13":135,"_33":34,"_35":37,"_24":25,"_136":45,"_27":137},"fa710816-1eba-11f0-a1cb-569c3dd06744","parentId","latest",["D",1715961168458],67,"label",[28],"f93c2980-1eba-11f0-a1cb-569c3dd06744","README.md",1,["D",1714400846599],"\n\nMigrated from folder: svg/pie",[139],"pulls","branches","forks","envVars",{"_151":65,"_153":65},"connections",{"_151":65,"_152":65},"count","unfilledCount","emptyCount",{"_43":138,"_32":139,"_30":59,"_132":-5,"_41":42,"_40":140,"_133":25,"_38":160,"_13":65,"_33":20,"_35":142,"_24":25,"_136":-5,"_157":161,"_27":162},{"_43":131,"_32":28,"_30":31,"_132":-5,"_41":42,"_40":14,"_133":25,"_38":156,"_13":135,"_33":34,"_35":37,"_24":25,"_136":45,"_157":158,"_27":159},["D",1715961168458],"children",[],[28],["D",1714400846599],[],[139],["D",1745244884232],{"_98":97,"_106":102},{"_98":97,"_99":100,"_101":102,"_18":57,"_103":104,"_105":25},{"_13":63,"_32":88,"_43":42,"_89":44,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":45,"_96":97},"ctx",{"_81":-5,"_126":200,"_201":202,"_203":204,"_205":25,"_206":25,"_207":25,"_208":49,"_209":-5,"_210":-7,"_211":-7,"_212":65,"_213":25,"_214":25,"_215":-5,"_216":25,"_217":25,"_218":25,"_219":-5},"ENV",{"_171":172,"_173":174,"_175":88,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199},"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"]

Diff · v68