@nestjs-ssr/react 0.3.3 → 0.3.5

package/dist/index.js

@@ -7,13 +7,13 @@ var path = require('path');
 var devalue = require('devalue');
 var escapeHtml = require('escape-html');
 var server = require('react-dom/server');
-var React = require('react');
+var React2 = require('react');
 var operators = require('rxjs/operators');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var escapeHtml__default = /*#__PURE__*/_interopDefault(escapeHtml);
-var React__default = /*#__PURE__*/_interopDefault(React);
+var React2__default = /*#__PURE__*/_interopDefault(React2);
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
@@ -315,9 +315,13 @@ var StringRenderer = class _StringRenderer {
         throw new Error("Server bundle not found in manifest. Run `pnpm build:server` to generate the server bundle.");
       }
     }
-    const { data: pageData, __context: pageContext } = data;
+    const { data: pageData, __context: pageContext, __layouts: layouts } = data;
     const html = await renderModule.renderSegment(viewComponent, data);
     const componentName = viewComponent.displayName || viewComponent.name || "Component";
+    const layoutMetadata = layouts ? layouts.map((l) => ({
+      name: l.layout.displayName || l.layout.name || "default",
+      props: l.props
+    })) : [];
     if (context.isDevelopment) {
       const duration = Date.now() - startTime;
       this.logger.log(`[SSR] ${componentName} segment rendered in ${duration}ms`);
@@ -328,7 +332,8 @@ var StringRenderer = class _StringRenderer {
       props: pageData,
       swapTarget,
       componentName,
-      context: pageContext
+      context: pageContext,
+      layouts: layoutMetadata
     };
   }
 };
@@ -339,16 +344,18 @@ StringRenderer = _ts_decorate2([
     typeof exports.TemplateParserService === "undefined" ? Object : exports.TemplateParserService
   ])
 ], StringRenderer);
+
+// src/render/error-pages/error-page-development.tsx
 function ErrorPageDevelopment({ error, viewPath, phase }) {
   const stackLines = error.stack ? error.stack.split("\n").slice(1) : [];
-  return /* @__PURE__ */ React__default.default.createElement("html", {
+  return /* @__PURE__ */ React.createElement("html", {
     lang: "en"
-  }, /* @__PURE__ */ React__default.default.createElement("head", null, /* @__PURE__ */ React__default.default.createElement("meta", {
+  }, /* @__PURE__ */ React.createElement("head", null, /* @__PURE__ */ React.createElement("meta", {
     charSet: "UTF-8"
-  }), /* @__PURE__ */ React__default.default.createElement("meta", {
+  }), /* @__PURE__ */ React.createElement("meta", {
     name: "viewport",
     content: "width=device-width, initial-scale=1.0"
-  }), /* @__PURE__ */ React__default.default.createElement("title", null, `SSR Error - ${error.name}`), /* @__PURE__ */ React__default.default.createElement("style", {
+  }), /* @__PURE__ */ React.createElement("title", null, `SSR Error - ${error.name}`), /* @__PURE__ */ React.createElement("style", {
     dangerouslySetInnerHTML: {
       __html: `
               body {
@@ -399,28 +406,30 @@ function ErrorPageDevelopment({ error, viewPath, phase }) {
               }
             `
     }
-  })), /* @__PURE__ */ React__default.default.createElement("body", null, /* @__PURE__ */ React__default.default.createElement("div", {
+  })), /* @__PURE__ */ React.createElement("body", null, /* @__PURE__ */ React.createElement("div", {
     className: "error-container"
-  }, /* @__PURE__ */ React__default.default.createElement("h1", null, "Server-Side Rendering Error"), /* @__PURE__ */ React__default.default.createElement("div", {
+  }, /* @__PURE__ */ React.createElement("h1", null, "Server-Side Rendering Error"), /* @__PURE__ */ React.createElement("div", {
     className: "error-type"
-  }, error.name), /* @__PURE__ */ React__default.default.createElement("div", {
+  }, error.name), /* @__PURE__ */ React.createElement("div", {
     className: "error-message"
-  }, error.message), /* @__PURE__ */ React__default.default.createElement("h2", null, "Stack Trace"), /* @__PURE__ */ React__default.default.createElement("div", {
+  }, error.message), /* @__PURE__ */ React.createElement("h2", null, "Stack Trace"), /* @__PURE__ */ React.createElement("div", {
     className: "stack-trace"
-  }, /* @__PURE__ */ React__default.default.createElement("pre", null, stackLines.join("\n"))), /* @__PURE__ */ React__default.default.createElement("div", {
+  }, /* @__PURE__ */ React.createElement("pre", null, stackLines.join("\n"))), /* @__PURE__ */ React.createElement("div", {
     className: "meta"
-  }, /* @__PURE__ */ React__default.default.createElement("p", null, /* @__PURE__ */ React__default.default.createElement("strong", null, "View Path:"), " ", viewPath), /* @__PURE__ */ React__default.default.createElement("p", null, /* @__PURE__ */ React__default.default.createElement("strong", null, "Error Phase:"), " ", phase === "shell" ? "Shell (before streaming started)" : "Streaming (during content delivery)"), /* @__PURE__ */ React__default.default.createElement("p", null, /* @__PURE__ */ React__default.default.createElement("strong", null, "Environment:"), " Development")))));
+  }, /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("strong", null, "View Path:"), " ", viewPath), /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("strong", null, "Error Phase:"), " ", phase === "shell" ? "Shell (before streaming started)" : "Streaming (during content delivery)"), /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("strong", null, "Environment:"), " Development")))));
 }
 __name(ErrorPageDevelopment, "ErrorPageDevelopment");
+
+// src/render/error-pages/error-page-production.tsx
 function ErrorPageProduction() {
-  return /* @__PURE__ */ React__default.default.createElement("html", {
+  return /* @__PURE__ */ React.createElement("html", {
     lang: "en"
-  }, /* @__PURE__ */ React__default.default.createElement("head", null, /* @__PURE__ */ React__default.default.createElement("meta", {
+  }, /* @__PURE__ */ React.createElement("head", null, /* @__PURE__ */ React.createElement("meta", {
     charSet: "UTF-8"
-  }), /* @__PURE__ */ React__default.default.createElement("meta", {
+  }), /* @__PURE__ */ React.createElement("meta", {
     name: "viewport",
     content: "width=device-width, initial-scale=1.0"
-  }), /* @__PURE__ */ React__default.default.createElement("title", null, "Error"), /* @__PURE__ */ React__default.default.createElement("style", {
+  }), /* @__PURE__ */ React.createElement("title", null, "Error"), /* @__PURE__ */ React.createElement("style", {
     dangerouslySetInnerHTML: {
       __html: `
               body {
@@ -447,9 +456,9 @@ function ErrorPageProduction() {
               }
             `
     }
-  })), /* @__PURE__ */ React__default.default.createElement("body", null, /* @__PURE__ */ React__default.default.createElement("div", {
+  })), /* @__PURE__ */ React.createElement("body", null, /* @__PURE__ */ React.createElement("div", {
     className: "error-container"
-  }, /* @__PURE__ */ React__default.default.createElement("h1", null, "500"), /* @__PURE__ */ React__default.default.createElement("p", null, "Internal Server Error"), /* @__PURE__ */ React__default.default.createElement("p", null, "Something went wrong while rendering this page."))));
+  }, /* @__PURE__ */ React.createElement("h1", null, "500"), /* @__PURE__ */ React.createElement("p", null, "Internal Server Error"), /* @__PURE__ */ React.createElement("p", null, "Something went wrong while rendering this page."))));
 }
 __name(ErrorPageProduction, "ErrorPageProduction");
 
@@ -516,7 +525,7 @@ exports.StreamingErrorHandler = class _StreamingErrorHandler {
   */
   renderDevelopmentErrorPage(error, viewPath, phase) {
     const ErrorComponent = this.errorPageDevelopment || ErrorPageDevelopment;
-    const element = React.createElement(ErrorComponent, {
+    const element = React2.createElement(ErrorComponent, {
       error,
       viewPath,
       phase
@@ -528,7 +537,7 @@ exports.StreamingErrorHandler = class _StreamingErrorHandler {
   */
   renderProductionErrorPage() {
     const ErrorComponent = this.errorPageProduction || ErrorPageProduction;
-    const element = React.createElement(ErrorComponent);
+    const element = React2.createElement(ErrorComponent);
     return "<!DOCTYPE html>\n" + server.renderToStaticMarkup(element);
   }
   /**
@@ -1093,11 +1102,13 @@ exports.RenderInterceptor = class RenderInterceptor {
   renderService;
   allowedHeaders;
   allowedCookies;
-  constructor(reflector, renderService, allowedHeaders, allowedCookies) {
+  contextFactory;
+  constructor(reflector, renderService, allowedHeaders, allowedCookies, contextFactory) {
     this.reflector = reflector;
     this.renderService = renderService;
     this.allowedHeaders = allowedHeaders;
     this.allowedCookies = allowedCookies;
+    this.contextFactory = contextFactory;
   }
   /**
   * Resolve the layout hierarchy for a given route
@@ -1237,6 +1248,14 @@ exports.RenderInterceptor = class RenderInterceptor {
           renderContext.cookies = cookies;
         }
       }
+      if (this.contextFactory) {
+        const customContext = await this.contextFactory({
+          req: request
+        });
+        if (customContext) {
+          Object.assign(renderContext, customContext);
+        }
+      }
       const renderResponse = isRenderResponse(data) ? data : {
         props: data
       };
@@ -1283,12 +1302,15 @@ exports.RenderInterceptor = _ts_decorate6([
   _ts_param3(2, common.Inject("ALLOWED_HEADERS")),
   _ts_param3(3, common.Optional()),
   _ts_param3(3, common.Inject("ALLOWED_COOKIES")),
+  _ts_param3(4, common.Optional()),
+  _ts_param3(4, common.Inject("CONTEXT_FACTORY")),
   _ts_metadata5("design:type", Function),
   _ts_metadata5("design:paramtypes", [
     typeof core.Reflector === "undefined" ? Object : core.Reflector,
     typeof exports.RenderService === "undefined" ? Object : exports.RenderService,
     Array,
-    Array
+    Array,
+    typeof ContextFactory === "undefined" ? Object : ContextFactory
   ])
 ], exports.RenderInterceptor);
 function _ts_decorate7(decorators, target, key, desc) {
@@ -1532,6 +1554,12 @@ exports.RenderModule = class _RenderModule {
       provide: "ALLOWED_COOKIES",
       useValue: config?.allowedCookies || []
     });
+    if (config?.context) {
+      providers.push({
+        provide: "CONTEXT_FACTORY",
+        useValue: config.context
+      });
+    }
     return {
       global: true,
       module: _RenderModule,
@@ -1650,6 +1678,13 @@ exports.RenderModule = class _RenderModule {
         inject: [
           "RENDER_CONFIG"
         ]
+      },
+      {
+        provide: "CONTEXT_FACTORY",
+        useFactory: /* @__PURE__ */ __name((config) => config?.context, "useFactory"),
+        inject: [
+          "RENDER_CONFIG"
+        ]
       }
     ];
     return {
@@ -1703,7 +1738,7 @@ var CONTEXT_KEY = /* @__PURE__ */ Symbol.for("nestjs-ssr.PageContext");
 var globalStore = globalThis;
 function getOrCreateContext() {
   if (!globalStore[CONTEXT_KEY]) {
-    globalStore[CONTEXT_KEY] = /* @__PURE__ */ React.createContext(null);
+    globalStore[CONTEXT_KEY] = /* @__PURE__ */ React2.createContext(null);
   }
   return globalStore[CONTEXT_KEY];
 }
@@ -1712,13 +1747,32 @@ var PageContext = getOrCreateContext();
 function registerPageContextState(setter) {
 }
 __name(registerPageContextState, "registerPageContextState");
+var segmentSetters = /* @__PURE__ */ new Set();
+function registerSegmentSetter(setter) {
+  segmentSetters.add(setter);
+}
+__name(registerSegmentSetter, "registerSegmentSetter");
+function unregisterSegmentSetter(setter) {
+  segmentSetters.delete(setter);
+}
+__name(unregisterSegmentSetter, "unregisterSegmentSetter");
+function broadcastToSegments(context) {
+  segmentSetters.forEach((setter) => setter(context));
+}
+__name(broadcastToSegments, "broadcastToSegments");
 function PageContextProvider({ context: initialContext, children, isSegment = false }) {
-  const [context, setContext] = React.useState(initialContext);
-  React.useEffect(() => {
+  const [context, setContext] = React2.useState(initialContext);
+  React2.useEffect(() => {
+    if (!isSegment) {
+      return void 0;
+    } else {
+      registerSegmentSetter(setContext);
+      return () => unregisterSegmentSetter(setContext);
+    }
   }, [
     isSegment
   ]);
-  return /* @__PURE__ */ React__default.default.createElement(PageContext.Provider, {
+  return /* @__PURE__ */ React2__default.default.createElement(PageContext.Provider, {
     value: context
   }, children);
 }
@@ -1730,7 +1784,7 @@ function createSSRHooks() {
     * Contains URL metadata, headers, and any custom properties you've added.
     */
     usePageContext: /* @__PURE__ */ __name(() => {
-      const context = React.useContext(PageContext);
+      const context = React2.useContext(PageContext);
       if (!context) {
         throw new Error("usePageContext must be used within PageContextProvider");
       }
@@ -1747,7 +1801,7 @@ function createSSRHooks() {
     * ```
     */
     useParams: /* @__PURE__ */ __name(() => {
-      const context = React.useContext(PageContext);
+      const context = React2.useContext(PageContext);
       if (!context) {
         throw new Error("useParams must be used within PageContextProvider");
       }
@@ -1765,7 +1819,7 @@ function createSSRHooks() {
     * ```
     */
     useQuery: /* @__PURE__ */ __name(() => {
-      const context = React.useContext(PageContext);
+      const context = React2.useContext(PageContext);
       if (!context) {
         throw new Error("useQuery must be used within PageContextProvider");
       }
@@ -1785,7 +1839,7 @@ function createSSRHooks() {
     * ```
     */
     useRequest: /* @__PURE__ */ __name(() => {
-      const context = React.useContext(PageContext);
+      const context = React2.useContext(PageContext);
       if (!context) {
         throw new Error("useRequest must be used within PageContextProvider");
       }
@@ -1811,7 +1865,7 @@ function createSSRHooks() {
     * ```
     */
     useHeaders: /* @__PURE__ */ __name(() => {
-      const context = React.useContext(PageContext);
+      const context = React2.useContext(PageContext);
       if (!context) {
         throw new Error("useHeaders must be used within PageContextProvider");
       }
@@ -1846,7 +1900,7 @@ function createSSRHooks() {
     * ```
     */
     useHeader: /* @__PURE__ */ __name((name) => {
-      const context = React.useContext(PageContext);
+      const context = React2.useContext(PageContext);
       if (!context) {
         throw new Error("useHeader must be used within PageContextProvider");
       }
@@ -1872,7 +1926,7 @@ function createSSRHooks() {
     * ```
     */
     useCookies: /* @__PURE__ */ __name(() => {
-      const context = React.useContext(PageContext);
+      const context = React2.useContext(PageContext);
       if (!context) {
         throw new Error("useCookies must be used within PageContextProvider");
       }
@@ -1894,7 +1948,7 @@ function createSSRHooks() {
     * ```
     */
     useCookie: /* @__PURE__ */ __name((name) => {
-      const context = React.useContext(PageContext);
+      const context = React2.useContext(PageContext);
       if (!context) {
         throw new Error("useCookie must be used within PageContextProvider");
       }

package/dist/index.mjs

@@ -1,11 +1,11 @@
 import { Injectable, Logger, Optional, Inject, Global, Module, SetMetadata } from '@nestjs/common';
-import { HttpAdapterHost, APP_INTERCEPTOR, Reflector } from '@nestjs/core';
+import { Reflector, HttpAdapterHost, APP_INTERCEPTOR } from '@nestjs/core';
 import { existsSync, readFileSync } from 'fs';
 import { join, relative } from 'path';
 import { uneval } from 'devalue';
 import escapeHtml from 'escape-html';
 import { renderToStaticMarkup } from 'react-dom/server';
-import React, { createElement, createContext, useContext, useState, useEffect } from 'react';
+import React2, { createElement, createContext, useContext, useState, useEffect } from 'react';
 import { switchMap } from 'rxjs/operators';
 
 var __defProp = Object.defineProperty;
@@ -308,9 +308,13 @@ var StringRenderer = class _StringRenderer {
         throw new Error("Server bundle not found in manifest. Run `pnpm build:server` to generate the server bundle.");
       }
     }
-    const { data: pageData, __context: pageContext } = data;
+    const { data: pageData, __context: pageContext, __layouts: layouts } = data;
     const html = await renderModule.renderSegment(viewComponent, data);
     const componentName = viewComponent.displayName || viewComponent.name || "Component";
+    const layoutMetadata = layouts ? layouts.map((l) => ({
+      name: l.layout.displayName || l.layout.name || "default",
+      props: l.props
+    })) : [];
     if (context.isDevelopment) {
       const duration = Date.now() - startTime;
       this.logger.log(`[SSR] ${componentName} segment rendered in ${duration}ms`);
@@ -321,7 +325,8 @@ var StringRenderer = class _StringRenderer {
       props: pageData,
       swapTarget,
       componentName,
-      context: pageContext
+      context: pageContext,
+      layouts: layoutMetadata
     };
   }
 };
@@ -332,6 +337,8 @@ StringRenderer = _ts_decorate2([
     typeof TemplateParserService === "undefined" ? Object : TemplateParserService
   ])
 ], StringRenderer);
+
+// src/render/error-pages/error-page-development.tsx
 function ErrorPageDevelopment({ error, viewPath, phase }) {
   const stackLines = error.stack ? error.stack.split("\n").slice(1) : [];
   return /* @__PURE__ */ React.createElement("html", {
@@ -405,6 +412,8 @@ function ErrorPageDevelopment({ error, viewPath, phase }) {
   }, /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("strong", null, "View Path:"), " ", viewPath), /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("strong", null, "Error Phase:"), " ", phase === "shell" ? "Shell (before streaming started)" : "Streaming (during content delivery)"), /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("strong", null, "Environment:"), " Development")))));
 }
 __name(ErrorPageDevelopment, "ErrorPageDevelopment");
+
+// src/render/error-pages/error-page-production.tsx
 function ErrorPageProduction() {
   return /* @__PURE__ */ React.createElement("html", {
     lang: "en"
@@ -1086,11 +1095,13 @@ var RenderInterceptor = class {
   renderService;
   allowedHeaders;
   allowedCookies;
-  constructor(reflector, renderService, allowedHeaders, allowedCookies) {
+  contextFactory;
+  constructor(reflector, renderService, allowedHeaders, allowedCookies, contextFactory) {
     this.reflector = reflector;
     this.renderService = renderService;
     this.allowedHeaders = allowedHeaders;
     this.allowedCookies = allowedCookies;
+    this.contextFactory = contextFactory;
   }
   /**
   * Resolve the layout hierarchy for a given route
@@ -1230,6 +1241,14 @@ var RenderInterceptor = class {
           renderContext.cookies = cookies;
         }
       }
+      if (this.contextFactory) {
+        const customContext = await this.contextFactory({
+          req: request
+        });
+        if (customContext) {
+          Object.assign(renderContext, customContext);
+        }
+      }
       const renderResponse = isRenderResponse(data) ? data : {
         props: data
       };
@@ -1276,12 +1295,15 @@ RenderInterceptor = _ts_decorate6([
   _ts_param3(2, Inject("ALLOWED_HEADERS")),
   _ts_param3(3, Optional()),
   _ts_param3(3, Inject("ALLOWED_COOKIES")),
+  _ts_param3(4, Optional()),
+  _ts_param3(4, Inject("CONTEXT_FACTORY")),
   _ts_metadata5("design:type", Function),
   _ts_metadata5("design:paramtypes", [
     typeof Reflector === "undefined" ? Object : Reflector,
     typeof RenderService === "undefined" ? Object : RenderService,
     Array,
-    Array
+    Array,
+    typeof ContextFactory === "undefined" ? Object : ContextFactory
   ])
 ], RenderInterceptor);
 function _ts_decorate7(decorators, target, key, desc) {
@@ -1525,6 +1547,12 @@ var RenderModule = class _RenderModule {
       provide: "ALLOWED_COOKIES",
       useValue: config?.allowedCookies || []
     });
+    if (config?.context) {
+      providers.push({
+        provide: "CONTEXT_FACTORY",
+        useValue: config.context
+      });
+    }
     return {
       global: true,
       module: _RenderModule,
@@ -1643,6 +1671,13 @@ var RenderModule = class _RenderModule {
         inject: [
           "RENDER_CONFIG"
         ]
+      },
+      {
+        provide: "CONTEXT_FACTORY",
+        useFactory: /* @__PURE__ */ __name((config) => config?.context, "useFactory"),
+        inject: [
+          "RENDER_CONFIG"
+        ]
       }
     ];
     return {
@@ -1705,13 +1740,32 @@ var PageContext = getOrCreateContext();
 function registerPageContextState(setter) {
 }
 __name(registerPageContextState, "registerPageContextState");
+var segmentSetters = /* @__PURE__ */ new Set();
+function registerSegmentSetter(setter) {
+  segmentSetters.add(setter);
+}
+__name(registerSegmentSetter, "registerSegmentSetter");
+function unregisterSegmentSetter(setter) {
+  segmentSetters.delete(setter);
+}
+__name(unregisterSegmentSetter, "unregisterSegmentSetter");
+function broadcastToSegments(context) {
+  segmentSetters.forEach((setter) => setter(context));
+}
+__name(broadcastToSegments, "broadcastToSegments");
 function PageContextProvider({ context: initialContext, children, isSegment = false }) {
   const [context, setContext] = useState(initialContext);
   useEffect(() => {
+    if (!isSegment) {
+      return void 0;
+    } else {
+      registerSegmentSetter(setContext);
+      return () => unregisterSegmentSetter(setContext);
+    }
   }, [
     isSegment
   ]);
-  return /* @__PURE__ */ React.createElement(PageContext.Provider, {
+  return /* @__PURE__ */ React2.createElement(PageContext.Provider, {
     value: context
   }, children);
 }

package/dist/render/index.d.mts

@@ -1,9 +1,9 @@
-export { E as ErrorPageDevelopment, e as ErrorPageProduction, b as RenderInterceptor, R as RenderModule, a as RenderService, S as StreamingErrorHandler, T as TemplateParserService } from '../index-DdE--mA2.mjs';
+export { E as ErrorPageDevelopment, e as ErrorPageProduction, b as RenderInterceptor, R as RenderModule, a as RenderService, S as StreamingErrorHandler, T as TemplateParserService } from '../index-CiYcz-1T.mjs';
 import '@nestjs/common';
 import 'react';
-import '../render-response.interface-CxbuKGnV.mjs';
-import 'vite';
 import 'express';
+import '../render-response.interface-ClWJXKL4.mjs';
+import 'vite';
 import '@nestjs/core';
 import 'rxjs';
 import 'react/jsx-runtime';

package/dist/render/index.d.ts

@@ -1,9 +1,9 @@
-export { E as ErrorPageDevelopment, e as ErrorPageProduction, b as RenderInterceptor, R as RenderModule, a as RenderService, S as StreamingErrorHandler, T as TemplateParserService } from '../index-BzOLOiIZ.js';
+export { E as ErrorPageDevelopment, e as ErrorPageProduction, b as RenderInterceptor, R as RenderModule, a as RenderService, S as StreamingErrorHandler, T as TemplateParserService } from '../index-Dq2qZSge.js';
 import '@nestjs/common';
 import 'react';
-import '../render-response.interface-CxbuKGnV.js';
-import 'vite';
 import 'express';
+import '../render-response.interface-ClWJXKL4.js';
+import 'vite';
 import '@nestjs/core';
 import 'rxjs';
 import 'react/jsx-runtime';