[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_192":193,"_194":195},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_146":-5,"_20":147,"_22":148,"_149":150,"_151":152,"_25":153,"_24":-5,"_154":-5,"_155":-5,"_156":55,"_157":158,"_159":46,"_160":-5,"_161":-5,"_162":163},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","jxnblk","name","test","branchName","main","version","path","","project",{"_35":89,"_13":14,"_47":90,"_91":-5,"_92":55,"_93":94,"_95":94,"_96":97,"_98":99,"_100":101,"_102":70,"_103":55,"_104":-5,"_105":62,"_106":107,"_108":109,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":115,"_116":115,"_117":118,"_119":118,"_120":118,"_121":115,"_122":115,"_123":124,"_125":126,"_127":128,"_129":55},"tree",[76,77,78],"file","contents",[32,33,34],"upstream","pull","ahead","behind","envVars",{"_35":68,"_13":69,"_38":70,"_40":-5,"_41":42,"_43":71,"_45":46,"_47":72,"_17":73,"_50":24,"_52":74,"_54":55,"_56":-5,"_18":75},{"_35":59,"_13":60,"_38":61,"_40":-5,"_41":42,"_43":62,"_45":46,"_47":63,"_17":64,"_50":51,"_52":65,"_54":55,"_56":66,"_18":67},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":57,"_18":58},"id","586c2d96-16e7-11f0-bb60-569c3dd06744","http.tsx","fileId","46f9d810-16e7-11f0-950d-569c3dd06744","parentId","branchId","0ddf0eb0-16e7-11f0-9ed4-569c3dd06744","branchVersion",2,"latest",true,"createdAt",["D",1744384332510],1,"fileType","http","content","/** @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}","deleted",false,"label","testme",[37],"e5e06404-171d-11f0-9936-569c3dd06744","example.http.tsx","a8187430-16e7-11f0-821e-569c3dd06744",21,["D",1744407762657],3,"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",[60],"cacdda70-16eb-11f0-ab64-569c3dd06744","README.md","64e31d50-16e7-11f0-942a-569c3dd06744",19,["D",1744386242398],14,"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```",[69],{"_35":68,"_13":69,"_38":70,"_40":-5,"_41":42,"_43":71,"_45":46,"_47":86,"_17":73,"_50":24,"_52":74,"_54":55,"_56":-5,"_80":87,"_18":88},{"_35":59,"_13":60,"_38":61,"_40":-5,"_41":42,"_43":62,"_45":46,"_47":83,"_17":64,"_50":51,"_52":65,"_54":55,"_56":66,"_80":84,"_18":85},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":79,"_17":49,"_50":51,"_52":53,"_54":55,"_56":57,"_80":81,"_18":82},["D",1744384332510],"children",[],[37],["D",1744407762657],[],[60],["D",1744386242398],[],[69],"0ddebf64-16e7-11f0-9ed4-569c3dd06744",["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=1789681564&sig=295cbc9efef010c502f719f00cad42f211d728b4ac6db2d6538b4e6b96ce0c5b","userId","5e11e267-23cd-4ee4-86f4-3bf2a5ed69d7","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","62a75f8d-be32-4eaa-989a-23f3433a7d42","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_145":141},"org",{"_11":12,"_138":139,"_140":141,"_100":101,"_142":143,"_144":55},"branch",{"_17":62,"_13":16,"_35":42,"_130":89,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":-5,"_136":14,"_137":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Brent Jackson","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/fca87e60-4ad1-453c-af10-2782c6823400/square512?exp=1789681564&sig=d99fda61b5cc6328498c2fd35d54109a532eeff6783856444b4ba74b0f22a4fb","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":89,"_13":14,"_47":188,"_91":-5,"_92":55,"_93":94,"_95":94,"_96":97,"_98":99,"_100":101,"_102":70,"_103":55,"_104":-5,"_105":62,"_106":107,"_108":109,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":115,"_116":115,"_117":118,"_119":118,"_120":118,"_121":115,"_122":115,"_123":189,"_125":190,"_127":191,"_129":55},[179,180,181],"files",[179,180,181],"counts",{"_170":107,"_171":49,"_172":107,"_31":173,"_174":175},[164,165,166],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_35":68,"_13":69,"_38":70,"_40":-5,"_41":42,"_43":71,"_45":46,"_47":72,"_17":73,"_50":24,"_52":74,"_54":55,"_56":-5,"_18":169},{"_35":59,"_13":60,"_38":61,"_40":-5,"_41":42,"_43":62,"_45":46,"_47":63,"_17":64,"_50":51,"_52":65,"_54":55,"_56":66,"_18":168},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":57,"_18":167},[37],[60],[69],"pulls","branches","forks",{"_176":107,"_178":107},"connections",{"_176":107,"_177":107},"count","unfilledCount","emptyCount",{"_35":68,"_13":69,"_38":70,"_40":-5,"_41":42,"_43":71,"_45":46,"_47":86,"_17":73,"_50":24,"_52":74,"_54":55,"_56":-5,"_80":186,"_18":187},{"_35":59,"_13":60,"_38":61,"_40":-5,"_41":42,"_43":62,"_45":46,"_47":83,"_17":64,"_50":51,"_52":65,"_54":55,"_56":66,"_80":184,"_18":185},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":79,"_17":49,"_50":51,"_52":53,"_54":55,"_56":57,"_80":182,"_18":183},[],[37],[],[60],[],[69],["D",1744384207442],{"_11":12,"_145":141},{"_11":12,"_138":139,"_140":141,"_100":101,"_142":143,"_144":55},{"_17":62,"_13":16,"_35":42,"_130":89,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":-5,"_136":14,"_137":12},"ctx",{"_123":-5,"_161":225,"_226":227,"_228":229,"_230":55,"_231":55,"_232":55,"_233":46,"_234":-5,"_235":-7,"_236":-7,"_237":107,"_238":55,"_239":55,"_240":-5,"_241":55,"_242":55,"_243":55,"_244":-5},"ENV",{"_196":197,"_198":199,"_200":16,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","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"]

Code