Merge pull request #223 from Mastermindzh/release/5.1.0

Release/5.1.0
fixed pacman icon
2025-09-10 13:54:41 +02:00 · 2023-04-27 15:30:09 +02:00 · 2023-04-27 15:07:40 +02:00 · 2023-04-27 14:29:28 +02:00 · 2023-04-27 14:13:32 +02:00 · 2023-04-27 11:35:10 +02:00
48 changed files with 5625 additions and 5641 deletions
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -16,17 +16,17 @@ jobs:
      - uses: actions/checkout@master
      - uses: actions/setup-node@master
        with:
-          node-version: 16
+          node-version: 19
      - run: npm install
      - run: npm run build

  build_on_mac:
-    runs-on: macOS-latest
+    runs-on: macos-latest
    steps:
      - uses: actions/checkout@master
      - uses: actions/setup-node@master
        with:
-          node-version: 16
+          node-version: 19
      - run: npm install
      - run: npm run build

@@ -36,6 +36,6 @@ jobs:
      - uses: actions/checkout@master
      - uses: actions/setup-node@master
        with:
-          node-version: 16
+          node-version: 19
      - run: npm install
      - run: npm run build
--- a/.gitignore
+++ b/.gitignore
@@ -7,3 +7,8 @@ build/linux/arch/*
 !build/linux/arch/.SRCINFO
 !build/linux/arch/tidal-hifi.desktop
 !build/linux/arch/install.sh
+*.css
+*.css.map
+
+# JetBrains IDE configuration
+.idea
--- a/.nvmrc
+++ b/.nvmrc
@@ -0,0 +1 @@
+19.8.1
--- a/.sass-cache/80ae838cce63531149daf490f23e4fe5c65c681b/settings.scssc
+++ b/.sass-cache/80ae838cce63531149daf490f23e4fe5c65c681b/settings.scssc
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,96 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

+## 5.1.0
+
+### New features
+
+- Added proper updates through the MediaSession API
+- You can now add custom CSS in the "advanced" settings tab
+- You can now configure the updateFrequency in the settings window
+  - Default value is set to 500 and will overwrite the hardcoded value of 100
+
+### Fixes
+
+- Any songs **including** an artist listed in the `skipped artists` setting will now be skipped even if the song is a collaboration.
+- Linux desktop icons have been fixed. See [#222](https://github.com/Mastermindzh/tidal-hifi/pull/222) for details.
+
+## 5.0.0
+
+- Replaced "muting artists" with a full implementation of an Adblock mechanism
+
+  > Disabled audio & visual ads, unlocked lyrics, suggested track, track info, unlimited skips thanks to uBlockOrigin custom filters ([source](https://github.com/uBlockOrigin/uAssets/issues/17495))
+
+- @thanasistrisp updated Electron to 24.1.2 and fixed the tray bug :)
+
+## 4.4.0
+
+- Updated shortcut hint on the menubar to reflect the new `ctrl+=` shortcut.
+- Reverted icon path to `icon.png` instead of the hardcoded linux path.
+- Add support to autoHide the menubar and showing it with the `alt` key.
+- Move the quit command from the system sub-menu to the main menu
+- Added single click focus/show on the tray icon
+  - Doesn't work on all platforms. Nothing I can do about that unfortunately!
+- Added a list of artists to automatically skip.
+  - I don't like the vast majority of dutch music so I added one of them to my list to test: [./docs/no-dutch-music.mp4](./docs/no-dutch-music.mp4)
+
+## 4.3.1
+
+- fix: App always requests a default-url-handler-scheme change on start
+
+## 4.3.0
+
+- Added a setting to disable background throttling ([docs](https://www.electronjs.org/docs/latest/api/browser-window))
+
+## 4.2.0
+
+- New settings window by BlueManCZ
+- Fixed the desktop files in electron-builder
+  - icon is set to new static path based on Arch/Debian
+  - Name has changed to Tidal-Hifi
+
+## 4.1.2
+
+- Changed the category of the desktop file to AudioVideo
+- Changed desktop file name to "TIDAL Hi-Fi"
+
+## 4.1.1
+
+- Fixed `cannot read property of undefined` error because of not passing mainWindow around.
+- vincens2005, fixed inconsistent auto muting
+
+## 4.1.0
+
+- Added `tidal://` protocol support
+- Switched icon strategies to fix bugs with icons
+- Fixed tray icon bugs
+  - Menu now shows in KDE as well
+  - Toggle window is supported from tray icon
+  - regular click is still ignored, see [this issue](https://github.com/electron/electron/issues/6773)
+- Fixed about tab not showing
+- Fixed playback, mpris and API issues
+
+## 4.0.1
+
+- Updated build config to make use of a base file that doesn't build anything.
+  - This fixes the issue of unwanted extra build targets that were introduced with the electron-builder update
+
+## 4.0.0
+
+- Updated to Electron 19.0.5
+
+## 3.1.1
+
+- Media update timeout set to 500 instead of 200
+- Updated property name for duration because of a tidal update
+- flag for "disable hardware media keys" now working again
+
+## 3.1.0
+
+- Added a separate advanced options settings panel with flags
+  - Added gpu-rasterization flag
+- config setting `disableHardwareMediaKeys` moved to `flags.disableHardwareMediaKeys`, it will be migrated automatically
+
 ## 3.0.0

 - Updated to Electron 15
--- a/README.md
+++ b/README.md
@@ -1,44 +1,48 @@
-<h1>
-Tidal-hifi
-<img src = "./build/icon.png" height="40" align="right" />
-</h1>
+# Tidal-hifi<img src = "./build/icon.png" height="40" align="right"/>
+
+![GitHub release](https://img.shields.io/github/release/Mastermindzh/tidal-hifi.svg)

 The web version of [listen.tidal.com](https://listen.tidal.com) running in electron with hifi support thanks to widevine.

 ![tidal-hifi preview](./docs/preview.png)

-## Table of contents
+## Table of Contents

 <!-- toc -->

 - [Installation](#installation)
+  - [Dependencies](#dependencies)
  - [Using releases](#using-releases)
-    - [Snap install](#snap-install)
+  - [Snap](#snap)
  - [Arch Linux](#arch-linux)
  - [Flatpak](#flatpak)
+  - [Nix](#nix)
  - [Using source](#using-source)
- [features](#features)
+- [Features](#features)
 - [Integrations](#integrations)
-  - [not included](#not-included)
  - [Known bugs](#known-bugs)
    - [last.fm doesn't work out of the box. Use rescrobbler as a workaround](#lastfm-doesnt-work-out-of-the-box-use-rescrobbler-as-a-workaround)
 - [Why](#why)
 - [Why not extend existing projects?](#why-not-extend-existing-projects)
- [Special thanks to...](#special-thanks-to)
+- [Special thanks to](#special-thanks-to)
 - [Buy me a coffee? Please don't](#buy-me-a-coffee-please-dont)
 - [Images](#images)
-  - [settings window](#settings-window)
-  - [user setups](#user-setups)
+  - [Settings window](#settings-window)
+  - [User setups](#user-setups)

 <!-- tocstop -->

 ## Installation

+### Dependencies
+
+Note that you **need** a notification library such as [libnotify](https://github.com/GNOME/libnotify) or [dunst](https://github.com/dunst-project/dunst) in order for the software to work properly.
+
 ### Using releases

 Various packaged versions of the software are available on the [releases](https://github.com/Mastermindzh/tidal-hifi/releases) tab.

-#### Snap install
+### Snap

 To install with `snap` you need to download the pre-packaged snap-package from this repository, found under releases:

@@ -70,6 +74,14 @@ To install via [Flatpak](https://flathub.org/apps/details/com.mastermindzh.tidal
 flatpak install flathub com.mastermindzh.tidal-hifi
 ```

+### Nix
+
+To install with Nix run the following command:
+
+```sh
+nix-env -iA nixpkgs.tidal-hifi
+```
+
 ### Using source

 To install and work with the code on this project follow these steps:
@@ -79,13 +91,13 @@ To install and work with the code on this project follow these steps:
 - npm install
 - npm start

-## features
+## Features

 - HiFi playback
 - Notifications
 - Custom hotkeys ([source](https://defkey.com/tidal-desktop-shortcuts))
 - API for status and playback
- [Mute artists automatically (defaults to "Tidal")]("./docs/muting-artists.md")
+- Disabled audio & visual ads, unlocked lyrics, suggested track, track info, and unlimited skips thanks to uBlockOrigin custom filters ([source](https://github.com/uBlockOrigin/uAssets/issues/17495))
 - Custom [integrations](#integrations)
 - [Settings feature](./docs/settings.png) to disable certain functionality. (`ctrl+=` or `ctrl+0`)
 - AlbumArt in integrations ([best-effort](https://github.com/Mastermindzh/tidal-hifi/pull/88#pullrequestreview-840814847))
@@ -102,7 +114,7 @@ It currently includes:
 - MPRIS - MPRIS media player controls/status
 - Discord - Shows what you're listening to on Discord.

-### not included
+Not included:

 - [i3 blocks config](https://github.com/Mastermindzh/dotfiles/commit/9714b2fa1d670108ce811d5511fd3b7a43180647) - My dotfiles where I use this app to fetch currently playing music (direct commit)

@@ -131,7 +143,7 @@ Whilst there are a handful of projects attempting to run Tidal on Electron they

 Sometimes it's just easier to start over, cover my own needs and then making it available to the public :)

-## Special thanks to...
+## Special thanks to

 - [Castlabs](https://castlabs.com/)
  For maintaining Electron with Widevine CDM installation, Verified Media Path (VMP), and persistent licenses (StorageID)
@@ -143,11 +155,11 @@ Inspired by [haydenjames' issue](https://github.com/Mastermindzh/tidal-hifi/issu

 ## Images

-### settings window
+### Settings window

 ![settings window](./docs/settings-preview.png)

-### user setups
+### User setups

 Some of our users are kind enough to share their usage pictures.
 If you want to see them or possibly even add one please do so in the following issue: [#3 - image thread](https://github.com/Mastermindzh/tidal-hifi/issues/3).
--- a/assets/icons/128x128.png
+++ b/assets/icons/128x128.png
--- a/assets/icons/16x16.png
+++ b/assets/icons/16x16.png
--- a/assets/icons/22x22.png
+++ b/assets/icons/22x22.png
--- a/assets/icons/24x24.png
+++ b/assets/icons/24x24.png
--- a/assets/icons/256x256.png
+++ b/assets/icons/256x256.png
--- a/assets/icons/32x32.png
+++ b/assets/icons/32x32.png
--- a/assets/icons/384x384.png
+++ b/assets/icons/384x384.png
--- a/assets/icons/48x48.png
+++ b/assets/icons/48x48.png
--- a/assets/icons/64x64.png
+++ b/assets/icons/64x64.png
--- a/build/electron-builder.base.yml
+++ b/build/electron-builder.base.yml
@@ -0,0 +1,40 @@
+appId: com.rickvanlieshout.tidal-hifi
+electronVersion: 24.1.2
+electronDownload:
+  version: 24.1.2+wvcus
+  mirror: https://github.com/castlabs/electron-releases/releases/download/v
+snap:
+  plugs:
+    - default
+    - screen-inhibit-control
+linux:
+  category: AudioVideo
+  icon: assets/icons
+  target:
+    - dir
+  executableName: tidal-hifi
+  desktop:
+    Encoding: UTF-8
+    Name: TIDAL Hi-Fi
+    GenericName: TIDAL Hi-Fi
+    Comment: The web version of listen.tidal.com running in electron with hifi support thanks to widevine.
+    Icon: tidal-hifi
+    StartupNotify: true
+    Terminal: false
+    Type: Application
+    Categories: Network;Application;AudioVideo;Audio;Video
+    StartupWMClass: tidal-hifi
+    X-PulseAudio-Properties: media.role=music
+    MimeType: x-scheme-handler/tidal;
+
+mac:
+  category: public.app-category.entertainment
+win:
+  icon: icon.png
+  artifactName: "tidalhifi"
+  appId: com.rickvanlieshout.tidalhifi
+  executableName: tidalhifi
+protocols:
+  name: "tidal"
+  role: "Viewer"
+  schemes: ["tidal"]
--- a/build/electron-builder.deb.yml
+++ b/build/electron-builder.deb.yml
@@ -1,6 +1,4 @@
-extends: ./build/electron-builder.yml
+extends: ./build/electron-builder.base.yml
 linux:
-  category: Audio
-  icon: ./assets/icon.png
  target:
    - deb
--- a/build/electron-builder.pacman.yml
+++ b/build/electron-builder.pacman.yml
@@ -1,6 +1,4 @@
-extends: ./build/electron-builder.yml
+extends: ./build/electron-builder.base.yml
 linux:
-  category: Audio
-  icon: ./assets/icon.png
  target:
    - pacman
--- a/build/electron-builder.rpm.yml
+++ b/build/electron-builder.rpm.yml
@@ -1,6 +1,4 @@
-extends: ./build/electron-builder.yml
+extends: ./build/electron-builder.base.yml
 linux:
-    category: Audio
-    icon: ./assets/TIDAL.icns
  target:
    - rpm
--- a/build/electron-builder.snap.yml
+++ b/build/electron-builder.snap.yml
@@ -1,6 +1,4 @@
-extends: ./build/electron-builder.yml
+extends: ./build/electron-builder.base.yml
 linux:
-  category: Audio
-  icon: ./assets/icon.png
  target:
    - snap
--- a/build/electron-builder.unpacked.yml
+++ b/build/electron-builder.unpacked.yml
@@ -1,4 +1,4 @@
-extends: ./build/electron-builder.yml
+extends: ./build/electron-builder.base.yml
 linux:
  target:
    - dir
--- a/build/electron-builder.yml
+++ b/build/electron-builder.yml
@@ -1,14 +1,5 @@
-appId: com.rickvanlieshout.tidal-hifi
-electronVersion: 15.5.2
-electronDownload:
-  version: 15.5.2-wvvmp
-  mirror: https://github.com/castlabs/electron-releases/releases/download/v
-snap:
-  plugs:
-    - default
-    - screen-inhibit-control
+extends: ./build/electron-builder.base.yml
 linux:
-  category: Audio
  target:
    - pacman
    - tar.gz
@@ -17,24 +8,9 @@ linux:
    - AppImage
    - snap
    - freebsd
-  executableName: tidal-hifi
-  desktop:
-    Encoding: UTF-8
-    Name: tidal-hifi
-    GenericName: tidal-hifi
-    Comment: The web version of listen.tidal.com running in electron with hifi support thanks to widevine.
-    Icon: assets/icon.png
-    StartupNotify: true
-    Terminal: false
-    Type: Application
-    Categories: Network;Application;AudioVideo;Audio;Video
-    StartupWMClass: tidal-hifi
-    X-PulseAudio-Properties: media.role=music
-mac:
-  category: public.app-category.entertainment
 win:
  target: msi
-  icon: build/icon.png
+  icon: icon.png
  artifactName: "tidalhifi"
  appId: com.rickvanlieshout.tidalhifi
  executableName: tidalhifi
--- a/build/icon-inverted.png
+++ b/build/icon-inverted.png
--- a/build/icon.icns
+++ b/build/icon.icns
--- a/docs/muting-artists.md
+++ b/docs/muting-artists.md
@@ -1,11 +0,0 @@
-# Muting artists
-
-If you feel that some of your music is embarrassing for others you can mute specific artists in the settings window.
-This functionality is inspired by the [adblock ticket](https://github.com/Mastermindzh/tidal-hifi/issues/112), and whilst I personally feel you should simply buy Tidal, I also believe in muting sound that you don't want to hear.
-
-Anyway, to block an artist, open the settings window (see image below) and enter a list of artists in the textarea as seen below.
-Don't forget to turn the feature on and Tidal-hifi will automatically mute the player whenever that artist is playing.
-
-This will allow you to skip the song without anyone noticing. (you can always say "no idea, it seems to have no audio").
-
-![muted artists settings window](./settings-muted-artists.png)
--- a/docs/no-dutch-music.mp4
+++ b/docs/no-dutch-music.mp4
--- a/docs/settings-muted-artists.png
+++ b/docs/settings-muted-artists.png
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -1,18 +1,25 @@
 {
  "name": "tidal-hifi",
-  "version": "3.0.0",
+  "version": "5.1.0",
  "description": "Tidal on Electron with widevine(hifi) support",
  "main": "src/main.js",
  "scripts": {
    "start": "electron .",
-    "build": "electron-builder --publish=never -c ./build/electron-builder.yml",
-    "build-deb": "electron-builder --publish=never -c ./build/electron-builder.deb.yml",
-    "build-unpacked": "electron-builder --publish=never -c ./build/electron-builder.unpacked.yml",
-    "build-rpm": "electron-builder --publish=never -c ./build/electron-builder.rpm.yml",
-    "build-snap": "electron-builder --publish=never -c ./build/electron-builder.snap.yml",
-    "build-arch": "electron-builder --publish=never -c ./build/electron-builder.pacman.yml",
-    "build-wl": "electron-builder --publish=never -c ./build/electron-builder.yml -wl",
-    "build-mac": "electron-builder --publish=never -c ./build/electron-builder.yml -m"
+    "build": "npm run builder -- -c ./build/electron-builder.yml",
+    "build-deb": "npm run builder -- -c ./build/electron-builder.deb.yml",
+    "build-unpacked": "npm run builder -- -c ./build/electron-builder.unpacked.yml",
+    "build-rpm": "npm run builder -- -c ./build/electron-builder.rpm.yml",
+    "build-snap": "npm run builder -- -c ./build/electron-builder.snap.yml",
+    "build-arch": "npm run builder -- -c ./build/electron-builder.pacman.yml",
+    "build-wl": "npm run builder -- -c ./build/electron-builder.yml -wl",
+    "build-mac": "npm run builder -- -c ./build/electron-builder.yml -m",
+    "build-base": "npm run builder -- -c ./build/electron-builder.base.yml",
+    "prestart": "npm run sass",
+    "prebuilder": "npm run sass",
+    "builder": "electron-builder --publish=never",
+    "sass": "sass ./src/pages/settings/settings.scss ./src/pages/settings/settings.css",
+    "sass-lint": "sass-lint -vc ./sass-lint.yml ./src/pages/settings/settings.scss",
+    "sass-lint-fix": "sass-lint-auto-fix ./src/pages/settings/settings.scss --config-sass-lint ./sass-lint.yml"
  },
  "keywords": [
    "electron",
@@ -24,19 +31,24 @@
  "homepage": "https://github.com/Mastermindzh/tidal-hifi",
  "license": "MIT",
  "dependencies": {
-    "@electron/remote": "^2.0.8",
+    "@electron/remote": "^2.0.9",
    "discord-rpc": "^4.0.1",
-    "electron-store": "^8.0.1",
-    "express": "^4.17.1",
-    "hotkeys-js": "^3.8.7",
+    "electron-store": "^8.1.0",
+    "express": "^4.18.2",
+    "hotkeys-js": "^3.10.2",
    "mpris-service": "^2.1.2",
-    "request": "^2.88.2"
+    "request": "^2.88.2",
+    "sass": "^1.62.0"
  },
  "devDependencies": {
    "@mastermindzh/prettier-config": "^1.0.0",
-    "electron": "git+https://github.com/castlabs/electron-releases.git#v15.5.2-wvvmp",
-    "electron-builder": "^22.14.5",
-    "prettier": "^2.5.0"
+    "electron": "git+https://github.com/castlabs/electron-releases.git#v24.1.2+wvcus",
+    "electron-builder": "^24.2.1",
+    "js-yaml": "^4.1.0",
+    "markdown-toc": "^1.2.0",
+    "prettier": "^2.8.7",
+    "sass-lint": "^1.13.1",
+    "sass-lint-auto-fix": "^0.21.2"
  },
  "prettier": "@mastermindzh/prettier-config"
 }
--- a/sass-lint.yml
+++ b/sass-lint.yml
@@ -0,0 +1,21 @@
+rules:
+  property-sort-order:
+    - 1
+    - order: "smacss"
+  class-name-format:
+    - 1
+    - convention: "hyphenatedbem"
+  quotes:
+    - 1
+    - style: "double"
+  nesting-depth:
+    - 1
+    - max-depth: 3
+  placeholder-in-extend:
+    - 0
+  no-vendor-prefixes:
+    - 0
+  empty-line-between-blocks:
+    - 0
+  force-pseudo-nesting:
+    - 0
--- a/src/constants/flags.js
+++ b/src/constants/flags.js
@@ -0,0 +1,6 @@
+const flags = {
+  gpuRasterization: [{ flag: "enable-gpu-rasterization", value: undefined }],
+  disableHardwareMediaKeys: [{ flag: "disable-features", value: "HardwareMediaKeyHandling" }],
+};
+
+module.exports = flags;
--- a/src/constants/settings.js
+++ b/src/constants/settings.js
@@ -9,28 +9,36 @@
 *    windowBounds: { width: 800, height: 600 },
 */
 const settings = {
-  notifications: "notifications",
+  adBlock: "adBlock",
  api: "api",
-  menuBar: "menuBar",
-  playBackControl: "playBackControl",
-  muteArtists: "muteArtists",
-  mutedArtists: "mutedArtists",
  apiSettings: {
    root: "apiSettings",
    port: "apiSettings.port",
  },
-  singleInstance: "singleInstance",
+  customCSS: "customCSS",
+  disableBackgroundThrottle: "disableBackgroundThrottle",
  disableHardwareMediaKeys: "disableHardwareMediaKeys",
-  mpris: "mpris",
  enableCustomHotkeys: "enableCustomHotkeys",
-  trayIcon: "trayIcon",
  enableDiscord: "enableDiscord",
+  flags: {
+    disableHardwareMediaKeys: "flags.disableHardwareMediaKeys",
+    gpuRasterization: "flags.gpuRasterization",
+  },
+  menuBar: "menuBar",
+  minimizeOnClose: "minimizeOnClose",
+  mpris: "mpris",
+  notifications: "notifications",
+  playBackControl: "playBackControl",
+  singleInstance: "singleInstance",
+  skipArtists: "skipArtists",
+  skippedArtists: "skippedArtists",
+  trayIcon: "trayIcon",
+  updateFrequency: "updateFrequency",
  windowBounds: {
    root: "windowBounds",
    width: "windowBounds.width",
    height: "windowBounds.height",
  },
-  minimizeOnClose: "minimizeOnClose",
 };

 module.exports = settings;
--- a/src/constants/values.js
+++ b/src/constants/values.js
@@ -0,0 +1,3 @@
+module.exports = {
+  name: "tidal-hifi",
+};
--- a/src/main.js
+++ b/src/main.js
@@ -1,5 +1,13 @@
 require("@electron/remote/main").initialize();
-const { app, BrowserWindow, globalShortcut, ipcMain } = require("electron");
+const {
+  app,
+  BrowserWindow,
+  components,
+  globalShortcut,
+  ipcMain,
+  protocol,
+  session,
+} = require("electron");
 const {
  settings,
  store,
@@ -17,20 +25,31 @@ const mediaKeys = require("./constants/mediaKeys");
 const mediaInfoModule = require("./scripts/mediaInfo");
 const discordModule = require("./scripts/discord");
 const globalEvents = require("./constants/globalEvents");
+const flagValues = require("./constants/flags");

 let mainWindow;
 let icon = path.join(__dirname, "../assets/icon.png");
+const PROTOCOL_PREFIX = "tidal";
+
+setFlags();
+
+function setFlags() {
+  const flags = store.get().flags;
+  if (flags) {
+    for (const [key, value] of Object.entries(flags)) {
+      if (value) {
+        flagValues[key].forEach((flag) => {
+          console.log(`enabling command line switch ${flag.flag} with value ${flag.value}`);
+          app.commandLine.appendSwitch(flag.flag, flag.value);
+        });
+      }
+    }
+  }

  /**
   * Fix Display Compositor issue.
   */
  app.commandLine.appendSwitch("disable-seccomp-filter-sandbox");
-
-/**
- * Disable media keys when requested
- */
-if (store.get(settings.disableHardwareMediaKeys)) {
-  app.commandLine.appendSwitch("disable-features", "HardwareMediaKeyHandling");
 }

 /**
@@ -38,7 +57,10 @@ if (store.get(settings.disableHardwareMediaKeys)) {
 *
 */
 function syncMenuBarWithStore() {
-  mainWindow.setMenuBarVisibility(store.get(settings.menuBar));
+  const fixedMenuBar = store.get(settings.menuBar);
+
+  mainWindow.autoHideMenuBar = !fixedMenuBar;
+  mainWindow.setMenuBarVisibility(fixedMenuBar);
 }

 /**
@@ -67,19 +89,26 @@ function createWindow(options = {}) {
    height: store && store.get(settings.windowBounds.height),
    icon,
    backgroundColor: options.backgroundColor,
+    autoHideMenuBar: true,
    webPreferences: {
+      sandbox: false,
      preload: path.join(__dirname, "preload.js"),
      plugins: true,
      devTools: true, // I like tinkering, others might too
    },
  });
  require("@electron/remote/main").enable(mainWindow.webContents);
-
+  registerHttpProtocols();
  syncMenuBarWithStore();

  // load the Tidal website
  mainWindow.loadURL(tidalUrl);

+  if (store.get(settings.disableBackgroundThrottle)) {
+    // prevent setInterval lag
+    mainWindow.webContents.setBackgroundThrottling(false);
+  }
+
  // run stuff after first load
  mainWindow.webContents.once("did-finish-load", () => {});

@@ -103,6 +132,15 @@ function createWindow(options = {}) {
  });
 }

+function registerHttpProtocols() {
+  protocol.registerHttpProtocol(PROTOCOL_PREFIX, (request, _callback) => {
+    mainWindow.loadURL(`${tidalUrl}/${request.url.substring(PROTOCOL_PREFIX.length + 3)}`);
+  });
+  if (!app.isDefaultProtocolClient(PROTOCOL_PREFIX)) {
+    app.setAsDefaultProtocolClient(PROTOCOL_PREFIX);
+  }
+}
+
 function addGlobalShortcuts() {
  Object.keys(mediaKeys).forEach((key) => {
    globalShortcut.register(`${key}`, () => {
@@ -114,16 +152,26 @@ function addGlobalShortcuts() {
 // 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", () => {
+app.on("ready", async () => {
  if (isMainInstanceOrMultipleInstancesAllowed()) {
+    await components.whenReady();
+
+    // Adblock
+    if (store.get(settings.adBlock)) {
+      const filter = { urls: ["https://listen.tidal.com/*"] };
+      session.defaultSession.webRequest.onBeforeRequest(filter, (details, callback) => {
+        if (details.url.match(/\/users\/.*\d\?country/)) callback({ cancel: true });
+        else callback({ cancel: false });
+      });
+    }
+
    createWindow();
-    addMenu();
+    addMenu(mainWindow);
    createSettingsWindow();
    addGlobalShortcuts();
-    store.get(settings.trayIcon) && addTray({ icon }) && refreshTray();
+    store.get(settings.trayIcon) && addTray(mainWindow, { icon }) && refreshTray();
    store.get(settings.api) && expressModule.run(mainWindow);
    store.get(settings.enableDiscord) && discordModule.initRPC();
-    // mainWindow.webContents.openDevTools();
  } else {
    app.quit();
  }
--- a/src/pages/settings/fonts/NotoSans-Bold.ttf
+++ b/src/pages/settings/fonts/NotoSans-Bold.ttf
--- a/src/pages/settings/fonts/NotoSans-Light.ttf
+++ b/src/pages/settings/fonts/NotoSans-Light.ttf
--- a/src/pages/settings/fonts/NotoSans-Regular.ttf
+++ b/src/pages/settings/fonts/NotoSans-Regular.ttf
--- a/src/pages/settings/fonts/NotoSans-SemiBold.ttf
+++ b/src/pages/settings/fonts/NotoSans-SemiBold.ttf
--- a/src/pages/settings/preload.js
+++ b/src/pages/settings/preload.js
@@ -1,17 +1,22 @@
-let trayIcon,
-  minimizeOnClose,
-  mpris,
+let adBlock,
+  api,
+  customCSS,
+  disableBackgroundThrottle,
+  disableHardwareMediaKeys,
  enableCustomHotkeys,
  enableDiscord,
-  muteArtists,
+  gpuRasterization,
+  menuBar,
+  minimizeOnClose,
+  mpris,
  notifications,
  playBackControl,
-  api,
  port,
-  menuBar,
-  mutedArtists,
  singleInstance,
-  disableHardwareMediaKeys;
+  skipArtists,
+  skippedArtists,
+  trayIcon,
+  updateFrequency;

 const { store, settings } = require("./../../scripts/settings");
 const { ipcRenderer } = require("electron");
@@ -22,20 +27,25 @@ const { app } = remote;
 * Sync the UI forms with the current settings
 */
 function refreshSettings() {
-  notifications.checked = store.get(settings.notifications);
-  playBackControl.checked = store.get(settings.playBackControl);
+  adBlock.checked = store.get(settings.adBlock);
  api.checked = store.get(settings.api);
-  port.value = store.get(settings.apiSettings.port);
-  menuBar.checked = store.get(settings.menuBar);
-  trayIcon.checked = store.get(settings.trayIcon);
-  mpris.checked = store.get(settings.mpris);
+  customCSS.value = store.get(settings.customCSS);
+  disableBackgroundThrottle.checked = store.get("disableBackgroundThrottle");
+  disableHardwareMediaKeys.checked = store.get(settings.flags.disableHardwareMediaKeys);
  enableCustomHotkeys.checked = store.get(settings.enableCustomHotkeys);
  enableDiscord.checked = store.get(settings.enableDiscord);
+  gpuRasterization.checked = store.get(settings.flags.gpuRasterization);
+  menuBar.checked = store.get(settings.menuBar);
  minimizeOnClose.checked = store.get(settings.minimizeOnClose);
-  muteArtists.checked = store.get(settings.muteArtists);
-  mutedArtists.value = store.get(settings.mutedArtists).join("\n");
+  mpris.checked = store.get(settings.mpris);
+  notifications.checked = store.get(settings.notifications);
+  playBackControl.checked = store.get(settings.playBackControl);
+  port.value = store.get(settings.apiSettings.port);
  singleInstance.checked = store.get(settings.singleInstance);
-  disableHardwareMediaKeys.checked = store.get(settings.disableHardwareMediaKeys);
+  skipArtists.checked = store.get(settings.skipArtists);
+  skippedArtists.value = store.get(settings.skippedArtists).join("\n");
+  trayIcon.checked = store.get(settings.trayIcon);
+  updateFrequency.value = store.get(settings.updateFrequency);
 }

 /**
@@ -58,7 +68,7 @@ function hide() {
 */
 function restart() {
  app.relaunch();
-  app.quit();
+  app.exit();
 }

 /**
@@ -71,7 +81,7 @@ window.addEventListener("DOMContentLoaded", () => {

  document.getElementById("close").addEventListener("click", hide);
  document.getElementById("restart").addEventListener("click", restart);
-  document.querySelectorAll("#openExternal").forEach((elem) =>
+  document.querySelectorAll(".external-link").forEach((elem) =>
    elem.addEventListener("click", function (event) {
      openExternal(event.target.getAttribute("data-url"));
    })
@@ -103,35 +113,45 @@ window.addEventListener("DOMContentLoaded", () => {
    document.getElementById(tab).click();
  });

-  notifications = get("notifications");
-  playBackControl = get("playBackControl");
+  adBlock = get("adBlock");
  api = get("apiCheckbox");
-  port = get("port");
-  menuBar = get("menuBar");
-  trayIcon = get("trayIcon");
-  minimizeOnClose = get("minimizeOnClose");
-  mpris = get("mprisCheckbox");
+  customCSS = get("customCSS");
+  disableBackgroundThrottle = get("disableBackgroundThrottle");
+  disableHardwareMediaKeys = get("disableHardwareMediaKeys");
  enableCustomHotkeys = get("enableCustomHotkeys");
  enableDiscord = get("enableDiscord");
-  muteArtists = get("muteArtists");
-  mutedArtists = get("mutedArtists");
+  gpuRasterization = get("gpuRasterization");
+  menuBar = get("menuBar");
+  minimizeOnClose = get("minimizeOnClose");
+  mpris = get("mprisCheckbox");
+  notifications = get("notifications");
+  playBackControl = get("playBackControl");
+  port = get("port");
+  trayIcon = get("trayIcon");
+  skipArtists = get("skipArtists");
+  skippedArtists = get("skippedArtists");
  singleInstance = get("singleInstance");
-  disableHardwareMediaKeys = get("disableHardwareMediaKeys");
+  updateFrequency = get("updateFrequency");

  refreshSettings();

-  addInputListener(notifications, settings.notifications);
-  addInputListener(playBackControl, settings.playBackControl);
+  addInputListener(adBlock, settings.adBlock);
  addInputListener(api, settings.api);
-  addInputListener(port, settings.apiSettings.port);
-  addInputListener(menuBar, settings.menuBar);
-  addInputListener(trayIcon, settings.trayIcon);
-  addInputListener(mpris, settings.mpris);
+  addTextAreaListener(customCSS, settings.customCSS);
+  addInputListener(disableBackgroundThrottle, settings.disableBackgroundThrottle);
+  addInputListener(disableHardwareMediaKeys, settings.flags.disableHardwareMediaKeys);
  addInputListener(enableCustomHotkeys, settings.enableCustomHotkeys);
  addInputListener(enableDiscord, settings.enableDiscord);
+  addInputListener(gpuRasterization, settings.flags.gpuRasterization);
+  addInputListener(menuBar, settings.menuBar);
  addInputListener(minimizeOnClose, settings.minimizeOnClose);
-  addInputListener(muteArtists, settings.muteArtists);
-  addTextAreaListener(mutedArtists, settings.mutedArtists);
+  addInputListener(mpris, settings.mpris);
+  addInputListener(notifications, settings.notifications);
+  addInputListener(playBackControl, settings.playBackControl);
+  addInputListener(port, settings.apiSettings.port);
+  addInputListener(skipArtists, settings.skipArtists);
+  addTextAreaListener(skippedArtists, settings.skippedArtists);
  addInputListener(singleInstance, settings.singleInstance);
-  addInputListener(disableHardwareMediaKeys, settings.disableHardwareMediaKeys);
+  addInputListener(trayIcon, settings.trayIcon);
+  addInputListener(updateFrequency, settings.updateFrequency);
 });
--- a/src/pages/settings/settings.html
+++ b/src/pages/settings/settings.html
@@ -2,519 +2,302 @@
 <html lang="en">

 <head>
-    <title>Tidal-hifi settings</title>
+  <title>Tidal Hi-Fi settings</title>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+  <link rel="stylesheet" href="./settings.css" />
 </head>

-<body>
-    <div class="header">
-        <h1 class="title">Settings</h1>
-        <a id="close" style="cursor: pointer;" class="exitWindow">
-
-            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 348.333 348.334">
-                <g>
+<body class="settings-window">
+  <div class="settings-window__wrapper">
+    <div class="settings-window__drag-area"></div>
+    <a id="close" class="settings-window__close-button" title="Close settings">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 348.333 348.334" class="settings-window__svg-icon">
        <path fill="white" d="M336.559,68.611L231.016,174.165l105.543,105.549c15.699,15.705,15.699,41.145,0,56.85
            c-7.844,7.844-18.128,11.769-28.407,11.769c-10.296,0-20.581-3.919-28.419-11.769L174.167,231.003L68.609,336.563
            c-7.843,7.844-18.128,11.769-28.416,11.769c-10.285,0-20.563-3.919-28.413-11.769c-15.699-15.698-15.699-41.139,0-56.85
            l105.54-105.549L11.774,68.611c-15.699-15.699-15.699-41.145,0-56.844c15.696-15.687,41.127-15.687,56.829,0l105.563,105.554
            L279.721,11.767c15.705-15.687,41.139-15.687,56.832,0C352.258,27.466,352.258,52.912,336.559,68.611z" />
      </svg>
-
    </a>
-    </div>
-    <div class="body">
-        <div class="tabset">
-            <!-- Tab 1 -->
-            <input type="radio" name="tabset" id="general" checked />
-            <label for="general">General</label>
-            <!-- Tab 2 -->
-            <input type="radio" name="tabset" id="api" />
-            <label for="api">Api</label>

-            <!-- Integrations tab -->
-            <input type="radio" name="tabset" id="integrations" />
+    <main class="settings">
+      <input type="radio" name="tab" id="general" checked />
+      <label for="general">General</label>
+
+      <input type="radio" name="tab" id="api" />
+      <label for="api">API</label>
+
+      <input type="radio" name="tab" id="integrations" />
      <label for="integrations">Integrations</label>

-            <!-- about tab -->
-            <input type="radio" name="tabset" id="about" />
+      <input type="radio" name="tab" id="advanced" />
+      <label for="advanced">Advanced</label>
+
+      <input type="radio" name="tab" id="about" />
      <label for="about">About</label>

-            <div class="tab-panels">
-                <section id="general" class="tab-panel">
-                    <div class="section">
-                        <h3>Playback</h3>
-                        <div class="option">
+      <div class="tabs">
+        <section id="general-section" class="tabs__section">
+          <div class="group">
+            <p class="group__title">Playback</p>
+            <div class="group__option">
+              <div class="group__description">
                <h4>Notifications</h4>
-                            <p>
-                                Whether to show a notification when a new song starts.
-                            </p>
+                <p>Show a notification when a new song starts.</p>
+              </div>
              <label class="switch">
-                                <input id="notifications" type="checkbox">
-                                <span class="slider round"></span>
+                <input id="notifications" type="checkbox" />
+                <span class="switch__slider"></span>
              </label>
            </div>
-                        <div class="option">
-                            <h4>Mute Artists automatically</h4>
-                            <p>
-                                The following list of artists (1 per line) will be muted automatically.
-                            </p>
-                            <label class="switch" style="margin-bottom:10px">
-                              <input id="muteArtists" type="checkbox">
-                              <span class="slider round" ></span>
-                          </label>
-                          <textarea id="mutedArtists" cols="40" rows="5"></textarea>
+            <div class="group__option">
+              <div class="group__description">
+                <h4>Skip Artists automatically</h4>
+                <p>The following list of artists (1 per line) will be skipped automatically.</p>
              </div>
-                    </div>
-                    <div class="section">
-                        <h3>UI</h3>
-                        <div class="option">
-                            <h4>Menubar</h4>
-                            <p>
-                                Show Tidal-hifi's menu bar
-                            </p>
              <label class="switch">
-                                <input id="menuBar" type="checkbox">
-                                <span class="slider round"></span>
+                <input id="skipArtists" type="checkbox" />
+                <span class="switch__slider"></span>
+              </label>
+            </div>
+            <textarea id="skippedArtists" class="textarea" cols="40" rows="5" spellcheck="false"></textarea>
+            <div class="group__option">
+              <div class="group__description">
+                <h4>Block ads</h4>
+                <p>
+                  Disabled audio & visual ads, unlocked lyrics, suggested track, track info,
+                  unlimited skips
+                </p>
+              </div>
+              <label class="switch">
+                <input id="adBlock" type="checkbox" />
+                <span class="switch__slider"></span>
              </label>
            </div>
          </div>
-                    <div class="section">
-                      <h3>System</h3>
-                      <div class="option">
+          <div class="group">
+            <p class="group__title">UI</p>
+            <div class="group__option">
+              <div class="group__description">
+                <h4>Fixed menubar</h4>
+                <p>Always show TIDAL Hi-Fi's menu bar.</p>
+              </div>
+              <label class="switch">
+                <input id="menuBar" type="checkbox" />
+                <span class="switch__slider"></span>
+              </label>
+            </div>
+          </div>
+          <div class="group">
+            <p class="group__title">System</p>
+            <div class="group__option">
+              <div class="group__description">
                <h4>Tray icon</h4>
-                          <p>
-                              Show Tidal-hifi's tray icon<br />
-                          </p>
+                <p>Show TIDAL Hi-Fi's tray icon.</p>
+              </div>
              <label class="switch">
-                              <input id="trayIcon" type="checkbox">
-                              <span class="slider round"></span>
+                <input id="trayIcon" type="checkbox" />
+                <span class="switch__slider"></span>
              </label>
            </div>
-                      <div class="option">
+            <div class="group__option">
+              <div class="group__description">
                <h4>Minimize on Close</h4>
-                        <p>
-                            Minimize window on close instead <br />
-                        </p>
+                <p>Minimize window on close instead.</p>
+              </div>
              <label class="switch">
-                            <input id="minimizeOnClose" type="checkbox">
-                            <span class="slider round"></span>
+                <input id="minimizeOnClose" type="checkbox" />
+                <span class="switch__slider"></span>
              </label>
            </div>
-                      <div class="option">
+            <div class="group__option">
+              <div class="group__description">
                <h4>Hotkeys</h4>
                <p>
-                            Enables extra hotkeys to achieve feature parity with the <a id="openExternal" style="text-decoration: underline; cursor: pointer;" data-url= "https://defkey.com/tidal-desktop-shortcuts">desktop apps</a><br />
+                  Enable extra hotkeys to achieve feature parity with the
+                  <a class="external-link" data-url="https://defkey.com/tidal-desktop-shortcuts">desktop apps</a>.
                </p>
+              </div>
              <label class="switch">
-                            <input id="enableCustomHotkeys" type="checkbox">
-                            <span class="slider round"></span>
+                <input id="enableCustomHotkeys" type="checkbox" />
+                <span class="switch__slider"></span>
              </label>
            </div>
-                      <div class="option">
+            <div class="group__option">
+              <div class="group__description">
                <h4>Single instance</h4>
-                        <p>
-                            Prevent opening multiple tidal-hifi instances
-                        </p>
-                        <label class="switch">
-                            <input id="singleInstance" type="checkbox">
-                            <span class="slider round"></span>
-                        </label>
+                <p>Prevent opening multiple TIDAL Hi-Fi's instances.</p>
              </div>
-                      <div class="option">
-                        <h4>Disable hardware media keys</h4>
-                        <p>
-                            Disable built-in media keys. <br />
-                            Also prevents certain desktop environments from recognizing the chrome MPRIS client separetely from the custom MPRIS client.
-                        </p>
              <label class="switch">
-                            <input id="disableHardwareMediaKeys" type="checkbox">
-                            <span class="slider round"></span>
+                <input id="singleInstance" type="checkbox" />
+                <span class="switch__slider"></span>
              </label>
            </div>
          </div>
        </section>
-                <section id="api" class="tab-panel">
-                    <div class="section">
-                        <h3>Api</h3>
-                        <p style="margin-bottom: 15px;">
-                            Tidal-hifi has a web api built in to allow users to get current song information. You can optionally enable playback control as well.
-                        </p>

-                        <div class="option">
+        <section id="api-section" class="tabs__section">
+          <div class="group">
+            <p class="group__title">API</p>
+            <div class="group__description">
+              <p>
+                TIDAL Hi-Fi has a built-in web API to allow users to get current song information.
+                You can optionally enable playback control as well.
+              </p>
+            </div>
+            <div class="group__option">
+              <div class="group__description">
                <h4>Web API</h4>
-                            <p>
-                                Whether to enable the Tidal-hifi web api
-                            </p>
+                <p>Enable the TIDAL Hi-Fi web API.</p>
+              </div>
              <label class="switch">
-                                <input id="apiCheckbox" type="checkbox">
-                                <span class="slider round"></span>
+                <input id="apiCheckbox" type="checkbox" />
+                <span class="switch__slider"></span>
              </label>
            </div>
-                        <div class="option">
-                            <h4 style="margin-bottom: 5px;">API port</h4>
-                            <input id="port" type="text" class="freeTextInput" name="port">
+            <div class="group__option">
+              <div class="group__description">
+                <label for="port">API port</label>
+                <input id="port" type="number" class="text-input" name="port" />
              </div>
-                        <div class="option">
+            </div>
+            <div class="group__option">
+              <div class="group__description">
                <h4>Playback control</h4>
-                            <p>
-                                Whether to enable playback control from the api
-                            </p>
+                <p>Enable playback control from the web API.</p>
+              </div>
              <label class="switch">
-                                <input id="playBackControl" type="checkbox">
-                                <span class="slider round"></span>
+                <input id="playBackControl" type="checkbox" />
+                <span class="switch__slider"></span>
              </label>
            </div>
          </div>
        </section>
-                <section id="integrations" class="tab-panel">
-                  <div class="section">
-                      <h3>integrations</h3>
-                      <p style="margin-bottom: 15px;">
-                          Tidal-hifi is extensible through the use of integrations. You can enable or disable integrations here
-                      </p>
-                      <div class="option">
-                          <h4>MPRIS-player</h4>
+
+        <section id="integrations-section" class="tabs__section">
+          <div class="group">
+            <p class="group__title">Integrations</p>
+            <div class="group__description">
              <p>
-                              Whether to enable the MPRIS media player controls for Linux systems
+                TIDAL Hi-Fi is extensible through the use of integrations. You can enable or
+                disable them here.
              </p>
+            </div>
+            <div class="group__option">
+              <div class="group__description">
+                <h4>MPRIS</h4>
+                <p>
+                  Enable MPRIS interface which provides a mechanism for discovery, querying and
+                  basic playback control on Linux systems.
+                </p>
+              </div>
              <label class="switch">
-                              <input id="mprisCheckbox" type="checkbox">
-                              <span class="slider round"></span>
+                <input id="mprisCheckbox" type="checkbox" />
+                <span class="switch__slider"></span>
              </label>
            </div>
-                      <div class="option">
+            <div class="group__option">
+              <div class="group__description">
                <h4>Discord RPC</h4>
-                        <p>
-                            Show what you're listening to on Discord
-                        </p>
+                <p>Show what you're listening to on Discord.</p>
+              </div>
              <label class="switch">
-                            <input id="enableDiscord" type="checkbox">
-                            <span class="slider round"></span>
+                <input id="enableDiscord" type="checkbox" />
+                <span class="switch__slider"></span>
              </label>
            </div>
          </div>
        </section>
-                <section id="about" class="tab-panel">
-                  <div class="section">
-                    <img alt="tidal icon" style="width: 100px; height: auto; display: block; margin: 0 auto; margin-bottom: 20px; margin-top: 20px;" src = "./icon.png">
-                    <p style="max-width: 350px; display:block; margin: 0 auto; text-align: center;">
-                      <a id="openExternal" style="text-decoration: underline; cursor: pointer;" data-url="https://github.com/Mastermindzh/tidal-hifi">Tidal-hifi</a> is made by <a id="openExternal" data-url="https://www.rickvanlieshout.com" style="text-decoration: underline; cursor: pointer;">Rick van Lieshout</a>.<br />
-                      It uses <a style="text-decoration: underline; cursor: pointer;" id="openExternal" data-url="https://castlabs.com/">Castlabs'</a> versions of Electron for widevine support.
-                    </p>

+        <section id="advanced-section" class="tabs__section">
+          <div class="group">
+            <p class="group__title">Settings</p>
+            <div class="group__option">
+              <div class="group__description">
+                <h4>Update frequency</h4>
+                <p>
+                  The amount of time, in milliseconds, that tidal-hifi will refresh its playback info by scraping the
+                  website.
+                  The default of 500 seems to work in more cases but if you are fine with a bit more resource usage you
+                  can decrease it as well.
+                </p>
+                <input id="updateFrequency" type="number" class="text-input" name="updateFrequency" />
+              </div>
+            </div>
+            <div class="group__option">
+              <div class="group__description">
+                <h4>Custom CSS</h4>
+                <p>
+                  The css that you put in here will be injected into a style tag in the head of the document.
+                </p>
+              </div>
+            </div>
+          </div>
+          <textarea id="customCSS" class="textarea" cols="40" rows="8" spellcheck="false"></textarea>
+
+          <div class="group">
+            <p class="group__title">Flags</p>
+            <div class="group__option">
+              <div class="group__description">
+                <h4>Disable hardware built-in media keys</h4>
+                <p>
+                  Also prevents certain desktop environments from recognizing the chrome MPRIS
+                  client separately from the custom MPRIS client.
+                </p>
+              </div>
+              <label class="switch">
+                <input id="disableHardwareMediaKeys" type="checkbox" />
+                <span class="switch__slider"></span>
+              </label>
+            </div>
+            <div class="group__option">
+              <div class="group__description">
+                <h4>Enable GPU rasterization</h4>
+                <p>Move a part of the rendering to the GPU for increased performance.</p>
+              </div>
+              <label class="switch">
+                <input id="gpuRasterization" type="checkbox" />
+                <span class="switch__slider"></span>
+              </label>
+            </div>
+            <div class="group__option">
+              <div class="group__description">
+                <h4>Disable Background Throttling</h4>
+                <p>
+                  Makes app more responsive while in the background, at the cost of performance.
+                </p>
+              </div>
+              <label class="switch">
+                <input id="disableBackgroundThrottle" type="checkbox" />
+                <span class="switch__slider"></span>
+              </label>
+            </div>
          </div>
        </section>

-              <small>Some settings require a restart of Tidal-hifi. To do so, click the button below:</small>
-              <button id="restart" style ="width: 100%">Restart Tidal-hifi</button>
-            </div>
+        <section id="about-section" class="tabs__section about-section">
+          <img alt="tidal icon" class="about-section__icon" src="./icon.png" />
+          <p class="about-section__text">
+            <a class="external-link" data-url="https://github.com/Mastermindzh/tidal-hifi">TIDAL Hi-Fi</a>
+            is made by
+            <a class="external-link" data-url="https://www.rickvanlieshout.com">
+              Rick van Lieshout</a>. <br />It uses
+            <a class="external-link" data-url="https://castlabs.com/">Castlabs'</a>
+            version of Electron for widevine support.
+          </p>
+        </section>
+
+        <footer class="footer">
+          <p class="footer__note">
+            Some settings may require a restart of TIDAL Hi-Fi. To do so, click the button below:
+          </p>
+          <button class="footer__button" id="restart">Restart TIDAL Hi-Fi</button>
+        </footer>
      </div>
+    </main>
  </div>
 </body>

-<style>
-    .header {
-        -webkit-user-select: none;
-        -webkit-app-region: drag;
-    }
-    .header a {
-      -webkit-app-region: no-drag;
-    }
-
-    * {
-        margin: 0%;
-        padding: 0%;
-        color: #ffffff;
-        font-weight: 400;
-        font-stretch: normal;
-        -webkit-font-smoothing: antialiased;
-        font-family: nationale, nationale-regular, Helvetica, sans-serif;
-    }
-
-    html,
-    body {
-        height: 100%;
-        background-color: black;
-        display: flex;
-        flex-direction: column;
-    }
-
-    h2 {
-        font-size: 1.2rem;
-    }
-
-    small {
-        font-style: italic;
-        color: #72777f;
-    }
-
-    .header {
-        background-color: #242528;
-        border-bottom: 1px solid #5a5a5a;
-        height: 50px;
-    }
-
-    .title {
-        float: left;
-        line-height: 50px;
-        margin-left: 15px;
-    }
-
-    .accent {
-        color: #0ff;
-    }
-
-    .exitWindow {
-        border: none;
-        outline: none;
-        text-decoration: none;
-        font-size: 1.4rem;
-        float: right;
-        margin-right: 15px;
-        height: 50px;
-        line-height: 50px;
-    }
-
-    .exitWindow:focus {
-      border: none;
-      outline: none;
-    }
-
-    .exitWindow svg {
-        height: 50px;
-        color: white;
-    }
-
-    .section {
-        padding-top: 10px;
-        padding-bottom: 10px;
-        border-bottom: 1px solid rgba(246, 245, 255, .1);
-    }
-
-    .section .option {
-        margin-bottom: 15px;
-    }
-
-    .section .option p {
-        max-width: 75%;
-        float: left
-    }
-
-    .section .option label {
-        float: right;
-    }
-
-    .section:after,
-    .section .option:after {
-        content: "";
-        display: table;
-        clear: both;
-    }
-
-    .section h3 {
-        margin-bottom: 15px;
-    }
-
-    .section h4 {
-        font-size: 0.9rem;
-    }
-
-    .section p {
-        color: #72777f;
-    }
-
-    .bottom-border {
-        border-bottom: 1px solid #0ff;
-    }
-
-    .body {
-        padding: 15px;
-        flex: 1 1 auto;
-        position: relative;
-        overflow-y: auto;
-    }
-
-    .body::-webkit-scrollbar-track {
-        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-        border-radius: 5px;
-        background-color: 2a2a2a;
-    }
-
-    .body::-webkit-scrollbar {
-        width: 10px;
-        background-color: #2a2a2a;
-    }
-
-    .body::-webkit-scrollbar-thumb {
-        border-radius: 10px;
-        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
-        box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
-        background-color: #5a5a5a;
-    }
-    /* Tabs */
-
-    .tabset > input[type="radio"] {
-        position: absolute;
-        left: -200vw;
-    }
-
-    .tabset .tab-panel {
-        display: none;
-    }
-
-    .tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
-    .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
-    .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
-    .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4)
-     {
-        display: block;
-    }
-
-    .tabset > label {
-        position: relative;
-        display: inline-block;
-        padding: 15px 0px 10px;
-        border-bottom: 0;
-        cursor: pointer;
-    }
-
-    .tabset > input + label {
-        color: #e0e0e0;
-        margin-right: 30px;
-    }
-
-    .tabset > input:checked + label {
-        color: #0ff;
-        border-bottom: 2px solid #0ff;
-    }
-
-    .tab-panel {
-        padding: 10px 0;
-    }
-    /* switches */
-    /* The switch - the box around the slider */
-
-    .switch {
-        position: relative;
-        display: inline-block;
-        width: 50px;
-        height: 28px;
-    }
-    /* Hide default HTML checkbox */
-
-    .switch input {
-        opacity: 0;
-        width: 0;
-        height: 0;
-    }
-    /* The slider */
-
-    .slider {
-        position: absolute;
-        cursor: pointer;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        background-color: rgba(246, 245, 255, .1);
-        -webkit-transition: .4s;
-        transition: .4s;
-    }
-
-    .slider:before {
-        position: absolute;
-        content: "";
-        height: 24px;
-        width: 24px;
-        left: 2px;
-        bottom: 2px;
-        background-color: white;
-        -webkit-transition: .4s;
-        transition: .4s;
-    }
-
-    input:checked + .slider {
-        background-color: #0ff;
-    }
-
-    input:focus + .slider {
-        box-shadow: 0 0 1px #0ff;
-    }
-
-    input:checked + .slider:before {
-        -webkit-transform: translateX(22px);
-        -ms-transform: translateX(22px);
-        transform: translateX(22px);
-    }
-    /* Rounded sliders */
-
-    .slider.round {
-        border-radius: 34px;
-    }
-
-    .slider.round:before {
-        border-radius: 50%;
-    }
-    /* input field */
-
-    input {
-        background: transparent;
-        border: 0;
-        border-bottom: 1px solid rgba(246, 245, 255, .1);
-        color: rgba(229, 238, 255, .6);
-        width: 100%;
-        display: block;
-        padding: 0 0 12px;
-    }
-
-    .freeTextInput:focus {
-        outline: none;
-        border-bottom: 1px solid #0ff;
-    }
-
-    /* buttons */
-    button{
-      border:none;
-      background:none;
-      align-items: center;
-      background-color: rgba(229,238,255,.2);
-      display: inline-flex;
-      justify-content: center;
-      border-radius: 12px;
-      height: 48px;
-      line-height: 49px;
-      padding: 0 24px;
-      text-align: center;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      transition: background .35s ease;
-      min-height: 0;
-      min-width: 0;
-      font-size: 1.14286rem;
-      font-family: nationale,nationale-regular,Helvetica,sans-serif;
-      margin-top: 10px;
-      cursor: pointer;
-    }
-    button:hover{
-      background-color: rgba(229,238,255,.3);
-    }
-    textarea {
-      color: #72777f;
-      background: #242528;
-      border: 0;
-      width: 100%;
-      color: rgba(229, 238, 255, .6);
-      padding: 0 0 12px;
-      display:block;
-    }
-    textarea:focus {
-      outline: none;
-      border: 0;
-      border-bottom: 1px solid #0ff;
-    }
-</style>
 </html>
--- a/src/pages/settings/settings.scss
+++ b/src/pages/settings/settings.scss
@@ -0,0 +1,363 @@
+// --- Variables ---
+
+$black: #17171a;
+$grey-333: #333;
+$white: #f9f9f9;
+
+$tidal-blue: #0ff;
+$tidal-grey: #72777f;
+$tidal-grey-darker: #404248;
+$tidal-grey-darker-focus: #55585f;
+$tidal-grey-darkest: #242528;
+
+// --- Fonts ---
+
+@font-face {
+  font-family: "Noto Sans";
+  font-weight: 300;
+  src: url("fonts/NotoSans-Light.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Noto Sans";
+  font-weight: normal;
+  src: url("fonts/NotoSans-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Noto Sans";
+  font-weight: 600;
+  src: url("fonts/NotoSans-SemiBold.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Noto Sans";
+  font-weight: bold;
+  src: url("fonts/NotoSans-Bold.ttf") format("truetype");
+}
+
+$font1: "Noto Sans", Helvetica, sans-serif;
+
+// --- Mixins ---
+
+@mixin drag($enabled: true) {
+  @if $enabled {
+    -webkit-app-region: drag;
+  }
+
+  @else {
+    -webkit-app-region: no-drag;
+  }
+}
+
+button {
+  cursor: pointer;
+}
+
+// --- Settings window ---
+
+html {
+  height: 100%;
+}
+
+.external-link {
+  @extend button;
+  text-decoration: underline;
+}
+
+.settings-window {
+  height: 100%;
+  margin: 0;
+  color: $white;
+  font-family: $font1;
+
+  &__wrapper {
+    height: 100%;
+    background: $black;
+    box-shadow: inset 0 0 2px 0 $tidal-grey;
+    overflow: hidden;
+  }
+
+  &__drag-area {
+    @include drag;
+    position: absolute;
+    width: 100%;
+    height: 50px;
+    z-index: 0;
+    user-select: none;
+  }
+
+  &__close-button {
+    @extend button;
+    @include drag(false);
+    position: absolute;
+    top: 12px;
+    right: 10px;
+    padding: 10px;
+    border-radius: 100%;
+    z-index: 1;
+
+    &:hover {
+      background: $grey-333;
+    }
+  }
+
+  &__svg-icon {
+    display: block;
+    width: 18px;
+    height: 18px;
+    opacity: .7;
+  }
+
+  // --- Settings tabs ---
+}
+
+.settings {
+  height: 100%;
+  margin: 20px 0;
+  padding-left: 15px;
+  font-size: 0;
+
+  input {
+    &[type="radio"] {
+      margin-right: -18px;
+      transform: scale(0);
+      outline: none;
+    }
+
+    &+label {
+      @include drag(false);
+      display: inline-block;
+      position: relative;
+      margin-right: 35px;
+      padding-bottom: 8px;
+      border-bottom: 0;
+      font-size: 16px;
+      cursor: pointer;
+      z-index: 1;
+      user-select: none;
+    }
+
+    &:checked+label {
+      border-bottom: 2px solid $tidal-blue;
+      color: $tidal-blue;
+    }
+  }
+}
+
+.tabs {
+  height: calc(100% - 70px);
+  padding-right: 15px;
+  font-size: 16px;
+  overflow: auto;
+
+  &__section {
+    display: none;
+  }
+
+  @for $i from 1 to 6 {
+    .settings>input:nth-child(#{$i*2-1}):checked~&>.tabs__section:nth-child(#{$i}) {
+      display: block;
+    }
+  }
+
+  &::-webkit-scrollbar {
+    width: 10px;
+
+    &-thumb {
+      border-radius: 10px;
+      background-color: $tidal-grey-darker;
+      box-shadow: inset 0 0 10px 2px $tidal-grey-darkest;
+    }
+
+    // --- Settings group ---
+  }
+}
+
+.group {
+  padding: 10px 0;
+  border-bottom: 1px solid $grey-333;
+
+  &:last-child {
+    border: 0;
+  }
+
+  &__title {
+    margin-bottom: 10px;
+    font-size: 16px;
+    font-weight: bold;
+  }
+
+  &__option {
+    display: flex;
+    align-items: center;
+  }
+
+  &__description {
+    flex-grow: 1;
+
+    h4,
+    label {
+      display: block;
+      margin-top: 10px;
+      margin-bottom: 0;
+      font-size: 14px;
+      font-weight: 600;
+    }
+
+    p {
+      margin-top: 5px;
+      margin-bottom: 8px;
+      color: $tidal-grey;
+      font-size: 14px;
+    }
+
+    .text-input {
+      display: block;
+      width: 100%;
+      margin-bottom: 10px;
+      padding: 5px 0;
+      transition: .2s;
+      border: 0;
+      border-bottom: solid 1px $grey-333;
+      outline: none;
+      background: transparent;
+      color: $tidal-grey;
+      font-size: 14px;
+
+      &:focus {
+        border-color: $tidal-blue;
+        color: $white;
+      }
+
+      // --- Switch slider component ---
+    }
+  }
+}
+
+.switch {
+  $this: &;
+  position: relative;
+  min-width: 50px;
+  height: 28px;
+
+  margin-left: 10px;
+
+  input {
+    transform: scale(0);
+    outline: none;
+
+    &:checked+#{$this}__slider {
+      background-color: $tidal-blue;
+
+      &::before {
+        transform: translateX(22px);
+        background-color: white;
+      }
+    }
+
+    &:focus+#{$this}__slider {
+      box-shadow: inset 0 0 0 1px $tidal-blue;
+    }
+  }
+
+  &__slider {
+    @extend button;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    transition: .4s;
+    border-radius: 40px;
+    background-color: $tidal-grey-darkest;
+
+    &::before {
+      position: absolute;
+      bottom: 2px;
+      left: 2px;
+      width: 24px;
+      height: 24px;
+      transition: .4s;
+      border-radius: 50%;
+      background-color: $white;
+      content: "";
+    }
+
+    // --- Textarea component
+  }
+}
+
+.textarea {
+  min-width: 100%;
+  max-width: 100%;
+  min-height: 50px;
+  max-height: 100px;
+  padding: 8px;
+  transition: .2s;
+  border: 0;
+  border-bottom: 1px solid transparent;
+  background: $tidal-grey-darkest;
+  color: $tidal-grey;
+  font-size: 13px;
+  box-sizing: border-box;
+
+  &:focus {
+    border-color: $tidal-blue;
+    outline: none;
+    color: $white;
+  }
+
+  // --- About section ---
+}
+
+.about-section {
+  padding-top: 120px;
+  text-align: center;
+
+  &__icon {
+    display: inline-block;
+    width: 100px;
+  }
+
+  &__text {
+    display: block;
+    max-width: 350px;
+    margin: 20px auto 0;
+  }
+
+  // --- Footer ---
+}
+
+.footer {
+  position: sticky;
+  top: calc(100% - 120px);
+  height: 100px;
+  padding-top: 20px;
+  text-align: center;
+
+  &__note {
+    max-width: 300px;
+    margin: 0 auto 15px;
+    color: $tidal-grey;
+    font-size: 12px;
+  }
+
+  &__button {
+    @extend button;
+    display: block;
+    height: 48px;
+    margin: auto;
+    padding: 0 24px;
+    transition: .2s;
+    border: 0;
+    border-radius: 12px;
+    background: $tidal-grey-darker;
+    color: $white;
+    font-size: 16px;
+
+    &:hover {
+      background: $tidal-grey-darker-focus;
+    }
+  }
+}
--- a/src/preload.js
+++ b/src/preload.js
@@ -1,22 +1,18 @@
 const { setTitle } = require("./scripts/window-functions");
-const { dialog, process, Notification } = require('@electron/remote');
+const { dialog, process, Notification } = require("@electron/remote");
 const { store, settings } = require("./scripts/settings");
 const { ipcRenderer } = require("electron");
-const { app } = require('@electron/remote');
+const { app } = require("@electron/remote");
 const { downloadFile } = require("./scripts/download");
 const statuses = require("./constants/statuses");
 const hotkeys = require("./scripts/hotkeys");
 const globalEvents = require("./constants/globalEvents");
+const { skipArtists, updateFrequency, customCSS } = require("./constants/settings");
 const notificationPath = `${app.getPath("userData")}/notification.jpg`;
 const appName = "Tidal Hifi";
 let currentSong = "";
 let player;
 let currentPlayStatus = statuses.paused;
-let progressBarTime;
-let currentTimeChanged = false;
-let currentTime;
-let currentURL = undefined;
-let isMutedArtist = false;

 const elements = {
  play: '*[data-test="play"]',
@@ -37,7 +33,7 @@ const elements = {
  media: '*[data-test="current-media-imagery"]',
  image: "img",
  current: '*[data-test="current-time"]',
-  duration: '*[data-test="duration-time"]',
+  duration: '*[data-test="duration"]',
  bar: '*[data-test="progress-bar"]',
  footer: "#footerPlayer",
  album_header_title: '.header-details [data-test="title"]',
@@ -69,16 +65,27 @@ const elements = {
    return "";
  },

-  getArtists: function () {
+  /**
+   * returns an array of all artists in the current song
+   * @returns {Array} artists
+   */
+  getArtistsArray: function () {
    const footer = this.get("footer");

    if (footer) {
-      const artists = footer.querySelector(this["artists"]);
-      if (artists) {
-        return artists.innerText;
-      }
+      const artists = footer.querySelectorAll(this.artists);
+      if (artists) return Array.from(artists).map((artist) => artist.textContent);
    }
+    return [];
+  },

+  /**
+   * unify the artists array into a string separated by commas
+   * @param {Array} artistsArray
+   * @returns {String} artists
+   */
+  getArtistsString: function (artistsArray) {
+    if (artistsArray.length > 0) return artistsArray.join(", ");
    return "unknown artist(s)";
  },

@@ -136,6 +143,29 @@ const elements = {
  },
 };

+function addCustomCss() {
+  window.addEventListener("DOMContentLoaded", () => {
+    const style = document.createElement("style");
+    style.innerHTML = store.get(customCSS);
+    document.head.appendChild(style);
+  });
+}
+
+/**
+ * Get the update frequency from the store
+ * make sure it returns a number, if not use the default
+ */
+function getUpdateFrequency() {
+  const storeValue = store.get(updateFrequency);
+  const defaultValue = 500;
+
+  if (!isNaN(storeValue)) {
+    return storeValue;
+  } else {
+    return defaultValue;
+  }
+}
+
 /**
 * Play or pause the current song
 */
@@ -293,17 +323,18 @@ function updateMediaInfo(options, notify) {
  if (options) {
    ipcRenderer.send(globalEvents.updateInfo, options);
    if (store.get(settings.notifications) && notify) {
-      new Notification({ title: options.title, body: options.message, icon: options.icon }).show();
+      new Notification({ title: options.title, body: options.artists, icon: options.icon }).show();
    }
    if (player) {
      player.metadata = {
        ...player.metadata,
        ...{
          "xesam:title": options.title,
-          "xesam:artist": [options.message],
+          "xesam:artist": [options.artists],
          "xesam:album": options.album,
          "mpris:artUrl": options.image,
          "mpris:length": convertDuration(options.duration) * 1000 * 1000,
+          "mpris:trackid": "/org/mpris/MediaPlayer2/track/" + getTrackID(),
        },
      };
      player.playbackStatus = options.status == statuses.paused ? "Paused" : "Playing";
@@ -313,18 +344,37 @@ function updateMediaInfo(options, notify) {

 /**
 * Checks if Tidal is playing a video or song by grabbing the "a" element from the title.
- * If it's a song it sets the track URL as currentURL, If it's a video it will set currentURL to undefined.
+ * If it's a song it returns the track URL, if not it will return undefined
 */
-function updateURL() {
+function getTrackURL() {
+  const id = getTrackID();
+  return `https://tidal.com/browse/track/${id}`;
+}
+
+function getTrackID() {
  const URLelement = elements.get("title").querySelector("a");
-  switch (URLelement) {
-    case null:
-      currentURL = undefined;
-      break;
-    default:
-      const id = URLelement.href.replace(/[^0-9]/g, "");
-      currentURL = `https://tidal.com/browse/track/${id}`;
-      break;
+  if (URLelement !== null) {
+    const id = URLelement.href.replace(/\D/g, "");
+    return id;
+  }
+
+  return window.location;
+}
+
+function updateMediaSession(options) {
+  if ("mediaSession" in navigator) {
+    navigator.mediaSession.metadata = new MediaMetadata({
+      title: options.title,
+      artist: options.artists,
+      album: options.album,
+      artwork: [
+        {
+          src: options.icon,
+          sizes: "640x640",
+          type: "image/png",
+        },
+      ],
+    });
  }
 }

@@ -333,58 +383,34 @@ function updateURL() {
 */
 setInterval(function () {
  const title = elements.getText("title");
-  const artists = elements.getArtists();
+  const artistsArray = elements.getArtistsArray();
+  const artistsString = elements.getArtistsString(artistsArray);
+  skipArtistsIfFoundInSkippedArtistsList(artistsArray);
+
  const album = elements.getAlbumName();
  const current = elements.getText("current");
  const duration = elements.getText("duration");
-  const progressBarcurrentTime = elements.get("bar").getAttribute("aria-valuenow");
-  const songDashArtistTitle = `${title} - ${artists}`;
+  const songDashArtistTitle = `${title} - ${artistsString}`;
  const currentStatus = getCurrentlyPlayingStatus();
  const options = {
    title,
-    message: artists,
+    artists: artistsString,
    album: album,
    status: currentStatus,
-    url: currentURL,
-    current: current,
-    duration: duration,
+    url: getTrackURL(),
+    current,
+    duration,
    "app-name": appName,
  };

-  const playStatusChanged = currentStatus !== currentPlayStatus;
-  const progressBarTimeChanged = progressBarcurrentTime !== progressBarTime;
-  const titleOrArtistChanged = currentSong !== songDashArtistTitle;
+  const titleOrArtistsChanged = currentSong !== songDashArtistTitle;

-  muteArtistIfFoundInMutedArtistsList();
-
-  if (titleOrArtistChanged || playStatusChanged || progressBarTimeChanged || currentTimeChanged) {
  // update title, url and play info with new info
  setTitle(songDashArtistTitle);
-    updateURL();
+  getTrackURL();
  currentSong = songDashArtistTitle;
  currentPlayStatus = currentStatus;

-    // check progress bar value and make sure current stays up to date after switch
-    if (progressBarTime != progressBarcurrentTime && !titleOrArtistChanged) {
-      progressBarTime = progressBarcurrentTime;
-      currentTime = options.current;
-      options.duration = duration;
-      currentTimeChanged = true;
-    }
-
-    if (currentTimeChanged) {
-      if (options.current == currentTime && currentStatus != "paused") return;
-      currentTime = options.current;
-      currentTimeChanged = false;
-    }
-
-    // make sure current is set to 0 if title changes
-    if (titleOrArtistChanged) {
-      options.current = "0:00";
-      currentTime = options.current;
-      progressBarTime = progressBarcurrentTime;
-    }
-
  const image = elements.getSongIcon();

  new Promise((resolve) => {
@@ -406,30 +432,32 @@ setInterval(function () {
    }
  }).then(
    () => {
-        updateMediaInfo(options, titleOrArtistChanged);
+      updateMediaInfo(options, titleOrArtistsChanged);
+      if (titleOrArtistsChanged) {
+        updateMediaSession(options);
+      }
    },
    () => {}
  );
-  }

  /**
-   * Checks whether the current artist is included in the "muted artists" list and if so it will automatically mute the player
+   * automatically skip a song if the artists are found in the list of artists to skip
+   * @param {*} artists array of artists
   */
-  function muteArtistIfFoundInMutedArtistsList() {
-    if (store.get(settings.muteArtists)) {
-      const mutedArtists = store.get(settings.mutedArtists);
-      if (mutedArtists.find((artist) => artist === artists) !== undefined) {
-        if (!elements.isMuted()) {
-          isMutedArtist = true;
-          elements.click("volume");
-        }
-      } else if (currentStatus === statuses.playing && isMutedArtist && elements.isMuted()) {
-        elements.click("volume");
-        isMutedArtist = false;
+  function skipArtistsIfFoundInSkippedArtistsList(artists) {
+    if (store.get(skipArtists)) {
+      const skippedArtists = store.get(settings.skippedArtists);
+      if (skippedArtists.length > 0) {
+        const artistsToSkip = skippedArtists.map((artist) => artist);
+        const artistNames = Object.values(artists).map((artist) => artist);
+        const foundArtist = artistNames.some((artist) => artistsToSkip.includes(artist));
+        if (foundArtist) {
+          elements.click("next");
        }
      }
    }
-}, 200);
+  }
+}, getUpdateFrequency());

 if (process.platform === "linux" && store.get(settings.mpris)) {
  try {
@@ -486,7 +514,7 @@ if (process.platform === "linux" && store.get(settings.mpris)) {
    console.log("player api not working");
  }
 }
-
+addCustomCss();
 addHotKeys();
 addIPCEventListeners();
 addFullScreenListeners();
--- a/src/scripts/discord.js
+++ b/src/scripts/discord.js
@@ -26,8 +26,8 @@ const observer = (event, arg) => {
        ...idleStatus,
        ...{
          details: `Listening to ${mediaInfoModule.mediaInfo.title}`,
-          state: mediaInfoModule.mediaInfo.artist
-            ? mediaInfoModule.mediaInfo.artist
+          state: mediaInfoModule.mediaInfo.artists
+            ? mediaInfoModule.mediaInfo.artists
            : "unknown artist(s)",
          startTimestamp: parseInt(now),
          endTimestamp: parseInt(remaining),
@@ -43,7 +43,7 @@ const observer = (event, arg) => {
        ...idleStatus,
        ...{
          details: `Watching ${mediaInfoModule.mediaInfo.title}`,
-          state: mediaInfoModule.mediaInfo.artist,
+          state: mediaInfoModule.mediaInfo.artists,
          startTimestamp: parseInt(now),
          endTimestamp: parseInt(remaining),
        },
--- a/src/scripts/express.js
+++ b/src/scripts/express.js
@@ -24,7 +24,7 @@ expressModule.run = function(mainWindow) {

  const expressApp = express();
  expressApp.get("/", (req, res) => res.send("Hello World!"));
-  expressApp.get("/current", (req, res) => res.json(mediaInfo));
+  expressApp.get("/current", (req, res) => res.json({ ...mediaInfo, artist: mediaInfo.artists }));
  expressApp.get("/image", (req, res) => {
    var stream = fs.createReadStream(mediaInfo.icon);
    stream.on("open", function () {
--- a/src/scripts/mediaInfo.js
+++ b/src/scripts/mediaInfo.js
@@ -2,14 +2,14 @@ const statuses = require("./../constants/statuses");

 const mediaInfo = {
  title: "",
-  artist: "",
+  artists: "",
  album: "",
  icon: "",
  status: statuses.paused,
  url: "",
  current: "",
  duration: "",
-  image: "tidal-hifi-icon"
+  image: "tidal-hifi-icon",
 };
 const mediaInfoModule = {
  mediaInfo,
@@ -20,7 +20,7 @@ const mediaInfoModule = {
 */
 mediaInfoModule.update = function (arg) {
  mediaInfo.title = propOrDefault(arg.title);
-  mediaInfo.artist = propOrDefault(arg.message);
+  mediaInfo.artists = propOrDefault(arg.artists);
  mediaInfo.album = propOrDefault(arg.album);
  mediaInfo.icon = propOrDefault(arg.icon);
  mediaInfo.url = propOrDefault(arg.url);
--- a/src/scripts/menu.js
+++ b/src/scripts/menu.js
@@ -1,13 +1,14 @@
 const { Menu, app } = require("electron");
 const { showSettingsWindow } = require("./settings");
 const isMac = process.platform === "darwin";
+const { name } = require("./../constants/values");

 const settingsMenuEntry = {
  label: "Settings",
  click() {
    showSettingsWindow();
  },
-  accelerator: "Control+/",
+  accelerator: "Control+=",
 };

 const quitMenuEntry = {
@@ -15,14 +16,24 @@ const quitMenuEntry = {
  click() {
    app.exit(0);
  },
-  accelerator: "Control+Q"
+  accelerator: "Control+Q",
+};
+
+const menuModule = {};
+
+menuModule.getMenu = function (mainWindow) {
+  const toggleWindow = {
+    label: "Toggle Window",
+    click: function () {
+      mainWindow.isVisible() ? mainWindow.hide() : mainWindow.show();
+    },
  };

  const mainMenu = [
    ...(isMac
      ? [
          {
-          label: app.name,
+            label: name,
            submenu: [
              { role: "about" },
              settingsMenuEntry,
@@ -78,12 +89,14 @@ const mainMenu = [
        { role: "zoomout" },
        { type: "separator" },
        { role: "togglefullscreen" },
+        { role: "toggledevtools" },
      ],
    },
    {
      label: "Window",
      submenu: [
        { role: "minimize" },
+        toggleWindow,
        ...(isMac
          ? [{ type: "separator" }, { role: "front" }, { type: "separator" }, { role: "window" }]
          : [{ role: "close" }]),
@@ -96,16 +109,15 @@ const mainMenu = [
        showSettingsWindow("about");
      },
    },
+    toggleWindow,
+    quitMenuEntry,
  ];

-const menuModule = { mainMenu };
-
-menuModule.getMenu = function () {
  return Menu.buildFromTemplate(mainMenu);
 };

-menuModule.addMenu = function () {
-  Menu.setApplicationMenu(menuModule.getMenu());
+menuModule.addMenu = function (mainWindow) {
+  Menu.setApplicationMenu(menuModule.getMenu(mainWindow));
 };

 module.exports = menuModule;
--- a/src/scripts/settings.js
+++ b/src/scripts/settings.js
@@ -7,24 +7,41 @@ let settingsWindow;

 const store = new Store({
  defaults: {
-    notifications: true,
+    adBlock: false,
    api: true,
-    playBackControl: true,
-    muteArtists: false,
-    mutedArtists: ["TIDAL"],
-    menuBar: true,
    apiSettings: {
      port: 47836,
    },
-    singleInstance: true,
+    customCSS: "",
+    disableBackgroundThrottle: true,
    disableHardwareMediaKeys: false,
-    trayIcon: true,
-    minimizeOnClose: false,
-    mpris: false,
    enableCustomHotkeys: false,
    enableDiscord: false,
+    flags: {
+      gpuRasterization: true,
+      disableHardwareMediaKeys: false,
+    },
+    menuBar: true,
+    minimizeOnClose: false,
+    mpris: false,
+    notifications: true,
+    playBackControl: true,
+    singleInstance: true,
+    skipArtists: false,
+    skippedArtists: [""],
+    trayIcon: true,
+    updateFrequency: 500,
    windowBounds: { width: 800, height: 600 },
  },
+  migrations: {
+    "3.1.0": (migrationStore) => {
+      console.log("running migrations for 3.1.0");
+      migrationStore.set(
+        settings.flags.disableHardwareMediaKeys,
+        migrationStore.get("disableHardwareMediaKeys") ?? false
+      );
+    },
+  },
 });

 const settingsModule = {
@@ -35,11 +52,13 @@ const settingsModule = {

 settingsModule.createSettingsWindow = function () {
  settingsWindow = new BrowserWindow({
-    width: 500,
+    width: 700,
    height: 600,
+    resizable: false,
    show: false,
+    transparent: true,
    frame: false,
-    title: "Tidal-hifi - settings",
+    title: "TIDAL Hi-Fi settings",
    webPreferences: {
      preload: path.join(__dirname, "../pages/settings/preload.js"),
      plugins: true,
--- a/src/scripts/tray.js
+++ b/src/scripts/tray.js
@@ -1,48 +1,33 @@
-const { Tray, app } = require("electron");
-const { Menu } = require("electron");
-const { getMenu, mainMenu } = require("./menu");
-const { store, settings } = require("./settings");
+const { Tray } = require("electron");
+const { getMenu } = require("./menu");
 const trayModule = {};
 let tray;

-trayModule.addTray = function (options = { icon: "" }) {
+trayModule.addTray = function (mainWindow, options = { icon: "" }) {
  tray = new Tray(options.icon);
+  tray.setIgnoreDoubleClickEvents(true);
+  tray.setToolTip("Tidal-hifi");
+
+  const menu = getMenu(mainWindow);
+
+  tray.setContextMenu(menu);
+
+  tray.on("click", function () {
+    if (mainWindow.isVisible()) {
+      if (!mainWindow.isFocused()) {
+        mainWindow.focus();
+      } else {
+        mainWindow.hide();
+      }
+    } else {
+      mainWindow.show();
+    }
+  });
 };

 trayModule.refreshTray = function (mainWindow) {
  if (!tray) {
-    trayModule.addTray();
-  }
-
-  tray.on("click", function (e) {
-    if (mainWindow) {
-      mainWindow.show();
-    }
-  });
-
-  tray.setToolTip("Tidal-hifi");
-
-  if (mainWindow && store.get(settings.minimizeOnClose)) {
-    tray.setContextMenu(
-      Menu.buildFromTemplate([
-        {
-          label: "Toggle Window",
-          click: function () {
-            mainWindow.isVisible() ? mainWindow.hide() : mainWindow.show();
-          },
-        },
-        {
-          label: "Quit",
-          click: function () {
-            mainWindow.destroy();
-            app.quit();
-          },
-        },
-        ...mainMenu, //we add menu items from the other context
-      ])
-    );
-  } else {
-    tray.setContextMenu(getMenu());
+    trayModule.addTray(mainWindow);
  }
 };
Author	SHA1	Message	Date
Rick van Lieshout	8d44ff8afb	Merge pull request #223 from Mastermindzh/release/5.1.0 Release/5.1.0	2023-04-27 15:30:09 +02:00
Mastermindzh	bccc979f43	fixed pacman icon	2023-04-27 15:07:40 +02:00
Mastermindzh	6849952c41	feat: added proper updates through the mediasession api. fixes #198	2023-04-27 14:29:28 +02:00
Mastermindzh	07be74af9f	feat: added custom CSS settings. fixes #213	2023-04-27 14:13:32 +02:00
Mastermindzh	fc6adc25ca	release: docs	2023-04-27 11:35:10 +02:00
Mastermindzh	4498e8a73e	feat: you can now set updateFrequency in the settings window	2023-04-27 11:35:00 +02:00
Rick van Lieshout	3d2a9c3992	Merge pull request #219 from thanasistrisp/artists [Bug]: get multiple artists instead of a single one	2023-04-27 10:51:35 +02:00
Rick van Lieshout	af6bfaf55e	Merge pull request #222 from mdh34/mdh34-desktop-icon-fix Fix Linux Desktop Icons	2023-04-27 10:46:44 +02:00
Matt Harris	8bac90e0f1	Fix Linux Icons	2023-04-26 21:34:17 +01:00
Matt Harris	887c75f61a	change icon name in desktop file	2023-04-25 21:46:20 +01:00
Thanasis Trispiotis	cde7408cc4	fix: get multiple artists - in mrpis multiple names are showing - also at title - skipping from settings any artist that is present in current artists at Tidal	2023-04-23 22:24:04 +03:00
Mastermindzh	05b422e045	Merge branch 'master' of github.com:Mastermindzh/tidal-hifi	2023-04-22 21:19:42 +02:00
Mastermindzh	35289d8216	ci: updated workflow node versions	2023-04-22 21:19:36 +02:00
Mastermindzh	ea42b79cd8	ci: updated workflow node versions	2023-04-22 21:14:56 +02:00
Mastermindzh	6d859cf780	chore: updated deps. fixes #203 (kinda.. as much as we can)	2023-04-22 20:57:38 +02:00
Mastermindzh	af20092053	fix: fixed tray click bug. fixes #196	2023-04-22 20:51:20 +02:00
Mastermindzh	166ca353cf	chore: updating deps	2023-04-22 16:56:23 +02:00
Rick van Lieshout	b807aa2f76	Merge pull request #215 from Mastermindzh/dependabot/npm_and_yarn/minimatch-and-electron-builder-3.1.2 Bump minimatch and electron-builder	2023-04-21 11:47:10 +02:00
dependabot[bot]	ef8ffe47f5	Bump minimatch and electron-builder Bumps [minimatch](https://github.com/isaacs/minimatch) to 3.1.2 and updates ancestor dependency [electron-builder](https://github.com/electron-userland/electron-builder/tree/HEAD/packages/electron-builder). These dependencies need to be updated together. Updates `minimatch` from 3.0.4 to 3.1.2 - [Release notes](https://github.com/isaacs/minimatch/releases) - [Changelog](https://github.com/isaacs/minimatch/blob/main/changelog.md) - [Commits](https://github.com/isaacs/minimatch/compare/v3.0.4...v3.1.2) Updates `electron-builder` from 23.5.1 to 24.2.1 - [Release notes](https://github.com/electron-userland/electron-builder/releases) - [Changelog](https://github.com/electron-userland/electron-builder/blob/master/packages/electron-builder/CHANGELOG.md) - [Commits](https://github.com/electron-userland/electron-builder/commits/v24.2.1/packages/electron-builder) --- updated-dependencies: - dependency-name: minimatch dependency-type: indirect - dependency-name: electron-builder dependency-type: direct:development ... Signed-off-by: dependabot[bot] <support@github.com>	2023-04-21 09:32:10 +00:00
Rick van Lieshout	ba7b2a5717	Merge pull request #218 from thanasistrisp/adblocking Add real Ad blocking using custom ad filters	2023-04-21 11:31:24 +02:00
Mastermindzh	0d93bedb4d	prep v5.0.0, refactored getTrackUrl to use the duplicated getTrackId, and applied some formatting	2023-04-21 11:26:10 +02:00
Thanasis Trispiotis	1de71aa82b	update docs	2023-04-21 01:38:20 +03:00
Thanasis Trispiotis	b2e68f5a8f	add trackid - mpris important property (maybe needed sometime)	2023-04-20 20:11:22 +03:00
Thanasis Trispiotis	a2a2023853	exit when restart - if tray minimize is enabled quit hides the app to tray	2023-04-20 20:09:40 +03:00
Thanasis Trispiotis	26c8a38350	adblocking thanks to custom ad filters derived from uBlock Origin: https://github.com/uBlockOrigin/uAssets/issues/17495	2023-04-20 20:07:44 +03:00
Rick van Lieshout	eb93fbc35d	Merge pull request #216 from Mastermindzh/snyk-upgrade-5b1ac3f20e6c8576da25c1dd4616f859 [Snyk] Upgrade sass from 1.58.3 to 1.60.0	2023-04-19 16:49:07 +02:00
snyk-bot	d3c56fa445	fix: upgrade sass from 1.58.3 to 1.60.0 Snyk has created this PR to upgrade sass from 1.58.3 to 1.60.0. See this package in npm: https://www.npmjs.com/package/sass See this project in Snyk: https://app.snyk.io/org/mastermindzh/project/dade8f03-2064-49a3-8957-edbacec3887c?utm_source=github&utm_medium=referral&page=upgrade-pr	2023-04-19 08:58:36 +00:00
Rick van Lieshout	6998992011	Merge pull request #210 from Mastermindzh/snyk-upgrade-24c736c74c97f0ad9986633990f52b6f [Snyk] Upgrade @electron/remote from 2.0.8 to 2.0.9	2023-04-18 10:03:56 +02:00
Rick van Lieshout	108e1d65d4	Merge pull request #209 from Mastermindzh/snyk-upgrade-5f032e18d6ad67fa2ee5145171e2630c [Snyk] Upgrade hotkeys-js from 3.9.4 to 3.10.1	2023-04-18 10:03:38 +02:00
Rick van Lieshout	1097f83911	Merge pull request #208 from Mastermindzh/snyk-upgrade-d65f22e3a110c0ac5f17545a20ca2873 [Snyk] Upgrade sass from 1.54.9 to 1.58.3	2023-04-18 10:03:20 +02:00
Rick van Lieshout	8c734777cc	Merge pull request #204 from Mastermindzh/dependabot/npm_and_yarn/http-cache-semantics-4.1.1 Bump http-cache-semantics from 4.1.0 to 4.1.1	2023-04-18 10:02:54 +02:00
snyk-bot	de17ac6113	fix: upgrade @electron/remote from 2.0.8 to 2.0.9 Snyk has created this PR to upgrade @electron/remote from 2.0.8 to 2.0.9. See this package in npm: https://www.npmjs.com/package/@electron/remote See this project in Snyk: https://app.snyk.io/org/mastermindzh/project/dade8f03-2064-49a3-8957-edbacec3887c?utm_source=github&utm_medium=referral&page=upgrade-pr	2023-03-27 22:16:23 +00:00
snyk-bot	ced41c00d7	fix: upgrade hotkeys-js from 3.9.4 to 3.10.1 Snyk has created this PR to upgrade hotkeys-js from 3.9.4 to 3.10.1. See this package in npm: https://www.npmjs.com/package/hotkeys-js See this project in Snyk: https://app.snyk.io/org/mastermindzh/project/dade8f03-2064-49a3-8957-edbacec3887c?utm_source=github&utm_medium=referral&page=upgrade-pr	2023-03-27 22:16:17 +00:00
snyk-bot	744016f307	fix: upgrade sass from 1.54.9 to 1.58.3 Snyk has created this PR to upgrade sass from 1.54.9 to 1.58.3. See this package in npm: https://www.npmjs.com/package/sass See this project in Snyk: https://app.snyk.io/org/mastermindzh/project/dade8f03-2064-49a3-8957-edbacec3887c?utm_source=github&utm_medium=referral&page=upgrade-pr	2023-03-27 22:16:13 +00:00
dependabot[bot]	ad8ef71c6b	Bump http-cache-semantics from 4.1.0 to 4.1.1 Bumps [http-cache-semantics](https://github.com/kornelski/http-cache-semantics) from 4.1.0 to 4.1.1. - [Release notes](https://github.com/kornelski/http-cache-semantics/releases) - [Commits](https://github.com/kornelski/http-cache-semantics/compare/v4.1.0...v4.1.1) --- updated-dependencies: - dependency-name: http-cache-semantics dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com>	2023-02-03 05:12:03 +00:00
Rick van Lieshout	d0f9a34f9c	Merge pull request #195 from Mastermindzh/feature/4.4.0 Feature/4.4.0	2023-01-22 22:30:43 +01:00
Mastermindzh	3b316f2301	chore: upping the version numbers	2023-01-22 22:19:07 +01:00
Mastermindzh	c0d9cd2834	feat: added the ability to skip artists automatically. Takes precedence over muting. fixes #175	2023-01-22 21:33:00 +01:00
Mastermindzh	0620d87d8b	feature: added click handler to tray icon to focus/show tidal-hifi. fixes #193 #143	2023-01-22 21:32:48 +01:00
Mastermindzh	57b7f9148f	feat: Move the quit command from the system sub-menu to the main menu fixes #185	2023-01-20 22:18:25 +01:00
Mastermindzh	63ccff97ea	feature: Add support to autoHide the menubar and showing it with the key. fixes #188	2023-01-20 22:15:36 +01:00
Mastermindzh	3a4d23738f	fix: Reverted icon path to instead of the hardcoded linux path fixes #170	2023-01-20 22:00:19 +01:00
Mastermindzh	c96bdb0d28	fix: Updated shortcut hint on the menubar to reflect the new shortcut. fixes #174	2023-01-20 21:57:41 +01:00
dependabot[bot]	115d8c6c5c	Bump json5 from 2.2.1 to 2.2.3 (#191 ) Bumps [json5](https://github.com/json5/json5) from 2.2.1 to 2.2.3. - [Release notes](https://github.com/json5/json5/releases) - [Changelog](https://github.com/json5/json5/blob/main/CHANGELOG.md) - [Commits](https://github.com/json5/json5/compare/v2.2.1...v2.2.3) --- updated-dependencies: - dependency-name: json5 dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com> Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2023-01-10 21:26:12 +01:00
Marie	cd2a068470	Fix CHANGELOG (#181 )	2022-10-25 14:35:07 +02:00
Rick van Lieshout	bf260b14e0	https://github.com/Mastermindzh/tidal-hifi/pull/178 (#180 ) * Update configuration of the desktop file (#165) * - Changed the category of the desktop file to AudioVideo - Changed desktop file name to "TIDAL Hi-Fi" * Redesign of the settings window (#168) * Pr dest (#166) * Update configuration of the desktop file (#165) * - Changed the category of the desktop file to AudioVideo - Changed desktop file name to "TIDAL Hi-Fi" Co-authored-by: Ivo Šmerek <ivo97@centrum.cz> * Redesign of the settings window * changed sass to scss, fixed color of switches and disabled rounded corners Co-authored-by: Rick van Lieshout <info@rickvanlieshout.com> * - icon is set to new static path based on Arch/Debian - Name has changed to Tidal-Hifi * Check if app is default protocol client before setting (#178) * Release of settings window and desktop file fixes (#169) * Update configuration of the desktop file (#165) * - Changed the category of the desktop file to AudioVideo - Changed desktop file name to "TIDAL Hi-Fi" * Redesign of the settings window (#168) * Pr dest (#166) * Update configuration of the desktop file (#165) * - Changed the category of the desktop file to AudioVideo - Changed desktop file name to "TIDAL Hi-Fi" Co-authored-by: Ivo Šmerek <ivo97@centrum.cz> * Redesign of the settings window * changed sass to scss, fixed color of switches and disabled rounded corners Co-authored-by: Rick van Lieshout <info@rickvanlieshout.com> * - icon is set to new static path based on Arch/Debian - Name has changed to Tidal-Hifi Co-authored-by: Ivo Šmerek <ivo97@centrum.cz> * Disable background throttling (#171) * disable background throttling for consistent setInterval * add disable throttle as config option * 4.3.0 * Check if app is default protocol client before setting Co-authored-by: Rick van Lieshout <info@rickvanlieshout.com> Co-authored-by: Ivo Šmerek <ivo97@centrum.cz> Co-authored-by: Cukmekerb <cukmekerb@gmail.com> Co-authored-by: Brecht Yperman <brecht.yperman@trustbuilder.com> * docs Co-authored-by: Ivo Šmerek <ivo97@centrum.cz> Co-authored-by: Brecht Yperman <brecht@yperman.eu> Co-authored-by: Cukmekerb <cukmekerb@gmail.com> Co-authored-by: Brecht Yperman <brecht.yperman@trustbuilder.com>	2022-10-24 11:38:00 +02:00
Mastermindzh	d161a68c95	4.3.0	2022-10-05 19:44:04 +02:00
Cukmekerb	9de8cea50e	Disable background throttling (#171 ) * disable background throttling for consistent setInterval * add disable throttle as config option	2022-10-05 19:38:01 +02:00
Rick van Lieshout	5f330a7c48	Release of settings window and desktop file fixes (#169 ) * Update configuration of the desktop file (#165) * - Changed the category of the desktop file to AudioVideo - Changed desktop file name to "TIDAL Hi-Fi" * Redesign of the settings window (#168) * Pr dest (#166) * Update configuration of the desktop file (#165) * - Changed the category of the desktop file to AudioVideo - Changed desktop file name to "TIDAL Hi-Fi" Co-authored-by: Ivo Šmerek <ivo97@centrum.cz> * Redesign of the settings window * changed sass to scss, fixed color of switches and disabled rounded corners Co-authored-by: Rick van Lieshout <info@rickvanlieshout.com> * - icon is set to new static path based on Arch/Debian - Name has changed to Tidal-Hifi Co-authored-by: Ivo Šmerek <ivo97@centrum.cz>	2022-09-25 12:50:41 +02:00
Rick van Lieshout	732710c3ef	Pr dest (#166 ) * Update configuration of the desktop file (#165) * - Changed the category of the desktop file to AudioVideo - Changed desktop file name to "TIDAL Hi-Fi" Co-authored-by: Ivo Šmerek <ivo97@centrum.cz>	2022-09-11 22:54:08 +02:00
Rick van Lieshout	4941aae950	Bugfix/4.1.1 (#161 ) * - Fixed `cannot read property of undefined` error because of not passing mainWindow around. - vincens2005, fixed inconsistent auto muting * Fix inconsistent auto-muting (#159) * fix muting sometimes not working * fix inconsistent unmuting * fix bad code in inconsistent muting fig Co-authored-by: Cukmekerb <cukmekerb@gmail.com>	2022-08-23 21:20:46 +02:00
Rick van Lieshout	1439a11969	Feature/4.1.0 (#156 ) * added protocol handler * Switched icon strategies to fix bugs with icons * fixed tray icon issues * fixed about :) * Fixed playback, mpris and API issues	2022-08-07 16:05:48 +02:00
Tomasz Hołubowicz	3a3e0e1a2d	Add instruction for installation via Nix (#153 )	2022-07-05 16:41:12 +02:00
Mastermindzh	fa9ab22867	- Updated build config to make use of a base file that doesn't build anything. - This fixes the issue of unwanted extra build targets that were introduced with the electron-builder update	2022-06-25 21:45:30 +02:00
Mastermindzh	207a61d199	4.0.0 with electron 19.0.5 release	2022-06-23 17:06:17 +02:00
Tomasz Hołubowicz	7b18322e17	Bump electron version (#152 )	2022-06-23 17:00:35 +02:00
Mastermindzh	8f47756244	fixed hardware media flag upadting gpu rasterization options	2022-06-18 10:40:31 +02:00
Marie	cdcf9431bf	Fix bugs related to media info (#150 ) * Fix duration time element * change interval time from 200 to 500	2022-06-18 10:26:21 +02:00
Mastermindzh	374f3da740	Added a separate advanced options settings panel with flags - Added gpu-rasterization flag config setting `disableHardwareMediaKeys` moved to `flags.disableHardwareMediaKeys`, it will be migrated automatically	2022-05-07 18:13:36 +02:00