@stacksjs/stx 0.2.136 → 0.2.138

package/dist/utils.js

@@ -1,6 +1,7 @@
 import fs from "node:fs";
 import path from "node:path";
 import { extractAndStripCssImports, extractBridgeData, injectBrowserCoreAutoImports, processClientScript, renderVendorStyleTags } from "./client-script.js";
+import { COMPONENT_CLIENT_FACTORIES_CONTEXT_KEY, registerComponentClientFactory } from "./component-client-factories.js";
 import { interpolateScriptExpressions, processExpressions, unescapeHtml } from "./expressions.js";
 import { COMPONENT_SCOPE_LOCAL_GLOBALS, buildRuntimeGlobalsDestructure } from "./runtime-globals.js";
 import { transformStoreImports } from "./store-imports.js";
@@ -553,7 +554,11 @@ ${triedPaths.map((p) => `  - ${p}`).join(`
       } catch (error) {
         return `[Error loading component: ${error instanceof Error ? error.message : String(error)}]`;
       }
-    const internalKeysToPreserve = new Set(["__originalFilePath", "__importedComponents"]), filteredParentContext = {};
+    const internalKeysToPreserve = new Set([
+      "__originalFilePath",
+      "__importedComponents",
+      COMPONENT_CLIENT_FACTORIES_CONTEXT_KEY
+    ]), filteredParentContext = {};
     for (const [key, val] of Object.entries(parentContext))
       if (!key.startsWith("__") || internalKeysToPreserve.has(key))
         filteredParentContext[key] = val;
@@ -695,13 +700,12 @@ ${triedPaths.map((p) => `  - ${p}`).join(`
           });
         const { rewriteStxImportSpecifiers } = await import("./signal-processing.js");
         bundledContent = bundledContent.replace(/^\s*import\s+(?:type\s+)?\{([^}]*)\}\s+from\s+['"](?:stx|@stacksjs\/stx|@stacksjs\/browser)['"]\s*;?\s*$/gm, (_match, specifiers) => rewriteStxImportSpecifiers(specifiers));
-        const content = transformStoreImports(bundledContent), componentLocalNames = extractVariableNames(content), wrappedContent = `
-(function() {
+        const content = transformStoreImports(bundledContent), componentLocalNames = extractVariableNames(content), factoryBody = `function(__scopeId) {
   ${buildRuntimeGlobalsDestructure("const", [...COMPONENT_SCOPE_LOCAL_GLOBALS, ...componentLocalNames], content)}
   const __scope = window.stx._scopes = window.stx._scopes || {};
-  const __scopeVars = __scope['${scopeId}'] = __scope['${scopeId}'] || {};
+  const __scopeVars = __scope[__scopeId] = __scope[__scopeId] || {};
   const __previousCurrentElement = window.__STX_CURRENT_ELEMENT__;
-  window.__STX_CURRENT_ELEMENT__ = document.querySelector('[data-stx-scope="${scopeId}"]');
+  window.__STX_CURRENT_ELEMENT__ = document.querySelector('[data-stx-scope="' + __scopeId + '"]');
 
   // Scope-specific lifecycle callbacks
   __scopeVars.__mountCallbacks = __scopeVars.__mountCallbacks || [];
@@ -724,7 +728,7 @@ catch (e) {}
 finally {
   window.__STX_CURRENT_ELEMENT__ = __previousCurrentElement;
 }
-})();`;
+}`, factoryId = hydrateTrigger ? null : registerComponentClientFactory(parentContext, factoryBody), wrappedContent = factoryId ? `window.__stxComponentFactories[${JSON.stringify(factoryId)}](${JSON.stringify(scopeId)});` : `(${factoryBody})(${JSON.stringify(scopeId)});`;
         if (hydrateTrigger)
           return `${vendorStyleTags}<script type="stx/island" data-stx-island="${scopeId}" data-stx-scoped${attrs}>${wrappedContent}</script>`;
         return `${vendorStyleTags}<script data-stx-scoped${attrs}>${wrappedContent}</script>`;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stacksjs/stx",
   "type": "module",
-  "version": "0.2.136",
+  "version": "0.2.138",
   "description": "A performant UI Framework. Powered by Bun.",
   "author": "Chris Breuer <chris@stacksjs.org>",
   "license": "MIT",
@@ -117,12 +117,12 @@
   "dependencies": {
     "@cwcss/crosswind": "^0.2.12",
     "@stacksjs/clapp": "^0.2.0",
-    "@stacksjs/desktop": "0.2.136",
-    "@stacksjs/sanitizer": "0.2.136",
+    "@stacksjs/desktop": "0.2.138",
+    "@stacksjs/sanitizer": "0.2.138",
     "@stacksjs/ts-i18n": "^0.1.11",
-    "bun-plugin-stx": "0.2.136",
+    "bun-plugin-stx": "0.2.138",
     "bunfig": "^0.15.15",
-    "stx-router": "0.2.136",
+    "stx-router": "0.2.138",
     "ts-broadcasting": "^0.0.9",
     "ts-images": "^0.1.9",
     "ts-syntax-highlighter": "^0.2.1"