Rambox-CE/resources/js/rambox-service-api.js

/**
 * This file is loaded in the service web views to provide a Rambox API.
 */

const { desktopCapturer, ipcRenderer } = require("electron");
const {
  ContextMenuBuilder,
  ContextMenuListener,
} = require("electron-contextmenu-wrapper");

/**
 * Make the Rambox API available via a global "rambox" variable.
 *
 * @type {{}}
 */
window.rambox = {};

/**
 * Sets the unread count of the tab.
 *
 * @param {*} count	The unread count
 */
window.rambox.setUnreadCount = function (count) {
  ipcRenderer.sendToHost("rambox.setUnreadCount", count);
};

/**
 * Clears the unread count.
 */
window.rambox.clearUnreadCount = function () {
  ipcRenderer.sendToHost("rambox.clearUnreadCount");
};

/**
 * Override to add notification click event to display Rambox window and activate service tab
 */
var NativeNotification = Notification;
Notification = function (title, options) {
  var notification = new NativeNotification(title, options);

  notification.addEventListener("click", function () {
    ipcRenderer.sendToHost("rambox.showWindowAndActivateTab");
  });

  //It seems that gmail is checking if such event handler func are available. Just remplacing them by a void function that is always returning true is making the thing right!
  notification.addEventListener = function () {
    return true;
  };
  notification.attachEvent = function () {
    return true;
  };
  notification.addListener = function () {
    return true;
  };

  return notification;
};

Notification.prototype = NativeNotification.prototype;
Notification.permission = NativeNotification.permission;
Notification.requestPermission = NativeNotification.requestPermission.bind(
  Notification
);

window.rambox.contextMenuBuilder = new ContextMenuBuilder();
window.rambox.contextMenuListener = new ContextMenuListener(function (
  event,
  info
) {
  window.rambox.contextMenuBuilder.showPopupMenu(info);
});

const mousetrap = require("mousetrap");
mousetrap.bind(
  process.platform === "darwin"
    ? ["command+left", "command+right"]
    : ["alt+left", "alt+right"],
  (e) => {
    if (location.href.indexOf("slack.com") !== -1) return;
    e.key === "ArrowLeft" ? history.back() : history.forward();
  }
);

// ScreenShare
window.navigator.mediaDevices.getDisplayMedia = () =>
  new Promise(async (resolve, reject) => {
    try {
      const sources = await desktopCapturer.getSources({
        types: ["screen", "window"],
      });

      const unlisten = () => {
        ipcRenderer.removeAllListeners("screenShare:cancel");
        ipcRenderer.removeAllListeners("screenShare:share");
      };

      ipcRenderer.on("screenShare:cancel", () => {
        unlisten();
        reject(new Error("Cancelled by user"));
      });

      ipcRenderer.on("screenShare:share", (_, shareId) => {
        unlisten();
        window.navigator.mediaDevices
          .getUserMedia({
            audio: false,
            video: {
              mandatory: {
                chromeMediaSource: "desktop",
                chromeMediaSourceId: shareId,
              },
            },
          })
          .then((stream) => resolve(stream));
      });

      const mappedSources = sources.map((it) => ({
        id: it.id,
        name: it.name,
        thumbnail: it.thumbnail.toDataURL(),
      }));

      ipcRenderer.send("screenShare:show", mappedSources);
    } catch (err) {
      reject(err);
    }
  });