[{"_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",{"_95":94,"_31":42,"_104":85,"_26":34,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":24,"_118":119,"_120":57,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_40":41,"_31":42,"_35":43,"_44":-5,"_45":24,"_46":47,"_48":47,"_49":50,"_51":52,"_18":53,"_54":55,"_56":57,"_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":24},"version",17,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":20,"_33":34,"_35":36,"_37":14,"_38":39,"_23":24},"previous","deleted",false,"deletedHere","path","notes","latestPath","fileId","0bbe5bd6-1f89-11f0-a879-569c3dd06744","name","fileType","content","","createdAt",["D",1745333391639],"branchVersion","branchId","b76a0d9c-1ec4-11f0-9d95-569c3dd06744","id","b769c17a-1ec4-11f0-9d95-569c3dd06744","css",["D",1745249068805],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","procgen css utils","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/b234f578-449b-4a3a-d1c7-82c60571f900/square512?exp=1789592399&sig=30d81a9033bdc1766cea4c54fb68d0e2a7b8938bf0cdfad4a8c5a6e2b7def9d1","5e11e267-23cd-4ee4-86f4-3bf2a5ed69d7","pinnedFileId","d421ec66-1ec4-11f0-a808-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion",63,"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":53,"_100":101,"_102":24},"branch",{"_13":60,"_31":85,"_40":39,"_86":41,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":42,"_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=1789592399&sig=25b84056444db2c0717d7e57afcf41413285926c888e35d8e6452d44b56ce8d8","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_40":41,"_31":42,"_35":177,"_44":-5,"_45":24,"_46":47,"_48":47,"_49":50,"_51":52,"_18":53,"_54":55,"_56":57,"_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":178,"_80":179,"_82":180,"_84":24},"tree",[164,165,166],"files",[164,165,166],"counts",{"_153":62,"_154":155,"_156":62,"_157":158,"_159":160},"contents",[125,126,127],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_40":150,"_31":27,"_29":30,"_131":-5,"_38":39,"_37":14,"_133":24,"_35":151,"_13":62,"_32":20,"_33":34,"_23":24,"_138":-5,"_26":152},{"_40":141,"_31":142,"_29":55,"_131":-5,"_38":39,"_37":143,"_133":24,"_35":144,"_13":145,"_32":146,"_33":147,"_23":24,"_138":148,"_26":149},{"_40":128,"_31":129,"_29":130,"_131":-5,"_38":39,"_37":132,"_133":24,"_35":134,"_13":135,"_32":136,"_33":137,"_23":24,"_138":139,"_26":140},"465b93c6-1ec6-11f0-a7bf-569c3dd06744","typography.css.tsx","3312a61a-1ec6-11f0-9a9c-569c3dd06744","parentId",6,"latest",["D",1745249738115],3,"script","// TODO: \n// font-size\n// line-height\n// caps\n// bold\n// italic\nexport default async function (req: Request): Promise {\n}","label","typography",[129],"f68bd8f0-1eee-11f0-bf6d-569c3dd06744","space.css.tsx",16,["D",1745267213580],11,"http","const COLOPHON = \"/** Generated with https://space.val.run */\";\n\nclass Config {\n space: number[];\n breakpoints: number[];\n hyphenate: boolean;\n responsive: boolean;\n\n constructor (space: number[], breakpoints: number[], hyphenate: boolean = false, responsive: boolean = false) {\n this.space = space;\n this.breakpoints = breakpoints;\n this.hyphenate = hyphenate;\n this.responsive = responsive;\n }\n\n GetVars () {\n const vars = [\n \"--space-0:0;\"\n ];\n for (let i = 0; i < this.space.length; i++) {\n vars.push(`--space-${i + 1}:${this.space[i]}px;`);\n }\n return [\n \":root{\",\n ...vars,\n \"}\",\n ].join(\"\\n\");\n }\n\n GetSpaceDeclarations () {\n const steps = [0, ...this.space];\n const declarations = [];\n const hyp = this.hyphenate ? \"-\" : \"\";\n\n for (let i = 0; i < steps.length; i++) {\n for (let j = 0; j < props.length; j++) {\n let prop = props[j];\n let [cn, ...properties] = prop;\n for (let p = 0; p < properties.length; p++) {\n let classname = [ \".\", cn, hyp, i ].join(\"\");\n declarations.push(`${classname}{${properties[p]}:var(--space-${i})}`);\n }\n }\n }\n const margins = props.slice(0, 7);\n for (let i = 0; i < margins.length; i++) {\n let [cn, ...properties] = margins[i];\n for (let p = 0; p < properties.length; p++) {\n // always hyphenate??\n let classname = [\".\", cn, hyp, \"auto\"].join(\"\");\n declarations.push(`${classname}{${properties[p]}:auto}`);\n }\n }\n\n return declarations; \n }\n\n GetResponsiveStyles (spaceDeclarations: string[]) {\n if (!this.responsive) return \"\";\n \n const media = [];\n const tshirts = [\"sm\",\"md\",\"lg\",\"xl\",\"2xl\",\"3xl\",\"4xl\"];\n for (let i = 0; i < this.breakpoints.length; i++) {\n let bp = this.breakpoints[i];\n let tshirt = tshirts[i];\n let prefix = `.${tshirt}\\\\:`;\n media.push([\n `@media screen and (min-width:${bp}px){`,\n spaceDeclarations.map(dec => prefix + dec.replace(/^\\./, \"\")).join(\"\\n\"),\n \"}\"\n ].join(\"\\n\"));\n }\n return media.join(\"\\n\");\n }\n\n // comment me\n GenerateCSS () {\n const vars = this.GetVars();\n const space = this.GetSpaceDeclarations();\n const responsive = this.GetResponsiveStyles(space);\n\n return [\n COLOPHON,\n vars,\n space.join(\"\\n\"),\n responsive,\n ].join(\"\\n\");\n }\n}\n\nfunction getParams (url: URL): [number[], number[], boolean, boolean] {\n let params = url.searchParams;\n let space = params.get(\"space\");\n let breakpoints = params.get(\"breakpoints\");\n let hyphenate = params.get(\"hyphenate\");\n let responsive = params.get(\"responsive\") ?? !!breakpoints;\n if (space) space = space.split(\",\").map(Number);\n else space = defaults.space;\n if (breakpoints) breakpoints = breakpoints.split(\",\").map(Number);\n else breakpoints = defaults.breakpoints;\n return [space, breakpoints, Boolean(hyphenate), Boolean(responsive)];\n}\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n let [space, breakpoints, hyphenate, responsive] = getParams(url);\n const config = new Config(space, breakpoints, hyphenate, responsive);\n\n const css = config.GenerateCSS();\n\n return new Response(css, {\n headers: {\n \"Content-Type\": \"text/css\",\n },\n });\n}\n\nconst defaults = {\n space: [\n 4,\n 8,\n 16,\n 32,\n 64,\n 128,\n 256,\n 512,\n ],\n breakpoints: [\n 640,\n 768,\n 1024,\n 1280,\n ],\n};\n\nconst props = [\n [\"m\", \"margin\"],\n [\"mx\", \"margin-left\", \"margin-right\"],\n [\"my\", \"margin-top\", \"margin-bottom\"],\n [\"mt\", \"margin-top\"],\n [\"mr\", \"margin-right\"],\n [\"mb\", \"margin-bottom\"],\n [\"ml\", \"margin-left\"],\n [\"p\", \"padding\"],\n [\"px\", \"padding-left\", \"padding-right\"],\n [\"py\", \"padding-top\", \"padding-bottom\"],\n [\"pt\", \"padding-top\"],\n [\"pr\", \"padding-right\"],\n [\"pb\", \"padding-bottom\"],\n [\"pl\", \"padding-left\"],\n];","space",[142],"0bbe5b0e-1f89-11f0-a879-569c3dd06744",["D",1745333391639],[27],"pulls","branches",2,"forks","envVars",{"_161":62,"_163":62},"connections",{"_161":62,"_162":62},"count","unfilledCount","emptyCount",{"_40":150,"_31":27,"_29":30,"_131":-5,"_38":39,"_37":14,"_133":24,"_35":174,"_13":62,"_32":20,"_33":34,"_23":24,"_138":-5,"_168":175,"_26":176},{"_40":141,"_31":142,"_29":55,"_131":-5,"_38":39,"_37":143,"_133":24,"_35":171,"_13":145,"_32":146,"_33":147,"_23":24,"_138":148,"_168":172,"_26":173},{"_40":128,"_31":129,"_29":130,"_131":-5,"_38":39,"_37":132,"_133":24,"_35":167,"_13":135,"_32":136,"_33":137,"_23":24,"_138":139,"_168":169,"_26":170},["D",1745249738115],"children",[],[129],["D",1745267213580],[],[142],["D",1745333391639],[],[27],["D",1745249068805],{"_95":94,"_103":99},{"_95":94,"_96":97,"_98":99,"_18":53,"_100":101,"_102":24},{"_13":60,"_31":85,"_40":39,"_86":41,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":42,"_93":94},"ctx",{"_78":-5,"_122":214,"_215":216,"_217":218,"_219":24,"_220":24,"_221":24,"_222":57,"_223":-5,"_224":-7,"_225":-7,"_226":62,"_227":24,"_228":24,"_229":-5,"_230":24,"_231":24,"_232":24,"_233":-5},"ENV",{"_185":186,"_187":188,"_189":85,"_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","5015b8df46402d8bba4f485ecc37aec202b0e06b","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 · v17