@lwrjs/client-modules 0.9.0-alpha.2 → 0.9.0-alpha.21

package/build/modules/lwr/init/init.js

@@ -1,15 +1,16 @@
 import { BOOTSTRAP_END } from 'lwr/metrics';
-import { logOperationStart } from 'lwr/profiler'; // TODO: This is a temporal workaround until https://github.com/salesforce/lwc/pull/2083 is sorted
+import { logOperationStart } from 'lwr/profiler';
+
+// TODO: This is a temporal workaround until https://github.com/salesforce/lwc/pull/2083 is sorted
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
-
 import { createElement } from 'lwc';
-
 function initializeWebComponent(elementName, Ctor) {
   return createElement(elementName, {
     is: Ctor
   });
 }
+
 /**
  * Convert a module specifier into a valid CustomElement registry name:
  *      - remove any version linking
@@ -20,20 +21,19 @@ function initializeWebComponent(elementName, Ctor) {
  * eg: "lwr/example/v/1.0.0" => "lwr-example"
  * @param specifier The bare specifier to convert
  */
-
-
 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());
 }
+
 /**
  * Import any requested static application dependencies, define the root
  * application component(s) into the CustomElement registry, and inject them.
@@ -41,20 +41,18 @@ export function getPropFromAttrName(propName) {
  *                      bare specifier and corresponding LightningElement constructor
  * @example - [['x/appRoot', appCtor], ['x/nav', navCtor]]
  */
-
 export function init(rootModules) {
   if (typeof customElements !== 'undefined' && typeof document !== 'undefined') {
     const container = document.querySelector('[lwr-root]');
     rootModules.forEach(([moduleSpecifier, ctor]) => {
       // Kebab-case the specifier
-      const elementName = toKebabCase(moduleSpecifier); // Append the root element to the DOM, if it does not exist
-      // this is for SPA like routes (one component at the root level) utilizing the lwr-root directive
+      const elementName = toKebabCase(moduleSpecifier);
 
+      // Append the root element to the DOM, if it does not exist
+      // this is for SPA like routes (one component at the root level) utilizing the lwr-root directive
       let el = document.body.querySelector(elementName);
-
       if (!el) {
         el = initializeWebComponent(elementName, ctor);
-
         if (container) {
           // Append to a node with the "lwr-root" attribute
           container.appendChild(el);
@@ -69,31 +67,27 @@ export function init(rootModules) {
         const customElements = document.querySelectorAll(elementName);
         customElements.forEach(customElement => {
           const newElement = initializeWebComponent(elementName, ctor);
-
           for (const {
             name,
             value
           } of customElement.attributes) {
             newElement.setAttribute(name, value);
             const prop = getPropFromAttrName(name);
-
             if (prop in newElement) {
               // Set attributes as properties too for reactivity
               newElement[prop] = value;
             }
-          } // Move the children
-
+          }
 
+          // Move the children
           while (customElement.childNodes.length > 0) {
             newElement.appendChild(customElement.childNodes[0]);
           }
-
           customElement.parentElement.replaceChild(newElement, customElement);
         });
       }
     });
   }
-
   logOperationStart({
     id: BOOTSTRAP_END
   });

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

@@ -5,6 +5,7 @@ import { hydrateComponent } from 'lwc';
 export function toKebabCase(specifier) {
   return specifier.replace(/\/v\/[a-zA-Z0-9-_.]+$/, '').replace('/', '-').replace(/([A-Z])/g, c => `-${c.toLowerCase()}`);
 }
+
 /**
  * Hydrate the given component(s) which were server-side rendered (see the lwc-ssr/viewTransformer).
  * @param components - An array of arrays, each one holding:
@@ -13,13 +14,12 @@ export function toKebabCase(specifier) {
  * @param ssrProps - map of properties to set on each component
  * @example - [['x/appRoot', appCtor], ['x/nav', navCtor]]
  */
-
 export function init(components, ssrProps = {}) {
   if (typeof document !== 'undefined') {
     components.forEach(([moduleSpecifier, ctor]) => {
       // Kebab-case the specifier
-      const elementName = toKebabCase(moduleSpecifier); // Find all instances of the component in the document, and hydrate them all
-
+      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 => {
         const propsId = customElement.dataset.lwrPropsId;