@stacksjs/stx 0.2.139 → 0.2.141

package/dist/signal-processing.js

@@ -5,6 +5,7 @@ import { transformStoreImports } from "./store-imports.js";
 import { shouldTranspileTypeScript, transpileTypeScript } from "./utils.js";
 import { injectSignalsRuntime, injectBrowserRuntime } from "./runtime-injection.js";
 import { matchScriptElement, scanAtElementPosition } from "./html-masking.js";
+import { importOnce } from "./lazy-module.js";
 let signalSetupCounter = 0;
 const TAG_ATTR_RUN = `(?:"[^"]*"|'[^']*'|[^>"'])*`, SINGLE_ELEMENT_RE = /^<([a-zA-Z][a-zA-Z0-9-]*)\b((?:\s+[^=\s>]+(?:=(?:"[^"]*"|'[^']*'|[^\s>]*))?)*\s*)>([\s\S]*)<\/\1>$/s;
 export function scanScriptTags(html, opts = {}) {
@@ -668,16 +669,14 @@ export async function processScriptSetup(template, filePath, serverData) {
   }
   if (signalScripts.length === 0)
     return { output: template, setupCode: null };
-  const setupFnName = `__stx_setup_${Date.now()}_${signalSetupCounter++}`, { hasUserImports, bundleClientScript } = await import("./client-script-bundler.js"), resolvedParts = [];
+  const setupFnName = `__stx_setup_${Date.now()}_${signalSetupCounter++}`, { hasUserImports, bundleClientScript } = await importOnce("stx/client-script-bundler", () => import("./client-script-bundler.js")), resolvedParts = [];
   for (let i = 0;i < signalScripts.length; i++) {
     let scriptContent = signalScripts[i].content;
     scriptContent = injectBrowserCoreAutoImports(scriptContent).code;
-    if (hasUserImports(scriptContent)) {
-      console.log("[stx:bundler] bundling signal script imports");
+    if (hasUserImports(scriptContent))
       scriptContent = await bundleClientScript(scriptContent, filePath || "", {
         projectRoot: process.cwd()
       });
-    }
     scriptContent = scriptContent.replace(/^\s*import\s+(?:type\s+)?\{([^}]*)\}\s+from\s+['"](?:stx|@stacksjs\/stx|@stacksjs\/browser)['"]\s*;?\s*$/gm, (_match, specifiers) => rewriteStxImportSpecifiers(specifiers));
     const resolved = transformStoreImports(scriptContent);
     resolvedParts.push(`// \u2500\u2500 merged signal script #${i + 1} \u2500\u2500

package/dist/signals.js

@@ -63,9 +63,13 @@ console.log('[stx] entering IIFE');
 
   // Inject x-cloak CSS to prevent FOUC (Flash of Unstyled Content)
   // Elements with x-cloak are hidden until the runtime removes the attribute after mount
-  var cloakStyle = document.createElement('style');
-  cloakStyle.textContent = '[x-cloak] { display: none !important; }';
-  document.head.appendChild(cloakStyle);
+  var cloakStyle = document.getElementById ? document.getElementById('stx-cloak-style') : null;
+  if (!cloakStyle) {
+    cloakStyle = document.createElement('style');
+    cloakStyle.id = 'stx-cloak-style';
+    cloakStyle.textContent = '[x-cloak] { display: none !important; }';
+    document.head.appendChild(cloakStyle);
+  }
 
   // ==========================================================================
   // Reactive Core
@@ -6003,8 +6007,13 @@ else {
   // Auto-initialization
   // ==========================================================================
 
-  console.log('[stx] registering DOMContentLoaded handler');
-  document.addEventListener('DOMContentLoaded', () => {
+  // A dev runtime may be evaluated again by HMR, an embed, or a test harness.
+  // Replace the previous listener so only the latest runtime closure can own
+  // componentScope and reactive subscriptions.
+  if (window.__stxDomReadyHandler) {
+    document.removeEventListener('DOMContentLoaded', window.__stxDomReadyHandler);
+  }
+  const stxDomReadyHandler = () => {
     console.log('[stx] DOMContentLoaded fired \u2014 processing scopes');
     // Track which scoped elements have been processed
     const processedScopes = new Set();
@@ -6225,7 +6234,10 @@ catch (e) {
         }
       }
     });
-  });
+  };
+  window.__stxDomReadyHandler = stxDomReadyHandler;
+  console.log('[stx] registering DOMContentLoaded handler');
+  document.addEventListener('DOMContentLoaded', stxDomReadyHandler);
 
   // ==========================================================================
   // Scope Disposal
@@ -6390,10 +6402,15 @@ catch (e) { console.warn('[stx] destroy hook error:', e); }
   // Re-initialize components after SPA content swap.
   // Debounce to handle rapid re-fires (HMR triggers navigate which triggers stx:load again).
   var _stxLoadTimer = null;
-  window.addEventListener('stx:load', function() {
+  if (window.__stxLoadHandler) {
+    window.removeEventListener('stx:load', window.__stxLoadHandler);
+  }
+  function stxLoadHandler() {
     if (_stxLoadTimer) { clearTimeout(_stxLoadTimer); }
     _stxLoadTimer = setTimeout(_handleStxLoad, 5);
-  });
+  }
+  window.__stxLoadHandler = stxLoadHandler;
+  window.addEventListener('stx:load', stxLoadHandler);
   function _handleStxLoad() {
     _stxLoadTimer = null;
     console.log('[stx:load] START. mountQueue:', mountQueue.length, '_latestSetup:', !!window.stx._latestSetup);