bun-plugin-stx 0.2.339 → 0.2.341

package/dist/{chunk-zd4nfpfq.js → chunk-nr0dabfh.js}

@@ -2696,26 +2696,58 @@ else {
     navigate(location.pathname+location.search+location.hash,false);
   });
 
-  // \u2500\u2500 Prefetch on hover \u2500\u2500
+  // \u2500\u2500 Prefetch \u2500\u2500
+  // A link's page, fetched before it is followed into the cache navigate
+  // reads, so following it is a swap rather than a round trip.
+  function prefetchLink(link){
+    // Same opt-out set as the click path. Without it, hovering a link the
+    // router is not allowed to claim still fired a real GET at it \u2014 a
+    // logout or OAuth URL was requested on hover alone.
+    if(isRouterExcluded(link))return;
+    var href=withCurrentLocale(link.getAttribute('href'));
+    var key=cacheKey(href);
+    if(cache[key]||prefetching[key])return;
+    prefetching[key]=true;
+    var wantsFragment=shouldUseFragmentResponse();
+    fetch(href,{headers:wantsFragment?{'X-STX-Router':'true','Accept':'text/html'}:{'Accept':'text/html'}}).then(function(r){
+      return readPrefetchResponse(r,wantsFragment);
+    }).then(function(result){
+      if(result&&o.cache)setCache(key,result.html,result.layout,result.layoutGroup,result.title,result.containerAttrs);
+    }).catch(function(){}).finally(function(){delete prefetching[key]});
+  }
+
+  // Links marked data-stx-prefetch="eager", fetched once the page is idle, so
+  // even their first tap is served from the cache: the way a phone's tab bar
+  // switches instantly. Not on a connection that asked to save data.
+  var eagerQueued=false;
+  function prefetchEager(){
+    if(!o.prefetch||!o.cache||eagerQueued)return;
+    eagerQueued=true;
+    var run=function(){
+      eagerQueued=false;
+      var connection=navigator.connection;
+      if(connection&&(connection.saveData||/2g/.test(connection.effectiveType||'')))return;
+      var here=cacheKey(location.pathname+location.search);
+      var links=document.querySelectorAll('[data-stx-link][data-stx-prefetch="eager"]');
+      for(var i=0;i<links.length;i++){
+        var href=links[i].getAttribute('href');
+        if(href&&cacheKey(withCurrentLocale(href))!==here)prefetchLink(links[i]);
+      }
+    };
+    if(window.requestIdleCallback)window.requestIdleCallback(run,{timeout:2000});
+    else setTimeout(run,300);
+  }
+
   if(o.prefetch){
-    document.addEventListener('mouseover',function(e){
+    // A mouse hovers before it clicks. A finger does not hover, but it
+    // touches down a tap's length before the click: start the fetch there.
+    var onIntent=function(e){
       if(!e.target||!e.target.closest)return;
-      var link=e.target.closest('[data-stx-link]');
-      // Same opt-out set as the click path. Without it, hovering a link the
-      // router is not allowed to claim still fired a real GET at it \u2014 a
-      // logout or OAuth URL was requested on hover alone.
-      if(isRouterExcluded(link))return;
-      var href=withCurrentLocale(link.getAttribute('href'));
-      var key=cacheKey(href);
-      if(cache[key]||prefetching[key])return;
-      prefetching[key]=true;
-      var wantsFragment=shouldUseFragmentResponse();
-      fetch(href,{headers:wantsFragment?{'X-STX-Router':'true','Accept':'text/html'}:{'Accept':'text/html'}}).then(function(r){
-        return readPrefetchResponse(r,wantsFragment);
-      }).then(function(result){
-        if(result&&o.cache)setCache(key,result.html,result.layout,result.layoutGroup,result.title,result.containerAttrs);
-      }).catch(function(){}).finally(function(){delete prefetching[key]});
-    },true);
+      prefetchLink(e.target.closest('[data-stx-link]'));
+    };
+    document.addEventListener('mouseover',onIntent,true);
+    document.addEventListener('touchstart',onIntent,{capture:true,passive:true});
+    window.addEventListener('stx:load',prefetchEager);
   }
 
   // \u2500\u2500 Active link management \u2500\u2500
@@ -2917,6 +2949,7 @@ else {
     injectStyles();
     injectViewTransitionCSS();
     refreshCurrentLinks();
+    prefetchEager();
   }
 
   if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();

package/dist/serve.d.ts

@@ -275,6 +275,8 @@ export declare const ROUTE_PARAMS_PLACEHOLDER: '__STX_ROUTE_PARAMS__';
 export declare const CSRF_COOKIE: 'X-CSRF-Token';
 /** `/_stx/runtime.js`, `/_stx/router.<16 hex>.js`, … — the shared client scripts. */
 export declare const SHARED_SCRIPT_PATH: unknown;
+/** `/_stx/modules.<16 hex>.js` — a page's module bundle, named by its content. */
+export declare const MODULE_BUNDLE_PATH: unknown;
 /** Default for `imageWarmupBindBudgetMs`: well inside ts-cloud's 180s bind window. */
 export declare const DEFAULT_IMAGE_WARMUP_BIND_BUDGET_MS: unknown;
 /**

package/dist/serve.js

@@ -8970,6 +8970,7 @@ function staticCacheControl(pathname, production = isProductionServe()) {
   return fingerprinted ? "public, max-age=31536000, immutable" : "public, max-age=3600";
 }
 var SHARED_SCRIPT_PATH = /^\/_stx\/(runtime|router)(?:\.([0-9a-f]{16}))?\.js$/;
+var MODULE_BUNDLE_PATH = /^\/_stx\/modules\.([0-9a-f]{16})\.js$/;
 function sharedScriptCacheControl(requestedHash, currentHash) {
   return requestedHash === currentHash ? "public, max-age=31536000, immutable" : "no-cache";
 }
@@ -9791,7 +9792,7 @@ function __stxOverlay(errs){
     rebuildDiscoveredPagePaths(kept);
     await indexPageMiddleware(kept);
     try {
-      const { Router } = await import("./chunk-zd4nfpfq.js");
+      const { Router } = await import("./chunk-nr0dabfh.js");
       const pagesDirs = patterns.map((p) => p.replace(/\/$/, "")).filter(Boolean);
       const router = new Router(process19.cwd(), { pagesDirs, stateDir: stateDirName(), exclude: options.exclude });
       if (!options.quiet)
@@ -10567,6 +10568,25 @@ ${block}`;
                     }
                   });
                 }
+                const moduleBundle = path.match(MODULE_BUNDLE_PATH);
+                if (moduleBundle) {
+                  const stx = await stxModule;
+                  const content2 = stx.getServeModuleBundle(moduleBundle[1]);
+                  if (content2 === undefined)
+                    return new Response("/* stx: unknown module bundle */", { status: 404, headers: { "Content-Type": "application/javascript; charset=utf-8", "Cache-Control": "no-store", ...corsHeaders } });
+                  const etag = `"${moduleBundle[1]}"`;
+                  const headers = {
+                    "Content-Type": "application/javascript; charset=utf-8",
+                    "Cache-Control": "public, max-age=31536000, immutable",
+                    ETag: etag,
+                    ...corsHeaders
+                  };
+                  if (req.headers.get("if-none-match") === etag)
+                    return new Response(null, { status: 304, headers });
+                  if (req.method === "HEAD")
+                    return new Response(null, { headers });
+                  return new Response(content2, { headers });
+                }
                 const sharedScript = path.match(SHARED_SCRIPT_PATH);
                 if (sharedScript) {
                   const stx = await stxModule;
@@ -11333,6 +11353,7 @@ export {
   boundedCache,
   SHARED_SCRIPT_PATH,
   ROUTE_PARAMS_PLACEHOLDER,
+  MODULE_BUNDLE_PATH,
   DEFAULT_IMAGE_WARMUP_BIND_BUDGET_MS,
   CSRF_COOKIE
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bun-plugin-stx",
   "type": "module",
-  "version": "0.2.339",
+  "version": "0.2.341",
   "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.339",
-    "stx-router": "0.2.339"
+    "@stacksjs/stx": "0.2.341",
+    "stx-router": "0.2.341"
   }
 }