Proto

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_324":325,"_326":327},"routes/_app.x.$handle.$name",{"_99":98,"_32":45,"_108":89,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":-5,"_121":-5,"_122":25,"_123":124,"_125":60,"_126":-5,"_127":-5,"_128":129},"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":60,"_61":60,"_62":63,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":25},"version",36,"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","test-suite.http.tsx","latestPath","fileId","778c08fc-16e9-11f0-b6ba-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 \"./main.tsx\";\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 return;\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 \"./main.tsx\";\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",1745243570456],"branchVersion","branchId","a035fa80-010c-11f0-b330-569c3dd06744","id","a0359c0c-010c-11f0-b330-569c3dd06744","tuna",["D",1741981418756],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Simple functional CSS library for Val Town","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/048e1418-7d13-40aa-b200-f7f583b16f00/square512?exp=1789574399&sig=a1f6ab9523d51988b67c54f56167ce70f9ed658d1ae9b07dad5f9364d70995fa","5e11e267-23cd-4ee4-86f4-3bf2a5ed69d7","pinnedFileId","490d8054-010f-11f0-9bc3-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion",43,"likeCount",0,"orgId","62a75f8d-be32-4eaa-989a-23f3433a7d42","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_18":56,"_104":105,"_106":25},"branch",{"_13":88,"_32":89,"_43":42,"_90":44,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":45,"_97":98},"isOwned",64,"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=1789574399&sig=dbdc3f919f98883d6686783b6e5d1bb74b0fe5e5ce4a2a78a2431bd60844a040","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":320,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":58,"_59":60,"_61":60,"_62":63,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":321,"_83":322,"_85":323,"_87":25},"tree",[236,238,242,243,244,245,246,247,248,249,250,251],"files",[236,237,238,239,240,241,242,243,244,245,246,247,248,249,250,251],"counts",{"_225":65,"_226":227,"_228":65,"_229":230,"_231":232},"contents",[130,131,132,133,134,135,136,137,138,139,140,141],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":219,"_32":220,"_30":221,"_143":-5,"_41":42,"_40":222,"_144":60,"_38":223,"_13":65,"_33":217,"_35":-5,"_24":25,"_147":-5,"_27":224},{"_43":212,"_32":213,"_30":214,"_143":-5,"_41":42,"_40":215,"_144":60,"_38":216,"_13":65,"_33":217,"_35":-5,"_24":25,"_147":-5,"_27":218},{"_43":205,"_32":206,"_30":207,"_143":-5,"_41":42,"_40":208,"_144":25,"_38":209,"_13":65,"_33":20,"_35":210,"_24":25,"_147":-5,"_27":211},{"_43":199,"_32":200,"_30":201,"_143":-5,"_41":42,"_40":146,"_144":60,"_38":202,"_13":65,"_33":162,"_35":203,"_24":25,"_147":-5,"_27":204},{"_43":193,"_32":194,"_30":195,"_143":-5,"_41":42,"_40":161,"_144":60,"_38":196,"_13":65,"_33":162,"_35":197,"_24":25,"_147":-5,"_27":198},{"_43":186,"_32":187,"_30":188,"_143":-5,"_41":42,"_40":189,"_144":60,"_38":190,"_13":65,"_33":162,"_35":191,"_24":25,"_147":-5,"_27":192},{"_43":179,"_32":180,"_30":181,"_143":-5,"_41":42,"_40":182,"_144":60,"_38":183,"_13":65,"_33":162,"_35":184,"_24":25,"_147":-5,"_27":185},{"_43":172,"_32":173,"_30":174,"_143":-5,"_41":42,"_40":175,"_144":60,"_38":176,"_13":65,"_33":162,"_35":177,"_24":25,"_147":-5,"_27":178},{"_43":165,"_32":166,"_30":167,"_143":-5,"_41":42,"_40":168,"_144":60,"_38":169,"_13":65,"_33":162,"_35":170,"_24":25,"_147":-5,"_27":171},{"_43":156,"_32":157,"_30":158,"_143":-5,"_41":42,"_40":159,"_144":25,"_38":160,"_13":161,"_33":162,"_35":163,"_24":25,"_147":-5,"_27":164},{"_43":149,"_32":150,"_30":151,"_143":-5,"_41":42,"_40":152,"_144":60,"_38":153,"_13":65,"_33":20,"_35":154,"_24":25,"_147":-5,"_27":155},{"_43":142,"_32":28,"_30":31,"_143":-5,"_41":42,"_40":14,"_144":25,"_38":145,"_13":146,"_33":34,"_35":37,"_24":25,"_147":-5,"_27":148},"ea26802e-1eb7-11f0-8135-569c3dd06744","parentId","latest",["D",1745243570456],5,"label",[28],"02b004b0-010f-11f0-ae6f-569c3dd06744","notes.md","02b005aa-010f-11f0-ae6f-569c3dd06744",10,["D",1741982442967],"\n```tsx\n// API sketches\n\nimport Tuna from \"val:jxnblk/tuna\";\n\nconst tuna = new Tuna({\n});\n```\n",[150],"c0d487b6-1eb7-11f0-86b8-569c3dd06744","main.tsx","0212641c-010f-11f0-8d87-569c3dd06744",34,["D",1745243501137],7,"script","import { kebabCase } from \"npm:change-case@5.4.4\";\nimport createRule from \"./create-rule.tsx\";\nimport createRawRule from \"./create-raw-rule.tsx\";\nimport cache from \"./cache.tsx\";\n\nconst reserved = [\"css\", \"tag\"];\n\nconst NESTED_RE = /&/;\ntype TagProps = {\n dangerouslySetInnerHTML: {\n __html: string;\n },\n};\n\nexport class TunaResult {\n [key: string]: string;\n css: string;\n tag: TagProps;\n \n constructor() {\n this.css = \"\";\n this.tag = { dangerouslySetInnerHTML: { __html: \"\" }};\n }\n}\n\ninterface TunaArguments {\n body?: object;\n [key: string]: object;\n}\n\nexport function css(obj: TunaArguments): TunaResult {\n const result = new TunaResult();\n const rules = [];\n for (const key in obj) {\n console.log(key);\n if (reserved.includes(key)) {\n const msg = `Cannot use key: '${key}'`;\n throw new Error(msg);\n }\n if (key === \"body\") {\n rules.push(createRawRule(\"body\", obj[key]));\n continue;\n }\n const val = obj[key];\n const { css, className } = createRule(val, key);\n result[key] = className;\n rules.push(css);\n }\n result.css = rules.join(\"\");\n return result;\n}\n\nexport default css;",[157],"02cb6b9c-010f-11f0-b461-569c3dd06744","create-rule.tsx","02cb6c6e-010f-11f0-b461-569c3dd06744",11,["D",1741982443147],"import cache from \"./cache.tsx\";\nimport createNestedRule from \"./create-nested-rule.tsx\";\nimport createMediaRule from \"./create-media-rule.tsx\";\nimport createDeclaration from \"./create-declaration.tsx\";\n\nconst NESTED_RE = /&/;\nconst MEDIA_RE = /^@media/;\n\nexport default function createRule(obj, parentKey) {\n const rules = [];\n const classNames = [];\n\n for (const [key, val] of Object.entries(obj)) {\n const nested = NESTED_RE.test(key);\n const media = MEDIA_RE.test(key);\n // consider: typeof val === \"object\";\n if (nested) {\n // e.g. `&:hover`\n const { _rules, _classNames } = createNestedRule(key, val);\n rules.push(..._rules);\n classNames.push(..._classNames);\n continue;\n }\n if (media) {\n const { _rules, _classNames } = createMediaRule(key, val);\n rules.push(..._rules);\n classNames.push(..._classNames);\n continue;\n }\n const dec = createDeclaration(key, val);\n if (cache.has(dec)) {\n const cn = cache.get(dec);\n classNames.push(cn);\n } else {\n const cn = \"x\" + cache.size.toString(36);\n const rule = `.${cn}{${dec}}`;\n rules.push(rule);\n classNames.push(cn);\n cache.set(dec, cn);\n }\n }\n\n const css = rules.join(\"\");\n const className = classNames.join(\" \");\n return {\n css,\n className,\n };\n}\n",[166],"02a00cea-010f-11f0-8883-569c3dd06744","create-raw-rule.tsx","02a00f56-010f-11f0-8883-569c3dd06744",9,["D",1741982442863],"import createDeclaration from \"./create-declaration.tsx\";\n\nexport default function createRawRule(selector, obj) {\n const decs = [];\n for (const [key, val] of Object.entries(obj)) {\n const dec = createDeclaration(key, val);\n decs.push(dec);\n }\n return `${selector}{${decs.join(\";\")}}`;\n}\n",[173],"023e11a2-010f-11f0-a78b-569c3dd06744","create-nested-rule.tsx","023e126a-010f-11f0-a78b-569c3dd06744",4,["D",1741982442217],"import createDeclaration from \"./create-declaration.tsx\";\nimport cache from \"./cache.tsx\";\n\n// e.g. box { \"&:hover\": { color: \"red\" } }\n// \"&:hover\", { color: \"red\" }\nexport default function createNestedRule(selector, obj) {\n const _rules = [];\n const _classNames = [];\n\n for (const [key, val] of Object.entries(obj)) {\n if (typeof val === \"object\") {\n throw new Error(\"Nested selectors are only supported one level deep\");\n }\n const cn = \"x\" + cache.size.toString(36);\n const className = selector.replace(\"&\", cn);\n const rule = `.${className}{${createDeclaration(key, val)}}`;\n _rules.push(rule);\n _classNames.push(cn);\n cache.set(rule, className); // only used to increment cache size\n }\n\n return {\n _rules,\n _classNames,\n };\n}\n",[180],"0290c082-010f-11f0-ad83-569c3dd06744","create-media-rule.tsx","0290c168-010f-11f0-ad83-569c3dd06744",8,["D",1741982442763],"import createNestedRule from \"./create-nested-rule.tsx\";\nimport createDeclaration from \"./create-declaration.tsx\";\nimport cache from \"./cache.tsx\";\n\nconst NESTED_RE = /&/;\n\nexport default function createMediaRule(media, obj) {\n const _rules = [];\n const _classNames = [];\n\n for (const [key, val] of Object.entries(obj)) {\n const nested = NESTED_RE.test(key);\n if (nested) {\n const n = createNestedRule(key, val);\n const rule = `${media}{${n._rules.join(\"\")}}`;\n _rules.push(rule);\n _classNames.push(...n._classNames);\n continue;\n }\n const cn = \"x\" + cache.size.toString(36);\n const dec = createDeclaration(key, val);\n const rule = `${media}{.${cn}{${dec}}}`;\n _rules.push(rule);\n _classNames.push(cn);\n cache.set(rule, cn); // increment cache size\n }\n\n return {\n _rules,\n _classNames,\n };\n}\n",[187],"027efe1a-010f-11f0-ae6f-569c3dd06744","create-declaration.tsx","027efee2-010f-11f0-ae6f-569c3dd06744",["D",1741982442645],"import { kebabCase } from \"npm:change-case@5.4.4\";\nconst px = n => typeof n === \"number\" ? `${n}px` : n;\n\nexport default (key, val) => `${kebabCase(key, {})}:${px(val)}`;\n",[194],"0251d37c-010f-11f0-8d87-569c3dd06744","cache.tsx","0251d44e-010f-11f0-8d87-569c3dd06744",["D",1741982442349],"export const cache = new Map();\nexport default cache;\n",[200],"0266ffea-010f-11f0-a44b-569c3dd06744","README.md","0267009e-010f-11f0-a44b-569c3dd06744",6,["D",1741982442488],"\n# tuna (WIP)\n\n🐟 Simple CSS library for Val Town\n\n\n",[206],"4902bec6-010f-11f0-939b-569c3dd06744","proto","4902bf8e-010f-11f0-939b-569c3dd06744",12,["D",1741982560949],"directory",[213],"0222361c-010f-11f0-ad83-569c3dd06744",".vim","022236c6-010f-11f0-ad83-569c3dd06744",2,["D",1741982442038],[220],"pulls","branches",1,"forks","envVars",{"_233":65,"_235":65},"connections",{"_233":65,"_234":65},"count","unfilledCount","emptyCount",{"_43":219,"_32":220,"_30":221,"_143":-5,"_41":42,"_40":222,"_144":60,"_38":317,"_13":65,"_33":217,"_35":-5,"_24":25,"_147":-5,"_253":318,"_27":319},{"_43":309,"_32":310,"_30":311,"_143":221,"_41":42,"_40":312,"_144":60,"_38":313,"_13":65,"_33":20,"_35":314,"_24":25,"_147":-5,"_253":315,"_27":316},{"_43":212,"_32":213,"_30":214,"_143":-5,"_41":42,"_40":215,"_144":60,"_38":306,"_13":65,"_33":217,"_35":-5,"_24":25,"_147":-5,"_253":307,"_27":308},{"_43":298,"_32":299,"_30":300,"_143":214,"_41":42,"_40":301,"_144":60,"_38":302,"_13":222,"_33":162,"_35":303,"_24":25,"_147":-5,"_253":304,"_27":305},{"_43":290,"_32":291,"_30":292,"_143":214,"_41":42,"_40":293,"_144":60,"_38":294,"_13":227,"_33":162,"_35":295,"_24":25,"_147":-5,"_253":296,"_27":297},{"_43":283,"_32":284,"_30":58,"_143":214,"_41":42,"_40":285,"_144":60,"_38":286,"_13":146,"_33":34,"_35":287,"_24":25,"_147":45,"_253":288,"_27":289},{"_43":205,"_32":206,"_30":207,"_143":-5,"_41":42,"_40":208,"_144":25,"_38":280,"_13":65,"_33":20,"_35":210,"_24":25,"_147":-5,"_253":281,"_27":282},{"_43":199,"_32":200,"_30":201,"_143":-5,"_41":42,"_40":146,"_144":60,"_38":277,"_13":65,"_33":162,"_35":203,"_24":25,"_147":-5,"_253":278,"_27":279},{"_43":193,"_32":194,"_30":195,"_143":-5,"_41":42,"_40":161,"_144":60,"_38":274,"_13":65,"_33":162,"_35":197,"_24":25,"_147":-5,"_253":275,"_27":276},{"_43":186,"_32":187,"_30":188,"_143":-5,"_41":42,"_40":189,"_144":60,"_38":271,"_13":65,"_33":162,"_35":191,"_24":25,"_147":-5,"_253":272,"_27":273},{"_43":179,"_32":180,"_30":181,"_143":-5,"_41":42,"_40":182,"_144":60,"_38":268,"_13":65,"_33":162,"_35":184,"_24":25,"_147":-5,"_253":269,"_27":270},{"_43":172,"_32":173,"_30":174,"_143":-5,"_41":42,"_40":175,"_144":60,"_38":265,"_13":65,"_33":162,"_35":177,"_24":25,"_147":-5,"_253":266,"_27":267},{"_43":165,"_32":166,"_30":167,"_143":-5,"_41":42,"_40":168,"_144":60,"_38":262,"_13":65,"_33":162,"_35":170,"_24":25,"_147":-5,"_253":263,"_27":264},{"_43":156,"_32":157,"_30":158,"_143":-5,"_41":42,"_40":159,"_144":25,"_38":259,"_13":161,"_33":162,"_35":163,"_24":25,"_147":-5,"_253":260,"_27":261},{"_43":149,"_32":150,"_30":151,"_143":-5,"_41":42,"_40":152,"_144":60,"_38":256,"_13":65,"_33":20,"_35":154,"_24":25,"_147":-5,"_253":257,"_27":258},{"_43":142,"_32":28,"_30":31,"_143":-5,"_41":42,"_40":14,"_144":25,"_38":252,"_13":146,"_33":34,"_35":37,"_24":25,"_147":-5,"_253":254,"_27":255},["D",1745243570456],"children",[],[28],["D",1741982442967],[],[150],["D",1745243501137],[],[157],["D",1741982443147],[],[166],["D",1741982442863],[],[173],["D",1741982442217],[],[180],["D",1741982442763],[],[187],["D",1741982442645],[],[194],["D",1741982442349],[],[200],["D",1741982442488],[],[206],"68dad51a-1eb7-11f0-86b8-569c3dd06744","http.tsx",31,["D",1745243353520],"/** @jsxImportSource https://esm.sh/react@18.3.1 */\n\nimport render from \"https://esm.town/v/jxnblk/reactstream/index.tsx\";\nimport { css } from \"https://esm.town/v/jxnblk/tuna/main.tsx\";\n\nconst styles = css({\n body: {\n fontFamily: \"system-ui, sans-serif\",\n margin: 0,\n backgroundColor: \"#f5f5f5\",\n },\n container: {\n maxWidth: 1024,\n padding: 32,\n margin: \"0 auto\",\n }\n});\n\nfunction App () {\n return (\n \n \n Proto\n

Diff · v36