@speedkit/cli 2.31.1 → 2.32.0

package/dist/services/customer-config/templates/config_documentHandler.js.hbs

@@ -1,130 +1,130 @@
 {{#unless addPreRendering}}
   {{#if removeLazyLoading}}
-const lazyLoadDefaultConfig = {
-  attributes: [
-    { find: 'data-src', set: 'src' },
-    { find: 'data-srcset', set: 'srcset' },
-  ],
-  lazyClass: 'lazyload',
-  lazyLoad: false,
-  preload: true,  // preload lazy-removed images in head
-}
+    const lazyLoadDefaultConfig = {
+      attributes: [
+        {find: 'data-src', set: 'src'},
+        {find: 'data-srcset', set: 'srcset'},
+      ],
+      lazyClass: 'lazyload',
+      lazyLoad: false,
+      preload: true  // preload lazy-removed images in head
+    }
 
-const lazyLoadList = [
-  // TODO: adjust/replace this exemplary list
+    const lazyLoadList = [
+      // TODO: adjust/replace this exemplary list
 
-  // Content page's stage image:
-  {
-    ...lazyLoadDefaultConfig,
-    parentClasses: [
-      'image-with-text-overlay__banner',
-    ],
-    limit: 1
-  },
+      // Content page's stage image:
+      {
+        ...lazyLoadDefaultConfig,
+        parentClasses: [
+          'image-with-text-overlay__banner',
+        ],
+        limit: 1
+      },
 
-  // PLP product images:
-  {
-    ...lazyLoadDefaultConfig,
-    parentClasses: [
-      'product-image__wrapper',
-    ],
-    limit: 4
-  },
+      // PLP product images:
+      {
+        ...lazyLoadDefaultConfig,
+        parentClasses: [
+          'product-image__wrapper',
+        ],
+        limit: 4
+      },
 
-  // PDP hero image:
-  {
-    ...lazyLoadDefaultConfig,
-    parentClasses: [
-      'product-gallery__image',
-    ],
-    limit: 1
-  },
-];
+      // PDP hero image:
+      {
+        ...lazyLoadDefaultConfig,
+        parentClasses: [
+          'product-gallery__image',
+        ],
+        limit: 1
+      },
+    ];
 
   {{/if}}
 {{/unless}}
 const config = {
-  rejectHTML({ db, {{#if addPreRendering}}document{{else}}html{{/if}}, variation, url, headers }) {
+  rejectHTML({db, {{#if addPreRendering}}document{{else}}html{{/if}}, variation, url, headers}) {
     /* Use to configure guards to prevent e.g. error and captcha pages from being cached */
     return false;
   },
-  blacklistHTML({ db, {{#if addPreRendering}}document{{else}}html{{/if}}, variation, url, headers }) {
+  blacklistHTML({db, {{#if addPreRendering}}document{{else}}html{{/if}}, variation, url, headers}) {
     /* Use to configure guards to black-list e.g. specific page types */
     return false;
   },
-  shouldTransform({ db, {{#if addPreRendering}}document{{else}}html{{/if}}, variation, url, headers }) {
+  shouldTransform({db, {{#if addPreRendering}}document{{else}}html{{/if}}, variation, url, headers}) {
     return true;
   },
-  shouldDelayDom({ db, {{#if addPreRendering}}document{{else}}html{{/if}}, variation, url, headers }) {
-{{#if isPlentymarkets}}
-    return false; // Plentymarkets specific
-{{else}}
-    return true;
-{{/if}}
+  shouldDelayDom({db, {{#if addPreRendering}}document{{else}}html{{/if}}, variation, url, headers}) {
+    {{#if isPlentymarkets}}
+      return false; // Plentymarkets specific
+    {{else}}
+      return true;
+    {{/if}}
   },
   async preTransform({db, {{#if addPreRendering}}document{{else}}html{{/if}}, variation, url, headers}) {
-{{#unless addPreRendering}}
-    return html;
-{{else}}
-    // do nothing
-{{/unless}}
+    {{#unless addPreRendering}}
+      return html;
+    {{else}}
+      // do nothing
+    {{/unless}}
   },
   postTransform({db, {{#if addPreRendering}}document{{else}}html{{/if}}, variation, url, headers}) {
-{{#unless addPreRendering}}
-  {{#if includeServiceWorker}}
-    html = injectServiceWorkerScript(html, '{{includeServiceWorker}}');
-  {{/if}}
-    return html;
-{{else}}
-    // do nothing
-{{/unless}}
+    {{#unless addPreRendering}}
+      {{#if includeServiceWorker}}
+        html = injectServiceWorkerScript(html, '{{includeServiceWorker}}');
+      {{/if}}
+      return html;
+    {{else}}
+      // do nothing
+    {{/unless}}
   },
-{{#if isPlentymarkets}}
-  stripComments: false, // Plentymarkets specific
-{{/if}}
-{{#if isShopify}}
-  delayScriptPath: "/apps/speed-kit/speed-kit-dom-ready.js", // Shopify specific
-{{else}}
-  delayScriptPath: "/speed-kit-dom-ready.js",
-{{/if}}
-  executeDeploymentDetection: true,
-{{#unless addPreRendering}}
-  {{#if removeLazyLoading}}
-  lazyLoadList,
+  {{#if isPlentymarkets}}
+    stripComments: false, // Plentymarkets specific
   {{/if}}
-{{else}}
-  preRender: {
-    lambdaUrl: 'https://pw5wfiqnr2kqdzzc45tu3rdjue0zildl.lambda-url.eu-central-1.on.aws',
-    elements: [
-      // app shell e.g. vue often uses #app
-      // this will be the main element to extract from the rendered DOM
-      { selector: '#app' }
-    ],
-    guards: [
-      { // plp
-        whenPresent: '.products-list-page', // check wait for selectors, when this is present on current Page
-        waitFor: [
-          // e.g. wait for first 4 images to be loaded
-          '.products-list-page__products-list .products-list__tiles__element:nth-child(-n+4) img[src=""]',
-        ],
-      },
-    ],
-    rules: {
-      url: [
-        // additional domains for the page to work need to be added here (main domain is already added)
-        '<scripts-domain.com>',
+  {{#if isShopify}}
+    delayScriptPath: "/apps/speed-kit/speed-kit-dom-ready.js", // Shopify specific
+  {{else}}
+    delayScriptPath: "/speed-kit-dom-ready.js",
+  {{/if}}
+  executeDeploymentDetection: true,
+  {{#unless addPreRendering}}
+    {{#if removeLazyLoading}}
+      lazyLoadList,
+    {{/if}}
+  {{else}}
+    preRender: {
+      lambdaUrl: 'https://pw5wfiqnr2kqdzzc45tu3rdjue0zildl.lambda-url.eu-central-1.on.aws',
+      elements: [
+        // app shell e.g. vue often uses #app
+        // this will be the main element to extract from the rendered DOM
+        {selector: '#app'}
       ],
-      resourceType: [
-        // only resource types listed here will be fetched
-        'xhr',
-        'font',
-        'script',
-        'document',
-        'stylesheet',
+      guards: [
+        { // plp
+          whenPresent: '.products-list-page', // check wait for selectors, when this is present on current Page
+          waitFor: [
+            // e.g. wait for first 4 images to be loaded
+            '.products-list-page__products-list .products-list__tiles__element:nth-child(-n+4) img[src=""]',
+          ],
+        },
       ],
+      rules: {
+        url: [
+          // additional domains for the page to work need to be added here (main domain is already added)
+          '<scripts-domain.com>',
+        ],
+        resourceType: [
+          // only resource types listed here will be fetched
+          'xhr',
+          'font',
+          'script',
+          'document',
+          'stylesheet',
+        ],
+      },
     },
-  },
-{{/unless}}
+  {{/unless}}
 }
 
 const documentHandler = new DocumentHandler({
@@ -139,19 +139,19 @@ export const post = async (db, req, res) => {
   await documentHandler.transformAndSend(db, req, res);
 }
 {{#unless addPreRendering}}
-{{#if includeServiceWorker}}
+  {{#if includeServiceWorker}}
 
-//================================================================================
-// Utility Functions
-//================================================================================
+    //================================================================================
+    // Utility Functions
+    //================================================================================
 
-function prepend(string, searchString, prependString) {
-  const index = string.lastIndexOf(searchString);
-  return string.slice(0, index) + prependString + string.slice(index);
-}
+    function prepend(string, searchString, prependString) {
+      const index = string.lastIndexOf(searchString);
+      return string.slice(0, index) + prependString + string.slice(index);
+    }
 
-function injectServiceWorkerScript(html, searchedSwPath) {
-  return prepend(html, '</head>', `
+    function injectServiceWorkerScript(html, searchedSwPath) {
+      return prepend(html, '</head>', `
 <script class="speed-kit-service-worker">
     var serviceWorkerRegister = ServiceWorkerContainer.prototype.register;
     ServiceWorkerContainer.prototype.register = function (swPath, options) {
@@ -162,6 +162,6 @@ function injectServiceWorkerScript(html, searchedSwPath) {
     };
 </script>
   `);
-}
-{{/if}}
+    }
+  {{/if}}
 {{/unless}}