preload.js

'use strict'

const _ = require('lodash')
const electron = require('electron')
const ipc = electron.ipcRenderer
const winId = electron.remote.getCurrentWindow().id

let notiObj = null

function setStyle(config) {
  // Style it
  let notiDoc = global.window.document
  let container = notiDoc.getElementById('container')
  let appIcon = notiDoc.getElementById('appIcon')
  let image = notiDoc.getElementById('image')
  let close = notiDoc.getElementById('close')
  let message = notiDoc.getElementById('message')
  // Default style
  setStyleOnDomElement(config.defaultStyleContainer, container)
  // Size and radius
  /*
  let style = {
    height: config.height - 2 * config.borderRadius - 2 * config.defaultStyleContainer.padding,
    width: config.width - 2 * config.borderRadius - 2 * config.defaultStyleContainer.padding,
    borderRadius: config.borderRadius + 'px'
  }
  setStyleOnDomElement(style, container)
  // Style appIcon or hide
  if (config.appIcon) {
    setStyleOnDomElement(config.defaultStyleAppIcon, appIcon)
    appIcon.src = config.appIcon
  } else {
    setStyleOnDomElement({
      display: 'none'
    }, appIcon)
  }
  */
  // Style image
  // setStyleOnDomElement(config.defaultStyleImage, image)

  // Style close button
  setStyleOnDomElement(config.defaultStyleClose, close)
  // Remove margin from text p
  // setStyleOnDomElement(config.defaultStyleText, message)
}

function setContents(event, notificationObj) {

  notiObj = _.cloneDeep(notificationObj)

  // sound
  if (notificationObj.sound) {
    // Check if file is accessible
    try {
      // If it's a local file, check it's existence
      // Won't check remote files e.g. http://
      if (notificationObj.sound.match(/^file\:/) !== null
      || notificationObj.sound.match(/^\//) !== null) {
        let audio = new global.window.Audio(notificationObj.sound)
        audio.play()
      }
    } catch (e) {
      log('electron-notify: ERROR could not find sound file: ' + notificationObj.sound.replace('file://', ''), e, e.stack)
    }
  }

  let notiDoc = global.window.document

  let appIconDoc = notiDoc.getElementById('appIcon')
  if(notificationObj.cat === 'download') {
    appIconDoc.src = 'img/next.png'
    setStyleOnDomElement({display: 'block'}, notiDoc.getElementById('progressbarBackground'))
  } else {
    appIconDoc.src = 'img/next.png'
    setStyleOnDomElement({display: 'none'}, notiDoc.getElementById('progressbarBackground'))
  }

  // Title
  let titleDoc = notiDoc.getElementById('title')
  titleDoc.innerHTML = notificationObj.title || ''
  
  let au=notiDoc.getElementById('au');
  au.play();
  
  // message
  let messageDoc = notiDoc.getElementById('message')
  messageDoc.innerHTML = notificationObj.text || ''

  // Image
  let imageDoc = notiDoc.getElementById('image')
  if (notificationObj.image) {
    imageDoc.src = notificationObj.image
  } else {
    setStyleOnDomElement({ display: 'none'}, imageDoc)
  }

  //setSize
  let size = notiDoc.getElementById('size')
  size.innerHTML = notificationObj.size || ''


  // Close button
  let closeButton = notiDoc.getElementById('close')
  closeButton.onclick = function(event) {
    event.stopPropagation()
    ipc.send('electron-notify-btnClose', winId, notificationObj)
  }

  // URL
  let container = notiDoc.getElementById('container')
  container.onclick = function() {
    ipc.send('electron-notify-click', winId, notificationObj)
  }
}

function setStyleOnDomElement(styleObj, domElement) {
  try {
    for (let styleAttr in styleObj) {
      domElement.style[styleAttr] = styleObj[styleAttr]
    }
  } catch (e) {
    throw new Error('electron-notify: Could not set style on domElement', styleObj, domElement)
  }
}

function loadConfig(event, conf) {
  setStyle(conf || {})
}

function reset() {
  setStyleOnDomElement({width: '1%'}, global.window.document.getElementById('progressNow'))
  global.window.document.getElementById('progressNow').text('')
  global.window.document.getElementById('size').text('')
  let notiDoc = global.window.document
  let container = notiDoc.getElementById('container')
  let closeButton = notiDoc.getElementById('close')

  // Remove event listener
  closeButton.onclick = null;

  let newContainer = container.cloneNode(true)
  container.parentNode.replaceChild(newContainer, container)
  let newCloseButton = closeButton.cloneNode(true)
  closeButton.parentNode.replaceChild(newCloseButton, closeButton)
}

function updateDownloadPercent(percent) {
  if (percent < 0) {
    ipc.send('electron-notify-close', winId, notificationObj)
  } else {
    setStyleOnDomElement({width: percent + '%'}, global.window.document.getElementById('progressNow'))
    if(percent == 100) {
      ipc.send('electron-notify-close', winId, notiObj)
    }
  }
}

ipc.on('electron-notify-set-contents', setContents)
ipc.on('electron-notify-load-config', loadConfig)
ipc.on('electron-notify-reset', reset)
ipc.on('electron-notify-download-update', (event, arg) => {
  updateDownloadPercent(arg)
})

function log() {
  console.log.apply(console, arguments)
}

delete global.require
delete global.exports
delete global.module