bun-plugin-stx 0.2.86 → 0.2.87

package/dist/{chunk-394anrmt.js → chunk-kgzhgwc6.js}

@@ -657,18 +657,24 @@ function getRouterScript() {
   // rather than a Map to keep the diff localized and the runtime
   // hand-minified shape consistent.
   var cacheOrder=[];
-  function setCache(key,html,layout,group){
+  function setCache(key,html,layout,group,title){
     if(!(key in cache))cacheOrder.push(key);
     cache[key]=html;
     layoutCache[key]=layout;
     layoutGroupCache[key]=group;
+    titleCache[key]=title||'';
     while(cacheOrder.length>o.prefetchCacheMax){
       var oldest=cacheOrder.shift();
       delete cache[oldest];
       delete layoutCache[oldest];
       delete layoutGroupCache[oldest];
+      delete titleCache[oldest];
     }
   }
+  // Apply a page title captured from the fragment response's X-STX-Title
+  // header (URI-encoded) so SPA swaps keep document.title in sync with the
+  // page \u2014 full-document swaps set the title from the <title> tag directly.
+  function applyTitle(t){if(t){try{document.title=decodeURIComponent(t)}catch(e){document.title=t}}}
   function touchCache(key){
     var i=cacheOrder.indexOf(key);
     if(i>=0){cacheOrder.splice(i,1);cacheOrder.push(key)}
@@ -679,6 +685,7 @@ function getRouterScript() {
     delete cache[key];
     delete layoutCache[key];
     delete layoutGroupCache[key];
+    delete titleCache[key];
   }
 
   // Extract top-level CSS blocks (rules AND @media blocks with nested braces).
@@ -731,6 +738,7 @@ function getRouterScript() {
   // Only truly different layout groups trigger a full page reload.
   var layoutCache={};
   var layoutGroupCache={};
+  var titleCache={};
   // Track executed script hashes to prevent redeclaration errors on navigation.
   // Layout-level scripts (theme, nav setup) execute on initial page load and
   // should NOT re-execute when navigating to another page with the same layout.
@@ -851,6 +859,7 @@ function getRouterScript() {
         return;
       }
       swap(cache[targetPath],targetPath,pushState,targetHash);
+      applyTitle(titleCache[targetPath]);
       done();
     }
 else {
@@ -864,6 +873,7 @@ else {
         var isFragment=wantsFragment&&r.headers.get('X-STX-Fragment')==='true';
         var newLayout=r.headers.get('X-STX-Layout')||'';
         var newGroup=r.headers.get('X-STX-Layout-Group')||'';
+        var newTitle=r.headers.get('X-STX-Title')||'';
         // Layout change? Fetch the FULL page (no X-STX-Router header) and do full document swap
         if(isFragment&&checkLayoutChange(newLayout,url,newGroup)){
           log('[router] layout change \u2014 fetching full page for document swap');
@@ -872,16 +882,19 @@ else {
             if(!fullRes.ok)throw new Error(fullRes.status);
             return fullRes.text().then(function(html){
               log('[router] full page html length:',html.length);
-              return{html:html,isFragment:false,layout:newLayout,layoutGroup:newGroup};
+              return{html:html,isFragment:false,layout:newLayout,layoutGroup:newGroup,title:newTitle};
             });
           });
         }
-        return r.text().then(function(html){return{html:html,isFragment:isFragment,layout:newLayout,layoutGroup:newGroup}});
+        return r.text().then(function(html){return{html:html,isFragment:isFragment,layout:newLayout,layoutGroup:newGroup,title:newTitle}});
       }).then(function(result){
         if(!result)return;
         if(result.isFragment)result.html='<!--stx-fragment-->'+result.html;
-        if(o.cache)setCache(targetPath,result.html,result.layout,result.layoutGroup);
+        if(o.cache)setCache(targetPath,result.html,result.layout,result.layoutGroup,result.title);
         swap(result.html,targetPath,pushState,targetHash);
+        // Fragment swaps carry no <head>; apply the title from the header.
+        // Full-document swaps already set document.title from the <title> tag.
+        if(result.isFragment)applyTitle(result.title);
       }).catch(function(err){
         console.error('[router] fetch error:',err);
         location.href=url;
@@ -1316,9 +1329,10 @@ else {
         var isFrag=wantsFragment&&r.headers.get('X-STX-Fragment')==='true';
         var pLayout=r.headers.get('X-STX-Layout')||'';
         var pGroup=r.headers.get('X-STX-Layout-Group')||'';
-        return r.text().then(function(html){return{html:isFrag?'<!--stx-fragment-->'+html:html,layout:pLayout,layoutGroup:pGroup}});
+        var pTitle=r.headers.get('X-STX-Title')||'';
+        return r.text().then(function(html){return{html:isFrag?'<!--stx-fragment-->'+html:html,layout:pLayout,layoutGroup:pGroup,title:pTitle}});
       }).then(function(result){
-        if(o.cache)setCache(key,result.html,result.layout,result.layoutGroup);
+        if(o.cache)setCache(key,result.html,result.layout,result.layoutGroup,result.title);
       }).catch(function(){}).finally(function(){delete prefetching[key]});
     },true);
   }
@@ -1415,7 +1429,7 @@ else {
       var key=cacheKey(url);
       if(!cache[key]){
         var wantsFragment=shouldUseFragmentResponse();
-        fetch(url,{headers:wantsFragment?{'X-STX-Router':'true'}:{'Accept':'text/html'}}).then(function(r){var isFrag=wantsFragment&&r.headers.get('X-STX-Fragment')==='true';var pLayout=r.headers.get('X-STX-Layout')||'';var pGroup=r.headers.get('X-STX-Layout-Group')||'';return r.text().then(function(html){return{html:isFrag?'<!--stx-fragment-->'+html:html,layout:pLayout,layoutGroup:pGroup}})}).then(function(result){setCache(key,result.html,result.layout,result.layoutGroup)}).catch(function(){});
+        fetch(url,{headers:wantsFragment?{'X-STX-Router':'true'}:{'Accept':'text/html'}}).then(function(r){var isFrag=wantsFragment&&r.headers.get('X-STX-Fragment')==='true';var pLayout=r.headers.get('X-STX-Layout')||'';var pGroup=r.headers.get('X-STX-Layout-Group')||'';var pTitle=r.headers.get('X-STX-Title')||'';return r.text().then(function(html){return{html:isFrag?'<!--stx-fragment-->'+html:html,layout:pLayout,layoutGroup:pGroup,title:pTitle}})}).then(function(result){setCache(key,result.html,result.layout,result.layoutGroup,result.title)}).catch(function(){});
       }
     },
     clearCache:function(){for(var k in cache)delete cache[k];for(var lk in layoutCache)delete layoutCache[lk];for(var gk in layoutGroupCache)delete layoutGroupCache[gk];cacheOrder.length=0},

package/dist/serve.js

@@ -9275,7 +9275,7 @@ After installing: bun add bun-plugin-stx`);
     pageMiddlewarePatterns.length = 0;
     await Promise.all(files.map((f) => detectPageMiddleware(f)));
     try {
-      const { Router } = await import("./chunk-394anrmt.js");
+      const { Router } = await import("./chunk-kgzhgwc6.js");
       const pagesDirs = patterns.map((p) => p.replace(/\/$/, "")).filter(Boolean);
       const router = new Router(process19.cwd(), { pagesDirs });
       if (!options.quiet)
@@ -10151,12 +10151,15 @@ ${fragment}
 ${clearStale}
 ${pageSetupScripts.join(`
 `)}`;
+                  const titleMatch = content.match(/<title[^>]*>([\s\S]*?)<\/title>/i);
+                  const pageTitle = titleMatch ? titleMatch[1].trim() : "";
                   return new Response(fragment, {
                     headers: {
                       "Content-Type": "text/html; charset=utf-8",
                       "X-STX-Fragment": "true",
                       "X-STX-Layout": pageLayout,
                       "X-STX-Layout-Group": pageLayoutGroup,
+                      ...pageTitle && { "X-STX-Title": encodeURIComponent(pageTitle) },
                       "Cache-Control": "no-store",
                       ...corsHeaders
                     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bun-plugin-stx",
   "type": "module",
-  "version": "0.2.86",
+  "version": "0.2.87",
   "description": "A Bun plugin that allows for using Laravel Blade-like syntax.",
   "author": "Chris Breuer <chris@stacksjs.org>",
   "license": "MIT",