[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_182":183,"_184":185},"routes/_app.x.$handle.$name",{"_95":94,"_32":44,"_104":85,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":122,"_123":-5,"_124":-5,"_125":126},"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":54,"_18":55,"_56":31,"_57":25,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",19,"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","64e31d50-16e7-11f0-942a-569c3dd06744","name","fileType","content","A test utility and badge to put in your val readme to show test suite status\n\nExample:\n\n[![][badge]][url]\n\n[badge]: https://testme.val.run?url=https://tuna-test.val.run\n[url]: https://www.val.town/x/jxnblk/test/branch/main/code/example.http.tsx\n\nUsage:\n\n1. Make a val\n2. Make a separate test suite _HTTP_ file for the val you want to test\n3. Import `describe` and `it` utilities\n4. Write tests\n5. Add the badge to your readme, with the `url` parameter pointing to the test suite file's endpoint. Tests run whenever the test suite file or the badge is fetched\n\n```tsx\nimport { describe, it } from \"https://esm.town/v/jxnblk/test\";\nimport { assertEquals } from \"jsr:@std/assert@1\";\n\nexport default describe(\"my test suite\", () => {\n const sum = (a, b) => a + b;\n \n it(\"sums it up\", () => {\n assertEquals(sum(1, 2), 3);\n })\n})\n```\n\nBadge:\n\n```md\n[![][badge]][url]\n\n[badge]: https://testme.val.run?url=YOUR_TEST_SUITE_ENDPOINT\n[url]: YOUR_TEST_SUITE_URL\n```\n\nExample\n```md\n[![][badge]][url]\n\n[badge]: https://testme.val.run?url=https://tuna-test.val.run\n[url]: https://www.val.town/x/jxnblk/test/code/example.http.tsx\n```","A test utility and badge to put in your val readme to show test suite status\n\nExample:\n\n[![][badge]][url]\n\n[badge]: https://testme.val.run?url=https://tuna-test.val.run\n[url]: https://www.val.town/x/jxnblk/test/branch/main/code/example.http.tsx\n\nUsage:\n\n1. Make a val\n2. Make a separate test suite _HTTP_ file for the val you want to test\n3. Import `describe` and `it` utilities\n4. Write tests\n5. Add the badge to your readme, with the `url` parameter pointing to the test suite file's endpoint. Tests run whenever the test suite file or the badge is fetched\n\n```tsx\nimport { describe, it } from \"https://esm.town/x/jxnblk/test/http.tsx\";\nimport { assertEquals } from \"jsr:@std/assert@1\";\n\nexport default describe(\"my test suite\", () => {\n const sum = (a, b) => a + b;\n \n it(\"sums it up\", () => {\n assertEquals(sum(1, 2), 3);\n })\n})\n```\n\nBadge:\n\n```md\n[![][badge]][url]\n\n[badge]: https://testme.val.run?url=YOUR_TEST_SUITE_ENDPOINT\n[url]: YOUR_TEST_SUITE_URL\n```\n\nExample\n```md\n[![][badge]][url]\n\n[badge]: https://testme.val.run?url=https://tuna-test.val.run\n[url]: https://www.val.town/x/jxnblk/test/code/example.http.tsx\n```","createdAt",["D",1744386242398],"branchVersion","branchId","0ddf0eb0-16e7-11f0-9ed4-569c3dd06744","id","0ddebf64-16e7-11f0-9ed4-569c3dd06744","test",["D",1744384207442],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Test utility and status badge for Val Town","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/70c34942-ba30-4e07-e675-dcd89e69c400/square512?exp=1789671497&sig=d0e20d19f5c293f9b22de8bcaed9e7788e9c09321dc0044ffb890b385ad87ab3","5e11e267-23cd-4ee4-86f4-3bf2a5ed69d7","pinnedFileId","pinPreview","pinMigrated","screenshotVersion",21,"likeCount",0,"orgId","62a75f8d-be32-4eaa-989a-23f3433a7d42","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_103":99},"org",{"_95":94,"_96":97,"_98":99,"_18":55,"_100":101,"_102":25},"branch",{"_13":60,"_32":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"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=1789671497&sig=95564e19f62feaa9d3859221e39bba7b379621c67109d16879299fc3923dc1df","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":178,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":54,"_18":55,"_56":31,"_57":25,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":179,"_80":180,"_82":181,"_84":25},"tree",[165,166,167],"files",[165,166,167],"counts",{"_155":62,"_156":137,"_157":62,"_158":159,"_160":161},"contents",[127,128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_42":151,"_32":28,"_30":31,"_133":-5,"_40":41,"_39":14,"_135":122,"_37":152,"_13":153,"_33":20,"_34":36,"_24":25,"_140":-5,"_27":154},{"_42":143,"_32":144,"_30":145,"_133":-5,"_40":41,"_39":146,"_135":25,"_37":147,"_13":137,"_33":138,"_34":148,"_24":25,"_140":149,"_27":150},{"_42":130,"_32":131,"_30":132,"_133":-5,"_40":41,"_39":134,"_135":122,"_37":136,"_13":137,"_33":138,"_34":139,"_24":25,"_140":141,"_27":142},"586c2d96-16e7-11f0-bb60-569c3dd06744","http.tsx","46f9d810-16e7-11f0-950d-569c3dd06744","parentId",2,"latest",["D",1744384332510],1,"http","/** @jsxImportSource npm:preact */\nimport { render } from \"npm:preact-render-to-string\";\n\nexport function it(name, fn) {\n const ok = \"✅ [OK]: \";\n const fail = \"❌ [FAIL]: \";\n try {\n fn();\n console.log(ok + name);\n } catch (err) {\n console.log(fail + name);\n console.log(\" \" + err);\n throw new Error(err);\n }\n}\n\nexport function describe(name, run) {\n console.log(name);\n return async function(req: Request): Promise {\n await run();\n return Response.json({ ok: true, status: 200 });\n };\n}\n\ntype BadgeStatus = \"ok\" | \"fail\" | \"\";\ntype BadgeProps = {\n status: BadgeStatus;\n};\n\nconst colors: Record = {\n ok: \"green\",\n fail: \"red\",\n \"\": \"gray\",\n};\n\nfunction Badge({ status }: BadgeProps) {\n const color = colors[status];\n const label = status ? status.toUpperCase() : \"N/A\";\n const rightColor = status ? \"black\" : \"#999\";\n return (\n \n \n \n \n {label}\n \n \n val.town\n \n \n );\n}\n\nexport default async function(req: Request): Promise {\n const params = new URL(req.url).searchParams;\n const valURL = params.get(\"url\");\n console.log({ valURL });\n\n let badge = ;\n if (valURL) {\n try {\n await fetch(valURL)\n .then(res => res.json())\n .then(res => {\n console.log(res);\n if (res.error) {\n badge = ;\n } else {\n badge = ;\n }\n })\n .catch(err => {\n console.log(err);\n badge = ;\n });\n } catch (err) {\n console.log(err);\n badge = ;\n }\n }\n const svg = render(badge);\n\n return new Response(svg, { headers: { \"Content-Type\": \"image/svg+xml;charset=utf-8\" } });\n}","label","testme",[131],"bb50e8c0-16e7-11f0-b8cf-569c3dd06744","example.http.tsx","a8187430-16e7-11f0-821e-569c3dd06744",7,["D",1744384498425],"import { describe, it } from \"https://esm.town/v/jxnblk/test/http.tsx\";\nimport { assert, assertEquals, assertMatch } from \"jsr:@std/assert@1\";\n\nimport { css } from \"https://esm.town/v/jxnblk/tuna\";\n\nconst matches = (a, b) => assertMatch(a, new RegExp(b));\n\nexport default describe(\"tuna tests\", () => {\n const bodyStyles = css({\n body: {\n color: \"red\",\n fontFamily: \"sans-serif\",\n },\n });\n\n it(\"generates css\", () => {\n assertEquals(bodyStyles.css, \"body{color:red;font-family:sans-serif}\");\n });\n\n it(\"generates a style tag\", () => {\n assertEquals(bodyStyles.tag.dangerouslySetInnerHTML.__html, bodyStyles.css);\n });\n\n // for debugging only\n // it(\"fails\", () => {\n // assertEquals(1, 2);\n // // throw new Error(\"Seeing if this throws\");\n // });\n\n const styles = css({\n button: {\n color: \"blue\",\n padding: \"8px\",\n },\n box: {\n color: \"blue\",\n padding: \"32px\",\n },\n });\n\n it(\"creates atomic classnames\", () => {\n matches(styles.css, \"x0\");\n matches(styles.css, \"x1\");\n matches(styles.css, \"x2\");\n });\n\n it(\"creates atomic declarations\", () => {\n matches(styles.css, \".x0{color:blue}\");\n matches(styles.css, \".x1{padding:8px}\");\n matches(styles.css, \".x2{padding:32px}\");\n });\n\n it(\"returns classnames for application\", () => {\n assertEquals(styles.button, \"x0 x1\");\n assertEquals(styles.box, \"x0 x2\");\n });\n\n // pseudoselectors\n const pseudos = css({\n box: {\n backgroundColor: \"tomato\",\n \"&:hover\": {\n backgroundColor: \"blue\",\n color: \"black\",\n },\n },\n // \"box:hover\": { }, // not supported\n });\n\n it(\"handles pseudoselectors\", () => {\n matches(pseudos.css, \".x3{background-color:tomato}\");\n matches(pseudos.css, \".x4:hover{background-color:blue}\");\n matches(pseudos.css, \".x5:hover{color:black}\");\n });\n\n // child selectors\n const children = css({\n title: {\n fontSize: \"32px\",\n \"& > span\": {\n fontSize: \"16px\",\n },\n },\n });\n\n it(\"handles child selectors\", () => {\n matches(children.css, \".x6{font-size:32px}\");\n matches(children.css, \".x7 > span{font-size:16px}\");\n });\n\n const attrs = css({\n input: {\n \"&[type=checkbox]\": {\n backgroundColor: \"tomato\",\n },\n },\n });\n\n it(\"handles attr selectors\", () => {\n assertEquals(attrs.css, \".x8[type=checkbox]{background-color:tomato}\");\n });\n\n const numbers = css({\n box: {\n fontSize: 12,\n padding: 7,\n },\n });\n\n it(\"converts numbers to px\", () => {\n matches(numbers.css, \".x9{font-size:12px}\");\n matches(numbers.css, \".xa{padding:7px}\");\n });\n\n const media = css({\n /* possible api??\n \"@media screen and (min-w-width: 768px)\": {\n box: {\n fontSize: 13,\n padding: 11,\n },\n },\n */\n box: {\n \"@media screen and (min-width: 768px)\": {\n fontSize: 13,\n padding: 11,\n \"&:hover\": {\n color: \"red\",\n textDecoration: \"underline\",\n },\n },\n },\n });\n\n it(\"handles media queries\", () => {\n assertEquals(media.box, \"xb xc xd xe\");\n assert(media.css.includes(\"@media screen and (min-width: 768px){.xb{font-size:13px}}\"));\n assert(media.css.includes(\"@media screen and (min-width: 768px){.xc{padding:11px}}\"));\n assert(\n media.css.includes(\n \"@media screen and (min-width: 768px){.xd:hover{color:red}.xe:hover{text-decoration:underline}}\",\n ),\n );\n });\n\n return (\"🐟 [tuna] ok\");\n});","tuna-test",[144],"cacdda70-16eb-11f0-ab64-569c3dd06744",["D",1744386242398],14,[28],"pulls","branches","forks","envVars",{"_162":62,"_164":62},"connections",{"_162":62,"_163":62},"count","unfilledCount","emptyCount",{"_42":151,"_32":28,"_30":31,"_133":-5,"_40":41,"_39":14,"_135":122,"_37":175,"_13":153,"_33":20,"_34":36,"_24":25,"_140":-5,"_169":176,"_27":177},{"_42":143,"_32":144,"_30":145,"_133":-5,"_40":41,"_39":146,"_135":25,"_37":172,"_13":137,"_33":138,"_34":148,"_24":25,"_140":149,"_169":173,"_27":174},{"_42":130,"_32":131,"_30":132,"_133":-5,"_40":41,"_39":134,"_135":122,"_37":168,"_13":137,"_33":138,"_34":139,"_24":25,"_140":141,"_169":170,"_27":171},["D",1744384332510],"children",[],[131],["D",1744384498425],[],[144],["D",1744386242398],[],[28],["D",1744384207442],{"_95":94,"_103":99},{"_95":94,"_96":97,"_98":99,"_18":55,"_100":101,"_102":25},{"_13":60,"_32":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"ctx",{"_78":-5,"_124":215,"_216":217,"_218":219,"_220":25,"_221":25,"_222":25,"_223":122,"_224":-5,"_225":-7,"_226":-7,"_227":62,"_228":25,"_229":25,"_230":-5,"_231":25,"_232":25,"_233":25,"_234":-5},"ENV",{"_186":187,"_188":189,"_190":85,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","a3e067d4463eea85f6334f8e583e8516ae58c4f6","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 · v19