[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_181":182,"_183":184},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_106":87,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":25,"_121":122,"_123":124,"_125":-5,"_126":-5,"_127":128},"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":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",7,"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","export default async function (req: Request): Promise {\n return Response.json({ ok: true })\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",1744384498425],"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=1789666690&sig=9c9e24a497c91e9052cff848d7dca3385ff7cc9324928f6fcafcc95dcda10593","5e11e267-23cd-4ee4-86f4-3bf2a5ed69d7","pinnedFileId","64e31d50-16e7-11f0-942a-569c3dd06744","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",{"_97":96,"_105":101},"org",{"_97":96,"_98":99,"_100":101,"_18":56,"_102":103,"_104":25},"branch",{"_13":62,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"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=1789666690&sig=53545cf73ac05172293e17a5f898322f39c2713437c9b36077353f6fcb06eeca","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":177,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":58,"_59":25,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":178,"_82":179,"_84":180,"_86":25},"tree",[164,165,166],"files",[164,165,166],"counts",{"_154":64,"_155":139,"_156":64,"_157":158,"_159":160},"contents",[129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":148,"_32":149,"_30":58,"_135":-5,"_41":42,"_40":150,"_137":25,"_38":151,"_13":136,"_33":20,"_35":152,"_24":25,"_141":-5,"_27":153},{"_43":144,"_32":28,"_30":31,"_135":-5,"_41":42,"_40":14,"_137":25,"_38":145,"_13":139,"_33":34,"_35":37,"_24":25,"_141":146,"_27":147},{"_43":132,"_32":133,"_30":134,"_135":-5,"_41":42,"_40":136,"_137":124,"_38":138,"_13":139,"_33":34,"_35":140,"_24":25,"_141":142,"_27":143},"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",[133],"bb50e8c0-16e7-11f0-b8cf-569c3dd06744",["D",1744384498425],"tuna-test",[28],"94c38e74-16e7-11f0-a5b6-569c3dd06744","README.md",5,["D",1744384433748],"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://https://testme.val.run?url=https://jxnblk-tunatestsuite.web.val.run\n[url]: https://www.val.town/v/jxnblk/tunaTestSuite\n\nUsage:\n\n1. Make a val\n2. Make a separate test suite _HTTP_ val 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 val's endpoint. Tests run whenever the test suite val 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://jxnblk-test.web.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://jxnblk-test.web.val.run?url=https://jxnblk-tunatestsuite.web.val.run\n[url]: https://www.val.town/v/jxnblk/tunaTestSuite\n```",[149],"pulls","branches","forks","envVars",{"_161":64,"_163":64},"connections",{"_161":64,"_162":64},"count","unfilledCount","emptyCount",{"_43":148,"_32":149,"_30":58,"_135":-5,"_41":42,"_40":150,"_137":25,"_38":174,"_13":136,"_33":20,"_35":152,"_24":25,"_141":-5,"_168":175,"_27":176},{"_43":144,"_32":28,"_30":31,"_135":-5,"_41":42,"_40":14,"_137":25,"_38":171,"_13":139,"_33":34,"_35":37,"_24":25,"_141":146,"_168":172,"_27":173},{"_43":132,"_32":133,"_30":134,"_135":-5,"_41":42,"_40":136,"_137":124,"_38":167,"_13":139,"_33":34,"_35":140,"_24":25,"_141":142,"_168":169,"_27":170},["D",1744384332510],"children",[],[133],["D",1744384498425],[],[28],["D",1744384433748],[],[149],["D",1744384207442],{"_97":96,"_105":101},{"_97":96,"_98":99,"_100":101,"_18":56,"_102":103,"_104":25},{"_13":62,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"ctx",{"_80":-5,"_126":214,"_215":216,"_217":218,"_219":25,"_220":25,"_221":25,"_222":124,"_223":-5,"_224":-7,"_225":-7,"_226":64,"_227":25,"_228":25,"_229":-5,"_230":25,"_231":25,"_232":25,"_233":-5},"ENV",{"_185":186,"_187":188,"_189":87,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213},"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 · v7