@speedkit/cli 4.20.0 → 4.20.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [4.20.1](https://gitlab.orestes.info/baqend/speed-kit-cli/compare/v4.20.0...v4.20.1) (2026-08-07)
+
+
+### Bug Fixes
+
+* **customer-config:** marker detectDevice reads the passed doc, not document ([6f1b697](https://gitlab.orestes.info/baqend/speed-kit-cli/commit/6f1b697b52cc6786c7e975edfcbc85c52750749b))
+
 # [4.20.0](https://gitlab.orestes.info/baqend/speed-kit-cli/compare/v4.19.0...v4.20.0) (2026-08-07)
 
 

package/README.md

@@ -21,7 +21,7 @@ $ npm install -g @speedkit/cli
 $ sk COMMAND
 running command...
 $ sk (--version)
-@speedkit/cli/4.20.0 linux-x64 node-v22.23.2
+@speedkit/cli/4.20.1 linux-x64 node-v22.23.2
 $ sk --help [COMMAND]
 USAGE
   $ sk COMMAND

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

@@ -34,14 +34,23 @@
 
 {{#if isShopify}}
 import { ShopifyPlugin } from "speed-kit-config/ShopifyPlugin";
+{{/if}}
+{{#if addSSR}}
+import { SSRPlugin } from "speed-kit-config/SSRPlugin";
+{{/if}}
 
 (function() {
+{{#if isShopify}}
   SpeedKit.configPlugins = SpeedKit.configPlugins || [];
   SpeedKit.configPlugins.push(new ShopifyPlugin());
-
-{{else}}
-(function() {
 {{/if}}
+{{#if addSSR}}
+{{#unless isShopify}}
+  SpeedKit.configPlugins = SpeedKit.configPlugins || [];
+{{/unless}}
+  SpeedKit.configPlugins.push(new SSRPlugin());
+{{/if}}
+
   var ENABLED_HOSTS_CONFIGS = [
     // Production:
     {
@@ -98,15 +107,20 @@ import { ShopifyPlugin } from "speed-kit-config/ShopifyPlugin";
     rumTracking: true,
 {{#if addDeviceDetection}}
   {{#unless addSSR}}
+    // Server-side responsive: origin returns different HTML per device (UA-keyed).
     userAgentDetection: true,
     detectDevice: function(doc) {
-      // TODO: adjust condition to your needs
+      // TODO: set a marker present only in the mobile variation. Read it from `doc`.
       return doc.querySelector('<mobile-specific-element>') ? "mobile" : "desktop";
     },
   {{/unless}}
   {{#if addSSR}}
-    customDevice: () => {
-      return customDevice();
+    // SSR: pick the device by viewport width; SSRPlugin (above) handles resize/zoom/bfcache.
+    detectDevice: function(doc) {
+      // TODO: set the real breakpoint — discover it, don't guess (tools/sk-breakpoints.mjs).
+      var width = document.documentElement.clientWidth;
+      if (!width) return null;
+      return width <= 820 ? "mobile" : "desktop";
     },
   {{/if}}
 {{/if}}
@@ -458,29 +472,6 @@ import { ShopifyPlugin } from "speed-kit-config/ShopifyPlugin";
   // Utility Functions
   //================================================================================
 
-  {{#if addSSR}}
-      function customDevice() {
-        var width = window.innerWidth || 1025;
-        // TODO: adjust devices + breakpoints to your needs
-        if (width <= 820) {
-          return "mobile";
-        }
-        return "desktop";
-      }
-
-      // Re-evaluate device on orientation change and push to service worker
-      window.addEventListener("orientationchange", function () {
-        if (typeof SpeedKit !== "undefined" && SpeedKit.updateDevice) {
-          SpeedKit.updateDevice(customDevice());
-        }
-      });
-      window.addEventListener("resize", function () {
-        if (typeof SpeedKit !== "undefined" && SpeedKit.updateDevice) {
-          SpeedKit.updateDevice(customDevice());
-        }
-      });
-  {{/if}}
-
   function getEnabledHosts(enabledHostsConfigs) {
     var allHosts = [];
     enabledHostsConfigs.forEach(function (enabledHostsConfig) {

package/dist/services/customer-config/templates/config_dynamicBlocks.es6.hbs

@@ -7,12 +7,19 @@
 {{#if addDeviceDetection}}
   {{#unless addSSR}}
     detectDevice: (doc) => {
-      // keep only if you need to check the DOM – for screen width checks the SK config's detectDevice is sufficient
-
-      // TODO: adjust condition to your needs
+      // Only if you need a DOM marker; for width checks the SK config's detectDevice suffices.
+      // TODO: set a marker present only in the mobile variation. Read it from `doc`.
       return doc.querySelector('<mobile-specific-element>') ? "mobile" : "desktop";
     },
   {{/unless}}
+  {{#if addSSR}}
+    // Mirror config_SpeedKit.js detectDevice — keep the breakpoint identical.
+    detectDevice: (doc) => {
+      let width = document.documentElement.clientWidth;
+      if (!width) return null;
+      return width <= 820 ? "mobile" : "desktop";
+    },
+  {{/if}}
 {{/if}}
     blocks: [
       // TODO: adjust/replace this exemplary list

package/oclif.manifest.json

@@ -1001,5 +1001,5 @@
       ]
     }
   },
-  "version": "4.20.0"
+  "version": "4.20.1"
 }

package/package.json

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