onesignal-web-sdk/src/modules/frames/SubscriptionPopup.ts

Web push notifications from OneSignal.

import SdkEnvironment from '../../managers/SdkEnvironment';
import { MessengerMessageEvent } from '../../models/MessengerMessageEvent';
import Postmam from '../../Postmam';
import RemoteFrame from './RemoteFrame';
import Log from '../../libraries/Log';

/**
 * The actual OneSignal proxy frame contents / implementation, that is loaded
 * into the iFrame URL as subdomain.onesignal.com/webPushIFrame or
 * subdomain.os.tc/webPushIFrame. *
 */
export default class SubscriptionPopup extends RemoteFrame {

  constructor(initOptions: any) {
    super(initOptions);
  }

  /**
   * Loads the messenger on the iFrame to communicate with the host page and
   * assigns init options to an iFrame-only initialization of OneSignal.
   *
   * Our main host page will wait for all iFrame scripts to complete since the
   * host page uses the iFrame onload event to begin sending handshake messages
   * to the iFrame.
   *
   * There is no load timeout here; the iFrame initializes it scripts and waits
   * forever for the first handshake message.
   */
   // initialize() is implemented by base RemoteFrame class

  establishCrossOriginMessaging() {
    this.messenger = new Postmam(window.opener, this.options.origin, this.options.origin);
    this.messenger.once(OneSignal.POSTMAM_COMMANDS.CONNECTED, this.onMessengerConnected.bind(this));
    // The host page will receive this event, and then call connect()
    this.messenger.postMessage(OneSignal.POSTMAM_COMMANDS.POPUP_BEGIN_MESSAGEPORT_COMMS, null);
    this.messenger.listen();
  }

  onMessengerConnected(_: MessengerMessageEvent) {
    Log.debug(`(${SdkEnvironment.getWindowEnv().toString()}) The host page is now ready to receive commands from the HTTP popup.`);
    this.finishInitialization();
  }
}