@lwrjs/lwc-ssr 0.13.0 → 0.13.2

package/README.md

@@ -158,6 +158,7 @@ interface SsrDataResponse {
             fetchpriority?: 'high' | 'low' | 'auto';
         }[];
         scripts?: { body: string }[]; // for security, all scripts are inlined with `type="application/ld+json"`
+        styles?: { body: string; id?: string }[]; // <style> tags
     };
     cache?: {
         ttl?: string | number; // time-to-live: time string or number of seconds
@@ -220,6 +221,7 @@ export async function getServerData(context: SsrRequestContext): Promise<SsrData
                 },
             ],
             scripts: [{ body: `{ "tags": "${category}" }` }], // SEO data
+            styles: [{ body: 'body { margin: 0 }' }],
         },
         cache: { ttl: '60s' },
     };

package/build/cjs/utils.cjs

@@ -226,15 +226,22 @@ function createLinkTags(links) {
 `;
   }, "");
 }
+function createStyleTags(styles) {
+  return styles.reduce((styleStr, {body, id}) => {
+    const idStr = id ? ` id="${id}"` : "";
+    return styleStr + `<style type="text/css"${idStr}>${body}</style>
+`;
+  }, "");
+}
 function createHeadMarkup(results) {
   let hasTitle = false;
-  return results.reduce((str, {markup: {title, scripts = [], meta = [], links = []} = {}}) => {
+  return results.reduce((str, {markup: {title, scripts = [], meta = [], links = [], styles = []} = {}}) => {
     if (title && !hasTitle) {
       hasTitle = true;
       str += `<title>${title}</title>
 `;
     }
-    return str + createMetaTags(meta) + createScriptTags(scripts) + createLinkTags(links);
+    return str + createMetaTags(meta) + createScriptTags(scripts) + createLinkTags(links) + createStyleTags(styles);
   }, "");
 }
 function addHeadMarkup(results, stringBuilder) {

package/build/es/utils.js

@@ -243,6 +243,12 @@ function createLinkTags(links) {
         return linkStr + `<link href="${href}"${relStr}${asStr}${fetchStr}>\n`;
     }, '');
 }
+function createStyleTags(styles) {
+    return styles.reduce((styleStr, { body, id }) => {
+        const idStr = id ? ` id="${id}"` : '';
+        return styleStr + `<style type="text/css"${idStr}>${body}</style>\n`;
+    }, '');
+}
 /**
  * Serialize SsrDataResponse.markup into an HTML string
  * @param results An array of responses from getServerData hooks
@@ -252,13 +258,17 @@ export function createHeadMarkup(results) {
     // Loop through the <title>, <script>, <meta>, and <link> tag information
     // Create an HTML string for each tag
     let hasTitle = false;
-    return results.reduce((str, { markup: { title, scripts = [], meta = [], links = [] } = {} }) => {
+    return results.reduce((str, { markup: { title, scripts = [], meta = [], links = [], styles = [] } = {} }) => {
         if (title && !hasTitle) {
             // first <title> wins
             hasTitle = true;
             str += `<title>${title}</title>\n`;
         }
-        return str + createMetaTags(meta) + createScriptTags(scripts) + createLinkTags(links);
+        return (str +
+            createMetaTags(meta) +
+            createScriptTags(scripts) +
+            createLinkTags(links) +
+            createStyleTags(styles));
     }, '');
 }
 /**

package/package.json

@@ -4,7 +4,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "0.13.0",
+    "version": "0.13.2",
     "homepage": "https://developer.salesforce.com/docs/platform/lwr/overview",
     "repository": {
         "type": "git",
@@ -42,16 +42,16 @@
         "build/**/*.d.ts"
     ],
     "dependencies": {
-        "@lwrjs/config": "0.13.0",
-        "@lwrjs/diagnostics": "0.13.0",
-        "@lwrjs/instrumentation": "0.13.0",
-        "@lwrjs/loader": "0.13.0",
-        "@lwrjs/shared-utils": "0.13.0",
+        "@lwrjs/config": "0.13.2",
+        "@lwrjs/diagnostics": "0.13.2",
+        "@lwrjs/instrumentation": "0.13.2",
+        "@lwrjs/loader": "0.13.2",
+        "@lwrjs/shared-utils": "0.13.2",
         "fs-extra": "^11.2.0",
         "lru-cache": "^10.4.3"
     },
     "devDependencies": {
-        "@lwrjs/types": "0.13.0",
+        "@lwrjs/types": "0.13.2",
         "jest": "^26.6.3",
         "mock-fs": "^5.2.0",
         "ts-jest": "^26.5.6"
@@ -62,5 +62,5 @@
     "volta": {
         "extends": "../../../package.json"
     },
-    "gitHead": "21dc6b8ffd2e633f36b46daf9e1563992c5143b9"
+    "gitHead": "607ec6610069ef1214b4c20f146ab97225554405"
 }