bun-dev-server 0.1.0 → 0.3.0

package/README.md

@@ -1,32 +1,33 @@
 # Bun Dev Server
 
-```
+```ts
 //devserver.ts
-import {startBunDevServer} from "bun-dev-server"
-import { file } from "bun"
+import { startBunDevServer } from "bun-dev-server";
+import { file } from "bun";
 
 startBunDevServer({
-    buildConfig: {
-        entrypoints: ["./src/app.ts"],
-        outdir: "dist",
-        splitting: true,
-        naming: {
-            asset: "assets/[name]-[hash].[ext]",
-            chunk: "chunks/[name]-[hash].[ext]",
-        }
-    },
-    tls: {
-        cert: file("./serve_cert.pem"),
-        key: file("./serve_key.pem"),
+  buildConfig: {
+    entrypoints: ["./src/app.ts"],
+    //...
+    outdir: "dist",
+    splitting: true,
+    naming: {
+      asset: "assets/[name]-[hash].[ext]",
+      chunk: "chunks/[name]-[hash].[ext]",
     },
-    writeManifest: true,
-    cleanServePath: true,
-    port: 4567,
-    enableTypeScriptWatch: true,
-    watchDir: "./src",
-})
+  },
+  tls: {
+    cert: file("./serve_cert.pem"),
+    key: file("./serve_key.pem"),
+  },
+  writeManifest: true,
+  cleanServePath: true,
+  port: 4567,
+  enableTypeScriptWatch: true,
+  watchDir: "./src",
+});
 ```
 
 ```
 bun run devserver.ts
-```
+```

package/bunHmrPlugin.ts

@@ -1,4 +1,4 @@
-import { type BunPlugin } from "bun";
+import type { BunPlugin, Loader } from "bun";
 import { bunHotReload } from "./bunClientHmr";
 import { readFile } from "fs/promises";
 import { type BunDevServerSocketConfig } from "./bunServeConfig";
@@ -10,11 +10,16 @@ export function getBunHMRPlugin(config: BunDevServerSocketConfig) {
             let hmrAdded = false;
             build.onLoad({ filter: /\.m?tsx?/ }, async (args) => {
                 const contents = await readFile(args.path, { encoding: "utf-8" });
+                const isTSx = /\.m?tsx$/.test(args.path);
+                const isJSx = /\.m?jsx$/.test(args.path);
+                const isJS = /\.m?js$/.test(args.path);
+                const isTS = /\.m?ts$/.test(args.path);
+                const loader: Loader = isTSx ? "tsx" : isJSx ? "jsx" : isTS ? "ts" : isJS ? "js" : "text";
                 if (!hmrAdded) {
                     hmrAdded = true;
-                    return { contents: `import "bun-hot-reload"\n` + contents, loader: "ts" };
+                    return { contents: `import "bun-hot-reload"\n` + contents, loader };
                 }
-                return { contents, loader: "ts" };
+                return { contents, loader };
             });
             build.onLoad({ filter: /./, namespace: "bun-hot-reload" }, async (args) => {
 

package/bunManifest.ts

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

package/bunServeConfig.ts

@@ -7,6 +7,7 @@ export interface BunDevServerConfig extends Partial<BunDevServerSocketConfig> {
     enableTypeScriptWatch?: boolean;
     writeManifest?: boolean;
     manifestName?: string;
+    manifestWithHash?: boolean;
     reloadOnChange?: boolean;
     /**
      * The path to the directory to serve files from.

package/index.ts

@@ -151,7 +151,7 @@ export async function startBunDevServer(serverConfig: BunDevServerConfig) {
   publishOutputLogs(output, { filename: "Initial", eventType: "change" });
   publishIndexHTML(output, { filename: "Initial", eventType: "change" });
   if (finalConfig.writeManifest) {
-    writeManifest(output, dst, finalConfig.manifestName);
+    writeManifest(output, dst, finalConfig.manifestWithHash, finalConfig.manifestName);
   }
   // $`tsc --watch`.then((tsc) => {
   //   console.log("ASDASD");
@@ -173,7 +173,7 @@ export async function startBunDevServer(serverConfig: BunDevServerConfig) {
     publishOutputLogs(output, event);
     publishIndexHTML(output, event);
     if (finalConfig.writeManifest) {
-      writeManifest(output, dst, finalConfig.manifestName);
+      writeManifest(output, dst, finalConfig.manifestWithHash, finalConfig.manifestName);
     }
     if (finalConfig.reloadOnChange) {
       bunServer.publish("message", JSON.stringify({ type: "reload" }));

package/package.json

@@ -6,7 +6,14 @@
     "type": "git",
     "url": "https://github.com/SPWizard01/bun-dev-server"
   },
-  "version": "0.1.0",
+  "keywords": [
+    "bun",
+    "devserver",
+    "hmr",
+    "reload",
+    "hot"
+  ],
+  "version": "0.3.0",
   "module": "index.ts",
   "type": "module",
   "license": "MIT",
@@ -17,7 +24,7 @@
     "@types/bun": "latest"
   },
   "peerDependencies": {
-    "typescript": "^5.6.3"
+    "typescript": "^5.7.2"
   },
   "dependencies": {
     "ejs": "^3.1.10",