bun-plugin-stx 0.2.735 → 0.2.736

package/README.md

@@ -55,6 +55,11 @@ like `componentsDir`, whether configured in `stx.config.ts` or passed to
 update. These roots do not need a duplicate `watchDirs` entry. Missing roots
 are tolerated; resolution order and app overrides are unchanged.
 
+Page roots in `patterns` are watched as well. Removing an app override file or
+directory re-resolves the route against the remaining roots, including the
+fallback page's middleware. Recreating the override restores its precedence
+without restarting the development server.
+
 ## Usage with ESM
 
 ### 1. Configure Bun to use the plugin

package/dist/serve.js

@@ -9791,14 +9791,21 @@ function __stxOverlay(errs){
     currentBuildErrors = errors;
     broadcastHmr({ type: "build-error", errors });
   }
-  const watchersStarted = new Set;
+  const watchersStarted = new Map;
+  const clearRenderCaches = () => {
+    htmlCache.clear();
+    cssCssCache.clear();
+    resolvedStxModule?.clearDevCaches?.();
+    resolvedStxModule?.clearStoreCache?.();
+    resolvedStxModule?.clearComposableCache?.();
+  };
   const startWatcher = (dir) => {
     if (production)
       return;
     if (watchersStarted.has(dir))
       return;
     try {
-      const watcher = fsWatch(dir, { recursive: true }, (_event, filename) => {
+      const watcher = fsWatch(dir, { recursive: true }, (event, filename) => {
         if (!filename)
           return;
         const f = String(filename);
@@ -9807,16 +9814,13 @@ function __stxOverlay(errs){
         const isData = f.endsWith(".json");
         const isCss = f.endsWith(".css");
         const isAsset = isCss || isCode || f.endsWith(".jpg") || f.endsWith(".jpeg") || f.endsWith(".png") || f.endsWith(".gif") || f.endsWith(".svg") || f.endsWith(".webp") || f.endsWith(".avif") || f.endsWith(".woff") || f.endsWith(".woff2") || f.endsWith(".ttf") || f.endsWith(".otf");
-        if (!isStxLike && !isAsset && !isData)
+        const topologyChanged = event === "rename";
+        if (!isStxLike && !isAsset && !isData && !topologyChanged)
           return;
-        if (isStxLike || isCode || isData) {
-          if (isStxLike)
+        if (isStxLike || isCode || isData || topologyChanged) {
+          if (isStxLike || topologyChanged)
             sourceFiles = null;
-          htmlCache.clear();
-          cssCssCache.clear();
-          resolvedStxModule?.clearDevCaches?.();
-          resolvedStxModule?.clearStoreCache?.();
-          resolvedStxModule?.clearComposableCache?.();
+          clearRenderCaches();
           if (layoutsDir && f.endsWith(".stx") && nodePath.resolve(f).startsWith(nodePath.resolve(layoutsDir)))
             writeLayoutTypes();
         }
@@ -9833,7 +9837,30 @@ function __stxOverlay(errs){
           broadcastHmr({ type: "reload", file: f });
       });
       watcher.on("error", () => {});
-      watchersStarted.add(dir);
+      watchersStarted.set(dir, watcher);
+    } catch {}
+  };
+  const pageRootWatchersStarted = new Set;
+  const watchPageRoot = (dir) => {
+    if (production || pageRootWatchersStarted.has(dir))
+      return;
+    const absolute = nodePath.resolve(dir);
+    const parent = nodePath.dirname(absolute);
+    if (parent === absolute)
+      return;
+    try {
+      const watcher = fsWatch(parent, { recursive: false }, (event, filename) => {
+        if (event !== "rename" || String(filename) !== nodePath.basename(absolute))
+          return;
+        watchersStarted.get(dir)?.close();
+        watchersStarted.delete(dir);
+        startWatcher(dir);
+        sourceFiles = null;
+        clearRenderCaches();
+        broadcastHmr({ type: "reload", file: dir });
+      });
+      watcher.on("error", () => {});
+      pageRootWatchersStarted.add(dir);
     } catch {}
   };
   const writeLayoutTypes = async () => {
@@ -10138,6 +10165,8 @@ function __stxOverlay(errs){
     for (const pattern of patterns) {
       try {
         const stat = await nodeFs.stat(pattern).catch(() => null);
+        if (stat?.isDirectory() || !stat && !pattern.includes("*") && !supportedExtensions.some((ext) => pattern.endsWith(ext)))
+          watchPageRoot(pattern);
         if (stat?.isDirectory()) {
           startWatcher(pattern);
           const excludeDirs = ["layouts", "components", "partials"];
@@ -11140,6 +11169,7 @@ ${block}`;
                 if (hookResult && typeof hookResult === "object")
                   Object.assign(reqCtx, hookResult);
               }
+              await discoverFiles();
               const route = resolveRouteMiddleware(path);
               const extraNames = extraProtectedPrefixes.some((p) => path === p || path.startsWith(p.endsWith("/") ? p : `${p}/`)) ? ["auth"] : [];
               const requested = [...globalMiddlewareNames, ...route.names, ...extraNames];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bun-plugin-stx",
   "type": "module",
-  "version": "0.2.735",
+  "version": "0.2.736",
   "description": "A Bun plugin that allows for using Laravel Blade-like syntax.",
   "author": "Chris Breuer <chris@stacksjs.org>",
   "license": "MIT",
@@ -74,7 +74,7 @@
     "typecheck": "bun tsc --noEmit"
   },
   "dependencies": {
-    "@stacksjs/stx": "0.2.735",
-    "stx-router": "0.2.735"
+    "@stacksjs/stx": "0.2.736",
+    "stx-router": "0.2.736"
   }
 }