[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_179":180,"_181":182},"routes/_app.x.$handle.$name",{"_104":103,"_32":49,"_113":90,"_27":114,"_13":14,"_115":-5,"_11":116,"_117":118,"_119":120,"_121":122,"_123":124,"_21":-5,"_125":126,"_127":128,"_129":25,"_130":131,"_132":63,"_133":-5,"_134":-5,"_135":136},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_47":48,"_32":49,"_36":50,"_51":-5,"_52":25,"_53":54,"_55":54,"_56":57,"_58":59,"_18":60,"_61":43,"_62":63,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",1,"changes",[19,20],"aiChatInfo","userId",{"_21":41,"_23":-7,"_24":25,"_26":25,"_27":42,"_29":42},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":21,"_34":35,"_36":37,"_38":14,"_39":40,"_24":25},"previous","deleted",false,"deletedHere","path","style.css","latestPath","fileId","019af155-4dd7-724b-958c-9b25d71878dc","name","fileType","content","@import url(\"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;600&display=swap\");\n\n:root {\n --bg-primary: #131726;\n --bg-secondary: #0f1219;\n --accent-primary: #7c4dff;\n --accent-secondary: #06b6d4;\n --text-primary: #f0f4fc;\n --text-secondary: #a9b1d6;\n --code-string: #9ece6a;\n --code-backtick: #d097ff;\n --code-interp-braces: #ff5d8f;\n --code-interp-expr: #7aa2f7;\n --code-interp-method: #0dcfec;\n --code-interp-string: #ffb86c;\n --code-line-number: #565f89;\n --gradient-start: #7c4dff;\n --gradient-mid: #0ea5e9;\n --gradient-end: #06b6d4;\n}\n\nbody {\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n background: linear-gradient(\n 135deg,\n var(--bg-primary) 0%,\n var(--bg-secondary) 100%\n );\n font-family: \"JetBrains Mono\", \"Fira Code\", monospace;\n color: var(--text-primary);\n position: relative;\n overflow-x: hidden;\n}\n\nbody::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(\n 90deg,\n var(--gradient-start),\n var(--gradient-mid),\n var(--gradient-end)\n );\n z-index: 100;\n}\n\na {\n color: var(--accent-secondary);\n text-decoration: none;\n position: relative;\n transition: all 0.3s ease;\n}\n\na::after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 2px;\n bottom: -2px;\n left: 0;\n background: linear-gradient(\n 90deg,\n var(--gradient-start),\n var(--gradient-end)\n );\n transition: width 0.3s ease;\n}\n\na:hover {\n color: var(--text-primary);\n}\n\na:hover::after {\n width: 100%;\n}\n\nh1 {\n color: transparent;\n background: linear-gradient(\n 90deg,\n var(--gradient-start),\n var(--gradient-mid),\n var(--gradient-end)\n );\n -webkit-background-clip: text;\n background-clip: text;\n font-weight: 600;\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n text-shadow: 0 0 20px rgba(124, 77, 255, 0.2);\n letter-spacing: -0.5px;\n animation: gradient-shift 8s ease infinite;\n}\n\n@keyframes gradient-shift {\n 0% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n 100% {\n background-position: 0% 50%;\n }\n}\n\np {\n color: var(--text-secondary);\n margin-bottom: 1.5rem;\n max-width: 650px;\n text-align: center;\n line-height: 1.6;\n}\n\n.code-container {\n background-color: var(--bg-secondary);\n border-radius: 10px;\n padding: 2rem;\n width: 85%;\n max-width: 750px;\n box-shadow:\n 0 10px 30px rgba(0, 0, 0, 0.4),\n 0 0 0 1px rgba(255, 255, 255, 0.05),\n 0 0 30px rgba(124, 77, 255, 0.1);\n position: relative;\n overflow: hidden;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.code-container::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(\n 90deg,\n var(--gradient-start),\n var(--gradient-mid),\n var(--gradient-end)\n );\n z-index: 1;\n}\n\n.code-container:hover {\n transform: translateY(-5px);\n box-shadow:\n 0 14px 40px rgba(0, 0, 0, 0.5),\n 0 0 0 1px rgba(255, 255, 255, 0.08),\n 0 0 40px rgba(124, 77, 255, 0.15);\n}\n\npre {\n margin: 0;\n white-space: pre-wrap;\n line-height: 1.7;\n font-size: 15px;\n}\n\n/* Syntax highlighting colors */\n.backtick {\n color: var(--code-backtick);\n font-weight: 600;\n}\n\n.string {\n color: var(--code-string);\n}\n\n.interpolation-braces {\n color: var(--code-interp-braces);\n font-weight: 600;\n}\n\n.interpolation-expr {\n color: var(--code-interp-expr);\n font-weight: 600;\n}\n\n.interpolation-method {\n color: var(--code-interp-method);\n}\n\n.interpolation-string {\n color: var(--code-interp-string);\n}\n\n.line-number {\n color: var(--code-line-number);\n margin-right: 16px;\n user-select: none;\n opacity: 0.8;\n display: inline-block;\n min-width: 1.5em;\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n body {\n padding: 2rem 1rem;\n justify-content: flex-start;\n }\n\n h1 {\n font-size: 2rem;\n }\n\n .code-container {\n width: 95%;\n padding: 1.5rem;\n }\n\n pre {\n font-size: 14px;\n }\n}\n\n/* Add subtle animation to the code container */\n@keyframes pulse {\n 0% {\n box-shadow:\n 0 10px 30px rgba(0, 0, 0, 0.4),\n 0 0 0 1px rgba(255, 255, 255, 0.05),\n 0 0 30px rgba(124, 77, 255, 0.1);\n }\n 50% {\n box-shadow:\n 0 10px 30px rgba(0, 0, 0, 0.4),\n 0 0 0 1px rgba(255, 255, 255, 0.05),\n 0 0 40px rgba(124, 77, 255, 0.2);\n }\n 100% {\n box-shadow:\n 0 10px 30px rgba(0, 0, 0, 0.4),\n 0 0 0 1px rgba(255, 255, 255, 0.05),\n 0 0 30px rgba(124, 77, 255, 0.1);\n }\n}\n\n.code-container {\n animation: pulse 4s ease infinite;\n}","createdAt",["D",1764985490852],"branchVersion","branchId","27b0e5f6-d245-11f0-a1b5-42dde27851f2",{"_30":43,"_32":42,"_33":44,"_34":45,"_36":46,"_38":14,"_39":40,"_24":25},"esm.ts","019af155-4dd7-724b-958c-9560c99a75ab","http","import mime from \"npm:mime-types\";\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n const host = url.hostname;\n if (url.pathname == \"/favicon.ico\") {\n return new Response(\"\", {\n headers: { \"location\": \"https://fav.farm/%F0%9F%A7%83\", \"cache-control\": \"public, max-age=86400\" },\n status: 301,\n });\n }\n if (url.pathname == \"/\") {\n return new Response(\n `\n \n\n\n \n \n Syntax Highlighted TypeScript\n \n \n\n\n

🧃 https://${host} 🍊

\n An esm.town proxy that applies the correct content-type header to your val.town static files.

\n\n

\n eg: ${import.meta.resolve(\"./style.css\")} becomes ${import.meta.resolve(\"./style.css\").replace(\"esm.town\", host)}\"

\n \n

\n View my source to see a working example.

\n\n

\n1\\`<title>My Styled Site</title>\n2<link rel=\"stylesheet\" href=\"\\${\nimport.meta.resolve(\"./style.css\").replace(\"esm.town\", \"${host}\")}\">\n3<script type=\"text/javascript\" src=\"\\${import.meta.resolve(\"./main.js\").replace(\"esm.town\", \"${host}\")}\">\n4\\`

\n\n\n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n }\n const resp = await fetch(new URL(url.pathname, \"https://esm.town\").toString(), {\n method: req.method,\n headers: req.headers,\n });\n let contentType = \"text/plain\";\n const detected = mime.lookup(url.pathname);\n if (detected != \"text/html\" && detected !== false) {\n contentType = detected;\n }\n return new Response(resp.body, {\n status: resp.status,\n headers: {\n ...resp.headers,\n \"cache-control\": \"public, max-age=86400\",\n \"content-type\": contentType,\n },\n });\n}",["D",1764985490852],"id","27ae7820-d245-11f0-a1b5-42dde27851f2","esm",["D",1764985490852],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","A fast content-type friendly proxy for esm.town","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/55825727-2644-47e7-f217-7e42dabc9b00/square512?exp=1789590736&sig=c8cd1b369a80b1119f51aeae517598b323fae1ba0558ef0aedc24f3bb244a18f","019aee04-b263-75ee-92f4-372f56307701","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019aee04-b264-711e-852b-f28a1799c8d7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_104":103,"_112":108},"org",{"_104":103,"_105":106,"_107":108,"_18":60,"_109":110,"_111":25},"branch",{"_13":14,"_32":90,"_47":40,"_91":48,"_92":93,"_94":95,"_96":54,"_97":98,"_99":100,"_101":49,"_102":103},"isOwned","main","projectId","forkedBranchId","f60a1924-16e6-11f0-bde8-569c3dd06744","forkedBranchVersion",56,"forkedProjectPrivacy","forkedProjectId","f609c3c0-16e6-11f0-bde8-569c3dd06744","forkedProjectOrgId","c1e7642a-74cc-4d69-8652-20abbdeaa94e","projectName","userHandle","dk3","handle","displayName","dk","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zNlFETVNueWN1THEwdGZOOUxVYkpKZGFRVzAifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_47":48,"_32":49,"_36":175,"_51":-5,"_52":25,"_53":54,"_55":54,"_56":57,"_58":59,"_18":60,"_61":43,"_62":63,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":176,"_85":177,"_87":178,"_89":25},"tree",[166,167],"files",[166,167],"counts",{"_156":67,"_157":14,"_158":67,"_159":160,"_161":162},"contents",[145,146],"upstreamProject",{"_47":98,"_32":49,"_56":57,"_58":59,"_53":54,"_83":143},"upstreamBranch",{"_47":93,"_36":137,"_138":139,"_32":90,"_91":98,"_13":95,"_92":-5,"_94":-5,"_140":141,"_51":-5,"_89":25,"_53":54,"_102":142,"_68":100,"_101":49},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1744384167458],"updatedAt",["D",1744394498769],"lockfileKey","1744474675063-esm.town_v_maxm_esm@56-main","maxm",{"_104":142,"_112":144},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJnTEtkSHlOMWxWZm1GRHdKYUVTNklYM3FpdiJ9",{"_47":153,"_32":42,"_30":43,"_148":-5,"_39":40,"_38":14,"_149":63,"_36":154,"_13":67,"_33":44,"_34":45,"_24":25,"_151":-5,"_27":155},{"_47":147,"_32":28,"_30":31,"_148":-5,"_39":40,"_38":14,"_149":63,"_36":150,"_13":67,"_33":21,"_34":35,"_24":25,"_151":-5,"_27":152},"27b2c970-d245-11f0-a1b5-42dde27851f2","parentId","latest",["D",1764985490852],"label",[28],"27b2ba3e-d245-11f0-a1b5-42dde27851f2",["D",1764985490852],[42],"pulls","branches","forks","envVars",{"_163":67,"_165":67},"connections",{"_163":67,"_164":67},"count","unfilledCount","emptyCount",{"_47":153,"_32":42,"_30":43,"_148":-5,"_39":40,"_38":14,"_149":63,"_36":172,"_13":67,"_33":44,"_34":45,"_24":25,"_151":-5,"_169":173,"_27":174},{"_47":147,"_32":28,"_30":31,"_148":-5,"_39":40,"_38":14,"_149":63,"_36":168,"_13":67,"_33":21,"_34":35,"_24":25,"_151":-5,"_169":170,"_27":171},["D",1764985490852],"children",[],[28],["D",1764985490852],[],[42],["D",1764985490852],{"_104":103,"_112":108},{"_104":103,"_105":106,"_107":108,"_18":60,"_109":110,"_111":25},{"_13":14,"_32":90,"_47":40,"_91":48,"_92":93,"_94":95,"_96":54,"_97":98,"_99":100,"_101":49,"_102":103},"ctx",{"_83":-5,"_134":212,"_213":214,"_215":216,"_217":25,"_218":25,"_219":25,"_220":63,"_221":-5,"_222":-7,"_223":-7,"_224":67,"_225":25,"_226":25,"_227":-5,"_228":25,"_229":25,"_230":25,"_231":-5},"ENV",{"_183":184,"_185":186,"_187":90,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · v1