[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_187":188,"_189":190},"routes/_app.x.$handle.$name",{"_103":102,"_38":50,"_111":93,"_33":58,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_26":-5,"_122":-5,"_123":-5,"_124":32,"_125":126,"_127":30,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_38":50,"_43":51,"_52":-5,"_53":32,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":-5,"_62":32,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":32},"version",60,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","5a54e24a-a9b7-4ba7-ba2a-ad0f9eca4381","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":32,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":32},"previous","deleted",true,"deletedHere",false,"path","test-color.ts","latestPath","fileId","bdffa796-5ea3-11f1-b335-1607ee4eb77e","name","fileType","script","content","import app from \"./main.ts\";\n\nconst cases = [\n \"/widget/4801\",\n \"/widget/4801?color=ff6600\",\n \"/widget/4801?color=abc\",\n \"/widget/4801?colour=%23f00\",\n \"/widget/4801?color=notacolor\",\n];\n\nfor (const path of cases) {\n const res = await (app as (req: Request) => Promise)(\n new Request(\"https://example.com\" + path),\n );\n const svg = await res.text();\n const fills = [...svg.matchAll(/fill=\"(#[0-9a-fA-F]{3,8})\"/g)].map((m) => m[1]);\n const barFills = fills.filter((f) => f.toLowerCase() !== \"#ffffff\");\n console.log(path, \"->\", res.status, \"bar/text fills:\", JSON.stringify(barFills));\n}\n","createdAt",["D",1780419278541],"branchVersion","branchId","a39c3e4e-59c3-11f1-b42b-ee650bb23af1","id","a39b6866-59c3-11f1-b42b-ee650bb23af1","live-status-badge",["D",1779883222355],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","31f88399-b6c0-442c-9061-774284324c4e","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",1,"orgId","019e68e2-dd1f-7332-88ee-4ff8432cff5b","tursoName","a39b686659c311f1b42bee650bb23af1","tursoHostname","a39b686659c311f1b42bee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789491713377],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_103":102,"_110":106},"org",{"_103":102,"_104":-5,"_105":106,"_19":60,"_107":108,"_109":32},"branch",{"_13":92,"_38":93,"_48":47,"_94":49,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":50,"_101":102},"isOwned",62,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","fundsurfer","handle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/5f0a0a40-4141-4ea7-f0ff-824d4df4cc00/square512?exp=1789541999&sig=c17bb0ad2ba8ab8eeb45a25840eeb8b6a9bd3d85b311b35daa0713c6883f8a71","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_48":49,"_38":50,"_43":182,"_52":-5,"_53":32,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":-5,"_62":32,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":70,"_71":72,"_73":183,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":184,"_87":185,"_89":186,"_91":32},"tree",[169,170,171],"files",[169,170,171],"counts",{"_159":139,"_160":66,"_161":139,"_162":163,"_164":165},"contents",[132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_48":151,"_38":152,"_36":153,"_136":-5,"_46":47,"_45":154,"_137":32,"_43":155,"_13":156,"_39":26,"_41":157,"_29":32,"_140":-5,"_33":158},{"_48":142,"_38":143,"_36":144,"_136":-5,"_46":47,"_45":145,"_137":30,"_43":146,"_13":147,"_39":148,"_41":149,"_29":32,"_140":-5,"_33":150},{"_48":135,"_38":34,"_36":37,"_136":-5,"_46":47,"_45":14,"_137":32,"_43":138,"_13":139,"_39":40,"_41":42,"_29":32,"_140":-5,"_33":141},"bdffa6f6-5ea3-11f1-b335-1607ee4eb77e","parentId","latest",["D",1780419278541],0,"label",[34],"ba696b8a-5ea3-11f1-a6a7-1607ee4eb77e","main.ts","a39e9bb2-59c3-11f1-b42b-ee650bb23af1",59,["D",1780419272501],48,"http","import { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Accepts a 3- or 6-digit hex colour, with or without a leading \"#\".\nfunction normalizeColor(input: string | undefined, fallback: string): string {\n if (!input) return fallback;\n const trimmed = input.trim();\n let hex = trimmed.startsWith(\"#\") ? trimmed.slice(1) : trimmed;\n if (!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$/.test(hex)) return fallback;\n // Expand 3-digit shorthand (e.g. \"abc\") to 6 digits (\"aabbcc\") so that\n // appending an alpha suffix like `${color}33` always yields valid 8-digit hex.\n if (hex.length === 3) hex = hex.split(\"\").map((ch) => ch + ch).join(\"\");\n return `#${hex}`;\n}\n\napp.get(\"/widget/:campaignIdText\", async (c) => {\n const campaignId = c.req.param(\"campaignIdText\");\n\n // Support both ?color= and ?colour= spellings.\n const color = normalizeColor(\n c.req.query(\"color\") ?? c.req.query(\"colour\"),\n \"#5cb85c\",\n );\n\n try {\n const response = await fetch(\n `https://www.fundsurfer.com/api/project/${campaignId}/json?_=${Date.now()}`,\n {\n cache: \"no-store\",\n headers: {\n \"Cache-Control\": \"no-cache\",\n \"Pragma\": \"no-cache\",\n },\n },\n );\n\n if (!response.ok) {\n throw new Error(`Campaign details not found: ${response.status}`);\n }\n\n const data = await response.json();\n\n const current = parseFloat(String(data.pledged ?? 0));\n const target = parseFloat(String(data.target ?? 0));\n const currencySymbol = data.currency?.toLowerCase() === \"gbp\" ? \"£\" : \"$\";\n\n const safeTarget = target > 0 ? target : 1;\n const percentage = Math.min(Math.round((current / safeTarget) * 100), 100);\n const displayPercentage = Math.round((current / safeTarget) * 100);\n const formattedCurrent = current.toLocaleString();\n const formattedTarget = target.toLocaleString();\n\n const title = data.title?.length ? data.title : \"Fundsurfer\";\n const safeTitle = title.length > 39 ? title.slice(0, 39) + \"…\" : title;\n\n const svg = `\n \n \n \n ${safeTitle}\n \n \n ${currencySymbol}${formattedCurrent}\n \n \n of ${currencySymbol}${formattedTarget}\n \n \n \n \n ${displayPercentage}% funded\n \n \n `.trim();\n\n c.header(\"Content-Type\", \"image/svg+xml\");\n c.header(\n \"Cache-Control\",\n \"no-store, no-cache, must-revalidate, proxy-revalidate\",\n );\n c.header(\"Pragma\", \"no-cache\");\n c.header(\"Expires\", \"0\");\n\n return c.body(svg);\n } catch (error) {\n console.error(\"Widget render failed:\", error);\n\n c.header(\"Content-Type\", \"image/svg+xml\");\n c.header(\"Cache-Control\", \"no-store, no-cache, must-revalidate\");\n\n return c.body(\n //``,\n `\n \n \n Fundsurfer\n \n \n Project not found\n \n `,\n 500,\n );\n }\n});\n\nexport default app.fetch;",[143],"6e8ab96a-5dc4-11f1-b4db-1607ee4eb77e","README.md","01f616e2-59c7-11f1-a811-ee650bb23af1",50,["D",1780323367456],4,"# Fundsurfer Progress Badge\n\nThis badge displays the live progress of a Fundsurfer campaign as an SVG image\nthat you can embed on any website.\n\nHere's an example:\n\n![](https://fundsurfer--a39e9bb259c311f1b42bee650bb23af1.web.val.run/widget/4801)\n\n## How it works\n\nThe badge fetches the latest public campaign data from Fundsurfer and renders a\nsmall progress widget showing:\n\n- amount raised\n- campaign target\n- percentage funded\n\n## Badge URL format\n\nReplace `YOUR_CAMPAIGN_ID` with your Fundsurfer campaign ID:\n\n```html\n\n```\n\nExample:\n\n```html\n\n```\n\n## How to find your campaign ID\n\nIf your Fundsurfer JSON URL looks like this:\n\n```text\nhttps://www.fundsurfer.com/api/project/4801/json\n```\n\nthen your campaign ID is:\n\n```text\n4801\n```\n\n## Add it to your website\n\nPaste this anywhere in your HTML where you want the badge to appear:\n\n```html\n\n```\n\n## Optional: link the badge to your campaign page\n\n```html\n\n \n\n```\n\n## Notes\n\n- The badge is served as SVG, so it stays sharp on all screen sizes.\n- The displayed totals are pulled from the live Fundsurfer campaign data.\n- If the campaign cannot be loaded, the badge will show an error state instead.\n\n## Replace this value\n\nBefore publishing, replace:\n\n- `https://your-valtown-url/` with your actual Val Town URL\n- `YOUR_CAMPAIGN_ID` with your real Fundsurfer campaign ID",[152],"pulls","branches","forks","envVars",{"_166":139,"_168":139},"connections",{"_166":139,"_167":139},"count","unfilledCount","emptyCount",{"_48":151,"_38":152,"_36":153,"_136":-5,"_46":47,"_45":154,"_137":32,"_43":179,"_13":156,"_39":26,"_41":157,"_29":32,"_140":-5,"_173":180,"_33":181},{"_48":142,"_38":143,"_36":144,"_136":-5,"_46":47,"_45":145,"_137":30,"_43":176,"_13":147,"_39":148,"_41":149,"_29":32,"_140":-5,"_173":177,"_33":178},{"_48":135,"_38":34,"_36":37,"_136":-5,"_46":47,"_45":14,"_137":32,"_43":172,"_13":139,"_39":40,"_41":42,"_29":32,"_140":-5,"_173":174,"_33":175},["D",1780419278541],"children",[],[34],["D",1780419272501],[],[143],["D",1780323367456],[],[152],["D",1779883222355],["D",1789491713377],{"_103":102,"_110":106},{"_103":102,"_104":-5,"_105":106,"_19":60,"_107":108,"_109":32},{"_13":92,"_38":93,"_48":47,"_94":49,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":50,"_101":102},"ctx",{"_85":-5,"_129":220,"_221":222,"_223":224,"_225":32,"_226":32,"_227":32,"_228":30,"_229":-5,"_230":-7,"_231":-7,"_232":139,"_233":32,"_234":32,"_235":-5,"_236":32,"_237":32,"_238":32,"_239":-5},"ENV",{"_191":192,"_193":194,"_195":93,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219},"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 · v60