bun-dev-server 0.0.5 → 0.0.7

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,9 @@ export interface BunDevServerConfig extends Partial<BunDevServerSocketConfig> {
     buildConfig: BuildConfig;
     watchDir?: string;
     enableTypeScriptWatch?: boolean;
+    writeManifest?: boolean;
+    manifestName?: string;
+    reloadOnChange?: boolean;
     /**
      * 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,7 +50,7 @@ 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 });
         augumentHeaders(response);
         return response;
@@ -132,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");
   // });
@@ -151,6 +155,13 @@ 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);
+    }
+    if(finalConfig.reloadOnChange) {
+      bunServer.publish("message", JSON.stringify({ type: "reload" }));
+    }
+
   }
 
   function publishOutputLogs(output: Bun.BuildOutput, event: FileChangeInfo<string>) {
@@ -170,13 +181,15 @@ 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 }));
   }
 
 }

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.5",
+  "version": "0.0.7",
   "module": "index.ts",
   "type": "module",
   "license": "MIT",
@@ -14,7 +14,7 @@
     "serve": "bun --hot ./serve.ts"
   },
   "devDependencies": {
-    "@types/bun": "^1.1.11",
+    "@types/bun": "latest",
     "@types/ejs": "^3.1.5"
   },
   "peerDependencies": {