Add Menu and DNS Resolver

This commit is contained in:
KorbsStudio 2023-01-24 22:38:54 -05:00
parent bba8bcf183
commit 54b0158ffe
No known key found for this signature in database

View file

@ -1,8 +1,10 @@
const {app, BrowserWindow} = require('electron') const {app, BrowserWindow, Menu} = require('electron')
const isDev = require('electron-is-dev'); const isDev = require('electron-is-dev');
const {TitlebarRespect} = require('electron-titlebar-respect') const {TitlebarRespect} = require('electron-titlebar-respect')
const glasstron = require('glasstron-clarity'); const glasstron = require('glasstron-clarity');
let mainWindow;
function createWindow () { function createWindow () {
const mainWindow = new glasstron.BrowserWindow({ const mainWindow = new glasstron.BrowserWindow({
title: 'App Name', title: 'App Name',
@ -11,6 +13,7 @@ function createWindow () {
width: 1200, width: 1200,
height: 800, height: 800,
autoHideMenuBar: true, autoHideMenuBar: true,
show: false,
blur: true, blur: true,
frame: global.frame, frame: global.frame,
titleBarStyle: global.titleBarStyle, titleBarStyle: global.titleBarStyle,
@ -24,10 +27,135 @@ function createWindow () {
webviewTag: true 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()
})
// Load Content
if (isDev) { if (isDev) {
mainWindow.loadURL('http://localhost:3000') // Use a URL in development mode mainWindow.loadURL('http://localhost:3000') // Use a URL in development mode
} else { } 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 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.whenReady().then(() => {createWindow()})
// 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()
})