[{"_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",{"_96":95,"_32":45,"_105":86,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":123,"_124":-5,"_125":-5,"_126":127},"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":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":58,"_59":25,"_60":-5,"_61":14,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_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",21,"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","example.http.tsx","latestPath","fileId","a8187430-16e7-11f0-821e-569c3dd06744","name","fileType","http","content","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});","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});","createdAt",["D",1744407762657],"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=1789739908&sig=d105758ed3539ae352d813168084a8658b930d9ddb4488f4c0cbb1d9cc8731b6","5e11e267-23cd-4ee4-86f4-3bf2a5ed69d7","pinnedFileId","64e31d50-16e7-11f0-942a-569c3dd06744","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",{"_96":95,"_104":100},"org",{"_96":95,"_97":98,"_99":100,"_18":56,"_101":102,"_103":25},"branch",{"_13":14,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"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=1789739908&sig=022f10a0c1ff623f5473f7b1f18f9bf5038e69b2846be00e0db82e6d700da945","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":178,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":58,"_59":25,"_60":-5,"_61":14,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":179,"_81":180,"_83":181,"_85":25},"tree",[165,166,167],"files",[165,166,167],"counts",{"_155":63,"_156":138,"_157":63,"_158":159,"_160":161},"contents",[128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":148,"_32":149,"_30":58,"_134":-5,"_41":42,"_40":150,"_136":123,"_38":151,"_13":152,"_33":20,"_35":153,"_24":25,"_140":-5,"_27":154},{"_43":143,"_32":28,"_30":31,"_134":-5,"_41":42,"_40":14,"_136":123,"_38":144,"_13":145,"_33":34,"_35":37,"_24":25,"_140":146,"_27":147},{"_43":131,"_32":132,"_30":133,"_134":-5,"_41":42,"_40":135,"_136":123,"_38":137,"_13":138,"_33":34,"_35":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,"/** @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",[132],"e5e06404-171d-11f0-9936-569c3dd06744",["D",1744407762657],3,"tuna-test",[28],"cacdda70-16eb-11f0-ab64-569c3dd06744","README.md",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```",[149],"pulls","branches","forks","envVars",{"_162":63,"_164":63},"connections",{"_162":63,"_163":63},"count","unfilledCount","emptyCount",{"_43":148,"_32":149,"_30":58,"_134":-5,"_41":42,"_40":150,"_136":123,"_38":175,"_13":152,"_33":20,"_35":153,"_24":25,"_140":-5,"_169":176,"_27":177},{"_43":143,"_32":28,"_30":31,"_134":-5,"_41":42,"_40":14,"_136":123,"_38":172,"_13":145,"_33":34,"_35":37,"_24":25,"_140":146,"_169":173,"_27":174},{"_43":131,"_32":132,"_30":133,"_134":-5,"_41":42,"_40":135,"_136":123,"_38":168,"_13":138,"_33":34,"_35":139,"_24":25,"_140":141,"_169":170,"_27":171},["D",1744384332510],"children",[],[132],["D",1744407762657],[],[28],["D",1744386242398],[],[149],["D",1744384207442],{"_96":95,"_104":100},{"_96":95,"_97":98,"_99":100,"_18":56,"_101":102,"_103":25},{"_13":14,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"ctx",{"_79":-5,"_125":215,"_216":217,"_218":219,"_220":25,"_221":25,"_222":25,"_223":123,"_224":-5,"_225":-7,"_226":-7,"_227":63,"_228":25,"_229":25,"_230":-5,"_231":25,"_232":25,"_233":25,"_234":-5},"ENV",{"_186":187,"_188":189,"_190":86,"_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","71c1b20804b3232a7e513be260cfffc1932a9e97","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 · v21