@lwc/ssr-runtime 8.17.0-alpha.1 → 8.17.0

package/dist/index.cjs.js

@@ -624,7 +624,7 @@ function normalizeTabIndex(value) {
     const shouldNormalize = value > 0 && typeof value !== 'boolean';
     return shouldNormalize ? 0 : value;
 }
-/** version: 8.16.2 */
+/** version: 8.17.0 */
 
 /*
  * Copyright (c) 2024, Salesforce, Inc.
@@ -1575,14 +1575,37 @@ function fallbackTmplNoYield(emit, shadowSlottedContent, _lightSlottedContent, _
     }
 }
 class RenderContext {
-    constructor(styleDedupePrefix, styleDedupeIsEnabled) {
+    constructor(styleDedupe) {
         this.stylesheetToId = new WeakMap();
         this.nextId = 0;
-        this.styleDedupeIsEnabled = styleDedupeIsEnabled;
-        this.styleDedupePrefix = styleDedupePrefix;
+        if (styleDedupe || styleDedupe === '') {
+            this.styleDedupePrefix = typeof styleDedupe === 'string' ? styleDedupe : '';
+            this.styleDedupeIsEnabled = true;
+        }
+        else {
+            this.styleDedupePrefix = '';
+            this.styleDedupeIsEnabled = false;
+        }
     }
 }
-async function serverSideRenderComponent(tagName, Component, props = {}, styleDedupePrefix = '', styleDedupeIsEnabled = false, mode = DEFAULT_SSR_MODE) {
+/**
+ * Create a string representing an LWC component for server-side rendering.
+ * @param tagName The HTML tag name of the component
+ * @param Component The `LightningElement` component constructor
+ * @param props HTML attributes to provide for the root component
+ * @param styleDedupe Provide a string key or `true` to enable style deduping via the `<lwc-style>`
+ * helper. The key is used to avoid collisions of global IDs.
+ * @param mode SSR render mode. Can be 'sync', 'async' or 'asyncYield'. Must match the render mode
+ * used to compile your component.
+ * @returns String representation of the component
+ */
+async function serverSideRenderComponent(tagName, Component, props = {}, styleDedupe = false, mode = DEFAULT_SSR_MODE) {
+    // TODO [#5309]: Remove this warning after a single release
+    if (process.env.NODE_ENV !== 'production') {
+        if (arguments.length === 6 || !['sync', 'async', 'asyncYield'].includes(mode)) {
+            throw new Error("The signature for @lwc/ssr-runtime's `renderComponent` has changed. There is now only one parameter for style dedupe.");
+        }
+    }
     if (typeof tagName !== 'string') {
         throw new Error(`tagName must be a string, found: ${tagName}`);
     }
@@ -1591,7 +1614,7 @@ async function serverSideRenderComponent(tagName, Component, props = {}, styleDe
     const emit = (segment) => {
         markup += segment;
     };
-    emit.cxt = new RenderContext(styleDedupePrefix, styleDedupeIsEnabled);
+    emit.cxt = new RenderContext(styleDedupe);
     if (!generateMarkup) {
         // If a non-component is accidentally provided, render an empty template
         emit(`<${tagName}>`);
@@ -1899,5 +1922,5 @@ exports.track = track;
 exports.unwrap = unwrap$1;
 exports.validateStyleTextContents = validateStyleTextContents;
 exports.wire = wire;
-/** version: 8.16.2 */
+/** version: 8.17.0 */
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.js

@@ -620,7 +620,7 @@ function normalizeTabIndex(value) {
     const shouldNormalize = value > 0 && typeof value !== 'boolean';
     return shouldNormalize ? 0 : value;
 }
-/** version: 8.16.2 */
+/** version: 8.17.0 */
 
 /*
  * Copyright (c) 2024, Salesforce, Inc.
@@ -1571,14 +1571,37 @@ function fallbackTmplNoYield(emit, shadowSlottedContent, _lightSlottedContent, _
     }
 }
 class RenderContext {
-    constructor(styleDedupePrefix, styleDedupeIsEnabled) {
+    constructor(styleDedupe) {
         this.stylesheetToId = new WeakMap();
         this.nextId = 0;
-        this.styleDedupeIsEnabled = styleDedupeIsEnabled;
-        this.styleDedupePrefix = styleDedupePrefix;
+        if (styleDedupe || styleDedupe === '') {
+            this.styleDedupePrefix = typeof styleDedupe === 'string' ? styleDedupe : '';
+            this.styleDedupeIsEnabled = true;
+        }
+        else {
+            this.styleDedupePrefix = '';
+            this.styleDedupeIsEnabled = false;
+        }
     }
 }
-async function serverSideRenderComponent(tagName, Component, props = {}, styleDedupePrefix = '', styleDedupeIsEnabled = false, mode = DEFAULT_SSR_MODE) {
+/**
+ * Create a string representing an LWC component for server-side rendering.
+ * @param tagName The HTML tag name of the component
+ * @param Component The `LightningElement` component constructor
+ * @param props HTML attributes to provide for the root component
+ * @param styleDedupe Provide a string key or `true` to enable style deduping via the `<lwc-style>`
+ * helper. The key is used to avoid collisions of global IDs.
+ * @param mode SSR render mode. Can be 'sync', 'async' or 'asyncYield'. Must match the render mode
+ * used to compile your component.
+ * @returns String representation of the component
+ */
+async function serverSideRenderComponent(tagName, Component, props = {}, styleDedupe = false, mode = DEFAULT_SSR_MODE) {
+    // TODO [#5309]: Remove this warning after a single release
+    if (process.env.NODE_ENV !== 'production') {
+        if (arguments.length === 6 || !['sync', 'async', 'asyncYield'].includes(mode)) {
+            throw new Error("The signature for @lwc/ssr-runtime's `renderComponent` has changed. There is now only one parameter for style dedupe.");
+        }
+    }
     if (typeof tagName !== 'string') {
         throw new Error(`tagName must be a string, found: ${tagName}`);
     }
@@ -1587,7 +1610,7 @@ async function serverSideRenderComponent(tagName, Component, props = {}, styleDe
     const emit = (segment) => {
         markup += segment;
     };
-    emit.cxt = new RenderContext(styleDedupePrefix, styleDedupeIsEnabled);
+    emit.cxt = new RenderContext(styleDedupe);
     if (!generateMarkup) {
         // If a non-component is accidentally provided, render an empty template
         emit(`<${tagName}>`);
@@ -1849,5 +1872,5 @@ function createContextProvider(adapter) {
 }
 
 export { ClassList, LightningElement, SYMBOL__DEFAULT_TEMPLATE, SYMBOL__GENERATE_MARKUP, SYMBOL__SET_INTERNALS, api, connectContext, createContextProvider, createElement, establishContextfulRelationship, fallbackTmpl, fallbackTmplNoYield, freezeTemplate, getComponentDef, hasScopedStaticStylesheets, hot, htmlEscape, isComponentConstructor, mutationTracker, normalizeClass, normalizeTabIndex, normalizeTextContent, parseFragment, parseSVGFragment, readonly, registerComponent, registerDecorators, registerTemplate, renderAttrs, renderAttrsNoYield, serverSideRenderComponent as renderComponent, renderStylesheets, renderTextContent, renderer, sanitizeAttribute, sanitizeHtmlContent, serverSideRenderComponent, setFeatureFlag, setFeatureFlagForTest, setHooks, swapComponent, swapStyle, swapTemplate, toIteratorDirective, track, unwrap$1 as unwrap, validateStyleTextContents, wire };
-/** version: 8.16.2 */
+/** version: 8.17.0 */
 //# sourceMappingURL=index.js.map

package/dist/render.d.ts

@@ -53,11 +53,22 @@ interface ComponentWithGenerateMarkup extends LightningElementConstructor {
 }
 export declare class RenderContext {
     styleDedupeIsEnabled: boolean;
-    stylesheetToId: WeakMap<Stylesheet, string>;
     styleDedupePrefix: string;
+    stylesheetToId: WeakMap<Stylesheet, string>;
     nextId: number;
-    constructor(styleDedupePrefix: string, styleDedupeIsEnabled: boolean);
+    constructor(styleDedupe: string | boolean);
 }
-export declare function serverSideRenderComponent(tagName: string, Component: ComponentWithGenerateMarkup, props?: Properties, styleDedupePrefix?: string, styleDedupeIsEnabled?: boolean, mode?: CompilationMode): Promise<string>;
+/**
+ * Create a string representing an LWC component for server-side rendering.
+ * @param tagName The HTML tag name of the component
+ * @param Component The `LightningElement` component constructor
+ * @param props HTML attributes to provide for the root component
+ * @param styleDedupe Provide a string key or `true` to enable style deduping via the `<lwc-style>`
+ * helper. The key is used to avoid collisions of global IDs.
+ * @param mode SSR render mode. Can be 'sync', 'async' or 'asyncYield'. Must match the render mode
+ * used to compile your component.
+ * @returns String representation of the component
+ */
+export declare function serverSideRenderComponent(tagName: string, Component: ComponentWithGenerateMarkup, props?: Properties, styleDedupe?: string | boolean, mode?: CompilationMode): Promise<string>;
 export {};
 //# sourceMappingURL=render.d.ts.map

package/package.json

@@ -4,7 +4,7 @@
         "You can safely modify dependencies, devDependencies, keywords, etc., but other props will be overwritten."
     ],
     "name": "@lwc/ssr-runtime",
-    "version": "8.17.0-alpha.1",
+    "version": "8.17.0",
     "description": "Runtime complement to @lwc/ssr-compiler",
     "keywords": [
         "lwc",
@@ -48,8 +48,8 @@
         }
     },
     "devDependencies": {
-        "@lwc/shared": "8.17.0-alpha.1",
-        "@lwc/engine-core": "8.17.0-alpha.1",
+        "@lwc/shared": "8.17.0",
+        "@lwc/engine-core": "8.17.0",
         "observable-membrane": "2.0.0"
     }
-}
+}