bun-plugin-stx 0.2.332 → 0.2.334

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

@@ -1663,6 +1663,16 @@ else {
           }
           return '';
         });
+        // A <style> inside a script is a string the script owns \u2014 a web
+        // component's shadow-DOM CSS, typically \u2014 not a page style. Lifted into
+        // <head> it restyles the whole document (its bare button rule shrank
+        // every button on the page) and the component loses it. Hold scripts
+        // aside while the fragment's own styles are collected.
+        var heldScripts=[];
+        cleanFrag=cleanFrag.replace(new RegExp('<scr'+'ipt\\\\b[^>]*>[\\\\s\\\\S]*?<\\\\/scr'+'ipt>','gi'),function(m){
+          heldScripts.push(m);
+          return '<!--stx-held-script-'+(heldScripts.length-1)+'-->';
+        });
         cleanFrag=cleanFrag.replace(new RegExp('<sty'+'le\\\\b([^>]*)>([\\\\s\\\\S]*?)<\\\\/sty'+'le>','gi'),function(m,attrs,css){
           if(attrs.indexOf('data-css')!==-1){
             fragCss=css;
@@ -1677,6 +1687,7 @@ else {
           if(hrefMatch&&hrefMatch[2])fragCssHrefs.push(hrefMatch[2]);
           return '';
         });
+        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()});
         // Merge css CSS from fragment into existing css style

package/dist/serve.js

@@ -9791,7 +9791,7 @@ function __stxOverlay(errs){
     rebuildDiscoveredPagePaths(kept);
     await indexPageMiddleware(kept);
     try {
-      const { Router } = await import("./chunk-q16hhp48.js");
+      const { Router } = await import("./chunk-pg39gv16.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)
@@ -10821,8 +10821,9 @@ ${block}`;
                     let mainContentEnd = -1;
                     const headStyles = [];
                     const headMatch = content.match(/<head\b[^>]*>([\s\S]*?)<\/head>/i);
+                    const withoutScripts = (html) => html.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi, "");
                     if (headMatch) {
-                      const headContent = headMatch[1];
+                      const headContent = withoutScripts(headMatch[1]);
                       let styleMatch;
                       const styleRe = /<style\b[^>]*>[\s\S]*?<\/style>/gi;
                       while ((styleMatch = styleRe.exec(headContent)) !== null) {
@@ -10858,7 +10859,7 @@ ${block}`;
                       if (bodyMatch) {
                         const bodyStart = bodyMatch.index + bodyMatch[0].length;
                         const mainIdx = mainOpenMatch.index;
-                        const beforeMain = content.slice(bodyStart, mainIdx);
+                        const beforeMain = withoutScripts(content.slice(bodyStart, mainIdx));
                         let bodyStyleMatch;
                         const bodyStyleRe = /<style\b[^>]*>[\s\S]*?<\/style>/gi;
                         while ((bodyStyleMatch = bodyStyleRe.exec(beforeMain)) !== null) {

package/package.json

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