@speedkit/cli 2.79.0 → 2.81.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# [2.81.0](https://gitlab.orestes.info/baqend/speed-kit-cli/compare/v2.80.0...v2.81.0) (2025-02-25)
+
+
+### Features
+
+* **wizard:** handle different use-cases of PredictivePreloading library ([3c6f10e](https://gitlab.orestes.info/baqend/speed-kit-cli/commit/3c6f10ebb74bdc5efed8872c9b3483bedd2851f0))
+
+# [2.80.0](https://gitlab.orestes.info/baqend/speed-kit-cli/compare/v2.79.0...v2.80.0) (2025-02-19)
+
+
+### Features
+
+* **wizard:** add ssr default container as prerender so its not removed and body as db can be used ([3c4702f](https://gitlab.orestes.info/baqend/speed-kit-cli/commit/3c4702fa13aad2619a6c6c5266de4abc53014676))
+* **wizard:** extend ssr handling by handling customElements better, remove unneeded code ([f686e1a](https://gitlab.orestes.info/baqend/speed-kit-cli/commit/f686e1aed720351375f3f834d3797ef573e87cf7))
+
 # [2.79.0](https://gitlab.orestes.info/baqend/speed-kit-cli/compare/v2.78.0...v2.79.0) (2025-02-12)
 
 

package/README.md

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

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

@@ -214,14 +214,6 @@
       {
         host: ["www.paypal.com", "www.paypalobjects.com"],
       },
-      {
-        // CORS LCP Image Domain / CORS Image Domain with missing timing-allow-origin header:
-        host: [
-          // TODO: add CORS image domains if domain provides LCP resource or timing-allow-origin header is missing
-          //  – remove whole block if there are no domains to be listed
-        ],
-        contentType: ["image"],
-      },
 {{#if isShopify}}
 
       // Shopify specific:

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

@@ -389,12 +389,16 @@ export const post = async (db, req, res) => {
      */
     async function waitForCallback() {
       const undefinedElements = document.querySelectorAll(":not(:defined)");
+      // need to be defined here as they are sent to the lambda function
+      const customElementNames = [
+        // TODO add correct custom element names (find them by executing document.querySelectorAll(":not(:defined)"))
+      ];
 
       const promises = [...undefinedElements]
-        .filter((button) => button.localName.startsWith("{{shadowDomCustomElementPrefix}}"))
-        .map((button) => {
+        .filter((element) => customElementNames.some((name) => element.localName.includes(name)))
+        .map((element) => {
           // eslint-disable-next-line no-undef
-          return customElements.whenDefined(button.localName);
+          return customElements.whenDefined(element.localName);
         });
 
       return await Promise.race([
@@ -499,7 +503,6 @@ export const post = async (db, req, res) => {
     function walkPreRenderedElements(document) {
       const customShadowElements = getCustomShadowElements(document);
       walkElements(customShadowElements, (element) => {
-        addStaticContextForPrerenderedElements(element);
         // TODO extend if shadow-doms should be modified, as access to the shadow dom is not possible via querySelectors from the outside
       });
     }
@@ -520,21 +523,6 @@ export const post = async (db, req, res) => {
         }
       });
     }
-
-    /**
-     * Adds static context for prerendered elements.
-     *
-     * @param {Element} element The element to add static context for.
-     */
-    function addStaticContextForPrerenderedElements(element) {
-      if (
-        "name" in element &&
-        element.name !== undefined &&
-        element.name.startsWith("{{shadowDomCustomElementPrefix}}")
-      ) {
-        element.setAttribute("data-sk-static", "1");
-      }
-    }
   {{else}}
   {{/if}}
 {{/if}}

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

@@ -10,16 +10,14 @@
         // keep aligned with DocumentHandler's config.ignoreAssets
       ],
     },
+    // ssr container
+    prerendered: [{ selector: "body > .speed-kit-shadow-app-root" }],
 {{/if}}
 
     blocks: [
       // TODO: adjust/replace this exemplary list
       {
-{{#if addPreRendering}}
-        selector: ".prerendered-top-level-element",
-{{else}}
         selector: "body",
-{{/if}}
         detectChanges: [
           // Main Headline:
           {
@@ -72,19 +70,12 @@
         }],
       },
       // Cover all the other high-level Shopify sections:
-{{#if addPreRendering}}
-      {
-        selector: "body > .shopify-section[id]",
-        idAttribute: "id",
-      },
-{{else}}
       // TODO: activate if body is not the main block
       // {
       //   selector: "body > .shopify-section[id]",
       //   idAttribute: "id",
       // },
 {{/if}}
-{{/if}}
 {{#if isPlentymarkets}}
 
       // Plentymarkets specific:

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

@@ -617,7 +617,12 @@ import { PredictivePreloading } from 'predictive-preloading/predictivePreloading
   }
 {{/if}}
 
+{{#if hasSoftNavigations}}
   new PredictivePreloading({
-    // TODO: configure according to the needs of the customer
+    // TODO: configure according to the needs of the customer e.g. preload API-calls, soft-nav to hard-nav conversion...
   });
+{{else}}
+  // TODO: check if prerendering needs to be scoped to certain pages
+  new PredictivePreloading({ prerender: true });
+{{/if}}
 }();

package/oclif.manifest.json

@@ -712,5 +712,5 @@
       ]
     }
   },
-  "version": "2.79.0"
+  "version": "2.81.0"
 }

package/package.json

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