Nexus-Polestar/electron/index.js

const {app, BrowserWindow, Menu} = require('electron')
const TitlebarRespect = require('electron-titlebar-respect')
const Pushy = require('pushy-electron')
const glasstron = require('glasstron-clarity')
const isDev = require('electron-is-dev')
const path = require('path')
let mainWindow

// Use the correct icon depending on the operating system
if        /* If macOS */    (process.platform == 'darwin')  {global.AppIcon = 'public/images/icons/app/macOS.icns' }
else if   /* If Windows */  (process.platform == 'win32')   {global.AppIcon = 'public/images/icons/app/Windows.png'  }
else      /* If Linux */                                    {global.AppIcon = 'public/images/icons/app/Linux.png'  }


function createWindow () {
  mainWindow = new glasstron.BrowserWindow({
    title: 'App Name',
    minWidth: 400,
    minHeight: 400,
    width: 1200,
    height: 800,
    autoHideMenuBar: true,
    show: false,
    blur: true,
    frame: global.frame,
    titleBarStyle: global.titleBarStyle,
    icon: path.join(global.AppIcon),
    trafficLightPosition: { x: 25, y: 25 }, // Position of Traffic Light buttons on macOS
    titleBarOverlay: { // Background and Height of Windows titlebar buttons
      color: '#232323', // Background
      symbolColor: 'white', // Icon
      height: 44,
    },
    webPreferences: {
      webviewTag: true
    }
  })

  // Showing the window gracefuly
  // Doc: https://www.electronjs.org/docs/latest/api/browser-window#showing-the-window-gracefully
  mainWindow.once('ready-to-show', () => {mainWindow.show()})

  // Pushy - Pushy Notification System (PNS)
  mainWindow.webContents.on('did-finish-load', () => {Pushy.listen()})
  Pushy.register({ appId: 'YourAppIdHere' }).then((deviceToken) => {}).catch((error) => {console.log('Pushy registration error: ' + error.message)})

  setTimeout(() => {
    Pushy.setNotificationListener((data) => {
      mainWindow.webContents.executeJavaScript(`
      document.querySelector("body > div > div.sidebar > div.sidebar-bottom").insertAdjacentHTML("afterBegin",'<li class="notification"><img class="notification-image" src="${data.image}"><i class="${data.icon}"></i><p class="notification-title">${data.title}</p><p class="notification-message">${data.message}</p><div class="notification-actions"><button id="primary" class="notification-action">${data.action}</button><button id="secondary" class="notification-action">Dismiss</button></div></li>')
      `)
    })
  }, 10000);

  if (Pushy.isRegistered()) {Pushy.subscribe('AppName').then(() => {}).catch((error) => {console.error(error)})}

  // Load Content
  if (isDev) {
    mainWindow.loadURL('http://localhost:3000') // Use a URL in development mode
  } else {
    mainWindow.loadFile('app/index.html') // Do NOT use a URL in production mode, as that can create a security risk for your customers who will use this app
  }

  // Menu
  const isMac = process.platform === 'darwin'
  const template = [
    ...(isMac ? [{
      label: app.name,
      submenu: [
        { role: 'about' },
        { type: 'separator' },
        { role: 'services' },
        { type: 'separator' },
        { role: 'hide' },
        { role: 'hideOthers' },
        { role: 'unhide' },
        { type: 'separator' },
        { role: 'quit' }
      ]
    }] : []),
    {
      label: 'File',
      submenu: [
        isMac ? { role: 'close' } : { role: 'quit' }
      ]
    },
    {
      label: 'Edit',
      submenu: [
        { role: 'undo' },
        { role: 'redo' },
        { type: 'separator' },
        { role: 'cut' },
        { role: 'copy' },
        { role: 'paste' },
        ...(isMac ? [
          { role: 'pasteAndMatchStyle' },
          { role: 'delete' },
          { role: 'selectAll' },
          { type: 'separator' },
          {
            label: 'Speech',
            submenu: [
              { role: 'startSpeaking' },
              { role: 'stopSpeaking' }
            ]
          }
        ] : [
          { role: 'delete' },
          { type: 'separator' },
          { role: 'selectAll' }
        ])
      ]
    },
    {
      label: 'View',
      submenu: [
        { role: 'reload' },
        { role: 'forceReload' },
        { role: 'toggleDevTools' },
        {
          label: 'Open WebView Developer Tools',
          accelerator: 'CmdOrCtrl+Shift+W',
          click: async () => {
              mainWindow.webContents.executeJavaScript(`document.querySelector('.active webview').openDevTools()`)
          }
        },
        { type: 'separator' },
        { role: 'resetZoom' },
        { role: 'zoomIn' },
        { role: 'zoomOut' },
        { type: 'separator' },
        { role: 'togglefullscreen' }
      ]
    },
    {
      label: 'Window',
      submenu: [
        { role: 'minimize' },
        { role: 'zoom' },
        ...(isMac ? [
          { type: 'separator' },
          { role: 'front' },
          { type: 'separator' },
          { role: 'window' }
        ] : [
          { role: 'close' }
        ])
      ]
    },
    {
      role: 'help',
      submenu: [
          {
            label: 'Learn More',
            click: async () => {
              const { shell } = require('electron')
              await shell.openExternal('https://code.korbsstudio.com/KorbsStudio/nexus-polestar')
            }
          }
      ]
    }
  ]

  const menu = Menu.buildFromTemplate(template)
  Menu.setApplicationMenu(menu)
}

// App
app.whenReady().then(() => {
  createWindow()
  // DNS
  // Doc: https://www.electronjs.org/docs/latest/api/app#appconfigurehostresolveroptions
  app.configureHostResolver({
    secureDnsMode: 'secure',
    secureDnsServers: [
      'https://cloudflare-dns.com/dns-query'
    ]
  })
})
// app.disableHardwareAcceleration()
app.on('window-all-closed', () => {
  app.quit()
})