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(\"./style.css\").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}","deleted","label","children",[],[156],{"_103":174,"_95":175,"_157":176,"_158":-5,"_159":142,"_160":177,"_161":22,"_105":178,"_99":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],{"_103":183,"_95":184,"_157":185,"_158":-5,"_159":142,"_160":186,"_161":22,"_105":187,"_99":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",[154,173,182],"counts",{"_197":32,"_198":199,"_200":199,"_201":32},"pulls","branches",1,"forks","envVars","contents",[204,207,210],{"_103":155,"_95":156,"_157":117,"_158":-5,"_159":142,"_160":100,"_161":22,"_105":205,"_99":163,"_164":165,"_166":167,"_168":22,"_169":96,"_98":206},["D",1744387236639],[156],{"_103":174,"_95":175,"_157":176,"_158":-5,"_159":142,"_160":177,"_161":22,"_105":208,"_99":32,"_164":179,"_166":72,"_168":22,"_169":-5,"_98":209},["D",1744384618966],[175],{"_103":183,"_95":184,"_157":185,"_158":-5,"_159":142,"_160":186,"_161":22,"_105":211,"_99":188,"_164":189,"_166":190,"_168":22,"_169":-5,"_98":212},["D",1744385977046],[184],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_99":100,"_98":72,"_101":219,"_152":224,"_193":234,"_189":-7,"_202":235,"_242":-5,"_243":22,"_244":-5,"_245":-5,"_246":-5,"_247":248},{"_103":104,"_95":96,"_105":220,"_107":-5,"_108":22,"_109":110,"_111":112,"_113":114,"_14":115,"_116":117,"_118":119,"_120":121,"_122":123,"_16":124,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_23":221,"_137":222,"_140":223,"_151":22},["D",1744384167458],{"_93":94,"_135":136},{"_93":94,"_139":136},{"_99":121,"_95":43,"_103":142,"_143":104,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":96,"_150":94},[225,228,231],{"_103":155,"_95":156,"_157":117,"_158":-5,"_159":142,"_160":100,"_161":22,"_105":162,"_99":163,"_164":165,"_166":167,"_168":22,"_169":96,"_170":226,"_98":227},[],[156],{"_103":174,"_95":175,"_157":176,"_158":-5,"_159":142,"_160":177,"_161":22,"_105":178,"_99":32,"_164":179,"_166":72,"_168":22,"_169":-5,"_170":229,"_98":230},[],[175],{"_103":183,"_95":184,"_157":185,"_158":-5,"_159":142,"_160":186,"_161":22,"_105":187,"_99":188,"_164":189,"_166":190,"_168":22,"_169":-5,"_170":232,"_98":233},[],[184],[225,228,231],[236,238,240],{"_103":155,"_95":156,"_157":117,"_158":-5,"_159":142,"_160":100,"_161":22,"_105":205,"_99":163,"_164":165,"_166":167,"_168":22,"_169":96,"_98":237},[156],{"_103":174,"_95":175,"_157":176,"_158":-5,"_159":142,"_160":177,"_161":22,"_105":208,"_99":32,"_164":179,"_166":72,"_168":22,"_169":-5,"_98":239},[175],{"_103":183,"_95":184,"_157":185,"_158":-5,"_159":142,"_160":186,"_161":22,"_105":211,"_99":188,"_164":189,"_166":190,"_168":22,"_169":-5,"_98":241},[184],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]