@startinblox/boilerplate 4.2.0 → 4.2.2

package/dist/index.js

@@ -691,13 +691,13 @@ class $ extends lt {
   } = {}) {
     super(), this.cherryPickedProperties = [], this.currentRoute = "";
     const i = () => {
-      this._attach(t, e, r).then(
+      document.readyState === "complete" && this._attach(t, e, r).then(
         (o) => {
           o && this.requestUpdate();
         }
       );
     };
-    document.readyState !== "complete" ? document.addEventListener("DOMContentLoaded", i) : i();
+    document.readyState === "complete" ? i() : document.addEventListener("readystatechange", i);
   }
   async _attach(t, e, r) {
     return !this.orbit && window.orbit && (this.orbit = window.orbit, e) ? (be({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startinblox/boilerplate",
-  "version": "4.2.0",
+  "version": "4.2.2",
   "description": "Startin'blox Boilerplate",
   "main": "dist/index.js",
   "type": "module",

package/src/helpers/components/orbitComponent.ts

@@ -23,18 +23,20 @@ export default class extends ComponentObjectsHandler {
   } = {}) {
     super();
     const attach = () => {
-      this._attach(defaultRoute, setupSubscriptions, ignoreRouter).then(
-        (attach: boolean) => {
-          if (attach) {
-            this.requestUpdate();
+      if (document.readyState === "complete") {
+        this._attach(defaultRoute, setupSubscriptions, ignoreRouter).then(
+          (attach: boolean) => {
+            if (attach) {
+              this.requestUpdate();
+            }
           }
-        },
-      );
+        );
+      }
     };
-    if (document.readyState !== "complete") {
-      document.addEventListener("DOMContentLoaded", attach);
-    } else {
+    if (document.readyState === "complete") {
       attach();
+    } else {
+      document.addEventListener("readystatechange", attach);
     }
   }
 
@@ -65,7 +67,7 @@ export default class extends ComponentObjectsHandler {
   protected async _attach(
     defaultRoute: boolean,
     setupSubscriptions: boolean,
-    ignoreRouter: boolean,
+    ignoreRouter: boolean
   ) {
     if (!this.orbit) {
       if (window.orbit) {
@@ -109,7 +111,7 @@ export default class extends ComponentObjectsHandler {
     const rdfType = navigator.getAttribute("navigation-rdf-type");
     if (rdfType) {
       const compatibleComponents = window.orbit?.components?.filter(
-        (c) => c?.routeAttributes?.["rdf-type"] === rdfType,
+        (c) => c?.routeAttributes?.["rdf-type"] === rdfType
       );
       if (compatibleComponents) target = compatibleComponents[0]?.uniq;
     }
@@ -117,7 +119,7 @@ export default class extends ComponentObjectsHandler {
       requestNavigation(
         (window.orbit ? window.orbit.getRoute(target, true) : target) +
           (subrouter ? `-${subrouter}` : ""),
-        resource,
+        resource
       );
     }
     e.preventDefault();
@@ -132,7 +134,7 @@ export default class extends ComponentObjectsHandler {
 
   async _expandContainer(
     value: Resource[],
-    recursive = true,
+    recursive = true
   ): Promise<UnknownResource[]> {
     const expandedContainer: UnknownResource[] = [];
     for (const entry of value) {
@@ -145,7 +147,7 @@ export default class extends ComponentObjectsHandler {
   async _getProperties(
     resource: Resource,
     recursive = true,
-    targetProperties: PropertiesPicker[] = this.cherryPickedProperties,
+    targetProperties: PropertiesPicker[] = this.cherryPickedProperties
   ) {
     const properties = await resource.properties;
     const response: Resource = {
@@ -161,7 +163,7 @@ export default class extends ComponentObjectsHandler {
           response[prop.value] = await this._getProxyValue(
             response[prop.value],
             recursive,
-            targetProperties,
+            targetProperties
           );
         }
         if (prop.cast) {
@@ -178,7 +180,7 @@ export default class extends ComponentObjectsHandler {
       | Resource
       | ProxyValue<Resource | Container<ProxyValue<Resource> | Resource>>,
     recursive = true,
-    targetProperties: PropertiesPicker[] = this.cherryPickedProperties,
+    targetProperties: PropertiesPicker[] = this.cherryPickedProperties
   ) {
     try {
       if (resource) {
@@ -190,7 +192,7 @@ export default class extends ComponentObjectsHandler {
           if (!resource.isFullResource?.()) {
             target = await window.sibStore.getData(
               resource["@id"],
-              CLIENT_CONTEXT,
+              CLIENT_CONTEXT
             );
           }
         }