bun-plugin-stx 0.2.323 → 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() {
@@ -10384,6 +10388,12 @@ ${block}`;
       headers
     });
   }
+  function reportImageWarmupFailure(stage, error) {
+    const message = error instanceof Error ? error.message : String(error);
+    console.warn(`\x1B[33m[stx]\x1B[0m ${stage} failed during the image warm-up: ${message}. <StxImage> serves the original files without them until a start where the warm-up succeeds.`);
+    if (!production && error instanceof Error && error.stack)
+      console.warn(`\x1B[2m${error.stack}\x1B[0m`);
+  }
   async function runImageWarmup() {
     const imageWarmupEnabled = imageWarmupSetting === "auto" ? await projectUsesImageBuiltins(process19.cwd()) : imageWarmupSetting !== false;
     if (!imageWarmupEnabled) {
@@ -10401,12 +10411,18 @@ ${block}`;
         }),
         stx.prepareImageDelivery(publicRoot, imageDeliveryOutputDir, { offThread: true })
       ]);
+      if (placeholderResult.status === "rejected")
+        reportImageWarmupFailure("image placeholders", placeholderResult.reason);
+      if (deliveryResult.status === "rejected")
+        reportImageWarmupFailure("responsive image variants", deliveryResult.reason);
       const derived = placeholderResult.status === "fulfilled" ? placeholderResult.value : 0;
       if (derived > 0 && !production)
         console.log(`[stx] derived ${derived} image placeholder(s)`);
       if (deliveryResult.status === "fulfilled" && deliveryResult.value.count > 0 && !production)
         console.log(`[stx] optimized ${deliveryResult.value.count} image(s) for responsive delivery`);
-    } catch {} finally {
+    } catch (error) {
+      reportImageWarmupFailure("image warm-up", error);
+    } finally {
       placeholdersAreReady = true;
       markPlaceholdersReady();
     }
@@ -10519,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.323",
+  "version": "0.2.325",
   "description": "A Bun plugin that allows for using Laravel Blade-like syntax.",
   "author": "Chris Breuer <chris@stacksjs.org>",
   "license": "MIT",