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\"\n).replace(\n\"esm.town\", \"esm.val.run\")}\">\n3<script type=\"text/javascript\" src=\"\\${import.meta.resolve(\"./style.css\").replace(\"esm.town\", \"esm.val.run\")}\">\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 \"content-type\": contentType,\n },\n });\n}","deleted","label","children",[],[99],{"_104":174,"_95":175,"_157":176,"_158":-5,"_159":143,"_160":177,"_161":22,"_106":178,"_100":32,"_164":179,"_166":72,"_168":22,"_169":-5,"_170":180,"_98":181},"032949da-16e8-11f0-9102-569c3dd06744","foo.ts","03294ac0-16e8-11f0-9102-569c3dd06744",6,["D",1744384618966],"script",[],[175],{"_104":183,"_95":184,"_157":185,"_158":-5,"_159":143,"_160":186,"_161":22,"_106":187,"_100":188,"_164":189,"_166":190,"_168":22,"_169":-5,"_170":191,"_98":192},"2ca40c0c-16eb-11f0-9b73-569c3dd06744","style.css","cd3b1da2-16e8-11f0-93d5-569c3dd06744",38,["D",1744385977046],7,"file","body {\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 100vh;\n background-color: #1e2030;\n font-family: \"JetBrains Mono\", \"Fira Code\", \"Courier New\", monospace;\n}\n\na {\n color: #a9b1d6;\n}\n\n.main-container {\n width: 80%;\n max-width: 900px;\n text-align: center;\n}\n\nh1 {\n color: #7aa2f7;\n margin-bottom: 20px;\n font-weight: 300;\n}\n\np {\n color: #a9b1d6;\n margin-bottom: 30px;\n}\n\n.code-container {\n background-color: #171923;\n border-radius: 6px;\n padding: 20px;\n width: 80%;\n max-width: 700px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n}\n\npre {\n margin: 0;\n white-space: pre-wrap;\n line-height: 1.5;\n}\n\ncode {\n color: #a9b1d6;\n font-size: 16px;\n}\n\n/* Syntax highlighting colors - darker cooler theme */\n.backtick {\n color: #bb9af7;\n}\n.string {\n color: #9ece6a;\n}\n.interpolation-braces {\n color: #f7768e;\n}\n.interpolation-expr {\n color: #7aa2f7;\n}\n.interpolation-method {\n color: #2ac3de;\n}\n.interpolation-string {\n color: #e0af68;\n}\n\n.line-number {\n color: #565f89;\n margin-right: 16px;\n user-select: none;\n}",[],[184],"files",[155,173,182],"counts",{"_197":32,"_198":199,"_200":199,"_201":32},"pulls","branches",1,"forks","envVars","contents",[],{"_104":156,"_95":99,"_157":118,"_158":-5,"_159":143,"_160":101,"_161":22,"_106":205,"_100":163,"_164":165,"_166":167,"_168":22,"_169":96,"_98":206},["D",1744387164950],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":213,"_153":218,"_193":228,"_189":229,"_202":231,"_232":-5,"_233":22,"_234":-5,"_235":-5,"_236":-5,"_237":238},{"_104":105,"_95":96,"_106":214,"_108":-5,"_109":22,"_110":111,"_112":113,"_114":115,"_14":116,"_117":118,"_119":120,"_121":122,"_123":124,"_16":125,"_126":127,"_128":127,"_129":130,"_131":130,"_132":130,"_133":127,"_134":127,"_23":215,"_138":216,"_141":217,"_152":22},["D",1744384167458],{"_93":94,"_136":137},{"_93":94,"_140":137},{"_100":122,"_95":43,"_104":143,"_144":105,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":96,"_151":94},[219,222,225],{"_104":156,"_95":99,"_157":118,"_158":-5,"_159":143,"_160":101,"_161":22,"_106":162,"_100":163,"_164":165,"_166":167,"_168":22,"_169":96,"_170":220,"_98":221},[],[99],{"_104":174,"_95":175,"_157":176,"_158":-5,"_159":143,"_160":177,"_161":22,"_106":178,"_100":32,"_164":179,"_166":72,"_168":22,"_169":-5,"_170":223,"_98":224},[],[175],{"_104":183,"_95":184,"_157":185,"_158":-5,"_159":143,"_160":186,"_161":22,"_106":187,"_100":188,"_164":189,"_166":190,"_168":22,"_169":-5,"_170":226,"_98":227},[],[184],[219,222,225],{"_104":156,"_95":99,"_157":118,"_158":-5,"_159":143,"_160":101,"_161":22,"_106":205,"_100":163,"_164":165,"_166":167,"_168":22,"_169":96,"_98":230},[99],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]