ntfy/web/src/app/Notifier.js

import { formatMessage, formatTitleWithDefault, openUrl, playSound, topicDisplayName, topicShortUrl } from "./utils";
import prefs from "./Prefs";
import subscriptionManager from "./SubscriptionManager";
import logo from "../img/ntfy.png";

/**
 * The notifier is responsible for displaying desktop notifications. Note that not all modern browsers
 * support this; most importantly, all iOS browsers do not support window.Notification.
 */
class Notifier {
  async notify(subscriptionId, notification, onClickFallback) {
    if (!this.supported()) {
      return;
    }
    const subscription = await subscriptionManager.get(subscriptionId);
    const shouldNotify = await this.shouldNotify(subscription, notification);
    if (!shouldNotify) {
      return;
    }
    const shortUrl = topicShortUrl(subscription.baseUrl, subscription.topic);
    const displayName = topicDisplayName(subscription);
    const message = formatMessage(notification);
    const title = formatTitleWithDefault(notification, displayName);

    // Show notification
    console.log(`[Notifier, ${shortUrl}] Displaying notification ${notification.id}: ${message}`);
    const n = new Notification(title, {
      body: message,
      icon: logo,
    });
    if (notification.click) {
      n.onclick = (e) => openUrl(notification.click);
    } else {
      n.onclick = () => onClickFallback(subscription);
    }

    // Play sound
    const sound = await prefs.sound();
    if (sound && sound !== "none") {
      try {
        await playSound(sound);
      } catch (e) {
        console.log(`[Notifier, ${shortUrl}] Error playing audio`, e);
      }
    }
  }

  granted() {
    return this.supported() && Notification.permission === "granted";
  }

  maybeRequestPermission(cb) {
    if (!this.supported()) {
      cb(false);
      return;
    }
    if (!this.granted()) {
      Notification.requestPermission().then((permission) => {
        const granted = permission === "granted";
        cb(granted);
      });
    }
  }

  async shouldNotify(subscription, notification) {
    if (subscription.mutedUntil === 1) {
      return false;
    }
    const priority = notification.priority ? notification.priority : 3;
    const minPriority = await prefs.minPriority();
    if (priority < minPriority) {
      return false;
    }
    return true;
  }

  supported() {
    return this.browserSupported() && this.contextSupported();
  }

  browserSupported() {
    return "Notification" in window;
  }

  /**
   * Returns true if this is a HTTPS site, or served over localhost. Otherwise the Notification API
   * is not supported, see https://developer.mozilla.org/en-US/docs/Web/API/notification
   */
  contextSupported() {
    return location.protocol === "https:" || location.hostname.match("^127.") || location.hostname === "localhost";
  }
}

const notifier = new Notifier();
export default notifier;