@stacksjs/stx 0.2.180 → 0.2.181

package/dist/store-loader.js

@@ -4,6 +4,7 @@ import { getPublicEnvDefine } from "./public-env.js";
 import { STX_RUNTIME_GLOBALS } from "./runtime-globals.js";
 import { readSigned, sourceSignature, writeSigned } from "./source-signature.js";
 import { stripModuleImports, transformStoreImports } from "./store-imports.js";
+import { getSharedTranspiler } from "./utils.js";
 const _cachedStoreScripts = new Map;
 function collectDeclaredNames(code, into) {
   for (const match of code.matchAll(/\b(?:const|let|var|function|class)\s+([A-Z_a-z$][\w$]*)/g))
@@ -64,7 +65,7 @@ export async function getStoreScript(storesDir) {
       return 0;
     return a.hasUseStore ? 1 : -1;
   });
-  const sortedFiles = filesWithDeps.map((f) => f.file), chunks = [], declaredNames = new Set, transpiler = new Bun.Transpiler({ loader: "ts", target: "browser", define: getPublicEnvDefine() });
+  const sortedFiles = filesWithDeps.map((f) => f.file), chunks = [], declaredNames = new Set, transpiler = getSharedTranspiler({ loader: "ts", target: "browser", define: getPublicEnvDefine() });
   for (const file of sortedFiles)
     try {
       let code = await Bun.file(file).text();

package/dist/utils.js

@@ -11,6 +11,7 @@ import { getPublicEnvDefine } from "./public-env.js";
 import { processScopedStyles } from "./style-scoping.js";
 import { findSfcTemplateBlock } from "./sfc-template.js";
 import { importOnce } from "./lazy-module.js";
+import { stashScriptElements } from "./html-masking.js";
 export {
   extractDirectiveNames,
   getPositionInfo,
@@ -581,7 +582,14 @@ ${triedPaths.map((p) => `  - ${p}`).join(`
     for (const [key, val] of Object.entries(parentContext))
       if (!key.startsWith("__") || internalKeysToPreserve.has(key))
         filteredParentContext[key] = val;
-    const { extractSlotContent } = await importOnce("stx/slots", () => import("./slots.js")), parsedSlotContent = extractSlotContent(slotContent), $slots = {};
+    const stashedCallerScripts = stashScriptElements(slotContent), callerClientScripts = [], componentSlotContent = stashedCallerScripts.output.replace(/\x00STX_SCRIPT_(\d+)\x00/g, (_match, index) => {
+      const script = stashedCallerScripts.scripts[Number(index)] || "", attrs = script.match(/^<script\b([^>]*)>/i)?.[1] || "", type = attrs.match(/\btype\s*=\s*["']([^"']+)["']/i)?.[1]?.toLowerCase(), executable = !type || ["module", "text/javascript", "application/javascript"].includes(type);
+      if (!/\bserver\b/i.test(attrs) && executable) {
+        callerClientScripts.push(script);
+        return "";
+      }
+      return script;
+    }), { extractSlotContent } = await importOnce("stx/slots", () => import("./slots.js")), parsedSlotContent = extractSlotContent(componentSlotContent), $slots = {};
     if (parsedSlotContent.defaultSlot?.trim())
       $slots.default = parsedSlotContent.defaultSlot;
     for (const [slotName, slotDef] of parsedSlotContent.namedSlots)
@@ -590,7 +598,7 @@ ${triedPaths.map((p) => `  - ${p}`).join(`
       ...filteredParentContext,
       ...props,
       props,
-      slot: slotContent,
+      slot: componentSlotContent,
       $slots,
       __processedComponents: branchComponents,
       __sections: {},
@@ -779,7 +787,9 @@ finally {
         output,
         dependencies: [...dependencies].filter((dependency) => !dependencyBaseline.has(dependency))
       });
-    return output;
+    return callerClientScripts.length > 0 ? `${output}
+${callerClientScripts.join(`
+`)}` : output;
   } catch (error) {
     return `[Error processing component: ${error instanceof Error ? error.message : String(error)}]`;
   } finally {

package/dist/variable-extractor.js

@@ -1,5 +1,6 @@
 var {require}=import.meta;import path from "node:path";
 import process from "node:process";
+import { getSharedTranspiler } from "./utils.js";
 export const STX_ENGINE_BINDING_NAMES = [
   "module",
   "exports",
@@ -272,7 +273,7 @@ export async function extractVariables(scriptContent, context, filePath, options
     return;
   let jsContent;
   try {
-    const transpiler = new Bun.Transpiler({ loader: "ts", target: "browser", define: getPublicEnvDefine() });
+    const transpiler = getSharedTranspiler({ loader: "ts", target: "browser", define: getPublicEnvDefine() });
     let processedCode = scriptContent.replace(/^\s*import\s+\w+\s+from\s+['"][^'"]*\.stx['"]\s*;?\s*$/gm, "");
     processedCode = processedCode.replace(/^\s*import\s+['"][^'"]*\.stx['"]\s*;?\s*$/gm, "");
     jsContent = transpiler.transformSync(processedCode);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stacksjs/stx",
   "type": "module",
-  "version": "0.2.180",
+  "version": "0.2.181",
   "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.14",
     "@stacksjs/clapp": "^0.2.0",
-    "@stacksjs/desktop": "0.2.180",
-    "@stacksjs/sanitizer": "0.2.180",
+    "@stacksjs/desktop": "0.2.181",
+    "@stacksjs/sanitizer": "0.2.181",
     "@stacksjs/ts-i18n": "^0.1.11",
-    "bun-plugin-stx": "0.2.180",
+    "bun-plugin-stx": "0.2.181",
     "bunfig": "^0.15.17",
-    "stx-router": "0.2.180",
+    "stx-router": "0.2.181",
     "ts-broadcasting": "^0.0.9",
     "ts-images": "^0.1.9",
     "ts-syntax-highlighter": "^0.2.1"