@startinblox/boilerplate 3.0.1 → 3.0.2

package/dist/index.js

@@ -261,7 +261,7 @@ E.elementStyles = [], E.shadowRootOptions = { mode: "open" }, E[T("elementProper
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const it = globalThis, q = it.trustedTypes, pt = q ? q.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Rt = "$lit$", y = `lit$${Math.random().toFixed(9).slice(2)}$`, Tt = "?" + y, Yt = `<${Tt}>`, w = document, x = () => w.createComment(""), O = (s) => s === null || typeof s != "object" && typeof s != "function", rt = Array.isArray, te = (s) => rt(s) || typeof s?.[Symbol.iterator] == "function", K = `[ 	
-\f\r]`, R = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ft = /-->/g, _t = />/g, b = RegExp(`>|${K}(?:([^\\s"'>=/]+)(${K}*=${K}*(?:[^ 	
+\f\r]`, R = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ft = /-->/g, _t = />/g, m = RegExp(`>|${K}(?:([^\\s"'>=/]+)(${K}*=${K}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), $t = /'/g, gt = /"/g, xt = /^(?:script|style|textarea|title)$/i, ee = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), j = ee(1), P = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), yt = /* @__PURE__ */ new WeakMap(), A = w.createTreeWalker(w, 129);
 function Ot(s, t) {
   if (!rt(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
@@ -273,8 +273,8 @@ const se = (s, t) => {
   for (let h = 0; h < e; h++) {
     const a = s[h];
     let l, d, u = -1, f = 0;
-    for (; f < a.length && (n.lastIndex = f, d = n.exec(a), d !== null); ) f = n.lastIndex, n === R ? d[1] === "!--" ? n = ft : d[1] !== void 0 ? n = _t : d[2] !== void 0 ? (xt.test(d[2]) && (i = RegExp("</" + d[2], "g")), n = b) : d[3] !== void 0 && (n = b) : n === b ? d[0] === ">" ? (n = i ?? R, u = -1) : d[1] === void 0 ? u = -2 : (u = n.lastIndex - d[2].length, l = d[1], n = d[3] === void 0 ? b : d[3] === '"' ? gt : $t) : n === gt || n === $t ? n = b : n === ft || n === _t ? n = R : (n = b, i = void 0);
-    const g = n === b && s[h + 1].startsWith("/>") ? " " : "";
+    for (; f < a.length && (n.lastIndex = f, d = n.exec(a), d !== null); ) f = n.lastIndex, n === R ? d[1] === "!--" ? n = ft : d[1] !== void 0 ? n = _t : d[2] !== void 0 ? (xt.test(d[2]) && (i = RegExp("</" + d[2], "g")), n = m) : d[3] !== void 0 && (n = m) : n === m ? d[0] === ">" ? (n = i ?? R, u = -1) : d[1] === void 0 ? u = -2 : (u = n.lastIndex - d[2].length, l = d[1], n = d[3] === void 0 ? m : d[3] === '"' ? gt : $t) : n === gt || n === $t ? n = m : n === ft || n === _t ? n = R : (n = m, i = void 0);
+    const g = n === m && s[h + 1].startsWith("/>") ? " " : "";
     o += n === R ? a + Yt : u >= 0 ? (r.push(l), a.slice(0, u) + Rt + a.slice(u) + y + g) : a + y + (u === -2 ? h : g);
   }
   return [Ot(s, o + (s[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
@@ -767,9 +767,9 @@ class $ extends at {
     try {
       if (t) {
         let i = t;
-        if (typeof t == "string" && (i = await window.sibStore.getData(t, mt)), typeof t != "string" && t.isFullResource && (t.isFullResource?.() || (i = await window.sibStore.getData(
+        if (typeof t == "string" && (i = await window.sibStore.getData(t, bt)), typeof t != "string" && t.isFullResource && (t.isFullResource?.() || (i = await window.sibStore.getData(
           t["@id"],
-          mt
+          bt
         ))), typeof t != "string" && !t.isFullResource && (i.properties = Object.keys(i), i.get = (o) => i[o]), !i) return { _originalResource: i };
         if (typeof i == "object" && i !== null) {
           if (i["ldp:contains"]) {
@@ -815,17 +815,20 @@ v([
 v([
   jt()
 ], $.prototype, "currentRoute");
-const be = (s, { keywords: t = [], attributes: e = ["dataSrc"] } = {}) => {
-  t && e && (s.caching === void 0 && (s.caching = 0), s.hasCachedDatas === void 0 && (s.hasCachedDatas = !1), s.cacheListener = (r) => {
-    const i = r.detail.id || r.detail.resource["@id"];
-    if (t.some((o) => i?.includes(o))) {
-      for (const o of e)
-        s[o] && i !== s[o] && window.sibStore.clearCache(s[o]);
-      s.caching++, s.hasCachedDatas = !1, s.requestUpdate();
-    }
-  }, s._subscriptions.add(["save", s.cacheListener]), s._subscribe());
+const me = (s, { keywords: t = [], attributes: e = ["dataSrc"] } = {}) => {
+  const r = () => {
+    t && e && (s.caching === void 0 && (s.caching = 0), s.hasCachedDatas === void 0 && (s.hasCachedDatas = !1), s.cacheListener = (i) => {
+      const o = i.detail.id || i.detail.resource["@id"];
+      if (t.some((n) => o?.includes(n))) {
+        for (const n of e)
+          s[n] && o !== s[n] && window.sibStore.clearCache(s[n]);
+        s.caching++, s.hasCachedDatas = !1, s.requestUpdate();
+      }
+    }, s._subscriptions.add(["save", s.cacheListener]), s._subscribe());
+  };
+  document.readyState !== "complete" ? document.addEventListener("DOMContentLoaded", r) : r();
 };
-function me() {
+function be() {
   return Math.random().toString(16).slice(2);
 }
 const Ae = ({
@@ -833,7 +836,7 @@ const Ae = ({
   defaultRoute: t = !1,
   ignoreRouter: e = !1
 }) => {
-  if (s.uniq || (s.uniq = me(), t && !s.route && !e && (s.route = t)), s._subscriptions = /* @__PURE__ */ new Set(), !e) {
+  if (s.uniq || (s.uniq = be(), t && !s.route && !e && (s.route = t)), s._subscriptions = /* @__PURE__ */ new Set(), !e) {
     s.route || (s.route = s.uniq, window.orbit && (s.route = window.orbit.getRoute(s.uniq))), s.noRouter = !0;
     let r = document.querySelector("solid-router");
     for (; r; )
@@ -897,14 +900,14 @@ class we extends S {
     ) ? e.call(this) : c;
   }
 }
-const bt = (s, t) => {
+const mt = (s, t) => {
   let e = s;
   for (let r = 0; r < t.length && (e && t[r] in e); r++)
     e = e[t[r]];
   return e;
 }, Ee = (s, t, e = "asc") => s.sort((r, i) => {
   let o = r, n = i;
-  Array.isArray(t) ? (o = bt(r, t), n = bt(i, t)) : (o = r[t], n = i[t]);
+  Array.isArray(t) ? (o = mt(r, t), n = mt(i, t)) : (o = r[t], n = i[t]);
   let h = 0;
   if (typeof o == "number" && typeof n == "number")
     h = o - n;
@@ -924,7 +927,7 @@ const bt = (s, t) => {
       }
     })
   );
-}, mt = {};
+}, bt = {};
 var Pe = Object.getOwnPropertyDescriptor, Ce = (s, t, e, r) => {
   for (var i = r > 1 ? void 0 : r ? Pe(t, e) : t, o = s.length - 1, n; o >= 0; o--)
     (n = s[o]) && (i = n(i) || i);
@@ -948,7 +951,7 @@ let Z = class extends $ {
     });
   }
   async _afterAttach() {
-    return be(this, {
+    return me(this, {
       keywords: ["some-keyword", "for-invalidating", "cache"]
     }), Promise.resolve();
   }
@@ -1117,32 +1120,32 @@ function ke(s) {
 function X(s) {
   window.dispatchEvent(new CustomEvent(G, { detail: s }));
 }
-let I = "", J, Dt, k, Q, qt, m = new Ht();
-m.resolve();
+let I = "", J, Dt, k, Q, qt, b = new Ht();
+b.resolve();
 let N = 0;
 const ze = (s) => (Oe((t, e) => Ie(qt, t, e)), I = Dt = s.sourceLocale, k = new Set(s.targetLocales), k.add(s.sourceLocale), Q = s.loadLocale, { getLocale: Ve, setLocale: We }), Ve = () => I, We = (s) => {
   if (s === (J ?? I))
-    return m.promise;
+    return b.promise;
   if (!k || !Q)
     throw new Error("Internal error");
   if (!k.has(s))
     throw new Error("Invalid locale code");
   N++;
   const t = N;
-  return J = s, m.settled && (m = new Ht()), X({ status: "loading", loadingLocale: s }), (s === Dt ? (
+  return J = s, b.settled && (b = new Ht()), X({ status: "loading", loadingLocale: s }), (s === Dt ? (
     // We could switch to the source locale synchronously, but we prefer to
     // queue it on a microtask so that switching locales is consistently
     // asynchronous.
     Promise.resolve({ templates: void 0 })
   ) : Q(s)).then((r) => {
-    N === t && (I = s, J = void 0, qt = r.templates, X({ status: "ready", readyLocale: s }), m.resolve());
+    N === t && (I = s, J = void 0, qt = r.templates, X({ status: "ready", readyLocale: s }), b.resolve());
   }, (r) => {
     N === t && (X({
       status: "error",
       errorLocale: s,
       errorMessage: r.toString()
-    }), m.reject(r));
-  }), m.promise;
+    }), b.reject(r));
+  }), b.promise;
 }, It = ":host{background-color:pink;user-select:none}";
 var Be = Object.defineProperty, Fe = Object.getOwnPropertyDescriptor, kt = (s, t, e, r) => {
   for (var i = r > 1 ? void 0 : r ? Fe(t, e) : t, o = s.length - 1, n; o >= 0; o--)

package/package.json

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

package/src/helpers/components/setupCacheInvalidation.ts

@@ -6,31 +6,38 @@ const setupCacheInvalidation = (
   component: any,
   { keywords = [] as string[], attributes = ["dataSrc"] } = {}
 ) => {
-  if (keywords && attributes) {
-    if (component.caching === undefined) {
-      component.caching = 0;
-    }
-    if (component.hasCachedDatas === undefined) {
-      component.hasCachedDatas = false;
-    }
+  const setup = () => {
+    if (keywords && attributes) {
+      if (component.caching === undefined) {
+        component.caching = 0;
+      }
+      if (component.hasCachedDatas === undefined) {
+        component.hasCachedDatas = false;
+      }
 
-    component.cacheListener = (e: Event) => {
-      const resource = e.detail.id || e.detail.resource["@id"];
-      if (keywords.some((keyword) => resource?.includes(keyword))) {
-        for (const attribute of attributes) {
-          if (component[attribute] && resource !== component[attribute]) {
-            window.sibStore.clearCache(component[attribute]);
+      component.cacheListener = (e: Event) => {
+        const resource = e.detail.id || e.detail.resource["@id"];
+        if (keywords.some((keyword) => resource?.includes(keyword))) {
+          for (const attribute of attributes) {
+            if (component[attribute] && resource !== component[attribute]) {
+              window.sibStore.clearCache(component[attribute]);
+            }
           }
+          component.caching++;
+          component.hasCachedDatas = false;
+          component.requestUpdate();
         }
-        component.caching++;
-        component.hasCachedDatas = false;
-        component.requestUpdate();
-      }
-    };
+      };
 
-    component._subscriptions.add(["save", component.cacheListener]);
+      component._subscriptions.add(["save", component.cacheListener]);
 
-    component._subscribe();
+      component._subscribe();
+    }
+  };
+  if (document.readyState !== "complete") {
+    document.addEventListener("DOMContentLoaded", setup);
+  } else {
+    setup();
   }
 };
 

package/src/helpers/components/setupCacheOnResourceReady.ts

@@ -3,29 +3,36 @@ Common code for components
 Handle cache invalidation based on keywords
 */
 const setupCacheOnResourceReady = (component: any, { keywords = [] } = {}) => {
-  if (keywords) {
-    if (component.caching === undefined) {
-      component.caching = 0;
-    }
-    if (component.hasCachedDatas === undefined) {
-      component.hasCachedDatas = false;
-    }
-
-    component.resourceCacheListener = (e: Event) => {
-      const resource = e.detail.id || e.detail.resource["@id"];
-      if (keywords.some((keyword) => resource?.includes(keyword))) {
-        component.caching++;
+  const setup = () => {
+    if (keywords) {
+      if (component.caching === undefined) {
+        component.caching = 0;
+      }
+      if (component.hasCachedDatas === undefined) {
         component.hasCachedDatas = false;
-        component.requestUpdate();
       }
-    };
 
-    component._subscriptions.add([
-      "resourceReady",
-      component.resourceCacheListener,
-    ]);
+      component.resourceCacheListener = (e: Event) => {
+        const resource = e.detail.id || e.detail.resource["@id"];
+        if (keywords.some((keyword) => resource?.includes(keyword))) {
+          component.caching++;
+          component.hasCachedDatas = false;
+          component.requestUpdate();
+        }
+      };
+
+      component._subscriptions.add([
+        "resourceReady",
+        component.resourceCacheListener,
+      ]);
 
-    component._subscribe();
+      component._subscribe();
+    }
+  };
+  if (document.readyState !== "complete") {
+    document.addEventListener("DOMContentLoaded", setup);
+  } else {
+    setup();
   }
 };