bun-plugin-stx 0.2.118 → 0.2.120

package/dist/{chunk-gvegpv18.js → chunk-5hbpzwtx.js}

@@ -1000,8 +1000,13 @@ else {
         var cleanFrag=html.replace(new RegExp('<scr'+'ipt\\\\b([^>]*)>([\\\\s\\\\S]*?)<\\\\/scr'+'ipt>','gi'),function(m,attrs,code){
           if(code&&code.trim()&&!isSignalsRuntimeScript({hasAttribute:function(name){return name==='data-stx-runtime'&&attrs.indexOf('data-stx-runtime')!==-1}},code)){
             var slot='fragment-'+(++fragScriptId);
-            fragScripts.push({text:code,slot:slot,setupName:generatedSetupName(code)});
-            return '<scr'+'ipt type="application/stx-pending" data-stx-route-script="'+slot+'"></scr'+'ipt>';
+            var scoped=/(?:^|\\s)data-stx-scoped(?:\\s|=|$)/i.test(attrs);
+            fragScripts.push({text:code,slot:slot,setupName:generatedSetupName(code),scoped:scoped});
+            // Retain scoped setup code in its inert placeholder. A placeholder
+            // inside template.content is unreachable through document, so the
+            // repeated component runtime must execute it for each clone.
+            return '<scr'+'ipt type="application/stx-pending" data-stx-route-script="'+slot+'"'
+              +(scoped?' data-stx-scoped':'')+'>'+code+'<\\/scr'+'ipt>';
           }
           return '';
         });
@@ -1055,6 +1060,29 @@ 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 nestedScopedTemplate=false;
+          var scopedLoopSetup=false;
+          if(entry.scoped&&placeholder){
+            document.querySelectorAll('template').forEach(function(template){
+              if(template.contains(placeholder)||(template.content&&template.content.contains(placeholder)))
+                nestedScopedTemplate=true;
+            });
+            var loopRoot=placeholder.previousSibling;
+            while(loopRoot&&(
+              (loopRoot.nodeType===Node.TEXT_NODE&&!(loopRoot.textContent||'').trim())
+              ||loopRoot.nodeType===Node.COMMENT_NODE
+            ))loopRoot=loopRoot.previousSibling;
+            if(loopRoot&&loopRoot.nodeType===Node.ELEMENT_NODE&&loopRoot.hasAttribute('data-stx-scope')
+              &&(loopRoot.hasAttribute(':for')||loopRoot.hasAttribute('@for')||loopRoot.hasAttribute('x-for'))){
+              var loopScopeId=loopRoot.getAttribute('data-stx-scope');
+              scopedLoopSetup=!!loopScopeId&&code.indexOf(loopScopeId)!==-1;
+            }
+          }
+          if(entry.scoped&&(!placeholder||!placeholder.parentNode||nestedScopedTemplate||scopedLoopSetup)){
+            log('[router] leaving loop-scoped script for component hydration');
+            return;
+          }
           // Skip scripts that were already executed (layout-level partials
           // like theme.stx, stores.stx, nav.stx). Their top-level const/let
           // declarations would throw "Identifier has already been declared"
@@ -1085,7 +1113,6 @@ else {
           }
           ns.textContent=(hasImport||isAlreadyScoped)?code:'{'+code+'}';
           ns.setAttribute('data-stx-page','');
-          var placeholder=document.querySelector('script[data-stx-route-script="'+entry.slot+'"]');
           if(placeholder&&placeholder.parentNode){
             ns.setAttribute('data-stx-positioned','');
             placeholder.parentNode.replaceChild(ns,placeholder);

package/dist/serve.js

@@ -9325,7 +9325,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-gvegpv18.js");
+      const { Router } = await import("./chunk-5hbpzwtx.js");
       const pagesDirs = patterns.map((p) => p.replace(/\/$/, "")).filter(Boolean);
       const router = new Router(process19.cwd(), { pagesDirs, stateDir: stateDirName() });
       if (!options.quiet)
@@ -9523,10 +9523,10 @@ After installing: bun add bun-plugin-stx`);
     const { serverScripts, templateContent } = extractServerScriptsFromTemplate(content);
     const context = {
       __filename: filePath,
-      __dirname: nodePath.dirname(filePath)
+      __dirname: nodePath.dirname(filePath),
+      __stx_runtime_head: {}
     };
-    const { processDirectives, extractVariables, defaultConfig: defaultConfig4, generateSpaShell, injectRouterScript, resetHead } = await stxModule;
-    resetHead();
+    const { processDirectives, extractVariables, defaultConfig: defaultConfig4, generateSpaShell, injectRouterScript } = await stxModule;
     injectServeLocaleContext(context);
     injectServeRequestContext(context, reqCtx);
     context.params = reqCtx?.params ?? {};
@@ -9685,7 +9685,8 @@ After installing: bun add bun-plugin-stx`);
     const context = {
       __filename: filePath,
       __dirname: nodePath.dirname(filePath),
-      __route: routePath
+      __route: routePath,
+      __stx_runtime_head: {}
     };
     const paramsObj = {};
     for (let i = 0;i < paramNames.length; i++) {
@@ -9701,8 +9702,7 @@ After installing: bun add bun-plugin-stx`);
     context.params = paramsObj;
     if (reqCtx)
       reqCtx.params = paramsObj;
-    const { processDirectives, extractVariables, defaultConfig: defaultConfig4, injectRouterScript: injectRouter, resetHead: resetHeadDyn } = await stxModule;
-    resetHeadDyn();
+    const { processDirectives, extractVariables, defaultConfig: defaultConfig4, injectRouterScript: injectRouter } = await stxModule;
     injectServeLocaleContext(context);
     injectServeRequestContext(context, reqCtx);
     for (const scriptBody of dynServerScripts) {

package/package.json

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