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.4.17";
import { HuntConfig } from "./checker.tsx";
import CustomServe from ">able/api.tsx"; 

export const Root = new URL(`file://${Deno.cwd().replaceAll("\\", "/")}`).toString();

type DenoConfig = {imports:Record<string, string>};
const ImportMap:DenoConfig = {imports:{}};
let ImportMapProxies:Record<string, string> = {};

// (re)scan the project directory looking for the config
// process the found import map:
// - make a copy of the import map
// - change root relative imports that deno needs (starts with "./") to "/" for use in the browser
// - change 

const ImportMapReload =async()=>
{
    const [, {json, path}] = await HuntConfig();
    const imports = (json as DenoConfig).imports;

    if(imports)
    {
        ImportMapProxies = {};
        Object.entries(imports).forEach(([key, value])=>
        {
            if(value.startsWith("./"))
            {
                imports[key] = value.substring(1);
            }
            if(key.startsWith(">"))
            {
                if(value.startsWith("./"))
                {
                    ImportMapProxies[encodeURI(key)] = value.substring(1);
                    imports[key] = value.substring(1); 
                }
                else
                {
                    ImportMapProxies["/"+encodeURI(key)] = value;
                    imports[key] = "/"+key;    
                }
            }
        });

        ImportMap.imports = Configuration.Remap(imports, Configuration);
    }
    else
    {

    }

};

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: false
            },
            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;
        
        // dont serve hidden files (end file or folder names with "__" to hide)
        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("/>")))
        {
            console.log(ImportMapProxies);
            console.log("checking for", url.pathname)
            let bestMatch="";
            for(const key in ImportMapProxies)
            {
                const match = url.pathname.startsWith(key) && key.length > bestMatch.length;
                console.log(`key:${key} match:${match}`);
                if(match)
                {
                    bestMatch = key;
                }
            }
            if(bestMatch.length)
            {
                const value = ImportMapProxies[bestMatch];
                const path = url.pathname.substring(bestMatch.length);
                proxy = path ? value + path : Root + value;
            }
        }
    
        // 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))
        {
            console.log("transpiling:", proxy);
            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";`
add outer/inner debugging 2024-04-23 12:44:22 -04:00			`import * as SWCW from "https://esm.sh/@swc/wasm-web@1.4.17";`
checker started 2023-08-12 20:30:44 -04:00			`import { HuntConfig } from "./checker.tsx";`
allow for code or config setup 2023-07-30 13:04:26 -04:00			`import CustomServe from ">able/api.tsx";`
custom api handler started 2023-07-29 18:21:59 -04:00
add proxy imports! remove file.deno.tsx falback 2023-07-29 13:57:44 -04:00			export const Root = new URL(`file://${Deno.cwd().replaceAll("\\", "/")}`).toString();
outpost relay mode started 2023-07-08 12:21:58 -04:00
misc fixes 2023-06-07 23:35:00 -04:00			`type DenoConfig = {imports:Record<string, string>};`
			`const ImportMap:DenoConfig = {imports:{}};`
add proxy imports! remove file.deno.tsx falback 2023-07-29 13:57:44 -04:00			`let ImportMapProxies:Record<string, string> = {};`
checker started 2023-08-12 20:30:44 -04:00
add outer/inner debugging 2024-04-23 12:44:22 -04:00			`// (re)scan the project directory looking for the config`
			`// process the found import map:`
			`// - make a copy of the import map`
			`// - change root relative imports that deno needs (starts with "./") to "/" for use in the browser`
			`// - change`

more configuration 2023-06-07 14:15:57 -04:00			`const ImportMapReload =async()=>`
			`{`
checker started 2023-08-12 20:30:44 -04:00			`const [, {json, path}] = await HuntConfig();`
			`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			`ImportMapProxies = {};`
			`Object.entries(imports).forEach(([key, value])=>`
add proxy imports! remove file.deno.tsx falback 2023-07-29 13:57:44 -04:00			`{`
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			`}`
checker started 2023-08-12 20:30:44 -04:00			`if(key.startsWith(">"))`
fix hmr, modify example 2023-07-29 16:45:41 -04:00			`{`
checker started 2023-08-12 20:30:44 -04:00			`if(value.startsWith("./"))`
			`{`
			`ImportMapProxies[encodeURI(key)] = value.substring(1);`
			`imports[key] = value.substring(1);`
			`}`
			`else`
			`{`
			`ImportMapProxies["/"+encodeURI(key)] = value;`
			`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);`
			`}`
			`else`
			`{`

			`}`
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 },`
baker started 2023-11-06 12:18:44 -05:00			`mangle: false`
local started 2023-06-06 22:24:43 -04:00			`},`
			`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
add outer/inner debugging 2024-04-23 12:44:22 -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;`
add outer/inner debugging 2024-04-23 12:44:22 -04:00
			`// dont serve hidden files (end file or folder names with "__" to hide)`
allow for code or config setup 2023-07-30 13:04:26 -04:00			`if(url.pathname.includes("__/") \|\| url.pathname.lastIndexOf("__.") > -1)`
			`{`
			return new Response(`{"error":"unmatched route", "path":"${url.pathname}"}`, {status:404, headers});
			`}`
add outer/inner debugging 2024-04-23 12:44:22 -04:00
allow for code or config setup 2023-07-30 13:04:26 -04:00			`// proxy imports`
			`if(url.pathname.startsWith(encodeURI("/>")))`
add proxy imports! remove file.deno.tsx falback 2023-07-29 13:57:44 -04:00			`{`
add outer/inner debugging 2024-04-23 12:44:22 -04:00			`console.log(ImportMapProxies);`
			`console.log("checking for", url.pathname)`
allow for code or config setup 2023-07-30 13:04:26 -04:00			`let bestMatch="";`
add outer/inner debugging 2024-04-23 12:44:22 -04:00			`for(const key in ImportMapProxies)`
add proxy imports! remove file.deno.tsx falback 2023-07-29 13:57:44 -04:00			`{`
add outer/inner debugging 2024-04-23 12:44:22 -04:00			`const match = url.pathname.startsWith(key) && key.length > bestMatch.length;`
			console.log(`key:${key} match:${match}`);
			`if(match)`
allow for code or config setup 2023-07-30 13:04:26 -04:00			`{`
			`bestMatch = key;`
			`}`
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			`if(bestMatch.length)`
			`{`
add outer/inner debugging 2024-04-23 12:44:22 -04:00			`const value = ImportMapProxies[bestMatch];`
allow for code or config setup 2023-07-30 13:04:26 -04:00			`const path = url.pathname.substring(bestMatch.length);`
add outer/inner debugging 2024-04-23 12:44:22 -04:00			`proxy = path ? value + path : Root + value;`
			`}`
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;`
			`}`
			`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			`console.log("transpiling:", proxy);`
			`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});

			`});`
			`}`