Move to new file Application/Menu class
Add Window class
This commit is contained in:
kPherox
parent
aa1a1b363d
commit
28ccb6cca4
|
|
@ -1,38 +1,23 @@
|
||||||
'use strict'
|
'use strict'
|
||||||
|
|
||||||
import * as path from 'path'
|
|
||||||
import { pick } from 'lodash'
|
import { pick } from 'lodash'
|
||||||
import {
|
import {
|
||||||
app,
|
app,
|
||||||
ipcMain,
|
ipcMain,
|
||||||
protocol,
|
protocol,
|
||||||
shell,
|
|
||||||
BrowserWindow,
|
|
||||||
Menu,
|
|
||||||
} from 'electron'
|
|
||||||
// Electron types
|
|
||||||
import {
|
|
||||||
App,
|
|
||||||
BrowserWindowConstructorOptions,
|
|
||||||
Event,
|
Event,
|
||||||
MenuItemConstructorOptions,
|
|
||||||
} from 'electron'
|
} from 'electron'
|
||||||
|
|
||||||
import ContextMenu from 'electron-context-menu'
|
import ContextMenu from 'electron-context-menu'
|
||||||
import {
|
|
||||||
createProtocol,
|
import Application from './main/Application'
|
||||||
installVueDevtools
|
import ApplicationMenu from "./main/ApplicationMenu";
|
||||||
} from 'vue-cli-plugin-electron-builder/lib'
|
|
||||||
// tslint:disable-next-line:no-var-requires
|
|
||||||
const localShortcut = require('electron-localshortcut')
|
|
||||||
|
|
||||||
export type PackageJson = typeof import('../package.json');
|
export type PackageJson = typeof import('../package.json');
|
||||||
import { bugs, homepage } from '../package.json'
|
import { homepage } from '../package.json'
|
||||||
import TheDeskInfo from '../info.json'
|
import TheDeskInfo from '../info.json'
|
||||||
export type TheDeskInfoObject = typeof TheDeskInfo;
|
export type TheDeskInfoObject = typeof TheDeskInfo;
|
||||||
|
|
||||||
declare const __static: string;
|
|
||||||
|
|
||||||
ipcMain.on('thedesk-info', (event: Event) => {
|
ipcMain.on('thedesk-info', (event: Event) => {
|
||||||
event.returnValue = Object.assign({
|
event.returnValue = Object.assign({
|
||||||
productName: app.getName(),
|
productName: app.getName(),
|
||||||
|
|
@ -59,275 +44,7 @@ if (isDevelopment) {
|
||||||
|
|
||||||
protocol.registerStandardSchemes(['app'], { secure: true })
|
protocol.registerStandardSchemes(['app'], { secure: true })
|
||||||
|
|
||||||
interface CreateWindowOptions {
|
|
||||||
windowName: string
|
|
||||||
loadPath: string
|
|
||||||
windowOptions?: BrowserWindowConstructorOptions
|
|
||||||
singleton?: boolean
|
|
||||||
lastAction?: (win: BrowserWindow) => void
|
|
||||||
openDevTools?: boolean
|
|
||||||
}
|
|
||||||
|
|
||||||
class Application {
|
|
||||||
public app: App;
|
|
||||||
public windows: { [key: string]: BrowserWindow } = {};
|
|
||||||
|
|
||||||
constructor(app: App) {
|
|
||||||
this.app = app;
|
|
||||||
ContextMenu()
|
ContextMenu()
|
||||||
this.app.on('window-all-closed', () => this.onWindowAllClosed())
|
|
||||||
this.app.on('ready', () => this.onReady());
|
|
||||||
this.app.on('activate', () => this.onActivated());
|
|
||||||
}
|
|
||||||
|
|
||||||
private onWindowAllClosed() {
|
|
||||||
if (process.platform !== 'darwin') {
|
|
||||||
this.app.quit()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private async onReady() {
|
|
||||||
if (isDevelopment && !process.env.IS_TEST) {
|
|
||||||
// Install Vue Devtools
|
|
||||||
try {
|
|
||||||
await installVueDevtools()
|
|
||||||
} catch (e) {
|
|
||||||
//console.error('Vue Devtools failed to install:', e.toString())
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (!process.env.WEBPACK_DEV_SERVER_URL) createProtocol('app')
|
|
||||||
this.openMainWindow()
|
|
||||||
}
|
|
||||||
|
|
||||||
private onActivated() {
|
|
||||||
if (typeof this.windows.main === 'undefined') {
|
|
||||||
this.openMainWindow()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
public openMainWindow() {
|
|
||||||
const opts: CreateWindowOptions = {
|
|
||||||
windowName: 'main',
|
|
||||||
loadPath: 'index.html',
|
|
||||||
windowOptions: {
|
|
||||||
icon: path.join(__static, 'icon.png'),
|
|
||||||
width: 800,
|
|
||||||
height: 600,
|
|
||||||
autoHideMenuBar: true,
|
|
||||||
},
|
|
||||||
singleton: true,
|
|
||||||
lastAction: (win) => {
|
|
||||||
localShortcut.register(win, 'F5', () => this.windows.main.reload())
|
|
||||||
},
|
|
||||||
openDevTools: !process.env.IS_TEST
|
|
||||||
}
|
|
||||||
this.createWindow(opts)
|
|
||||||
}
|
|
||||||
|
|
||||||
public openAboutWindow() {
|
|
||||||
const opts: CreateWindowOptions = {
|
|
||||||
windowName: 'about',
|
|
||||||
loadPath: 'about.html',
|
|
||||||
windowOptions: {
|
|
||||||
width: 296,
|
|
||||||
height: 432,
|
|
||||||
resizable: false,
|
|
||||||
minimizable: false,
|
|
||||||
maximizable: false,
|
|
||||||
fullscreenable: false,
|
|
||||||
autoHideMenuBar: true,
|
|
||||||
titleBarStyle: 'hiddenInset',
|
|
||||||
},
|
|
||||||
singleton: true,
|
|
||||||
lastAction: (win) => {
|
|
||||||
win.setMenuBarVisibility(false)
|
|
||||||
win.webContents.on('before-input-event', (event, input) => {
|
|
||||||
if (typeof this.windows.about !== 'undefined')
|
|
||||||
this.windows.about.webContents.setIgnoreMenuShortcuts((input.meta || input.control) && input.key !== "R" || input.key === "F5")
|
|
||||||
})
|
|
||||||
localShortcut.register(win, 'Esc', () => this.windows.about.destroy())
|
|
||||||
},
|
|
||||||
openDevTools: !process.env.IS_TEST
|
|
||||||
}
|
|
||||||
this.createWindow(opts)
|
|
||||||
}
|
|
||||||
|
|
||||||
private async createWindow(options: CreateWindowOptions) {
|
|
||||||
if (typeof this.windows[options.windowName] !== 'undefined') {
|
|
||||||
this.windows[options.windowName].show()
|
|
||||||
return
|
|
||||||
}
|
|
||||||
let win = new BrowserWindow(options.windowOptions)
|
|
||||||
win.hide()
|
|
||||||
win.webContents.on('did-finish-load', () => {
|
|
||||||
this.windows[options.windowName].show()
|
|
||||||
})
|
|
||||||
|
|
||||||
win.on('closed', () => {
|
|
||||||
delete this.windows[options.windowName]
|
|
||||||
})
|
|
||||||
|
|
||||||
let openUrl = (event: Event, url: string) => {
|
|
||||||
if (isDevelopment && url === process.env.WEBPACK_DEV_SERVER_URL + options.loadPath) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
event.preventDefault()
|
|
||||||
shell.openExternal(url, {
|
|
||||||
activate: false
|
|
||||||
}, (err) => {
|
|
||||||
//if (err) console.log(err)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
win.webContents.on('will-navigate', openUrl)
|
|
||||||
win.webContents.on('new-window', openUrl)
|
|
||||||
|
|
||||||
if (process.env.WEBPACK_DEV_SERVER_URL) {
|
|
||||||
// `electron:serve`で起動した時の読み込み
|
|
||||||
win.loadURL(process.env.WEBPACK_DEV_SERVER_URL + options.loadPath)
|
|
||||||
} else {
|
|
||||||
// ビルドしたアプリでの読み込み
|
|
||||||
win.loadURL(`app://./${options.loadPath}`)
|
|
||||||
}
|
|
||||||
|
|
||||||
if (isDevelopment && options.openDevTools) win.webContents.openDevTools()
|
|
||||||
|
|
||||||
if (typeof options.lastAction === 'function') options.lastAction(win)
|
|
||||||
|
|
||||||
this.windows[options.windowName] = win
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class ApplicationMenu {
|
|
||||||
private app: Application;
|
|
||||||
|
|
||||||
// Mac only menu. prefix `macOnly`. First Item always separator
|
|
||||||
private macOnlyAppMenu: MenuItemConstructorOptions[] = [
|
|
||||||
{ type: 'separator' },
|
|
||||||
{ role: 'services' },
|
|
||||||
{ type: 'separator' },
|
|
||||||
{ role: 'hide' },
|
|
||||||
{ role: 'hideOthers' },
|
|
||||||
{ role: 'unhide' },
|
|
||||||
];
|
|
||||||
private macOnlyEditMenu: MenuItemConstructorOptions[] = [
|
|
||||||
{ type: 'separator' },
|
|
||||||
{
|
|
||||||
label: 'Speech',
|
|
||||||
submenu: [
|
|
||||||
{ role: 'startspeaking' },
|
|
||||||
{ role: 'stopspeaking' },
|
|
||||||
]
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
private get aboutMenuItem(): MenuItemConstructorOptions {
|
|
||||||
return {
|
|
||||||
label: process.platform !== 'darwin' ? 'About' : `About ${this.app.app.getName()}`,
|
|
||||||
click: () => this.app.openAboutWindow(),
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
constructor(app: Application) {
|
|
||||||
this.app = app;
|
|
||||||
}
|
|
||||||
|
|
||||||
public setApplicationMenu() {
|
|
||||||
const menu = Menu.buildFromTemplate(this.buildTemplate(process.platform === 'darwin'))
|
|
||||||
Menu.setApplicationMenu(menu)
|
|
||||||
}
|
|
||||||
|
|
||||||
private buildTemplate(isMac: boolean): MenuItemConstructorOptions[] {
|
|
||||||
return [
|
|
||||||
this.AppMenu(isMac),
|
|
||||||
this.EditMenu(isMac),
|
|
||||||
this.ViewMenu(),
|
|
||||||
this.WindowMenu(isMac),
|
|
||||||
this.HelpMenu(),
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
|
||||||
private AppMenu(isMac: boolean): MenuItemConstructorOptions {
|
|
||||||
let appMenu: MenuItemConstructorOptions[] = [
|
|
||||||
this.aboutMenuItem,
|
|
||||||
...(isMac ? this.macOnlyAppMenu : []),
|
|
||||||
{ type: 'separator' },
|
|
||||||
{ role: 'quit' },
|
|
||||||
]
|
|
||||||
return {
|
|
||||||
label: this.app.app.getName(),
|
|
||||||
submenu: appMenu,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private EditMenu(isMac: boolean): MenuItemConstructorOptions {
|
|
||||||
let editMenu: MenuItemConstructorOptions[] = [
|
|
||||||
{ role: 'undo' },
|
|
||||||
{ role: 'redo' },
|
|
||||||
{ type: 'separator' },
|
|
||||||
{ role: 'cut' },
|
|
||||||
{ role: 'copy' },
|
|
||||||
{ role: 'paste' },
|
|
||||||
{ role: 'pasteandmatchstyle' },
|
|
||||||
{ role: 'delete' },
|
|
||||||
{ role: 'selectall' },
|
|
||||||
...(isMac ? this.macOnlyEditMenu : []),
|
|
||||||
]
|
|
||||||
return {
|
|
||||||
label: 'Edit',
|
|
||||||
submenu: editMenu,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private ViewMenu(): MenuItemConstructorOptions {
|
|
||||||
let viewMenu: MenuItemConstructorOptions[] = [
|
|
||||||
{ role: 'reload' },
|
|
||||||
{ role: 'forcereload' },
|
|
||||||
{ role: 'toggledevtools' },
|
|
||||||
{ type: 'separator' },
|
|
||||||
{ role: 'togglefullscreen' },
|
|
||||||
]
|
|
||||||
return {
|
|
||||||
label: 'View',
|
|
||||||
submenu: viewMenu
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private WindowMenu(isMac: boolean): MenuItemConstructorOptions {
|
|
||||||
let windowMenu: MenuItemConstructorOptions[] = isMac ? [
|
|
||||||
{ role: 'close' },
|
|
||||||
{ role: 'minimize' },
|
|
||||||
{ role: 'zoom' },
|
|
||||||
{ type: 'separator' },
|
|
||||||
{ role: 'front' },
|
|
||||||
] : [
|
|
||||||
{ role: 'minimize' },
|
|
||||||
{ role: 'close' },
|
|
||||||
]
|
|
||||||
return {
|
|
||||||
label: 'Window',
|
|
||||||
submenu: windowMenu,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private HelpMenu(): MenuItemConstructorOptions {
|
|
||||||
let helpMenu: MenuItemConstructorOptions[] = [
|
|
||||||
{
|
|
||||||
label: 'Report an issue',
|
|
||||||
click: () => shell.openExternal(`${bugs.url}/new`),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: 'Learn More',
|
|
||||||
click: () => shell.openExternal(TheDeskInfo.documentURL),
|
|
||||||
}
|
|
||||||
]
|
|
||||||
return {
|
|
||||||
label: 'Help',
|
|
||||||
submenu: helpMenu,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const TheDeskVueApp: Application = new Application(app)
|
|
||||||
const MainMenu: ApplicationMenu = new ApplicationMenu(TheDeskVueApp)
|
|
||||||
MainMenu.setApplicationMenu()
|
|
||||||
|
|
||||||
|
const TheDeskVueApp: Application = Application.shared
|
||||||
|
TheDeskVueApp.setApplicationMenu(ApplicationMenu.buildTemplate())
|
||||||
55
src/main/Application.ts
Normal file
55
src/main/Application.ts
Normal file
|
|
@ -0,0 +1,55 @@
|
||||||
|
import {
|
||||||
|
app,
|
||||||
|
Menu,
|
||||||
|
} from 'electron'
|
||||||
|
import {
|
||||||
|
createProtocol,
|
||||||
|
installVueDevtools,
|
||||||
|
} from 'vue-cli-plugin-electron-builder/lib'
|
||||||
|
import Window from './Window'
|
||||||
|
|
||||||
|
const isDevelopment = process.env.NODE_ENV !== 'production'
|
||||||
|
|
||||||
|
export default class Application {
|
||||||
|
private static _instance: Application;
|
||||||
|
|
||||||
|
public static get shared() {
|
||||||
|
// Do you need arguments? Make it a regular static method instead.
|
||||||
|
return this._instance || (this._instance = new this());
|
||||||
|
}
|
||||||
|
|
||||||
|
private constructor() {
|
||||||
|
app.on('window-all-closed', () => this.onWindowAllClosed())
|
||||||
|
app.on('ready', () => this.onReady());
|
||||||
|
app.on('activate', () => this.onActivated());
|
||||||
|
}
|
||||||
|
|
||||||
|
public setApplicationMenu(menu: Menu) {
|
||||||
|
Menu.setApplicationMenu(menu)
|
||||||
|
}
|
||||||
|
|
||||||
|
private onWindowAllClosed() {
|
||||||
|
if (process.platform !== 'darwin') {
|
||||||
|
app.quit()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private async onReady() {
|
||||||
|
if (isDevelopment && !process.env.IS_TEST) {
|
||||||
|
// Install Vue Devtools
|
||||||
|
try {
|
||||||
|
await installVueDevtools()
|
||||||
|
} catch (e) {
|
||||||
|
//console.error('Vue Devtools failed to install:', e.toString())
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (!process.env.WEBPACK_DEV_SERVER_URL) createProtocol('app')
|
||||||
|
Window.Main()
|
||||||
|
}
|
||||||
|
|
||||||
|
private onActivated() {
|
||||||
|
if (!Window.single.has('main')) {
|
||||||
|
Window.Main()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
126
src/main/ApplicationMenu.ts
Normal file
126
src/main/ApplicationMenu.ts
Normal file
|
|
@ -0,0 +1,126 @@
|
||||||
|
import {
|
||||||
|
app,
|
||||||
|
shell,
|
||||||
|
Menu,
|
||||||
|
MenuItemConstructorOptions
|
||||||
|
} from 'electron';
|
||||||
|
import Window from "./Window";
|
||||||
|
import { bugs } from '../../package.json';
|
||||||
|
import { documentURL } from '../../info.json';
|
||||||
|
|
||||||
|
const isMac = process.platform === 'darwin'
|
||||||
|
|
||||||
|
export default class ApplicationMenu {
|
||||||
|
// Mac only menu. prefix `macOnly`. First Item always separator
|
||||||
|
private static macOnlyAppMenu: MenuItemConstructorOptions[] = [
|
||||||
|
{ type: 'separator' },
|
||||||
|
{ role: 'services' },
|
||||||
|
{ type: 'separator' },
|
||||||
|
{ role: 'hide' },
|
||||||
|
{ role: 'hideOthers' },
|
||||||
|
{ role: 'unhide' },
|
||||||
|
];
|
||||||
|
private static macOnlyEditMenu: MenuItemConstructorOptions[] = [
|
||||||
|
{ type: 'separator' },
|
||||||
|
{
|
||||||
|
label: 'Speech',
|
||||||
|
submenu: [
|
||||||
|
{ role: 'startspeaking' },
|
||||||
|
{ role: 'stopspeaking' },
|
||||||
|
]
|
||||||
|
}
|
||||||
|
];
|
||||||
|
private static aboutMenuItem: MenuItemConstructorOptions = {
|
||||||
|
label: process.platform !== 'darwin' ? 'About' : `About ${app.getName()}`,
|
||||||
|
click: () => Window.About(),
|
||||||
|
}
|
||||||
|
|
||||||
|
public static get menuConstruct(): MenuItemConstructorOptions[] {
|
||||||
|
return [
|
||||||
|
this.AppMenu(isMac),
|
||||||
|
this.EditMenu(isMac),
|
||||||
|
this.ViewMenu(),
|
||||||
|
this.WindowMenu(isMac),
|
||||||
|
this.HelpMenu(),
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
||||||
|
public static buildTemplate(): Menu {
|
||||||
|
return Menu.buildFromTemplate(this.menuConstruct);
|
||||||
|
}
|
||||||
|
private static AppMenu(isMac: boolean): MenuItemConstructorOptions {
|
||||||
|
let appMenu: MenuItemConstructorOptions[] = [
|
||||||
|
this.aboutMenuItem,
|
||||||
|
...(isMac ? this.macOnlyAppMenu : []),
|
||||||
|
{ type: 'separator' },
|
||||||
|
{ role: 'quit' },
|
||||||
|
];
|
||||||
|
return {
|
||||||
|
label: app.getName(),
|
||||||
|
submenu: appMenu,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
private static EditMenu(isMac: boolean): MenuItemConstructorOptions {
|
||||||
|
let editMenu: MenuItemConstructorOptions[] = [
|
||||||
|
{ role: 'undo' },
|
||||||
|
{ role: 'redo' },
|
||||||
|
{ type: 'separator' },
|
||||||
|
{ role: 'cut' },
|
||||||
|
{ role: 'copy' },
|
||||||
|
{ role: 'paste' },
|
||||||
|
{ role: 'pasteandmatchstyle' },
|
||||||
|
{ role: 'delete' },
|
||||||
|
{ role: 'selectall' },
|
||||||
|
...(isMac ? this.macOnlyEditMenu : []),
|
||||||
|
];
|
||||||
|
return {
|
||||||
|
label: 'Edit',
|
||||||
|
submenu: editMenu,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
private static ViewMenu(): MenuItemConstructorOptions {
|
||||||
|
let viewMenu: MenuItemConstructorOptions[] = [
|
||||||
|
{ role: 'reload' },
|
||||||
|
{ role: 'forcereload' },
|
||||||
|
{ role: 'toggledevtools' },
|
||||||
|
{ type: 'separator' },
|
||||||
|
{ role: 'togglefullscreen' },
|
||||||
|
];
|
||||||
|
return {
|
||||||
|
label: 'View',
|
||||||
|
submenu: viewMenu
|
||||||
|
};
|
||||||
|
}
|
||||||
|
private static WindowMenu(isMac: boolean): MenuItemConstructorOptions {
|
||||||
|
let windowMenu: MenuItemConstructorOptions[] = isMac ? [
|
||||||
|
{ role: 'close' },
|
||||||
|
{ role: 'minimize' },
|
||||||
|
{ role: 'zoom' },
|
||||||
|
{ type: 'separator' },
|
||||||
|
{ role: 'front' },
|
||||||
|
] : [
|
||||||
|
{ role: 'minimize' },
|
||||||
|
{ role: 'close' },
|
||||||
|
];
|
||||||
|
return {
|
||||||
|
label: 'Window',
|
||||||
|
submenu: windowMenu,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
private static HelpMenu(): MenuItemConstructorOptions {
|
||||||
|
let helpMenu: MenuItemConstructorOptions[] = [
|
||||||
|
{
|
||||||
|
label: 'Report an issue',
|
||||||
|
click: () => shell.openExternal(`${bugs.url}/new`),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'Learn More',
|
||||||
|
click: () => shell.openExternal(documentURL),
|
||||||
|
}
|
||||||
|
];
|
||||||
|
return {
|
||||||
|
label: 'Help',
|
||||||
|
submenu: helpMenu,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
119
src/main/Window.ts
Normal file
119
src/main/Window.ts
Normal file
|
|
@ -0,0 +1,119 @@
|
||||||
|
import { join } from 'path'
|
||||||
|
|
||||||
|
import {
|
||||||
|
shell,
|
||||||
|
BrowserWindow,
|
||||||
|
BrowserWindowConstructorOptions,
|
||||||
|
Event,
|
||||||
|
Input,
|
||||||
|
app,
|
||||||
|
} from 'electron'
|
||||||
|
import { register as shortcutRegister } from 'electron-localshortcut'
|
||||||
|
|
||||||
|
declare const __static: string;
|
||||||
|
const isDevelopment = process.env.NODE_ENV !== 'production'
|
||||||
|
|
||||||
|
export interface CreateWindowOptions {
|
||||||
|
windowName: string
|
||||||
|
loadPath: string
|
||||||
|
windowOptions?: BrowserWindowConstructorOptions
|
||||||
|
singleton?: boolean
|
||||||
|
lastAction?: (win: BrowserWindow) => void
|
||||||
|
openDevTools?: boolean
|
||||||
|
}
|
||||||
|
|
||||||
|
export default class Window {
|
||||||
|
public static single: Map<string, BrowserWindow> = new Map()
|
||||||
|
public static list: BrowserWindow[]
|
||||||
|
|
||||||
|
public static Main() {
|
||||||
|
const opts: CreateWindowOptions = {
|
||||||
|
windowName: 'main',
|
||||||
|
loadPath: 'index.html',
|
||||||
|
windowOptions: {
|
||||||
|
icon: join(__static, 'icon.png'),
|
||||||
|
width: 800,
|
||||||
|
height: 600,
|
||||||
|
autoHideMenuBar: true,
|
||||||
|
},
|
||||||
|
singleton: true,
|
||||||
|
lastAction: (win) => {
|
||||||
|
shortcutRegister(win, 'F5', () => this.single.get('main')!.reload())
|
||||||
|
},
|
||||||
|
openDevTools: !process.env.IS_TEST
|
||||||
|
}
|
||||||
|
|
||||||
|
this.createWindow(opts)
|
||||||
|
}
|
||||||
|
|
||||||
|
public static About() {
|
||||||
|
const opts: CreateWindowOptions = {
|
||||||
|
windowName: 'about',
|
||||||
|
loadPath: 'about.html',
|
||||||
|
windowOptions: {
|
||||||
|
width: 296,
|
||||||
|
height: 432,
|
||||||
|
resizable: false,
|
||||||
|
minimizable: false,
|
||||||
|
maximizable: false,
|
||||||
|
fullscreenable: false,
|
||||||
|
autoHideMenuBar: true,
|
||||||
|
titleBarStyle: 'hiddenInset',
|
||||||
|
},
|
||||||
|
singleton: true,
|
||||||
|
lastAction: (win) => {
|
||||||
|
win.setMenuBarVisibility(false)
|
||||||
|
win.webContents.on('before-input-event', (event: Event, input: Input) => {
|
||||||
|
this.single.get('about')!.webContents.setIgnoreMenuShortcuts((process.platform === 'darwin' ? input.meta : input.control) && input.key === "r")
|
||||||
|
})
|
||||||
|
shortcutRegister(win, 'Esc', () => this.single.get('about')!.destroy())
|
||||||
|
},
|
||||||
|
openDevTools: !process.env.IS_TEST
|
||||||
|
}
|
||||||
|
this.createWindow(opts)
|
||||||
|
}
|
||||||
|
|
||||||
|
public static async createWindow(options: CreateWindowOptions) {
|
||||||
|
if (options.singleton && this.single.has(options.windowName)) {
|
||||||
|
this.single.get(options.windowName)!.show()
|
||||||
|
return
|
||||||
|
}
|
||||||
|
let win = new BrowserWindow(options.windowOptions)
|
||||||
|
win.hide()
|
||||||
|
win.webContents.on('did-finish-load', () => {
|
||||||
|
win.show()
|
||||||
|
})
|
||||||
|
|
||||||
|
win.on('closed', () => {
|
||||||
|
this.single.delete(options.windowName)
|
||||||
|
})
|
||||||
|
|
||||||
|
let openUrl = (event: Event, url: string) => {
|
||||||
|
if (isDevelopment && url === process.env.WEBPACK_DEV_SERVER_URL + options.loadPath) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
event.preventDefault()
|
||||||
|
shell.openExternal(url, {
|
||||||
|
activate: false
|
||||||
|
}, (err) => {
|
||||||
|
//if (err) console.log(err)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
win.webContents.on('will-navigate', openUrl)
|
||||||
|
win.webContents.on('new-window', openUrl)
|
||||||
|
|
||||||
|
if (process.env.WEBPACK_DEV_SERVER_URL) {
|
||||||
|
// `electron:serve`で起動した時の読み込み
|
||||||
|
win.loadURL(process.env.WEBPACK_DEV_SERVER_URL + options.loadPath)
|
||||||
|
} else {
|
||||||
|
// ビルドしたアプリでの読み込み
|
||||||
|
win.loadURL(`app://./${options.loadPath}`)
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isDevelopment && options.openDevTools) win.webContents.openDevTools()
|
||||||
|
|
||||||
|
if (typeof options.lastAction === 'function') options.lastAction(win)
|
||||||
|
|
||||||
|
this.single.set(options.windowName, win)
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user