[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_169":170,"_171":172},"routes/_app.x.$handle.$name",{"_96":95,"_32":44,"_104":86,"_27":52,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":121,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":66,"_67":68,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",62,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",false,"deletedHere","path","README.md","latestPath","fileId","01f616e2-59c7-11f1-a811-ee650bb23af1","name","fileType","content","# 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","# 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## Optional: change the progress bar colour\n\n- Use the `colour` or `color` URL parameter to change the progress bar colour\n- Eg `?colour=#3986d8`\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","createdAt",["D",1780419449590],"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",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":54,"_100":101,"_102":25},"branch",{"_13":14,"_32":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","fundsurfer","handle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/5f0a0a40-4141-4ea7-f0ff-824d4df4cc00/square512?exp=1789549199&sig=506edae1c3e6551c94dbc61babfaebdd2a7ccee722fdfe7cd078f1435bb131c6","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_42":43,"_32":44,"_37":164,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":66,"_67":165,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":166,"_81":167,"_83":168,"_85":25},"tree",[155,156],"files",[155,156],"counts",{"_144":145,"_146":60,"_147":145,"_148":149,"_150":151},"contents",[126,127],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_42":140,"_32":28,"_30":31,"_131":-5,"_40":41,"_39":14,"_133":121,"_37":141,"_13":142,"_33":20,"_34":36,"_24":25,"_138":-5,"_27":143},{"_42":128,"_32":129,"_30":130,"_131":-5,"_40":41,"_39":132,"_133":121,"_37":134,"_13":135,"_33":136,"_34":137,"_24":25,"_138":-5,"_27":139},"ba696b8a-5ea3-11f1-a6a7-1607ee4eb77e","main.ts","a39e9bb2-59c3-11f1-b42b-ee650bb23af1","parentId",59,"latest",["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;","label",[129],"23f653e2-5ea4-11f1-aa8c-1607ee4eb77e",["D",1780419449590],5,[28],"pulls",0,"branches","forks","envVars",{"_152":145,"_154":145},"connections",{"_152":145,"_153":145},"count","unfilledCount","emptyCount",{"_42":140,"_32":28,"_30":31,"_131":-5,"_40":41,"_39":14,"_133":121,"_37":161,"_13":142,"_33":20,"_34":36,"_24":25,"_138":-5,"_158":162,"_27":163},{"_42":128,"_32":129,"_30":130,"_131":-5,"_40":41,"_39":132,"_133":121,"_37":157,"_13":135,"_33":136,"_34":137,"_24":25,"_138":-5,"_158":159,"_27":160},["D",1780419272501],"children",[],[129],["D",1780419449590],[],[28],["D",1779883222355],["D",1789491713377],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":54,"_100":101,"_102":25},{"_13":14,"_32":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"ctx",{"_79":-5,"_123":202,"_203":204,"_205":206,"_207":25,"_208":25,"_209":25,"_210":121,"_211":-5,"_212":-7,"_213":-7,"_214":145,"_215":25,"_216":25,"_217":-5,"_218":25,"_219":25,"_220":25,"_221":-5},"ENV",{"_173":174,"_175":176,"_177":86,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201},"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 · v62