able-baker/local.tsx

107 lines
3.4 KiB
TypeScript
Raw Normal View History

2023-06-07 17:09:40 -04:00
import {Configure, Transpile, Extension} from "./serve.tsx";
2023-06-06 22:24:43 -04:00
const SocketsLive:Set<WebSocket> = new Set();
const SocketsSend =(inData:string)=>{ console.log(inData); for (const socket of SocketsLive){ socket.send(inData); } }
2023-06-07 11:22:49 -04:00
const Directory = `file://${Deno.cwd().replaceAll("\\", "/")}`;
2023-06-07 14:15:57 -04:00
Configure({
2023-06-07 11:22:49 -04:00
Proxy:Directory,
SWCOp:
{
sourceMaps: "inline",
minify: false,
jsc:
{
target:"es2022",
parser:
{
syntax: "typescript",
tsx: true,
}
}
},
2023-06-07 23:35:00 -04:00
Remap: (inImports)=>
{
2023-06-15 17:13:51 -04:00
console.log("running remapper");
2023-06-07 23:35:00 -04:00
Object.entries(inImports).forEach(([key, value])=>
{
if(value.startsWith("./"))
{
inImports[key] = value.substring(1);
}
});
inImports["react-original"] = inImports["react"];
inImports["react"] = "/_lib_/react.tsx";
console.log(inImports);
2023-06-07 23:35:00 -04:00
return inImports;
},
async Serve(inReq, inURL, inExt, inMap)
2023-06-06 22:24:43 -04:00
{
if(Transpile.Check(inExt) && !inURL.searchParams.get("reload") && !inURL.pathname.startsWith("/_lib_/"))
{
const imp = await import(Directory+inURL.pathname);
const members = [];
for( const key in imp ) { members.push(key); }
return new Response(`import {FileListen} from "/_lib_/hmr.tsx";
import * as Import from "${inURL.pathname}?reload=0";
${ members.map(m=>`let proxy_${m} = Import.${m};
export { proxy_${m} as ${m} };
`).join(" ") }
const reloadHandler = (updatedModule)=>
{
${ members.map(m=>`proxy_${m} = updatedModule.${m};`).join("\n") }
};
FileListen("${inURL.pathname}", reloadHandler);`, {headers:{"content-type":"application/javascript"}}
);
}
2023-06-07 11:22:49 -04:00
if(inReq.headers.get("upgrade") == "websocket")
2023-06-06 22:24:43 -04:00
{
2023-06-07 11:22:49 -04:00
try
{
const { response, socket } = Deno.upgradeWebSocket(inReq);
socket.onopen = () => SocketsLive.add(socket);
socket.onclose = () => SocketsLive.delete(socket);
socket.onmessage = (e) => {};
socket.onerror = (e) => console.log("Socket errored:", e);
return response;
}
2023-06-08 16:59:56 -04:00
catch(e){ /**/ }
2023-06-06 22:24:43 -04:00
}
}
2023-06-07 11:22:49 -04:00
});
2023-06-06 22:24:43 -04:00
let blocking = false;
const filesChanged:Map<string, string> = new Map();
for await (const event of Deno.watchFs(Deno.cwd()))
{
event.paths.forEach( path => filesChanged.set(path, event.kind) );
if(!blocking)
{
blocking = true;
setTimeout(async()=>
{
for await (const [path, action] of filesChanged)
{
2023-06-07 11:22:49 -04:00
if(Transpile.Check(Extension(path)))
2023-06-06 22:24:43 -04:00
{
2023-06-07 11:22:49 -04:00
const key = path.substring(Deno.cwd().length).replaceAll("\\", "/");
if(action != "remove")
{
2023-06-07 14:15:57 -04:00
const tsx = await Transpile.Fetch(Directory+key, key, true);
2023-06-07 11:22:49 -04:00
tsx && SocketsSend(key);
}
else
{
Transpile.Cache.delete(key);
}
2023-06-06 22:24:43 -04:00
}
}
filesChanged.clear();
blocking = false;
}
, 1000);
}
2023-06-08 16:59:56 -04:00
}