bun-dev-server 0.0.4 → 0.0.6

package/README.md

@@ -3,6 +3,7 @@
 ```
 //devserver.ts
 import {startBunDevServer} from "bun-dev-server"
+import { file } from "bun"
 
 startBunDevServer({
     buildConfig: {
@@ -14,6 +15,11 @@ startBunDevServer({
             chunk: "chunks/[name]-[hash].[ext]",
         }
     },
+    tls: {
+        cert: file("./serve_cert.pem"),
+        key: file("./serve_key.pem"),
+    },
+    writeManifest: true,
     cleanServePath: true,
     port: 4567,
     enableTypeScriptWatch: true,

package/bunManifest.ts

@@ -0,0 +1,18 @@
+import { type BuildOutput, write, pathToFileURL } from "bun";
+export function writeManifest(output: BuildOutput, outdir: string, manifestName = "manifest.txt") {
+    const entryPoints = output.outputs.filter(o => o.kind === "entry-point");
+    const epTable = [];
+    for (const ep of entryPoints) {
+        const basePathUrl = pathToFileURL(outdir);
+        const epUrl = pathToFileURL(ep.path);
+        const relativePath = epUrl.href.replace(`${basePathUrl.href}/`, "");
+        const nameNoJs = relativePath.replace(".js", "");
+        const hashedImport = `${relativePath}?${ep.hash}`;
+        epTable.push({ name: nameNoJs, path: hashedImport });
+    }
+    const outObj = {};
+    for (const element of epTable) {
+        Object.assign(outObj, { [element.name]: { js: [`${element.path}`] } });
+    }
+    write(`${outdir}/${manifestName}`, JSON.stringify(outObj));
+}

package/bunServeConfig.ts

@@ -5,6 +5,8 @@ export interface BunDevServerConfig extends Partial<BunDevServerSocketConfig> {
     buildConfig: BuildConfig;
     watchDir?: string;
     enableTypeScriptWatch?: boolean;
+    writeManifest?: boolean;
+    manifestName?: string;
     /**
      * The path to the directory to serve files from.
      * Takes precedence over `buildConfig.outdir`.

package/index.ts

@@ -8,6 +8,7 @@ import { type FileChangeInfo } from "fs/promises";
 import { startTSWatcher } from "./bunTSWatcher";
 import { getBunHMRFooter } from "./bunHmrPlugin";
 import { type BunDevServerConfig } from "./bunServeConfig";
+import { writeManifest } from "./bunManifest";
 
 
 
@@ -49,14 +50,15 @@ export async function startBunDevServer(serverConfig: BunDevServerConfig) {
     development: true,
     tls: finalConfig.tls,
     async fetch(req, server) {
-      if(req.method === "OPTIONS") {
+      if (req.method === "OPTIONS") {
         const response = new Response("", { status: 200 });
-        response.headers.set("Access-Control-Allow-Origin", "*");
-        response.headers.set("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS");
+        augumentHeaders(response);
         return response;
       }
       if (req.url.toLowerCase().endsWith("/favicon.ico")) {
-        return new Response("", { status: 404 });
+        const response = new Response("", { status: 404 });
+        augumentHeaders(response);
+        return response;
       }
       if (req.url.toLowerCase().endsWith(finalConfig.websocketPath)) {
         if (server.upgrade(req)) {
@@ -81,7 +83,9 @@ export async function startBunDevServer(serverConfig: BunDevServerConfig) {
 
       if (!isDirectory) {
         const fl = Bun.file(dst + requestPath);
-        return new Response(fl);
+        const response = new Response(fl);
+        augumentHeaders(response);
+        return response;
       }
       try {
         const allEntries = await readdir(dst + requestPath, {
@@ -104,9 +108,13 @@ export async function startBunDevServer(serverConfig: BunDevServerConfig) {
             };
           });
         const rnd = render(finalConfig.serveOutputEjs, { dirs, files });
-        return new Response(rnd, { headers: { "Content-Type": "text/html" } });
+        const response = new Response(rnd, { headers: { "Content-Type": "text/html" } });
+        augumentHeaders(response);
+        return response;
       } catch {
-        return new Response("Not Found", { status: 404 });
+        const response = new Response("Not Found", { status: 404 });
+        augumentHeaders(response);
+        return response;
       }
     },
 
@@ -125,6 +133,9 @@ export async function startBunDevServer(serverConfig: BunDevServerConfig) {
   const output = await Bun.build(buildCfg);
   publishOutputLogs(output, { filename: "Initial", eventType: "change" });
   publishIndexHTML(output, { filename: "Initial", eventType: "change" });
+  if (finalConfig.writeManifest) {
+    writeManifest(output, dst, finalConfig.manifestName);
+  }
   // $`tsc --watch`.then((tsc) => {
   //   console.log("ASDASD");
   // });
@@ -144,6 +155,10 @@ export async function startBunDevServer(serverConfig: BunDevServerConfig) {
     const output = await Bun.build(buildCfg);
     publishOutputLogs(output, event);
     publishIndexHTML(output, event);
+    if (finalConfig.writeManifest) {
+      writeManifest(output, dst, finalConfig.manifestName);
+    }
+
   }
 
   function publishOutputLogs(output: Bun.BuildOutput, event: FileChangeInfo<string>) {
@@ -163,17 +178,24 @@ export async function startBunDevServer(serverConfig: BunDevServerConfig) {
   }
 
   function publishIndexHTML(output: Bun.BuildOutput, event: FileChangeInfo<string>) {
-    const ep = output.outputs.find(o => o.kind === "entry-point");
-    if (ep) {
+    const eps = output.outputs.filter(o => o.kind === "entry-point");
+    const hashedImports: string[] = [];
+    for (const ep of eps) {
       const basePathUrl = Bun.pathToFileURL(dst);
       const epUrl = Bun.pathToFileURL(ep.path);
       const hashedImport = `${epUrl.href.replace(basePathUrl.href, "")}?${ep.hash}`;
-      Bun.write(dst + "/index.html", render(finalConfig.serveOutputHtml, { hashedImport }));
+      hashedImports.push(hashedImport);
     }
+    Bun.write(dst + "/index.html", render(finalConfig.serveOutputHtml, { hashedImports }));
   }
 
 }
 
+function augumentHeaders(response: Response) {
+  response.headers.set("Access-Control-Allow-Origin", "*");
+  response.headers.set("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS");
+}
+
 async function cleanDirectory(dst: string) {
   const { stderr, exitCode } = await $`rm -rf ${dst}/*`.nothrow();
   if (exitCode !== 0) {

package/indexHTMLTemplate.ejs

@@ -4,7 +4,9 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Bun HTML File</title>
-    <script type="module" src="<%= hashedImport %>"></script>
+    <% for (const hashedJs of hashedImports) { %>
+    <script type="module" src="<%= hashedJs %>"></script>
+    <% } %>
   </head>
 
   <body>

package/package.json

@@ -6,7 +6,7 @@
     "type": "git",
     "url": "https://github.com/SPWizard01/bun-dev-server"
   },
-  "version": "0.0.4",
+  "version": "0.0.6",
   "module": "index.ts",
   "type": "module",
   "license": "MIT",