Function useWebPush

apps/ui/src/hooks/useWebPush.hooks.ts:79–232

()

 * ("blocked", "unsupported", "subscribed") off the returned view.
 */
export function useWebPush(): IUseWebPushView {
  const isSupported = isApiSupported();
  const isConfigured = env.VITE_VAPID_PUBLIC_KEY !== "";

  const [permission, setPermission] =
    useState<IWebPushPermission>(currentPermission);
  const [isSubscribed, setIsSubscribed] = useState(false);
  const [isPending, setIsPending] = useState(false);

  useEffect(() => {
    if (!isSupported) {
      return undefined;
    }

    let cancelled = false;

    const refreshSubscription = async (): Promise<void> => {
      try {
        const registration = await navigator.serviceWorker.ready;
        const sub = await registration.pushManager.getSubscription();

        if (!cancelled) {
          setIsSubscribed(sub !== null);
        }
      } catch (error: unknown) {
        if (!cancelled) {
          logger.warn({
            event: "notifications.web_push.subscribe_failed",
            phase: "initial_check",
            error: getErrorMessage(error)
          });
        }
      }
    };

    void refreshSubscription();

    return () => {
      cancelled = true;
    };
  }, [isSupported]);

  const subscribe = useCallback(async (): Promise<void> => {
    if (!isSupported || !isConfigured) {
      return;
    }

    setIsPending(true);

    try {
      const requested = await Notification.requestPermission();

      setPermission(normalizePermission(requested));

      if (requested !== "granted") {
        return;
      }