@lwrjs/client-modules 0.7.0-alpha.4 → 0.7.0-alpha.7

package/build/modules/lwr/initSsr/initSsr.js

@@ -1,4 +1,4 @@
-// TODO: This is a temporal workaround until https://github.com/salesforce/lwc/pull/2083 is sorted
+// TODO: This is a temporal workaround until https://github.com/salesforce/lwc/pull/2564 is sorted
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 import { hydrateComponent } from 'lwc';
@@ -6,29 +6,23 @@ export function toKebabCase(specifier) {
   return specifier.replace(/\/v\/[a-zA-Z0-9-_.]+$/, '').replace('/', '-').replace(/([A-Z])/g, c => `-${c.toLowerCase()}`);
 }
 /**
- * This method maps between attribute names
- * and the corresponding props name.
- */
-
-const CAMEL_REGEX = /-([a-z])/g;
-export function getPropFromAttrName(propName) {
-  return propName.replace(CAMEL_REGEX, g => g[1].toUpperCase());
-}
-/**
- * Hydrate the given components component(s).
- * @param components - An array of arrays, each one holding a pair of
- *                      bare specifier and corresponding LightningElement constructor
+ * Hydrate the given component(s) which were server-side rendered (see the lwc-ssr/viewTransformer).
+ * @param components - An array of arrays, each one holding:
+ *                     0. a bare specifier
+ *                     1. the corresponding LightningElement constructor
+ *                     2. properties to set on the component
  * @example - [['x/appRoot', appCtor], ['x/nav', navCtor]]
  */
 
 export function init(components) {
   if (typeof document !== 'undefined') {
-    components.forEach(([moduleSpecifier, ctor]) => {
+    components.forEach(([moduleSpecifier, ctor, props]) => {
       // Kebab-case the specifier
-      const elementName = toKebabCase(moduleSpecifier);
+      const elementName = toKebabCase(moduleSpecifier); // Find all instances of the component in the document, and hydrate them all
+
       const customElements = document.querySelectorAll(elementName);
       customElements.forEach(customElement => {
-        hydrateComponent(customElement, ctor, {});
+        hydrateComponent(customElement, ctor, props);
       });
     });
   }

package/package.json

@@ -4,7 +4,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "0.7.0-alpha.4",
+    "version": "0.7.0-alpha.7",
     "homepage": "https://developer.salesforce.com/docs/platform/lwr/overview",
     "repository": {
         "type": "git",
@@ -32,7 +32,7 @@
     },
     "dependencies": {
         "@locker/sandbox": "0.16.1",
-        "@lwrjs/shared-utils": "0.7.0-alpha.4"
+        "@lwrjs/shared-utils": "0.7.0-alpha.7"
     },
     "devDependencies": {
         "rollup-plugin-terser": "^7.0.2"
@@ -58,5 +58,5 @@
     "engines": {
         "node": ">=14.15.4 <17"
     },
-    "gitHead": "611f98b00c050ddb2f0aca529c5d9a0d6e55cc3d"
+    "gitHead": "37d42307c304716834ce39944d5677e95d04a63a"
 }