@lwrjs/client-modules 0.17.2-alpha.4 → 0.17.2-alpha.5

package/build/bundle/prod/lwr/init/init.js

@@ -1,2 +1,2 @@
-import{BOOTSTRAP_END as e,INIT as r,INIT_MODULE as t}from"lwr/metrics";import{logOperationStart as o,logOperationEnd as n}from"lwr/profiler";import{hydrateComponent as i,createElement as c}from"lwc";function d(e,r,t){i(e,r,t)}const s=50;let f=performance.now();function p(){const e=performance.now();return e-f>s&&(f=e,!0)}function a(e,r){return c(e,{is:r})}function l(e){return e.replace(/\/v\/[a-zA-Z0-9-_.]+$/,"").replace("/","-").replace(/([A-Z])/g,(e=>`-${e.toLowerCase()}`))}const u=/-([a-z])/g;function m(e){return e.replace(u,(e=>e[1].toUpperCase()))}function w(i,c={}){if("undefined"==typeof customElements||"undefined"==typeof document)return void o({id:e});o({id:r});let s=0;for(const[e,r]of i){const i=l(e);if(!document.body.querySelector(i)){o({id:t,specifier:e,specifierIndex:++s});const c=a(i,r),d=document.querySelector("[lwr-root]");d?d.appendChild(c):document.body.appendChild(c),n({id:t,specifier:e,specifierIndex:s,metadata:{renderMode:"spa"}});continue}const f=document.querySelectorAll(i);for(const l of f){o({id:t,specifier:e,specifierIndex:++s});const f=l.dataset.lwrPropsId;if(f){p()?setTimeout((()=>{d(l,r,c[f]||{})}),0):d(l,r,c[f]||{}),n({id:t,specifier:e,specifierIndex:s,metadata:{renderMode:"ssr"}});continue}const u=a(i,r);for(const{name:e,value:r}of l.attributes){u.setAttribute(e,r);const t=m(e);t in u&&(u[t]=r)}for(;l.childNodes.length>0;)u.appendChild(l.childNodes[0]);const w=l.parentElement;w&&w.replaceChild(u,l),n({id:t,specifier:e,specifierIndex:s,metadata:{renderMode:"csr"}})}}n({id:r}),o({id:e})}export{m as getPropFromAttrName,w as init,l as toKebabCase};
+import{BOOTSTRAP_END as e,INIT as o,INIT_MODULE as r}from"lwr/metrics";import{logOperationStart as i,logOperationEnd as t}from"lwr/profiler";import{hydrateComponent as n,createElement as c}from"lwc";function s(e,o,r){n(e,o,r)}const d=(()=>{if(!globalThis.performance)return()=>!1;let e=globalThis.performance.now();return()=>{const o=globalThis.performance.now();return o-e>50&&(e=o,!0)}})();function l(e,o){return c(e,{is:o})}function a(e){return e.replace(/\/v\/[a-zA-Z0-9-_.]+$/,"").replace("/","-").replace(/([A-Z])/g,(e=>`-${e.toLowerCase()}`))}const p=/-([a-z])/g;function f(e){return e.replace(p,(e=>e[1].toUpperCase()))}function u(n,c={}){if(void 0===globalThis.customElements||void 0===globalThis.document)return void i({id:e});i({id:o});let p=0;const u=globalThis.document;for(const[e,o]of n){const n=a(e);if(!u.body.querySelector(n)){i({id:r,specifier:e,specifierIndex:++p});const c=l(n,o),s=u.querySelector("[lwr-root]");s?s.appendChild(c):u.body.appendChild(c),t({id:r,specifier:e,specifierIndex:p,metadata:{renderMode:"spa"}});continue}const m=u.querySelectorAll(n);for(const a of m){i({id:r,specifier:e,specifierIndex:++p});const u=a.dataset.lwrPropsId;if(u){d()&&void 0!==globalThis.setTimeout?globalThis.setTimeout((()=>{s(a,o,c[u]||{})}),0):s(a,o,c[u]||{}),t({id:r,specifier:e,specifierIndex:p,metadata:{renderMode:"ssr"}});continue}const m=l(n,o);for(const{name:e,value:o}of a.attributes){m.setAttribute(e,o);const r=f(e);r in m&&(m[r]=o)}for(;a.childNodes.length>0;)m.appendChild(a.childNodes[0]);const h=a.parentElement;h&&h.replaceChild(m,a),t({id:r,specifier:e,specifierIndex:p,metadata:{renderMode:"csr"}})}}t({id:o}),i({id:e})}export{f as getPropFromAttrName,u as init,a as toKebabCase};
 //# sourceMappingURL=init.js.map

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

@@ -1,26 +1,36 @@
 import { BOOTSTRAP_END, INIT, INIT_MODULE } from 'lwr/metrics';
 import { logOperationStart, logOperationEnd } from 'lwr/profiler';
 // TODO: This is a temporal workaround until https://github.com/salesforce/lwc/pull/2083 is sorted - tmp
+// eslint-disable-next-line lwr/only-allowed-imports
 import { createElement } from 'lwc';
 // <hydrateComponentProxy> - This code is removed in core
 // Note: a build step uses these comments to strip the code for core.
+// eslint-disable-next-line lwr/only-allowed-imports
 import { hydrateComponent } from 'lwc';
 function hydrateComponentProxy(customElement, Ctor, props) {
     hydrateComponent(customElement, Ctor, props);
 }
 // </hydrateComponentProxy>
-// Break up hydration tasks into timed batches.
-// Borrowed from https://tinyurl.com/5b4fw7eb
-const HYDRATION_TASK_BATCH_DURATION = 50;
-let timeOfLastYield = performance.now();
-function shouldYield() {
-    const now = performance.now();
-    if (now - timeOfLastYield > HYDRATION_TASK_BATCH_DURATION) {
-        timeOfLastYield = now;
-        return true;
+const shouldYield = (() => {
+    // eslint-disable-next-line lwr/no-unguarded-apis
+    if (!globalThis.performance) {
+        return () => false;
     }
-    return false;
-}
+    // Break up hydration tasks into timed batches.
+    // Borrowed from https://tinyurl.com/5b4fw7eb
+    const HYDRATION_TASK_BATCH_DURATION = 50;
+    // eslint-disable-next-line lwr/no-unguarded-apis
+    let timeOfLastYield = globalThis.performance.now();
+    return () => {
+        // eslint-disable-next-line lwr/no-unguarded-apis
+        const now = globalThis.performance.now();
+        if (now - timeOfLastYield > HYDRATION_TASK_BATCH_DURATION) {
+            timeOfLastYield = now;
+            return true;
+        }
+        return false;
+    };
+})();
 function initializeWebComponent(elementName, Ctor) {
     return createElement(elementName, { is: Ctor });
 }
@@ -56,20 +66,26 @@ export function getPropFromAttrName(propName) {
  * @example - [['x/appRoot', appCtor], ['x/nav', navCtor]]
  */
 export function init(rootModules, serverData = {}) {
-    if (typeof customElements === 'undefined' || typeof document === 'undefined') {
+    // eslint-disable-next-line lwr/no-unguarded-apis
+    if (typeof globalThis.customElements === 'undefined' || typeof globalThis.document === 'undefined') {
         logOperationStart({ id: BOOTSTRAP_END });
         return;
     }
     logOperationStart({ id: INIT });
     let index = 0;
+    // eslint-disable-next-line lwr/no-unguarded-apis
+    const document = globalThis.document;
     for (const [specifier, ctor] of rootModules) {
         const elementName = toKebabCase(specifier);
         // initialize and inject the root module into the LWR Root or DOM if it is missing
+        // eslint-disable-next-line lwr/no-unguarded-apis
         if (!document.body.querySelector(elementName)) {
             logOperationStart({ id: INIT_MODULE, specifier, specifierIndex: ++index });
             // this is for SPA like routes (one component at the root level) utilizing the lwr-root directive
             const component = initializeWebComponent(elementName, ctor);
+            // eslint-disable-next-line lwr/no-unguarded-apis
             const container = document.querySelector('[lwr-root]');
+            // eslint-disable-next-line lwr/no-unguarded-apis
             container ? container.appendChild(component) : document.body.appendChild(component);
             logOperationEnd({
                 id: INIT_MODULE,
@@ -80,15 +96,18 @@ export function init(rootModules, serverData = {}) {
             continue;
         }
         // the page has been rendered or SSR'd, and each component needs to initialized(or hydrated)
+        // eslint-disable-next-line lwr/no-unguarded-apis
         const elements = document.querySelectorAll(elementName);
         for (const element of elements) {
             logOperationStart({ id: INIT_MODULE, specifier, specifierIndex: ++index });
             const propsId = element.dataset.lwrPropsId;
             // hydrate SSR'd components
             if (propsId) {
-                if (shouldYield()) {
+                // eslint-disable-next-line lwr/no-unguarded-apis
+                if (shouldYield() && globalThis.setTimeout !== undefined) {
                     // give room for the browser to render during long hydration tasks
-                    setTimeout(() => {
+                    // eslint-disable-next-line lwr/no-unguarded-apis
+                    globalThis.setTimeout(() => {
                         hydrateComponentProxy(element, ctor, serverData[propsId] || {});
                     }, 0);
                 }

package/build/es/modules/lwr/profiler/profiler.js

@@ -10,6 +10,7 @@ export function attachDispatcher(dispatcher) {
 }
 // Check if the Performance API is available
 // e.g. JSDom (used in Jest) doesn't implement these
+// eslint-disable-next-line
 const perf = globalThis.performance;
 const isPerfSupported = typeof perf !== 'undefined' &&
     typeof perf.mark === 'function' &&

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

@@ -1,29 +1,42 @@
+// eslint-disable-next-line lwr/only-allowed-type-imports
+
 import { BOOTSTRAP_END, INIT, INIT_MODULE } from 'lwr/metrics';
 import { logOperationStart, logOperationEnd } from 'lwr/profiler';
 
 // TODO: This is a temporal workaround until https://github.com/salesforce/lwc/pull/2083 is sorted - tmp
+// eslint-disable-next-line lwr/only-allowed-imports
 import { createElement } from 'lwc';
 
 // <hydrateComponentProxy> - This code is removed in core
 // Note: a build step uses these comments to strip the code for core.
+// eslint-disable-next-line lwr/only-allowed-imports
 import { hydrateComponent } from 'lwc';
 function hydrateComponentProxy(customElement, Ctor, props) {
   hydrateComponent(customElement, Ctor, props);
 }
 // </hydrateComponentProxy>
 
-// Break up hydration tasks into timed batches.
-// Borrowed from https://tinyurl.com/5b4fw7eb
-const HYDRATION_TASK_BATCH_DURATION = 50;
-let timeOfLastYield = performance.now();
-function shouldYield() {
-  const now = performance.now();
-  if (now - timeOfLastYield > HYDRATION_TASK_BATCH_DURATION) {
-    timeOfLastYield = now;
-    return true;
+const shouldYield = (() => {
+  // eslint-disable-next-line lwr/no-unguarded-apis
+  if (!globalThis.performance) {
+    return () => false;
   }
-  return false;
-}
+
+  // Break up hydration tasks into timed batches.
+  // Borrowed from https://tinyurl.com/5b4fw7eb
+  const HYDRATION_TASK_BATCH_DURATION = 50;
+  // eslint-disable-next-line lwr/no-unguarded-apis
+  let timeOfLastYield = globalThis.performance.now();
+  return () => {
+    // eslint-disable-next-line lwr/no-unguarded-apis
+    const now = globalThis.performance.now();
+    if (now - timeOfLastYield > HYDRATION_TASK_BATCH_DURATION) {
+      timeOfLastYield = now;
+      return true;
+    }
+    return false;
+  };
+})();
 function initializeWebComponent(elementName, Ctor) {
   return createElement(elementName, {
     is: Ctor
@@ -61,7 +74,8 @@ export function getPropFromAttrName(propName) {
  * @example - [['x/appRoot', appCtor], ['x/nav', navCtor]]
  */
 export function init(rootModules, serverData = {}) {
-  if (typeof customElements === 'undefined' || typeof document === 'undefined') {
+  // eslint-disable-next-line lwr/no-unguarded-apis
+  if (typeof globalThis.customElements === 'undefined' || typeof globalThis.document === 'undefined') {
     logOperationStart({
       id: BOOTSTRAP_END
     });
@@ -71,10 +85,13 @@ export function init(rootModules, serverData = {}) {
     id: INIT
   });
   let index = 0;
+  // eslint-disable-next-line lwr/no-unguarded-apis
+  const document = globalThis.document;
   for (const [specifier, ctor] of rootModules) {
     const elementName = toKebabCase(specifier);
 
     // initialize and inject the root module into the LWR Root or DOM if it is missing
+    // eslint-disable-next-line lwr/no-unguarded-apis
     if (!document.body.querySelector(elementName)) {
       logOperationStart({
         id: INIT_MODULE,
@@ -84,7 +101,9 @@ export function init(rootModules, serverData = {}) {
 
       // this is for SPA like routes (one component at the root level) utilizing the lwr-root directive
       const component = initializeWebComponent(elementName, ctor);
+      // eslint-disable-next-line lwr/no-unguarded-apis
       const container = document.querySelector('[lwr-root]');
+      // eslint-disable-next-line lwr/no-unguarded-apis
       container ? container.appendChild(component) : document.body.appendChild(component);
       logOperationEnd({
         id: INIT_MODULE,
@@ -98,6 +117,7 @@ export function init(rootModules, serverData = {}) {
     }
 
     // the page has been rendered or SSR'd, and each component needs to initialized(or hydrated)
+    // eslint-disable-next-line lwr/no-unguarded-apis
     const elements = document.querySelectorAll(elementName);
     for (const element of elements) {
       logOperationStart({
@@ -109,9 +129,11 @@ export function init(rootModules, serverData = {}) {
 
       // hydrate SSR'd components
       if (propsId) {
-        if (shouldYield()) {
+        // eslint-disable-next-line lwr/no-unguarded-apis
+        if (shouldYield() && globalThis.setTimeout !== undefined) {
           // give room for the browser to render during long hydration tasks
-          setTimeout(() => {
+          // eslint-disable-next-line lwr/no-unguarded-apis
+          globalThis.setTimeout(() => {
             hydrateComponentProxy(element, ctor, serverData[propsId] || {});
           }, 0);
         } else {

package/build/modules/lwr/profiler/profiler.js

@@ -11,6 +11,7 @@ export function attachDispatcher(dispatcher) {
 
 // Check if the Performance API is available
 // e.g. JSDom (used in Jest) doesn't implement these
+// eslint-disable-next-line
 const perf = globalThis.performance;
 const isPerfSupported = typeof perf !== 'undefined' && typeof perf.mark === 'function' && typeof perf.clearMarks === 'function' && typeof perf.measure === 'function' && typeof perf.clearMeasures === 'function';
 function getMeasureName(id, specifier) {

package/package.json

@@ -4,7 +4,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "0.17.2-alpha.4",
+    "version": "0.17.2-alpha.5",
     "homepage": "https://developer.salesforce.com/docs/platform/lwr/overview",
     "repository": {
         "type": "git",
@@ -34,10 +34,10 @@
     },
     "dependencies": {
         "@locker/sandbox": "0.23.6",
-        "@lwrjs/shared-utils": "0.17.2-alpha.4"
+        "@lwrjs/shared-utils": "0.17.2-alpha.5"
     },
     "devDependencies": {
-        "@lwrjs/types": "0.17.2-alpha.4",
+        "@lwrjs/types": "0.17.2-alpha.5",
         "@rollup/plugin-node-resolve": "^15.2.3",
         "@rollup/plugin-sucrase": "^5.0.2",
         "@rollup/plugin-terser": "^0.4.4",
@@ -70,5 +70,5 @@
     "volta": {
         "extends": "../../../package.json"
     },
-    "gitHead": "d7fb1605cec0bf9fef18e3daeb17dc28b35a80d3"
+    "gitHead": "b87daf19f22c54126ccaf01e0f899aabe6265885"
 }