HeliosLauncher/app/assets/js/scripts/uicore.js

import { VIEWS } from './views.js'

/**
 * Core UI functions are initialized in this file. This prevents
 * unexpected errors from breaking the core features. Specifically,
 * actions in this file should not require the usage of any internal
 * modules, excluding dependencies.
 */
// Requirements
// const { ipcRenderer } = require('electron')
const isDev                          = await window.api.app.isDev()
// const { LoggerUtil }                 = require('helios-core')
// const Lang                           = require('./assets/js/langloader')

// const loggerUICore             = LoggerUtil.getLogger('UICore')
// const loggerAutoUpdater        = LoggerUtil.getLogger('AutoUpdater')

// Disable eval function.
// eslint-disable-next-line
window.eval = function () {
    throw new Error('Sorry, this app does not support window.eval().')
}

// Initialize auto updates in production environments.
let updateCheckListener
if(!isDev){
    ipcRenderer.on('autoUpdateNotification', (event, arg, info) => {
        switch(arg){
            case 'checking-for-update':
                // loggerAutoUpdater.info('Checking for update..')
                settingsUpdateButtonStatus(Lang.queryJS('uicore.autoUpdate.checkingForUpdateButton'), true)
                break
            case 'update-available':
                // loggerAutoUpdater.info('New update available', info.version)
                
                if(process.platform() === 'darwin'){
                    info.darwindownload = `https://github.com/dscalzi/HeliosLauncher/releases/download/v${info.version}/Helios-Launcher-setup-${info.version}${process.arch() === 'arm64' ? '-arm64' : '-x64'}.dmg`
                    showUpdateUI(info)
                }
                
                populateSettingsUpdateInformation(info)
                break
            case 'update-downloaded':
                // loggerAutoUpdater.info('Update ' + info.version + ' ready to be installed.')
                settingsUpdateButtonStatus(Lang.queryJS('uicore.autoUpdate.installNowButton'), false, () => {
                    if(!isDev){
                        ipcRenderer.send('autoUpdateAction', 'installUpdateNow')
                    }
                })
                showUpdateUI(info)
                break
            case 'update-not-available':
                // loggerAutoUpdater.info('No new update found.')
                settingsUpdateButtonStatus(Lang.queryJS('uicore.autoUpdate.checkForUpdatesButton'))
                break
            case 'ready':
                updateCheckListener = setInterval(() => {
                    ipcRenderer.send('autoUpdateAction', 'checkForUpdate')
                }, 1800000)
                ipcRenderer.send('autoUpdateAction', 'checkForUpdate')
                break
            case 'realerror':
                if(info != null && info.code != null){
                    if(info.code === 'ERR_UPDATER_INVALID_RELEASE_FEED'){
                        // loggerAutoUpdater.info('No suitable releases found.')
                    } else if(info.code === 'ERR_XML_MISSED_ELEMENT'){
                        // loggerAutoUpdater.info('No releases found.')
                    } else {
                        // loggerAutoUpdater.error('Error during update check..', info)
                        // loggerAutoUpdater.debug('Error Code:', info.code)
                    }
                }
                break
            default:
                // loggerAutoUpdater.info('Unknown argument', arg)
                break
        }
    })
}

/**
 * Send a notification to the main process changing the value of
 * allowPrerelease. If we are running a prerelease version, then
 * this will always be set to true, regardless of the current value
 * of val.
 * 
 * @param {boolean} val The new allow prerelease value.
 */
function changeAllowPrerelease(val){
    ipcRenderer.send('autoUpdateAction', 'allowPrereleaseChange', val)
}

function showUpdateUI(info){
    //TODO Make this message a bit more informative `${info.version}`
    document.getElementById('image_seal_container').setAttribute('update', true)
    document.getElementById('image_seal_container').onclick = () => {
        /*setOverlayContent('Update Available', 'A new update for the launcher is available. Would you like to install now?', 'Install', 'Later')
        setOverlayHandler(() => {
            if(!isDev){
                ipcRenderer.send('autoUpdateAction', 'installUpdateNow')
            } else {
                console.error('Cannot install updates in development environment.')
                toggleOverlay(false)
            }
        })
        setDismissHandler(() => {
            toggleOverlay(false)
        })
        toggleOverlay(true, true)*/
        switchView(getCurrentView(), VIEWS.settings, 500, 500, () => {
            settingsNavItemListener(document.getElementById('settingsNavUpdate'), false)
        })
    }
}

/* jQuery Example
$(function(){
    loggerUICore.info('UICore Initialized');
})*/

// loggerUICore.info('UICore Initializing..')

// Bind close button.
Array.from(document.getElementsByClassName('fCb')).map((val) => {
    val.addEventListener('click', async e => {
        await window.api.xwindow.close()
    })
})

// Bind restore down button.
Array.from(document.getElementsByClassName('fRb')).map((val) => {
    val.addEventListener('click', async e => {
        if(await window.api.xwindow.isMaximized()){
            await window.api.xwindow.unmaximize()
        } else {
            await window.api.xwindow.maximize()
        }
        document.activeElement.blur()
    })
})

// Bind minimize button.
Array.from(document.getElementsByClassName('fMb')).map((val) => {
    val.addEventListener('click', async e => {
        console.log('hi')
        await window.api.xwindow.minimize()
        document.activeElement.blur()
    })
})

// Remove focus from social media buttons once they're clicked.
Array.from(document.getElementsByClassName('mediaURL')).map(val => {
    val.addEventListener('click', e => {
        document.activeElement.blur()
    })
})

//266.01
//170.8
//53.21
// Bind progress bar length to length of bot wrapper
//const targetWidth = document.getElementById("launch_content").getBoundingClientRect().width
//const targetWidth2 = document.getElementById("server_selection").getBoundingClientRect().width
//const targetWidth3 = document.getElementById("launch_button").getBoundingClientRect().width

document.getElementById('launch_details').style.maxWidth = 266.01
document.getElementById('launch_progress').style.width = 170.8
document.getElementById('launch_details_right').style.maxWidth = 170.8
document.getElementById('launch_progress_label').style.width = 53.21

/**
 * Open web links in the user's default browser.
 */
$(document).on('click', 'a[href^="http"]', async (event) => {
    event.preventDefault()
    await window.api.shell.openExternal(this.href)
})

/**
 * Opens DevTools window if you hold (ctrl + shift + i).
 * This will crash the program if you are using multiple
 * DevTools, for example the chrome debugger in VS Code. 
 */
document.addEventListener('keydown', async (e) => {
    if((e.key === 'I' || e.key === 'i') && e.ctrlKey && e.shiftKey){
        await window.api.xwindow.toggleDevTools()
    }
})