phodal/mooa

/**
 * Robin Coma Delperier
 * Licensed under the Apache-2.0 License
 * https://github.com/PlaceMe-SAS/single-spa-angular-cli/blob/master/LICENSE
 *
 * modified by Phodal HUANG
 *
 */

import LoaderHelper from '../helper/loader.helper'
import { MooaApp } from '../model/IAppOption'
import {
  createApplicationContainer,
  createApplicationIframeContainer,
  generateIFrameID,
  isElementExist,
  isIframeElementExist,
  removeApplicationContainer,
  removeApplicationIframeContainer
} from '../helper/dom.utils'

declare const window: any
declare const document: any

function bootstrap(app: MooaApp) {
  if (!window['mooa']) {
    window.mooa = {}
  }
  window.mooa.isSingleSpa = true
  window.mooa.name = app.name

  if (app.mode && app.mode === 'iframe') {
    let iframeElementExist = isIframeElementExist(app)
    if (app.switchMode === 'coexist' && iframeElementExist) {
      iframeElementExist.style.display = 'block'
      return new Promise((resolve, reject) => {
        resolve()
      })
    }

    createApplicationIframeContainer(app)

    if (app.sourceType === 'link') {
      return new Promise((resolve, reject) => {
        LoaderHelper.loadAllAssetsForIframeAndUrl(app.appConfig).then(
          resolve,
          reject
        )
      })
    } else {
      return new Promise((resolve, reject) => {
        LoaderHelper.loadAllAssetsForIframe(app.appConfig).then(resolve, reject)
      })
    }
  } else if (app.sourceType && app.sourceType === 'link') {
    let hasElement = isElementExist(app.appConfig.name)
    if (app.switchMode === 'coexist' && hasElement) {
      hasElement.style.display = 'block'
      return new Promise((resolve, reject) => {
        resolve()
      })
    }

    createApplicationContainer(app)

    return new Promise((resolve, reject) => {
      LoaderHelper.loadAllAssetsByUrl(app.appConfig).then(resolve, reject)
    })
  } else {
    let hasElement = isElementExist(app.appConfig.name)
    if (app.switchMode === 'coexist' && hasElement) {
      hasElement.style.display = 'block'
      return new Promise((resolve, reject) => {
        resolve()
      })
    }

    createApplicationContainer(app)

    return new Promise((resolve, reject) => {
      LoaderHelper.loadAllAssets(app.appConfig).then(resolve, reject)
    })
  }
}

function load() {
  return Promise.resolve()
}

function mount(app: MooaApp, props?: any) {
  return new Promise((resolve, reject) => {
    let aliasWindow = window
    if (app.mode === 'iframe') {
      let iframe = document.getElementById(generateIFrameID(app.name))
      if (iframe && iframe.contentWindow) {
        aliasWindow = iframe.contentWindow
      }
    }

    if (aliasWindow.mooa[app.name]) {
      aliasWindow.mooa[app.name].mount(props)
      resolve()
    } else {
      console.error(`Cannot mount ${app.name} because that is not bootstraped`)
      reject()
    }
  })
}

function unmount(app: MooaApp, props: any) {
  const { unloadApplication, getAppNames } = props
  return new Promise((resolve, reject) => {
    if (app.mode === 'iframe') {
      unloadApplication(app.name, { waitForUnmount: true })
      removeApplicationIframeContainer(app)
      resolve()
    }

    if (window.mooa[app.name]) {
      if (app.switchMode !== 'coexist') {
        window.mooa[app.name].unmount()
      }
      removeApplicationContainer(app)
      if (getAppNames().indexOf(app.name) !== -1) {
        unloadApplication(app.name, { waitForUnmount: true })
        resolve()
      } else {
        reject(`Cannot unmount ${app.name} because that ${app.name}
          is not part of the decalred applications : ${getAppNames()}`)
      }
    } else {
      reject(`Cannot unmount ${app.name} because that is not bootstraped`)
    }
  })
}

function unload(app: MooaApp) {
  if (app.switchMode === 'coexist') {
    return new Promise(resolve => {
      resolve()
    })
  }

  return new Promise(resolve => {
    app.appConfig.scripts
      .concat(app.appConfig.styles)
      .reduce((prev: Promise<any>, scriptName: string) => {
        return prev.then(LoaderHelper.unloadTag(app.appConfig, scriptName))
      }, Promise.resolve({}))
    resolve()
  })
}

export default function mooaLoader(opts: any) {
  return {
    bootstrap: bootstrap.bind(null, opts),
    load: load.bind(null, opts),
    mount: mount.bind(null, opts),
    unload: unload.bind(null, opts),
    unmount: unmount.bind(null, opts)
  }
}