@stacksjs/stx 0.2.130 → 0.2.131

package/dist/utils.js

@@ -22,8 +22,37 @@ export {
   extractVariables,
   hasVariables
 } from "./variable-extractor.js";
-const componentsCache = new LRUCache(500);
+const componentsCache = new LRUCache(500), componentResolutionCache = new LRUCache(1000), componentRenderCache = new LRUCache(2000);
 let scopeIdCounter = 0;
+function serializeComponentRenderInput(value) {
+  const seen = new WeakSet;
+  try {
+    const normalize = (input) => {
+      if (input === void 0)
+        return { __stxType: "undefined" };
+      if (typeof input === "bigint")
+        return { __stxType: "bigint", value: input.toString() };
+      if (typeof input === "function" || typeof input === "symbol")
+        throw TypeError("Non-serializable component input");
+      if (input === null || typeof input !== "object")
+        return input;
+      if (seen.has(input))
+        throw TypeError("Circular component input");
+      seen.add(input);
+      if (input instanceof Date)
+        return { __stxType: "date", value: input.toISOString() };
+      if (Array.isArray(input))
+        return input.map(normalize);
+      const normalized = {};
+      for (const key of Object.keys(input).sort())
+        normalized[key] = normalize(input[key]);
+      return normalized;
+    };
+    return JSON.stringify(normalize(value));
+  } catch {
+    return null;
+  }
+}
 function escapeAttr(str) {
   return str.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
@@ -441,10 +470,16 @@ export async function renderComponentWithSlot(componentPath, props, slotContent,
       }))];
       searchDirs.length = 0;
       searchDirs.push(...normalizedSearchDirs);
-      if (baseName.startsWith("./") || baseName.startsWith("../")) {
+      const resolutionCacheKey = `${baseName}\x00${parentFilePath}\x00${normalizedSearchDirs.join("\x00")}`, cachedResolution = componentResolutionCache.get(resolutionCacheKey);
+      if (cachedResolution)
+        if (await fileExists(cachedResolution))
+          componentFilePath = cachedResolution;
+        else
+          componentResolutionCache.delete(resolutionCacheKey);
+      if (!componentFilePath && (baseName.startsWith("./") || baseName.startsWith("../"))) {
         componentFilePath = path.resolve(path.dirname(parentFilePath), `${baseName}.stx`);
         triedPaths.push(componentFilePath);
-      } else
+      } else if (!componentFilePath)
         for (const dir of searchDirs) {
           if (!dir)
             continue;
@@ -497,6 +532,8 @@ export async function renderComponentWithSlot(componentPath, props, slotContent,
           if (componentFilePath)
             break;
         }
+      if (componentFilePath)
+        componentResolutionCache.set(resolutionCacheKey, componentFilePath);
     }
     if (!componentFilePath || !await fileExists(componentFilePath)) {
       const searchInfo = triedPaths.length > 0 ? `
@@ -540,7 +577,26 @@ ${triedPaths.map((p) => `  - ${p}`).join(`
     const templateBlock = findSfcTemplateBlock(workingContent);
     if (templateBlock)
       workingContent = templateBlock.content.trim();
-    const scriptRegex = /<script\b([^>]*)>([\s\S]*?)<\/script>/gi, scriptMatches = [...componentContent.matchAll(scriptRegex)], clientScripts = [];
+    const scriptRegex = /<script\b([^>]*)>([\s\S]*?)<\/script>/gi, scriptMatches = [...componentContent.matchAll(scriptRegex)], clientScripts = [], cacheableServerComponent = scriptMatches.some((match) => /\bserver\b/.test(match[1] || "") && /\bcache\b/.test(match[1] || "")) && scriptMatches.every((match) => /\bserver\b/.test(match[1] || ""));
+    let componentRenderCacheKey = null, dependencyBaseline = null;
+    if (cacheableServerComponent) {
+      const serializedInput = serializeComponentRenderInput({
+        props,
+        slot: slotContent,
+        buildMode: options.buildMode ?? "",
+        skipEventDirectives: options.skipEventDirectives === !0
+      });
+      if (serializedInput !== null) {
+        componentRenderCacheKey = `${componentFilePath}\x00${serializedInput}`;
+        const cachedRender = componentRenderCache.get(componentRenderCacheKey);
+        if (cachedRender) {
+          for (const dependency of cachedRender.dependencies)
+            dependencies.add(dependency);
+          return cachedRender.output;
+        }
+        dependencyBaseline = new Set(dependencies);
+      }
+    }
     for (const match of scriptMatches) {
       const attrs = match[1] || "";
       let content = match[2] || "";
@@ -701,6 +757,11 @@ finally {
       if (scopedStyleResult.hasScoped)
         output = scopedStyleResult.html;
     }
+    if (componentRenderCacheKey && dependencyBaseline)
+      componentRenderCache.set(componentRenderCacheKey, {
+        output,
+        dependencies: [...dependencies].filter((dependency) => !dependencyBaseline.has(dependency))
+      });
     return output;
   } catch (error) {
     return `[Error processing component: ${error instanceof Error ? error.message : String(error)}]`;
@@ -989,6 +1050,8 @@ ${colors.dim}${context}${colors.reset}
 }
 export function clearComponentCache() {
   componentsCache.clear();
+  componentResolutionCache.clear();
+  componentRenderCache.clear();
 }
 export function getComponentCacheStats() {
   return {

package/package.json

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