bun-dev-server 1.0.1 → 1.0.3

package/dist/buildManager.d.ts

@@ -8,13 +8,18 @@ import { type BunDevServerConfig } from "./bunServeConfig";
  * @returns A p-queue instance configured for throttled builds
  */
 export declare function getThrottledBuildQueue(serverConfig: BunDevServerConfig): pqueue;
+export interface BuildEnvPaths {
+    buildDestination: string;
+    serveDestination: string;
+    watchDestination: string;
+}
 /**
  * Build and notify clients about the build result
  * @param importerMeta - The ImportMeta object from the caller
  * @param finalConfig - The final server configuration
- * @param destinationPath - The absolute path to the output directory
+ * @param buildDestination - The absolute path to the output directory
  * @param buildCfg - The build configuration
  * @param bunServer - The Bun server instance
  * @param event - The file change event that triggered the build
  */
-export declare function cleanBuildAndNotify(importerMeta: ImportMeta, finalConfig: BunDevServerConfig, destinationPath: string, buildCfg: BuildConfig, bunServer: Server<any>, event: FileChangeInfo<string>): Promise<void>;
+export declare function cleanBuildAndNotify(importerMeta: ImportMeta, finalConfig: BunDevServerConfig, paths: BuildEnvPaths, buildCfg: BuildConfig, bunServer: Server<any>, event: FileChangeInfo<string>): Promise<void>;

package/dist/bunServeConfig.d.ts

@@ -3,7 +3,9 @@ import type { FileChangeInfo } from "fs/promises";
 export interface BuildEnv {
     importerMeta: ImportMeta;
     finalConfig: BunDevServerConfig;
-    destinationPath: string;
+    buildDestination: string;
+    serveDestination: string;
+    watchDestination: string;
     buildCfg: BuildConfig;
     bunServer: Server<any>;
     event: FileChangeInfo<any>;
@@ -98,6 +100,13 @@ export interface BunDevServerConfig extends Partial<BunServeConfig> {
      * Whether to clean the `servePath` before building a new batch.
      */
     cleanServePath?: boolean;
+    /**
+     * Whether to clean the `outdir` before building a new batch.
+     *
+     * If `outdir` is under `servePath` and `cleanServePath` is true,
+     * then `outdir` will be cleaned regardless.
+     */
+    cleanBuildPath?: boolean;
     /**
      * The EJS template used for the output of the `/` path on the server.
      * When supplying your own template, the properties that are provided during rendering are `files` and `dirs` both are arrays.

package/dist/configManager.d.ts

@@ -5,8 +5,9 @@ import { type BuildConfig } from "bun";
 import { type BunDevServerConfig } from "./bunServeConfig";
 export interface PreparedConfig {
     finalConfig: BunDevServerConfig;
-    destinationPath: string;
-    srcWatch: string;
+    serveDestination: string;
+    buildDestination: string;
+    watchDestination: string;
     buildCfg: BuildConfig;
 }
 /**

package/dist/fileWatcher.d.ts

@@ -1,12 +1,13 @@
 import { type BuildConfig, type Server } from "bun";
 import { type BunDevServerConfig } from "./bunServeConfig";
+import { type BuildEnvPaths } from "./buildManager";
 /**
  * Start watching a directory for changes and trigger builds
  * @param srcWatch - The absolute path to watch for changes
  * @param importMeta - The ImportMeta object from the caller
  * @param finalConfig - The final server configuration
- * @param destinationPath - The absolute path to the output directory
+ * @param buildDestination - The absolute path to the output directory
  * @param buildCfg - The build configuration
  * @param bunServer - The Bun server instance
  */
-export declare function startFileWatcher(srcWatch: string, importMeta: ImportMeta, finalConfig: BunDevServerConfig, destinationPath: string, buildCfg: BuildConfig, bunServer: Server<any>): Promise<void>;
+export declare function startFileWatcher(srcWatch: string, importMeta: ImportMeta, finalConfig: BunDevServerConfig, paths: BuildEnvPaths, buildCfg: BuildConfig, bunServer: Server<any>): Promise<void>;

package/dist/index.css

@@ -0,0 +1,164 @@
+/* src/static/serveOutputStyles.css */
+:root {
+  color-scheme: light dark;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  color: #0f172a;
+  background: #f8fafc;
+  margin: 0;
+  padding: 2.5rem 1.5rem 3rem;
+  font: 15px / 1.5 Segoe UI, Tahoma, sans-serif;
+}
+
+@media (prefers-color-scheme: dark) {
+  body {
+    color: #e2e8f0;
+    background: #0f172a;
+  }
+}
+
+.wrapper {
+  -webkit-backdrop-filter: blur(6px);
+  backdrop-filter: blur(6px);
+  background: #ffffffd9;
+  border-radius: 16px;
+  max-width: 960px;
+  margin: 0 auto;
+  padding: 2rem;
+  box-shadow: 0 20px 45px #0f172a1f;
+}
+
+@media (prefers-color-scheme: dark) {
+  .wrapper {
+    background: #0f172aad;
+    box-shadow: 0 20px 45px #0f172aa6;
+  }
+}
+
+header {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  margin-bottom: 1.75rem;
+}
+
+h1 {
+  letter-spacing: -.02em;
+  margin: 0;
+  font-size: 1.75rem;
+}
+
+.breadcrumbs {
+  display: flex;
+  color: inherit;
+  flex-wrap: wrap;
+  align-items:  center;
+  gap: .5rem;
+  font-size: .95rem;
+}
+
+.breadcrumbs span {
+  opacity: .7;
+}
+
+a {
+  color: #2563eb;
+  text-decoration: none;
+}
+
+a:hover, a:focus-visible {
+  text-decoration: underline;
+}
+
+.listing {
+  display: grid;
+  gap: .75rem;
+}
+
+.item {
+  display: flex;
+  background: #0f172a05;
+  border: 1px solid #0f172a14;
+  border-radius: 12px;
+  align-items:  center;
+  gap: .9rem;
+  padding: .85rem 1rem;
+  transition: transform .15s, box-shadow .15s, border-color .15s;
+}
+
+.item:hover, .item:focus-visible {
+  background: #2563eb14;
+  border-color: #2563eb66;
+  transform: translateY(-2px);
+  box-shadow: 0 12px 25px #2563eb26;
+}
+
+.item .icon {
+  opacity: .85;
+  object-fit: contain;
+  flex: none;
+  width: 28px;
+  height: 28px;
+}
+
+.item .text {
+  display: flex;
+  flex-direction: column;
+  gap: .2rem;
+}
+
+.item .name {
+  word-break: break-word;
+  font-size: 1rem;
+  font-weight: 600;
+}
+
+.item .meta {
+  text-transform: uppercase;
+  letter-spacing: .08em;
+  opacity: .6;
+  font-size: .78rem;
+}
+
+.empty {
+  text-align: center;
+  opacity: .7;
+  border: 1px dashed #0f172a33;
+  border-radius: 12px;
+  margin: 0;
+  padding: 1.5rem;
+}
+
+@media (prefers-color-scheme: dark) {
+  .item {
+    background: #94a3b80f;
+    border-color: #e2e8f014;
+  }
+
+  .item:hover, .item:focus-visible {
+    background: #3b82f633;
+    border-color: #60a5fa73;
+    box-shadow: 0 12px 25px #0f172a80;
+  }
+
+  .empty {
+    border-color: #e2e8f02e;
+  }
+}
+
+.back-link {
+  display: inline-flex;
+  align-items:  center;
+  gap: .35rem;
+  font-size: .95rem;
+}
+
+.back-link svg {
+  width: 20px;
+  height: 20px;
+}