session-desktop/js/notifications.js

/* global Backbone: false */

/* global ConversationController: false */
/* global drawAttention: false */
/* global i18n: false */
/* global isFocused: false */
/* global Signal: false */
/* global storage: false */
/* global Whisper: false */

// eslint-disable-next-line func-names
(function() {
  'use strict';

  window.Whisper = window.Whisper || {};
  const { Settings } = Signal.Types;

  const SettingNames = {
    OFF: 'off',
    COUNT: 'count',
    NAME: 'name',
    MESSAGE: 'message',
  };

  Whisper.Notifications = new (Backbone.Collection.extend({
    initialize() {
      this.isEnabled = false;
      this.on('add', this.update);
      this.on('remove', this.onRemove);
    },
    onClick(conversationId) {
      const conversation = ConversationController.get(conversationId);
      this.trigger('click', conversation);
    },
    update() {
      const { isEnabled } = this;
      const isAppFocused = isFocused();
      const isAudioNotificationEnabled =
        storage.get('audio-notification') || false;
      const isAudioNotificationSupported = Settings.isAudioNotificationSupported();
      const isNotificationGroupingSupported = Settings.isNotificationGroupingSupported();
      const numNotifications = this.length;
      const userSetting = this.getUserSetting();

      const status = Signal.Notifications.getStatus({
        isAppFocused,
        isAudioNotificationEnabled,
        isAudioNotificationSupported,
        isEnabled,
        numNotifications,
        userSetting,
      });

      console.log(
        'Update notifications:',
        Object.assign({}, status, {
          isNotificationGroupingSupported,
        })
      );

      if (status.type !== 'ok') {
        if (status.shouldClearNotifications) {
          this.clear();
        }

        return;
      }

      let title;
      let message;
      let iconUrl;

      // NOTE: i18n has more complex rules for pluralization than just
      // distinguishing between zero (0) and other (non-zero),
      // e.g. Russian:
      // http://docs.translatehouse.org/projects/localization-guide/en/latest/l10n/pluralforms.html
      const newMessageCount = [
        numNotifications,
        numNotifications === 1 ? i18n('newMessage') : i18n('newMessages'),
      ].join(' ');

      const last = this.last();
      switch (userSetting) {
        case SettingNames.COUNT:
          title = 'Signal';
          message = newMessageCount;
          break;
        case SettingNames.NAME:
          title = newMessageCount;
          message = `Most recent from ${last.get('title')}`;
          iconUrl = last.get('iconUrl');
          break;
        case SettingNames.MESSAGE:
          if (numNotifications === 1) {
            title = last.get('title');
          } else {
            title = newMessageCount;
          }
          message = last.get('message');
          iconUrl = last.get('iconUrl');
          break;
        default:
          console.log(`Error: Unknown user setting: '${userSetting}'`);
          break;
      }

      drawAttention();

      const notification = new Notification(title, {
        body: message,
        icon: iconUrl,
        tag: isNotificationGroupingSupported ? 'signal' : undefined,
        silent: !status.shouldPlayNotificationSound,
      });
      notification.onclick = () => this.onClick(last.get('conversationId'));

      this.clear();
    },
    getUserSetting() {
      return storage.get('notification-setting') || SettingNames.MESSAGE;
    },
    onRemove() {
      console.log('Remove notification');
    },
    clear() {
      console.log('Remove all notifications');
      this.reset([]);
    },
    enable() {
      const needUpdate = !this.isEnabled;
      this.isEnabled = true;
      if (needUpdate) {
        this.update();
      }
    },
    disable() {
      this.isEnabled = false;
    },
  }))();
})();