@lwrjs/lwc-ssr 0.10.2 → 0.10.4

package/build/cjs/identity.cjs

@@ -10,12 +10,10 @@ __markAsModule(exports);
 __export(exports, {
   LWC_SSR_PREFIX: () => LWC_SSR_PREFIX,
   SSR_PROPS_ATTR: () => SSR_PROPS_ATTR,
-  SSR_PROPS_KEY: () => SSR_PROPS_KEY,
   getPropsId: () => getPropsId
 });
 var LWC_SSR_PREFIX = "@lwrjs/lwc-ssr/";
 var SSR_PROPS_ATTR = "data-lwr-props-id";
-var SSR_PROPS_KEY = "ssrProps";
 function getPropsId() {
   return `lwcprops${Math.floor(Math.random() * 65536).toString(16)}`;
 }

package/build/cjs/viewTransformer/index.cjs

@@ -32,12 +32,16 @@ var import_ssr_element = __toModule(require("./ssr-element.cjs"));
 function lwcSsrViewTransformer(options, {moduleBundler, resourceRegistry}) {
   return {
     name: "ssr-lwc-transformer",
-    async link(stringBuilder, viewContext, {customElements}) {
+    async link(stringBuilder, viewContext, metadata) {
       if (!viewContext.view.bootstrap?.ssr) {
         return {};
       }
       import_shared_utils.logger.debug("[lwcSsrViewTransformer] link");
       import_shared_utils.logger.verbose("[lwcSsrViewTransformer] link input", stringBuilder);
+      if (!metadata.ssrProps) {
+        metadata.ssrProps = {};
+      }
+      const {customElements, ssrProps} = metadata;
       const ssrModules = [];
       for (const [index, {tagName, location, props}] of customElements.entries()) {
         const isCsr = (0, import_shared_utils.isCsrIsland)(props);
@@ -58,7 +62,6 @@ function lwcSsrViewTransformer(options, {moduleBundler, resourceRegistry}) {
           });
         }
       }
-      const ssrProps = {};
       let ssrLinks = "";
       let pageTtl;
       await Promise.all(ssrModules.map(({index, specifier, tagName, props: rawProps = {}, startOffset, endOffset}) => {
@@ -93,9 +96,6 @@ function lwcSsrViewTransformer(options, {moduleBundler, resourceRegistry}) {
           import_shared_utils.logger.warn(`Server-side rendering for "${specifier}" failed. Falling back to client-side rendering. Reason: `, err.stack);
         });
       }));
-      if (Object.keys(ssrProps).length) {
-        stringBuilder.prependLeft(ssrModules[0].startOffset, `<script type="application/javascript">globalThis.LWR = globalThis.LWR || {};globalThis.LWR.${import_identity.SSR_PROPS_KEY} = ${JSON.stringify(ssrProps)};</script>`);
-      }
       if (ssrLinks) {
         const headIndex = stringBuilder.original.indexOf("</head>");
         if (headIndex >= 0) {

package/build/es/identity.d.ts

@@ -1,5 +1,4 @@
 export declare const LWC_SSR_PREFIX = "@lwrjs/lwc-ssr/";
 export declare const SSR_PROPS_ATTR = "data-lwr-props-id";
-export declare const SSR_PROPS_KEY = "ssrProps";
 export declare function getPropsId(): string;
 //# sourceMappingURL=identity.d.ts.map

package/build/es/identity.js

@@ -1,6 +1,5 @@
 export const LWC_SSR_PREFIX = '@lwrjs/lwc-ssr/';
 export const SSR_PROPS_ATTR = 'data-lwr-props-id';
-export const SSR_PROPS_KEY = 'ssrProps';
 export function getPropsId() {
     return `lwcprops${Math.floor(Math.random() * 0x10000).toString(16)}`;
 }

package/build/es/viewTransformer/index.js

@@ -1,5 +1,5 @@
 import { HYDRATE_CLIENT_VALUE, HYDRATE_DIRECTIVE, isCsrIsland, isHydrateOnLoad, kebabCaseToModuleSpecifier, logger, shortestTtl, } from '@lwrjs/shared-utils';
-import { LWC_SSR_PREFIX, SSR_PROPS_ATTR, SSR_PROPS_KEY, getPropsId } from '../identity.js';
+import { LWC_SSR_PREFIX, SSR_PROPS_ATTR, getPropsId } from '../identity.js';
 import { ssrElement } from './ssr-element.js';
 /**
  * This is a view transformer run by the view registry during linking of a page document/route (configured in lwr.config.json[routes]).
@@ -22,12 +22,16 @@ import { ssrElement } from './ssr-element.js';
 export default function lwcSsrViewTransformer(options, { moduleBundler, resourceRegistry }) {
     return {
         name: 'ssr-lwc-transformer',
-        async link(stringBuilder, viewContext, { customElements }) {
+        async link(stringBuilder, viewContext, metadata) {
             if (!viewContext.view.bootstrap?.ssr) {
                 return {}; // no SSR
             }
             logger.debug('[lwcSsrViewTransformer] link');
             logger.verbose('[lwcSsrViewTransformer] link input', stringBuilder);
+            if (!metadata.ssrProps) {
+                metadata.ssrProps = {};
+            }
+            const { customElements, ssrProps } = metadata;
             // Gather all the SSRable custom elements (ie: root components) into 1 list
             const ssrModules = [];
             for (const [index, { tagName, location, props }] of customElements.entries()) {
@@ -51,7 +55,6 @@ export default function lwcSsrViewTransformer(options, { moduleBundler, resource
                 }
             }
             // SSR and gather the properties and links for each eligible custom element, in parallel
-            const ssrProps = {};
             let ssrLinks = '';
             let pageTtl;
             await Promise.all(ssrModules.map(({ index, specifier, tagName, props: rawProps = {}, startOffset, endOffset }) => {
@@ -96,11 +99,6 @@ export default function lwcSsrViewTransformer(options, { moduleBundler, resource
                     logger.warn(`Server-side rendering for "${specifier}" failed. Falling back to client-side rendering. Reason: `, err.stack);
                 });
             }));
-            if (Object.keys(ssrProps).length) {
-                // Serialize all root component properties into a single script for the page
-                // Append the script before the custom elements; it MUST appear before the AMD shim to avoid timing issues
-                stringBuilder.prependLeft(ssrModules[0].startOffset, `<script type="application/javascript">globalThis.LWR = globalThis.LWR || {};globalThis.LWR.${SSR_PROPS_KEY} = ${JSON.stringify(ssrProps)};</script>`);
-            }
             if (ssrLinks) {
                 // Add all the links to the <head> section of the base document
                 const headIndex = stringBuilder.original.indexOf('</head>');

package/package.json

@@ -4,7 +4,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "0.10.2",
+    "version": "0.10.4",
     "homepage": "https://developer.salesforce.com/docs/platform/lwr/overview",
     "repository": {
         "type": "git",
@@ -34,16 +34,16 @@
     ],
     "dependencies": {
         "@locker/near-membrane-node": "^0.12.15",
-        "@lwrjs/diagnostics": "0.10.2",
-        "@lwrjs/instrumentation": "0.10.2",
-        "@lwrjs/shared-utils": "0.10.2",
+        "@lwrjs/diagnostics": "0.10.4",
+        "@lwrjs/instrumentation": "0.10.4",
+        "@lwrjs/shared-utils": "0.10.4",
         "node-fetch": "^2.6.8"
     },
     "devDependencies": {
-        "@lwrjs/types": "0.10.2"
+        "@lwrjs/types": "0.10.4"
     },
     "engines": {
         "node": ">=16.0.0"
     },
-    "gitHead": "40988dfc093a3b9dea859f1bf61a49bca1edb0c5"
+    "gitHead": "b945f7642573141e5bda5ba4cb0dc3c622de907d"
 }