import * as MIME from "https://deno.land/std@0.180.0/media_types/mod.ts"; import * as SWCW from "https://esm.sh/@swc/wasm-web@1.3.62"; import SSR from "https://esm.sh/preact-render-to-string@6.4.2"; import { HuntConfig, Root } from "./checker.tsx"; import CustomServe from ">able/api.tsx"; type DenoConfig = {imports:Record}; const ImportMap:DenoConfig = {imports:{}}; const ImportMapReload =async()=> { const [, {json}] = await HuntConfig(); const imports = (json as DenoConfig).imports; if(imports) { Object.entries(imports).forEach(([key, value])=> { // re-write deno project-relative paths (e.g. "./app.tsx") to root-relative for the browser ("/app.tsx"); if(value.startsWith("./")) { imports[key] = value.substring(1); } if(key.startsWith(">") && key.endsWith("/")) { imports[key] = "/"+key; } }); ImportMap.imports = Configuration.Remap(imports, Configuration); } }; export type CustomHTTPHandler = (inReq:Request, inURL:URL, inExt:string|false, inMap:{imports:Record}, inConfig:Configuration)=>void|false|Response|Promise; export type CustomRemapper = (inImports:Record, inConfig:Configuration)=>Record; export type Configuration = {Start:string, Allow:string, Reset:string, SWCOp:SWCW.Options, Serve:CustomHTTPHandler, Extra:CustomHTTPHandler, Remap:CustomRemapper}; export type ConfigurationArgs = Partial; let Configuration:Configuration = { Start: ">able/app.tsx", Allow: "*", Reset: "/clear-cache", async Extra(inReq, inURL, inExt, inMap, inConfig){}, Serve: CustomServe, Remap: (inImports, inConfig)=> { return inImports; }, SWCOp: { sourceMaps: false, minify: true, jsc: { target:"es2022", minify: { compress: { unused: true }, mangle: true }, parser: { syntax: "typescript", tsx: true, }, transform: { react: { runtime: "automatic" } } } } }; 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(); ImportMapReload(); return size; }, async Fetch(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, { ...Configuration.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; }; export const Configure =(config:ConfigurationArgs)=> { Configuration = {...Configuration, ...config}; ImportMapReload(); } let running = false; export default async()=> { if(running){return}; running = true; try { await ImportMapReload(); await SWCW.default(); } catch(e) { console.log("swc init error:", e); } const server = Deno.serve({port:parseInt(Deno.env.get("port")||"8000")}, 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": Configuration.Allow, "charset":"UTF-8"}; let proxy = Root + url.pathname; if(url.pathname.includes("__/") || url.pathname.lastIndexOf("__.") > -1) { return new Response(`{"error":"unmatched route", "path":"${url.pathname}"}`, {status:404, headers}); } // proxy imports if(url.pathname.startsWith(encodeURI("/>"))) { /** pathname with no leading slash */ const clippedPath = decodeURI(url.pathname.substring(1)); proxy = import.meta.resolve(clippedPath); } // allow for custom handlers const custom = await Configuration.Extra(req, url, ext, ImportMap, Configuration); if(custom) { return custom; } const api = await Configuration.Serve(req, url, ext, ImportMap, Configuration); if(api) { return api; } // transpileable files if(Transpile.Check(ext)) { const code = await Transpile.Fetch(proxy, url.pathname); if(code) { return new Response(code, {headers:{...headers, "content-type":"application/javascript"}} ); } } // custom page html if(!ext) { let markup = ""; let styles = ""; try { const User = await import("./run-browser.tsx"); markup = SSR(); const {css, html} = User.CustomTwindExtractor(markup); console.log(css); markup = html; styles = css; } catch(e) { console.log("SSR error:") console.log(e); } return new Response( `
${markup}
`, {status:200, headers:{"content-type":"text/html"}}); } // cache-reset route if(url.pathname === Configuration.Reset) { return new Response(`{"cleared":${Transpile.Clear()}}`, {headers}); } // all other static files if(ext) { try { const type = MIME.typeByExtension(ext); const file = await fetch(proxy); return new Response(file.body, {headers:{...headers, "content-type":type||""}}); } catch(e) { return new Response(`{"error":"${e}", "path":"${url.pathname}"}`, {status:404, headers}); } } return new Response(`{"error":"unmatched route", "path":"${url.pathname}"}`, {status:404, headers}); }); }