bun-plugin-stx 0.2.29 → 0.2.41

package/dist/{chunk-762q71t6.js → chunk-nyzhqegd.js}

@@ -572,7 +572,7 @@ function getRouterScript() {
   if(window.__stxRouter)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'};
+  var defaults={container:'main',loadingClass:'stx-navigating',viewTransitions:true,cache:true,scrollToTop:true,prefetch:true,progress:true,progressColor:'#78dce8',progressHeight:'2px',interceptAllLinks:false};
   var o=Object.assign({},defaults,window.__stxRouterConfig||{},window.STX_ROUTER_OPTIONS||{});
   var containerSel=o.container;
 
@@ -1039,6 +1039,13 @@ else {
       var newTitle=doc.querySelector('title');
       if(newTitle)document.title=newTitle.textContent;
 
+      // Update <html lang> from the destination doc so screen readers,
+      // CSS :lang() selectors, and any i18n picker that mirrors
+      // document.documentElement.lang stay accurate after SPA hops.
+      if(doc.documentElement&&doc.documentElement.lang){
+        document.documentElement.lang=doc.documentElement.lang;
+      }
+
       window.dispatchEvent(new CustomEvent('stx:navigate',{detail:{url:url}}));
 
       // Execute page scripts FIRST \u2014 they define setup functions and set _latestSetup
@@ -1108,13 +1115,19 @@ else {
     return true;
   }
 
-  // SPA click handling \u2014 only [data-stx-link] elements get SPA navigation.
-  // Regular <a href> does native full page reload (no interception).
-  // StxLink builtin renders <a data-stx-link href="...">, so we intercept those.
+  // SPA click handling. By default only [data-stx-link] elements get
+  // SPA navigation; regular <a href> does native full page reload. Set
+  // interceptAllLinks:true (window.__stxRouterConfig or build-time
+  // config) to intercept any same-origin anchor \u2014 used by static-site
+  // mode where every page is part of the same SPA shell.
   document.addEventListener('click',function(e){
     if(e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.button!==0)return;
     if(!e.target||!e.target.closest)return;
     var link=e.target.closest('[data-stx-link]');
+    if(!link&&o.interceptAllLinks){
+      var anchor=e.target.closest('a[href]');
+      if(anchor&&shouldIntercept(anchor))link=anchor;
+    }
     if(!link){return}
     var href=link.getAttribute('href');
     console.log('[router] click intercepted:',href,'container:',!!getContainer(),'defaultPrevented:',e.defaultPrevented);
@@ -1216,7 +1229,11 @@ else {
       el.id='stx-router-progress';
       el.setAttribute('role','progressbar');
       el.setAttribute('aria-hidden','true');
-      (document.body||document.documentElement).appendChild(el);
+      // Append to <html>, not <body>: when the router swaps the body
+      // (container:'body' for full-page static-site SPAs) the progress
+      // element gets wiped along with it. <html> stays put across
+      // swaps, so the bar survives multi-hop navigation.
+      document.documentElement.appendChild(el);
       progEl=el;
     } else if(o.progress){
       progEl=document.getElementById('stx-router-progress');
@@ -1226,7 +1243,7 @@ else {
   function injectViewTransitionCSS(){
     if(document.getElementById('stx-view-transitions'))return;
     var s=document.createElement('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}#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}';
+    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);
   }
 

package/dist/{chunk-d6c2z0vs.js → chunk-qrdapdgw.js}

@@ -307,6 +307,11 @@ function stxPlugin(userOptions) {
           console.error("Failed to build web components:", error);
         }
       }
+      build.onResolve({ filter: /^\// }, (args) => {
+        if (args.path.startsWith("//"))
+          return null;
+        return { external: true, path: args.path };
+      });
       build.onLoad({ filter: /\.md$/ }, async (args) => {
         const filePath = args.path;
         try {

package/dist/index.js

@@ -8,7 +8,7 @@ import {
   startWatchMode,
   stxPlugin,
   watchAndBuild
-} from "./chunk-d6c2z0vs.js";
+} from "./chunk-qrdapdgw.js";
 import"./chunk-2mx7fq49.js";
 export {
   watchAndBuild,

package/dist/preload.js

@@ -1,7 +1,7 @@
 // @bun
 import {
   src_default
-} from "./chunk-d6c2z0vs.js";
+} from "./chunk-qrdapdgw.js";
 import"./chunk-2mx7fq49.js";
 
 // src/preload.ts

package/dist/serve.js

@@ -8956,7 +8956,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-762q71t6.js");
+      const { Router } = await import("./chunk-nyzhqegd.js");
       const pagesDir = patterns[0]?.replace(/\/$/, "") || "pages";
       const router = new Router(process19.cwd(), { pagesDir });
       console.log(`[stx] Generated ${router.routes.length} routes \u2192 .stx/routes.ts`);

package/package.json

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