+ ${serv.rawServer.name}
+ ${serv.rawServer.description}
+
+ `
+ }
+ document.getElementById('serverSelectListScrollable').innerHTML = htmlString
+
+}
+
+function populateAccountListings(){
+ const accountsObj = ConfigManager.getAuthAccounts()
+ const accounts = Array.from(Object.keys(accountsObj), v=>accountsObj[v])
+ let htmlString = ''
+ for(let i=0; i
+
+ ${serv.rawServer.minecraftVersion}
+ ${serv.rawServer.version}
+ ${serv.rawServer.mainServer ? `
+
+ ${Lang.queryJS('settings.serverListing.mainServer')}
+
` : ''}
+ ${accounts[i].displayName}
+ `
+ }
+ document.getElementById('accountSelectListScrollable').innerHTML = htmlString
+
+}
+
+async function prepareServerSelectionList(){
+ await populateServerListings()
+ setServerListingHandlers()
+}
+
+function prepareAccountSelectionList(){
+ populateAccountListings()
+ setAccountListingHandlers()
+}
+
+// WELCOME.EJS
+
+/**
+ * Script for welcome.ejs
+ */
+document.getElementById('welcomeButton').addEventListener('click', e => {
+ loginOptionsCancelEnabled(false) // False by default, be explicit.
+ loginOptionsViewOnLoginSuccess = VIEWS.landing
+ loginOptionsViewOnLoginCancel = VIEWS.loginOptions
+ switchView(VIEWS.welcome, VIEWS.loginOptions)
+})
+
+// LOGIN.EJS
+
+/**
+ * Script for login.ejs
+ */
+
+// Validation Regexes.
+const validUsername = /^[a-zA-Z0-9_]{1,16}$/
+const basicEmail = /^\S+@\S+\.\S+$/
+//const validEmail = /^(([^<>()\[\]\.,;:\s@\"]+(\.[^<>()\[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i
+
+// Login Elements
+const loginCancelContainer = document.getElementById('loginCancelContainer')
+const loginCancelButton = document.getElementById('loginCancelButton')
+const loginEmailError = document.getElementById('loginEmailError')
+const loginUsername = document.getElementById('loginUsername')
+const loginPasswordError = document.getElementById('loginPasswordError')
+const loginPassword = document.getElementById('loginPassword')
+const checkmarkContainer = document.getElementById('checkmarkContainer')
+const loginRememberOption = document.getElementById('loginRememberOption')
+const loginButton = document.getElementById('loginButton')
+const loginForm = document.getElementById('loginForm')
+
+// Control variables.
+let lu = false, lp = false
+
+
+/**
+ * Show a login error.
+ *
+ * @param {HTMLElement} element The element on which to display the error.
+ * @param {string} value The error text.
+ */
+function showError(element, value){
+ element.innerHTML = value
+ element.style.opacity = 1
+}
+
+/**
+ * Shake a login error to add emphasis.
+ *
+ * @param {HTMLElement} element The element to shake.
+ */
+function shakeError(element){
+ if(element.style.opacity == 1){
+ element.classList.remove('shake')
+ void element.offsetWidth
+ element.classList.add('shake')
+ }
+}
+
+/**
+ * Validate that an email field is neither empty nor invalid.
+ *
+ * @param {string} value The email value.
+ */
+function validateEmail(value){
+ if(value){
+ if(!basicEmail.test(value) && !validUsername.test(value)){
+ showError(loginEmailError, Lang.queryJS('login.error.invalidValue'))
+ loginDisabled(true)
+ lu = false
+ } else {
+ loginEmailError.style.opacity = 0
+ lu = true
+ if(lp){
+ loginDisabled(false)
+ }
+ }
+ } else {
+ lu = false
+ showError(loginEmailError, Lang.queryJS('login.error.requiredValue'))
+ loginDisabled(true)
+ }
+}
+
+/**
+ * Validate that the password field is not empty.
+ *
+ * @param {string} value The password value.
+ */
+function validatePassword(value){
+ if(value){
+ loginPasswordError.style.opacity = 0
+ lp = true
+ if(lu){
+ loginDisabled(false)
+ }
+ } else {
+ lp = false
+ showError(loginPasswordError, Lang.queryJS('login.error.invalidValue'))
+ loginDisabled(true)
+ }
+}
+
+// Emphasize errors with shake when focus is lost.
+loginUsername.addEventListener('focusout', (e) => {
+ validateEmail(e.target.value)
+ shakeError(loginEmailError)
+})
+loginPassword.addEventListener('focusout', (e) => {
+ validatePassword(e.target.value)
+ shakeError(loginPasswordError)
+})
+
+// Validate input for each field.
+loginUsername.addEventListener('input', (e) => {
+ validateEmail(e.target.value)
+})
+loginPassword.addEventListener('input', (e) => {
+ validatePassword(e.target.value)
+})
+
+/**
+ * Enable or disable the login button.
+ *
+ * @param {boolean} v True to enable, false to disable.
+ */
+function loginDisabled(v){
+ if(loginButton.disabled !== v){
+ loginButton.disabled = v
+ }
+}
+
+/**
+ * Enable or disable loading elements.
+ *
+ * @param {boolean} v True to enable, false to disable.
+ */
+function loginLoading(v){
+ if(v){
+ loginButton.setAttribute('loading', v)
+ loginButton.innerHTML = loginButton.innerHTML.replace(Lang.queryJS('login.login'), Lang.queryJS('login.loggingIn'))
+ } else {
+ loginButton.removeAttribute('loading')
+ loginButton.innerHTML = loginButton.innerHTML.replace(Lang.queryJS('login.loggingIn'), Lang.queryJS('login.login'))
+ }
+}
+
+/**
+ * Enable or disable login form.
+ *
+ * @param {boolean} v True to enable, false to disable.
+ */
+function formDisabled(v){
+ loginDisabled(v)
+ loginCancelButton.disabled = v
+ loginUsername.disabled = v
+ loginPassword.disabled = v
+ if(v){
+ checkmarkContainer.setAttribute('disabled', v)
+ } else {
+ checkmarkContainer.removeAttribute('disabled')
+ }
+ loginRememberOption.disabled = v
+}
+
+let loginViewOnSuccess = VIEWS.landing
+let loginViewOnCancel = VIEWS.settings
+let loginViewCancelHandler
+
+function loginCancelEnabled(val){
+ if(val){
+ $(loginCancelContainer).show()
+ } else {
+ $(loginCancelContainer).hide()
+ }
+}
+
+loginCancelButton.onclick = (e) => {
+ switchView(getCurrentView(), loginViewOnCancel, 500, 500, () => {
+ loginUsername.value = ''
+ loginPassword.value = ''
+ loginCancelEnabled(false)
+ if(loginViewCancelHandler != null){
+ loginViewCancelHandler()
+ loginViewCancelHandler = null
+ }
+ })
+}
+
+// Disable default form behavior.
+loginForm.onsubmit = () => { return false }
+
+// Bind login button behavior.
+loginButton.addEventListener('click', () => {
+ // Disable form.
+ formDisabled(true)
+
+ // Show loading stuff.
+ loginLoading(true)
+
+ window.api.AuthManager.addMojangAccount(loginUsername.value, loginPassword.value).then((value) => {
+ updateSelectedAccount(value)
+ loginButton.innerHTML = loginButton.innerHTML.replace(Lang.queryJS('login.loggingIn'), Lang.queryJS('login.success'))
+ $('.circle-loader').toggleClass('load-complete')
+ $('.checkmark').toggle()
+ setTimeout(() => {
+ switchView(VIEWS.login, loginViewOnSuccess, 500, 500, async () => {
+ // Temporary workaround
+ if(loginViewOnSuccess === VIEWS.settings){
+ await prepareSettings()
+ }
+ loginViewOnSuccess = VIEWS.landing // Reset this for good measure.
+ loginCancelEnabled(false) // Reset this for good measure.
+ loginViewCancelHandler = null // Reset this for good measure.
+ loginUsername.value = ''
+ loginPassword.value = ''
+ $('.circle-loader').toggleClass('load-complete')
+ $('.checkmark').toggle()
+ loginLoading(false)
+ loginButton.innerHTML = loginButton.innerHTML.replace(Lang.queryJS('login.success'), Lang.queryJS('login.login'))
+ formDisabled(false)
+ })
+ }, 1000)
+ }).catch((displayableError) => {
+ loginLoading(false)
+
+ let actualDisplayableError
+ if(isDisplayableError(displayableError)) {
+ msftLoginLogger.error('Error while logging in.', displayableError)
+ actualDisplayableError = displayableError
+ } else {
+ // Uh oh.
+ msftLoginLogger.error('Unhandled error during login.', displayableError)
+ actualDisplayableError = Lang.queryJS('login.error.unknown')
+ }
+
+ setOverlayContent(actualDisplayableError.title, actualDisplayableError.desc, Lang.queryJS('login.tryAgain'))
+ setOverlayHandler(() => {
+ formDisabled(false)
+ toggleOverlay(false)
+ })
+ toggleOverlay(true)
+ })
+
+})
+
+// LOGIN OPTIONS
+
+const loginOptionsCancelContainer = document.getElementById('loginOptionCancelContainer')
+const loginOptionMicrosoft = document.getElementById('loginOptionMicrosoft')
+const loginOptionMojang = document.getElementById('loginOptionMojang')
+const loginOptionsCancelButton = document.getElementById('loginOptionCancelButton')
+
+let loginOptionsViewOnLoginSuccess
+let loginOptionsViewOnLoginCancel
+let loginOptionsViewOnCancel
+let loginOptionsViewCancelHandler
+
+function loginOptionsCancelEnabled(val){
+ if(val){
+ $(loginOptionsCancelContainer).show()
+ } else {
+ $(loginOptionsCancelContainer).hide()
+ }
+}
+
+loginOptionMicrosoft.onclick = (e) => {
+ switchView(getCurrentView(), VIEWS.waiting, 500, 500, () => {
+ ipcRenderer.send(
+ MSFT_OPCODE.OPEN_LOGIN,
+ loginOptionsViewOnLoginSuccess,
+ loginOptionsViewOnLoginCancel
+ )
+ })
+}
+
+loginOptionMojang.onclick = (e) => {
+ switchView(getCurrentView(), VIEWS.login, 500, 500, () => {
+ loginViewOnSuccess = loginOptionsViewOnLoginSuccess
+ loginViewOnCancel = loginOptionsViewOnLoginCancel
+ loginCancelEnabled(true)
+ })
+}
+
+loginOptionsCancelButton.onclick = (e) => {
+ switchView(getCurrentView(), loginOptionsViewOnCancel, 500, 500, () => {
+ // Clear login values (Mojang login)
+ // No cleanup needed for Microsoft.
+ loginUsername.value = ''
+ loginPassword.value = ''
+ if(loginOptionsViewCancelHandler != null){
+ loginOptionsViewCancelHandler()
+ loginOptionsViewCancelHandler = null
+ }
+ })
+}
+
+// SETTINGS.EJS
+
+const settingsState = {
+ invalid: new Set()
+}
+
+function bindSettingsSelect(){
+ for(let ele of document.getElementsByClassName('settingsSelectContainer')) {
+ const selectedDiv = ele.getElementsByClassName('settingsSelectSelected')[0]
+
+ selectedDiv.onclick = (e) => {
+ e.stopPropagation()
+ closeSettingsSelect(e.target)
+ e.target.nextElementSibling.toggleAttribute('hidden')
+ e.target.classList.toggle('select-arrow-active')
+ }
+ }
+}
+
+function closeSettingsSelect(el){
+ for(let ele of document.getElementsByClassName('settingsSelectContainer')) {
+ const selectedDiv = ele.getElementsByClassName('settingsSelectSelected')[0]
+ const optionsDiv = ele.getElementsByClassName('settingsSelectOptions')[0]
+
+ if(!(selectedDiv === el)) {
+ selectedDiv.classList.remove('select-arrow-active')
+ optionsDiv.setAttribute('hidden', '')
+ }
+ }
+}
+
+/* If the user clicks anywhere outside the select box,
+then close all select boxes: */
+document.addEventListener('click', closeSettingsSelect)
+
+bindSettingsSelect()
+
+
+function bindFileSelectors(){
+ for(let ele of document.getElementsByClassName('settingsFileSelButton')){
+
+ ele.onclick = async e => {
+ const isJavaExecSel = ele.id === 'settingsJavaExecSel'
+ const directoryDialog = ele.hasAttribute('dialogDirectory') && ele.getAttribute('dialogDirectory') == 'true'
+ const properties = directoryDialog ? ['openDirectory', 'createDirectory'] : ['openFile']
+
+ const options = {
+ properties
+ }
+
+ if(ele.hasAttribute('dialogTitle')) {
+ options.title = ele.getAttribute('dialogTitle')
+ }
+
+ if(isJavaExecSel && platform === 'win32') {
+ options.filters = [
+ { name: Lang.queryJS('settings.fileSelectors.executables'), extensions: ['exe'] },
+ { name: Lang.queryJS('settings.fileSelectors.allFiles'), extensions: ['*'] }
+ ]
+ }
+
+ // TODO FIXME
+ // const res = await remote.dialog.showOpenDialog(remote.getCurrentWindow(), options)
+ // if(!res.canceled) {
+ // ele.previousElementSibling.value = res.filePaths[0]
+ // if(isJavaExecSel) {
+ // await populateJavaExecDetails(ele.previousElementSibling.value)
+ // }
+ // }
+ }
+ }
+}
+
+bindFileSelectors()
+
+
+/**
+ * General Settings Functions
+ */
+
+/**
+ * Bind value validators to the settings UI elements. These will
+ * validate against the criteria defined in the ConfigManager (if
+ * any). If the value is invalid, the UI will reflect this and saving
+ * will be disabled until the value is corrected. This is an automated
+ * process. More complex UI may need to be bound separately.
+ */
+function initSettingsValidators(){
+ const sEls = document.getElementById('settingsContainer').querySelectorAll('[cValue]')
+ Array.from(sEls).map((v, index, arr) => {
+ const vFn = ConfigManager['validate' + v.getAttribute('cValue')]
+ if(typeof vFn === 'function'){
+ if(v.tagName === 'INPUT'){
+ if(v.type === 'number' || v.type === 'text'){
+ v.addEventListener('keyup', (e) => {
+ const v = e.target
+ if(!vFn(v.value)){
+ settingsState.invalid.add(v.id)
+ v.setAttribute('error', '')
+ settingsSaveDisabled(true)
+ } else {
+ if(v.hasAttribute('error')){
+ v.removeAttribute('error')
+ settingsState.invalid.delete(v.id)
+ if(settingsState.invalid.size === 0){
+ settingsSaveDisabled(false)
+ }
+ }
+ }
+ })
+ }
+ }
+ }
+
+ })
+}
+
+/**
+ * Load configuration values onto the UI. This is an automated process.
+ */
+async function initSettingsValues(){
+ const sEls = document.getElementById('settingsContainer').querySelectorAll('[cValue]')
+
+ for(const v of sEls) {
+ const cVal = v.getAttribute('cValue')
+ const serverDependent = v.hasAttribute('serverDependent') // Means the first argument is the server id.
+ const gFn = ConfigManager['get' + cVal]
+ const gFnOpts = []
+ if(serverDependent) {
+ gFnOpts.push(ConfigManager.getSelectedServer())
+ }
+ if(typeof gFn === 'function'){
+ if(v.tagName === 'INPUT'){
+ if(v.type === 'number' || v.type === 'text'){
+ // Special Conditions
+ if(cVal === 'JavaExecutable'){
+ v.value = gFn.apply(null, gFnOpts)
+ await populateJavaExecDetails(v.value)
+ } else if (cVal === 'DataDirectory'){
+ v.value = gFn.apply(null, gFnOpts)
+ } else if(cVal === 'JVMOptions'){
+ v.value = gFn.apply(null, gFnOpts).join(' ')
+ } else {
+ v.value = gFn.apply(null, gFnOpts)
+ }
+ } else if(v.type === 'checkbox'){
+ v.checked = gFn.apply(null, gFnOpts)
+ }
+ } else if(v.tagName === 'DIV'){
+ if(v.classList.contains('rangeSlider')){
+ // Special Conditions
+ if(cVal === 'MinRAM' || cVal === 'MaxRAM'){
+ let val = gFn.apply(null, gFnOpts)
+ if(val.endsWith('M')){
+ val = Number(val.substring(0, val.length-1))/1024
+ } else {
+ val = Number.parseFloat(val)
+ }
+
+ v.setAttribute('value', val)
+ } else {
+ v.setAttribute('value', Number.parseFloat(gFn.apply(null, gFnOpts)))
+ }
+ }
+ }
+ }
+ }
+
+}
+
+/**
+ * Save the settings values.
+ */
+function saveSettingsValues(){
+ const sEls = document.getElementById('settingsContainer').querySelectorAll('[cValue]')
+ Array.from(sEls).map((v, index, arr) => {
+ const cVal = v.getAttribute('cValue')
+ const serverDependent = v.hasAttribute('serverDependent') // Means the first argument is the server id.
+ const sFn = ConfigManager['set' + cVal]
+ const sFnOpts = []
+ if(serverDependent) {
+ sFnOpts.push(ConfigManager.getSelectedServer())
+ }
+ if(typeof sFn === 'function'){
+ if(v.tagName === 'INPUT'){
+ if(v.type === 'number' || v.type === 'text'){
+ // Special Conditions
+ if(cVal === 'JVMOptions'){
+ if(!v.value.trim()) {
+ sFnOpts.push([])
+ sFn.apply(null, sFnOpts)
+ } else {
+ sFnOpts.push(v.value.trim().split(/\s+/))
+ sFn.apply(null, sFnOpts)
+ }
+ } else {
+ sFnOpts.push(v.value)
+ sFn.apply(null, sFnOpts)
+ }
+ } else if(v.type === 'checkbox'){
+ sFnOpts.push(v.checked)
+ sFn.apply(null, sFnOpts)
+ // Special Conditions
+ if(cVal === 'AllowPrerelease'){
+ changeAllowPrerelease(v.checked)
+ }
+ }
+ } else if(v.tagName === 'DIV'){
+ if(v.classList.contains('rangeSlider')){
+ // Special Conditions
+ if(cVal === 'MinRAM' || cVal === 'MaxRAM'){
+ let val = Number(v.getAttribute('value'))
+ if(val%1 > 0){
+ val = val*1024 + 'M'
+ } else {
+ val = val + 'G'
+ }
+
+ sFnOpts.push(val)
+ sFn.apply(null, sFnOpts)
+ } else {
+ sFnOpts.push(v.getAttribute('value'))
+ sFn.apply(null, sFnOpts)
+ }
+ }
+ }
+ }
+ })
+}
+
+let selectedSettingsTab = 'settingsTabAccount'
+
+/**
+ * Modify the settings container UI when the scroll threshold reaches
+ * a certain poin.
+ *
+ * @param {UIEvent} e The scroll event.
+ */
+function settingsTabScrollListener(e){
+ if(e.target.scrollTop > Number.parseFloat(getComputedStyle(e.target.firstElementChild).marginTop)){
+ document.getElementById('settingsContainer').setAttribute('scrolled', '')
+ } else {
+ document.getElementById('settingsContainer').removeAttribute('scrolled')
+ }
+}
+
+/**
+ * Bind functionality for the settings navigation items.
+ */
+function setupSettingsTabs(){
+ Array.from(document.getElementsByClassName('settingsNavItem')).map((val) => {
+ if(val.hasAttribute('rSc')){
+ val.onclick = () => {
+ settingsNavItemListener(val)
+ }
+ }
+ })
+}
+
+/**
+ * Settings nav item onclick lisener. Function is exposed so that
+ * other UI elements can quickly toggle to a certain tab from other views.
+ *
+ * @param {Element} ele The nav item which has been clicked.
+ * @param {boolean} fade Optional. True to fade transition.
+ */
+function settingsNavItemListener(ele, fade = true){
+ if(ele.hasAttribute('selected')){
+ return
+ }
+ const navItems = document.getElementsByClassName('settingsNavItem')
+ for(let i=0; i
+
`
+
+ if(acc.type === 'microsoft') {
+ microsoftAuthAccountStr += accHtml
+ } else {
+ mojangAuthAccountStr += accHtml
+ }
+
+ })
+
+ settingsCurrentMicrosoftAccounts.innerHTML = microsoftAuthAccountStr
+ settingsCurrentMojangAccounts.innerHTML = mojangAuthAccountStr
+}
+
+/**
+ * Prepare the accounts tab for display.
+ */
+function prepareAccountsTab() {
+ populateAuthAccounts()
+ bindAuthAccountSelect()
+ bindAuthAccountLogOut()
+}
+
+/**
+ * Minecraft Tab
+ */
+
+/**
+ * Disable decimals, negative signs, and scientific notation.
+ */
+document.getElementById('settingsGameWidth').addEventListener('keydown', (e) => {
+ if(/^[-.eE]$/.test(e.key)){
+ e.preventDefault()
+ }
+})
+document.getElementById('settingsGameHeight').addEventListener('keydown', (e) => {
+ if(/^[-.eE]$/.test(e.key)){
+ e.preventDefault()
+ }
+})
+
+/**
+ * Mods Tab
+ */
+
+const settingsModsContainer = document.getElementById('settingsModsContainer')
+
+/**
+ * Resolve and update the mods on the UI.
+ */
+async function resolveModsForUI(){
+ const serv = ConfigManager.getSelectedServer()
+
+ const distro = await DistroAPI.getDistribution()
+ const servConf = ConfigManager.getModConfiguration(serv)
+
+ const modStr = await parseModulesForUI(distro.getServerById(serv).modules, false, servConf.mods)
+
+ document.getElementById('settingsReqModsContent').innerHTML = modStr.reqMods
+ document.getElementById('settingsOptModsContent').innerHTML = modStr.optMods
+}
+
+/**
+ * Recursively build the mod UI elements.
+ *
+ * @param {Object[]} mdls An array of modules to parse.
+ * @param {boolean} submodules Whether or not we are parsing submodules.
+ * @param {Object} servConf The server configuration object for this module level.
+ */
+async function parseModulesForUI(mdls, submodules, servConf){
+
+ let reqMods = ''
+ let optMods = ''
+
+ const Type = await hc.type
+
+ for(const mdl of mdls){
+
+ if(mdl.rawModule.type === Type.ForgeMod || mdl.rawModule.type === Type.LiteMod || mdl.rawModule.type === Type.LiteLoader){
+
+ if(mdl.getRequired().value){
+
+ reqMods += `
+ 
+
+
+
+
+
+
+
+ ${Lang.queryJS('settings.authAccountPopulate.username')}
+ ${acc.displayName}
+
+
+ ${Lang.queryJS('settings.authAccountPopulate.uuid')}
+ ${acc.uuid}
+
+
+
+
+
+
+
+
`
+
+ } else {
+
+ const conf = servConf[mdl.getVersionlessMavenIdentifier()]
+ const val = typeof conf === 'object' ? conf.value : conf
+
+ optMods += `
+
+ ${mdl.subModules.length > 0 ? `
+
+
+
+
+ ${mdl.rawModule.name}
+ v${mdl.mavenComponents.version}
+
+
+ ${Object.values(await parseModulesForUI(mdl.subModules, true, servConf[mdl.getVersionlessMavenIdentifier()])).join('')}
+
` : ''}
+
+
`
+
+ }
+ }
+ }
+
+ return {
+ reqMods,
+ optMods
+ }
+
+}
+
+/**
+ * Bind functionality to mod config toggle switches. Switching the value
+ * will also switch the status color on the left of the mod UI.
+ */
+function bindModsToggleSwitch(){
+ const sEls = settingsModsContainer.querySelectorAll('[formod]')
+ Array.from(sEls).map((v, index, arr) => {
+ v.onchange = () => {
+ if(v.checked) {
+ document.getElementById(v.getAttribute('formod')).setAttribute('enabled', '')
+ } else {
+ document.getElementById(v.getAttribute('formod')).removeAttribute('enabled')
+ }
+ }
+ })
+}
+
+
+/**
+ * Save the mod configuration based on the UI values.
+ */
+function saveModConfiguration(){
+ const serv = ConfigManager.getSelectedServer()
+ const modConf = ConfigManager.getModConfiguration(serv)
+ modConf.mods = _saveModConfiguration(modConf.mods)
+ ConfigManager.setModConfiguration(serv, modConf)
+}
+
+/**
+ * Recursively save mod config with submods.
+ *
+ * @param {Object} modConf Mod config object to save.
+ */
+function _saveModConfiguration(modConf){
+ for(let m of Object.entries(modConf)){
+ const tSwitch = settingsModsContainer.querySelectorAll(`[formod='${m[0]}']`)
+ if(!tSwitch[0].hasAttribute('dropin')){
+ if(typeof m[1] === 'boolean'){
+ modConf[m[0]] = tSwitch[0].checked
+ } else {
+ if(m[1] != null){
+ if(tSwitch.length > 0){
+ modConf[m[0]].value = tSwitch[0].checked
+ }
+ modConf[m[0]].mods = _saveModConfiguration(modConf[m[0]].mods)
+ }
+ }
+ }
+ }
+ return modConf
+}
+
+// Drop-in mod elements.
+
+let CACHE_SETTINGS_MODS_DIR
+let CACHE_DROPIN_MODS
+
+/**
+ * Resolve any located drop-in mods for this server and
+ * populate the results onto the UI.
+ */
+async function resolveDropinModsForUI(){
+ const serv = (await DistroAPI.getDistribution()).getServerById(ConfigManager.getSelectedServer())
+ CACHE_SETTINGS_MODS_DIR = await window.api.path.join(ConfigManager.getInstanceDirectory(), serv.rawServer.id, 'mods')
+ CACHE_DROPIN_MODS = DropinModUtil.scanForDropinMods(CACHE_SETTINGS_MODS_DIR, serv.rawServer.minecraftVersion)
+
+ let dropinMods = ''
+
+ for(dropin of CACHE_DROPIN_MODS){
+ dropinMods += `
+
+ ${mdl.subModules.length > 0 ? `
+
+
+
+
+ ${mdl.rawModule.name}
+ v${mdl.mavenComponents.version}
+
+
+ ${Object.values(await parseModulesForUI(mdl.subModules, true, conf.mods)).join('')}
+
` : ''}
+
+
`
+ }
+
+ document.getElementById('settingsDropinModsContent').innerHTML = dropinMods
+}
+
+/**
+ * Bind the remove button for each loaded drop-in mod.
+ */
+function bindDropinModsRemoveButton(){
+ const sEls = settingsModsContainer.querySelectorAll('[remmod]')
+ Array.from(sEls).map((v, index, arr) => {
+ v.onclick = async () => {
+ const fullName = v.getAttribute('remmod')
+ const res = await DropinModUtil.deleteDropinMod(CACHE_SETTINGS_MODS_DIR, fullName)
+ if(res){
+ document.getElementById(fullName).remove()
+ } else {
+ setOverlayContent(
+ Lang.queryJS('settings.dropinMods.deleteFailedTitle', { fullName }),
+ Lang.queryJS('settings.dropinMods.deleteFailedMessage'),
+ Lang.queryJS('settings.okButton')
+ )
+ setOverlayHandler(null)
+ toggleOverlay(true)
+ }
+ }
+ })
+}
+
+/**
+ * Bind functionality to the file system button for the selected
+ * server configuration.
+ */
+function bindDropinModFileSystemButton(){
+ const fsBtn = document.getElementById('settingsDropinFileSystemButton')
+ fsBtn.onclick = async () => {
+ DropinModUtil.validateDir(CACHE_SETTINGS_MODS_DIR)
+ await window.api.shell.openPath(CACHE_SETTINGS_MODS_DIR)
+ }
+ fsBtn.ondragenter = e => {
+ e.dataTransfer.dropEffect = 'move'
+ fsBtn.setAttribute('drag', '')
+ e.preventDefault()
+ }
+ fsBtn.ondragover = e => {
+ e.preventDefault()
+ }
+ fsBtn.ondragleave = e => {
+ fsBtn.removeAttribute('drag')
+ }
+
+ fsBtn.ondrop = async e => {
+ fsBtn.removeAttribute('drag')
+ e.preventDefault()
+
+ DropinModUtil.addDropinMods(e.dataTransfer.files, CACHE_SETTINGS_MODS_DIR)
+ await reloadDropinMods()
+ }
+}
+
+/**
+ * Save drop-in mod states. Enabling and disabling is just a matter
+ * of adding/removing the .disabled extension.
+ */
+function saveDropinModConfiguration(){
+ for(dropin of CACHE_DROPIN_MODS){
+ const dropinUI = document.getElementById(dropin.fullName)
+ if(dropinUI != null){
+ const dropinUIEnabled = dropinUI.hasAttribute('enabled')
+ if(DropinModUtil.isDropinModEnabled(dropin.fullName) != dropinUIEnabled){
+ DropinModUtil.toggleDropinMod(CACHE_SETTINGS_MODS_DIR, dropin.fullName, dropinUIEnabled).catch(err => {
+ if(!isOverlayVisible()){
+ setOverlayContent(
+ Lang.queryJS('settings.dropinMods.failedToggleTitle'),
+ err.message,
+ Lang.queryJS('settings.okButton')
+ )
+ setOverlayHandler(null)
+ toggleOverlay(true)
+ }
+ })
+ }
+ }
+ }
+}
+
+// Refresh the drop-in mods when F5 is pressed.
+// Only active on the mods tab.
+document.addEventListener('keydown', async (e) => {
+ if(getCurrentView() === VIEWS.settings && selectedSettingsTab === 'settingsTabMods'){
+ if(e.key === 'F5'){
+ await reloadDropinMods()
+ saveShaderpackSettings()
+ await resolveShaderpacksForUI()
+ }
+ }
+})
+
+async function reloadDropinMods(){
+ await resolveDropinModsForUI()
+ bindDropinModsRemoveButton()
+ bindDropinModFileSystemButton()
+ bindModsToggleSwitch()
+}
+
+// Shaderpack
+
+let CACHE_SETTINGS_INSTANCE_DIR
+let CACHE_SHADERPACKS
+let CACHE_SELECTED_SHADERPACK
+
+/**
+ * Load shaderpack information.
+ */
+async function resolveShaderpacksForUI(){
+ const serv = (await DistroAPI.getDistribution()).getServerById(ConfigManager.getSelectedServer())
+ CACHE_SETTINGS_INSTANCE_DIR = await window.api.path.join(ConfigManager.getInstanceDirectory(), serv.rawServer.id)
+ CACHE_SHADERPACKS = DropinModUtil.scanForShaderpacks(CACHE_SETTINGS_INSTANCE_DIR)
+ CACHE_SELECTED_SHADERPACK = DropinModUtil.getEnabledShaderpack(CACHE_SETTINGS_INSTANCE_DIR)
+
+ setShadersOptions(CACHE_SHADERPACKS, CACHE_SELECTED_SHADERPACK)
+}
+
+function setShadersOptions(arr, selected){
+ const cont = document.getElementById('settingsShadersOptions')
+ cont.innerHTML = ''
+ for(let opt of arr) {
+ const d = document.createElement('DIV')
+ d.innerHTML = opt.name
+ d.setAttribute('value', opt.fullName)
+ if(opt.fullName === selected) {
+ d.setAttribute('selected', '')
+ document.getElementById('settingsShadersSelected').innerHTML = opt.name
+ }
+ d.addEventListener('click', function(e) {
+ this.parentNode.previousElementSibling.innerHTML = this.innerHTML
+ for(let sib of this.parentNode.children){
+ sib.removeAttribute('selected')
+ }
+ this.setAttribute('selected', '')
+ closeSettingsSelect()
+ })
+ cont.appendChild(d)
+ }
+}
+
+function saveShaderpackSettings(){
+ let sel = 'OFF'
+ for(let opt of document.getElementById('settingsShadersOptions').childNodes){
+ if(opt.hasAttribute('selected')){
+ sel = opt.getAttribute('value')
+ }
+ }
+ DropinModUtil.setEnabledShaderpack(CACHE_SETTINGS_INSTANCE_DIR, sel)
+}
+
+function bindShaderpackButton() {
+ const spBtn = document.getElementById('settingsShaderpackButton')
+ spBtn.onclick = async () => {
+ const p = await window.api.path.join(CACHE_SETTINGS_INSTANCE_DIR, 'shaderpacks')
+ DropinModUtil.validateDir(p)
+ await window.api.shell.openPath(p)
+ }
+ spBtn.ondragenter = e => {
+ e.dataTransfer.dropEffect = 'move'
+ spBtn.setAttribute('drag', '')
+ e.preventDefault()
+ }
+ spBtn.ondragover = e => {
+ e.preventDefault()
+ }
+ spBtn.ondragleave = e => {
+ spBtn.removeAttribute('drag')
+ }
+
+ spBtn.ondrop = async e => {
+ spBtn.removeAttribute('drag')
+ e.preventDefault()
+
+ DropinModUtil.addShaderpacks(e.dataTransfer.files, CACHE_SETTINGS_INSTANCE_DIR)
+ saveShaderpackSettings()
+ await resolveShaderpacksForUI()
+ }
+}
+
+// Server status bar functions.
+
+/**
+ * Load the currently selected server information onto the mods tab.
+ */
+async function loadSelectedServerOnModsTab(){
+ const serv = (await DistroAPI.getDistribution()).getServerById(ConfigManager.getSelectedServer())
+
+ for(const el of document.getElementsByClassName('settingsSelServContent')) {
+ el.innerHTML = `
+
+
+
+
+
+
+
+ ${dropin.name}
+
+
+
+
+
+ ${serv.rawServer.name}
+ ${serv.rawServer.description}
+
+ `
+ }
+}
+
+// Bind functionality to the server switch button.
+Array.from(document.getElementsByClassName('settingsSwitchServerButton')).forEach(el => {
+ el.addEventListener('click', async e => {
+ e.target.blur()
+ await toggleServerSelection(true)
+ })
+})
+
+/**
+ * Save mod configuration for the current selected server.
+ */
+function saveAllModConfigurations(){
+ saveModConfiguration()
+ ConfigManager.save()
+ saveDropinModConfiguration()
+}
+
+/**
+ * Function to refresh the current tab whenever the selected
+ * server is changed.
+ */
+function animateSettingsTabRefresh(){
+ $(`#${selectedSettingsTab}`).fadeOut(500, async () => {
+ await prepareSettings()
+ $(`#${selectedSettingsTab}`).fadeIn(500)
+ })
+}
+
+/**
+ * Prepare the Mods tab for display.
+ */
+async function prepareModsTab(first){
+ await resolveModsForUI()
+ await resolveDropinModsForUI()
+ await resolveShaderpacksForUI()
+ bindDropinModsRemoveButton()
+ bindDropinModFileSystemButton()
+ bindShaderpackButton()
+ bindModsToggleSwitch()
+ await loadSelectedServerOnModsTab()
+}
+
+/**
+ * Java Tab
+ */
+
+// DOM Cache
+const settingsMaxRAMRange = document.getElementById('settingsMaxRAMRange')
+const settingsMinRAMRange = document.getElementById('settingsMinRAMRange')
+const settingsMaxRAMLabel = document.getElementById('settingsMaxRAMLabel')
+const settingsMinRAMLabel = document.getElementById('settingsMinRAMLabel')
+const settingsMemoryTotal = document.getElementById('settingsMemoryTotal')
+const settingsMemoryAvail = document.getElementById('settingsMemoryAvail')
+const settingsJavaExecDetails = document.getElementById('settingsJavaExecDetails')
+const settingsJavaReqDesc = document.getElementById('settingsJavaReqDesc')
+const settingsJvmOptsLink = document.getElementById('settingsJvmOptsLink')
+
+const totalmem = await window.api.os.totalmem()
+
+// Bind on change event for min memory container.
+settingsMinRAMRange.onchange = (e) => {
+
+ // Current range values
+ const sMaxV = Number(settingsMaxRAMRange.getAttribute('value'))
+ const sMinV = Number(settingsMinRAMRange.getAttribute('value'))
+
+ // Get reference to range bar.
+ const bar = e.target.getElementsByClassName('rangeSliderBar')[0]
+ // Calculate effective total memory.
+ const max = totalmem/1073741824
+
+ // Change range bar color based on the selected value.
+ if(sMinV >= max/2){
+ bar.style.background = '#e86060'
+ } else if(sMinV >= max/4) {
+ bar.style.background = '#e8e18b'
+ } else {
+ bar.style.background = null
+ }
+
+ // Increase maximum memory if the minimum exceeds its value.
+ if(sMaxV < sMinV){
+ const sliderMeta = calculateRangeSliderMeta(settingsMaxRAMRange)
+ updateRangedSlider(settingsMaxRAMRange, sMinV,
+ ((sMinV-sliderMeta.min)/sliderMeta.step)*sliderMeta.inc)
+ settingsMaxRAMLabel.innerHTML = sMinV.toFixed(1) + 'G'
+ }
+
+ // Update label
+ settingsMinRAMLabel.innerHTML = sMinV.toFixed(1) + 'G'
+}
+
+// Bind on change event for max memory container.
+settingsMaxRAMRange.onchange = (e) => {
+ // Current range values
+ const sMaxV = Number(settingsMaxRAMRange.getAttribute('value'))
+ const sMinV = Number(settingsMinRAMRange.getAttribute('value'))
+
+ // Get reference to range bar.
+ const bar = e.target.getElementsByClassName('rangeSliderBar')[0]
+ // Calculate effective total memory.
+ const max = totalmem/1073741824
+
+ // Change range bar color based on the selected value.
+ if(sMaxV >= max/2){
+ bar.style.background = '#e86060'
+ } else if(sMaxV >= max/4) {
+ bar.style.background = '#e8e18b'
+ } else {
+ bar.style.background = null
+ }
+
+ // Decrease the minimum memory if the maximum value is less.
+ if(sMaxV < sMinV){
+ const sliderMeta = calculateRangeSliderMeta(settingsMaxRAMRange)
+ updateRangedSlider(settingsMinRAMRange, sMaxV,
+ ((sMaxV-sliderMeta.min)/sliderMeta.step)*sliderMeta.inc)
+ settingsMinRAMLabel.innerHTML = sMaxV.toFixed(1) + 'G'
+ }
+ settingsMaxRAMLabel.innerHTML = sMaxV.toFixed(1) + 'G'
+}
+
+/**
+ * Calculate common values for a ranged slider.
+ *
+ * @param {Element} v The range slider to calculate against.
+ * @returns {Object} An object with meta values for the provided ranged slider.
+ */
+function calculateRangeSliderMeta(v){
+ const val = {
+ max: Number(v.getAttribute('max')),
+ min: Number(v.getAttribute('min')),
+ step: Number(v.getAttribute('step')),
+ }
+ val.ticks = (val.max-val.min)/val.step
+ val.inc = 100/val.ticks
+ return val
+}
+
+/**
+ * Binds functionality to the ranged sliders. They're more than
+ * just divs now :').
+ */
+function bindRangeSlider(){
+ Array.from(document.getElementsByClassName('rangeSlider')).map((v) => {
+
+ // Reference the track (thumb).
+ const track = v.getElementsByClassName('rangeSliderTrack')[0]
+
+ // Set the initial slider value.
+ const value = v.getAttribute('value')
+ const sliderMeta = calculateRangeSliderMeta(v)
+
+ updateRangedSlider(v, value, ((value-sliderMeta.min)/sliderMeta.step)*sliderMeta.inc)
+
+ // The magic happens when we click on the track.
+ track.onmousedown = (e) => {
+
+ // Stop moving the track on mouse up.
+ document.onmouseup = (e) => {
+ document.onmousemove = null
+ document.onmouseup = null
+ }
+
+ // Move slider according to the mouse position.
+ document.onmousemove = (e) => {
+
+ // Distance from the beginning of the bar in pixels.
+ const diff = e.pageX - v.offsetLeft - track.offsetWidth/2
+
+ // Don't move the track off the bar.
+ if(diff >= 0 && diff <= v.offsetWidth-track.offsetWidth/2){
+
+ // Convert the difference to a percentage.
+ const perc = (diff/v.offsetWidth)*100
+ // Calculate the percentage of the closest notch.
+ const notch = Number(perc/sliderMeta.inc).toFixed(0)*sliderMeta.inc
+
+ // If we're close to that notch, stick to it.
+ if(Math.abs(perc-notch) < sliderMeta.inc/2){
+ updateRangedSlider(v, sliderMeta.min+(sliderMeta.step*(notch/sliderMeta.inc)), notch)
+ }
+ }
+ }
+ }
+ })
+}
+
+/**
+ * Update a ranged slider's value and position.
+ *
+ * @param {Element} element The ranged slider to update.
+ * @param {string | number} value The new value for the ranged slider.
+ * @param {number} notch The notch that the slider should now be at.
+ */
+function updateRangedSlider(element, value, notch){
+ const oldVal = element.getAttribute('value')
+ const bar = element.getElementsByClassName('rangeSliderBar')[0]
+ const track = element.getElementsByClassName('rangeSliderTrack')[0]
+
+ element.setAttribute('value', value)
+
+ if(notch < 0){
+ notch = 0
+ } else if(notch > 100) {
+ notch = 100
+ }
+
+ const event = new MouseEvent('change', {
+ target: element,
+ type: 'change',
+ bubbles: false,
+ cancelable: true
+ })
+
+ let cancelled = !element.dispatchEvent(event)
+
+ if(!cancelled){
+ track.style.left = notch + '%'
+ bar.style.width = notch + '%'
+ } else {
+ element.setAttribute('value', oldVal)
+ }
+}
+
+/**
+ * Display the total and available RAM.
+ */
+async function populateMemoryStatus(){
+ settingsMemoryTotal.innerHTML = Number((await window.api.os.totalmem()-1073741824)/1073741824).toFixed(1) + 'G'
+ settingsMemoryAvail.innerHTML = Number(await window.api.os.freemem()/1073741824).toFixed(1) + 'G'
+}
+
+/**
+ * Validate the provided executable path and display the data on
+ * the UI.
+ *
+ * @param {string} execPath The executable path to populate against.
+ */
+async function populateJavaExecDetails(execPath){
+ const server = (await DistroAPI.getDistribution()).getServerById(ConfigManager.getSelectedServer())
+
+ const details = await validateSelectedJvm(ensureJavaDirIsRoot(execPath), server.effectiveJavaOptions.supported)
+
+ if(details != null) {
+ settingsJavaExecDetails.innerHTML = Lang.queryJS('settings.java.selectedJava', { version: details.semverStr, vendor: details.vendor })
+ } else {
+ settingsJavaExecDetails.innerHTML = Lang.queryJS('settings.java.invalidSelection')
+ }
+}
+
+function populateJavaReqDesc(server) {
+ settingsJavaReqDesc.innerHTML = Lang.queryJS('settings.java.requiresJava', { major: server.effectiveJavaOptions.suggestedMajor })
+}
+
+function populateJvmOptsLink(server) {
+ const major = server.effectiveJavaOptions.suggestedMajor
+ settingsJvmOptsLink.innerHTML = Lang.queryJS('settings.java.availableOptions', { major: major })
+ if(major >= 12) {
+ settingsJvmOptsLink.href = `https://docs.oracle.com/en/java/javase/${major}/docs/specs/man/java.html#extra-options-for-java`
+ }
+ else if(major >= 11) {
+ settingsJvmOptsLink.href = 'https://docs.oracle.com/en/java/javase/11/tools/java.html#GUID-3B1CE181-CD30-4178-9602-230B800D4FAE'
+ }
+ else if(major >= 9) {
+ settingsJvmOptsLink.href = `https://docs.oracle.com/javase/${major}/tools/java.htm`
+ }
+ else {
+ settingsJvmOptsLink.href = `https://docs.oracle.com/javase/${major}/docs/technotes/tools/${platform === 'win32' ? 'windows' : 'unix'}/java.html`
+ }
+}
+
+function bindMinMaxRam(server) {
+ // Store maximum memory values.
+ const SETTINGS_MAX_MEMORY = ConfigManager.getAbsoluteMaxRAM(server.rawServer.javaOptions?.ram)
+ const SETTINGS_MIN_MEMORY = ConfigManager.getAbsoluteMinRAM(server.rawServer.javaOptions?.ram)
+
+ // Set the max and min values for the ranged sliders.
+ settingsMaxRAMRange.setAttribute('max', SETTINGS_MAX_MEMORY)
+ settingsMaxRAMRange.setAttribute('min', SETTINGS_MIN_MEMORY)
+ settingsMinRAMRange.setAttribute('max', SETTINGS_MAX_MEMORY)
+ settingsMinRAMRange.setAttribute('min', SETTINGS_MIN_MEMORY)
+}
+
+/**
+ * Prepare the Java tab for display.
+ */
+async function prepareJavaTab(){
+ const server = (await DistroAPI.getDistribution()).getServerById(ConfigManager.getSelectedServer())
+ bindMinMaxRam(server)
+ bindRangeSlider(server)
+ await populateMemoryStatus()
+ populateJavaReqDesc(server)
+ populateJvmOptsLink(server)
+}
+
+/**
+ * About Tab
+ */
+
+const settingsTabAbout = document.getElementById('settingsTabAbout')
+const settingsAboutChangelogTitle = settingsTabAbout.getElementsByClassName('settingsChangelogTitle')[0]
+const settingsAboutChangelogText = settingsTabAbout.getElementsByClassName('settingsChangelogText')[0]
+const settingsAboutChangelogButton = settingsTabAbout.getElementsByClassName('settingsChangelogButton')[0]
+
+// Bind the devtools toggle button.
+document.getElementById('settingsAboutDevToolsButton').onclick = async (e) => {
+ await window.api.xwindow.toggleDevTools()
+}
+
+/**
+ * Return whether or not the provided version is a prerelease.
+ *
+ * @param {string} version The semver version to test.
+ * @returns {boolean} True if the version is a prerelease, otherwise false.
+ */
+async function isPrerelease(version){
+ const preRelComp = await window.api.semver.prerelease(version)
+ return preRelComp != null && preRelComp.length > 0
+}
+
+/**
+ * Utility method to display version information on the
+ * About and Update settings tabs.
+ *
+ * @param {string} version The semver version to display.
+ * @param {Element} valueElement The value element.
+ * @param {Element} titleElement The title element.
+ * @param {Element} checkElement The check mark element.
+ */
+async function populateVersionInformation(version, valueElement, titleElement, checkElement){
+ valueElement.innerHTML = version
+ if(await isPrerelease(version)){
+ titleElement.innerHTML = Lang.queryJS('settings.about.preReleaseTitle')
+ titleElement.style.color = '#ff886d'
+ checkElement.style.background = '#ff886d'
+ } else {
+ titleElement.innerHTML = Lang.queryJS('settings.about.stableReleaseTitle')
+ titleElement.style.color = null
+ checkElement.style.background = null
+ }
+}
+
+/**
+ * Retrieve the version information and display it on the UI.
+ */
+async function populateAboutVersionInformation(ver){
+ await populateVersionInformation(ver, document.getElementById('settingsAboutCurrentVersionValue'), document.getElementById('settingsAboutCurrentVersionTitle'), document.getElementById('settingsAboutCurrentVersionCheck'))
+}
+
+/**
+ * Fetches the GitHub atom release feed and parses it for the release notes
+ * of the current version. This value is displayed on the UI.
+ */
+function populateReleaseNotes(ver){
+
+ const version = 'v' + ver
+
+ $.ajax({
+ url: 'https://github.com/dscalzi/HeliosLauncher/releases.atom',
+ success: (data) => {
+ const entries = $(data).find('entry')
+
+ for(let i=0; i
+
+ ${serv.rawServer.minecraftVersion}
+ ${serv.rawServer.version}
+ ${serv.rawServer.mainServer ? `
+
+ ${Lang.queryJS('settings.serverListing.mainServer')}
+
` : ''}
+ ' + articleObject.content + '
'
+ Array.from(newsArticleContentScrollable.getElementsByClassName('bbCodeSpoilerButton')).forEach(v => {
+ v.onclick = () => {
+ const text = v.parentElement.getElementsByClassName('bbCodeSpoilerText')[0]
+ text.style.display = text.style.display === 'block' ? 'none' : 'block'
+ }
+ })
+ newsNavigationStatus.innerHTML = Lang.query('ejs.landing.newsNavigationStatus', {currentPage: index, totalPages: newsArr.length})
+ newsContent.setAttribute('article', index-1)
+}
+
+/**
+ * Load news information from the RSS feed specified in the
+ * distribution index.
+ */
+async function loadNews(){
+
+ const distroData = await DistroAPI.getDistribution()
+ if(!distroData.rawDistribution.rss) {
+ loggerLanding.debug('No RSS feed provided.')
+ return null
+ }
+
+ const promise = new Promise((resolve, reject) => {
+
+ const newsFeed = distroData.rawDistribution.rss
+ const newsHost = new URL(newsFeed).origin + '/'
+ $.ajax({
+ url: newsFeed,
+ success: (data) => {
+ const items = $(data).find('item')
+ const articles = []
+
+ for(let i=0; i
- ${Object.values(parseModulesForUI(mdl.subModules, true, servConf[mdl.getVersionlessMavenIdentifier()])).join('')}
+ ${Object.values(await parseModulesForUI(mdl.subModules, true, servConf[mdl.getVersionlessMavenIdentifier()])).join('')}
` : ''}
`
@@ -779,7 +781,7 @@ function parseModulesForUI(mdls, submodules, servConf){
${mdl.subModules.length > 0 ? `
- ${Object.values(parseModulesForUI(mdl.subModules, true, conf.mods)).join('')}
+ ${Object.values(await parseModulesForUI(mdl.subModules, true, conf.mods)).join('')}
` : ''}
`
@@ -1403,8 +1405,7 @@ const settingsAboutChangelogButton = settingsTabAbout.getElementsByClassName('se
// Bind the devtools toggle button.
document.getElementById('settingsAboutDevToolsButton').onclick = (e) => {
- let window = remote.getCurrentWindow()
- window.toggleDevTools()
+ xwindow.toggleDevTools()
}
/**
@@ -1444,7 +1445,7 @@ function populateVersionInformation(version, valueElement, titleElement, checkEl
* Retrieve the version information and display it on the UI.
*/
function populateAboutVersionInformation(){
- populateVersionInformation(remote.app.getVersion(), document.getElementById('settingsAboutCurrentVersionValue'), document.getElementById('settingsAboutCurrentVersionTitle'), document.getElementById('settingsAboutCurrentVersionCheck'))
+ populateVersionInformation(app.getVersion(), document.getElementById('settingsAboutCurrentVersionValue'), document.getElementById('settingsAboutCurrentVersionTitle'), document.getElementById('settingsAboutCurrentVersionCheck'))
}
/**
@@ -1455,7 +1456,7 @@ function populateReleaseNotes(){
$.ajax({
url: 'https://github.com/dscalzi/HeliosLauncher/releases.atom',
success: (data) => {
- const version = 'v' + remote.app.getVersion()
+ const version = 'v' + app.getVersion()
const entries = $(data).find('entry')
for(let i=0; i