bun-plugin-stx 0.2.324 → 0.2.325

package/dist/serve.js

@@ -9328,8 +9328,11 @@ After installing: bun add bun-plugin-stx`);
   const cssCssCache = boundedCache(options.cssCacheLimit ?? 512);
   const hmrClients = new Set;
   const hmrEncoder = new TextEncoder;
+  let hmrVersion = 0;
   function broadcastHmr(event) {
-    const payload = hmrEncoder.encode(`data: ${JSON.stringify(event)}
+    if (event.type !== "build-error")
+      hmrVersion++;
+    const payload = hmrEncoder.encode(`data: ${JSON.stringify({ ...event, version: hmrVersion })}
 
 `);
     for (const c of hmrClients) {
@@ -9375,16 +9378,17 @@ function __stxOverlay(errs){
   el.innerHTML=h;
 }
 `;
-  const HMR_CLIENT_SCRIPT = `<script data-stx-hmr>(()=>{if(window.__stxHmr)return;window.__stxHmr=1;${HMR_OVERLAY_JS}function bust(){var ls=document.querySelectorAll('link[rel="stylesheet"]');for(var i=0;i<ls.length;i++){var l=ls[i];var u=new URL(l.href,location.href);u.searchParams.set('v',Date.now().toString(36));l.href=u.toString()}}var es=new EventSource('/_stx/hmr');function swapFragment(){var r=window.stxRouter;if(r&&typeof r.refresh==='function'){try{return r.refresh().then(function(ok){if(!ok)location.reload()},function(){location.reload()})}catch(_){location.reload()}}else{location.reload()}}function reloadStores(){var s=window.stx;if(!s||typeof s.__hmrReplaceStores!=='function'){location.reload();return}fetch('/_stx/stores.js',{cache:'no-store'}).then(function(r){return r.ok?r.text():null}).then(function(code){if(code===null){location.reload();return}s.__hmrReplaceStores(code)}).catch(function(){location.reload()})}es.onmessage=function(e){try{var m=JSON.parse(e.data);if(m.type==='reload')location.reload();else if(m.type==='css')bust();else if(m.type==='fragment')swapFragment();else if(m.type==='store')reloadStores();else if(m.type==='build-error')__stxOverlay(m.errors)}catch(_){}};es.onerror=function(){if(es.readyState===2){setTimeout(function(){location.reload()},400)}}})()</script>`;
+  const HMR_CLIENT_SCRIPT = `<script data-stx-hmr>(()=>{if(window.__stxHmr)return;window.__stxHmr=1;${HMR_OVERLAY_JS}function bust(){var ls=document.querySelectorAll('link[rel="stylesheet"]');for(var i=0;i<ls.length;i++){var l=ls[i];var u=new URL(l.href,location.href);u.searchParams.set('v',Date.now().toString(36));l.href=u.toString()}}var version=__STX_HMR_VERSION__,es=null;function swapFragment(){var r=window.stxRouter;if(r&&typeof r.refresh==='function'){try{return r.refresh().then(function(ok){if(!ok)location.reload()},function(){location.reload()})}catch(_){location.reload()}}else{location.reload()}}function reloadStores(){var s=window.stx;if(!s||typeof s.__hmrReplaceStores!=='function'){location.reload();return}fetch('/_stx/stores.js',{cache:'no-store'}).then(function(r){return r.ok?r.text():null}).then(function(code){if(code===null){location.reload();return}s.__hmrReplaceStores(code)}).catch(function(){location.reload()})}function connect(){var source=new EventSource('/_stx/hmr');es=source;source.onmessage=function(e){try{var m=JSON.parse(e.data);if(m.type==='connected'){if(typeof m.version==='number'&&m.version!==version)location.reload();return}if(typeof m.version==='number')version=m.version;if(m.type==='reload')location.reload();else if(m.type==='css')bust();else if(m.type==='fragment')swapFragment();else if(m.type==='store')reloadStores();else if(m.type==='build-error')__stxOverlay(m.errors)}catch(_){}};source.onerror=function(){if(es===source&&source.readyState===2){setTimeout(function(){location.reload()},400)}}}connect();addEventListener('pagehide',function(){if(es){es.close();es=null}});addEventListener('pageshow',function(e){if(e.persisted&&!es)connect()})})()</script>`;
   function injectHmrClient(html) {
     if (!html || production)
       return html;
     refreshBuildErrors();
+    const client = HMR_CLIENT_SCRIPT.replace("__STX_HMR_VERSION__", String(hmrVersion));
     const closeBody = html.lastIndexOf("</body>");
     if (closeBody === -1) {
-      return html + HMR_CLIENT_SCRIPT;
+      return html + client;
     }
-    return html.slice(0, closeBody) + HMR_CLIENT_SCRIPT + html.slice(closeBody);
+    return html.slice(0, closeBody) + client + html.slice(closeBody);
   }
   let currentBuildErrors = [];
   async function refreshBuildErrors() {
@@ -10531,7 +10535,7 @@ ${block}`;
                     start(c) {
                       controller = c;
                       hmrClients.add(c);
-                      c.enqueue(hmrEncoder.encode(`data: {"type":"connected"}
+                      c.enqueue(hmrEncoder.encode(`data: {"type":"connected","version":${hmrVersion}}
 
 `));
                       if (currentBuildErrors.length > 0) {

package/package.json

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