@thebase/ui 1.1.6 → 1.2.0

package/dist/baseui.pwa.esm.js

@@ -1,20 +1,80 @@
-var d=["favicon.ico","favicon-16x16.png","favicon-32x32.png","apple-touch-icon.png","icon-192.png","icon-512.png"],l="/icons/";function m(e){return[{src:`${e}icon-192.png`,sizes:"192x192",type:"image/png",purpose:"any"},{src:`${e}icon-512.png`,sizes:"512x512",type:"image/png",purpose:"any"},{src:`${e}icon-512.png`,sizes:"512x512",type:"image/png",purpose:"maskable"}]}function E(e){let{name:t,shortName:s=t,description:c="",startUrl:r="/",scope:a="/",display:o="standalone",orientation:n="portrait-primary",backgroundColor:i="#ffffff",themeColor:p="#0f172a",lang:h="en",iconsBase:u=l,icons:f=m(u)}=e;return{name:t,short_name:s,description:c,start_url:r,scope:a,display:o,orientation:n,background_color:i,theme_color:p,lang:h,icons:f}}function C(e){let{cacheName:t,cdnVersion:s,iconsBase:c=l,manifestUrl:r="/manifest.webmanifest",appFiles:a=[],extraPrecacheUrls:o=[]}=e,n=`https://cdn.jsdelivr.net/npm/@thebase/ui@${s}/dist/`,i=["/",r,...d.map(p=>`${c}${p}`),...a,...o,`${n}baseui.min.css`,`${n}baseui.esm.js`,`${n}baseui.templates.xml`];return`const CACHE_NAME = ${JSON.stringify(t)};
-const BASEUI_CDN = ${JSON.stringify(n)};
+var d=["favicon.ico","favicon-16x16.png","favicon-32x32.png","apple-touch-icon.png","icon-192.png","icon-512.png"],h="/icons/";function v(e){return[{src:`${e}icon-192.png`,sizes:"192x192",type:"image/png",purpose:"any"},{src:`${e}icon-512.png`,sizes:"512x512",type:"image/png",purpose:"any"},{src:`${e}icon-512.png`,sizes:"512x512",type:"image/png",purpose:"maskable"}]}function g(e){let{name:n,shortName:r=n,description:a="",startUrl:o="/",scope:i="/",display:c="standalone",orientation:t="portrait-primary",backgroundColor:l="#ffffff",themeColor:s="#0f172a",lang:p="en",iconsBase:u=h,icons:f=v(u)}=e;return{name:n,short_name:r,description:a,start_url:o,scope:i,display:c,orientation:t,background_color:l,theme_color:s,lang:p,icons:f}}function w(e){return JSON.stringify({version:e})+`
+`}function m({swUrl:e="/sw.js"}={}){return`/** Registers the offline service worker and reloads the page whenever a new app version is deployed. */
+if ("serviceWorker" in navigator) {
+  navigator.serviceWorker.addEventListener("message", (event) => {
+    if (event.data === "version-changed") location.reload();
+  });
+  document.addEventListener("visibilitychange", () => {
+    if (!document.hidden) navigator.serviceWorker.controller?.postMessage("check-version");
+  });
+  window.addEventListener("load", () => {
+    navigator.serviceWorker.register(${JSON.stringify(e)}).catch((error) => {
+      console.error("Service worker registration failed", error);
+    });
+  });
+}
+`}function k(e){let{cacheName:n,cdnVersion:r,iconsBase:a=h,manifestUrl:o="/manifest.webmanifest",appFiles:i=[],extraPrecacheUrls:c=[]}=e,t=r?`https://cdn.jsdelivr.net/npm/@thebase/ui@${r}/dist/`:null,l=["/",o,...d.map(s=>`${a}${s}`),...i,...c,...t?["baseui.min.css","baseui.esm.js","baseui.templates.xml"].map(s=>`${t}${s}`):[]];return`const CACHE_NAME = ${JSON.stringify(n)};
+const BASEUI_CDN = ${JSON.stringify(t)};
+
+const PRECACHE_URLS = ${JSON.stringify(l,null,2)};
+
+/** Last-seen app version lives in its own cache so wiping the app caches never forgets it. */
+const VERSION_CACHE = ${JSON.stringify(n+"-version")};
+const VERSION_URL = new URL("version.json", self.registration.scope).href;
+let pendingCheck = null;
+
+/** Re-downloads every app-shell file fresh, so the next page load runs the new code offline too. */
+async function precache() {
+  const cache = await caches.open(CACHE_NAME);
+  await Promise.all(PRECACHE_URLS.map((url) => cache.add(new Request(url, { cache: "reload" }))));
+}
+
+/** Asks the server for version.json; when it differs from the last one seen, throws away every
+ * cached file, caches the new ones and tells all open pages to reload. */
+async function runVersionCheck() {
+  try {
+    const response = await fetch(VERSION_URL, { cache: "no-store" });
+    if (!response.ok) return;
+    const latest = (await response.json()).version;
+    const store = await caches.open(VERSION_CACHE);
+    const known = await store.match(VERSION_URL);
+    const previous = known ? await known.text() : null;
+    if (previous === latest) return;
+    await store.put(VERSION_URL, new Response(latest));
+    if (previous === null) return;
+    const names = await caches.keys();
+    await Promise.all(names.filter((name) => name !== VERSION_CACHE).map((name) => caches.delete(name)));
+    await precache();
+    const pages = await self.clients.matchAll({ type: "window" });
+    pages.forEach((page) => page.postMessage("version-changed"));
+  } catch {
+    // Offline or server hiccup: keep the current cached app and try again on the next check.
+  }
+}
 
-const PRECACHE_URLS = ${JSON.stringify(i,null,2)};
+/** Runs one version check at a time, so a burst of page loads shares a single request. */
+function checkVersion() {
+  pendingCheck ??= runVersionCheck().finally(() => {
+    pendingCheck = null;
+  });
+  return pendingCheck;
+}
+
+self.addEventListener("message", (event) => {
+  if (event.data === "check-version") event.waitUntil(checkVersion());
+});
 
 self.addEventListener("install", (event) => {
-  event.waitUntil(
-    caches.open(CACHE_NAME).then((cache) => cache.addAll(PRECACHE_URLS)).then(() => self.skipWaiting())
-  );
+  event.waitUntil(precache().then(() => self.skipWaiting()));
 });
 
 self.addEventListener("activate", (event) => {
   event.waitUntil(
     caches
       .keys()
-      .then((keys) => Promise.all(keys.filter((key) => key !== CACHE_NAME).map((key) => caches.delete(key))))
+      .then((keys) => Promise.all(keys.filter((key) => key !== CACHE_NAME && key !== VERSION_CACHE).map((key) => caches.delete(key))))
       .then(() => self.clients.claim())
+      .then(checkVersion)
   );
 });
 
@@ -30,11 +90,13 @@ async function fromCdnCache(request) {
 self.addEventListener("fetch", (event) => {
   const { request } = event;
   if (request.method !== "GET") return;
-  if (request.url.startsWith(BASEUI_CDN)) {
+  if (BASEUI_CDN && request.url.startsWith(BASEUI_CDN)) {
     event.respondWith(fromCdnCache(request));
     return;
   }
   if (new URL(request.url).origin !== self.location.origin) return;
+  if (request.url === VERSION_URL) return;
+  if (request.mode === "navigate") event.waitUntil(checkVersion());
 
   event.respondWith(
     caches.open(CACHE_NAME).then(async (cache) => {
@@ -50,4 +112,4 @@ self.addEventListener("fetch", (event) => {
     })
   );
 });
-`}export{d as DEFAULT_ICON_FILES,E as buildManifest,C as buildServiceWorker};
+`}export{d as DEFAULT_ICON_FILES,g as buildManifest,k as buildServiceWorker,m as buildServiceWorkerRegister,w as buildVersionJson};

package/dist/baseui.registry.json

@@ -44,7 +44,9 @@
   },
   "themes": [
     "themes/baseui-light.css",
-    "themes/baseui-dark.css"
+    "themes/baseui-dark.css",
+    "themes/baseui-light.min.css",
+    "themes/baseui-dark.min.css"
   ],
   "components": [
     {
@@ -477,6 +479,19 @@
       ],
       "templateName": "baseui.ClipboardButton"
     },
+    {
+      "name": "code-editor",
+      "type": "owl",
+      "dependencies": [
+        "owl"
+      ],
+      "attributes": [],
+      "events": [],
+      "owlComponents": [
+        "CodeEditor"
+      ],
+      "templateName": "baseui.CodeEditor"
+    },
     {
       "name": "collapsible",
       "type": "owl",
@@ -870,30 +885,6 @@
       ],
       "templateName": "baseui.Input"
     },
-    {
-      "name": "input-group",
-      "type": "static",
-      "dependencies": [],
-      "attributes": [
-        "b-ui",
-        "b-input-group-addon",
-        "b-input-group-button",
-        "b-input-group-text",
-        "b-att-align",
-        "b-att-size",
-        "b-att-variant"
-      ],
-      "events": [],
-      "owlComponents": [
-        "InputGroup",
-        "InputGroupAddon",
-        "InputGroupButton",
-        "InputGroupText",
-        "InputGroupInput",
-        "InputGroupTextarea"
-      ],
-      "templateName": "baseui.InputGroup"
-    },
     {
       "name": "input-otp",
       "type": "owl",
@@ -1697,17 +1688,19 @@
     }
   ],
   "integrity": {
-    "baseui.min.css": "sha384-CJXU0BIk1YJ6i2k4WqGlnxRXisLJ1pvbbdAOaIYXbsq3NjdqvCsST304XieDxyIp",
+    "baseui.min.css": "sha384-ZHn0002xs5Vgxz9uxfop7VtPOQAh6E5rIJO01L/a2zmeIBWoZyFt6cnVrx75Dvuv",
     "bootstrap.bundle.min.js": "sha384-RMbllTJcplkCRnELNTOc5Kz/3AvFDE/rNlJqWqfgmRWruobClBdfwvl10akQZkR1",
-    "baseui.min.js": "sha384-RRvp6vUHm/o+shXVAySNrLIPTaWQis8FmnhSPziowptMMfxaPmfWvrwCqKqNpYTo",
-    "baseui.esm.js": "sha384-lqsK9lnh8XSA2lx94aLjn0Ndngg3B6lRVp734RbJmO51IUA0xufqGYyE5+nV9kKu",
-    "baseui.icons.esm.js": "sha384-hj39VMhzcFvmYnjob2hlioMOAqwAXCURGreF6s9RitXFp/iYi7rUdqtfCI+ICQeS",
-    "baseui.templates.xml": "sha384-7ALCzje9vh+KVAMbUXRuj10oa2Fnreo1X8wv2+MFVsMo1wXYNL59Yh/HCk35Vn8d",
-    "baseui.block-viewer.esm.js": "sha384-y7RT1EQqZt+wRpYQOjJW1vV/flr7rMB62ri6NmYbf8Yg+YQEIhFBeywjB90YIaML",
+    "baseui.min.js": "sha384-ngv95qClP1dpgmpqtod8rhEOsTqIyA+TVoM4r8SwTWAmTY9ywjd0/Dg3Tof5Tctc",
+    "baseui.esm.js": "sha384-iotSpACgMEmc6RjnCVirA3EQ9OSVj4EiAFNTRDIsE9bq57WtQzafHLZYU61QD8Zv",
+    "baseui.icons.esm.js": "sha384-ZfEsbs5m2fWdNSu4Ql+ul4mOxhfl1HviBlbxZGZ/4ud905I8Csa6/ekJjNSVkjQ0",
+    "baseui.templates.xml": "sha384-+f/GUQVnonSoB2Q38NEa6hialYS8zT1NAAeGBtV6Kvtio+W4hOlpzihhvaCwKipc",
+    "baseui.block-viewer.esm.js": "sha384-vOMuFxKFmcXlJnc7tF4g9+ZcZJs3E8oLe2pgyOp5ZWqJ9zsmW7S8gcS5kFIWRnY4",
     "baseui.analytics.esm.js": "sha384-M6TVmchmceTvpSzgI+DNA6zAn9xmz9a+YEexCLslSo/Ngxyp2kmzs9fm+PxWy+Da",
     "baseui.analytics.min.js": "sha384-B0hBkVDbT7gmDmUMazlN4Nc1KnYGSpL+IcW2hd8840knx73HGImPgGs84MvS3hKE",
     "icons/lucide.json": "sha384-mc5mzpmq9eOgZVa2IcjrL33Ty4nMXE8aoZMfy+lgkC/jMQ4aYnk2S58mFsSGFnW1",
-    "themes/baseui-light.css": "sha384-/TosvycgVJ5aZ7EOWd4cr8Zen4nayAC/iA9BgGdXKH0LuHSnZk4guDaWM5WPC7yy",
-    "themes/baseui-dark.css": "sha384-zF9Rhfjpv90sxuJ2WK7GBPCltN6mkebzK1w9EzQGY9DYHiX3eIX/fcE7fXzfIZVF"
+    "themes/baseui-light.css": "sha384-XhA89k6XLY7cqj+vOmbLXJJb2lqPgmtbcG7l405Npi9jrGusMb0aRzlzudm4xQjd",
+    "themes/baseui-dark.css": "sha384-NuFHViGPtr0BsRavJuNrDwEoHCjAAWeApoFkPqcmNNG5iepRq3axVMx5TGDFoZ+M",
+    "themes/baseui-light.min.css": "sha384-GpQ0m8Gdag3mlVieaGQwxMvkhVjd06oZaVPb9ibl8BPDTv+WtyMw5FC45Cwatr+g",
+    "themes/baseui-dark.min.css": "sha384-sVNXeOvnAz20W2H9c8C/U7Cuj9fT7uO9carZ4uxQ6WF/3/gXe8ihqip1mW7yRfnp"
   }
 }