import * as MIME from "https://deno.land/std@0.180.0/media_types/mod.ts"; import * as HTTP from "https://deno.land/std@0.177.0/http/server.ts"; import * as SWCW from "https://esm.sh/@swc/wasm-web@1.3.62"; type CustomHTTPHandler = (inReq:Request, inURL:URL, inExtension:string|false)=>false|Response|Promise type Configuration = {Proxy:string, Allow:string, Reset:string, SWCOp:SWCW.Options, Serve:CustomHTTPHandler}; type ConfigurationArgs = {Proxy?:string, Allow?:string, Reset?:string, SWCOp?:SWCW.Options, Serve?:CustomHTTPHandler}; let Configure:Configuration = { Proxy: "", Allow: "*", Reset: "/clear-cache", Serve: ()=>false, SWCOp: { sourceMaps: false, minify: true, jsc: { target:"es2017", minify: { compress: { unused: true }, mangle: true }, parser: { syntax: "typescript", tsx: true, }, transform: { react: { runtime: "automatic" } } } } }; export default (config:ConfigurationArgs)=> Configure = {...Configure, ...config}; export const Transpile = { Cache: new Map() as Map, Files: ["tsx", "jsx", "ts", "js", "mjs"], Check(inExtension:string|false) { return inExtension ? this.Files.includes(inExtension) : false; }, Clear() { const size = this.Cache.size; this.Cache.clear(); return size; }, Fetch: async function(inPath:string, inKey:string, inCheckCache=true) { const check = this.Cache.get(inPath); if(check && inCheckCache) { return check; } else { try { const resp = await fetch(inPath); const text = await resp.text(); const {code} = await SWCW.transform(text, { ...Configure.SWCOp, filename:inKey}); this.Cache.set(inKey, code); return code; } catch(e) { //console.log(`Transpile.Fetch error. Key:"${inKey}" Path:"${inPath}" Error:"${e}"`); return null; } } } }; export const Extension =(inPath:string)=> { const posSlash = inPath.lastIndexOf("/"); const posDot = inPath.lastIndexOf("."); return posDot > posSlash ? inPath.substring(posDot+1).toLowerCase() : false; }; SWCW.default(); HTTP.serve(async(req: Request)=> { const url:URL = new URL(req.url); const ext = Extension(url.pathname); const headers = {"content-type":"application/json", "Access-Control-Allow-Origin": Configure.Allow, "charset":"UTF-8"}; // allow for custom handler const custom = await Configure.Serve(req, url, ext); if(custom) { return custom; } // implied index.html files if(!ext) { return new Response(` `, {headers:{...headers, "content-type":"text/html"}}); } // cache-reset route if(url.pathname === Configure.Reset) { return new Response(`{"cleared":${Transpile.Clear()}}`, {headers}); } // transpileable files if(Transpile.Check(ext)) { const lookup = await Transpile.Fetch(Configure.Proxy + url.pathname, url.pathname); return new Response(lookup, {status:lookup?200:404, headers:{...headers, "content-type":"application/javascript"}} ); } // all other static files try { const type = MIME.typeByExtension(ext); const file = await fetch(Configure.Proxy + url.pathname); const text = await file.text(); return new Response(text, {headers:{...headers, "content-type":type||""}}); } catch(e) { return new Response(`{"error":"${e}", "path":"${url.pathname}"}`, {status:404, headers}); } });