@rpcbase/client 0.471.0 → 0.473.0

package/dist/browserNotifications.d.ts

@@ -1,8 +1,7 @@
 export type BrowserNotificationInput = {
     title: string;
     options?: NotificationOptions;
-    onClick?: () => void;
 };
 export declare const canShowBrowserNotification: () => boolean;
-export declare const showBrowserNotification: ({ title, options, onClick, }: BrowserNotificationInput) => Promise<boolean>;
+export declare const showBrowserNotification: ({ title, options, }: BrowserNotificationInput) => Promise<boolean>;
 //# sourceMappingURL=browserNotifications.d.ts.map

package/dist/browserNotifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"browserNotifications.d.ts","sourceRoot":"","sources":["../src/browserNotifications.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAiBD,eAAO,MAAM,0BAA0B,QAAO,OAI7C,CAAA;AAED,eAAO,MAAM,uBAAuB,GAAU,8BAI3C,wBAAwB,KAAG,OAAO,CAAC,OAAO,CAoB5C,CAAA"}
+{"version":3,"file":"browserNotifications.d.ts","sourceRoot":"","sources":["../src/browserNotifications.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,mBAAmB,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,0BAA0B,QAAO,OAI7C,CAAA;AAED,eAAO,MAAM,uBAAuB,GAAU,qBAG3C,wBAAwB,KAAG,OAAO,CAAC,OAAO,CAY5C,CAAA"}

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export * from './components/SsrErrorFallback';
 export * from './components/RouteErrorBoundary';
 export * from './notifications';
 export * from './notificationsRealtime';
+export * from './serviceWorker';
 export * from './errorReporting';
 export { STATIC_RPCBASE_RTS_HYDRATION_DATA_KEY, RtsSsrRuntimeProvider, clearHydratedRtsQueryData, consumeHydratedRtsCount, hydrateRtsFromWindow, peekHydratedRtsCount, peekHydratedRtsQueryData, peekHydratedRtsQueryPageInfo, peekHydratedRtsQueryTotalCount, type RtsSsrCountRegistration, type RtsSsrHydrationCountData, type RtsSsrHydrationQueryData, type RtsSsrQueryRegistration, type RtsSsrRuntime, type StaticRpcbaseRtsHydrationData, } from './rts/ssrHydration';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,+BAA+B,CAAA;AAC7C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,iBAAiB,CAAA;AAC/B,cAAc,yBAAyB,CAAA;AACvC,cAAc,kBAAkB,CAAA;AAChC,OAAO,EACL,qCAAqC,EACrC,qBAAqB,EACrB,yBAAyB,EACzB,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,wBAAwB,EACxB,4BAA4B,EAC5B,8BAA8B,EAC9B,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,EAC7B,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,EAC5B,KAAK,aAAa,EAClB,KAAK,6BAA6B,GACnC,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,+BAA+B,CAAA;AAC7C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,iBAAiB,CAAA;AAC/B,cAAc,yBAAyB,CAAA;AACvC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,OAAO,EACL,qCAAqC,EACrC,qBAAqB,EACrB,yBAAyB,EACzB,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,wBAAwB,EACxB,4BAA4B,EAC5B,8BAA8B,EAC9B,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,EAC7B,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,EAC5B,KAAK,aAAa,EAClB,KAAK,6BAA6B,GACnC,MAAM,oBAAoB,CAAA"}

package/dist/index.js

@@ -589,6 +589,88 @@ var installGlobalNavigationGuard = (router) => {
 	}
 };
 //#endregion
+//#region src/serviceWorker.ts
+var RPCBASE_SERVICE_WORKER_PATH = "/rpcbase-service-worker.js";
+var RPCBASE_SERVICE_WORKER_SCOPE = "/";
+var RPCBASE_SERVICE_WORKER_MESSAGE_SOURCE = "@rpcbase/service-worker";
+var SERVICE_WORKER_ACTIVATION_TIMEOUT_MS = 5e3;
+var registrationPromise;
+var registrationScheduled = false;
+var waitForActiveRegistration = (registration) => {
+	const worker = registration.installing ?? registration.waiting;
+	if (!worker) return Promise.resolve(registration.active ? registration : null);
+	if (worker.state === "activated") return Promise.resolve(registration);
+	return new Promise((resolve) => {
+		let settled = false;
+		let timeoutId = 0;
+		const finish = (result) => {
+			if (settled) return;
+			settled = true;
+			window.clearTimeout(timeoutId);
+			worker.removeEventListener("statechange", handleStateChange);
+			resolve(result);
+		};
+		const handleStateChange = () => {
+			if (worker.state === "activated" || registration.active === worker) {
+				finish(registration);
+				return;
+			}
+			if (worker.state === "redundant") finish(null);
+		};
+		timeoutId = window.setTimeout(() => finish(null), SERVICE_WORKER_ACTIVATION_TIMEOUT_MS);
+		worker.addEventListener("statechange", handleStateChange);
+		handleStateChange();
+	});
+};
+var hasServiceWorkerSupport = () => typeof window !== "undefined" && typeof navigator !== "undefined" && typeof navigator.serviceWorker?.register === "function";
+var registerRpcbaseServiceWorker = () => {
+	if (!hasServiceWorkerSupport()) return Promise.resolve(null);
+	if (registrationPromise) return registrationPromise;
+	registrationPromise = navigator.serviceWorker.register(RPCBASE_SERVICE_WORKER_PATH, { scope: "/" }).then(waitForActiveRegistration).catch(() => null).then((registration) => {
+		if (!registration) registrationPromise = void 0;
+		return registration;
+	});
+	return registrationPromise;
+};
+var scheduleRpcbaseServiceWorkerRegistration = () => {
+	if (!hasServiceWorkerSupport() || registrationScheduled) return;
+	registrationScheduled = true;
+	const register = () => {
+		registerRpcbaseServiceWorker();
+	};
+	if (document.readyState === "complete") {
+		window.setTimeout(register, 0);
+		return;
+	}
+	window.addEventListener("load", register, { once: true });
+};
+var sendRpcbaseServiceWorkerMessage = async (type, payload) => {
+	const normalizedType = type.trim();
+	if (!normalizedType) return false;
+	const registration = await registerRpcbaseServiceWorker();
+	const worker = registration?.active ?? registration?.waiting ?? registration?.installing;
+	if (!worker) return false;
+	const message = {
+		source: RPCBASE_SERVICE_WORKER_MESSAGE_SOURCE,
+		type: normalizedType,
+		...payload === void 0 ? {} : { payload }
+	};
+	worker.postMessage(message);
+	return true;
+};
+var subscribeRpcbaseServiceWorkerMessages = (type, listener) => {
+	const serviceWorker = typeof navigator === "undefined" ? void 0 : navigator.serviceWorker;
+	if (!serviceWorker || typeof serviceWorker.addEventListener !== "function") return () => void 0;
+	const handleMessage = (event) => {
+		if (!event.data || typeof event.data !== "object") return;
+		const message = event.data;
+		if (message.source !== "@rpcbase/service-worker" || message.type !== type) return;
+		listener(message.payload, message);
+	};
+	serviceWorker.addEventListener("message", handleMessage);
+	return () => serviceWorker.removeEventListener("message", handleMessage);
+};
+//#endregion
 //#region src/ssrErrorState.ts
 var SSR_ERROR_STATE_GLOBAL_KEY = "__RPCBASE_SSR_ERROR__";
 var ESCAPED_LT = /</g;
@@ -839,6 +921,7 @@ var ClientOnly = (t0) => {
 };
 var initWithRoutes = async (routesElement, opts) => {
 	const rootElement = getRootElement();
+	scheduleRpcbaseServiceWorkerRegistration();
 	if (hydrateSsrFallbackIfPresent(rootElement, opts?.renderErrorExtra)) return;
 	await initApiClient();
 	cleanupURL();
@@ -2231,38 +2314,20 @@ var runNotificationDigest = async ({ force = false } = {}) => {
 };
 //#endregion
 //#region src/browserNotifications.ts
-var getActiveServiceWorkerRegistration = async () => {
-	if (typeof navigator === "undefined") return null;
-	const serviceWorker = navigator.serviceWorker;
-	if (!serviceWorker || typeof serviceWorker.getRegistration !== "function") return null;
-	try {
-		const registration = await serviceWorker.getRegistration();
-		if (!registration?.active) return null;
-		return typeof registration.showNotification === "function" ? registration : null;
-	} catch {
-		return null;
-	}
-};
 var canShowBrowserNotification = () => {
 	if (typeof window === "undefined") return false;
 	if (!("Notification" in window)) return false;
 	return window.Notification.permission === "granted";
 };
-var showBrowserNotification = async ({ title, options, onClick }) => {
+var showBrowserNotification = async ({ title, options }) => {
 	if (!canShowBrowserNotification()) return false;
+	const registration = await registerRpcbaseServiceWorker();
+	if (typeof registration?.showNotification !== "function") return false;
 	try {
-		const browserNotification = new window.Notification(title, options);
-		if (onClick) browserNotification.onclick = onClick;
+		await registration.showNotification(title, options);
 		return true;
 	} catch {
-		const registration = await getActiveServiceWorkerRegistration();
-		if (!registration) return false;
-		try {
-			await registration.showNotification(title, options);
-			return true;
-		} catch {
-			return false;
-		}
+		return false;
 	}
 };
 //#endregion
@@ -2784,10 +2849,6 @@ var sortNotificationsByCreatedAt = (items) => [...items].sort((a, b) => {
 	const bMs = Date.parse(b.createdAt);
 	return (Number.isFinite(aMs) ? aMs : 0) - (Number.isFinite(bMs) ? bMs : 0);
 });
-var focusNotificationAction = (action) => {
-	window.focus();
-	if (action) applyNotificationAction(action);
-};
 var getNativeNotificationOptions = (item) => {
 	const action = getNotificationAction(item);
 	return {
@@ -2803,11 +2864,9 @@ var getNativeNotificationOptions = (item) => {
 	};
 };
 var showNativeNotification = async (item) => {
-	const action = getNotificationAction(item);
 	return showBrowserNotification({
 		title: item.title,
-		options: getNativeNotificationOptions(item),
-		onClick: () => focusNotificationAction(action)
+		options: getNativeNotificationOptions(item)
 	});
 };
 var showNativeNotifications = async (items) => {
@@ -2817,8 +2876,7 @@ var showNativeNotifications = async (items) => {
 		options: {
 			body: "Open the notifications drawer to view them.",
 			tag: `${NATIVE_NOTIFICATION_TAG_PREFIX}:summary`
-		},
-		onClick: () => focusNotificationAction(null)
+		}
 	}) ? items : [];
 	const shownItems = [];
 	for (const item of items) if (await showNativeNotification(item)) shownItems.push(item);
@@ -3285,6 +3343,6 @@ var useNotificationsRealtime = () => {
 	return useContext(NotificationsRealtimeContext);
 };
 //#endregion
-export { NotificationsRealtimeContext, NotificationsRealtimeProvider, RootProvider, RouteErrorBoundary, RtsSsrRuntimeProvider, SSR_ERROR_STATE_GLOBAL_KEY, STATIC_RPCBASE_RTS_HYDRATION_DATA_KEY, SsrErrorFallback, apiClient, archiveNotification, clearHydratedRtsQueryData, consumeClientSsrErrorState, consumeHydratedRtsCount, getFeatureFlag, getNotificationSettings, hydrateRtsFromWindow, initApiClient, initWithRoutes, listNotifications, markAllNotificationsRead, markNotificationRead, markNotificationsReadByUrl, peekClientSsrErrorState, peekHydratedRtsCount, peekHydratedRtsQueryData, peekHydratedRtsQueryPageInfo, peekHydratedRtsQueryTotalCount, reportClientException, runNotificationDigest, serializeSsrErrorState, setClientExceptionReporter, toast, updateNotificationSettings, useMediaQuery, useNotificationsRealtime, useThrottledMeasure };
+export { NotificationsRealtimeContext, NotificationsRealtimeProvider, RPCBASE_SERVICE_WORKER_MESSAGE_SOURCE, RPCBASE_SERVICE_WORKER_PATH, RPCBASE_SERVICE_WORKER_SCOPE, RootProvider, RouteErrorBoundary, RtsSsrRuntimeProvider, SSR_ERROR_STATE_GLOBAL_KEY, STATIC_RPCBASE_RTS_HYDRATION_DATA_KEY, SsrErrorFallback, apiClient, archiveNotification, clearHydratedRtsQueryData, consumeClientSsrErrorState, consumeHydratedRtsCount, getFeatureFlag, getNotificationSettings, hydrateRtsFromWindow, initApiClient, initWithRoutes, listNotifications, markAllNotificationsRead, markNotificationRead, markNotificationsReadByUrl, peekClientSsrErrorState, peekHydratedRtsCount, peekHydratedRtsQueryData, peekHydratedRtsQueryPageInfo, peekHydratedRtsQueryTotalCount, registerRpcbaseServiceWorker, reportClientException, runNotificationDigest, scheduleRpcbaseServiceWorkerRegistration, sendRpcbaseServiceWorkerMessage, serializeSsrErrorState, setClientExceptionReporter, subscribeRpcbaseServiceWorkerMessages, toast, updateNotificationSettings, useMediaQuery, useNotificationsRealtime, useThrottledMeasure };
 
 //# sourceMappingURL=index.js.map