pvb3xqpfw
/
YepMusic
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

refactor: background.js

Browse Source
master
qier222 4 years ago
parent de4315707b
commit 11844e22fe
2 changed files with 172 additions and 180 deletions
Show Stats Download Patch File Download Diff File

317
src/background.js
Unescape View File

@ -7,131 +7,112 @@ import { initIpcMain } from "./electron/ipcMain.js";
import { createMenu } from "./electron/menu";
import { createTouchBar } from "./electron/touchBar";
import { createDockMenu } from "./electron/dockMenu";
import { createTray } from "./electron/tray.js";
import { autoUpdater } from "electron-updater";
import express from "express";
import expressProxy from "express-http-proxy";
import Store from "electron-store";
const store = new Store({
windowWidth: {
width: { type: "number", default: 1440 },
height: { type: "number", default: 840 },
},
});
const isDevelopment = process.env.NODE_ENV !== "production";
// Keep a global reference of the window object, if you don't, the window will
// be closed automatically when the JavaScript object is garbage collected.
let win;
// eslint-disable-next-line no-unused-vars
let tray;
let willQuitApp = false;
// ipcMain
initIpcMain(win);
// Scheme must be registered before the app is ready
protocol.registerSchemesAsPrivileged([
{ scheme: "app", privileges: { secure: true, standard: true } },
]);
function createWindow() {
win = new BrowserWindow({
width: store.get("window.width"),
height: store.get("window.height"),
titleBarStyle: "hiddenInset",
webPreferences: {
webSecurity: false,
nodeIntegration: true,
},
});
win.setMenuBarVisibility(false);
if (process.platform !== "darwin") {
tray = createTray(win);
class Background {
constructor() {
this.window = null;
this.store = new Store({
windowWidth: {
width: { type: "number", default: 1440 },
height: { type: "number", default: 840 },
},
});
this.neteaseMusicAPI = null;
this.expressApp = null;
this.willQuitApp = process.platform === "darwin" ? false : true;
this.init();
}
init() {
console.log("initializing");
// Make sure the app is singleton.
if (!app.requestSingleInstanceLock()) return app.quit();
// start netease music api
this.neteaseMusicAPI = startNeteaseMusicApi();
// create Express app
this.createExpressApp();
// init ipcMain
initIpcMain(this.window);
// Scheme must be registered before the app is ready
protocol.registerSchemesAsPrivileged([
{ scheme: "app", privileges: { secure: true, standard: true } },
]);
// handle app events
this.handleAppEvents();
}
if (process.env.WEBPACK_DEV_SERVER_URL) {
// Load the url of the dev server if in development mode
win.loadURL(process.env.WEBPACK_DEV_SERVER_URL);
if (!process.env.IS_TEST) win.webContents.openDevTools();
} else {
createProtocol("app");
// win.loadURL("app://./index.html");
async initDevtools() {
// Install Vue Devtools extension
try {
await installExtension(VUEJS_DEVTOOLS);
} catch (e) {
console.error("Vue Devtools failed to install:", e.toString());
}
// Exit cleanly on request from parent process in development mode.
if (process.platform === "win32") {
process.on("message", (data) => {
if (data === "graceful-exit") {
app.quit();
}
});
} else {
process.on("SIGTERM", () => {
app.quit();
});
}
}
createExpressApp() {
console.log("creating express app");
const expressApp = express();
expressApp.use("/", express.static(__dirname + "/"));
expressApp.use("/api", expressProxy("http://127.0.0.1:10754"));
expressApp.listen(27232);
win.loadURL("http://localhost:27232");
this.expressApp = expressApp.listen(27232);
}
win.webContents.on("new-window", function (e, url) {
e.preventDefault();
shell.openExternal(url);
});
win.on("close", (e) => {
if (willQuitApp) {
/* the user tried to quit the app */
win = null;
createWindow() {
console.log("creating app window");
this.window = new BrowserWindow({
width: this.store.get("window.width") | 1440,
height: this.store.get("window.height") | 840,
titleBarStyle: "hiddenInset",
webPreferences: {
webSecurity: false,
nodeIntegration: true,
},
});
// hide menu bar on Microsoft Windows and Linux
this.window.setMenuBarVisibility(false);
if (process.env.WEBPACK_DEV_SERVER_URL) {
// Load the url of the dev server if in development mode
this.window.loadURL(process.env.WEBPACK_DEV_SERVER_URL);
if (!process.env.IS_TEST) this.window.webContents.openDevTools();
} else {
/* the user only tried to close the window */
e.preventDefault();
win.hide();
createProtocol("app");
this.window.loadURL("http://localhost:27232");
}
});
// win.on("closed", () => {
// win = null;
// });
win.on("resize", () => {
let { height, width } = win.getBounds();
store.set("window", { height, width });
});
return win;
}
// Quit when all windows are closed.
app.on("window-all-closed", () => {
// On macOS it is common for applications and their menu bar
// to stay active until the user quits explicitly with Cmd + Q
if (process.platform !== "darwin") {
// app.quit();
}
});
app.on("activate", () => {
// On macOS it's common to re-create a window in the app when the
// dock icon is clicked and there are no other windows open.
if (win === null) {
createWindow();
} else {
win.show();
}
});
/**
* 'before-quit' is emitted when Electron receives the signal to exit and wants to start closing windows
*/
app.on("before-quit", () => (willQuitApp = true));
// This method will be called when Electron has finished
// initialization and is ready to create browser windows.
// Some APIs can only be used after this event occurs.
app.on("ready", async () => {
// start netease music api
startNeteaseMusicApi();
// check for update
const log = require("electron-log");
log.transports.file.level = "debug";
autoUpdater.logger = log;
autoUpdater.checkForUpdatesAndNotify();
if (process.platform === "darwin") {
autoUpdater.on("update-available", (info) => {
log.debug(info);
checkForUpdates() {
autoUpdater.checkForUpdatesAndNotify();
const showNewVersionMessage = (info) => {
dialog
.showMessageBox({
title: "发现新版本 v" + info.version,
@ -148,53 +129,99 @@ app.on("ready", async () => {
);
}
});
});
}
};
// Install Vue Devtools extension
if (isDevelopment && !process.env.IS_TEST) {
try {
await installExtension(VUEJS_DEVTOOLS);
} catch (e) {
console.error("Vue Devtools failed to install:", e.toString());
if (process.platform === "darwin") {
autoUpdater.on("update-available", (info) => {
showNewVersionMessage(info);
});
}
}
// create window
createWindow();
win.once("ready-to-show", () => {
win.show();
});
handleWindowEvents() {
this.window.once("ready-to-show", () => {
console.log("windows ready-to-show event");
this.window.show();
});
this.window.on("close", (e) => {
console.log("windows close event");
if (this.willQuitApp) {
/* the user tried to quit the app */
this.window = null;
app.quit();
} else {
/* the user only tried to close the window */
e.preventDefault();
this.window.hide();
}
});
// create menu
createMenu(win);
this.window.on("resize", () => {
let { height, width } = this.window.getBounds();
this.store.set("window", { height, width });
});
// create dock menu for macOS
app.dock.setMenu(createDockMenu(win));
this.window.webContents.on("new-window", function (e, url) {
e.preventDefault();
shell.openExternal(url);
});
}
// create touchbar
win.setTouchBar(createTouchBar(win));
});
handleAppEvents() {
app.on("ready", async () => {
// This method will be called when Electron has finished
// initialization and is ready to create browser windows.
// Some APIs can only be used after this event occurs.
console.log("app ready event");
// Exit cleanly on request from parent process in development mode.
if (isDevelopment) {
if (process.platform === "win32") {
process.on("message", (data) => {
if (data === "graceful-exit") {
// for development
if (process.env.NODE_ENV !== "production") {
this.initDevtools();
}
// create window
this.createWindow();
this.handleWindowEvents();
// check for updates
this.checkForUpdates();
// create menu
createMenu(this.window);
// create dock menu for macOS
app.dock.setMenu(createDockMenu(this.window));
// create touch bar
this.window.setTouchBar(createTouchBar(this.window));
});
app.on("activate", () => {
// On macOS it's common to re-create a window in the app when the
// dock icon is clicked and there are no other windows open.
console.log("app activate event");
if (this.window === null) {
this.createWindow();
} else {
this.window.show();
}
});
app.on("window-all-closed", () => {
if (process.platform !== "darwin") {
app.quit();
}
});
} else {
process.on("SIGTERM", () => {
app.quit();
app.on("before-quit", () => {
this.willQuitApp = true;
});
}
}
// Make sure the app is singleton.
function initialize() {
const shouldQuit = !app.requestSingleInstanceLock();
if (shouldQuit) return app.quit();
app.on("quit", () => {
this.expressApp.close();
});
}
}
initialize();
new Background();

35
src/electron/tray.js
Unescape View File

@ -1,35 +0,0 @@
/* global __static */
import path from "path";
import { app, nativeImage, Tray, Menu } from "electron";
export function createTray(win) {
let icon = nativeImage
.createFromPath(path.join(__static, "img/icons/menu@88.png"))
.resize({
height: 20,
width: 20,
});
let tray = new Tray(icon);
tray.on("click", () => {
if (win && win.isVisible()) {
win.hide();
} else {
win.show();
}
});
tray.on("right-click", () => {
const contextMenu = Menu.buildFromTemplate([
{
label: "Quit",
click: () => {
app.exit();
},
},
]);
tray.popUpContextMenu(contextMenu);
});
return tray;
}
Write Preview
Loading…
Cancel
Save