bun-plugin-stx 0.2.337 → 0.2.339

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

@@ -651,6 +651,51 @@ async function runMiddleware(middlewareNames, context) {
 }
 // ../router/src/client.ts
 var cachedRouterScript;
+var cachedRouterScriptDev;
+function stripRouterLogs(source) {
+  const out = [];
+  const needle = "log(";
+  let i = 0;
+  while (i < source.length) {
+    const hit = source.indexOf(needle, i);
+    if (hit === -1) {
+      out.push(source.slice(i));
+      break;
+    }
+    const before = hit > 0 ? source[hit - 1] : " ";
+    const isDeclaration = /\bfunction\s+$/.test(source.slice(Math.max(0, hit - 16), hit));
+    if (/[\w$.]/.test(before) || isDeclaration) {
+      out.push(source.slice(i, hit + needle.length));
+      i = hit + needle.length;
+      continue;
+    }
+    out.push(source.slice(i, hit));
+    let depth = 1;
+    let j = hit + needle.length;
+    while (j < source.length && depth > 0) {
+      const character = source[j];
+      if (character === '"' || character === "'" || character === "`") {
+        const quote = character;
+        j++;
+        while (j < source.length && source[j] !== quote) {
+          if (source[j] === "\\")
+            j++;
+          j++;
+        }
+        j++;
+        continue;
+      }
+      if (character === "(")
+        depth++;
+      else if (character === ")")
+        depth--;
+      j++;
+    }
+    out.push("0");
+    i = j;
+  }
+  return out.join("");
+}
 function minifyRouterScript(source) {
   try {
     const transpiler = new Bun.Transpiler({ loader: "js", minifyWhitespace: true });
@@ -659,22 +704,109 @@ function minifyRouterScript(source) {
     return source;
   }
 }
-function getRouterScript() {
-  if (cachedRouterScript)
-    return cachedRouterScript;
-  const source = `
+function routerSource() {
+  return `
 ;(function(){
   'use strict';
   var ROUTER_REV=7;
   if(window.__stxRouter&&window.__stxRouter.__rev===ROUTER_REV)return;
 
   // \u2500\u2500 Configuration \u2500\u2500
-  var defaults={container:'main',loadingClass:'stx-navigating',viewTransitions:true,cache:true,scrollToTop:true,prefetch:true,progress:true,progressColor:'#78dce8',progressHeight:'2px',interceptAllLinks:false,prefetchCacheMax:50,routeFocus:true,announceRoute:true,interceptForms:false,cssLoadTimeout:1500};
+  var defaults={container:'main',loadingClass:'stx-navigating',viewTransitions:true,cache:true,scrollToTop:true,prefetch:true,progress:true,progressColor:'#78dce8',progressHeight:'2px',interceptAllLinks:false,prefetchCacheMax:50,routeFocus:true,announceRoute:true,interceptForms:false,cssLoadTimeout:1500,scrollRestoration:true};
   var o=Object.assign({},defaults,window.__stxRouterConfig||{},window.STX_ROUTER_OPTIONS||{});
   var containerSel=o.container;
   var debug=!!o.debug;
   function log(){if(debug&&typeof console!=='undefined'&&console.log)console.log.apply(console,arguments)}
 
+  // Shorthands for the document-rooted queries this script makes ~33 times.
+  // Every page carries these bytes, and the budget in
+  // scripts/performance-budgets.ts is what noticed.
+  var LAYOUT_META='meta[name="stx-layout"]';
+  var LAYOUT_GROUP_META='meta[name="stx-layout-group"]';
+  var BUILD_META='meta[name="stx-build"]';
+  function qs(sel){return document.querySelector(sel)}
+  function qsa(sel){return document.querySelectorAll(sel)}
+  function ce(tag){return document.createElement(tag)}
+  function dhead(){return document.head}
+
+  // \u2500\u2500 Scroll position \u2500\u2500
+  // Forward navigation goes to the top, or to the hash. Back and forward return
+  // to where the entry was left -- the browser cannot do that for us, because
+  // by the time it would restore, the content of the entry has not been fetched
+  // yet, so it clamps to whatever height the outgoing page happened to have.
+  // history.scrollRestoration therefore goes to manual and the positions are
+  // kept here, keyed by a token written into each history entry (two entries
+  // for the same URL keep their own positions, which is the point).
+  //
+  // Manual restoration also takes the browser's reload behaviour away, so the
+  // positions are mirrored into sessionStorage: a reload, or a return to the
+  // tab, finds the entry's token already in history.state and restores from
+  // there. sessionStorage is per tab and dies with it, same as the history.
+  var SCROLL_TOKEN='__stxScroll';
+  var SCROLL_STORE='stx:scroll:';
+  var scrollSeq=0;
+  var pendingScroll=null;
+  var restoreScroll=!!o.scrollRestoration;
+  function newScrollToken(){return 's'+(++scrollSeq)+'-'+Date.now()}
+  var scrollToken=(history.state&&history.state[SCROLL_TOKEN])||newScrollToken();
+  // sessionStorage is the only store: it is synchronous, it is per tab, it dies
+  // with the tab exactly as the history does, and it is the one that survives a
+  // reload. A private window that refuses it degrades to scrolling to the top.
+  function readScroll(token){
+    try{
+      var parts=(window.sessionStorage.getItem(SCROLL_STORE+token)||'').split(',');
+      return parts.length===2?[parseFloat(parts[0])||0,parseFloat(parts[1])||0]:null;
+    }catch(e){return null}
+  }
+  // Called while the outgoing entry is still the current one, so the position
+  // read here belongs to the token being written.
+  function rememberScroll(){
+    if(!restoreScroll)return;
+    try{window.sessionStorage.setItem(SCROLL_STORE+scrollToken,(window.pageXOffset||window.scrollX||0)+','+(window.pageYOffset||window.scrollY||0))}catch(e){}
+  }
+  // One place decides where a swap leaves the viewport, so the fragment path
+  // and the whole-document path cannot drift apart.
+  function applyScroll(hash){
+    if(pendingScroll){
+      var at=pendingScroll;
+      pendingScroll=null;
+      window.scrollTo({left:at[0],top:at[1],behavior:'instant'});
+      return;
+    }
+    if(o.scrollToTop&&!hash){window.scrollTo({top:0,behavior:'instant'});return}
+    if(hash){var el=qs(hash);if(el)el.scrollIntoView({behavior:'smooth'})}
+  }
+  // Keeps whatever another script put in the entry; only adds the token.
+  function stampScrollToken(){
+    var state={};
+    var current=history.state;
+    if(current&&typeof current==='object')for(var key in current)state[key]=current[key];
+    state[SCROLL_TOKEN]=scrollToken;
+    try{history.replaceState(state,'',location.href)}catch(e){}
+  }
+  if(restoreScroll){
+    try{history.scrollRestoration='manual'}catch(e){}
+    // A token already in the entry means this document is a reload or a
+    // restore of an entry visited before, so its position is worth asking for.
+    var known=history.state&&history.state[SCROLL_TOKEN];
+    if(known){
+      var saved=readScroll(scrollToken);
+      if(saved&&(saved[0]||saved[1])){
+        var restoreAt=function(){window.scrollTo({left:saved[0],top:saved[1],behavior:'instant'})};
+        if(document.readyState==='complete')restoreAt();
+        else window.addEventListener('load',restoreAt,{once:true});
+      }
+    }
+    else{
+      stampScrollToken();
+    }
+    // A reload or a link out of the app never calls writeHistory, so this is
+    // the only chance to record where the page was left. pagehide fires for
+    // both, and unlike beforeunload it does not keep the page out of the
+    // back/forward cache.
+    window.addEventListener('pagehide',rememberScroll);
+  }
+
   // Replace, never merge: absent payloads must forget the outgoing page's data.
   // Run at the committed swap, not during prefetch or a superseded navigation.
   function hydrateServerData(html){
@@ -697,7 +829,7 @@ function getRouterScript() {
   // Conservative on purpose: act only when BOTH ids are known. A missing id is
   // "no information", never "mismatch", so statically hosted output (no headers)
   // and older servers behave exactly as before.
-  var buildMeta=document.querySelector('meta[name="stx-build"]');
+  var buildMeta=qs(BUILD_META);
   var loadedBuild=buildMeta?(buildMeta.getAttribute('content')||''):'';
   window.__stxBuild=loadedBuild;
   function isBuildSkew(incoming){
@@ -845,7 +977,7 @@ function getRouterScript() {
   function parseContainerAttrs(attrStr){
     var map={};
     if(!attrStr)return map;
-    var probe=document.createElement('div');
+    var probe=ce('div');
     probe.innerHTML='<i '+attrStr+'></i>';
     var src=probe.firstChild;
     // getAttributeNames first: it is the same standard DOM answer and it is
@@ -934,7 +1066,7 @@ function getRouterScript() {
   }
 
   function getContainer(){
-    return document.querySelector(containerSel)||document.querySelector('[data-stx-content]')||document.querySelector('main');
+    return qs(containerSel)||qs('[data-stx-content]')||qs('main');
   }
 
   // \u2500\u2500 Navigation \u2500\u2500
@@ -1018,7 +1150,7 @@ function getRouterScript() {
   // navigation. Scripts without an owner are unaffected.
   function ownerStays(owner){
     if(!owner)return false;
-    var root=document.querySelector('[data-stx-scope="'+owner+'"]');
+    var root=qs('[data-stx-scope="'+owner+'"]');
     return !root||typeof root.__stx_disposers==='function';
   }
   function hashScript(code){
@@ -1185,7 +1317,7 @@ function getRouterScript() {
     if(!key||loadedExternalScripts[key])return null;
     loadedExternalScripts[key]=1;
     return new Promise(function(resolve){
-      var el=document.createElement('script');
+      var el=ce('script');
       el.src=key;
       // Deliberately NOT data-stx-page: both swap paths clear those on every
       // navigation, which would sweep this away and \u2014 since it is never loaded
@@ -1194,12 +1326,12 @@ function getRouterScript() {
       el.setAttribute('data-stx-external','');
       el.onload=function(){resolve()};
       el.onerror=function(){log('[router] container script failed:',key);resolve()};
-      document.head.appendChild(el);
+      dhead().appendChild(el);
     });
   }
 
   // Record scripts from the initial page load
-  document.querySelectorAll('script').forEach(function(s){
+  qsa('script').forEach(function(s){
     var text=s.textContent||'';
     if(s.hasAttribute('src'))rememberExternalScript(s.getAttribute('src'));
     else if(text.trim())executedScriptHashes[hashScript(text)]=1;
@@ -1226,17 +1358,17 @@ function getRouterScript() {
     return part?part.replace(/\\.stx$/i,''):'app';
   }
   function getCurrentLayoutGroup(){
-    var meta=document.querySelector('meta[name="stx-layout-group"]');
+    var meta=qs(LAYOUT_GROUP_META);
     if(meta&&meta.getAttribute('content'))return meta.getAttribute('content');
-    var layout=document.querySelector('meta[name="stx-layout"]');
+    var layout=qs(LAYOUT_META);
     return defaultLayoutGroup(layout?layout.getAttribute('content'):'');
   }
   function getDocLayoutGroup(doc,layout){
-    var meta=doc&&doc.querySelector?doc.querySelector('meta[name="stx-layout-group"]'):null;
+    var meta=doc&&doc.querySelector?doc.querySelector(LAYOUT_GROUP_META):null;
     return meta&&meta.getAttribute('content')?meta.getAttribute('content'):defaultLayoutGroup(layout||'');
   }
   function checkLayoutChange(newLayout,targetUrl,newGroup){
-    var currentLayout=document.querySelector('meta[name="stx-layout"]');
+    var currentLayout=qs(LAYOUT_META);
     var curLayoutName=currentLayout?currentLayout.getAttribute('content'):'';
     var curGroup=getCurrentLayoutGroup();
     var nextGroup=newGroup||defaultLayoutGroup(newLayout);
@@ -1265,9 +1397,14 @@ function getRouterScript() {
   // through swap() to each of the three history sites would have been the
   // alternative (#1807).
   function writeHistory(mode,href){
-    if(mode==='replace')history.replaceState({},'',href);
-    else history.pushState({},'',href);
+    // The position belongs to the entry being left, and scrollToken still
+    // names it here.
+    rememberScroll();
+    if(mode==='replace'){history.replaceState(tokenState(),'',href);return}
+    scrollToken=newScrollToken();
+    history.pushState(tokenState(),'',href);
   }
+  function tokenState(){var state={};state[SCROLL_TOKEN]=scrollToken;return state}
 
   // Second arg accepts the legacy pushState boolean OR an options object
   // { replace }. Callers inside this file still pass the boolean.
@@ -1289,7 +1426,7 @@ function getRouterScript() {
 
     if(t.pathname===location.pathname&&t.hash){
       if(pushState!==false)writeHistory(pushState,t.href);
-      var el=document.querySelector(t.hash);
+      var el=qs(t.hash);
       if(el)el.scrollIntoView({behavior:'smooth'});
       return Promise.resolve(true);
     }
@@ -1434,7 +1571,7 @@ else {
   function routeAnnouncer(){
     var el=document.getElementById('stx-route-announcer');
     if(el)return el;
-    el=document.createElement('div');
+    el=ce('div');
     el.id='stx-route-announcer';
     el.setAttribute('aria-live','polite');
     el.setAttribute('role','status');
@@ -1467,7 +1604,7 @@ else {
   function focusAfterNavigation(hash){
     if(o.routeFocus===false)return;
     var target=null;
-    if(hash){try{target=document.querySelector(hash)}catch(e){target=null}}
+    if(hash){try{target=qs(hash)}catch(e){target=null}}
     if(!target)target=getContainer();
     if(!target||!target.focus)return;
     // The container is not naturally focusable. tabindex="-1" makes it
@@ -1490,7 +1627,7 @@ else {
   // be the last one, every navigation, not just the first time it is seen.
   function findGeneratedCss(abs){
     var found=null;
-    document.querySelectorAll('head link[data-css][href]').forEach(function(link){
+    qsa('head link[data-css][href]').forEach(function(link){
       if(new URL(link.getAttribute('href'),location.href).href!==abs)return;
       // Collapse duplicates, so moving one copy to the end can never leave an
       // older copy of the same sheet behind to fight it.
@@ -1519,7 +1656,7 @@ else {
         if(link.__stxCssReady)pending.push(link.__stxCssReady);
         return;
       }
-      link=document.createElement('link');
+      link=ce('link');
       link.setAttribute('data-css','generated');
       link.setAttribute('rel','stylesheet');
       link.setAttribute('href',new URL(href,location.href).href===abs?href:abs);
@@ -1540,7 +1677,7 @@ else {
         link.onerror=function(){finish(true)};
       });
       pending.push(link.__stxCssReady);
-      document.head.appendChild(link);
+      dhead().appendChild(link);
     });
     return pending.length?Promise.all(pending).then(function(results){return results.every(function(ok){return ok!==false})}):null;
   }
@@ -1576,7 +1713,7 @@ else {
         link.removeAttribute('data-stx-css-pending');
         link.removeAttribute('media');
       }
-      document.head.appendChild(link);
+      dhead().appendChild(link);
     });
   }
 
@@ -1689,18 +1826,18 @@ else {
         });
         cleanFrag=cleanFrag.replace(new RegExp('<!--stx-held-script-(\\\\d+)-->','g'),function(m,i){return heldScripts[Number(i)]});
         // Remove old page styles (not css \u2014 that gets merged)
-        document.querySelectorAll('style[data-stx-page]').forEach(function(s){s.remove()});
+        qsa('style[data-stx-page]').forEach(function(s){s.remove()});
         // Merge css CSS from fragment into existing css style
         if(fragCss){
-          var curCss=document.querySelector('head style[data-css]');
+          var curCss=qs('head style[data-css]');
           if(curCss){
             var merged=mergeCss(curCss.textContent||'',fragCss);
             if(merged)curCss.textContent=merged;
           }else{
-            var cw=document.createElement('style');
+            var cw=ce('style');
             cw.setAttribute('data-css','generated');
             cw.textContent=fragCss;
-            document.head.appendChild(cw);
+            dhead().appendChild(cw);
           }
         }
         // Already present ones are MOVED last, not skipped \u2014 see
@@ -1708,10 +1845,10 @@ else {
         promoteGeneratedCss(fragCssHrefs,location.href);
         // Add new page styles
         fragStyles.forEach(function(s){
-          var el=document.createElement('style');
+          var el=ce('style');
           el.textContent=s.css;
           el.setAttribute('data-stx-page','');
-          document.head.appendChild(el);
+          dhead().appendChild(el);
         });
         // Swap content \u2014 apply the destination container's own attributes first
         // so the incoming markup lands in a correctly-laid-out container instead
@@ -1719,11 +1856,10 @@ else {
         applyContainerAttrs(currentContent,pendingContainerAttrs);
         currentContent.innerHTML=cleanFrag;
         // Remove old page scripts
-        document.querySelectorAll('script[data-stx-page]').forEach(function(s){s.remove()});
+        qsa('script[data-stx-page]').forEach(function(s){s.remove()});
         if(pushState!==false)writeHistory(pushState,url+(hash||''));
         refreshCurrentLinks();
-        if(o.scrollToTop&&!hash)window.scrollTo({top:0,behavior:'instant'});
-        else if(hash){var el=document.querySelector(hash);if(el)el.scrollIntoView({behavior:'smooth'})}
+        applyScroll(hash);
         window.dispatchEvent(new CustomEvent('stx:navigate',{detail:{url:url}}));
         // Before page scripts run, so a page that focuses its own control on
         // mount still wins \u2014 its script executes after this.
@@ -1733,7 +1869,7 @@ else {
         setTimeout(announceRoute,0);
         // Execute page scripts FIRST \u2014 they define setup functions and set _latestSetup
         log('[router] frag scripts:', fragScripts.length);
-        document.querySelectorAll('script[data-stx-page]').forEach(function(s){s.remove()});
+        qsa('script[data-stx-page]').forEach(function(s){s.remove()});
         // The page's module registry first (#1957), setups last. A fragment
         // lists its scripts in document order, and the registry is emitted
         // after the content it serves: a component that imports a package ran
@@ -1745,11 +1881,11 @@ else {
         fragScripts.forEach(function(entry){
           var code=entry.text;
           log('[router] exec script len:', code.length, 'has __stx_setup:', code.indexOf('__stx_setup')>-1);
-          var placeholder=document.querySelector('script[data-stx-route-script="'+entry.slot+'"]');
+          var placeholder=qs('script[data-stx-route-script="'+entry.slot+'"]');
           var nestedScopedTemplate=false;
           var scopedLoopSetup=false;
           if(entry.scoped&&placeholder){
-            document.querySelectorAll('template').forEach(function(template){
+            qsa('template').forEach(function(template){
               if(template.contains(placeholder)||(template.content&&template.content.contains(placeholder)))
                 nestedScopedTemplate=true;
             });
@@ -1792,7 +1928,7 @@ else {
             return;
           }
           executedScriptHashes[h]=1;
-          var ns=document.createElement('script');
+          var ns=ce('script');
           var hasImport=hasStaticImport(code);
           if(hasImport){
             ns.type='module';
@@ -1855,7 +1991,7 @@ else {
     var doc=parser.parseFromString(html,'text/html');
     // Full documents carry the build id as a meta rather than a header, and
     // this path also serves cached HTML, so check here too (#1772).
-    var docBuildMeta=doc.querySelector('meta[name="stx-build"]');
+    var docBuildMeta=doc.querySelector(BUILD_META);
     var docBuild=docBuildMeta?(docBuildMeta.getAttribute('content')||''):'';
     if(isBuildSkew(docBuild)){reloadForSkew(url,docBuild);return Promise.resolve(false)}
     // Same hand-off as the fragment path, for the same reason (#1809, #1839).
@@ -1889,12 +2025,12 @@ else {
       // \u2500\u2500 Swap <head> styles \u2500\u2500
       // Inject new styles FIRST, then remove old to prevent unstyled flash
       var keepIds={'stx-view-transitions':1,'stx-r-css':1};
-      var curStyles=document.querySelectorAll('head style');
+      var curStyles=qsa('head style');
       var newStyles=doc.querySelectorAll('head style');
 
       // Merge css styles instead of replacing \u2014 persistent elements
       // (nav, footer) outside <main> still need their utility classes
-      var curCss=document.querySelector('head style[data-css]');
+      var curCss=qs('head style[data-css]');
       var newCss=null;
       newStyles.forEach(function(s){if(s.getAttribute('data-css'))newCss=s});
 
@@ -1906,20 +2042,20 @@ else {
       var incoming=[];
       newStyles.forEach(function(s){
         if(!keepIds[s.id]&&!s.getAttribute('data-css')){
-          var ns=document.createElement('style');
+          var ns=ce('style');
           ns.textContent=s.textContent;
           ns.setAttribute('data-stx-incoming','');
-          document.head.appendChild(ns);
+          dhead().appendChild(ns);
           incoming.push(ns);
         }
       });
 
       // If no existing css but new page has one, add it
       if(!curCss&&newCss){
-        var ns=document.createElement('style');
+        var ns=ce('style');
         ns.textContent=newCss.textContent;
         ns.setAttribute('data-css',newCss.getAttribute('data-css'));
-        document.head.appendChild(ns);
+        dhead().appendChild(ns);
       }
 
       // Remove old styles (except persistent ones, css, and incoming)
@@ -1946,7 +2082,7 @@ else {
       try{docBase=new URL(url,location.href).href}catch(e){docBase=location.href}
       var linkSel='link[rel="stylesheet"],link[rel="preconnect"]';
       var curLinks={};
-      document.querySelectorAll('head '+linkSel).forEach(function(l){var h=l.getAttribute('href');if(h)curLinks[new URL(h,location.href).href]=1});
+      qsa('head '+linkSel).forEach(function(l){var h=l.getAttribute('href');if(h)curLinks[new URL(h,location.href).href]=1});
       doc.querySelectorAll('head '+linkSel).forEach(function(l){
         var href=l.getAttribute('href');
         if(!href)return;
@@ -1956,9 +2092,9 @@ else {
         var abs=new URL(href,docBase).href;
         if(curLinks[abs])return;
         curLinks[abs]=1;
-        var nl=document.createElement('link');
+        var nl=ce('link');
         Array.from(l.attributes).forEach(function(a){nl.setAttribute(a.name,a.value)});
-        document.head.appendChild(nl);
+        dhead().appendChild(nl);
       });
       // After every other stylesheet link, so the destination's complete
       // utility sheet is last in the cascade.
@@ -1972,8 +2108,8 @@ else {
       var declaredLayout=pendingLayoutDecl;
       pendingLayoutDecl=null;
       if(newBody){
-        var newMeta=doc.querySelector('meta[name="stx-layout"]');
-        var curMeta=document.querySelector('meta[name="stx-layout"]');
+        var newMeta=doc.querySelector(LAYOUT_META);
+        var curMeta=qs(LAYOUT_META);
         var curLayout=curMeta?curMeta.getAttribute('content'):'';
         // The server's answer wins over the document's metas. We are only here
         // because checkLayoutChange already said the group changed, based on
@@ -2041,16 +2177,16 @@ else {
         // Copy body attributes (class, data-stx, etc.)
         Array.from(newBody.attributes).forEach(function(attr){document.body.setAttribute(attr.name,attr.value)});
         // Update layout meta tag
-        var oldMeta=document.querySelector('meta[name="stx-layout"]');
-        var freshMeta=doc.querySelector('meta[name="stx-layout"]');
+        var oldMeta=qs(LAYOUT_META);
+        var freshMeta=doc.querySelector(LAYOUT_META);
         if(oldMeta&&freshMeta)oldMeta.setAttribute('content',freshMeta.getAttribute('content')||'');
-        else if(freshMeta){var m=document.createElement('meta');m.name='stx-layout';m.content=freshMeta.getAttribute('content')||'';document.head.appendChild(m)}
-        var oldGroupMeta=document.querySelector('meta[name="stx-layout-group"]');
-        var freshGroupMeta=doc.querySelector('meta[name="stx-layout-group"]');
+        else if(freshMeta){var m=ce('meta');m.name='stx-layout';m.content=freshMeta.getAttribute('content')||'';dhead().appendChild(m)}
+        var oldGroupMeta=qs(LAYOUT_GROUP_META);
+        var freshGroupMeta=doc.querySelector(LAYOUT_GROUP_META);
         if(oldGroupMeta&&freshGroupMeta)oldGroupMeta.setAttribute('content',freshGroupMeta.getAttribute('content')||'');
-        else if(freshGroupMeta){var gm=document.createElement('meta');gm.name='stx-layout-group';gm.content=freshGroupMeta.getAttribute('content')||'';document.head.appendChild(gm)}
+        else if(freshGroupMeta){var gm=ce('meta');gm.name='stx-layout-group';gm.content=freshGroupMeta.getAttribute('content')||'';dhead().appendChild(gm)}
         // Update container reference for script execution below
-        currentContent=document.querySelector(containerSel)||document.querySelector('main')||document.body;
+        currentContent=qs(containerSel)||qs('main')||document.body;
       } else {
         // Same layout \u2014 swap only container content. Carry the destination
         // container's attributes across too (same reason as the fragment path:
@@ -2069,7 +2205,7 @@ else {
 
       // \u2500\u2500 Load new external <head> scripts \u2500\u2500
       var loadedSrcs={};
-      document.querySelectorAll('head script[src]').forEach(function(s){loadedSrcs[s.src]=1});
+      qsa('head script[src]').forEach(function(s){loadedSrcs[s.src]=1});
       var extPromises=[];
       doc.querySelectorAll('head script[src]').forEach(function(s){
         if(isSharedClientScript(s))return;
@@ -2079,11 +2215,11 @@ else {
         if(loadedSrcs[src])return;
         loadedSrcs[src]=1;
         extPromises.push(new Promise(function(resolve,reject){
-          var ns=document.createElement('script');
+          var ns=ce('script');
           ns.src=src;
           ns.onload=resolve;
           ns.onerror=reject;
-          document.head.appendChild(ns);
+          dhead().appendChild(ns);
         }));
       });
 
@@ -2097,7 +2233,7 @@ else {
 
       // \u2500\u2500 Script re-execution \u2500\u2500
       // Remove previously injected page scripts
-      document.querySelectorAll('script[data-stx-page]').forEach(function(s){s.remove()});
+      qsa('script[data-stx-page]').forEach(function(s){s.remove()});
 
       var scripts=routedBodyScripts.slice();
       function addScript(text, runAlways, slot, owner){
@@ -2181,8 +2317,7 @@ else {
       refreshCurrentLinks();
 
       // Scroll
-      if(o.scrollToTop&&!hash)window.scrollTo({top:0,behavior:'instant'});
-      else if(hash){var el=document.querySelector(hash);if(el)el.scrollIntoView({behavior:'smooth'})}
+      applyScroll(hash);
 
       // Update title
       var newTitle=doc.querySelector('title');
@@ -2243,7 +2378,7 @@ else {
           if(!runAlways&&!isSetup&&executedScriptHashes[h])return;
           executedScriptHashes[h]=1;
           // Wrap scripts with import statements as modules (Bug 3 fix)
-          var ns=document.createElement('script');
+          var ns=ce('script');
           if(hasImport){
             ns.type='module';
           }
@@ -2256,7 +2391,7 @@ else {
           var alreadyScoped=runsAlways(typeof entry==='string'?'':entry.run,text);
           ns.textContent=(hasImport||alreadyScoped)?text:'{'+text+'}';
           ns.setAttribute('data-stx-page','');
-          var placeholder=entry.slot?document.querySelector('script[data-stx-route-script="'+entry.slot+'"]'):null;
+          var placeholder=entry.slot?qs('script[data-stx-route-script="'+entry.slot+'"]'):null;
           if(placeholder&&placeholder.parentNode){
             ns.setAttribute('data-stx-positioned','');
             placeholder.parentNode.replaceChild(ns,placeholder);
@@ -2548,6 +2683,16 @@ else {
 
   // \u2500\u2500 Back/forward \u2500\u2500
   window.addEventListener('popstate',function(){
+    // Nothing has scrolled yet (restoration is manual), so the viewport still
+    // shows the entry being left: save it under its own token before adopting
+    // the popped entry's, and hand the swap the position to land on.
+    rememberScroll();
+    if(restoreScroll){
+      var popped=history.state&&history.state[SCROLL_TOKEN];
+      scrollToken=popped||newScrollToken();
+      if(!popped)stampScrollToken();
+      pendingScroll=readScroll(scrollToken);
+    }
     navigate(location.pathname+location.search+location.hash,false);
   });
 
@@ -2614,7 +2759,7 @@ else {
   }
 
   function updateNav(){
-    document.querySelectorAll('nav a[href], #mobileNav a[href], [data-stx-nav] a[href]').forEach(function(a){
+    qsa('nav a[href], #mobileNav a[href], [data-stx-nav] a[href]').forEach(function(a){
       if(!a.hasAttribute('data-stx-link'))return;
       var st=linkState(a.getAttribute('href'),a.getAttribute('data-stx-active-match'));
       if(!st)return;
@@ -2635,7 +2780,7 @@ else {
 
   function updateActiveLinks(){
     // Update active classes on <stx-link> elements (and legacy data-stx-link)
-    var links=document.querySelectorAll('[data-stx-link]');
+    var links=qsa('[data-stx-link]');
     links.forEach(function(link){
       var st=linkState(link.getAttribute('to')||link.getAttribute('href')||'',link.getAttribute('data-stx-active-match'));
       if(!st)return;
@@ -2677,7 +2822,7 @@ else {
   // the cascade, or opt out entirely with viewTransitions:false.
   function injectStyles(){
     if(!document.getElementById('stx-r-css')){
-      var s=document.createElement('style');s.id='stx-r-css';
+      var s=ce('style');s.id='stx-r-css';
       // Strip characters that could escape our CSS block and inject new
       // declarations: ; { } ( ) " ' \\ < > plus whitespace control chars.
       // This keeps the value safe to concat into a stylesheet even if a
@@ -2699,10 +2844,10 @@ else {
         css+='@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:0s;animation-name:none}}';
       }
       s.textContent=css;
-      document.head.appendChild(s);
+      dhead().appendChild(s);
     }
     if(o.progress&&!document.getElementById('stx-router-progress')){
-      var el=document.createElement('div');
+      var el=ce('div');
       el.id='stx-router-progress';
       el.setAttribute('role','progressbar');
       el.setAttribute('aria-hidden','true');
@@ -2719,7 +2864,7 @@ else {
 
   function injectViewTransitionCSS(){
     if(document.getElementById('stx-view-transitions'))return;
-    var s=document.createElement('style');s.id='stx-view-transitions';
+    var s=ce('style');s.id='stx-view-transitions';
     s.textContent='::view-transition-group(root){animation:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}main,#app-content,[data-stx-content]{view-transition-name:stx-content}::view-transition-old(stx-content){animation:stx-fade-out .15s ease-out both}::view-transition-new(stx-content){animation:stx-fade-in .15s ease-in .1s both}@keyframes stx-fade-out{from{opacity:1}to{opacity:0}}@keyframes stx-fade-in{from{opacity:0}to{opacity:1}}::view-transition{background:transparent}::view-transition-group(stx-content){background:inherit;overflow:hidden}';
     (document.head||document.documentElement).appendChild(s);
   }
@@ -2777,9 +2922,19 @@ else {
   if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();
 })();
 `;
-  cachedRouterScript = minifyRouterScript(source);
+}
+function getRouterScript() {
+  if (cachedRouterScript)
+    return cachedRouterScript;
+  cachedRouterScript = minifyRouterScript(stripRouterLogs(routerSource()));
   return cachedRouterScript;
 }
+function getRouterScriptDev() {
+  if (cachedRouterScriptDev)
+    return cachedRouterScriptDev;
+  cachedRouterScriptDev = minifyRouterScript(routerSource());
+  return cachedRouterScriptDev;
+}
 export {
   setAppUrl,
   runMiddleware,
@@ -2794,6 +2949,7 @@ export {
   isNonPageRoutePattern,
   isNonPageRoutePath,
   hasMiddleware,
+  getRouterScriptDev,
   getRouterScript,
   getMiddlewareNames,
   getMiddleware,

package/dist/serve.js

@@ -9791,7 +9791,7 @@ function __stxOverlay(errs){
     rebuildDiscoveredPagePaths(kept);
     await indexPageMiddleware(kept);
     try {
-      const { Router } = await import("./chunk-pg39gv16.js");
+      const { Router } = await import("./chunk-zd4nfpfq.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)

package/package.json

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