import {join} from "path"; import {app, BrowserWindow as bw, ipcMain, shell, ShareMenu, Menu, nativeImage} from "electron"; import * as windowStateKeeper from "electron-window-state"; import * as express from "express"; import * as getPort from "get-port"; import {search} from "youtube-search-without-api-key"; import {existsSync, mkdirSync, readdirSync, readFileSync, writeFileSync} from "fs"; import {Stream} from "stream"; import {generate as generateQR} from "qrcode-terminal"; import {hostname, networkInterfaces} from "os"; import * as mm from 'music-metadata'; import fetch from 'electron-fetch' import {wsapi} from "./wsapi"; import {jsonc} from "jsonc"; import {AppImageUpdater, NsisUpdater} from "electron-updater"; import {utils} from './utils'; import * as path from "path"; export class BrowserWindow { public static win: any | undefined = null; private devMode: boolean = !app.isPackaged; private audioStream: any = new Stream.PassThrough(); private clientPort: number = 0; private remotePort: number = 6942; private EnvironmentVariables: object = { env: { platform: process.platform, dev: app.isPackaged, components: [ "pages/podcasts", "pages/apple-account-settings", "pages/library-songs", "pages/browse", "pages/settings", "pages/listen_now", "pages/home", "pages/artist-feed", "pages/cider-playlist", "pages/playlist-inline", "pages/recordLabel", "pages/collection-list", "pages/apple-curator", "pages/artist", "pages/search", "pages/about", "pages/library-videos", "components/mediaitem-artwork", "components/artwork-material", "components/menu-panel", "components/sidebar-playlist", "components/spatial-properties", "components/audio-settings", "components/qrcode-modal", "components/equalizer", "components/add-to-playlist", "components/queue", "components/queue-item", "components/mediaitem-scroller-horizontal", "components/mediaitem-scroller-horizontal-large", "components/mediaitem-scroller-horizontal-sp", "components/mediaitem-scroller-horizontal-mvview", "components/mediaitem-list-item", "components/mediaitem-hrect", "components/mediaitem-square", "components/mediaitem-square-sp", "components/mediaitem-mvview", "components/libraryartist-item", "components/listennow-child", "components/mediaitem-mvview-sp", "components/animatedartwork-view", "components/lyrics-view", "components/fullscreen", "components/miniplayer", ] }, }; private options: any = { icon: join( utils.getPath('resourcePath'), `icons/icon.` + (process.platform === "win32" ? "ico" : "png") ), width: 1024, height: 600, x: undefined, y: undefined, minWidth: 900, minHeight: 390, frame: false, title: "Cider", vibrancy: "fullscreen-ui", transparent: process.platform === "darwin", hasShadow: false, show: false, backgroundColor: "#1E1E1E", titleBarStyle: 'hidden', trafficLightPosition: {x: 15, y: 20}, webPreferences: { nodeIntegration: true, sandbox: true, allowRunningInsecureContent: true, contextIsolation: false, webviewTag: true, plugins: true, nodeIntegrationInWorker: false, webSecurity: false, preload: join(utils.getPath('srcPath'), "./preload/cider-preload.js"), }, }; /** * Creates the browser window */ async createWindow(): Promise { this.clientPort = await getPort({port: 9000}); BrowserWindow.verifyFiles(); // Load the previous state with fallback to defaults const windowState = windowStateKeeper({ defaultWidth: 1024, defaultHeight: 600, }); this.options.width = windowState.width; this.options.height = windowState.height; // Start the webserver for the browser window to load this.startWebServer(); BrowserWindow.win = new bw(this.options); const ws = new wsapi(BrowserWindow.win) ws.InitWebSockets() // and load the renderer. this.startSession(); this.startHandlers(); // Register listeners on Window to track size and position of the Window. windowState.manage(BrowserWindow.win); return BrowserWindow.win } /** * Verifies the files for the renderer to use (Cache, library info, etc.) */ private static verifyFiles(): void { const expectedDirectories = ["CiderCache"]; const expectedFiles = [ "library-songs.json", "library-artists.json", "library-albums.json", "library-playlists.json", "library-recentlyAdded.json", ]; for (let i = 0; i < expectedDirectories.length; i++) { if ( !existsSync( join(app.getPath("userData"), expectedDirectories[i]) ) ) { mkdirSync( join(app.getPath("userData"), expectedDirectories[i]) ); } } for (let i = 0; i < expectedFiles.length; i++) { const file = join(utils.getPath('ciderCache'), expectedFiles[i]); if (!existsSync(file)) { writeFileSync(file, JSON.stringify([])); } } } /** * Starts the webserver for the renderer process. */ private startWebServer(): void { const app = express(); app.use(express.static(join(utils.getPath('srcPath'), "./renderer/"))); app.set("views", join(utils.getPath('srcPath'), "./renderer/views")); app.set("view engine", "ejs"); let firstRequest = true; app.use((req, res, next) => { if (!req || !req.headers || !req.headers.host || !req.headers["user-agent"]) { console.error('Req not defined') return } if (req.url.includes("audio.webm") || (req.headers.host.includes("localhost") && (this.devMode || req.headers["user-agent"].includes("Electron")))) { next(); } else { res.redirect("https://discord.gg/applemusic"); } }); app.get("/", (_req, res) => { res.render("main", this.EnvironmentVariables); }); app.get("/api/playback/:action", (req, res)=>{ const action = req.params.action; switch(action) { case "playpause": BrowserWindow.win.webContents.executeJavaScript("wsapi.togglePlayPause()") res.send("Play/Pause toggle") break; case "play": BrowserWindow.win.webContents.executeJavaScript("MusicKit.getInstance().play()") res.send("Playing") break; case "pause": BrowserWindow.win.webContents.executeJavaScript("MusicKit.getInstance().pause()") res.send("Paused") break; case "stop": BrowserWindow.win.webContents.executeJavaScript("MusicKit.getInstance().stop()") res.send("Stopped") break; case "next": BrowserWindow.win.webContents.executeJavaScript("MusicKit.getInstance().skipToNextItem()") res.send("Next") break; case "previous": BrowserWindow.win.webContents.executeJavaScript("MusicKit.getInstance().skipToPreviousItem()") res.send("Previous") break; default: { res.send("Invalid action") } } }) app.get("/themes/:theme", (req, res) => { const theme = req.params.theme.toLowerCase(); const themePath = join(utils.getPath('srcPath'), "./renderer/themes/", theme); const userThemePath = join(utils.getPath('themes'), theme); if (existsSync(userThemePath)) { res.sendFile(userThemePath); } else if (existsSync(themePath)) { res.sendFile(themePath); } else { res.send(`// Theme not found - ${userThemePath}`); } }); app.get("/audio.webm", (req, res) => { try { req.socket.setTimeout(Number.MAX_SAFE_INTEGER); // CiderBase.requests.push({req: req, res: res}); // var pos = CiderBase.requests.length - 1; // req.on("close", () => { // console.info("CLOSED", CiderBase.requests.length); // requests.splice(pos, 1); // console.info("CLOSED", CiderBase.requests.length); // }); this.audioStream.on("data", (data: any) => { try { res.write(data); } catch (ex) { console.log(ex); } }); } catch (ex) { console.log(ex); } }); //app.use(express.static()) app.listen(this.clientPort, () => { console.log(`Cider client port: ${this.clientPort}`); }); /* * Remote Client -@quacksire * https://github.com/ciderapp/Apple-Music-Electron/blob/818189ed40ff600d76eb59d22016723a75885cd5/resources/functions/handler.js#L1173 */ const remote = express(); remote.use(express.static(join(utils.getPath('srcPath'), "./web-remote/"))) remote.set("views", join(utils.getPath('srcPath'), "./web-remote/views")); remote.set("view engine", "ejs"); getPort({port: 6942}).then((port) => { this.remotePort = port; // Start Remote Discovery this.broadcastRemote() remote.listen(this.remotePort, () => { console.log(`Cider remote port: ${this.remotePort}`); if (firstRequest) { generateQR(`http://${hostname}:${this.remotePort}`); } firstRequest = false; }) remote.get("/", (_req, res) => { res.render("index", this.EnvironmentVariables); }); }) } /** * Starts the session for the renderer process. */ private startSession(): void { // intercept "https://js-cdn.music.apple.com/hls.js/2.141.1/hls.js/hls.js" and redirect to local file "./apple-hls.js" instead BrowserWindow.win.webContents.session.webRequest.onBeforeRequest( { urls: ["https://*/*.js"], }, ( details: { url: string | string[] }, callback: (arg0: { redirectURL?: string; cancel?: boolean }) => void ) => { if (details.url.includes("hls.js")) { callback({ redirectURL: `http://localhost:${this.clientPort}/apple-hls.js`, }); } else { callback({ cancel: false, }); } } ); BrowserWindow.win.webContents.session.webRequest.onBeforeSendHeaders( async ( details: { url: string; requestHeaders: { [x: string]: string } }, callback: (arg0: { requestHeaders: any }) => void ) => { if (details.url === "https://buy.itunes.apple.com/account/web/info") { details.requestHeaders["sec-fetch-site"] = "same-site"; details.requestHeaders["DNT"] = "1"; let itspod = await BrowserWindow.win.webContents.executeJavaScript( `window.localStorage.getItem("music.ampwebplay.itspod")` ); if (itspod != null) details.requestHeaders["Cookie"] = `itspod=${itspod}`; } callback({requestHeaders: details.requestHeaders}); } ); let location = `http://localhost:${this.clientPort}/`; if (app.isPackaged) { BrowserWindow.win.loadURL(location); } else { BrowserWindow.win.loadURL(location, { userAgent: "Cider Development Environment", }); } } /** * Initializes the window handlers */ private startHandlers(): void { /********************************************************************************************************************** * ipcMain Events ****************************************************************************************************************** */ ipcMain.on("cider-platform", (event) => { event.returnValue = process.platform; }); ipcMain.on("get-themes", (event, _key) => { if (existsSync(utils.getPath("themes"))) { event.returnValue = readdirSync(utils.getPath("themes")); } else { event.returnValue = []; } }); ipcMain.on("get-i18n", (event, key) => { event.returnValue = utils.getLocale(key); }); ipcMain.on("get-i18n-listing", event => { let i18nFiles = readdirSync(join(__dirname, "../../src/i18n")).filter(file => file.endsWith(".jsonc")); // read all the files and parse them let i18nListing = [] for (let i = 0; i < i18nFiles.length; i++) { const i18n: { [index: string]: Object } = jsonc.parse(readFileSync(join(__dirname, `../../src/i18n/${i18nFiles[i]}`), "utf8")); i18nListing.push({ "code": i18nFiles[i].replace(".jsonc", ""), "nameNative": i18n["i18n.languageName"] ?? i18nFiles[i].replace(".jsonc", ""), "nameEnglish": i18n["i18n.languageNameEnglish"] ?? i18nFiles[i].replace(".jsonc", ""), "category": i18n["i18n.category"] ?? "", "authors": i18n["i18n.authors"] ?? "" }) } event.returnValue = i18nListing; }) ipcMain.on("get-gpu-mode", (event) => { event.returnValue = process.platform; }); ipcMain.on("is-dev", (event) => { event.returnValue = this.devMode; }); ipcMain.on("put-library-songs", (_event, arg) => { writeFileSync( join(utils.getPath('ciderCache'), "library-songs.json"), JSON.stringify(arg) ); }); ipcMain.on("put-library-artists", (_event, arg) => { writeFileSync( join(utils.getPath('ciderCache'), "library-artists.json"), JSON.stringify(arg) ); }); ipcMain.on("put-library-albums", (_event, arg) => { writeFileSync( join(utils.getPath('ciderCache'), "library-albums.json"), JSON.stringify(arg) ); }); ipcMain.on("put-library-playlists", (_event, arg) => { writeFileSync( join(utils.getPath('ciderCache'), "library-playlists.json"), JSON.stringify(arg) ); }); ipcMain.on("put-library-recentlyAdded", (_event, arg) => { writeFileSync( join(utils.getPath('ciderCache'), "library-recentlyAdded.json"), JSON.stringify(arg) ); }); ipcMain.on("get-library-songs", (event) => { let librarySongs = readFileSync( join(utils.getPath('ciderCache'), "library-songs.json"), "utf8" ); event.returnValue = JSON.parse(librarySongs); }); ipcMain.on("get-library-artists", (event) => { let libraryArtists = readFileSync( join(utils.getPath('ciderCache'), "library-artists.json"), "utf8" ); event.returnValue = JSON.parse(libraryArtists); }); ipcMain.on("get-library-albums", (event) => { let libraryAlbums = readFileSync( join(utils.getPath('ciderCache'), "library-albums.json"), "utf8" ); event.returnValue = JSON.parse(libraryAlbums); }); ipcMain.on("get-library-playlists", (event) => { let libraryPlaylists = readFileSync( join(utils.getPath('ciderCache'), "library-playlists.json"), "utf8" ); event.returnValue = JSON.parse(libraryPlaylists); }); ipcMain.on("get-library-recentlyAdded", (event) => { let libraryRecentlyAdded = readFileSync( join(utils.getPath('ciderCache'), "library-recentlyAdded.json"), "utf8" ); event.returnValue = JSON.parse(libraryRecentlyAdded); }); ipcMain.handle("getYTLyrics", async (_event, track, artist) => { const u = track + " " + artist + " official video"; return await search(u); }); ipcMain.on("close", (_event) => { BrowserWindow.win.close(); }); ipcMain.on("maximize", (_event) => { // listen for maximize event if (BrowserWindow.win.isMaximized()) { BrowserWindow.win.unmaximize(); } else { BrowserWindow.win.maximize(); } }); ipcMain.on("unmaximize", () => { // listen for maximize event BrowserWindow.win.unmaximize(); }); ipcMain.on("minimize", () => { // listen for minimize event BrowserWindow.win.minimize(); }); // Set scale ipcMain.on("setScreenScale", (_event, scale) => { BrowserWindow.win.webContents.setZoomFactor(parseFloat(scale)); }); ipcMain.on("windowmin", (_event, width, height) => { BrowserWindow.win.setMinimumSize(width, height); }) ipcMain.on("windowontop", (_event, ontop) => { BrowserWindow.win.setAlwaysOnTop(ontop); }); // Set scale ipcMain.on("windowresize", (_event, width, height, lock = false) => { BrowserWindow.win.setContentSize(width, height); BrowserWindow.win.setResizable(!lock); }); //Fullscreen ipcMain.on('setFullScreen', (_event, flag) => { BrowserWindow.win.setFullScreen(flag) }) //Fullscreen ipcMain.on('detachDT', (_event, _) => { BrowserWindow.win.webContents.openDevTools({mode: 'detach'}); }) ipcMain.on('play', (_event, type, id) => { BrowserWindow.win.webContents.executeJavaScript(` MusicKit.getInstance().setQueue({ ${type}: '${id}'}).then(function(queue) { MusicKit.getInstance().play(); }); `) }) //QR Code ipcMain.handle('showQR', async (_event, _) => { let url = `http://${BrowserWindow.getIP()}:${this.remotePort}`; shell.openExternal(`https://cider.sh/pair-remote?url=${Buffer.from(encodeURI(url)).toString('base64')}`).catch(console.error); }) ipcMain.on('get-remote-pair-url', (_event, _) => { let url = `http://${BrowserWindow.getIP()}:${this.remotePort}`; BrowserWindow.win.webContents.send('send-remote-pair-url', url); }) // Get previews for normalization ipcMain.on("getPreviewURL", (_event, url) => { fetch(url) .then(res => res.buffer()) .then(async (buffer) => { const metadata = await mm.parseBuffer(buffer, 'audio/x-m4a'); let SoundCheckTag = metadata.native.iTunes[1].value console.log('sc', SoundCheckTag) BrowserWindow.win.webContents.send('SoundCheckTag', SoundCheckTag) }).catch(err => { console.log(err) }); }); ipcMain.on('check-for-update', async (_event) => { const options: any = { provider: 'generic', url: 'https://43-429851205-gh.circle-artifacts.com/0/%7E/Cider/dist/artifacts' //Base URL } /* * Have to handle the auto updaters seperatly until we can support macOS. electron-builder limitation -q */ const win_autoUpdater = new NsisUpdater(options) //Windows const linux_autoUpdater = new AppImageUpdater(options) //Linux await win_autoUpdater.checkForUpdatesAndNotify() await linux_autoUpdater.checkForUpdatesAndNotify() }) ipcMain.on('share-menu', async (_event, url) => { if ( process.platform != 'darwin') return; //https://www.electronjs.org/docs/latest/api/share-menu console.log('[Share Sheet - App.ts]', url) const options = { title: 'Share', urls: [url] }; // @ts-ignore const shareMenu = new ShareMenu(options); shareMenu.popup(); }) /* ********************************************************************************************* * Window Events * **********************************************************************************************/ if (process.platform === "win32") { let WND_STATE = { MINIMIZED: 0, NORMAL: 1, MAXIMIZED: 2, FULL_SCREEN: 3, }; let wndState = WND_STATE.NORMAL; BrowserWindow.win.on("resize", (_: any) => { const isMaximized = BrowserWindow.win.isMaximized(); const isMinimized = BrowserWindow.win.isMinimized(); const isFullScreen = BrowserWindow.win.isFullScreen(); const state = wndState; if (isMinimized && state !== WND_STATE.MINIMIZED) { wndState = WND_STATE.MINIMIZED; } else if (isFullScreen && state !== WND_STATE.FULL_SCREEN) { wndState = WND_STATE.FULL_SCREEN; } else if (isMaximized && state !== WND_STATE.MAXIMIZED) { wndState = WND_STATE.MAXIMIZED; BrowserWindow.win.webContents.executeJavaScript(`app.chrome.maximized = true`); } else if (state !== WND_STATE.NORMAL) { wndState = WND_STATE.NORMAL; BrowserWindow.win.webContents.executeJavaScript( `app.chrome.maximized = false` ); } }); } let isQuiting = false BrowserWindow.win.on("close", (event: Event) => { if ((utils.getStoreValue('general.close_button_hide') || process.platform === "darwin") && !isQuiting) { event.preventDefault(); BrowserWindow.win.hide(); } else { BrowserWindow.win.destroy(); } }) app.on('before-quit', () => { isQuiting = true }); app.on('window-all-closed', () => { app.quit() }) BrowserWindow.win.on("closed", () => { BrowserWindow.win = null; }); // Set window Handler BrowserWindow.win.webContents.setWindowOpenHandler((x: any) => { if (x.url.includes("apple") || x.url.includes("localhost")) { return {action: "allow"}; } shell.openExternal(x.url).catch(console.error); return {action: "deny"}; }); /* ********************************************************************************************* * Menu * **********************************************************************************************/ //@ts-ignore console.log(path.join(__dirname, '../../src/renderer/views/svg/smartphone.svg')) const isMac = process.platform === 'darwin'; //TODO: Figure out the icons const remoteIcon = nativeImage.createFromPath(path.join(__dirname, '../../src/renderer/views/svg/smartphone.svg')).toPNG() const soundIcon = nativeImage.createFromPath(path.join(__dirname, '../../src/renderer/views/svg/headphones.svg')).toPNG() const aboutIcon = nativeImage.createFromPath(path.join(__dirname, '../../src/renderer/views/svg/info.svg')).toPNG() const settingsIcon = nativeImage.createFromPath(path.join(__dirname, '../../src/renderer/views/svg/settings.svg')).toPNG() const logoutIcon = nativeImage.createFromPath(path.join(__dirname, '../../src/renderer/views/svg/log-out.svg')).toPNG() const ciderIcon = nativeImage.createFromPath(path.join(__dirname, '../../src/renderer/assets/logocute.png')) const template = [ // { role: 'appMenu' } ...(isMac ? [{ label: app.name, submenu: [ { label: 'Web Remote', accelerator: 'CommandOrControl+W', sublabel: 'Opens in external window', click: () => BrowserWindow.win.webContents.executeJavaScript(`ipcRenderer.invoke('showQR')`)}, //accelerator { label: 'Audio Settings', accelerator: 'CommandOrControl+Shift+A', click: () => BrowserWindow.win.webContents.executeJavaScript(`app.modals.audioSettings = true`)}, { label: 'About', accelerator: 'CommandOrControl+Shift+B', click: () => BrowserWindow.win.webContents.executeJavaScript(`app.appRoute('about'`)}, { label: 'Settings', accelerator: 'CommandOrControl+,', click: () => BrowserWindow.win.webContents.executeJavaScript(`app.appRoute('settings')`)}, { label: 'Logout', accelerator: 'CommandOrControl+Shift+O', click: () => BrowserWindow.win.webContents.executeJavaScript(`app.unauthorize(); document.location.reload()`)}, { type: 'separator' }, { role: 'quit' } ] }] : []), // { role: 'viewMenu' } { label: 'View', submenu: [ { role: 'reload' }, { role: 'forceReload' }, { role: 'toggleDevTools' }, { type: 'separator' }, { role: 'resetZoom' }, { role: 'zoomIn' }, { role: 'zoomOut' }, { type: 'separator' }, { role: 'togglefullscreen' } ] }, // { role: 'windowMenu' } { label: 'Window', submenu: [ { role: 'minimize' }, { role: 'zoom' }, ...(isMac ? [ { type: 'separator' }, { role: 'front' }, { type: 'separator' }, { role: 'window' } ] : [ { role: 'close' } ]) ] }, { role: 'help', submenu: [ { label: 'Discord', accelerator: 'CommandOrControl+Shift+D', click: async () => { const { shell } = require('electron') await shell.openExternal('https://discord.gg/applemusic') } }, { label: 'Donate', accelerator: 'CommandOrControl+D', icon: ciderIcon, click: async () => { const { shell } = require('electron') await shell.openExternal('https://opencollective.com/ciderapp/') } }, { label: 'Report a...', submenu: [ { label: 'Bug', click: async () => { const {shell} = require('electron') await shell.openExternal("https://github.com/ciderapp/Cider/issues/new?assignees=&labels=bug%2Ctriage&template=bug_report.yaml&title=%5BBug%5D%3A+") } }, { label: 'Feature Request', click: async () => { const {shell} = require('electron') await shell.openExternal("https://github.com/ciderapp/Cider/issues/new?assignees=&labels=enhancement%2Ctriage&template=feature_request.yaml&title=%5BEnhancement%5D%3A+") } }, { label: 'Translation Report/Request', click: async () => { const {shell} = require('electron') await shell.openExternal("https://github.com/ciderapp/Cider/issues/new?assignees=&labels=%F0%9F%8C%90+Translations&template=translation.yaml&title=%5BTranslation%5D%3A+") } }, ] }, ] } ] //@ts-ignore const menu = Menu.buildFromTemplate(template) Menu.setApplicationMenu(menu) } /** * Gets ip * @private */ private static getIP(): string { let ip: string = ''; let alias = 0; const ifaces: any = networkInterfaces(); for (let dev in ifaces) { ifaces[dev].forEach((details: any) => { if (details.family === 'IPv4') { if (!/(loopback|vmware|internal|hamachi|vboxnet|virtualbox)/gi.test(dev + (alias ? ':' + alias : ''))) { if (details.address.substring(0, 8) === '192.168.' || details.address.substring(0, 7) === '172.16.' || details.address.substring(0, 3) === '10.' ) { ip = details.address; ++alias; } } } }); } return ip; } /** * Broadcast the remote to the IP * @private */ private async broadcastRemote() { const myString = `http://${BrowserWindow.getIP()}:${this.remotePort}`; const mdns = require('mdns-js'); const encoded = new Buffer(myString).toString('base64'); const x = mdns.tcp('cider-remote'); const txt_record = { "Ver": "131077", 'DvSv': '3689', 'DbId': 'D41D8CD98F00B205', 'DvTy': 'Cider', 'OSsi': '0x212F0', 'txtvers': '1', "CtlN": "Cider", "iV": "196623" }; let server2 = mdns.createAdvertisement(x, `${await getPort({port: 3839})}`, { name: encoded, txt: txt_record }); server2.start(); console.log('remote broadcasted') } }