able-baker/run-serve.tsx

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 { HuntConfig, Root } from "./checker.tsx";
import CustomServe from ">able/api.tsx"; 
import { Call, Spoof } from "./api-extract.tsx"; 

type DenoConfig = {imports:Record<string, string>};
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<string, string>}, inConfig:Configuration)=>void|false|Response|Promise<Response|void|false>;
export type CustomRemapper = (inImports:Record<string, string>, inConfig:Configuration)=>Record<string, string>;
export type Configuration     = {Start:string, Allow:string, Reset:string, SWCOp:SWCW.Options, Serve:CustomHTTPHandler, Extra:CustomHTTPHandler, Shell:CustomHTTPHandler, Remap:CustomRemapper};
export type ConfigurationArgs = Partial<Configuration>;
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;
    },
    Shell(inReq, inURL, inExt, inMap, inConfig)
    {
        return new Response(
            `<!doctype html>
            <html>
                <head>
                    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
                    <meta charset="utf-8"/>
                </head>
                <body>
                    <div id="app"></div>
                    <script type="importmap">${JSON.stringify(inMap, null, " ")}</script>
                    <script type="module">
                        import Mount from ">able/run-browser.tsx";
                        Mount("#app", "${inConfig.Start}");
                    </script>
                </body>
            </html>`, {status:200, headers:{"content-type":"text/html"}});
    },
    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<string, string>,
    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));
            if(clippedPath == ">able/api.tsx"){
                return new Response(Spoof, {headers:{"content-type":"application/javascript"}});
            }
            proxy = import.meta.resolve(clippedPath);
        }
    
        // allow for custom handlers
        const custom = await Configuration.Extra(req, url, ext, ImportMap, Configuration);
        if(custom)
        {
            return custom;
        }

        // auto-api
        if(url.pathname.startsWith("/api/"))
        {
            const functionName = url.pathname.split("/")[2];
            const options:Record<string, string|number|boolean> = {};
            url.searchParams.forEach((value, key)=>{options[key] = value});
            const response = Call(functionName, options);
            if(response)
            {
                return response;
            }
        }

        // full api
        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)
        {
            const shell = await Configuration.Shell(req, url, ext, ImportMap, Configuration);
            if(shell)
            {
                return shell;
            }
        }
    
        // 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});
    
    });
}
init 2023-06-06 12:50:50 -04:00			`import * as MIME from "https://deno.land/std@0.180.0/media_types/mod.ts";`
local started 2023-06-06 22:24:43 -04:00			`import * as SWCW from "https://esm.sh/@swc/wasm-web@1.3.62";`
adjust import proxies something was very wrong and could still be... 2024-05-05 16:03:00 -04:00			`import { HuntConfig, Root } from "./checker.tsx";`
allow for code or config setup 2023-07-30 13:04:26 -04:00			`import CustomServe from ">able/api.tsx";`
seems to be working? 2024-05-10 10:01:57 -04:00			`import { Call, Spoof } from "./api-extract.tsx";`
custom api handler started 2023-07-29 18:21:59 -04:00
misc fixes 2023-06-07 23:35:00 -04:00			`type DenoConfig = {imports:Record<string, string>};`
			`const ImportMap:DenoConfig = {imports:{}};`
checker started 2023-08-12 20:30:44 -04:00
more configuration 2023-06-07 14:15:57 -04:00			`const ImportMapReload =async()=>`
			`{`
adjust import proxies something was very wrong and could still be... 2024-05-05 16:03:00 -04:00			`const [, {json}] = await HuntConfig();`
checker started 2023-08-12 20:30:44 -04:00			`const imports = (json as DenoConfig).imports;`
remap imports 2023-06-20 22:56:20 -04:00
checker started 2023-08-12 20:30:44 -04:00			`if(imports)`
remap imports 2023-06-20 22:56:20 -04:00			`{`
checker started 2023-08-12 20:30:44 -04:00			`Object.entries(imports).forEach(([key, value])=>`
add proxy imports! remove file.deno.tsx falback 2023-07-29 13:57:44 -04:00			`{`
adjust import proxies something was very wrong and could still be... 2024-05-05 16:03:00 -04:00			`// re-write deno project-relative paths (e.g. "./app.tsx") to root-relative for the browser ("/app.tsx");`
fix hmr, modify example 2023-07-29 16:45:41 -04:00			`if(value.startsWith("./"))`
			`{`
checker started 2023-08-12 20:30:44 -04:00			`imports[key] = value.substring(1);`
fix hmr, modify example 2023-07-29 16:45:41 -04:00			`}`
adjust import proxies something was very wrong and could still be... 2024-05-05 16:03:00 -04:00
			`if(key.startsWith(">") && key.endsWith("/"))`
fix hmr, modify example 2023-07-29 16:45:41 -04:00			`{`
adjust import proxies something was very wrong and could still be... 2024-05-05 16:03:00 -04:00			`imports[key] = "/"+key;`
fix hmr, modify example 2023-07-29 16:45:41 -04:00			`}`
checker started 2023-08-12 20:30:44 -04:00			`});`
			`ImportMap.imports = Configuration.Remap(imports, Configuration);`
			`}`
misc cleanup 2023-07-17 22:41:22 -04:00
more configuration 2023-06-07 14:15:57 -04:00			`};`

switch to code configuration 2023-07-30 09:16:17 -04:00			`export type CustomHTTPHandler = (inReq:Request, inURL:URL, inExt:string\|false, inMap:{imports:Record<string, string>}, inConfig:Configuration)=>void\|false\|Response\|Promise<Response\|void\|false>;`
			`export type CustomRemapper = (inImports:Record<string, string>, inConfig:Configuration)=>Record<string, string>;`
			`export type Configuration = {Start:string, Allow:string, Reset:string, SWCOp:SWCW.Options, Serve:CustomHTTPHandler, Extra:CustomHTTPHandler, Shell:CustomHTTPHandler, Remap:CustomRemapper};`
			`export type ConfigurationArgs = Partial<Configuration>;`
add Shell phase 2023-06-07 17:09:40 -04:00			`let Configuration:Configuration =`
init 2023-06-06 12:50:50 -04:00			`{`
allow for code or config setup 2023-07-30 13:04:26 -04:00			`Start: ">able/app.tsx",`
init 2023-06-06 12:50:50 -04:00			`Allow: "*",`
client started 2023-06-06 17:22:14 -04:00			`Reset: "/clear-cache",`
switch to code configuration 2023-07-30 09:16:17 -04:00			`async Extra(inReq, inURL, inExt, inMap, inConfig){},`
allow for code or config setup 2023-07-30 13:04:26 -04:00			`Serve: CustomServe,`
pass config though handlers 2023-06-21 21:20:24 -04:00			`Remap: (inImports, inConfig)=>`
more configuration 2023-06-07 14:15:57 -04:00			`{`
			`return inImports;`
			`},`
pass config though handlers 2023-06-21 21:20:24 -04:00			`Shell(inReq, inURL, inExt, inMap, inConfig)`
add Shell phase 2023-06-07 17:09:40 -04:00			`{`
			`return new Response(`
			`<!doctype html>
			`<html>`
			`<head>`
prefixing 2023-06-21 17:21:36 -04:00			`<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">`
			`<meta charset="utf-8"/>`
add Shell phase 2023-06-07 17:09:40 -04:00			`</head>`
			`<body>`
			`<div id="app"></div>`
signal started 2023-10-14 23:47:20 -04:00			`<script type="importmap">${JSON.stringify(inMap, null, " ")}</script>`
add Shell phase 2023-06-07 17:09:40 -04:00			`<script type="module">`
fix hmr, modify example 2023-07-29 16:45:41 -04:00			`import Mount from ">able/run-browser.tsx";`
switch to code configuration 2023-07-30 09:16:17 -04:00			`Mount("#app", "${inConfig.Start}");`
add Shell phase 2023-06-07 17:09:40 -04:00			`</script>`
			`</body>`
			</html>`, {status:200, headers:{"content-type":"text/html"}});
			`},`
more configuration 2023-06-07 11:22:49 -04:00			`SWCOp:`
local started 2023-06-06 22:24:43 -04:00			`{`
			`sourceMaps: false,`
			`minify: true,`
			`jsc:`
			`{`
mount added 2023-06-20 09:50:14 -04:00			`target:"es2022",`
local started 2023-06-06 22:24:43 -04:00			`minify:`
			`{`
			`compress: { unused: true },`
			`mangle: true`
			`},`
			`parser:`
			`{`
			`syntax: "typescript",`
			`tsx: true,`
			`},`
			`transform:`
			`{`
			`react: { runtime: "automatic" }`
			`}`
more configuration 2023-06-07 11:22:49 -04:00			`}`
			`}`
			`};`

			`export const Transpile =`
			`{`
local started 2023-06-06 22:24:43 -04:00			`Cache: new Map() as Map<string, string>,`
more configuration 2023-06-07 11:22:49 -04:00			`Files: ["tsx", "jsx", "ts", "js", "mjs"],`
			`Check(inExtension:string\|false)`
			`{`
			`return inExtension ? this.Files.includes(inExtension) : false;`
			`},`
local started 2023-06-06 22:24:43 -04:00			`Clear()`
			`{`
			`const size = this.Cache.size;`
			`this.Cache.clear();`
more configuration 2023-06-07 14:15:57 -04:00			`ImportMapReload();`
local started 2023-06-06 22:24:43 -04:00			`return size;`
			`},`
starting to remove spoof path 2023-07-03 22:27:35 -04:00			`async Fetch(inPath:string, inKey:string, inCheckCache=true)`
local started 2023-06-06 22:24:43 -04:00			`{`
more configuration 2023-06-07 11:22:49 -04:00			`const check = this.Cache.get(inPath);`
			`if(check && inCheckCache)`
local started 2023-06-06 22:24:43 -04:00			`{`
more configuration 2023-06-07 11:22:49 -04:00			`return check;`
			`}`
			`else`
			`{`
			`try`
local started 2023-06-06 22:24:43 -04:00			`{`
more configuration 2023-06-07 11:22:49 -04:00			`const resp = await fetch(inPath);`
			`const text = await resp.text();`
add Shell phase 2023-06-07 17:09:40 -04:00			`const {code} = await SWCW.transform(text, { ...Configuration.SWCOp, filename:inKey});`
more configuration 2023-06-07 11:22:49 -04:00			`this.Cache.set(inKey, code);`
			`return code;`
local started 2023-06-06 22:24:43 -04:00			`}`
more configuration 2023-06-07 11:22:49 -04:00			`catch(e)`
local started 2023-06-06 22:24:43 -04:00			`{`
misc fixes 2023-06-07 23:35:00 -04:00			console.log(`Transpile.Fetch error. Key:"${inKey}" Path:"${inPath}" Error:"${e}"`);
more configuration 2023-06-07 11:22:49 -04:00			`return null;`
local started 2023-06-06 22:24:43 -04:00			`}`
			`}`
			`}`
			`};`
init 2023-06-06 12:50:50 -04:00
more configuration 2023-06-07 11:22:49 -04:00			`export const Extension =(inPath:string)=>`
			`{`
			`const posSlash = inPath.lastIndexOf("/");`
			`const posDot = inPath.lastIndexOf(".");`
			`return posDot > posSlash ? inPath.substring(posDot+1).toLowerCase() : false;`
			`};`

started 2023-06-15 17:13:51 -04:00			`export const Configure =(config:ConfigurationArgs)=>`
			`{`
			`Configuration = {...Configuration, ...config};`
			`ImportMapReload();`
			`}`
more configuration 2023-06-07 14:15:57 -04:00
only run once 2023-07-30 13:29:15 -04:00
			`let running = false;`
allow for code or config setup 2023-07-30 13:04:26 -04:00			`export default async()=>`
setup debug 2023-07-29 17:13:49 -04:00			`{`
only run once 2023-07-30 13:29:15 -04:00			`if(running){return};`
			`running = true;`

allow for code or config setup 2023-07-30 13:04:26 -04:00			`try`
init 2023-06-06 12:50:50 -04:00			`{`
more cli fixes 2023-09-24 09:19:50 -04:00			`await ImportMapReload();`
allow for code or config setup 2023-07-30 13:04:26 -04:00			`await SWCW.default();`
init 2023-06-06 12:50:50 -04:00			`}`
allow for code or config setup 2023-07-30 13:04:26 -04:00			`catch(e)`
add proxy imports! remove file.deno.tsx falback 2023-07-29 13:57:44 -04:00			`{`
allow for code or config setup 2023-07-30 13:04:26 -04:00			`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("/>")))`
add proxy imports! remove file.deno.tsx falback 2023-07-29 13:57:44 -04:00			`{`
adjust import proxies something was very wrong and could still be... 2024-05-05 16:03:00 -04:00			`/** pathname with no leading slash */`
			`const clippedPath = decodeURI(url.pathname.substring(1));`
seems to be working? 2024-05-10 10:01:57 -04:00			`if(clippedPath == ">able/api.tsx"){`
			`return new Response(Spoof, {headers:{"content-type":"application/javascript"}});`
			`}`
adjust import proxies something was very wrong and could still be... 2024-05-05 16:03:00 -04:00			`proxy = import.meta.resolve(clippedPath);`
add proxy imports! remove file.deno.tsx falback 2023-07-29 13:57:44 -04:00			`}`
allow for code or config setup 2023-07-30 13:04:26 -04:00
			`// allow for custom handlers`
			`const custom = await Configuration.Extra(req, url, ext, ImportMap, Configuration);`
			`if(custom)`
add proxy imports! remove file.deno.tsx falback 2023-07-29 13:57:44 -04:00			`{`
allow for code or config setup 2023-07-30 13:04:26 -04:00			`return custom;`
			`}`
seems to be working? 2024-05-10 10:01:57 -04:00
			`// auto-api`
			`if(url.pathname.startsWith("/api/"))`
			`{`
			`const functionName = url.pathname.split("/")[2];`
			`const options:Record<string, string\|number\|boolean> = {};`
			`url.searchParams.forEach((value, key)=>{options[key] = value});`
			`const response = Call(functionName, options);`
			`if(response)`
			`{`
			`return response;`
			`}`
			`}`

			`// full api`
allow for code or config setup 2023-07-30 13:04:26 -04:00			`const api = await Configuration.Serve(req, url, ext, ImportMap, Configuration);`
			`if(api)`
got it! 2023-06-20 21:40:49 -04:00			`{`
allow for code or config setup 2023-07-30 13:04:26 -04:00			`return api;`
			`}`

			`// transpileable files`
			`if(Transpile.Check(ext))`
hmr roughed in (you have to clear-cache?) 2023-06-08 23:19:03 -04:00			`{`
allow for code or config setup 2023-07-30 13:04:26 -04:00			`const code = await Transpile.Fetch(proxy, url.pathname);`
			`if(code)`
			`{`
			`return new Response(code, {headers:{...headers, "content-type":"application/javascript"}} );`
			`}`
hmr roughed in (you have to clear-cache?) 2023-06-08 23:19:03 -04:00			`}`
allow for code or config setup 2023-07-30 13:04:26 -04:00
			`// custom page html`
			`if(!ext)`
more configuration 2023-06-07 14:15:57 -04:00			`{`
allow for code or config setup 2023-07-30 13:04:26 -04:00			`const shell = await Configuration.Shell(req, url, ext, ImportMap, Configuration);`
			`if(shell)`
			`{`
			`return shell;`
			`}`
more configuration 2023-06-07 14:15:57 -04:00			`}`
allow for code or config setup 2023-07-30 13:04:26 -04:00
			`// cache-reset route`
			`if(url.pathname === Configuration.Reset)`
more configuration 2023-06-07 14:15:57 -04:00			`{`
allow for code or config setup 2023-07-30 13:04:26 -04:00			return new Response(`{"cleared":${Transpile.Clear()}}`, {headers});
more configuration 2023-06-07 14:15:57 -04:00			`}`
allow for code or config setup 2023-07-30 13:04:26 -04:00
			`// 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});

			`});`
			`}`