[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_263":264,"_265":266},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_181":182,"_37":-7,"_183":-5,"_17":184,"_185":186,"_187":188,"_189":190,"_191":192,"_52":-5,"_193":-5,"_194":195,"_196":24,"_197":198,"_199":130,"_200":-5,"_201":-5,"_202":203},"routes/_app.x.$handle.$name.branch.$branch.history",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-5},"handle","jxnblk","name","css","branchName","townie-dev","project",{"_31":131,"_13":14,"_35":132,"_73":-5,"_133":24,"_134":135,"_136":135,"_137":138,"_139":140,"_25":80,"_141":142,"_143":130,"_144":-5,"_145":72,"_146":20,"_39":40,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":152,"_153":152,"_154":155,"_156":155,"_157":155,"_158":152,"_159":152,"_50":160,"_161":162,"_163":164,"_165":24},"page",0,"history",[26,27,28,29,30],"hasNext",false,"userId",{"_31":123,"_33":34,"_35":124,"_37":125,"_39":40,"_41":117,"_42":-5,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":126,"_52":127,"_54":-5,"_55":-5,"_57":-5,"_58":-5,"_60":128},{"_31":117,"_33":34,"_35":118,"_37":97,"_39":40,"_41":110,"_42":-5,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":119,"_52":120,"_54":-5,"_55":-5,"_57":-5,"_58":-5,"_60":121},{"_31":110,"_33":34,"_35":111,"_37":112,"_39":40,"_41":101,"_42":-5,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":113,"_52":114,"_54":-5,"_55":-5,"_57":-5,"_58":-5,"_60":115},{"_31":101,"_33":34,"_35":102,"_37":103,"_39":40,"_41":32,"_42":-5,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":104,"_52":105,"_54":-5,"_55":-5,"_57":-5,"_58":-5,"_60":106},{"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":-5,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":51,"_52":53,"_54":-5,"_55":56,"_57":-5,"_58":59,"_60":61},"id","b4a3fb36-2509-11f0-9352-569c3dd06744","branchId","b49f6be8-2509-11f0-9352-569c3dd06744","createdAt",["D",1745938406391],"version",1,"orgId","62a75f8d-be32-4eaa-989a-23f3433a7d42","parentId","incomingCommitId","ca414586-1f8f-11f0-8cfb-569c3dd06744","aiChatMessageId","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_31":80,"_39":40,"_11":12,"_81":82},"file",{"_74":99,"_13":100,"_77":78,"_79":24},"pull","merge",{"_33":70,"_13":71,"_37":72,"_73":-5},"revert","multiple",{"_96":97,"_98":20},"commits",[62,63,64,65],{"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":-5,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":51,"_52":53,"_54":-5,"_55":56,"_57":-5},{"_31":32,"_33":34,"_35":90,"_37":38,"_39":40,"_41":-5,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":91,"_52":92,"_54":-5,"_55":93,"_57":-5},{"_31":32,"_33":34,"_35":83,"_37":38,"_39":40,"_41":-5,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":84,"_52":85,"_54":-5,"_55":86,"_57":-5},{"_31":32,"_33":34,"_35":66,"_37":38,"_39":40,"_41":-5,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":67,"_52":68,"_54":-5,"_55":69,"_57":-5},["D",1745938406391],{"_31":80,"_39":40,"_11":12,"_81":82},{"_74":75,"_13":76,"_77":78,"_79":24},{"_33":70,"_13":71,"_37":72,"_73":-5},"b76a0d9c-1ec4-11f0-9d95-569c3dd06744","main",63,"deletedAt","fileId","b3a81d1b-27a7-4c52-ad33-c1c6ac64ca4b","space.css.tsx","fileType","http","deleted","5e11e267-23cd-4ee4-86f4-3bf2a5ed69d7","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/fca87e60-4ad1-453c-af10-2782c6823400/square512?exp=1789585199&sig=7b8633614d887b90860f9d06687c1bd96ab798bf2fc10c942f84bcc017651c12",["D",1745938406391],{"_31":80,"_39":40,"_11":12,"_81":82},{"_74":87,"_13":88,"_77":89,"_79":24},{"_33":70,"_13":71,"_37":72,"_73":-5},"7be0ae35-f064-49dd-933c-f226cb8ec152","typography.css.tsx","script",["D",1745938406391],{"_31":80,"_39":40,"_11":12,"_81":82},{"_74":94,"_13":95,"_77":52,"_79":24},{"_33":70,"_13":71,"_37":72,"_73":-5},"7006ce8f-7aa2-4799-a03c-99092b906085","notes","count",4,"deletedCount","e66d58cf-42ca-46ec-8f71-1aa5b34018c2","flexbox.css.tsx","8c905f10-250c-11f0-af2f-569c3dd06744",["D",1745939627643],2,{"_31":80,"_39":40,"_11":12,"_81":82},{"_74":108,"_13":109,"_77":89,"_79":24},[107],{"_31":101,"_33":34,"_35":102,"_37":103,"_39":40,"_41":32,"_42":-5,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":104,"_52":105,"_54":-5,"_55":-5,"_57":-5},"8c8ee568-250c-11f0-af2f-569c3dd06744","hanging-request.tsx","8de1492e-250c-11f0-b4b2-569c3dd06744",["D",1745939629840],3,{"_31":80,"_39":40,"_11":12,"_81":82},{"_74":108,"_13":109,"_77":78,"_79":24},[116],{"_31":110,"_33":34,"_35":111,"_37":112,"_39":40,"_41":101,"_42":-5,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":113,"_52":114,"_54":-5,"_55":-5,"_57":-5},"d5def7ba-250e-11f0-8d9a-569c3dd06744",["D",1745940609624],{"_31":80,"_39":40,"_11":12,"_81":82},{"_74":108,"_13":109,"_77":78,"_79":24},[122],{"_31":117,"_33":34,"_35":118,"_37":97,"_39":40,"_41":110,"_42":-5,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":119,"_52":120,"_54":-5,"_55":-5,"_57":-5},"02c254d8-251f-11f0-975a-569c3dd06744",["D",1745947556874],5,{"_31":80,"_39":40,"_11":12,"_81":82},{"_74":108,"_13":109,"_77":78,"_79":130},[129],{"_31":123,"_33":34,"_35":124,"_37":125,"_39":40,"_41":117,"_42":-5,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":126,"_52":127,"_54":-5,"_55":-5,"_57":-5},true,"b769c17a-1ec4-11f0-9d95-569c3dd06744",["D",1745249068805],"legacyEnvVars","privacy","public","httpPrivacy","description","procgen css utils","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/b234f578-449b-4a3a-d1c7-82c60571f900/square512?exp=1789585199&sig=11a1cd813258765cc8fcf1a233e58d3440c64637aa1cd92793f8213a72f36d18","pinnedFileId","d421ec66-1ec4-11f0-a808-569c3dd06744","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_180":82},"org",{"_11":12,"_175":176,"_81":82,"_25":80,"_177":178,"_179":24},"branch",{"_37":125,"_13":16,"_31":34,"_166":131,"_167":70,"_168":169,"_170":135,"_171":131,"_172":40,"_173":14,"_174":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion",44,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Brent Jackson","tier","pro","canRestrictVals","profileImageUrl","path","","adoptOrgId",{"_31":131,"_13":14,"_35":259,"_73":-5,"_133":24,"_134":135,"_136":135,"_137":138,"_139":140,"_25":80,"_141":142,"_143":130,"_144":-5,"_145":72,"_146":20,"_39":40,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":152,"_153":152,"_154":155,"_156":155,"_157":155,"_158":152,"_159":152,"_50":260,"_161":261,"_163":262,"_165":24},"tree",[242,243,244,245],"files",[242,243,244,245],"counts",{"_233":20,"_234":103,"_235":20,"_236":237,"_238":239},"contents",[209,210,211,212],"upstreamProject","upstreamBranch",{"_31":70,"_35":204,"_205":206,"_13":71,"_166":131,"_37":72,"_167":-5,"_168":-5,"_207":208,"_73":-5,"_165":24,"_134":135,"_174":12,"_39":40,"_173":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1745249068805],"updatedAt",["D",1749233619298],"lockfileKey","1749233619500-esm.town_v_jxnblk_css@63-main",{"_31":229,"_13":100,"_74":99,"_41":-5,"_33":34,"_214":38,"_215":130,"_35":230,"_37":20,"_77":78,"_217":231,"_79":24,"_219":-5,"_181":232},{"_31":225,"_13":95,"_74":94,"_41":-5,"_33":34,"_214":38,"_215":130,"_35":226,"_37":20,"_77":52,"_217":227,"_79":24,"_219":-5,"_181":228},{"_31":221,"_13":76,"_74":75,"_41":-5,"_33":34,"_214":38,"_215":130,"_35":222,"_37":20,"_77":78,"_217":223,"_79":24,"_219":-5,"_181":224},{"_31":213,"_13":88,"_74":87,"_41":-5,"_33":34,"_214":38,"_215":130,"_35":216,"_37":20,"_77":89,"_217":218,"_79":24,"_219":-5,"_181":220},"b4a2da62-2509-11f0-9352-569c3dd06744","branchVersion","latest",["D",1745938406391],"content","// TODO: \n// font-size\n// line-height\n// caps\n// bold\n// italic\nexport default async function (req: Request): Promise {\n}","label",[88],"b4a2d346-2509-11f0-9352-569c3dd06744",["D",1745938406391],"const COLOPHON = \"/** Generated with https://space.val.run */\\n\";\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 \"\",\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 declarations.push(\"\"); // newlines\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 // auto margins are always hyphenated\n let classname = [\".\", cn, \"-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 \"\",\n `@media screen and (min-width:${bp}px){`,\n spaceDeclarations.map(dec => {\n if (dec === \"\") return \"\";\n return \" \" + prefix + dec.replace(/^\\./, \"\");\n }).join(\"\\n\"),\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];",[76],"b4a2d044-2509-11f0-9352-569c3dd06744",["D",1745938406391],"notes\n\n- base reset\n- typography utils \n - h1-h6\n - bold, regular, italic\n - caps\n- flexbox\n- grid\n\n---\n\ncolors\n\nsimple options for generative color palettes:\n\n- dominant color + hello-color style procgen \n- existing color palettes referenced by name. e.g. highlightjs, prism, colorbrewer, etc.\n- existing css libs: just ask an llm to produce it\n- remake palx",[95],"b4a2b1c2-2509-11f0-9352-569c3dd06744",["D",1745938406391],"const COLOPHON = \"/** Generated with https://flexbox.val.run */\\n\";\n\n// original flexbox from basscss circa 2015\n// todo: generative breakpoints + flex-column breakpoints\nconst createCSS = (breakpoints: [number, number, number]) => (`\n${COLOPHON}\n\n.flex { display: flex }\n@media (min-width: ${breakpoints[0]}px) { .sm\\:flex { display: flex } }\n@media (min-width: ${breakpoints[1]}px) { .md\\:flex { display: flex } }\n@media (min-width: ${breakpoints[2]}px) { .lg\\:flex { display: flex } }\n\n.flex-column { flex-direction: column }\n.flex-wrap { flex-wrap: wrap }\n\n.items-start { align-items: flex-start }\n.items-end { align-items: flex-end }\n.items-center { align-items: center }\n.items-baseline { align-items: baseline }\n.items-stretch { align-items: stretch }\n\n.self-start { align-self: flex-start }\n.self-end { align-self: flex-end }\n.self-center { align-self: center }\n.self-baseline { align-self: baseline }\n.self-stretch { align-self: stretch }\n\n.justify-start { justify-content: flex-start }\n.justify-end { justify-content: flex-end }\n.justify-center { justify-content: center }\n.justify-between { justify-content: space-between }\n.justify-around { justify-content: space-around }\n.justify-evenly { justify-content: space-evenly }\n\n.content-start { align-content: flex-start }\n.content-end { align-content: flex-end }\n.content-center { align-content: center }\n.content-between { align-content: space-between }\n.content-around { align-content: space-around }\n.content-stretch { align-content: stretch }\n\n/* 1. Fix for Chrome 44 bug. https://code.google.com/p/chromium/issues/detail?id=506893 */\n.flex-auto {\n flex: 1 1 auto;\n min-width: 0; /* 1 */\n min-height: 0; /* 1 */\n}\n.flex-none { flex: none }\n\n.order-0 { order: 0 }\n.order-1 { order: 1 }\n.order-2 { order: 2 }\n.order-3 { order: 3 }\n.order-last { order: 99999 }\n`);\n\n\nexport default async function (req: Request): Promise {\n // todo: parse params\n const css = createCSS([640, 768, 1024]);\n return new Response(css, {\n headers: {\n \"Content-Type\": \"\",\n }\n });\n}",[100],"pulls","branches","forks","envVars",{"_96":20,"_241":20},"connections",{"_96":20,"_240":20},"unfilledCount","emptyCount",{"_31":229,"_13":100,"_74":99,"_41":-5,"_33":34,"_214":38,"_215":130,"_35":256,"_37":20,"_77":78,"_217":231,"_79":24,"_219":-5,"_247":257,"_181":258},{"_31":225,"_13":95,"_74":94,"_41":-5,"_33":34,"_214":38,"_215":130,"_35":253,"_37":20,"_77":52,"_217":227,"_79":24,"_219":-5,"_247":254,"_181":255},{"_31":221,"_13":76,"_74":75,"_41":-5,"_33":34,"_214":38,"_215":130,"_35":250,"_37":20,"_77":78,"_217":223,"_79":24,"_219":-5,"_247":251,"_181":252},{"_31":213,"_13":88,"_74":87,"_41":-5,"_33":34,"_214":38,"_215":130,"_35":246,"_37":20,"_77":89,"_217":218,"_79":24,"_219":-5,"_247":248,"_181":249},["D",1745938406391],"children",[],[88],["D",1745938406391],[],[76],["D",1745938406391],[],[95],["D",1745938406391],[],[100],["D",1745249068805],{"_11":12,"_180":82},{"_11":12,"_175":176,"_81":82,"_25":80,"_177":178,"_179":24},{"_37":125,"_13":16,"_31":34,"_166":131,"_167":70,"_168":169,"_170":135,"_171":131,"_172":40,"_173":14,"_174":12},"ctx",{"_50":-5,"_201":296,"_297":298,"_299":300,"_301":24,"_302":24,"_303":24,"_304":130,"_305":-5,"_306":-7,"_307":-7,"_308":20,"_309":24,"_310":24,"_311":-5,"_312":24,"_313":24,"_314":24,"_315":-5},"ENV",{"_267":268,"_269":270,"_271":71,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

History