@speedkit/cli 2.54.0 → 2.56.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [2.56.0](https://gitlab.orestes.info/baqend/speed-kit-cli/compare/v2.55.0...v2.56.0) (2024-09-10)
+
+
+### Features
+
+* **customer-config:** provide default currency for ga ecommerce tracking plugin ([1e26367](https://gitlab.orestes.info/baqend/speed-kit-cli/commit/1e263670d19fa8d4f9b18e2ed0bdc6bb4c06ebb2))
+
+# [2.55.0](https://gitlab.orestes.info/baqend/speed-kit-cli/compare/v2.54.0...v2.55.0) (2024-08-28)
+
+
+### Features
+
+* **customer-config:** update soft navigation tracking ([d43bf1b](https://gitlab.orestes.info/baqend/speed-kit-cli/commit/d43bf1b64893e7b5910be9534d3e7f244dcf8165))
+
 # [2.54.0](https://gitlab.orestes.info/baqend/speed-kit-cli/compare/v2.53.2...v2.54.0) (2024-08-23)
 
 

package/README.md

@@ -21,7 +21,7 @@ $ npm install -g @speedkit/cli
 $ sk COMMAND
 running command...
 $ sk (--version)
-@speedkit/cli/2.54.0 linux-x64 node-v20.17.0
+@speedkit/cli/2.56.0 linux-x64 node-v20.17.0
 $ sk --help [COMMAND]
 USAGE
   $ sk COMMAND

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

@@ -24,7 +24,7 @@ import { GAEcommerceTrackingPlugin } from 'rum/GAEcommerceTrackingPlugin';
     new HistoryApiPlugin(), // Soft Navigation Tracking using History API
 {{/if}}
 {{#if useGATracking}}
-    new GAEcommerceTrackingPlugin(),
+    new GAEcommerceTrackingPlugin({ defaultCurrency: "EUR" }),
 {{/if}}
 
 {{#if addPreRendering}}
@@ -337,60 +337,72 @@ import { GAEcommerceTrackingPlugin } from 'rum/GAEcommerceTrackingPlugin';
         }
 
         controller.trackCustomEvent("softNav", location.href, Date.now());
-        var navStartMark = "soft-nav_" + location.pathname;
-        performance.mark(navStartMark);
 
         // Only capture soft LCP on following pages/page types:
-        // * <add>
-        // TODO: update list
+        // TODO: update to match the resp. page types to capture
+        var isProduct = location.href.indexOf("/p/") !== -1;
+        var isCategory = location.href.indexOf("/c/") !== -1;
 
-        // TODO: update exemplary url pattern to match pages/page types to capture
-        if (location.href.indexOf("/p/")) {
-          softLcpPending = true;
-        }
+        if (!isCategory && !isProduct) return;
+
+        var navStartMark = "soft-nav_" + location.pathname;
+        performance.mark(navStartMark);
+
+        softLcpPending = true;
 
         var softNavigationPerformanceObserver = new PerformanceObserver(
           (entries, observer) => {
             // TODO: update exemplary selectors within this block
 
-            if (!document.querySelector(".productBasicInfo")) {
-              return;
-            }
-
+            // Wait for product image resources to be loaded:
             var imageEntries = Array.from(entries.getEntries()).filter(
-              (item) =>
-                item.name.indexOf("/img/produkte/") > -1 &&
-                item.name.indexOf("/img/produkte/15_") === -1,
+              (item) => item.name.indexOf("/product/image/") !== -1,
             );
+
+            // Ensure product images can be found in requested resources list:
             if (!imageEntries || imageEntries.length < 1) {
               return;
             }
 
-            var element = document.querySelector(
-              ".productBasicInfo .carousel__img-wrapper img",
-            );
-            if (!element) {
+            // Wait for product hero image / first product image in list to be referenced in DOM:
+            var imageElementSelector = isProduct
+              ? ".product-details .slick-slide.slick-active img" // PDP hero image
+              : ".product-list .product-image img"; // PLP list image(s)
+
+            var imageElement = document.querySelector(imageElementSelector);
+
+            // Ensure image element can be found in document:
+            if (!imageElement) {
+              return;
+            }
+            var imageUrl = imageElement.currentSrc || imageElement.srcset || "";
+
+            var imageMatchingRequestedResource = imageEntries.filter(
+              (entry) => {
+                var urlObj = new URL(entry.name);
+                return imageUrl.indexOf(urlObj.pathname) > -1;
+              },
+            )[0];
+
+            // Ensure the resp. image source referenced in the document can be found in requested resources list:
+            if (!imageMatchingRequestedResource) {
               return;
             }
-            var imageUrl = element.currentSrc || element.srcset || "";
 
-            var image = imageEntries.filter((entry) => {
-              var urlObj = new URL(entry.name);
-              return imageUrl.indexOf(urlObj.pathname) > -1;
-            })[0];
-            if (!softLcpPending || !image) {
+            // Ensure Soft LCP is still pending:
+            if (!softLcpPending) {
               return;
             }
 
             var measure = performance.measure("lcp_" + location.pathname, {
               start: navStartMark,
-              end: image.responseEnd,
+              end: imageMatchingRequestedResource.responseEnd,
             });
 
             var timing = {
               start: measure.startTime,
               duration: measure.duration,
-              image: image.name,
+              image: imageMatchingRequestedResource.name,
               url: window.location.href,
             };
             controller.trackCustomEvent(
@@ -398,8 +410,9 @@ import { GAEcommerceTrackingPlugin } from 'rum/GAEcommerceTrackingPlugin';
               JSON.stringify(timing),
               Date.now(),
             );
-            softLcpPending = false;
+
             softNavigationPerformanceObserver.disconnect();
+            softLcpPending = false;
           },
         );
 

package/oclif.manifest.json

@@ -712,5 +712,5 @@
       ]
     }
   },
-  "version": "2.54.0"
+  "version": "2.56.0"
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@speedkit/cli",
   "description": "Speed Kit CLI",
-  "version": "2.54.0",
+  "version": "2.56.0",
   "author": {
     "name": "Baqend.com",
     "email": "info@baqend.com"