@stacksjs/stx 0.2.107 → 0.2.108

package/dist/utils.d.ts

@@ -32,6 +32,19 @@ export declare function userComponentFileExists(componentPath: string, component
  * Mirrors the stx-hydrate runtime triggers; `load` (eager) is handled separately.
  */
 export declare function isHydrateTrigger(trigger: string): boolean;
+/**
+ * Does this slot content carry template expressions?
+ *
+ * Slot content belongs to the caller, so `{{ ... }}` inside it names the
+ * caller's variables. When any are present the component has to be treated as
+ * signal-bearing, or the expression pipeline resolves them against the
+ * component's context (where they do not exist) and renders them as empty.
+ *
+ * `<script>` and `<style>` regions are ignored: a regex or a CSS rule can
+ * contain brace pairs that are not template expressions, and matching them
+ * would flag components that have no slot expressions at all.
+ */
+export declare function slotContentHasExpressions(slotContent: string): boolean;
 export declare function renderComponentWithSlot(componentPath: string, props: Record<string, unknown>, slotContent: string, componentsDir: string, parentContext: Record<string, unknown>, parentFilePath: string, options: StxOptions, processedComponents?: Set<string> | undefined, dependencies: Set<string>): Promise<string>;
 /**
  * Check if a file exists

package/dist/utils.js

@@ -350,6 +350,12 @@ export async function userComponentFileExists(componentPath, componentsDir, pare
 export function isHydrateTrigger(trigger) {
   return trigger === "visible" || trigger === "idle" || trigger === "interaction" || trigger.startsWith("media:");
 }
+export function slotContentHasExpressions(slotContent) {
+  if (!slotContent)
+    return !1;
+  const withoutScripts = slotContent.replace(/<script[\s\S]*?<\/script>/gi, "").replace(/<style[\s\S]*?<\/style>/gi, "");
+  return /\{\{[\s\S]*?\}\}|\{!![\s\S]*?!!\}/.test(withoutScripts);
+}
 export async function renderComponentWithSlot(componentPath, props, slotContent, componentsDir, parentContext, parentFilePath, options, processedComponents = new Set, dependencies) {
   const { extractVariables } = await import("./variable-extractor.js"), components = processedComponents ?? new Set;
   if (components.has(componentPath))
@@ -510,7 +516,8 @@ ${triedPaths.map((p) => `  - ${p}`).join(`
       slot: slotContent,
       $slots,
       __processedComponents: branchComponents,
-      __sections: {}
+      __sections: {},
+      ...slotContentHasExpressions(slotContent) && { __stx_force_signals: !0 }
     };
     applyDestructuredPropDefaults(componentContent, componentContext);
     let workingContent = componentContent;

package/package.json

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