@sentinel-js/react 0.1.4 → 0.1.6

package/dist/index.d.ts

@@ -9,7 +9,7 @@ export interface SentinelConfig {
     silent?: boolean;
     /** Callback fired when an update is detected (useful for custom UIs) */
     onUpdateAvailable?: (version: string) => void;
-    /** Automatically check for updates on window focus */
+    /** Automatically check for updates on window focus / visibility change */
     checkOnFocus?: boolean;
 }
 export interface SentinelState {
@@ -17,8 +17,8 @@ export interface SentinelState {
     currentVersion: string;
     remoteVersion: string | null;
 }
-export declare const useSentinel: ({ pollingInterval, versionFileUrl, silent, onUpdateAvailable, checkOnFocus }?: SentinelConfig) => {
-    reload: () => void;
+export declare const useSentinel: ({ pollingInterval, versionFileUrl, silent, onUpdateAvailable, checkOnFocus, }?: SentinelConfig) => {
+    reload: () => Promise<void>;
     checkNow: () => Promise<void>;
     hasUpdate: boolean;
     currentVersion: string;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,MAAM,WAAW,cAAc;IAC7B,mEAAmE;IACnE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAkCD,eAAO,MAAM,WAAW,GAAI,+EAMzB,cAAmB;;;eA3CT,OAAO;oBACF,MAAM;mBACP,MAAM,GAAG,IAAI;CAqI7B,CAAC;AAIF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAAE,CAcxG,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,MAAM,WAAW,cAAc;IAC7B,mEAAmE;IACnE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,0EAA0E;IAC1E,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAgFD,eAAO,MAAM,WAAW,GAAI,gFAMzB,cAAmB;;;eAzFT,OAAO;oBACF,MAAM;mBACP,MAAM,GAAG,IAAI;CA+M7B,CAAC;AAIF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAClC,cAAc,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAAE,CAkBrE,CAAC"}

package/dist/index.es.js

@@ -1,64 +1,103 @@
-import { jsxs as g, jsx as h } from "react/jsx-runtime";
-import { useState as m, useRef as S, useEffect as d, useCallback as v } from "react";
-const b = (e) => {
-  const o = history.pushState, r = history.replaceState;
-  return history.pushState = function(...t) {
-    o.apply(history, t), e();
-  }, history.replaceState = function(...t) {
-    r.apply(history, t), e();
-  }, window.addEventListener("popstate", e), () => {
-    window.removeEventListener("popstate", e);
-  };
-}, E = ({
-  pollingInterval: e = 6e4,
-  versionFileUrl: o = "/version.json",
-  silent: r = !1,
-  onUpdateAvailable: t,
-  checkOnFocus: p = !0
+import { jsxs as x, jsx as y } from "react/jsx-runtime";
+import { useState as b, useRef as p, useEffect as h, useCallback as R } from "react";
+const S = async () => {
+  if (typeof navigator < "u" && !navigator.onLine) {
+    console.warn("[Sentinel] Cannot update: User is offline. Aborting reload to preserve PWA.");
+    return;
+  }
+  if ("serviceWorker" in navigator)
+    try {
+      const e = await navigator.serviceWorker.getRegistrations();
+      await Promise.all(e.map((n) => n.unregister()));
+    } catch (e) {
+      console.warn("[Sentinel] Failed to unregister service workers:", e);
+    }
+  if (typeof caches < "u")
+    try {
+      const e = await caches.keys();
+      await Promise.all(e.map((n) => caches.delete(n)));
+    } catch (e) {
+      console.warn("[Sentinel] Failed to clear CacheStorage:", e);
+    }
+  const t = new URL(window.location.href);
+  t.searchParams.set("sentinel_refresh", Date.now().toString()), window.location.href = t.toString();
+}, a = "sentinel:routechange", _ = () => {
+  if (typeof history > "u" || history.__sentinelPatched) return;
+  const t = history.pushState, e = history.replaceState;
+  history.pushState = function(...n) {
+    t.apply(history, n), window.dispatchEvent(new Event(a));
+  }, history.replaceState = function(...n) {
+    e.apply(history, n), window.dispatchEvent(new Event(a));
+  }, history.__sentinelPatched = !0;
+}, L = ({
+  pollingInterval: t = 6e4,
+  versionFileUrl: e = "/version.json",
+  silent: n = !1,
+  onUpdateAvailable: c,
+  checkOnFocus: l = !0
 } = {}) => {
-  const w = typeof __SENTINEL_VERSION__ < "u" ? __SENTINEL_VERSION__ : "unknown", [s, x] = m({
+  const v = typeof __SENTINEL_VERSION__ < "u" ? __SENTINEL_VERSION__ : "unknown", [m, E] = b({
     hasUpdate: !1,
-    currentVersion: w,
+    currentVersion: v,
     remoteVersion: null
-  }), u = S(!1), l = S(t);
-  d(() => {
-    l.current = t;
-  }, [t]);
-  const i = v(async () => {
-    try {
-      const n = await fetch(`${o}?t=${Date.now()}`);
-      if (!n.ok) return;
-      const c = (await n.json()).version;
-      if (c && c !== s.currentVersion) {
-        if (u.current) return;
-        u.current = !0, x((y) => ({ ...y, hasUpdate: !0, remoteVersion: c })), l.current && l.current(c);
+  }), d = p(!1), u = p(c), g = p(v);
+  h(() => {
+    u.current = c;
+  }, [c]);
+  const r = R(async () => {
+    if (!(typeof navigator < "u" && !navigator.onLine))
+      try {
+        const o = await fetch(`${e}?t=${Date.now()}`);
+        if (!o.ok) return;
+        const i = (await o.json()).version;
+        if (i && i !== g.current) {
+          if (d.current) return;
+          d.current = !0, E((s) => ({ ...s, hasUpdate: !0, remoteVersion: i })), u.current && u.current(i);
+        }
+      } catch (o) {
+        console.error("[Sentinel] Failed to check version:", o);
       }
-    } catch (n) {
-      console.error("[Sentinel] Failed to check version:", n);
-    }
-  }, [o, s.currentVersion]);
-  return d(() => {
-    s.currentVersion === "unknown" && console.warn("[Sentinel] Current version is unknown. Ensure @sentinel/vite-plugin is installed."), i();
-    const n = setInterval(i, e), a = () => {
-      p && i();
+  }, [e]);
+  return h(() => {
+    g.current === "unknown" && console.warn(
+      "[Sentinel] Current version is unknown. Ensure @sentinel/vite-plugin is installed."
+    ), r();
+    const o = setInterval(r, t), f = () => {
+      l && r();
+    }, i = () => {
+      l && document.visibilityState === "visible" && r();
+    }, s = () => r();
+    return window.addEventListener("focus", f), document.addEventListener("visibilitychange", i), window.addEventListener("online", s), () => {
+      clearInterval(o), window.removeEventListener("focus", f), document.removeEventListener("visibilitychange", i), window.removeEventListener("online", s);
     };
-    return window.addEventListener("focus", a), () => {
-      clearInterval(n), window.removeEventListener("focus", a);
+  }, [r, t, l]), h(() => {
+    if (!n) return;
+    _();
+    const o = () => {
+      d.current && (console.log("[Sentinel] Silent update: Route changed, reloading app..."), S());
     };
-  }, [i, e, p, s.currentVersion]), d(() => r ? b(() => {
-    u.current && (console.log("[Sentinel] Silent update: Route changed, reloading app..."), window.location.reload());
-  }) : void 0, [r]), {
-    ...s,
-    reload: () => window.location.reload(),
-    checkNow: i
+    return window.addEventListener(a, o), window.addEventListener("popstate", o), () => {
+      window.removeEventListener(a, o), window.removeEventListener("popstate", o);
+    };
+  }, [n]), {
+    ...m,
+    reload: S,
+    checkNow: r
   };
-}, _ = (e) => {
-  const { hasUpdate: o, reload: r } = E(e);
-  return !o || e.silent ? null : /* @__PURE__ */ g("div", { style: { ...f.toast, ...e.style }, className: e.className, children: [
-    /* @__PURE__ */ h("span", { style: f.text, children: "New version available" }),
-    /* @__PURE__ */ h("button", { style: f.button, onClick: r, children: "Refresh" })
-  ] });
-}, f = {
+}, C = (t) => {
+  const { hasUpdate: e, reload: n } = L(t);
+  return !e || t.silent ? null : /* @__PURE__ */ x(
+    "div",
+    {
+      style: { ...w.toast, ...t.style },
+      className: t.className,
+      children: [
+        /* @__PURE__ */ y("span", { style: w.text, children: "New version available" }),
+        /* @__PURE__ */ y("button", { style: w.button, onClick: n, children: "Refresh" })
+      ]
+    }
+  );
+}, w = {
   toast: {
     position: "fixed",
     bottom: "24px",
@@ -92,6 +131,6 @@ const b = (e) => {
   }
 };
 export {
-  _ as SentinelToast,
-  E as useSentinel
+  C as SentinelToast,
+  L as useSentinel
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(t,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],n):(t=typeof globalThis<"u"?globalThis:t||self,n(t.SentinelReact={},t.jsxRuntime,t.React))})(this,function(t,n,o){"use strict";const y=e=>{const i=history.pushState,a=history.replaceState;return history.pushState=function(...r){i.apply(history,r),e()},history.replaceState=function(...r){a.apply(history,r),e()},window.addEventListener("popstate",e),()=>{window.removeEventListener("popstate",e)}},S=({pollingInterval:e=6e4,versionFileUrl:i="/version.json",silent:a=!1,onUpdateAvailable:r,checkOnFocus:x=!0}={})=>{const g=typeof __SENTINEL_VERSION__<"u"?__SENTINEL_VERSION__:"unknown",[u,m]=o.useState({hasUpdate:!1,currentVersion:g,remoteVersion:null}),p=o.useRef(!1),h=o.useRef(r);o.useEffect(()=>{h.current=r},[r]);const c=o.useCallback(async()=>{try{const s=await fetch(`${i}?t=${Date.now()}`);if(!s.ok)return;const l=(await s.json()).version;if(l&&l!==u.currentVersion){if(p.current)return;p.current=!0,m(v=>({...v,hasUpdate:!0,remoteVersion:l})),h.current&&h.current(l)}}catch(s){console.error("[Sentinel] Failed to check version:",s)}},[i,u.currentVersion]);return o.useEffect(()=>{u.currentVersion==="unknown"&&console.warn("[Sentinel] Current version is unknown. Ensure @sentinel/vite-plugin is installed."),c();const s=setInterval(c,e),d=()=>{x&&c()};return window.addEventListener("focus",d),()=>{clearInterval(s),window.removeEventListener("focus",d)}},[c,e,x,u.currentVersion]),o.useEffect(()=>a?y(()=>{p.current&&(console.log("[Sentinel] Silent update: Route changed, reloading app..."),window.location.reload())}):void 0,[a]),{...u,reload:()=>window.location.reload(),checkNow:c}},w=e=>{const{hasUpdate:i,reload:a}=S(e);return!i||e.silent?null:n.jsxs("div",{style:{...f.toast,...e.style},className:e.className,children:[n.jsx("span",{style:f.text,children:"New version available"}),n.jsx("button",{style:f.button,onClick:a,children:"Refresh"})]})},f={toast:{position:"fixed",bottom:"24px",right:"24px",backgroundColor:"#1f1f1f",color:"#ffffff",padding:"12px 20px",borderRadius:"8px",boxShadow:"0 4px 12px rgba(0,0,0,0.15)",display:"flex",alignItems:"center",gap:"16px",zIndex:9999,fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',border:"1px solid #333"},text:{fontSize:"14px",fontWeight:500},button:{backgroundColor:"#3b82f6",border:"none",color:"white",padding:"8px 16px",borderRadius:"6px",cursor:"pointer",fontWeight:600,fontSize:"13px",transition:"background-color 0.2s"}};t.SentinelToast=w,t.useSentinel=S,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+(function(i,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],s):(i=typeof globalThis<"u"?globalThis:i||self,s(i.SentinelReact={},i.jsxRuntime,i.React))})(this,function(i,s,r){"use strict";const y=async()=>{if(typeof navigator<"u"&&!navigator.onLine){console.warn("[Sentinel] Cannot update: User is offline. Aborting reload to preserve PWA.");return}if("serviceWorker"in navigator)try{const e=await navigator.serviceWorker.getRegistrations();await Promise.all(e.map(n=>n.unregister()))}catch(e){console.warn("[Sentinel] Failed to unregister service workers:",e)}if(typeof caches<"u")try{const e=await caches.keys();await Promise.all(e.map(n=>caches.delete(n)))}catch(e){console.warn("[Sentinel] Failed to clear CacheStorage:",e)}const t=new URL(window.location.href);t.searchParams.set("sentinel_refresh",Date.now().toString()),window.location.href=t.toString()},l="sentinel:routechange",m=()=>{if(typeof history>"u"||history.__sentinelPatched)return;const t=history.pushState,e=history.replaceState;history.pushState=function(...n){t.apply(history,n),window.dispatchEvent(new Event(l))},history.replaceState=function(...n){e.apply(history,n),window.dispatchEvent(new Event(l))},history.__sentinelPatched=!0},g=({pollingInterval:t=6e4,versionFileUrl:e="/version.json",silent:n=!1,onUpdateAvailable:f,checkOnFocus:p=!0}={})=>{const S=typeof __SENTINEL_VERSION__<"u"?__SENTINEL_VERSION__:"unknown",[b,R]=r.useState({hasUpdate:!1,currentVersion:S,remoteVersion:null}),h=r.useRef(!1),w=r.useRef(f),E=r.useRef(S);r.useEffect(()=>{w.current=f},[f]);const a=r.useCallback(async()=>{if(!(typeof navigator<"u"&&!navigator.onLine))try{const o=await fetch(`${e}?t=${Date.now()}`);if(!o.ok)return;const c=(await o.json()).version;if(c&&c!==E.current){if(h.current)return;h.current=!0,R(d=>({...d,hasUpdate:!0,remoteVersion:c})),w.current&&w.current(c)}}catch(o){console.error("[Sentinel] Failed to check version:",o)}},[e]);return r.useEffect(()=>{E.current==="unknown"&&console.warn("[Sentinel] Current version is unknown. Ensure @sentinel/vite-plugin is installed."),a();const o=setInterval(a,t),v=()=>{p&&a()},c=()=>{p&&document.visibilityState==="visible"&&a()},d=()=>a();return window.addEventListener("focus",v),document.addEventListener("visibilitychange",c),window.addEventListener("online",d),()=>{clearInterval(o),window.removeEventListener("focus",v),document.removeEventListener("visibilitychange",c),window.removeEventListener("online",d)}},[a,t,p]),r.useEffect(()=>{if(!n)return;m();const o=()=>{h.current&&(console.log("[Sentinel] Silent update: Route changed, reloading app..."),y())};return window.addEventListener(l,o),window.addEventListener("popstate",o),()=>{window.removeEventListener(l,o),window.removeEventListener("popstate",o)}},[n]),{...b,reload:y,checkNow:a}},x=t=>{const{hasUpdate:e,reload:n}=g(t);return!e||t.silent?null:s.jsxs("div",{style:{...u.toast,...t.style},className:t.className,children:[s.jsx("span",{style:u.text,children:"New version available"}),s.jsx("button",{style:u.button,onClick:n,children:"Refresh"})]})},u={toast:{position:"fixed",bottom:"24px",right:"24px",backgroundColor:"#1f1f1f",color:"#ffffff",padding:"12px 20px",borderRadius:"8px",boxShadow:"0 4px 12px rgba(0,0,0,0.15)",display:"flex",alignItems:"center",gap:"16px",zIndex:9999,fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',border:"1px solid #333"},text:{fontSize:"14px",fontWeight:500},button:{backgroundColor:"#3b82f6",border:"none",color:"white",padding:"8px 16px",borderRadius:"6px",cursor:"pointer",fontWeight:600,fontSize:"13px",transition:"background-color 0.2s"}};i.SentinelToast=x,i.useSentinel=g,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sentinel-js/react",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.umd.js",
@@ -37,6 +37,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/TheJavaScriptDojoOfficial/sentinel-monorepo/blob/main/packages/react/README.md"
+    "url": "git+https://github.com/TheJavaScriptDojoOfficial/sentinel-monorepo.git",
+    "directory": "packages/react"
+  },
+  "homepage": "https://github.com/TheJavaScriptDojoOfficial/sentinel-monorepo#readme",
+  "bugs": {
+    "url": "https://github.com/TheJavaScriptDojoOfficial/sentinel-monorepo/issues"
   }
 }