fix: seek

- auto-change: moved from devDependencies to npx

.editorconfig

@@ -1,7 +1,8 @@
 root = true
 
 [*]
-indent_style = tab
+indent_style = space
+indent_size = 2
 end_of_line = lf
 charset = utf-8
 trim_trailing_whitespace = true

.eslintignore

@@ -0,0 +1,3 @@
+.eslintrc.js
+rollup.main.config.ts
+rollup.preload.config.ts

.eslintrc.js

@@ -0,0 +1,69 @@
+module.exports = {
+  extends: [
+    'eslint:recommended',
+    'plugin:import/recommended',
+    'plugin:import/typescript',
+    'plugin:@typescript-eslint/eslint-recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:@typescript-eslint/recommended-requiring-type-checking',
+  ],
+  plugins: ['@typescript-eslint', 'import'],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    project: './tsconfig.json',
+    tsconfigRootDir: __dirname,
+    sourceType: 'module',
+    ecmaVersion: 'latest'
+  },
+  rules: {
+    'arrow-parens': ['error', 'always'],
+    'object-curly-spacing': ['error', 'always'],
+    '@typescript-eslint/no-floating-promises': 'off',
+    '@typescript-eslint/no-misused-promises': ['off', { checksVoidReturn: false }],
+    '@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
+    "@typescript-eslint/no-non-null-assertion": "off",
+    'import/first': 'error',
+    'import/newline-after-import': 'error',
+    'import/no-default-export': 'off',
+    'import/no-duplicates': 'error',
+    'import/order': [
+      'error',
+      {
+        'groups': ['builtin', 'external', ['internal', 'index', 'sibling'], 'parent', 'type'],
+        'newlines-between': 'always-and-inside-groups',
+        'alphabetize': {order: 'ignore', caseInsensitive: false}
+      }
+    ],
+    'import/prefer-default-export': 'off',
+    'camelcase': ['error', {properties: 'never'}],
+    'class-methods-use-this': 'off',
+    'lines-around-comment': [
+      'error',
+      {
+        beforeBlockComment: false,
+        afterBlockComment: false,
+        beforeLineComment: false,
+        afterLineComment: false,
+      },
+    ],
+    'max-len': 'off',
+    'no-mixed-operators': 'error',
+    'no-multi-spaces': ['error', {ignoreEOLComments: true}],
+    'no-tabs': 'error',
+    'no-void': 'error',
+    'no-empty': 'off',
+    'prefer-promise-reject-errors': 'off',
+    'quotes': ['error', 'single', {
+      avoidEscape: true,
+      allowTemplateLiterals: false,
+    }],
+    'quote-props': ['error', 'consistent'],
+    'semi': ['error', 'always'],
+  },
+  env: {
+    browser: true,
+    node: true,
+    es6: true,
+  },
+  ignorePatterns: ['dist', 'node_modules'],
+};

.gitattributes

@@ -1,2 +1,2 @@
-* text=auto
-*.js text eol=lf
+* text=auto eol=lf
+*.js text

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -0,0 +1,75 @@
+name: Bug Report
+description: Report a YouTube Music bug
+title: "[Bug]: "
+labels: "bug :beetle:"
+body:
+- type: checkboxes
+  attributes:
+    label: Preflight Checklist
+    description: Please ensure you've completed all of the following.
+    options:
+      - label: I use the latest version of YouTube Music (Application).
+        required: true
+      - label: I have searched the [issue tracker](https://github.com/th-ch/youtube-music/issues) for a bug report that matches the one I want to file, without success.
+        required: true
+      - label: I understand that **th-ch/youtube-music has NO affiliation with Google or YouTube**
+        required: true
+- type: input
+  attributes:
+    label: YouTube Music (Application) Version
+    description: |
+      What version of the YouTube Music Application are you using?
+
+      Note: Please check if this issue is reproducible with the latest stable release.
+    placeholder: 2.0.0
+  validations:
+    required: true
+- type: dropdown
+  attributes:
+    label: What operating system are you using?
+    options:
+      - Windows
+      - macOS
+      - Ubuntu
+      - Other Linux
+      - Other (specify below)
+  validations:
+    required: true
+- type: input
+  attributes:
+    label: Operating System Version
+    description: What operating system version are you using? On Windows, click the Start button > Settings > System > About. On macOS, click the Apple Menu > About This Mac. On Linux, use lsb_release or uname -a.
+    placeholder: "e.g. Windows 10 version 1909, macOS Catalina 10.15.7, or Ubuntu 20.04"
+  validations:
+    required: true
+- type: dropdown
+  attributes:
+    label: What arch are you using?
+    options:
+      - x64
+      - ia32
+      - arm64 (including Apple Silicon)
+      - Other (specify below)
+  validations:
+    required: true
+- type: input
+  attributes:
+    label: Last Known Working YouTube Music (Application) version
+    description: (If applicable) What is the last version of YouTube Music this worked in?
+    placeholder: 1.20.0
+- type: textarea
+  attributes:
+    label: Expected Behavior
+    description: A clear and concise description of what you expected to happen. (Add a replication step if applicable)
+  validations:
+    required: true
+- type: textarea
+  attributes:
+    label: Actual Behavior
+    description: A clear description of what actually happens.
+  validations:
+    required: true
+- type: textarea
+  attributes:
+    label: Additional Information
+    description: If your problem needs further explanation, or if the issue you're seeing cannot be reproduced in a gist, please add more information here. 

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -0,0 +1,38 @@
+name: Feature Request
+description: Suggest an idea for YouTube Music
+title: "[Feature Request]: "
+labels: "enhancement :sparkles:"
+body:
+- type: checkboxes
+  attributes:
+    label: Preflight Checklist
+    description: Please ensure you've completed all of the following.
+    options:
+      - label: I use the latest version of YouTube Music (Application).
+        required: true
+      - label: I have searched the [issue tracker](https://github.com/th-ch/youtube-music/issues) for a feature request that matches the one I want to file, without success.
+        required: true
+- type: textarea
+  attributes:
+    label: Problem Description
+    description: Please add a clear and concise description of the problem you are seeking to solve with this feature request.
+  validations:
+    required: true
+- type: textarea
+  attributes:
+    label: Proposed Solution
+    description: Describe the solution you'd like in a clear and concise manner.
+  validations:
+    required: true
+- type: textarea
+  attributes:
+    label: Alternatives Considered
+    description: A clear and concise description of any alternative solutions or features you've considered.
+  validations:
+    required: true
+- type: textarea
+  attributes:
+    label: Additional Information
+    description: Add any other context about the problem here.
+  validations:
+    required: false

.github/workflows/build.yml

@@ -0,0 +1,161 @@
+name: Build YouTube Music
+
+on:
+  push:
+    branches: [ master ]
+  pull_request:
+
+env:
+  NODE_VERSION: "20.x"
+
+jobs:
+  build:
+    name: Build YouTube Music
+    runs-on: ${{ matrix.os }}
+    strategy:
+      fail-fast: true
+      matrix:
+        os: [ macos-latest, ubuntu-latest, windows-latest ]
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 8
+          run_install: false
+
+      - name: Setup NodeJS
+        if: startsWith(matrix.os, 'macOS') != true
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          cache: 'pnpm'
+
+      - name: Setup NodeJS for macOS
+        if: startsWith(matrix.os, 'macOS')
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      # Only rollup build without release if it is a fork
+      - name: Rollup Build
+        if: github.repository == 'th-ch/youtube-music' && github.event_name == 'pull_request'
+        run: |
+          pnpm build
+
+      # Build and release if it's the main repository and is not pull-request
+      - name: Build and release on Mac
+        if: startsWith(matrix.os, 'macOS') && (github.repository == 'th-ch/youtube-music' && github.event_name != 'pull_request')
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          pnpm release:mac
+
+      - name: Build and release on Linux
+        if: startsWith(matrix.os, 'ubuntu') && (github.repository == 'th-ch/youtube-music' && github.event_name != 'pull_request')
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          pnpm release:linux
+
+      - name: Build and release on Windows
+        if: startsWith(matrix.os, 'windows') && (github.repository == 'th-ch/youtube-music' && github.event_name != 'pull_request')
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          pnpm release:win
+
+      - name: Test
+        uses: coactions/setup-xvfb@v1
+        env:
+          PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+        with:
+          run: pnpm test:debug
+
+
+  release:
+    runs-on: ubuntu-latest
+    name: Release YouTube Music
+    if: github.repository == 'th-ch/youtube-music' && github.ref == 'refs/heads/master'
+    needs: build
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 8
+          run_install: false
+
+      - name: Setup NodeJS
+        if: startsWith(matrix.os, 'macOS') != true
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          cache: 'pnpm'
+
+      - name: Setup NodeJS for macOS
+        if: startsWith(matrix.os, 'macOS')
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Get version
+        run: |
+          echo "VERSION_TAG=v$(node -pe "require('./package.json').version")" >> $GITHUB_ENV
+
+      - name: Check if version already exists in tags
+        run: |
+          echo "VERSION_HASH=$(git rev-parse -q --verify 'refs/tags/${{ env.VERSION_TAG }}')" >> $GITHUB_ENV
+          echo "CHANGELOG_ANCHOR=$(echo $VERSION_TAG | sed -e 's/\.//g')" >> $GITHUB_ENV
+
+      - name: Fetch draft release
+        if: ${{ env.VERSION_HASH == '' }}
+        uses: cardinalby/git-get-release-action@v1
+        id: get_draft_release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          latest: true
+          draft: true
+          searchLimit: 1
+
+      - name: Publish Release (if it does not exist)
+        if: ${{ env.VERSION_HASH == '' }}
+        uses: irongut/EditRelease@v1.2.0
+        with:
+          token: ${{ secrets.GH_TOKEN }}
+          id: ${{ steps.get_draft_release.outputs.id }}
+          draft: false
+          prerelease: false
+          replacename: true
+          name: ${{ env.VERSION_TAG }}
+          replacebody: true
+          body: |
+            See [changelog](https://github.com/th-ch/youtube-music/blob/master/changelog.md#${{ env.CHANGELOG_ANCHOR }}) for the list of updates and the full diff.
+
+            Thanks to all contributors! 🏅
+
+      - name: Update changelog
+        if: ${{ env.VERSION_HASH == '' }}
+        run: |
+          pnpm changelog
+
+      - name: Commit changelog
+        if: ${{ env.VERSION_HASH == '' }}
+        uses: stefanzweifel/git-auto-commit-action@v5
+        with:
+          commit_message: Update changelog for ${{ env.VERSION_TAG }}
+          file_pattern: "changelog.md"
+          commit_user_name: CI
+          commit_user_email: th-ch@users.noreply.github.com

.github/workflows/dependency-review.yml

@@ -0,0 +1,20 @@
+# Dependency Review Action
+#
+# This Action will scan dependency manifest files that change as part of a Pull Reqest, surfacing known-vulnerable versions of the packages declared or updated in the PR. Once installed, if the workflow run is marked as required, PRs introducing known-vulnerable packages will be blocked from merging.
+#
+# Source repository: https://github.com/actions/dependency-review-action
+# Public documentation: https://docs.github.com/en/code-security/supply-chain-security/understanding-your-software-supply-chain/about-dependency-review#dependency-review-enforcement
+name: "Dependency Review"
+on: [ pull_request ]
+
+permissions:
+  contents: read
+
+jobs:
+  dependency-review:
+    runs-on: ubuntu-latest
+    steps:
+      - name: "Checkout Repository"
+        uses: actions/checkout@v4
+      - name: "Dependency Review"
+        uses: actions/dependency-review-action@v3

.github/workflows/winget-cla.yml

@@ -0,0 +1,20 @@
+name: Submit CLA to Winget PR
+
+on:
+  workflow_dispatch:
+    inputs:
+      pr_url:
+        description: "Specific PR URL"
+        required: true
+        type: string
+
+jobs:
+  comment:
+    name: Comment to PR
+    runs-on: ubuntu-latest
+    steps:
+      - name: Submit CLA to Windows Package Manager Community Repository Pull Request
+        run: gh pr comment $PR_URL --body "@microsoft-github-policy-service agree"
+        env:
+          GITHUB_TOKEN: ${{ secrets.WINGET_ACC_TOKEN }}
+          PR_URL: ${{ inputs.pr_url }}

.github/workflows/winget-submission.yml

@@ -0,0 +1,26 @@
+name: Submit to Windows Package Manager Community Repository
+
+on:
+  release:
+    types: [ released ]
+  workflow_dispatch:
+    inputs:
+      tag_name:
+        description: "Specific tag name"
+        required: true
+        type: string
+
+jobs:
+  winget:
+    name: Publish winget package
+    runs-on: ubuntu-latest
+    steps:
+      - name: Submit package to Windows Package Manager Community Repository
+        uses: vedantmgoyal2009/winget-releaser@v2
+        with:
+          identifier: th-ch.YouTubeMusic
+          installers-regex: '^YouTube-Music-Web-Setup-[\d\.]+\.exe$'
+          version: ${{ inputs.tag_name || github.event.release.tag_name }}
+          release-tag: ${{ inputs.tag_name || github.event.release.tag_name }}
+          token: ${{ secrets.WINGET_ACC_TOKEN }}
+          fork-user: youtube-music-winget

.gitignore

@@ -1,4 +1,14 @@
 node_modules
 /dist
-/assets/generated
+/pack
 electron-builder.yml
+.vscode/settings.json
+.idea
+
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

.npmrc

@@ -0,0 +1,2 @@
+engine-strict=true
+scripts-prepend-node-path=true

.prettierrc

@@ -0,0 +1,5 @@
+{
+  "tabWidth": 2,
+  "useTabs": false,
+  "singleQuote": true
+}

.travis.yml

@@ -1,43 +0,0 @@
-matrix:
-  include:
-    - os: osx
-      osx_image: xcode9.4
-      language: node_js
-      node_js: "10"
-      env:
-        - ELECTRON_CACHE=$HOME/.cache/electron
-        - ELECTRON_BUILDER_CACHE=$HOME/.cache/electron-builder
-
-    - os: linux
-      services: docker
-      language: generic
-
-cache:
-  directories:
-    - node_modules
-    - $HOME/.cache/electron
-    - $HOME/.cache/electron-builder
-
-script:
-  - |
-    if [ "$TRAVIS_OS_NAME" == "linux" ]; then
-      docker run --rm \
-        $(env | \
-          grep -Eo '^[^\s=]*(DEBUG|NODE_|ELECTRON_|YARN_|NPM_|CI|CIRCLE|TRAVIS|APPVEYOR_|CSC_|_TOKEN|_KEY|AWS_|STRIP|BUILD_)[^\s=]*' | \
-          sed '/^$/d;s/^/-e /' | \
-          paste -sd ' ' \
-        ) \
-        -v ${PWD}:/project \
-        -v ~/.cache/electron:/root/.cache/electron \
-        -v ~/.cache/electron-builder:/root/.cache/electron-builder \
-        electronuserland/builder \
-        /bin/bash -c "npm install && npm run release:linux"
-    else
-      npm run release:mac
-    fi
-before_cache:
-  - rm -rf $HOME/.cache/electron-builder
-
-branches:
-  except:
-    - "/^v\\d+\\.\\d+\\.\\d+$/"

appveyor.yml

@@ -1,20 +0,0 @@
-image: Visual Studio 2017
-
-platform:
-  - x64
-
-cache:
-  - node_modules
-  - '%USERPROFILE%\.electron'
-
-init:
-  - git config --global core.autocrlf input
-
-install:
-  - ps: Install-Product node 8 x64
-  - npm install
-
-build_script:
-  - npm run release:win
-
-test: off

assets/youtube-music.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 176 176" width="32" height="32">
+	<circle fill="red" cx="88" cy="88" r="88"/>
+	<path fill="#FFF"
+		  d="M88 46c23.1 0 42 18.8 42 42s-18.8 42-42 42-42-18.8-42-42 18.9-42 42-42m0-4c-25.4 0-46 20.6-46 46s20.6 46 46 46 46-20.6 46-46-20.6-46-46-46z"/>
+	<path fill="#FFF" d="M72 111l39-24-39-22z"/>
+</svg>

changelog.md

@@ -0,0 +1,823 @@
+### Changelog
+
+All notable changes to this project will be documented in this file. Dates are displayed in UTC.
+
+#### [v2.2.0](https://github.com/th-ch/youtube-music/compare/v2.1.3...v2.2.0)
+
+- feat(ambient-mode): add config for `ambient-mode` plugin [`#1349`](https://github.com/th-ch/youtube-music/pull/1349)
+- bump deps [`4248d20`](https://github.com/th-ch/youtube-music/commit/4248d20e8ef926ce7b1d07eb83743755a341d9f6)
+- Update changelog for v2.1.3 [`dc73561`](https://github.com/th-ch/youtube-music/commit/dc73561c8a8acfc8ba91aff2dc78e4267869f2fd)
+- Bump version to 2.2.0 [`6288d0b`](https://github.com/th-ch/youtube-music/commit/6288d0b171a65ea015922cdf3af6c7bd9a1f269b)
+
+#### [v2.1.3](https://github.com/th-ch/youtube-music/compare/v2.1.2...v2.1.3)
+
+> 23 October 2023
+
+- fix: fixed bugs in downloader [`#1342`](https://github.com/th-ch/youtube-music/pull/1342)
+- feat(discord): rename `Listen Along` to `Play on YTM` [`#1341`](https://github.com/th-ch/youtube-music/issues/1341)
+- chore(deps): bump deps [`4333891`](https://github.com/th-ch/youtube-music/commit/4333891ccabe42aedf756fd48618be715db13262)
+- Update changelog for v2.1.2 [`fa4c69d`](https://github.com/th-ch/youtube-music/commit/fa4c69d228d4e06a7858e2b22fcdfa075a8ca766)
+- fix(store): fix listenAlong statement [`bceaa05`](https://github.com/th-ch/youtube-music/commit/bceaa05197d47a4a4bbd22e767d1e4d6ec277514)
+
+#### [v2.1.2](https://github.com/th-ch/youtube-music/compare/v2.1.1...v2.1.2)
+
+> 19 October 2023
+
+- feat(in-app-menu): add an option to hide the window controls [`#1335`](https://github.com/th-ch/youtube-music/pull/1335)
+- fix: fixed an issue where the album name was missing [`#1334`](https://github.com/th-ch/youtube-music/pull/1334)
+- chore(deps): update dependency electron to v27.0.1 [`#1331`](https://github.com/th-ch/youtube-music/pull/1331)
+- fix: fixed an issue where only the first 100 songs in a playlist were downloaded [`#1329`](https://github.com/th-ch/youtube-music/pull/1329)
+- Updated readme plugins list [`#1326`](https://github.com/th-ch/youtube-music/pull/1326)
+- QOL: Move source code under the src directory. [`#1318`](https://github.com/th-ch/youtube-music/pull/1318)
+- feat: migrate from `npm` to `pnpm` [`#1316`](https://github.com/th-ch/youtube-music/pull/1316)
+- fix: fix unresponsive (fix #1325) [`#1325`](https://github.com/th-ch/youtube-music/issues/1325)
+- fix(blocker): remove the `app.isPackaged` check (fix #1315) [`#1315`](https://github.com/th-ch/youtube-music/issues/1315)
+- fix(discord): `Discord RPC fails if a song's title is only one character` (fix #1314) [`#1314`](https://github.com/th-ch/youtube-music/issues/1314)
+- chore(deps): Bump @rollup/plugin-commonjs, pnpm version, Remove ytpl [`9705f84`](https://github.com/th-ch/youtube-music/commit/9705f8489d7bf262bfd8b15ab84c2d3485f10eae)
+- chore(deps): Bump rollup, @xhayper/discord-rpc version [`00a3e8d`](https://github.com/th-ch/youtube-music/commit/00a3e8d35ec335e1913be19f30ae09dbe0b7acdd)
+- chore(deps): update dependency rollup to v4.1.4 [`6774d54`](https://github.com/th-ch/youtube-music/commit/6774d54f5eca432edc2e11743d9d1b1c2fda9ac8)
+
+#### [v2.1.1](https://github.com/th-ch/youtube-music/compare/v2.1.0...v2.1.1)
+
+> 14 October 2023
+
+- hotfix(downloader): can't get an album title (fix #1313) [`#1313`](https://github.com/th-ch/youtube-music/issues/1313)
+- Update changelog for v2.1.0 [`92cab89`](https://github.com/th-ch/youtube-music/commit/92cab89d17175741e60e65ea61633e23ebdc1f45)
+- Bump version to 2.1.1 [`3bb5bc2`](https://github.com/th-ch/youtube-music/commit/3bb5bc2ca1856f4e222ee1e01e865f1ab804fdba)
+- Add "about" menu to show app version [`21c45fa`](https://github.com/th-ch/youtube-music/commit/21c45faf2043cf72a7c14d5cf6c8d848d0448528)
+
+#### [v2.1.0](https://github.com/th-ch/youtube-music/compare/v2.0.4...v2.1.0)
+
+> 14 October 2023
+
+- feat(downloader): Added support for audio format auto-detection [`#1310`](https://github.com/th-ch/youtube-music/pull/1310)
+- feat(in-app-menu): enable in-app-menu by default (in Windows) [`#1311`](https://github.com/th-ch/youtube-music/pull/1311)
+- fix: winget publish [`#1307`](https://github.com/th-ch/youtube-music/pull/1307)
+- hotfix(downloader): fix invalid query selector (fix #1308) [`#1308`](https://github.com/th-ch/youtube-music/issues/1308)
+- chore(deps): bump dependencies [`3c6b3ae`](https://github.com/th-ch/youtube-music/commit/3c6b3aeff0aae32adb2f2ad9c091b0a9701d3c24)
+- chore(actions): create winget-cla.yml [`37181a7`](https://github.com/th-ch/youtube-music/commit/37181a7b5e2aa5bed6a36298eac3a66aac2762b8)
+- Update changelog for v2.0.4 [`e9398ad`](https://github.com/th-ch/youtube-music/commit/e9398adac34a8abb11801e32999a915a8be0ece6)
+
+#### [v2.0.4](https://github.com/th-ch/youtube-music/compare/v2.0.3...v2.0.4)
+
+> 12 October 2023
+
+- hotfix(adblocker): fix `ipcRenderer.sendSync() with ...` [`#1301`](https://github.com/th-ch/youtube-music/pull/1301)
+- fix(downloader): Korean filename is broken on non-macOS devices [`#1297`](https://github.com/th-ch/youtube-music/pull/1297)
+- chore(deps): bump deps [`b6894dc`](https://github.com/th-ch/youtube-music/commit/b6894dca2974c63fa2945d3a4995665d11eb2a78)
+- fix: bump dependencies [`7aa970c`](https://github.com/th-ch/youtube-music/commit/7aa970cebc8e1407ff6937b402ba303e14c73efd)
+- fix(downloader): private playlist download [`1d5b299`](https://github.com/th-ch/youtube-music/commit/1d5b2997bd0c72c1c007c57b145509e4a8f77fef)
+
+#### [v2.0.3](https://github.com/th-ch/youtube-music/compare/v2.0.2...v2.0.3)
+
+> 10 October 2023
+
+- feat(discord): add `Hide GitHub link Button` [`#1293`](https://github.com/th-ch/youtube-music/pull/1293)
+- feat(deps): bundle `youtubei.js` (temporary solution) [`#1292`](https://github.com/th-ch/youtube-music/pull/1292)
+- fix(mpris): fixed an issue where MPRIS information was incorrect [`#1291`](https://github.com/th-ch/youtube-music/pull/1291)
+- fix(discord): fixed an issue where `timeChanged` was not being applied to Discord activities [`#1290`](https://github.com/th-ch/youtube-music/pull/1290)
+- Fix: typo in README [`#1286`](https://github.com/th-ch/youtube-music/pull/1286)
+- fix: chore(deps): update dependency @jellybrick/mpris-service to 2.1.4 (fix #971) [`#971`](https://github.com/th-ch/youtube-music/issues/971)
+- chore(deps): Bump `@cliqz/adblocker-electron` to 1.26.8 (fix #1269) [`#1269`](https://github.com/th-ch/youtube-music/issues/1269)
+- fix: missing icons taskbar-mediacontrol [`fbf4b3b`](https://github.com/th-ch/youtube-music/commit/fbf4b3b8b5e39c61975e67efc990c45f62de76d8)
+- remove: migration scripts [`52ba2dc`](https://github.com/th-ch/youtube-music/commit/52ba2dc9ffd8e235251d1279686f55e33b3fa3bb)
+- feat: add migration script [`926b9fb`](https://github.com/th-ch/youtube-music/commit/926b9fb5e6db69b69935ec5d7be9a76a84e54ceb)
+
+#### [v2.0.2](https://github.com/th-ch/youtube-music/compare/v2.0.1...v2.0.2)
+
+> 8 October 2023
+
+- fix: discord-rpc [`#1278`](https://github.com/th-ch/youtube-music/pull/1278)
+- Bump version to 2.0.2 [`b5dbfaf`](https://github.com/th-ch/youtube-music/commit/b5dbfaf68691a546d72f5c1818fd3a44802eb0fa)
+- Merge pull request #1272 from th-ch/feat/resolves-1265 [`6b7fd5b`](https://github.com/th-ch/youtube-music/commit/6b7fd5ba630888de08004105179c059c6d93e028)
+- Merge pull request #1279 from th-ch/fix/1274 [`73a049a`](https://github.com/th-ch/youtube-music/commit/73a049a7bc5161f0d53c252cf510f1e2a6f6eeb3)
+
+#### [v2.0.1](https://github.com/th-ch/youtube-music/compare/v2.0.0...v2.0.1)
+
+> 8 October 2023
+
+- Update changelog for v2.0.0 [`2d69dfd`](https://github.com/th-ch/youtube-music/commit/2d69dfd333c3223ecc7de13a0abc98fd99aa3a2b)
+- hotfix: hotfix for #1267 [`c002263`](https://github.com/th-ch/youtube-music/commit/c002263c3bdd51890b8ffb431283afb60405d8fe)
+- Bump version to 2.0.1 [`a1f025e`](https://github.com/th-ch/youtube-music/commit/a1f025e23c599fe5eb63b32ea38ee81200d232d6)
+
+### [v2.0.0](https://github.com/th-ch/youtube-music/compare/v1.20.0...v2.0.0)
+
+> 7 October 2023
+
+- Bump version to 2.0.0 [`#1257`](https://github.com/th-ch/youtube-music/pull/1257)
+- feat(GitHub): add issue template [`#1264`](https://github.com/th-ch/youtube-music/pull/1264)
+- feat: I guess it's TypeScript [`#1235`](https://github.com/th-ch/youtube-music/pull/1235)
+- chore(deps): update dependency rollup to v4 [`#44`](https://github.com/th-ch/youtube-music/pull/44)
+- feat: apply rollup 🚀 [`#20`](https://github.com/th-ch/youtube-music/pull/20)
+- fix: Fixes the video-toggle being displayed at the wrong position on fullscreen [`#1218`](https://github.com/th-ch/youtube-music/pull/1218)
+- Change Winget Releaser job to `ubuntu-latest` [`#1225`](https://github.com/th-ch/youtube-music/pull/1225)
+- Fixes the video-toggle being displayed at the wrong position on fullscreen [`#1218`](https://github.com/th-ch/youtube-music/pull/1218)
+- Fix Remove upgrade button [`#1206`](https://github.com/th-ch/youtube-music/pull/1206)
+- Fixed Age Restriction Bypass [`#1221`](https://github.com/th-ch/youtube-music/pull/1221)
+- fix(tuna): handle `playPaused` [`#1`](https://github.com/th-ch/youtube-music/pull/1)
+- Add plugin to always use the compact sidebar [`#1190`](https://github.com/th-ch/youtube-music/pull/1190)
+- Hide login elements [`#1189`](https://github.com/th-ch/youtube-music/pull/1189)
+- Fix navigation arrows [`#1191`](https://github.com/th-ch/youtube-music/pull/1191)
+- MacOS better copy paste in readme.md [`#1156`](https://github.com/th-ch/youtube-music/pull/1156)
+- feat(build-windows): Add support for IA32 (resolves #1110) [`#1110`](https://github.com/th-ch/youtube-music/issues/1110)
+- fix: fix the downloader to work in a proxy environment (resolve #46) [`#46`](https://github.com/th-ch/youtube-music/issues/46)
+- fix: fix #34 [`#34`](https://github.com/th-ch/youtube-music/issues/34)
+- fix: fix #32 [`#32`](https://github.com/th-ch/youtube-music/issues/32)
+- fix: fix #29 [`#29`](https://github.com/th-ch/youtube-music/issues/29)
+- fix: fix #30 [`#30`](https://github.com/th-ch/youtube-music/issues/30)
+- fix: fix #29 [`#29`](https://github.com/th-ch/youtube-music/issues/29)
+- fix: fix #30 [`#30`](https://github.com/th-ch/youtube-music/issues/30)
+- hotfix: fix #28 [`#28`](https://github.com/th-ch/youtube-music/issues/28)
+- fix: resolve #12 [`#12`](https://github.com/th-ch/youtube-music/issues/12)
+- fix(precise-volume): fix slider ui does not sync [`#15`](https://github.com/th-ch/youtube-music/issues/15)
+- fix(video-toggle): fix video config not load config [`#16`](https://github.com/th-ch/youtube-music/issues/16)
+- refactor(in-app-menu): refactor in-app-menu plugin [`#13`](https://github.com/th-ch/youtube-music/issues/13)
+- feat(disable-autoplay): add `apply once`, resolve #9 [`#9`](https://github.com/th-ch/youtube-music/issues/9)
+- fix: fix #4 [`#4`](https://github.com/th-ch/youtube-music/issues/4)
+- fix: fix #7 [`#7`](https://github.com/th-ch/youtube-music/issues/7)
+- fix: fix #1187 [`#1187`](https://github.com/th-ch/youtube-music/issues/1187)
+- fix: resolves #978 [`#978`](https://github.com/th-ch/youtube-music/issues/978)
+- fix: resolves #958 [`#958`](https://github.com/th-ch/youtube-music/issues/958)
+- Merge pull request #1259 from organization/feat/fork-to-main [`457a8b5`](https://github.com/th-ch/youtube-music/commit/457a8b5018695d82b043cb7fa7264fbcf43f996c)
+- fix: remove `xo`, migration to `eslint` [`c722896`](https://github.com/th-ch/youtube-music/commit/c722896a73cfbca3bbbab67bfcdfa639474e9030)
+- fix: rollback changelog [`9048da2`](https://github.com/th-ch/youtube-music/commit/9048da22f98b9091ab606464a6cbdaad8bc185ae)
+
+#### [v1.20.0](https://github.com/th-ch/youtube-music/compare/v1.19.0...v1.20.0)
+
+> 18 May 2023
+
+- Bump version to 1.20.0 [`#1117`](https://github.com/th-ch/youtube-music/pull/1117)
+- Multiple implementations for the Adblocker plugin [`#1134`](https://github.com/th-ch/youtube-music/pull/1134)
+- add xesam:url mpris from songInfo.url [`#1138`](https://github.com/th-ch/youtube-music/pull/1138)
+- revert adblocker bump [`#1124`](https://github.com/th-ch/youtube-music/pull/1124)
+- fix security issues in dependencies [`#1116`](https://github.com/th-ch/youtube-music/pull/1116)
+- commit assets/generated [`#1118`](https://github.com/th-ch/youtube-music/pull/1118)
+- remove `electron.remote` dependency [`#1113`](https://github.com/th-ch/youtube-music/pull/1113)
+- .gitattributes set `eol=lf` on *all* files [`#1115`](https://github.com/th-ch/youtube-music/pull/1115)
+- [crossfade] add `[beta]` tag to warn of possible bugs [`#1096`](https://github.com/th-ch/youtube-music/pull/1096)
+- [crossfade] add menu options [`#1065`](https://github.com/th-ch/youtube-music/pull/1065)
+- [captions-selector] add `autoload` option [`#1079`](https://github.com/th-ch/youtube-music/pull/1079)
+- [downloader] Cleanup metadata [`#1091`](https://github.com/th-ch/youtube-music/pull/1091)
+- fix protocol handler on unix [`#1099`](https://github.com/th-ch/youtube-music/pull/1099)
+- fix merge conflict mistake in #1032 [`#1090`](https://github.com/th-ch/youtube-music/pull/1090)
+- Create providers/decorators.js [`#1068`](https://github.com/th-ch/youtube-music/pull/1068)
+- [adblocker] fix ads showing on program start [`#1100`](https://github.com/th-ch/youtube-music/pull/1100)
+- Allow downloading age restricted videos [`#1086`](https://github.com/th-ch/youtube-music/pull/1086)
+- add starting page option [`#1073`](https://github.com/th-ch/youtube-music/pull/1073)
+- [downloader] plugin overhaul [`#1054`](https://github.com/th-ch/youtube-music/pull/1054)
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.25.2 to 1.26.0 [`#1070`](https://github.com/th-ch/youtube-music/pull/1070)
+- [in-app-menu] fix css style of the library of uploaded songs [`#1072`](https://github.com/th-ch/youtube-music/pull/1072)
+- add option to hide the like buttons [`#1077`](https://github.com/th-ch/youtube-music/pull/1077)
+- Nitpick: Fix name casing in tray icon tooltip [`#1081`](https://github.com/th-ch/youtube-music/pull/1081)
+- [lyrics-genius] Improved reliability of east asian language detection #1080 [`#1082`](https://github.com/th-ch/youtube-music/pull/1082)
+- Add dynamic synced plugin config provider [`#1064`](https://github.com/th-ch/youtube-music/pull/1064)
+- [captions-selector] fix button showing when there aren't any captions available [`#1063`](https://github.com/th-ch/youtube-music/pull/1063)
+- [in-app-menu] fix items hidden by navbar in library [`#1067`](https://github.com/th-ch/youtube-music/pull/1067)
+- Fix Youtube Music logo is draggable [`#1061`](https://github.com/th-ch/youtube-music/pull/1061)
+- fix build action failing on forks, and run it on pull requests [`#1069`](https://github.com/th-ch/youtube-music/pull/1069)
+- try to fix songInfo time&album [`#1032`](https://github.com/th-ch/youtube-music/pull/1032)
+- [lyrics] Romanization toggle for Genius plugin [`#1039`](https://github.com/th-ch/youtube-music/pull/1039)
+- [Snyk] Upgrade html-to-text from 9.0.3 to 9.0.4 [`#1056`](https://github.com/th-ch/youtube-music/pull/1056)
+- [in-app-menu] add toggle menu icon [`#988`](https://github.com/th-ch/youtube-music/pull/988)
+- Fix playback speed slider not showing and PiP button showing when it shouldn't [`#1048`](https://github.com/th-ch/youtube-music/pull/1048)
+- [lyrics-genius] Fix lyrics not showing up or showing up when they shouldn't [`#1052`](https://github.com/th-ch/youtube-music/pull/1052)
+- [in-app-menu] disable nav-bar drag when menu is open [`#1055`](https://github.com/th-ch/youtube-music/pull/1055)
+- [Notifications] [Windows] Native interactive notifications [`#946`](https://github.com/th-ch/youtube-music/pull/946)
+- automate winget releases [`#1049`](https://github.com/th-ch/youtube-music/pull/1049)
+- build win target on ARM [`#1029`](https://github.com/th-ch/youtube-music/pull/1029)
+- feat: auto reconnect rpc and CSP fix [`#961`](https://github.com/th-ch/youtube-music/pull/961)
+- [in-app-menu] make navbar draggable [`#989`](https://github.com/th-ch/youtube-music/pull/989)
+- Add option `useNativePiP` in PiP plugin to use native PiP [`#1013`](https://github.com/th-ch/youtube-music/pull/1013)
+- [PiP] fix hotkey activating when typing in the search box [`#1025`](https://github.com/th-ch/youtube-music/pull/1025)
+- [PiP] Remove titlebar when in-app-menu is enabled [`#1024`](https://github.com/th-ch/youtube-music/pull/1024)
+- [Shortcuts] MPRIS fixes, Repeat Language bug fix [`#1005`](https://github.com/th-ch/youtube-music/pull/1005)
+- Build without release in forks [`#1023`](https://github.com/th-ch/youtube-music/pull/1023)
+- [in-app-menu] fix navbar position [`#997`](https://github.com/th-ch/youtube-music/pull/997)
+- Migrate to yarn v3 [`#1022`](https://github.com/th-ch/youtube-music/pull/1022)
+- [precise-volume] fix arrows shortcuts active in search box [`#1002`](https://github.com/th-ch/youtube-music/pull/1002)
+- [new plugin] Add first version for crossfade plugin [`#1012`](https://github.com/th-ch/youtube-music/pull/1012)
+- Fix bypass-age-restriction lib import [`#984`](https://github.com/th-ch/youtube-music/pull/984)
+- Add menu entry to copy current URL [`#977`](https://github.com/th-ch/youtube-music/pull/977)
+- Remove deprecated code [`#979`](https://github.com/th-ch/youtube-music/pull/979)
+- Update dev dependencies [`#976`](https://github.com/th-ch/youtube-music/pull/976)
+- Update electron and various dependencies [`#974`](https://github.com/th-ch/youtube-music/pull/974)
+- Add CI job for dependency review [`#973`](https://github.com/th-ch/youtube-music/pull/973)
+- Improve captions plugin [`#972`](https://github.com/th-ch/youtube-music/pull/972)
+- fix malformed json in tuna-obs [`#817`](https://github.com/th-ch/youtube-music/pull/817)
+- Add Captions selector [`#866`](https://github.com/th-ch/youtube-music/pull/866)
+- fix SnoreToast implementation [`#941`](https://github.com/th-ch/youtube-music/pull/941)
+- Bump json5 from 1.0.1 to 1.0.2 [`#942`](https://github.com/th-ch/youtube-music/pull/942)
+- [Snyk] Upgrade custom-electron-titlebar from 4.1.3 to 4.1.5 [`#969`](https://github.com/th-ch/youtube-music/pull/969)
+- Fixed video-toggle aligning running before #main-panel exists [`#956`](https://github.com/th-ch/youtube-music/pull/956)
+- [New plugin] Music visualizers [`#953`](https://github.com/th-ch/youtube-music/pull/953)
+- fix PiP buttons not showing up [`#964`](https://github.com/th-ch/youtube-music/pull/964)
+- Use same audio context/source everywhere [`#951`](https://github.com/th-ch/youtube-music/pull/951)
+- revert adblocker bump [`#1105`](https://github.com/th-ch/youtube-music/issues/1105)
+- Allow downloading age restricted videos [`#1084`](https://github.com/th-ch/youtube-music/issues/1084)
+- add option to hide the like buttons [`#1075`](https://github.com/th-ch/youtube-music/issues/1075)
+- add starting page option [`#1071`](https://github.com/th-ch/youtube-music/issues/1071)
+- add slight delay to lyrics genius [`#1041`](https://github.com/th-ch/youtube-music/issues/1041)
+- fix unescaped url params [`#1050`](https://github.com/th-ch/youtube-music/issues/1050)
+- fix playback speed selector [`#1045`](https://github.com/th-ch/youtube-music/issues/1045)
+- fix PiP button [`#959`](https://github.com/th-ch/youtube-music/issues/959)
+- fix security issues in deps [`9cde19d`](https://github.com/th-ch/youtube-music/commit/9cde19d906081fe1851f90fa44581b2b74c328e3)
+- rome lint [`325026e`](https://github.com/th-ch/youtube-music/commit/325026e3eae3daed33a6d66d1ef9f898d6805b28)
+- lint [`b652a01`](https://github.com/th-ch/youtube-music/commit/b652a011a5a08978db6660aeca6908c47a7cf07a)
+
+#### [v1.19.0](https://github.com/th-ch/youtube-music/compare/v1.18.0...v1.19.0)
+
+> 31 December 2022
+
+- Automatic release by CI when version is updated [`#936`](https://github.com/th-ch/youtube-music/pull/936)
+- Center toggle of video-toggle [`#894`](https://github.com/th-ch/youtube-music/pull/894)
+- Load plugins as soon as the window is created [`#890`](https://github.com/th-ch/youtube-music/pull/890)
+- Bump qs from 6.5.2 to 6.5.3 [`#913`](https://github.com/th-ch/youtube-music/pull/913)
+- [Snyk] Upgrade custom-electron-titlebar from 4.1.1 to 4.1.2 [`#900`](https://github.com/th-ch/youtube-music/pull/900)
+- Add option in skip-silences plugin to only skip at the beginning [`#931`](https://github.com/th-ch/youtube-music/pull/931)
+- Replace rimraf by del-cli [`#932`](https://github.com/th-ch/youtube-music/pull/932)
+- docs: Added winget install instructions [`#873`](https://github.com/th-ch/youtube-music/pull/873)
+- [Snyk] Upgrade async-mutex from 0.3.2 to 0.4.0 [`#855`](https://github.com/th-ch/youtube-music/pull/855)
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.25.0 to 1.25.1 [`#856`](https://github.com/th-ch/youtube-music/pull/856)
+- [Snyk] Upgrade custom-electron-titlebar from 4.1.0 to 4.1.1 [`#865`](https://github.com/th-ch/youtube-music/pull/865)
+- [Snyk] Upgrade @ffmpeg/ffmpeg from 0.11.5 to 0.11.6 [`#876`](https://github.com/th-ch/youtube-music/pull/876)
+- Discord Plugin RPC Fix [`#888`](https://github.com/th-ch/youtube-music/pull/888)
+- Bump FFMpeg [`#854`](https://github.com/th-ch/youtube-music/pull/854)
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.23.8 to 1.23.9 [`#823`](https://github.com/th-ch/youtube-music/pull/823)
+- [Snyk] Upgrade electron-store from 8.0.2 to 8.1.0 [`#801`](https://github.com/th-ch/youtube-music/pull/801)
+- proposal: Adding an option to hide duration before the song ends [`#802`](https://github.com/th-ch/youtube-music/pull/802)
+- [Snyk] Security upgrade node-fetch from 2.6.7 to 3.2.10 [`#790`](https://github.com/th-ch/youtube-music/pull/790)
+- Update README.md with a new theme repo [`#807`](https://github.com/th-ch/youtube-music/pull/807)
+- Fix likes on touchbar (they were inverted) [`#822`](https://github.com/th-ch/youtube-music/pull/822)
+- Add Scoop install directions for Windows 🪟 [`#839`](https://github.com/th-ch/youtube-music/pull/839)
+- Bump version and change release type when publishing a new version [`31ab27c`](https://github.com/th-ch/youtube-music/commit/31ab27c39ff6319116a6514d952eed1f02dd45fd)
+- Lock node-fetch to v2 for commonJS [`c9f610f`](https://github.com/th-ch/youtube-music/commit/c9f610f7fcfcce1317338364045ab0e1bf4249a4)
+- fix: upgrade @cliqz/adblocker-electron from 1.25.0 to 1.25.1 [`762ef4e`](https://github.com/th-ch/youtube-music/commit/762ef4eede29b53aae912b3b50a1ca53f6765c53)
+
+#### [v1.18.0](https://github.com/th-ch/youtube-music/compare/v1.17.0...v1.18.0)
+
+> 5 September 2022
+
+- Bump ytdl-core (bug fix) [`#816`](https://github.com/th-ch/youtube-music/pull/816)
+- Bump electron and fix tests in CI [`#813`](https://github.com/th-ch/youtube-music/pull/813)
+- Allow user to pass custom CSS file [`#800`](https://github.com/th-ch/youtube-music/pull/800)
+- [Snyk] Upgrade html-to-text from 8.2.0 to 8.2.1 [`#799`](https://github.com/th-ch/youtube-music/pull/799)
+- [Snyk] Upgrade electron-store from 8.0.1 to 8.0.2 [`#772`](https://github.com/th-ch/youtube-music/pull/772)
+- Bump jpeg-js from 0.4.3 to 0.4.4 [`#756`](https://github.com/th-ch/youtube-music/pull/756)
+- Support MPRIS loop and volume change [`#749`](https://github.com/th-ch/youtube-music/pull/749)
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.23.7 to 1.23.8 [`#742`](https://github.com/th-ch/youtube-music/pull/742)
+- Use ; instead of space for play/pause. [`#745`](https://github.com/th-ch/youtube-music/pull/745)
+- Update readme.md [`#750`](https://github.com/th-ch/youtube-music/pull/750)
+- fix lyrics font size [`#753`](https://github.com/th-ch/youtube-music/pull/753)
+- fix top gap between nav-bar and browse-page [`#734`](https://github.com/th-ch/youtube-music/pull/734)
+- migrate from remote to ipc + fix restart in portable app [`#605`](https://github.com/th-ch/youtube-music/pull/605)
+- [Snyk] Upgrade custom-electron-prompt from 1.4.2 to 1.5.0 [`#717`](https://github.com/th-ch/youtube-music/pull/717)
+- Picture in Picture v2 [`#685`](https://github.com/th-ch/youtube-music/pull/685)
+- Add MPRIS volume control [`#776`](https://github.com/th-ch/youtube-music/issues/776)
+- Remove jest [`bb6115f`](https://github.com/th-ch/youtube-music/commit/bb6115fec1a18a416edb365a442eb0b0ee330768)
+- migrate from remote to ipc [`5bd9768`](https://github.com/th-ch/youtube-music/commit/5bd97685b9e07c656e0b57a9e02819afc70af1b1)
+- v3 [`d23bfe9`](https://github.com/th-ch/youtube-music/commit/d23bfe936840b947ca101fd304464f65d36e88cc)
+
+#### [v1.17.0](https://github.com/th-ch/youtube-music/compare/v1.16.0...v1.17.0)
+
+> 16 May 2022
+
+- Bump ejs from 3.1.6 to 3.1.7 [`#712`](https://github.com/th-ch/youtube-music/pull/712)
+- fix injectCSS `did-finish-load` listener overload [`#693`](https://github.com/th-ch/youtube-music/pull/693)
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.23.6 to 1.23.7 [`#689`](https://github.com/th-ch/youtube-music/pull/689)
+- [Snyk] Upgrade custom-electron-prompt from 1.4.1 to 1.4.2 [`#686`](https://github.com/th-ch/youtube-music/pull/686)
+- [Snyk] Upgrade @electron/remote from 2.0.7 to 2.0.8 [`#684`](https://github.com/th-ch/youtube-music/pull/684)
+- Improve plugin submenu ux [`#699`](https://github.com/th-ch/youtube-music/pull/699)
+- update build action [`#702`](https://github.com/th-ch/youtube-music/pull/702)
+- add different modes to video-toggle plugin [`#700`](https://github.com/th-ch/youtube-music/pull/700)
+- lint [`#701`](https://github.com/th-ch/youtube-music/pull/701)
+- [ImgBot] Optimize images [`#703`](https://github.com/th-ch/youtube-music/pull/703)
+- add album to lastfm if available [`#695`](https://github.com/th-ch/youtube-music/pull/695)
+- [in-app-menu] add hide icon option [`#680`](https://github.com/th-ch/youtube-music/pull/680)
+- Add plugin to bypass age restrictions [`#682`](https://github.com/th-ch/youtube-music/pull/682)
+- Add "Picture in picture" plugin [`#674`](https://github.com/th-ch/youtube-music/pull/674)
+- Set lyrics metadata from Genius [`#679`](https://github.com/th-ch/youtube-music/pull/679)
+- MacOS: bring back the app in dock when using tray + app hidden [`#677`](https://github.com/th-ch/youtube-music/pull/677)
+- [Snyk] Upgrade @electron/remote from 2.0.4 to 2.0.5 [`#644`](https://github.com/th-ch/youtube-music/pull/644)
+- [Snyk] Upgrade ytpl from 2.2.3 to 2.3.0 [`#660`](https://github.com/th-ch/youtube-music/pull/660)
+- [Snyk] Upgrade ytdl-core from 4.10.1 to 4.11.0 [`#659`](https://github.com/th-ch/youtube-music/pull/659)
+- Bump plist from 3.0.2 to 3.0.5 [`#678`](https://github.com/th-ch/youtube-music/pull/678)
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.23.4 to 1.23.5 [`#624`](https://github.com/th-ch/youtube-music/pull/624)
+- [Precise-Volume] fix volumeHud position in miniplayer [`#645`](https://github.com/th-ch/youtube-music/pull/645)
+- add always-on-top option [`#655`](https://github.com/th-ch/youtube-music/pull/655)
+- [precise-volume] fix expand-volume-slider not updating its value [`#670`](https://github.com/th-ch/youtube-music/pull/670)
+- Fix lyrics genius missing parts [`#671`](https://github.com/th-ch/youtube-music/pull/671)
+- feat: option to force show like buttons [`#673`](https://github.com/th-ch/youtube-music/pull/673)
+- fix custom titlebar in prompt options [`#619`](https://github.com/th-ch/youtube-music/pull/619)
+- Process lyrics HTML in Genius util [`d0532d6`](https://github.com/th-ch/youtube-music/commit/d0532d691e56f955ef0b41f5fe2efe6295dddf9e)
+- Create first version of picture in picture plugin [`d2265b5`](https://github.com/th-ch/youtube-music/commit/d2265b59d78143cf51fe4dc3d5dee9da66873cc1)
+- Bump electron-builder to fix Mac build script [`ae8365f`](https://github.com/th-ch/youtube-music/commit/ae8365f721eafda6c502d02eee86d098f2b9e2a1)
+
+#### [v1.16.0](https://github.com/th-ch/youtube-music/compare/v1.15.0...v1.16.0)
+
+> 20 February 2022
+
+- update in-app-menu [`#596`](https://github.com/th-ch/youtube-music/pull/596)
+- Fix clientID [`#602`](https://github.com/th-ch/youtube-music/pull/602)
+- Add snoretoast custom compile script [`#600`](https://github.com/th-ch/youtube-music/pull/600)
+- fix interactive notifications icon + exclude platform specific plugins from build [`#591`](https://github.com/th-ch/youtube-music/pull/591)
+- Add album title to largeImage and change paused icon [`#587`](https://github.com/th-ch/youtube-music/pull/587)
+- make useragent override optional [`#595`](https://github.com/th-ch/youtube-music/pull/595)
+- get album name from DOM [`#588`](https://github.com/th-ch/youtube-music/pull/588)
+- fix various lyrics issues [`#584`](https://github.com/th-ch/youtube-music/pull/584)
+- discord set inactivity timeout prompt [`#580`](https://github.com/th-ch/youtube-music/pull/580)
+- add single instance lock option [`#578`](https://github.com/th-ch/youtube-music/pull/578)
+- fix "restart app on config change" option [`#561`](https://github.com/th-ch/youtube-music/pull/561)
+- fix window position save spam [`#562`](https://github.com/th-ch/youtube-music/pull/562)
+- load adblocker sooner [`#583`](https://github.com/th-ch/youtube-music/pull/583)
+- add description of new plugins to readme [`#585`](https://github.com/th-ch/youtube-music/pull/585)
+- Use `center` alignment for lyrics text [`#573`](https://github.com/th-ch/youtube-music/pull/573)
+- fix precise-volume hud positioning [`#567`](https://github.com/th-ch/youtube-music/pull/567)
+- update electron and dependencies [`#565`](https://github.com/th-ch/youtube-music/pull/565)
+- filenamify playlist folder name [`#557`](https://github.com/th-ch/youtube-music/pull/557)
+- [Snyk] Security upgrade node-fetch from 2.6.6 to 2.6.7 (3.1.1 incompatible) [`#554`](https://github.com/th-ch/youtube-music/pull/554)
+- fix app starting offscreen [`#548`](https://github.com/th-ch/youtube-music/pull/548)
+- Release Mac arm64 [`#566`](https://github.com/th-ch/youtube-music/pull/566)
+- Build command for Apple (m1) silicon macs  [`#553`](https://github.com/th-ch/youtube-music/pull/553)
+- [Snyk] Upgrade custom-electron-titlebar from 3.2.9 to 3.2.10 [`#545`](https://github.com/th-ch/youtube-music/pull/545)
+- Fix duplicate media session on linux [`#551`](https://github.com/th-ch/youtube-music/pull/551)
+- show a badge remaining items when downloading a playlist [`#550`](https://github.com/th-ch/youtube-music/pull/550)
+- allow downloading playlists from popup menu [`#549`](https://github.com/th-ch/youtube-music/pull/549)
+- xesam:artist should be a list [`#539`](https://github.com/th-ch/youtube-music/pull/539)
+- fix notifications showing thumbnail of last song [`#537`](https://github.com/th-ch/youtube-music/pull/537)
+- Fix https://github.com/th-ch/youtube-music/pull/578#issuecomment-1035517531 [`#578`](https://github.com/th-ch/youtube-music/pull/578)
+- Add automatic changelog [`1d9bfe8`](https://github.com/th-ch/youtube-music/commit/1d9bfe8ac8869cde648164979986964baa52c2f9)
+- update electron to v17.0.0 [`fef7115`](https://github.com/th-ch/youtube-music/commit/fef711549fa9862f8ea23301edde747c5802e352)
+- update dependencies [`8be07bc`](https://github.com/th-ch/youtube-music/commit/8be07bcb7ad8b727d97c36aa0760aed4e2fc481f)
+
+#### [v1.15.0](https://github.com/th-ch/youtube-music/compare/v1.14.0...v1.15.0)
+
+> 30 December 2021
+
+- Switch from spectron to playwright to fix tests [`#531`](https://github.com/th-ch/youtube-music/pull/531)
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.23.0 to 1.23.1 [`#529`](https://github.com/th-ch/youtube-music/pull/529)
+- fix precise-volume options sync [`#525`](https://github.com/th-ch/youtube-music/pull/525)
+- Add album art/thumbnail to discord activity [`#524`](https://github.com/th-ch/youtube-music/pull/524)
+- fix skip-silences plugin [`#521`](https://github.com/th-ch/youtube-music/pull/521)
+- [Snyk] Upgrade electron-updater from 4.6.2 to 4.6.3 [`#520`](https://github.com/th-ch/youtube-music/pull/520)
+- update electron & remote & user agents [`#515`](https://github.com/th-ch/youtube-music/pull/515)
+- fixes mpris bug in snap [`#513`](https://github.com/th-ch/youtube-music/pull/513)
+- Add "Skip silences" plugin [`#519`](https://github.com/th-ch/youtube-music/pull/519)
+- Aligned lyric design [`#510`](https://github.com/th-ch/youtube-music/pull/510)
+- Fix mpris bugs - follows #480 [`#509`](https://github.com/th-ch/youtube-music/pull/509)
+- Various small fixes (discord, video-toggle, precise-volume, playback-speed, shortcuts, lyrics) [`#476`](https://github.com/th-ch/youtube-music/pull/476)
+- Mpris + obs-tuna fixes [`#480`](https://github.com/th-ch/youtube-music/pull/480)
+- [Snyk] Upgrade node-fetch from 2.6.5 to 2.6.6 [`#498`](https://github.com/th-ch/youtube-music/pull/498)
+- fix interaction between blur navbar & in-app-menu [`#491`](https://github.com/th-ch/youtube-music/pull/491)
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.22.7 to 1.23.0 [`#475`](https://github.com/th-ch/youtube-music/pull/475)
+- New Plugin: Exponential Volume [`#488`](https://github.com/th-ch/youtube-music/pull/488)
+- [Snyk] Upgrade electron-updater from 4.6.0 to 4.6.1 [`#474`](https://github.com/th-ch/youtube-music/pull/474)
+- Fix loadeddata/metadata video events rarely not firing (+other small fixes) [`#477`](https://github.com/th-ch/youtube-music/pull/477)
+- fix #490 [`#490`](https://github.com/th-ch/youtube-music/issues/490)
+- fix #472 [`#472`](https://github.com/th-ch/youtube-music/issues/472)
+- fix mpris [`ccfe743`](https://github.com/th-ch/youtube-music/commit/ccfe7434bf708ee58156c2952234a049706edfc2)
+- lint [`4362101`](https://github.com/th-ch/youtube-music/commit/4362101c0a2ebb7f0536f615cecba8a55ac96702)
+- rework songInfo pause listener [`6726e26`](https://github.com/th-ch/youtube-music/commit/6726e2600b3ca3a8d68e3e1b95b50da211fa354d)
+
+#### [v1.14.0](https://github.com/th-ch/youtube-music/compare/v1.13.0...v1.14.0)
+
+> 7 November 2021
+
+- [Snyk] Upgrade custom-electron-prompt from 1.1.0 to 1.2.0 [`#467`](https://github.com/th-ch/youtube-music/pull/467)
+- Video Toggle Plugin [`#448`](https://github.com/th-ch/youtube-music/pull/448)
+- fix playback speed plugin [`#462`](https://github.com/th-ch/youtube-music/pull/462)
+- Fix sponsorblock skipping when not needed [`#465`](https://github.com/th-ch/youtube-music/pull/465)
+- Sponsorblock fix + use new apiLoaded event [`#463`](https://github.com/th-ch/youtube-music/pull/463)
+- use apiLoaded event in audio-compressor plugin [`#458`](https://github.com/th-ch/youtube-music/pull/458)
+- alert on initial hide-menu enabled [`#456`](https://github.com/th-ch/youtube-music/pull/456)
+- Blur plugin tweaks and integration with in-app-menu [`#451`](https://github.com/th-ch/youtube-music/pull/451)
+- set resume on start url to songInfo.url [`#449`](https://github.com/th-ch/youtube-music/pull/449)
+- quality-changer-plugin [`#446`](https://github.com/th-ch/youtube-music/pull/446)
+- get songInfo from youtube API [`#443`](https://github.com/th-ch/youtube-music/pull/443)
+- New plugin: Blur navigation bar [`#442`](https://github.com/th-ch/youtube-music/pull/442)
+- Discord plugin: Clean Up Export (follow-up #380) [`#440`](https://github.com/th-ch/youtube-music/pull/440)
+- remove upgrade button + makes images unselectable [`#434`](https://github.com/th-ch/youtube-music/pull/434)
+- new auto confirm when paused [`#433`](https://github.com/th-ch/youtube-music/pull/433)
+- fix: mpris instance not registering itself and media controls [`#431`](https://github.com/th-ch/youtube-music/pull/431)
+- Audio compressor plugin [`#288`](https://github.com/th-ch/youtube-music/pull/288)
+- precise-volume plugin fixes & updates [`#275`](https://github.com/th-ch/youtube-music/pull/275)
+- Custom Prompt for changing options [`#243`](https://github.com/th-ch/youtube-music/pull/243)
+- [Snyk] Upgrade async-mutex from 0.3.1 to 0.3.2 [`#412`](https://github.com/th-ch/youtube-music/pull/412)
+- build(deps): bump tmpl from 1.0.4 to 1.0.5 [`#414`](https://github.com/th-ch/youtube-music/pull/414)
+- [Snyk] Upgrade node-fetch from 2.6.1 to 2.6.2 [`#416`](https://github.com/th-ch/youtube-music/pull/416)
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.22.5 to 1.22.6 [`#429`](https://github.com/th-ch/youtube-music/pull/429)
+- build(deps-dev): bump electron from 12.0.8 to 12.1.0 [`#430`](https://github.com/th-ch/youtube-music/pull/430)
+- Fix discord clearActivity, menu, listen along option [`#380`](https://github.com/th-ch/youtube-music/pull/380)
+- Bump dev deps [`41a01ba`](https://github.com/th-ch/youtube-music/commit/41a01ba58a17056ba5143fdbd10d3bae11dd8d52)
+- Discord add reconnecting functionality [`b5fd6b4`](https://github.com/th-ch/youtube-music/commit/b5fd6b4969a318b3738583e7f33eb2c0cf295237)
+- add custom-electron-prompt [`e4eed2e`](https://github.com/th-ch/youtube-music/commit/e4eed2e51979378e62dab902e425218cae5108dc)
+
+#### [v1.13.0](https://github.com/th-ch/youtube-music/compare/v1.12.2...v1.13.0)
+
+> 19 September 2021
+
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.22.4 to 1.22.5 [`#406`](https://github.com/th-ch/youtube-music/pull/406)
+- Fix incorrect Google alert caused by changing user agent coresponding to current platform [`#384`](https://github.com/th-ch/youtube-music/pull/384)
+- [Snyk] Upgrade electron-updater from 4.4.3 to 4.4.6 [`#401`](https://github.com/th-ch/youtube-music/pull/401)
+- [Snyk] Upgrade electron-updater from 4.4.0 to 4.4.1 [`#370`](https://github.com/th-ch/youtube-music/pull/370)
+- Bump path-parse from 1.0.6 to 1.0.7 [`#375`](https://github.com/th-ch/youtube-music/pull/375)
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.22.2 to 1.22.3 [`#385`](https://github.com/th-ch/youtube-music/pull/385)
+- Bump jszip from 3.5.0 to 3.7.1 [`#388`](https://github.com/th-ch/youtube-music/pull/388)
+- List missing plugins [`#382`](https://github.com/th-ch/youtube-music/pull/382)
+- add tuna plugin for obs [`#397`](https://github.com/th-ch/youtube-music/pull/397)
+- Update menu buttons to new format [`#389`](https://github.com/th-ch/youtube-music/pull/389)
+- Plugin to fetch lyrics from Genius [`#387`](https://github.com/th-ch/youtube-music/pull/387)
+- Add mpris support with cherry picked commit from previous PR https://github.com/th-ch/youtube-music/pull/394 [`#395`](https://github.com/th-ch/youtube-music/pull/395)
+- Add "Listen Along" button, solve #353 [`#383`](https://github.com/th-ch/youtube-music/pull/383)
+- Bump node to v14 [`#386`](https://github.com/th-ch/youtube-music/pull/386)
+- [Snyk] Upgrade electron-updater from 4.3.9 to 4.3.10 [`#350`](https://github.com/th-ch/youtube-music/pull/350)
+- [Snyk] Upgrade chokidar from 3.5.1 to 3.5.2 [`#354`](https://github.com/th-ch/youtube-music/pull/354)
+- Bump ytdl/ytpl [`c01506d`](https://github.com/th-ch/youtube-music/commit/c01506dc441bfc538471dc2c552c1a8a2800c611)
+- Add mpris support [`e255777`](https://github.com/th-ch/youtube-music/commit/e255777283c7b16611404cbfe260bfcca75a1e40)
+- Add Genius lyrics plugin [`acbe0ac`](https://github.com/th-ch/youtube-music/commit/acbe0ac25d568c25fedb514e0e96c66497b0f2d6)
+
+#### [v1.12.2](https://github.com/th-ch/youtube-music/compare/v1.12.1...v1.12.2)
+
+> 1 July 2021
+
+- Fix downloader plugin [`#339`](https://github.com/th-ch/youtube-music/pull/339)
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.22.0 to 1.22.1 [`#337`](https://github.com/th-ch/youtube-music/pull/337)
+- Update and simplify in-app-menu [`#249`](https://github.com/th-ch/youtube-music/pull/249)
+- Bump hosted-git-info from 2.8.8 to 2.8.9 [`#331`](https://github.com/th-ch/youtube-music/pull/331)
+- Bump lodash from 4.17.20 to 4.17.21 [`#330`](https://github.com/th-ch/youtube-music/pull/330)
+- [Snyk] Upgrade ytdl-core from 4.8.0 to 4.8.2 [`#328`](https://github.com/th-ch/youtube-music/pull/328)
+- [Snyk] Upgrade electron-updater from 4.3.8 to 4.3.9 [`#324`](https://github.com/th-ch/youtube-music/pull/324)
+- Bump normalize-url from 4.5.0 to 4.5.1 [`#323`](https://github.com/th-ch/youtube-music/pull/323)
+- Bump trim-newlines from 3.0.0 to 3.0.1 [`#320`](https://github.com/th-ch/youtube-music/pull/320)
+- [Snyk] Upgrade @ffmpeg/core from 0.9.0 to 0.10.0 [`#317`](https://github.com/th-ch/youtube-music/pull/317)
+- [Snyk] Upgrade @ffmpeg/ffmpeg from 0.9.8 to 0.10.0 [`#316`](https://github.com/th-ch/youtube-music/pull/316)
+- [Snyk] Upgrade custom-electron-titlebar from 3.2.6 to 3.2.7 [`#311`](https://github.com/th-ch/youtube-music/pull/311)
+- fix hidden webp thumbnail throwing MIME type error in downloader [`#318`](https://github.com/th-ch/youtube-music/pull/318)
+- Add Sponsorblock plugin [`#308`](https://github.com/th-ch/youtube-music/pull/308)
+- [Snyk] Upgrade @ffmpeg/ffmpeg from 0.9.7 to 0.9.8 [`#305`](https://github.com/th-ch/youtube-music/pull/305)
+- Bump dependencies to fix vulnerabilities [`496836b`](https://github.com/th-ch/youtube-music/commit/496836b33b116e06b8d1361ce1f47ab6c9138cae)
+- update refreshMenu() function [`33855f1`](https://github.com/th-ch/youtube-music/commit/33855f17dd80c099117a3d84bbd9b5021776771c)
+- Add SponsorBlock plugin [`ca64a77`](https://github.com/th-ch/youtube-music/commit/ca64a77ed0236fd9cfb4b40e450578a186638dc7)
+
+#### [v1.12.1](https://github.com/th-ch/youtube-music/compare/v1.12.0...v1.12.1)
+
+> 28 May 2021
+
+- Bump ws from 7.4.3 to 7.4.6 [`#303`](https://github.com/th-ch/youtube-music/pull/303)
+- Bump browserslist from 4.16.3 to 4.16.6 [`#301`](https://github.com/th-ch/youtube-music/pull/301)
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.20.4 to 1.20.5 [`#300`](https://github.com/th-ch/youtube-music/pull/300)
+- [Snyk] Upgrade ytdl-core from 4.5.0 to 4.7.0 [`#299`](https://github.com/th-ch/youtube-music/pull/299)
+- [Snyk] Upgrade @ffmpeg/core from 0.8.5 to 0.9.0 [`#298`](https://github.com/th-ch/youtube-music/pull/298)
+- [Snyk] Upgrade filenamify from 4.2.0 to 4.3.0 [`#293`](https://github.com/th-ch/youtube-music/pull/293)
+- [Snyk] Upgrade ytpl from 2.1.1 to 2.2.0 [`#285`](https://github.com/th-ch/youtube-music/pull/285)
+- fix song-info callback duplication [`#269`](https://github.com/th-ch/youtube-music/pull/269)
+- fix notification showing appID instead of app name on windows [`#270`](https://github.com/th-ch/youtube-music/pull/270)
+- Upgrade electron to v12 [`#273`](https://github.com/th-ch/youtube-music/pull/273)
+- fix last-fm overwrite config on each start [`#267`](https://github.com/th-ch/youtube-music/pull/267)
+- Downloader tweaks + taskbar progress bar [`#265`](https://github.com/th-ch/youtube-music/pull/265)
+- remove `open` dependency from last-fm plugin [`#262`](https://github.com/th-ch/youtube-music/pull/262)
+- Fix downloader metadata if not currently playing [`#252`](https://github.com/th-ch/youtube-music/pull/252)
+- fix playPause bugs by directly playPause video element [`#259`](https://github.com/th-ch/youtube-music/pull/259)
+- Bump ua-parser-js from 0.7.23 to 0.7.28 [`#260`](https://github.com/th-ch/youtube-music/pull/260)
+- Fix precise volume listener override [`#253`](https://github.com/th-ch/youtube-music/pull/253)
+- fix css not inserting on reload [`#255`](https://github.com/th-ch/youtube-music/pull/255)
+- playlist download progressBar using `chokidar` [`53bf7c5`](https://github.com/th-ch/youtube-music/commit/53bf7c5068fdc14f5aa469d47b3174d27f40e05c)
+- download progress bar on taskbar [`a8ac2c3`](https://github.com/th-ch/youtube-music/commit/a8ac2c3af988f299be85010e7fea541096b7e261)
+- fix: upgrade @cliqz/adblocker-electron from 1.20.4 to 1.20.5 [`c5f84b5`](https://github.com/th-ch/youtube-music/commit/c5f84b568b0c3480af1abc8ff111771e2170a50e)
+
+#### [v1.12.0](https://github.com/th-ch/youtube-music/compare/v1.11.0...v1.12.0)
+
+> 4 May 2021
+
+- Menu tweaks [`#224`](https://github.com/th-ch/youtube-music/pull/224)
+- Interactive notifications for windows [`#228`](https://github.com/th-ch/youtube-music/pull/228)
+- [Plugin] Precise volume control [`#236`](https://github.com/th-ch/youtube-music/pull/236)
+- [Snyk] Upgrade electron-store from 7.0.2 to 7.0.3 [`#244`](https://github.com/th-ch/youtube-music/pull/244)
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.20.3 to 1.20.4 [`#233`](https://github.com/th-ch/youtube-music/pull/233)
+- Dependencies update [`#231`](https://github.com/th-ch/youtube-music/pull/231)
+- Fix downloader metadata [`#245`](https://github.com/th-ch/youtube-music/pull/245)
+- Last.fm support [`#196`](https://github.com/th-ch/youtube-music/pull/196)
+- simple fix for discord plugin [`#239`](https://github.com/th-ch/youtube-music/pull/239)
+- In-app-menu plugin - rename plugin & configure menu builder [`#215`](https://github.com/th-ch/youtube-music/pull/215)
+- Allows downloading songs that aren't currently playing [`#221`](https://github.com/th-ch/youtube-music/pull/221)
+- Updated download plugin icon color to match other icons [`#222`](https://github.com/th-ch/youtube-music/pull/222)
+- [Notification Plugin] Fix duplicate notification [`#216`](https://github.com/th-ch/youtube-music/pull/216)
+- Pass metadata to front + use metadata URL in downloader [`#213`](https://github.com/th-ch/youtube-music/pull/213)
+- Refresh menu on plugin enable/disable (show/hide submenu) [`#217`](https://github.com/th-ch/youtube-music/pull/217)
+- remove 'shortcuts' from default plugins [`#218`](https://github.com/th-ch/youtube-music/pull/218)
+- [Plugin] styled-bars [`#201`](https://github.com/th-ch/youtube-music/pull/201)
+- Add configurable notification urgency [`#212`](https://github.com/th-ch/youtube-music/pull/212)
+- add Download Folder Chooser [`#207`](https://github.com/th-ch/youtube-music/pull/207)
+- Improved songinfo provider, by using the data from the '/player' request [`#194`](https://github.com/th-ch/youtube-music/pull/194)
+- Download plugin directory chooser [`#10`](https://github.com/th-ch/youtube-music/pull/10)
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.20.0 to 1.20.1 [`#180`](https://github.com/th-ch/youtube-music/pull/180)
+- [Plugin] taskbar-mediacontrol  (for Windows) [`#200`](https://github.com/th-ch/youtube-music/pull/200)
+- merge source [`#3`](https://github.com/th-ch/youtube-music/pull/3)
+- merge source [`#2`](https://github.com/th-ch/youtube-music/pull/2)
+- Add playlist feature in downloader plugin + custom menus in plugin system [`#203`](https://github.com/th-ch/youtube-music/pull/203)
+- Added Discord timeout [`#192`](https://github.com/th-ch/youtube-music/pull/192)
+- Override hide(),show(),isVisible from inside plugin [`6427b34`](https://github.com/th-ch/youtube-music/commit/6427b3406c8d84c5b7ecbe6a28158d5dc895c3c2)
+- added back original yarn.lock [`24fea5a`](https://github.com/th-ch/youtube-music/commit/24fea5a24afd4f547628549962d24756cca5e413)
+- remove local prompt [`8dc486f`](https://github.com/th-ch/youtube-music/commit/8dc486f18fe02a218b149838dc7ab939ec1b698a)
+
+#### [v1.11.0](https://github.com/th-ch/youtube-music/compare/v1.10.0...v1.11.0)
+
+> 9 March 2021
+
+- [Snyk] Upgrade electron-store from 7.0.1 to 7.0.2 [`#178`](https://github.com/th-ch/youtube-music/pull/178)
+- Added function to toggle resuming of last song when app starts [`#177`](https://github.com/th-ch/youtube-music/pull/177)
+- [Snyk] Upgrade discord-rpc from 3.1.4 to 3.2.0 [`#175`](https://github.com/th-ch/youtube-music/pull/175)
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.19.0 to 1.20.0 [`#154`](https://github.com/th-ch/youtube-music/pull/154)
+- Added metadata to downloader plugin, and updated packages [`dd1bdae`](https://github.com/th-ch/youtube-music/commit/dd1bdae9478ef831ee2a00b29be04c65626933f8)
+- Fix download/speed menu item [`796a7aa`](https://github.com/th-ch/youtube-music/commit/796a7aaaf1ecaf80b2ef113137f2222499803e29)
+- fix: upgrade @cliqz/adblocker-electron from 1.19.0 to 1.20.0 [`538ab52`](https://github.com/th-ch/youtube-music/commit/538ab52abd46c2e3c6abb529c5137b5286d29670)
+
+#### [v1.10.0](https://github.com/th-ch/youtube-music/compare/v1.9.0...v1.10.0)
+
+> 7 February 2021
+
+- [Snyk] Upgrade @ffmpeg/ffmpeg from 0.9.6 to 0.9.7 [`#146`](https://github.com/th-ch/youtube-music/pull/146)
+- Reuse the same notification, instead of creating a new one each time the song changes. [`#144`](https://github.com/th-ch/youtube-music/pull/144)
+- [Snyk] Upgrade ytdl-core from 4.2.1 to 4.3.0 [`#136`](https://github.com/th-ch/youtube-music/pull/136)
+- bring the new commits to this fork [`#1`](https://github.com/th-ch/youtube-music/pull/1)
+- GH page [`3bcf409`](https://github.com/th-ch/youtube-music/commit/3bcf409f2b1629333714b187c606891cedb12512)
+- Add plugin to control playback speed like in YouTube (from 0.25 to 2) [`f7f3185`](https://github.com/th-ch/youtube-music/commit/f7f31850d3d9879002dc47326e4f6ec9a52c25a1)
+- Update back.js [`1fdf241`](https://github.com/th-ch/youtube-music/commit/1fdf2416ad414035104bfb51b8450d82e566cb13)
+
+#### [v1.9.0](https://github.com/th-ch/youtube-music/compare/v1.8.2...v1.9.0)
+
+> 15 January 2021
+
+- [Snyk] Upgrade electron-debug from 3.1.0 to 3.2.0 [`#121`](https://github.com/th-ch/youtube-music/pull/121)
+- Refactor providers [`#125`](https://github.com/th-ch/youtube-music/pull/125)
+- Added Discord rich presence and added extra properties to songInfo provider [`#124`](https://github.com/th-ch/youtube-music/pull/124)
+- Fix plugins with context isolation [`#127`](https://github.com/th-ch/youtube-music/pull/127)
+- Windows portable exe [`#126`](https://github.com/th-ch/youtube-music/pull/126)
+- Split providers in 2 [`0743034`](https://github.com/th-ch/youtube-music/commit/0743034de0443e889ec11d7ea83727ff4fb96599)
+- Added Discord rich presence and added extra properties to songinfo provider [`a8ce87f`](https://github.com/th-ch/youtube-music/commit/a8ce87f2ccb4f0fdbd36676883e6a0497bebc263)
+- Update discord plugin for new provider + wait for ready [`aec542e`](https://github.com/th-ch/youtube-music/commit/aec542e95e2837f54bf19de675f311444789ea4e)
+
+#### [v1.8.2](https://github.com/th-ch/youtube-music/compare/v1.8.1...v1.8.2)
+
+> 12 January 2021
+
+- Downloader plugin - custom audio format [`#118`](https://github.com/th-ch/youtube-music/pull/118)
+- Globalized the song info and song controls, and updated Touch Bar for it. [`#102`](https://github.com/th-ch/youtube-music/pull/102)
+- Bump electron to v11 [`#120`](https://github.com/th-ch/youtube-music/pull/120)
+- Globalized the songinfo and song controls, and changed the pause/play button. [`9be3e1a`](https://github.com/th-ch/youtube-music/commit/9be3e1afe91f0aa3419040bba65e7b3b83b469c6)
+- Simplifies the notification plugin to use the globalized song info [`5bffdbd`](https://github.com/th-ch/youtube-music/commit/5bffdbd6285a6816749c467d6e912d14748f9959)
+- Loads providers before plugins [`3a5d9bd`](https://github.com/th-ch/youtube-music/commit/3a5d9bd973bdd67e77f8a7687c1430245a9490bd)
+
+#### [v1.8.1](https://github.com/th-ch/youtube-music/compare/v1.8.0...v1.8.1)
+
+> 8 January 2021
+
+- [Snyk] Upgrade electron-updater from 4.3.5 to 4.3.6 [`#116`](https://github.com/th-ch/youtube-music/pull/116)
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.18.8 to 1.19.0 [`#117`](https://github.com/th-ch/youtube-music/pull/117)
+- [Snyk] Upgrade ytdl-core from 4.1.1 to 4.1.2 [`#109`](https://github.com/th-ch/youtube-music/pull/109)
+- Bump node-notifier from 8.0.0 to 8.0.1 [`#104`](https://github.com/th-ch/youtube-music/pull/104)
+- fix: upgrade electron-updater from 4.3.5 to 4.3.6 [`0bf77e5`](https://github.com/th-ch/youtube-music/commit/0bf77e592a87eb8a5222cf2c1588488a51044422)
+- fix: upgrade @cliqz/adblocker-electron from 1.18.8 to 1.19.0 [`5c0cc08`](https://github.com/th-ch/youtube-music/commit/5c0cc08d80d60c46e8b27343c6fc302f64fe89e2)
+- fix: upgrade ytdl-core from 4.1.1 to 4.1.2 [`e2cc262`](https://github.com/th-ch/youtube-music/commit/e2cc2628aea653739f878ec2cd2e72e2e70018a1)
+
+#### [v1.8.0](https://github.com/th-ch/youtube-music/compare/v1.7.5...v1.8.0)
+
+> 20 December 2020
+
+- Added Touch Bar plugin [`#101`](https://github.com/th-ch/youtube-music/pull/101)
+- [Snyk] Upgrade @ffmpeg/core from 0.8.4 to 0.8.5 [`#99`](https://github.com/th-ch/youtube-music/pull/99)
+- [Snyk] Upgrade @ffmpeg/ffmpeg from 0.9.5 to 0.9.6 [`#100`](https://github.com/th-ch/youtube-music/pull/100)
+- [Readme] Web folder for readme assets + new SVG animation [`#96`](https://github.com/th-ch/youtube-music/pull/96)
+- Add new Linux targets (deb, freebsd, rpm) [`#94`](https://github.com/th-ch/youtube-music/pull/94)
+- Web folder for readme assets + new svg animation [`01fc965`](https://github.com/th-ch/youtube-music/commit/01fc9651705f457da63615ff774f00957f783d3d)
+- touchbar plugin - fixed code style [`7473677`](https://github.com/th-ch/youtube-music/commit/7473677477071ca5e7b18bda3193e345d7fd549f)
+- added initial touchbar support [`c3e2c13`](https://github.com/th-ch/youtube-music/commit/c3e2c1380810d156d9d6863fffc804242171bec0)
+
+#### [v1.7.5](https://github.com/th-ch/youtube-music/compare/v1.7.4...v1.7.5)
+
+> 12 December 2020
+
+- Bump ini from 1.3.5 to 1.3.7 [`#92`](https://github.com/th-ch/youtube-music/pull/92)
+- Fix adblocking [`#90`](https://github.com/th-ch/youtube-music/pull/90)
+- Bump adblocker dependency [`49497d0`](https://github.com/th-ch/youtube-music/commit/49497d0efb28ee0be5b16d0f1c3660efafcd289c)
+- Fix adblocker preloading to inject scripts/styles [`66c5ce4`](https://github.com/th-ch/youtube-music/commit/66c5ce46caa85a7ae4ceb3d63a9e168827015c71)
+- Add uBlock Origin filters to default sources [`79c7959`](https://github.com/th-ch/youtube-music/commit/79c795927a3be96456a2f45159285c64166a29b8)
+
+#### [v1.7.4](https://github.com/th-ch/youtube-music/compare/v1.7.3...v1.7.4)
+
+> 8 December 2020
+
+#### [v1.7.3](https://github.com/th-ch/youtube-music/compare/v1.7.2...v1.7.3)
+
+> 8 December 2020
+
+- Adblocker: add option to disable default lists [`22c7f70`](https://github.com/th-ch/youtube-music/commit/22c7f70c938566a9db9c4d46a57224cfdee43df0)
+
+#### [v1.7.2](https://github.com/th-ch/youtube-music/compare/v1.7.1...v1.7.2)
+
+> 6 December 2020
+
+- Add AUR badge + beautify badges [`#82`](https://github.com/th-ch/youtube-music/pull/82)
+- Bugfix: only use cache with no additional blocklists [`467171a`](https://github.com/th-ch/youtube-music/commit/467171a17e648331d63f166c2da2f3134e95b37f)
+- Add AUR tag + beautify tags [`d212206`](https://github.com/th-ch/youtube-music/commit/d21220693b9ffa26e05fe1963376b636b40b9952)
+- Readme: add youtube-music logo to badges [`3022fac`](https://github.com/th-ch/youtube-music/commit/3022facbead40ccd81629c37b870ab33ce7fa106)
+
+#### [v1.7.1](https://github.com/th-ch/youtube-music/compare/v1.7.0...v1.7.1)
+
+> 3 December 2020
+
+- Option to restart the app on config changes [`fd97576`](https://github.com/th-ch/youtube-music/commit/fd97576611ae80b959ffe7984e88ddc8d28a1ffc)
+- Bump version to 1.7.1 [`e07cac2`](https://github.com/th-ch/youtube-music/commit/e07cac240691b1c9d6909e457824616182374c3a)
+
+#### [v1.7.0](https://github.com/th-ch/youtube-music/compare/v1.6.5...v1.7.0)
+
+> 3 December 2020
+
+- Refactor config, custom plugin options [`#79`](https://github.com/th-ch/youtube-music/pull/79)
+- Refactor config for simpler use and advanced options in plugins [`8ab2da0`](https://github.com/th-ch/youtube-music/commit/8ab2da0482b6211b6b6d43423ec06daed48dac4f)
+- Allow editing config (advanced) [`f4fe5c2`](https://github.com/th-ch/youtube-music/commit/f4fe5c2a58e1ad555c321f27c00d2d78184fc687)
+- Adblocker - advanced options (caching or not, additional lists) [`b94d0d4`](https://github.com/th-ch/youtube-music/commit/b94d0d4e8bd3a92bbb5e012a63fa782baa774be7)
+
+#### [v1.6.5](https://github.com/th-ch/youtube-music/compare/v1.6.4...v1.6.5)
+
+> 2 December 2020
+
+- Add option to disable hardware acceleration [`#77`](https://github.com/th-ch/youtube-music/pull/77)
+- Downloader plugin - retry and upgrade dependencies [`#76`](https://github.com/th-ch/youtube-music/pull/76)
+- Reflect Arch Linux package name change [`#70`](https://github.com/th-ch/youtube-music/pull/70)
+- Option to hide menu [`#67`](https://github.com/th-ch/youtube-music/pull/67)
+- Add Arch Linux installation instructions [`#68`](https://github.com/th-ch/youtube-music/pull/68)
+- Update ytdl-core to 4.1.1 [`33a11ef`](https://github.com/th-ch/youtube-music/commit/33a11efe9acad234e41ad9044ae9e67fd573b7f4)
+- Autoupdate modal: add download/disable updates buttons [`ae5b85d`](https://github.com/th-ch/youtube-music/commit/ae5b85d8d748659f2e23d417560026f24ab8ce9c)
+- Option to hide menu (win/linux) [`4bac3ac`](https://github.com/th-ch/youtube-music/commit/4bac3ace186c5be2cb9409d2b703f960bd662145)
+
+#### [v1.6.4](https://github.com/th-ch/youtube-music/compare/v1.6.3...v1.6.4)
+
+> 24 November 2020
+
+#### [v1.6.3](https://github.com/th-ch/youtube-music/compare/v1.6.2...v1.6.3)
+
+> 24 November 2020
+
+- Improve CI [`#64`](https://github.com/th-ch/youtube-music/pull/64)
+- Ensure menu is visible on all platforms [`#63`](https://github.com/th-ch/youtube-music/pull/63)
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.18.3 to 1.18.4 [`#62`](https://github.com/th-ch/youtube-music/pull/62)
+- fix: upgrade @cliqz/adblocker-electron from 1.18.3 to 1.18.4 [`2b243f6`](https://github.com/th-ch/youtube-music/commit/2b243f6dcb00d3b6f27fd066c093e7b16bb384e2)
+- CI: cache yarn directory [`0fd4933`](https://github.com/th-ch/youtube-music/commit/0fd49330d3218ec5f1bc62b72ace28e79d02bc93)
+- Run CI on every push/PR [`cf4827d`](https://github.com/th-ch/youtube-music/commit/cf4827d780fee510a27eecf42453b0505c52bcf9)
+
+#### [v1.6.2](https://github.com/th-ch/youtube-music/compare/v1.6.0...v1.6.2)
+
+> 22 November 2020
+
+- Add github action to build/release [`#60`](https://github.com/th-ch/youtube-music/pull/60)
+- Bump to node 12 [`#59`](https://github.com/th-ch/youtube-music/pull/59)
+- Bump to node 12 [`#59`](https://github.com/th-ch/youtube-music/pull/59)
+- Add downloader (video -> mp3) plugin (in music menu) [`e197087`](https://github.com/th-ch/youtube-music/commit/e197087a5027af1ca71ecde7bbdf6351137555b9)
+- Delete AppVeyor/Travis CI integration [`941dd90`](https://github.com/th-ch/youtube-music/commit/941dd90d77a5c46ed5505918374693fcd892af1f)
+- GH action to build/release [`fc4754a`](https://github.com/th-ch/youtube-music/commit/fc4754a1709e6eb70d662f89eafd360aa4a77aa2)
+
+#### [v1.6.0](https://github.com/th-ch/youtube-music/compare/v1.5.0...v1.6.0)
+
+> 11 November 2020
+
+- [Snyk] Upgrade electron-store from 6.0.0 to 6.0.1 [`#54`](https://github.com/th-ch/youtube-music/pull/54)
+- Add notifications plugin (notify of song on play event) [`bcff6e5`](https://github.com/th-ch/youtube-music/commit/bcff6e51348645395549c206717225fb16a29cda)
+- Plugins/event handlers in each window [`9bc81da`](https://github.com/th-ch/youtube-music/commit/9bc81da6f2c7f5f35769489e179851bdd80a7da8)
+- Option to toggle devtools [`3e97e93`](https://github.com/th-ch/youtube-music/commit/3e97e9307cf0991adc5584a603c292b03bc6202d)
+
+#### [v1.5.0](https://github.com/th-ch/youtube-music/compare/v1.4.0...v1.5.0)
+
+> 4 October 2020
+
+- Bump node-fetch from 2.6.0 to 2.6.1 [`#45`](https://github.com/th-ch/youtube-music/pull/45)
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.17.0 to 1.18.0 [`#47`](https://github.com/th-ch/youtube-music/pull/47)
+- [Snyk] Upgrade electron-updater from 4.3.3 to 4.3.4 [`#40`](https://github.com/th-ch/youtube-music/pull/40)
+- Bump elliptic from 6.5.2 to 6.5.3 [`#38`](https://github.com/th-ch/youtube-music/pull/38)
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.16.0 to 1.16.1 [`#37`](https://github.com/th-ch/youtube-music/pull/37)
+- Bump lodash from 4.17.15 to 4.17.19 [`#34`](https://github.com/th-ch/youtube-music/pull/34)
+- Option to start at login [`#32`](https://github.com/th-ch/youtube-music/pull/32)
+- Bump dependencies [`97dce5a`](https://github.com/th-ch/youtube-music/commit/97dce5ad41ba7ff7a12d4e57a6a0acfeccd666d8)
+- Bump electron to v10 (+ remove devtron, bump spectron) [`5f0dcbb`](https://github.com/th-ch/youtube-music/commit/5f0dcbb3fc9b2912bba690db232184d32c599150)
+- Navigation plugin: fix arrow style [`8d74a0a`](https://github.com/th-ch/youtube-music/commit/8d74a0a9b52c5b5a04b0986e5fbec9b47a35823e)
+
+#### [v1.4.0](https://github.com/th-ch/youtube-music/compare/v1.3.3...v1.4.0)
+
+> 12 July 2020
+
+- Bump electron from 8.2.1 to 8.2.4 [`#31`](https://github.com/th-ch/youtube-music/pull/31)
+- [Snyk] Upgrade electron-store from 5.1.1 to 5.2.0 [`#30`](https://github.com/th-ch/youtube-music/pull/30)
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.14.4 to 1.15.0 [`#29`](https://github.com/th-ch/youtube-music/pull/29)
+- [Snyk] Upgrade electron-debug from 3.0.1 to 3.1.0 [`#28`](https://github.com/th-ch/youtube-music/pull/28)
+- [Snyk] Upgrade electron-updater from 4.3.1 to 4.3.2 [`#27`](https://github.com/th-ch/youtube-music/pull/27)
+- [Snyk] Upgrade electron-updater from 4.3.0 to 4.3.1 [`#26`](https://github.com/th-ch/youtube-music/pull/26)
+- [Snyk] Upgrade @cliqz/adblocker-electron from 1.14.1 to 1.14.2 [`#25`](https://github.com/th-ch/youtube-music/pull/25)
+- [Tests] Add integration tests [`#24`](https://github.com/th-ch/youtube-music/pull/24)
+- Add jest, spectron and getPort util for tests [`736a706`](https://github.com/th-ch/youtube-music/commit/736a70680108620cdecab2da9dd48e10354c713e)
+- fix: upgrade electron-updater from 4.3.1 to 4.3.2 [`8c94510`](https://github.com/th-ch/youtube-music/commit/8c945100e24187885dbbe5bb7830b1da11e4eaa2)
+- Add jest config and test environment to launch app [`bce5b7d`](https://github.com/th-ch/youtube-music/commit/bce5b7d8ebd96886d462a3c999d72e6c69b6f807)
+
+#### [v1.3.3](https://github.com/th-ch/youtube-music/compare/v1.3.2...v1.3.3)
+
+> 29 April 2020
+
+- Move tray click callback in setUpTray [`4824dda`](https://github.com/th-ch/youtube-music/commit/4824dda5d52565deb5cd6ef4b51d2d742677a154)
+- Bump version to 1.3.3 [`37cac19`](https://github.com/th-ch/youtube-music/commit/37cac19d9ccae59b89a68b995eaf7e08c7d24d11)
+
+#### [v1.3.2](https://github.com/th-ch/youtube-music/compare/v1.3.1...v1.3.2)
+
+> 26 April 2020
+
+- [Snyk] Upgrade electron-updater from 4.2.5 to 4.3.0 [`#22`](https://github.com/th-ch/youtube-music/pull/22)
+- fix: upgrade electron-updater from 4.2.5 to 4.3.0 [`9821300`](https://github.com/th-ch/youtube-music/commit/98213005d09d00bf013d2217809736bdc334ede6)
+- Hide the app (no quit) on close if tray enabled [`430687f`](https://github.com/th-ch/youtube-music/commit/430687f4d6d301aaeaeeaa11ae34d971ac3280df)
+- Show/hide window when clicking on tray [`058371a`](https://github.com/th-ch/youtube-music/commit/058371ace8fbd3d9f126454fdc7dbff86df05506)
+
+#### [v1.3.1](https://github.com/th-ch/youtube-music/compare/v1.2.0...v1.3.1)
+
+> 12 April 2020
+
+- Add options and tray [`#21`](https://github.com/th-ch/youtube-music/pull/21)
+- Upgrade outdated dependencies [`#20`](https://github.com/th-ch/youtube-music/pull/20)
+- [Plugins] Migrate ad blocker [`#19`](https://github.com/th-ch/youtube-music/pull/19)
+- Upgrade xo [`297de08`](https://github.com/th-ch/youtube-music/commit/297de08278c2704b3baf65c455bba72f72acc06f)
+- Bump electron-builder (needed after electron upgrade) [`3d9e59d`](https://github.com/th-ch/youtube-music/commit/3d9e59dc90e0e994e20af55af9134477e68907a5)
+- Migrate from adblock-rs to cliqz [`422c3fc`](https://github.com/th-ch/youtube-music/commit/422c3fc28d83da309a80447dcd5064a4346580e8)
+
+#### [v1.2.0](https://github.com/th-ch/youtube-music/compare/v1.1.6...v1.2.0)
+
+> 15 March 2020
+
+- [Snyk] Upgrade electron-localshortcut from 3.1.0 to 3.2.1 [`#13`](https://github.com/th-ch/youtube-music/pull/13)
+- [Snyk] Upgrade electron-updater from 4.0.6 to 4.2.2 [`#12`](https://github.com/th-ch/youtube-music/pull/12)
+- [Snyk] Upgrade electron-debug from 2.1.0 to 2.2.0 [`#15`](https://github.com/th-ch/youtube-music/pull/15)
+- Fix vulnerability [`#16`](https://github.com/th-ch/youtube-music/pull/16)
+- Plugin: autoconfirm when paused [`#11`](https://github.com/th-ch/youtube-music/pull/11)
+- Migrate to yarn to install packages without package.json (but keep npm rebuild) [`9371a48`](https://github.com/th-ch/youtube-music/commit/9371a4827e2312258a4f692c18f964155d57ceb8)
+- Bump electron-store to fix a vulnerability [`7050dfc`](https://github.com/th-ch/youtube-music/commit/7050dfca5c6a545dabc334690572d7f88b37e027)
+- Bump electron updater [`f25bb59`](https://github.com/th-ch/youtube-music/commit/f25bb59065d84cde202b5192688847c528c6ef61)
+
+#### [v1.1.6](https://github.com/th-ch/youtube-music/compare/v1.1.5...v1.1.6)
+
+> 11 September 2019
+
+- Bump eslint-utils from 1.3.1 to 1.4.2 [`#7`](https://github.com/th-ch/youtube-music/pull/7)
+- Bump lodash.mergewith from 4.6.1 to 4.6.2 [`#4`](https://github.com/th-ch/youtube-music/pull/4)
+- Bump lodash from 4.17.11 to 4.17.14 [`#5`](https://github.com/th-ch/youtube-music/pull/5)
+- npm audit fix [`1a72129`](https://github.com/th-ch/youtube-music/commit/1a72129108935cbe732621d93b877e90d11a4195)
+- Fix Google login [`746b5f1`](https://github.com/th-ch/youtube-music/commit/746b5f13bb08c614df290e69946cfd116a550521)
+- Bump version to 1.1.6 [`6fd10ea`](https://github.com/th-ch/youtube-music/commit/6fd10ea4a0f63e9a46e7307d811977f4e0f3213f)
+
+#### [v1.1.5](https://github.com/th-ch/youtube-music/compare/v1.1.4...v1.1.5)
+
+> 6 July 2019
+
+- Fix navigation plugin [`b10a1bb`](https://github.com/th-ch/youtube-music/commit/b10a1bb32dbea187422a43487527c379a9ddbb26)
+- Bump version to 1.1.5 [`07c4a42`](https://github.com/th-ch/youtube-music/commit/07c4a429c15f22b173629618518abb97d9ec0100)
+
+#### [v1.1.4](https://github.com/th-ch/youtube-music/compare/v1.1.3...v1.1.4)
+
+> 8 June 2019
+
+- isDev -> is package [`a85325f`](https://github.com/th-ch/youtube-music/commit/a85325f33dbd40517b6029e500569fc1640af2ef)
+- Add titlebar/frame only on MacOS [`b1c4cc9`](https://github.com/th-ch/youtube-music/commit/b1c4cc9c45cc48413118aec8ce54767b1983a3e7)
+- Bump version to 1.1.4 [`0420f2e`](https://github.com/th-ch/youtube-music/commit/0420f2e49e295cede0db22dbb1f35ffafd6318ed)
+
+#### [v1.1.3](https://github.com/th-ch/youtube-music/compare/v1.1.2...v1.1.3)
+
+> 2 June 2019
+
+- Bump fstream from 1.0.11 to 1.0.12 [`#3`](https://github.com/th-ch/youtube-music/pull/3)
+- Version 1.1.3 + npm audit fix [`147ac48`](https://github.com/th-ch/youtube-music/commit/147ac48de6540c836e835fefe47e66e55dbdc9bc)
+- Fix case for {en/dis}ablePlugin [`e86d63d`](https://github.com/th-ch/youtube-music/commit/e86d63da8cb083b89c2a26e6514a5b0df8868b13)
+- Remove outdated download links [`ec58b5c`](https://github.com/th-ch/youtube-music/commit/ec58b5cbedda8d6f881f0e81f185a1707dbe5fab)
+
+#### [v1.1.2](https://github.com/th-ch/youtube-music/compare/v1.1.1...v1.1.2)
+
+> 1 May 2019
+
+- Display error/retry in case of failure [`5a1d7fb`](https://github.com/th-ch/youtube-music/commit/5a1d7fbf230fcd840a3ea654f31602fb5f504852)
+- Bump version to 1.1.2 [`eac2c5c`](https://github.com/th-ch/youtube-music/commit/eac2c5cf14d0a348704f7fbf0ff0bdce02758670)
+
+#### [v1.1.1](https://github.com/th-ch/youtube-music/compare/v1.1.0...v1.1.1)
+
+> 28 April 2019
+
+- Update package lock [`2d3f77d`](https://github.com/th-ch/youtube-music/commit/2d3f77d96211460bb81a73c8c62b9e5407a7cf30)
+- Add travis config [`5279a45`](https://github.com/th-ch/youtube-music/commit/5279a45f3537170006ba04cd5d59ac8b879d78a5)
+- Add Appveyor config [`abc2bb8`](https://github.com/th-ch/youtube-music/commit/abc2bb8a4f749704f2daf376c0d392030f030caf)
+
+#### [v1.1.0](https://github.com/th-ch/youtube-music/compare/v1.0.0...v1.1.0)
+
+> 19 April 2019
+
+- Build script + check for updates [`b3c24a5`](https://github.com/th-ch/youtube-music/commit/b3c24a521281c352c37d649e8334b581b2a1de4f)
+- Add download section in readme [`828e8d4`](https://github.com/th-ch/youtube-music/commit/828e8d472ca3d76dea71d95a85f8fa726404b8e7)
+- Add release/licence badge in readme [`9d343bf`](https://github.com/th-ch/youtube-music/commit/9d343bf779f2fa830302cc84c484bf4a93a25f36)
+
+#### v1.0.0
+
+> 19 April 2019
+
+- Initial commit - app + 4 plugins [`8787b5c`](https://github.com/th-ch/youtube-music/commit/8787b5c175d02b52de65f2c559b411d999fa51e4)
+- Fix screenshot shadow + compress image [`c5c128f`](https://github.com/th-ch/youtube-music/commit/c5c128fa0f77c69e9bf12f6ca551315b37c51e84)
+- Missing quote in readme [`4b446ac`](https://github.com/th-ch/youtube-music/commit/4b446ac7c816c660cf369f3b8b6e420f766ee35f)

docs/img/adblock.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400">
+  <g transform="translate(183.604 196.396)" stroke="#fff" stroke-width="2.23">
+    <path
+      style="line-height:normal;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration-line:none;text-transform:none;block-progression:tb;marker:none"
+      d="M-116.99 106.245l31.82 31.82 236.31-236.31-31.82-31.82z" color="#000" font-weight="400"
+      font-family="Sans" overflow="visible" fill="#fff" stroke="none"/>
+    <circle r="171.304" cy="4" cx="16" fill="none" stroke-width="44.6"/>
+  </g>
+</svg>

docs/img/bg-bottom.svg

@@ -0,0 +1,23 @@
+<svg width="1440" height="347" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="a">
+      <stop stop-color="#606483" stop-opacity="0" offset="0%"/>
+      <stop stop-color="#0B0D19" stop-opacity=".72" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="50%" y1="0%" x2="39.334%" y2="79.282%" id="b">
+      <stop stop-color="#0B0D19" offset="0%"/>
+      <stop stop-color="#0B0D19" stop-opacity="0" offset="100%"/>
+    </linearGradient>
+  </defs>
+  <g fill="none" fill-rule="evenodd">
+    <path
+      d="M177.486 208.219c78.18 89.285 218.65-81.067 218.65-119.337 0-38.27-86.408-69.295-193-69.295-106.59 0-193 31.024-193 69.295 0 38.27 89.17 30.051 167.35 119.337z"
+      transform="rotate(6 -140.175 3980.948)" fill="url(#a)"/>
+    <path
+      d="M252.464 335.471c101.27 115.965 283.227-105.29 283.227-154.996 0-49.705-111.929-90-250-90s-250 40.295-250 90c0 49.706 115.503 39.032 216.773 154.996z"
+      fill="url(#a)" transform="rotate(24 321.92 -247.724)"/>
+    <path
+      d="M302.512 242.909c88.025 32.428 156-25.04 156-55.93 0-30.888-69.844-55.928-156-55.928-86.157 0-156 25.04-156 55.929 0 30.888 67.974 23.5 156 55.929z"
+      fill="url(#b)" transform="rotate(24 338.741 -285.505)"/>
+  </g>
+</svg>

docs/img/bg-top.svg

@@ -0,0 +1,32 @@
+<svg width="1440" height="318" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <linearGradient x1="38.706%" y1="-187.115%" x2="18.675%" y2="110.984%" id="a">
+            <stop stop-color="#FFF" stop-opacity="0" offset="0%"/>
+            <stop stop-color="#c3352e" offset="100%"/>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="c">
+            <stop stop-color="#606483" stop-opacity="0" offset="0%"/>
+            <stop stop-color="#0B0D19" stop-opacity=".72" offset="100%"/>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="39.334%" y2="79.282%" id="d">
+            <stop stop-color="#0B0D19" stop-opacity=".32" offset="0%"/>
+            <stop stop-color="#0B0D19" stop-opacity="0" offset="100%"/>
+        </linearGradient>
+        <filter id="b">
+            <feTurbulence type="fractalNoise" numOctaves="2" baseFrequency=".3" result="turb"/>
+            <feComposite in="turb" operator="arithmetic" k1=".1" k2=".1" k3=".1" k4=".1" result="result1"/>
+            <feComposite operator="in" in="result1" in2="SourceGraphic" result="finalFilter"/>
+            <feBlend mode="multiply" in="finalFilter" in2="SourceGraphic"/>
+        </filter>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <path d="M88.494 90c67.04 7.177 161.094-24.753 224.996-90H.2c25.3 48.079 42.361 85.083 88.294 90z"
+              transform="translate(1051)" fill="url(#a)" filter="url(#b)"/>
+        <path
+                d="M250.464 367.471c101.27 115.965 283.227-105.29 283.227-154.996 0-49.705-111.929-90-250-90s-250 40.295-250 90c0 49.706 115.503 39.032 216.773 154.996z"
+                fill="url(#c)" transform="rotate(143 810.285 354.367)"/>
+        <path
+                d="M373.408 256.178c88.026 32.429 156-25.04 156-55.929 0-30.888-69.843-55.929-156-55.929-86.156 0-156 25.04-156 55.93 0 30.888 67.975 23.5 156 55.928z"
+                fill="url(#d)" transform="rotate(136 905.21 332.676)"/>
+    </g>
+</svg>

docs/img/code.svg

@@ -0,0 +1,5 @@
+<svg width="96" height="48" xmlns="http://www.w3.org/2000/svg">
+  <text y="35" x="48" fill="#fff" stroke-width="0" font-size="36" font-family="Monospace" text-anchor="middle"
+        stroke="#fff">&lt;/&gt;
+  </text>
+</svg>

docs/img/download.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="style-scope yt-icon" style="width:100%;height:100%"
+     pointer-events="none" display="block" fill="#fff">
+    <g class="style-scope yt-icon">
+        <path
+                d="M25.462 19.105v6.848H4.515v-6.848H.489v8.861c0 1.111.9 2.012 2.016 2.012h24.967c1.115 0 2.016-.9 2.016-2.012v-8.861h-4.026zM14.62 18.426l-5.764-6.965s-.877-.828.074-.828h3.248V9.217.494S12.049 0 12.793 0h4.572c.536 0 .524.416.524.416V10.424h2.998c1.154 0 .285.867.285.867s-4.904 6.51-5.588 7.193c-.492.495-.964-.058-.964-.058z"
+                class="style-scope yt-icon"/>
+    </g>
+</svg>

docs/img/footer.svg

@@ -0,0 +1,35 @@
+<svg width="1440" height="582" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="a">
+            <stop stop-color="#606483" stop-opacity="0" offset="0%"/>
+            <stop stop-color="#363636" stop-opacity=".72" offset="100%"/>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="39.334%" y2="79.282%" id="b">
+            <stop stop-color="#363636" offset="0%"/>
+            <stop stop-color="#363636" stop-opacity="0" offset="100%"/>
+        </linearGradient>
+        <radialGradient cx="33.3%" cy="43.394%" fx="33.3%" fy="43.394%" r="57.93%"
+                        gradientTransform="matrix(.24796 -.96592 .92535 .25883 -.151 .643)" id="c">
+            <stop stop-color="#c3352e" stop-opacity="0" offset="0%"/>
+            <stop stop-color="#c3352e" stop-opacity=".64" offset="51.712%"/>
+            <stop stop-color="#c3352e" stop-opacity=".24" offset="100%"/>
+        </radialGradient>
+        <filter id="d">
+            <feTurbulence type="fractalNoise" numOctaves="2" baseFrequency=".3" result="turb"/>
+            <feComposite in="turb" operator="arithmetic" k1=".1" k2=".1" k3=".1" k4=".1" result="result1"/>
+            <feComposite operator="in" in="result1" in2="SourceGraphic" result="finalFilter"/>
+            <feBlend mode="multiply" in="finalFilter" in2="SourceGraphic"/>
+        </filter>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <path
+                d="M252.464 335.471c101.27 115.965 283.227-105.29 283.227-154.996 0-49.705-111.929-90-250-90s-250 40.295-250 90c0 49.706 115.503 39.032 216.773 154.996z"
+                fill="url(#a)" transform="rotate(24 -272.272 -82.087)"/>
+        <path
+                d="M302.512 242.909c88.025 32.428 156-25.04 156-55.93 0-30.888-69.844-55.928-156-55.928-86.157 0-156 25.04-156 55.929 0 30.888 67.974 23.5 156 55.929z"
+                fill="url(#b)" transform="rotate(24 -255.451 -119.868)"/>
+        <path
+                d="M103.064 315.218c128.156 12.998 192.38 157.059 218.627 106.632 26.247-50.427-44.059-106.456 60.397-202.707 104.457-96.252-143.2-285.785-172.392-122.551C180.503 259.825-25.091 302.22 103.064 315.218z"
+                transform="translate(1176 -33)" fill="url(#c)" filter="url(#d)"/>
+    </g>
+</svg>

docs/img/plugins.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="#fff">
+  <path
+    d="M45.563 29.174l-22-15A1 1 0 0022 15v30a.999.999 0 001.563.826l22-15a1 1 0 000-1.652zM24 43.107V16.893L43.225 30 24 43.107z"/>
+  <path
+    d="M30 0C13.458 0 0 13.458 0 30s13.458 30 30 30 30-13.458 30-30S46.542 0 30 0zm0 58C14.561 58 2 45.439 2 30S14.561 2 30 2s28 12.561 28 28-12.561 28-28 28z"/>
+</svg>

docs/img/youtube-music.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 176 176" width="32" height="32">
+  <circle fill="red" cx="88" cy="88" r="88"/>
+  <path fill="#FFF"
+        d="M88 46c23.1 0 42 18.8 42 42s-18.8 42-42 42-42-18.8-42-42 18.9-42 42-42m0-4c-25.4 0-46 20.6-46 46s20.6 46 46 46 46-20.6 46-46-20.6-46-46-46z"/>
+  <path fill="#FFF" d="M72 111l39-24-39-22z"/>
+</svg>

docs/index.html

@@ -0,0 +1,490 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
+
+    <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
+    <meta content="width=device-width, initial-scale=1" name="viewport"/>
+    <title>YouTube Music Desktop App (Unofficial)</title>
+    <link
+            href="./favicon/favicon.ico"
+            rel="icon"
+            sizes="16x16"
+            type="image/x-icon"
+    />
+    <link
+            href="./favicon/favicon_32.png"
+            rel="icon"
+            sizes="32x32"
+            type="image/png"
+    />
+    <link
+            href="./favicon/favicon_48.png"
+            rel="icon"
+            sizes="48x48"
+            type="image/png"
+    />
+    <link
+            href="./favicon/favicon_96.png"
+            rel="icon"
+            sizes="96x96"
+            type="image/png"
+    />
+    <link
+            href="./favicon/favicon_144.png"
+            rel="icon"
+            sizes="144x144"
+            type="image/png"
+    />
+
+    <meta content="#131313" name="theme-color"/>
+    <meta
+            content="YouTube Music Unofficial Desktop App with built-in ad blocker and downloader"
+            name="description"
+    />
+    <meta
+            content="YouTube&nbsp;Music&nbsp;Desktop&nbsp;App"
+            property="og:site_name"
+    />
+    <meta
+            class="meta-url"
+            content="https://th-ch.github.io/youtube-music"
+            property="og:url"
+    />
+    <meta content="website" property="og:type"/>
+    <meta
+            class="meta-url"
+            content="https://th-ch.github.io/youtube-music"
+            name="twitter:url"
+    />
+
+    <link href="./style/fonts.css" rel="stylesheet"/>
+    <link href="./style/style.css" rel="stylesheet"/>
+    <script src="https://unpkg.com/scrollreveal"></script>
+</head>
+<body class="has-animations vsc-initialized" style="height: 100%;">
+<div class="body-wrap boxed-container">
+    <header class="site-header text-light">
+        <div class="container">
+            <div class="site-header-inner">
+                <div class="brand header-brand">
+                    <h1 class="m-0">
+                        <a href="https://github.com/th-ch/youtube-music">
+                            <img
+                                    alt="YouTube Music"
+                                    class="header-logo-image"
+                                    src="./img/youtube-music.svg"
+                            />
+                        </a>
+                    </h1>
+                </div>
+            </div>
+        </div>
+    </header>
+
+    <main>
+        <section class="hero text-center text-light">
+            <div class="hero-bg"></div>
+            <div class="hero-particles-container">
+                <canvas id="hero-particles"></canvas>
+            </div>
+            <div class="container-sm">
+                <div class="hero-inner">
+                    <div class="hero-copy">
+                        <h1 class="hero-title mt-0">
+                            Custom YouTube Music Desktop App
+                        </h1>
+                        <p class="hero-paragraph">
+                            Open source, cross-platform, unofficial YouTube Music Desktop
+                            App with built-in <strong>ad blocker</strong> and
+                            <strong>downloader</strong>
+                        </p>
+                        <div class="hero-cta">
+                            <a
+                                    class="button button-primary button-wide-mobile"
+                                    href="https://github.com/th-ch/youtube-music/releases/latest"
+                            >Download</a
+                            >
+                        </div>
+                    </div>
+                    <div class="mockup-container">
+                        <div class="mockup-bg">
+                            <img
+                                    alt="YouTube Music"
+                                    id="mockup-header-img"
+                                    src="./img/youtube-music.png"
+                            />
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section class="features-extended section">
+            <div class="features-extended-inner section-inner">
+                <div class="features-extended-wrap">
+                    <div class="container">
+                        <div class="feature-extended">
+                            <div class="feature-extended-image">
+                                <img
+                                        alt="Adblocker"
+                                        class="device-mockup"
+                                        data-sr-id="0"
+                                        src="./img/adblock.svg"
+                                        style="
+												visibility: visible;
+												opacity: 1;
+												transform: matrix3d(
+													1,
+													0,
+													0,
+													0,
+													0,
+													1,
+													0,
+													0,
+													0,
+													0,
+													1,
+													0,
+													0,
+													0,
+													0,
+													1
+												);
+												transition: opacity 0.6s
+														cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
+													transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
+											"
+                                        width="100px"
+                                />
+                            </div>
+                            <div
+                                    class="feature-extended-body"
+                                    data-sr-id="5"
+                                    style="
+											visibility: visible;
+											opacity: 1;
+											transform: matrix3d(
+												1,
+												0,
+												0,
+												0,
+												0,
+												1,
+												0,
+												0,
+												0,
+												0,
+												1,
+												0,
+												0,
+												0,
+												0,
+												1
+											);
+											transition: opacity 0.6s
+													cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
+												transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
+										"
+                            >
+                                <h3 class="mt-0 mb-16">Built-in adblocker</h3>
+                                <p class="m-0">Block all ads and tracking out of the box</p>
+                            </div>
+                        </div>
+                        <div class="feature-extended">
+                            <div class="feature-extended-image">
+                                <img
+                                        alt="Downloader"
+                                        class="device-mockup"
+                                        data-sr-id="2"
+                                        src="./img/download.svg"
+                                        style="
+												visibility: visible;
+												opacity: 1;
+												transform: matrix3d(
+													1,
+													0,
+													0,
+													0,
+													0,
+													1,
+													0,
+													0,
+													0,
+													0,
+													1,
+													0,
+													0,
+													0,
+													0,
+													1
+												);
+												transition: opacity 0.6s
+														cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
+													transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
+											"
+                                />
+                            </div>
+                            <div
+                                    class="feature-extended-body"
+                                    data-sr-id="6"
+                                    style="
+											visibility: visible;
+											opacity: 1;
+											transform: matrix3d(
+												1,
+												0,
+												0,
+												0,
+												0,
+												1,
+												0,
+												0,
+												0,
+												0,
+												1,
+												0,
+												0,
+												0,
+												0,
+												1
+											);
+											transition: opacity 0.6s
+													cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
+												transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
+										"
+                            >
+                                <h3 class="mt-0 mb-16">Built-in downloader</h3>
+                                <p class="m-0">
+                                    Download (like youtube-dl) to custom formats (mp3, opus,
+                                    etc) directly from the interface
+                                </p>
+                            </div>
+                        </div>
+                        <div class="feature-extended">
+                            <div class="feature-extended-image">
+                                <img
+                                        alt="Plugins"
+                                        class="device-mockup"
+                                        data-sr-id="3"
+                                        src="./img/plugins.svg"
+                                        style="
+												visibility: visible;
+												opacity: 1;
+												transform: matrix3d(
+													1,
+													0,
+													0,
+													0,
+													0,
+													1,
+													0,
+													0,
+													0,
+													0,
+													1,
+													0,
+													0,
+													0,
+													0,
+													1
+												);
+												transition: opacity 0.6s
+														cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
+													transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
+											"
+                                />
+                            </div>
+                            <div
+                                    class="feature-extended-body"
+                                    data-sr-id="7"
+                                    style="
+											visibility: visible;
+											opacity: 1;
+											transform: matrix3d(
+												1,
+												0,
+												0,
+												0,
+												0,
+												1,
+												0,
+												0,
+												0,
+												0,
+												1,
+												0,
+												0,
+												0,
+												0,
+												1
+											);
+											transition: opacity 0.6s
+													cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
+												transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
+										"
+                            >
+                                <h3 class="mt-0 mb-16">Many other plugins in one click</h3>
+                                <p class="m-0">
+                                    Enhance your user experience with media keys, integrations
+                                    (Discord), cosmetic filters, notifications, TouchBar,
+                                    auto-unpause and many more! Every plugin can be enabled or
+                                    disabled in one click.
+                                </p>
+                            </div>
+                        </div>
+                        <div class="feature-extended">
+                            <div class="feature-extended-image">
+                                <img
+                                        alt="Code"
+                                        class="device-mockup"
+                                        data-sr-id="4"
+                                        src="./img/code.svg"
+                                        style="
+												visibility: visible;
+												width: 200%;
+												opacity: 1;
+												transform: matrix3d(
+													1,
+													0,
+													0,
+													0,
+													0,
+													1,
+													0,
+													0,
+													0,
+													0,
+													1,
+													0,
+													0,
+													0,
+													0,
+													1
+												);
+												transition: opacity 0.6s
+														cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
+													transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
+											"
+                                />
+                            </div>
+                            <div
+                                    class="feature-extended-body"
+                                    data-sr-id="8"
+                                    style="
+											visibility: visible;
+											opacity: 1;
+											transform: matrix3d(
+												1,
+												0,
+												0,
+												0,
+												0,
+												1,
+												0,
+												0,
+												0,
+												0,
+												1,
+												0,
+												0,
+												0,
+												0,
+												1
+											);
+											transition: opacity 0.6s
+													cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
+												transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
+										"
+                            >
+                                <h3 class="mt-0 mb-16">Open source & Cross platform</h3>
+                                <p class="m-0">
+                                    Available for Windows (installer and portable), Mac and
+                                    Linux (AppImage, deb, etc)
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="main-particles-container">
+                <canvas id="main-particles"></canvas>
+            </div>
+        </section>
+    </main>
+
+    <footer class="site-footer">
+        <div class="footer-particles-container">
+            <canvas id="footer-particles"></canvas>
+        </div>
+        <div class="site-footer-top">
+            <section class="cta section text-light">
+                <div class="container-sm">
+                    <div class="cta-inner section-inner">
+                        <div class="cta-header text-center">
+                            <h2 class="section-title mt-0">Download and/or contribute</h2>
+                            <p class="section-paragraph">Pull requests welcome!</p>
+                            <div class="cta-cta">
+                                <a
+                                        class="button button-primary button-wide-mobile"
+                                        href="https://github.com/th-ch/youtube-music"
+                                >Go to code</a
+                                >
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </div>
+        <div class="site-footer-bottom">
+            <div class="container">
+                <div class="site-footer-inner">
+                    <div class="brand footer-brand">
+                        <a href="https://github.com/th-ch/youtube-music">
+                            <img alt="YouTube Music logo" src="./img/youtube-music.svg"/>
+                        </a>
+                    </div>
+                    <ul class="footer-links list-reset">
+                        <li>
+                            <a href="https://github.com/th-ch/youtube-music">Main page</a>
+                        </li>
+                        <li>
+                            <a href="https://github.com/th-ch/youtube-music/issues"
+                            >Issues</a
+                            >
+                        </li>
+                        <li>
+                            <a href="https://github.com/th-ch/youtube-music/pulls"
+                            >Pull requests</a
+                            >
+                        </li>
+                    </ul>
+                    <ul class="footer-social-links list-reset">
+                        <li>
+                            <a href="https://github.com/th-ch/youtube-music">
+                                <span class="screen-reader-text">GitHub</span>
+                                <svg
+                                        height="16"
+                                        viewBox="0 0 1792 1792"
+                                        width="16"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                >
+                                    <path
+                                            d="M896 128q209 0 385.5 103t279.5 279.5 103 385.5q0 251-146.5 451.5t-378.5 277.5q-27 5-40-7t-13-30q0-3 .5-76.5t.5-134.5q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-119-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-85-13.5q-45 113-8 204-79 87-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-39 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 88.5t.5 54.5q0 18-13 30t-40 7q-232-77-378.5-277.5t-146.5-451.5q0-209 103-385.5t279.5-279.5 385.5-103zm-477 1103q3-7-7-12-10-3-13 2-3 7 7 12 9 6 13-2zm31 34q7-5-2-16-10-9-16-3-7 5 2 16 10 10 16 3zm30 45q9-7 0-19-8-13-17-6-9 5 0 18t17 7zm42 42q8-8-4-19-12-12-20-3-9 8 4 19 12 12 20 3zm57 25q3-11-13-16-15-4-19 7t13 15q15 6 19-6zm63 5q0-13-17-11-16 0-16 11 0 13 17 11 16 0 16-11zm58-10q-2-11-18-9-16 3-14 15t18 8 14-14z"
+                                            fill="#fff"
+                                    />
+                                </svg>
+                            </a>
+                        </li>
+                    </ul>
+                    <div class="footer-copyright">© 2021 th-ch</div>
+                </div>
+            </div>
+        </div>
+    </footer>
+</div>
+
+<script src="./js/main.js"></script>
+</body>
+</html>

docs/js/main.js

@@ -0,0 +1,268 @@
+/* eslint-disable */
+
+// Constants
+const element = document.documentElement;
+const { body } = document;
+const revealOnScroll = (window.sr = ScrollReveal({ mobile: false }));
+
+// Load animations
+element.classList.remove('no-js');
+element.classList.add('js');
+window.addEventListener('load', () => {
+  body.classList.add('is-loaded');
+});
+
+if (body.classList.contains('has-animations')) {
+  window.addEventListener('load', () => {
+    revealOnScroll.reveal('.feature-extended .device-mockup', {
+      duration: 600,
+      distance: '100px',
+      easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
+      origin: 'bottom',
+      viewFactor: 0.6,
+    });
+    revealOnScroll.reveal('.feature-extended .feature-extended-body', {
+      duration: 600,
+      distance: '40px',
+      easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
+      origin: 'top',
+      viewFactor: 0.6,
+    });
+  });
+}
+
+// Bubble canvas
+const bubbleCanvas = function (t) {
+  const e = this;
+  e.parentNode = t;
+  e.setCanvasSize();
+  window.addEventListener('resize', () => {
+    e.setCanvasSize();
+  });
+  e.mouseX = 0;
+  e.mouseY = 0;
+  window.addEventListener('mousemove', (t) => {
+    e.mouseX = t.clientX;
+    e.mouseY = t.clientY;
+  });
+  e.randomise();
+};
+
+bubbleCanvas.prototype.setCanvasSize = function () {
+  this.canvasWidth = this.parentNode.clientWidth;
+  this.canvasHeight = this.parentNode.clientHeight;
+};
+
+bubbleCanvas.prototype.generateDecimalBetween = function (start, end) {
+  return (Math.random() * (start - end) + end).toFixed(2);
+};
+
+bubbleCanvas.prototype.update = function () {
+  const t = this;
+  t.translateX -= t.movementX;
+  t.translateY -= t.movementY;
+  t.posX += (t.mouseX / (t.staticity / t.magnetism) - t.posX) / t.smoothFactor;
+  t.posY += (t.mouseY / (t.staticity / t.magnetism) - t.posY) / t.smoothFactor;
+  if (
+    t.translateY + t.posY < 0
+    || t.translateX + t.posX < 0
+    || t.translateX + t.posX > t.canvasWidth
+  ) {
+    t.randomise();
+    t.translateY = t.canvasHeight;
+  }
+};
+
+bubbleCanvas.prototype.randomise = function () {
+  this.colors = ['195,53,46', '172,54,46'];
+
+  this.velocity = 20;
+  this.smoothFactor = 50;
+  this.staticity = 30;
+  this.magnetism = 0.1 + 4 * Math.random();
+  this.color = this.colors[Math.floor(Math.random() * this.colors.length)];
+  this.alpha = this.generateDecimalBetween(5, 10) / 10;
+  this.size = this.generateDecimalBetween(1, 4);
+  this.posX = 0;
+  this.posY = 0;
+  this.movementX = this.generateDecimalBetween(-2, 2) / this.velocity;
+  this.movementY = this.generateDecimalBetween(1, 20) / this.velocity;
+  this.translateX = this.generateDecimalBetween(0, this.canvasWidth);
+  this.translateY = this.generateDecimalBetween(0, this.canvasHeight);
+};
+
+const drawBubbleCanvas = function (t) {
+  this.canvas = document.getElementById(t);
+  this.ctx = this.canvas.getContext('2d');
+  this.dpr = window.devicePixelRatio;
+};
+
+drawBubbleCanvas.prototype.start = function (bubbleDensity) {
+  const t = this;
+  t.bubbleDensity = bubbleDensity;
+  t.setCanvasSize();
+  window.addEventListener('resize', () => {
+    t.setCanvasSize();
+  });
+  t.bubblesList = [];
+  t.generateBubbles();
+  t.animate();
+};
+
+drawBubbleCanvas.prototype.setCanvasSize = function () {
+  this.container = this.canvas.parentNode;
+  this.w = this.container.offsetWidth;
+  this.h = this.container.offsetHeight;
+  this.wdpi = this.w * this.dpr;
+  this.hdpi = this.h * this.dpr;
+  this.canvas.width = this.wdpi;
+  this.canvas.height = this.hdpi;
+  this.canvas.style.width = this.w + 'px';
+  this.canvas.style.height = this.h + 'px';
+  this.ctx.scale(this.dpr, this.dpr);
+};
+
+drawBubbleCanvas.prototype.animate = function () {
+  const t = this;
+  t.ctx.clearRect(0, 0, t.canvas.clientWidth, t.canvas.clientHeight);
+  for (const e of t.bubblesList) {
+    e.update();
+    t.ctx.translate(e.translateX, e.translateY);
+    t.ctx.beginPath();
+    t.ctx.arc(e.posX, e.posY, e.size, 0, 2 * Math.PI);
+    t.ctx.fillStyle = 'rgba(' + e.color + ',' + e.alpha + ')';
+    t.ctx.fill();
+    t.ctx.setTransform(t.dpr, 0, 0, t.dpr, 0, 0);
+  }
+
+  requestAnimationFrame(this.animate.bind(this));
+};
+
+drawBubbleCanvas.prototype.addBubble = function (t) {
+  return this.bubblesList.push(t);
+};
+
+drawBubbleCanvas.prototype.generateBubbles = function () {
+  const t = this;
+  for (let e = 0; e < t.bubbleDensity; e++) {
+    t.addBubble(new bubbleCanvas(t.canvas.parentNode));
+  }
+};
+
+// Night sky with stars canvas
+const starCanvas = function (t) {
+  this.canvas = document.getElementById(t);
+  this.ctx = this.canvas.getContext('2d');
+  this.dpr = window.devicePixelRatio;
+};
+
+starCanvas.prototype.start = function () {
+  let w;
+  let h;
+
+  const setCanvasExtents = () => {
+    w = this.canvas.parentNode.clientWidth;
+    h = this.canvas.parentNode.clientHeight;
+    this.canvas.width = w;
+    this.canvas.height = h;
+  };
+
+  setCanvasExtents();
+
+  window.addEventListener('resize', () => {
+    setCanvasExtents();
+  });
+
+  const makeStars = (count) => {
+    const out = [];
+    for (let i = 0; i < count; i++) {
+      const s = {
+        x: Math.random() * w - w / 2,
+        y: Math.random() * h - h / 2,
+        z: Math.random() * 1000,
+      };
+      out.push(s);
+    }
+
+    return out;
+  };
+
+  const stars = makeStars(10_000);
+
+  const clear = () => {
+    this.ctx.fillStyle = '#212121';
+    this.ctx.fillRect(0, 0, this.canvas.width, this.canvas.height);
+  };
+
+  const putPixel = (x, y, brightness) => {
+    const intensity = brightness * 255;
+    const rgb = 'rgb(' + intensity + ',' + intensity + ',' + intensity + ')';
+    this.ctx.beginPath();
+    this.ctx.arc(x, y, 0.9, 0, 2 * Math.PI);
+    this.ctx.fillStyle = rgb;
+    this.ctx.fill();
+  };
+
+  const moveStars = (distance) => {
+    const count = stars.length;
+    for (let i = 0; i < count; i++) {
+      const s = stars[i];
+      s.z -= distance;
+      while (s.z <= 1) {
+        s.z += 1000;
+      }
+    }
+  };
+
+  let previousTime;
+  const init = (time) => {
+    previousTime = time;
+    requestAnimationFrame(tick);
+  };
+
+  const tick = (time) => {
+    const elapsed = time - previousTime;
+    previousTime = time;
+
+    moveStars(elapsed * 0.1);
+
+    clear();
+
+    const cx = w / 2;
+    const cy = h / 2;
+
+    const count = stars.length;
+    for (let i = 0; i < count; i++) {
+      const star = stars[i];
+
+      const x = cx + star.x / (star.z * 0.001);
+      const y = cy + star.y / (star.z * 0.001);
+
+      if (x < 0 || x >= w || y < 0 || y >= h) {
+        continue;
+      }
+
+      const d = star.z / 1000;
+      const b = 1 - d * d;
+
+      putPixel(x, y, b);
+    }
+
+    requestAnimationFrame(tick);
+  };
+
+  requestAnimationFrame(init);
+};
+
+// Start canvas animations
+window.addEventListener('load', () => {
+  // Stars
+  const headCanvas = new starCanvas('hero-particles');
+  // Bubbles
+  const footerCanvas = new drawBubbleCanvas('footer-particles');
+  const mainCanvas = new drawBubbleCanvas('main-particles');
+
+  headCanvas.start();
+  footerCanvas.start(30);
+  mainCanvas.start(200);
+});

docs/style/fonts.css

@@ -0,0 +1,53 @@
+/* hebrew */
+@font-face {
+  font-family: 'Heebo';
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/heebo/v9/NGS6v5_NC0k9P9H0TbFhsqMA6aw.woff2) format('woff2');
+  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+
+/* latin */
+@font-face {
+  font-family: 'Heebo';
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/heebo/v9/NGS6v5_NC0k9P9H2TbFhsqMA.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* hebrew */
+@font-face {
+  font-family: 'Heebo';
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/heebo/v9/NGS6v5_NC0k9P9H0TbFhsqMA6aw.woff2) format('woff2');
+  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+
+/* latin */
+@font-face {
+  font-family: 'Heebo';
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/heebo/v9/NGS6v5_NC0k9P9H2TbFhsqMA.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+  font-family: 'Oxygen';
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/oxygen/v10/2sDcZG1Wl4LcnbuCNWgzZmW5Kb8VZBHR.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+  font-family: 'Oxygen';
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/oxygen/v10/2sDcZG1Wl4LcnbuCNWgzaGW5Kb8VZA.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

error.html

@@ -1,50 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<title>Cannot load YouTube Music</title>
-		<style>
-			body {
-				background: #000;
-			}
-
-			.container {
-				margin: 0;
-				font-family: Roboto, Arial, sans-serif;
-				font-size: 20px;
-				font-weight: 500;
-				color: rgba(255, 255, 255, 0.5);
-				position: absolute;
-				top: 50%;
-				left: 50%;
-				margin-right: -50%;
-				transform: translate(-50%, -50%);
-				text-align: center;
-			}
-
-			.button {
-				background: #065fd4;
-				overflow: hidden;
-				text-overflow: ellipsis;
-				white-space: nowrap;
-				color: white;
-				font: inherit;
-				text-transform: uppercase;
-				text-decoration: none;
-				border-radius: 2px;
-				font-size: 16px;
-				font-weight: normal;
-				text-align: center;
-				padding: 8px 22px;
-				display: inline-block;
-			}
-		</style>
-	</head>
-
-	<body>
-		<div class="container">
-			<p>Cannot load YouTube Music… Internet disconnected?</p>
-			<a href="#" class="button" onclick="reload()">Retry</a>
-		</div>
-	</body>
-</html>

index.js

@@ -1,160 +0,0 @@
-"use strict";
-const path = require("path");
-
-const electron        = require("electron");
-const is              = require("electron-is");
-const { autoUpdater } = require("electron-updater");
-
-const { setApplicationMenu }       = require("./menu");
-const { getEnabledPlugins, store } = require("./store");
-const { fileExists, injectCSS }    = require("./plugins/utils");
-
-const app = electron.app;
-
-// Adds debug features like hotkeys for triggering dev tools and reload
-require("electron-debug")();
-
-// Prevent window being garbage collected
-let mainWindow;
-autoUpdater.autoDownload = false;
-
-let icon = "assets/youtube-music.png";
-if (process.platform == "win32") {
-	icon = "assets/generated/icon.ico";
-} else if (process.platform == "darwin") {
-	icon = "assets/generated/icon.icns";
-}
-
-function onClosed() {
-	// Dereference the window
-	// For multiple windows store them in an array
-	mainWindow = null;
-}
-
-function createMainWindow() {
-	const windowSize      = store.get("window-size");
-	const windowMaximized = store.get("window-maximized");
-
-	const win = new electron.BrowserWindow({
-		icon           : icon,
-		width          : windowSize.width,
-		height         : windowSize.height,
-		backgroundColor: "#000",
-		show           : false,
-		webPreferences : {
-			nodeIntegration: false,
-			preload        : path.join(__dirname, "preload.js")
-		},
-		frame        : !is.macOS(),
-		titleBarStyle: is.macOS() ? "hiddenInset": "default"
-	});
-	if (windowMaximized) {
-		win.maximize();
-	}
-
-	win.webContents.loadURL(store.get("url"));
-	win.on("closed", onClosed);
-
-	injectCSS(win.webContents, path.join(__dirname, "youtube-music.css"));
-	win.webContents.on("did-finish-load", () => {
-		if (is.dev()) {
-			console.log("did finish load");
-			win.webContents.openDevTools();
-		}
-	});
-
-	getEnabledPlugins().forEach(plugin => {
-		console.log("Loaded plugin - " + plugin);
-		const pluginPath = path.join(__dirname, "plugins", plugin, "back.js");
-		fileExists(pluginPath, () => {
-			const handle = require(pluginPath);
-			handle(win);
-		});
-	});
-
-	win.webContents.on("did-fail-load", () => {
-		if (is.dev()) {
-			console.log("did fail load");
-		}
-		win.webContents.loadFile(path.join(__dirname, "error.html"));
-	});
-
-	win.webContents.on("did-navigate-in-page", () => {
-		const url = win.webContents.getURL();
-		if (url.startsWith("https://music.youtube.com")) {
-			store.set("url", url);
-		}
-	});
-
-	win.on("move", () => {
-		let position = win.getPosition();
-		store.set("window-position", { x: position[0], y: position[1] });
-	});
-
-	win.on("resize", () => {
-		const windowSize = win.getSize();
-
-		store.set("window-maximized", win.isMaximized());
-		if (!win.isMaximized()) {
-			store.set("window-size", { width: windowSize[0], height: windowSize[1] });
-		}
-	});
-
-	win.once("ready-to-show", () => {
-		win.show();
-	});
-
-	return win;
-}
-
-app.on("window-all-closed", () => {
-	if (process.platform !== "darwin") {
-		app.quit();
-	}
-
-	// Unregister all shortcuts.
-	electron.globalShortcut.unregisterAll();
-});
-
-app.on("activate", () => {
-	// On OS X it's common to re-create a window in the app when the
-	// dock icon is clicked and there are no other windows open.
-	if (mainWindow === null) {
-		mainWindow = createMainWindow();
-	} else if (!mainWindow.isVisible()) {
-		mainWindow.show();
-	}
-});
-
-app.on("ready", () => {
-	setApplicationMenu();
-	mainWindow = createMainWindow();
-	if (!is.dev()) {
-		autoUpdater.checkForUpdatesAndNotify();
-		autoUpdater.on("update-available", () => {
-			const dialogOpts = {
-				type   : "info",
-				buttons: ["OK"],
-				title  : "Application Update",
-				message: "A new version is available",
-				detail : 
-					"A new version is available and can be downloaded at https://github.com/th-ch/youtube-music/releases/latest"
-			};
-			electron.dialog.showMessageBox(dialogOpts);
-		});
-	}
-
-	// Optimized for Mac OS X
-	if (process.platform === "darwin") {
-		var forceQuit = false;
-		app.on("before-quit", () => {
-			forceQuit = true;
-		});
-		mainWindow.on("close", event => {
-			if (!forceQuit) {
-				event.preventDefault();
-				mainWindow.hide();
-			}
-		});
-	}
-});

menu.js

@@ -1,56 +0,0 @@
-const { app, Menu } = require("electron");
-
-const { getAllPlugins }                                = require("./plugins/utils");
-const { isPluginEnabled, enablePlugin, disablePlugin } = require("./store");
-
-module.exports.setApplicationMenu = () => {
-	const menuTemplate = [
-		{
-			label  : "Plugins",
-			submenu: getAllPlugins().map(plugin => {
-				return {
-					label  : plugin,
-					type   : "checkbox",
-					checked: isPluginEnabled(plugin),
-					click  : item => {
-						if (item.checked) {
-							enablePlugin(plugin);
-						} else {
-							disablePlugin(plugin);
-						}
-					}
-				};
-			})
-		}
-	];
-
-	if (process.platform === "darwin") {
-		const name = app.getName();
-		menuTemplate.unshift({
-			label  : name,
-			submenu: [
-				{ role: "about" },
-				{ type: "separator" },
-				{ role: "hide" },
-				{ role: "hideothers" },
-				{ role: "unhide" },
-				{ type: "separator" },
-				{
-					label      : "Select All",
-					accelerator: "CmdOrCtrl+A",
-					selector   : "selectAll:"
-				},
-				{ label: "Cut", accelerator: "CmdOrCtrl+X", selector: "cut:" },
-				{ label: "Copy", accelerator: "CmdOrCtrl+C", selector: "copy:" },
-				{ label: "Paste", accelerator: "CmdOrCtrl+V", selector: "paste:" },
-				{ type: "separator" },
-				{ role: "minimize" },
-				{ role: "close" },
-				{ role: "quit" }
-			]
-		});
-	}
-
-	const menu = Menu.buildFromTemplate(menuTemplate);
-	Menu.setApplicationMenu(menu);
-};

package.json

@@ -1,65 +1,203 @@
 {
-	"name"       : "youtube-music",
-	"productName": "YouTube Music",
-	"version"    : "1.1.4",
-	"description": "YouTube Music Desktop App - including custom plugins",
-	"license"    : "MIT",
-	"repository" : "th-ch/youtube-music",
-	"author"     : {
-		"name" : "th-ch",
-		"email": "th-ch@users.noreply.github.com",
-		"url"  : "https://github.com/th-ch/youtube-music"
-	},
-	"build": {
-		"appId"      : "com.github.th-ch.youtube-music",
-		"productName": "YouTube Music",
-		"mac"        : {
-			"identity": null,
-			"icon"    : "assets/generated/icons/mac/icon.icns"
-		},
-		"win": {
-			"icon": "assets/generated/icons/win/icon.ico"
-		},
-		"linux": {
-			"icon"    : "assets/generated/icons/png",
-			"category": "AudioVideo"
-		}
-	},
-	"scripts": {
-		"test"         : "xo",
-		"start"        : "electron .",
-		"icon"         : "rimraf assets/generated && electron-icon-maker --input=assets/youtube-music.png --output=assets/generated",
-		"postinstall"  : "npm run icon && npm rebuild && node plugins/adblocker/generator.js && electron-rebuild",
-		"clean"        : "rimraf dist",
-		"build"        : "npm run clean && build --win --mac --linux",
-		"build:mac"    : "npm run clean && build --mac",
-		"build:win"    : "npm run clean && build --win",
-		"release:linux": "npm run clean && build --linux -p always",
-		"release:mac"  : "npm run clean && build --mac -p always",
-		"release:win"  : "npm run clean && build --win -p always"
-	},
-	"dependencies": {
-		"ad-block"              : "^4.1.3",
-		"electron-debug"        : "^2.0.0",
-		"electron-is"           : "^3.0.0",
-		"electron-localshortcut": "^3.1.0",
-		"electron-store"        : "^2.0.0",
-		"electron-updater"      : "^4.0.6"
-	},
-	"devDependencies": {
-		"devtron"                    : "^1.4.0",
-		"electron"                   : "^4.0.8",
-		"electron-builder"           : "^20.40.2",
-		"electron-devtools-installer": "^2.2.4",
-		"electron-icon-maker"        : "0.0.4",
-		"electron-rebuild"           : "^1.8.4",
-		"rimraf"                     : "^2.6.3",
-		"xo"                         : "^0.24.0"
-	},
-	"xo": {
-		"envs": [
-			"node",
-			"browser"
-		]
-	}
+  "name": "youtube-music",
+  "productName": "YouTube Music",
+  "version": "2.2.0",
+  "description": "YouTube Music Desktop App - including custom plugins",
+  "main": "./dist/index.js",
+  "license": "MIT",
+  "repository": "th-ch/youtube-music",
+  "author": {
+    "name": "th-ch",
+    "email": "th-ch@users.noreply.github.com",
+    "url": "https://github.com/th-ch/youtube-music"
+  },
+  "build": {
+    "appId": "com.github.th-ch.youtube-music",
+    "productName": "YouTube Music",
+    "files": [
+      "!*",
+      "dist",
+      "license",
+      "!node_modules",
+      "node_modules/custom-electron-prompt/**",
+      "node_modules/@cliqz/adblocker-electron-preload/**",
+      "node_modules/@ffmpeg.wasm/core-mt/**",
+      "!node_modules/**/*.map",
+      "!node_modules/**/*.ts"
+    ],
+    "mac": {
+      "identity": null,
+      "target": [
+        {
+          "target": "dmg",
+          "arch": [
+            "x64",
+            "arm64"
+          ]
+        }
+      ],
+      "icon": "assets/generated/icons/mac/icon.icns"
+    },
+    "win": {
+      "icon": "assets/generated/icons/win/icon.ico",
+      "target": [
+        {
+          "target": "nsis-web",
+          "arch": [
+            "x64",
+            "ia32",
+            "arm64"
+          ]
+        },
+        {
+          "target": "portable",
+          "arch": [
+            "x64",
+            "ia32",
+            "arm64"
+          ]
+        }
+      ]
+    },
+    "nsisWeb": {
+      "runAfterFinish": false
+    },
+    "linux": {
+      "icon": "assets/generated/icons/png",
+      "category": "AudioVideo",
+      "target": [
+        "AppImage",
+        "snap",
+        "freebsd",
+        "deb",
+        "rpm"
+      ]
+    },
+    "snap": {
+      "slots": [
+        {
+          "mpris": {
+            "interface": "mpris"
+          }
+        }
+      ]
+    },
+    "directories": {
+      "output": "./pack/"
+    }
+  },
+  "scripts": {
+    "test": "playwright test",
+    "test:debug": "cross-env DEBUG=pw:*,-pw:test:protocol playwright test",
+    "rollup:preload": "rollup -c rollup.preload.config.ts --configPlugin @rollup/plugin-typescript --bundleConfigAsCjs",
+    "rollup:main": "rollup -c rollup.main.config.ts --configPlugin @rollup/plugin-typescript --bundleConfigAsCjs",
+    "build": "yarpm-pnpm run rollup:preload && yarpm-pnpm run rollup:main",
+    "start": "yarpm-pnpm run build && electron ./dist/index.js",
+    "start:debug": "cross-env ELECTRON_ENABLE_LOGGING=1 yarpm-pnpm run start",
+    "clean": "del-cli dist && del-cli pack",
+    "dist": "yarpm-pnpm run clean && yarpm-pnpm run build && electron-builder --win --mac --linux -p never",
+    "dist:linux": "yarpm-pnpm run clean && yarpm-pnpm run build && electron-builder --linux -p never",
+    "dist:mac": "yarpm-pnpm run clean && yarpm-pnpm run build && electron-builder --mac dmg:x64 -p never",
+    "dist:mac:arm64": "yarpm-pnpm run clean && yarpm-pnpm run build && electron-builder --mac dmg:arm64 -p never",
+    "dist:win": "yarpm-pnpm run clean && yarpm-pnpm run build && electron-builder --win -p never",
+    "dist:win:x64": "yarpm-pnpm run clean && yarpm-pnpm run build && electron-builder --win nsis-web:x64 -p never",
+    "lint": "eslint .",
+    "changelog": "npx --yes auto-changelog",
+    "release:linux": "yarpm-pnpm run clean && yarpm-pnpm run build && electron-builder --linux -p always -c.snap.publish=github",
+    "release:mac": "yarpm-pnpm run clean && yarpm-pnpm run build && electron-builder --mac -p always",
+    "release:win": "yarpm-pnpm run clean && yarpm-pnpm run build && electron-builder --win -p always",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "pnpm": {
+    "overrides": {
+      "rollup": "4.2.0",
+      "node-gyp": "10.0.1",
+      "xml2js": "0.6.2",
+      "node-fetch": "3.3.2",
+      "@electron/universal": "1.4.4",
+      "@babel/runtime": "7.23.2"
+    }
+  },
+  "overrides": {
+    "rollup": "4.2.0",
+    "node-gyp": "10.0.1",
+    "xml2js": "0.6.2",
+    "node-fetch": "3.3.2",
+    "@electron/universal": "1.4.4",
+    "@babel/runtime": "7.23.2"
+  },
+  "dependencies": {
+    "@cliqz/adblocker-electron": "1.26.10",
+    "@cliqz/adblocker-electron-preload": "1.26.10",
+    "@ffmpeg.wasm/core-mt": "0.12.0",
+    "@ffmpeg.wasm/main": "0.12.0",
+    "@foobar404/wave": "2.0.4",
+    "@jellybrick/electron-better-web-request": "1.0.4",
+    "@jellybrick/mpris-service": "2.1.4",
+    "@xhayper/discord-rpc": "1.0.24",
+    "async-mutex": "0.4.0",
+    "butterchurn": "3.0.0-beta.4",
+    "butterchurn-presets": "3.0.0-beta.4",
+    "conf": "10.2.0",
+    "custom-electron-prompt": "1.5.7",
+    "electron-debug": "3.2.0",
+    "electron-is": "3.0.0",
+    "electron-localshortcut": "3.2.1",
+    "electron-store": "8.1.0",
+    "electron-unhandled": "4.0.1",
+    "electron-updater": "6.1.4",
+    "fast-average-color": "9.4.0",
+    "filenamify": "6.0.0",
+    "howler": "2.2.4",
+    "html-to-text": "9.0.5",
+    "keyboardevent-from-electron-accelerator": "2.0.0",
+    "keyboardevents-areequal": "0.2.2",
+    "node-id3": "0.2.6",
+    "simple-youtube-age-restriction-bypass": "git+https://github.com/organization/Simple-YouTube-Age-Restriction-Bypass.git#v2.5.8",
+    "vudio": "2.1.1",
+    "x11": "2.3.0",
+    "youtubei.js": "7.0.0"
+  },
+  "devDependencies": {
+    "@playwright/test": "1.39.0",
+    "@rollup/plugin-commonjs": "25.0.7",
+    "@rollup/plugin-image": "3.0.3",
+    "@rollup/plugin-json": "6.0.1",
+    "@rollup/plugin-node-resolve": "15.2.3",
+    "@rollup/plugin-terser": "0.4.4",
+    "@rollup/plugin-typescript": "11.1.5",
+    "@rollup/plugin-wasm": "6.2.2",
+    "@total-typescript/ts-reset": "0.5.1",
+    "@types/electron-localshortcut": "3.1.2",
+    "@types/howler": "2.2.10",
+    "@types/html-to-text": "9.0.3",
+    "@typescript-eslint/eslint-plugin": "6.9.1",
+    "builtin-modules": "^3.3.0",
+    "cross-env": "7.0.3",
+    "del-cli": "5.1.0",
+    "electron": "27.0.3",
+    "electron-builder": "24.6.4",
+    "electron-devtools-installer": "3.2.0",
+    "eslint": "8.52.0",
+    "eslint-plugin-import": "2.29.0",
+    "eslint-plugin-prettier": "5.0.1",
+    "node-gyp": "10.0.1",
+    "playwright": "1.39.0",
+    "rollup": "4.2.0",
+    "rollup-plugin-copy": "3.5.0",
+    "rollup-plugin-import-css": "3.3.5",
+    "rollup-plugin-string": "3.0.0",
+    "typescript": "5.2.2",
+    "yarpm": "1.2.0"
+  },
+  "auto-changelog": {
+    "hideCredit": true,
+    "package": true,
+    "unreleased": true,
+    "output": "changelog.md"
+  },
+  "packageManager": "pnpm@8.10.2"
 }

plugins/adblocker/.gitignore

@@ -1 +0,0 @@
-detector.buffer

plugins/adblocker/back.js

@@ -1,3 +0,0 @@
-const { blockWindowAds } = require("./blocker");
-
-module.exports = win => blockWindowAds(win.webContents);

plugins/adblocker/blocker.js

@@ -1,12 +0,0 @@
-const { initialize, containsAds } = require("./contains-ads");
-
-module.exports.blockWindowAds = webContents => {
-	initialize();
-	webContents.session.webRequest.onBeforeRequest(
-		["*://*./*"],
-		(details, cb) => {
-			const shouldBeBlocked = containsAds(details.url);
-			cb({ cancel: shouldBeBlocked });
-		}
-	);
-};

plugins/adblocker/contains-ads.js

@@ -1,24 +0,0 @@
-const fs = require("fs");
-const path    = require("path");
-const Blocker = require("ad-block");
-
-const client = new Blocker.AdBlockClient();
-const file   = path.resolve(__dirname, "detector.buffer");
-
-module.exports.client     = client;
-module.exports.initialize = () =>
-	new Promise((resolve, reject) => {
-		fs.readFile(file, (err, buffer) => {
-			if (err) {
-				return reject(err);
-			}
-			client.deserialize(buffer);
-			return resolve();
-		});
-	});
-
-const none = Blocker.FilterOptions.noFilterOption;
-const isAd = (req, base) => client.matches(req, none, base);
-
-module.exports.containsAds = (req, base) => isAd(req, base);
-module.exports.isAd        = isAd;

plugins/adblocker/generator.js

@@ -1,67 +0,0 @@
-// This file generates the detector buffer
-const fs      = require("fs");
-const path    = require("path");
-const Blocker = require("ad-block");
-const https   = require("https");
-
-const SOURCES = [
-	"https://raw.githubusercontent.com/kbinani/adblock-youtube-ads/master/signed.txt"
-];
-
-function parseAdblockList(client, adblockList) {
-	const urls      = adblockList.split("\n");
-	const totalSize = urls.length;
-	console.log(
-		"Parsing " + totalSize + " urls (this can take a couple minutes)."
-	);
-	urls.map(line => client.parse(line));
-	console.log("Created buffer.");
-}
-
-function writeBuffer(client) {
-	const output = path.resolve(__dirname, "detector.buffer");
-	fs.writeFile(output, client.serialize(64), err => {
-		if (err) {
-			console.error(err);
-			return;
-		}
-		console.log("Wrote buffer to detector.buffer!");
-	});
-}
-
-function generateDetectorBuffer() {
-	const client           = new Blocker.AdBlockClient();
-	let   nbSourcesFetched = 0;
-
-	// fetch updated versions
-	SOURCES.forEach(source => {
-		console.log("Downloading " + source);
-		https
-			.get(source, resp => {
-				let data = "";
-
-				// A chunk of data has been recieved.
-				resp.on("data", chunk => {
-					data += chunk;
-				});
-
-				// The whole response has been received. Print out the result.
-				resp.on("end", () => {
-					parseAdblockList(client, data);
-					nbSourcesFetched++;
-
-					if (nbSourcesFetched === SOURCES.length) {
-						writeBuffer(client);
-					}
-				});
-			})
-			.on("error", err => {
-				console.log("Error: " + err.message);
-			});
-	});
-}
-
-module.exports = generateDetectorBuffer;
-if (require.main === module) {
-	generateDetectorBuffer();
-}

plugins/navigation/actions.js

@@ -1,24 +0,0 @@
-const { triggerAction } = require('../utils');
-
-const CHANNEL = "navigation";
-const ACTIONS = {
-    NEXT: "next",
-    BACK: 'back',
-}
-
-function goToNextPage() {
-    triggerAction(CHANNEL, ACTIONS.NEXT);
-}
-
-function goToPreviousPage() {
-    triggerAction(CHANNEL, ACTIONS.BACK);
-}
-
-module.exports = {
-    CHANNEL: CHANNEL,
-    ACTIONS: ACTIONS,
-    global: {
-        goToNextPage: goToNextPage,
-        goToPreviousPage: goToPreviousPage,
-    }
-};

plugins/navigation/back.js

@@ -1,23 +0,0 @@
-const { listenAction } = require("../utils");
-const { ACTIONS, CHANNEL } = require("./actions.js");
-
-function handle(win) {
-	listenAction(CHANNEL, (event, action) => {
-		switch (action) {
-			case ACTIONS.NEXT: 
-				if (win.webContents.canGoForward()) {
-					win.webContents.goForward();
-				}
-				break;
-			case ACTIONS.BACK: 
-				if (win.webContents.canGoBack()) {
-					win.webContents.goBack();
-				}
-				break;
-			default: 
-				console.log("Unknown action: " + action);
-		}
-	});
-}
-
-module.exports = handle;

plugins/navigation/front.js

@@ -1,14 +0,0 @@
-const { ElementFromFile, templatePath } = require('../utils');
-
-function run() {
-    const forwardButton = ElementFromFile(templatePath(__dirname, 'forward.html'));
-    const backButton = ElementFromFile(templatePath(__dirname, 'back.html'));
-    const menu = document.querySelector("ytmusic-pivot-bar-renderer");
-
-    if (menu) {
-        menu.prepend(forwardButton);
-        menu.prepend(backButton);
-    }
-}
-
-module.exports = run;

plugins/navigation/templates/back.html

@@ -1,21 +0,0 @@
-<ytmusic-pivot-bar-item-renderer class="style-scope ytmusic-pivot-bar-renderer" tab-id="FEmusic_back" role="tab" onclick="goToPreviousPage()">
-    <yt-icon class="tab-icon style-scope ytmusic-pivot-bar-item-renderer">
-        <svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon" style="pointer-events: none; display: block; width: 100%; height: 100%;">
-            <g class="style-scope yt-icon">
-                <path class="st0" d="M109.3 265.2l218.9 218.9c5.1 5.1 11.8 7.9 19 7.9s14-2.8 19-7.9l16.1-16.1c10.5-10.5 10.5-27.6 0-38.1L198.6 246.1 382.7 62c5.1-5.1 7.9-11.8 7.9-19 0-7.2-2.8-14-7.9-19L366.5 7.9c-5.1-5.1-11.8-7.9-19-7.9-7.2 0-14 2.8-19 7.9L109.3 227c-5.1 5.1-7.9 11.9-7.8 19.1 0 7.2 2.8 14 7.8 19.1z" class="style-scope yt-icon">
-                </path>
-            </g>
-        </svg>
-    </yt-icon>
-
-    <paper-icon-button class="search-icon style-scope ytmusic-search-box" role="button" tabindex="0" aria-disabled="false" title="Go to previous page">
-        <iron-icon id="icon" class="style-scope paper-icon-button">
-            <svg viewBox="0 0 492 492"  preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope iron-icon" style="pointer-events: none; display: block; width: 100%; height: 100%;">
-                <g class="style-scope iron-icon">
-                    <path class="st0" d="M109.3 265.2l218.9 218.9c5.1 5.1 11.8 7.9 19 7.9s14-2.8 19-7.9l16.1-16.1c10.5-10.5 10.5-27.6 0-38.1L198.6 246.1 382.7 62c5.1-5.1 7.9-11.8 7.9-19 0-7.2-2.8-14-7.9-19L366.5 7.9c-5.1-5.1-11.8-7.9-19-7.9-7.2 0-14 2.8-19 7.9L109.3 227c-5.1 5.1-7.9 11.9-7.8 19.1 0 7.2 2.8 14 7.8 19.1z">
-                    </path>
-                </g>
-            </svg>
-        </iron-icon>
-    </paper-icon-button>
-</ytmusic-pivot-bar-item-renderer>

plugins/navigation/templates/forward.html

@@ -1,26 +0,0 @@
-<ytmusic-pivot-bar-item-renderer class="style-scope ytmusic-pivot-bar-renderer" tab-id="FEmusic_next" role="tab" onclick="goToNextPage()">
-    <yt-icon class="tab-icon style-scope ytmusic-pivot-bar-item-renderer">
-        <svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon" style="pointer-events: none; display: block; width: 100%; height: 100%;">
-            <g class="style-scope yt-icon">
-                <path d="M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12
-                c-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028
-                c0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265
-                c5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z" class="style-scope yt-icon">
-                </path>
-            </g>
-        </svg>
-    </yt-icon>
-
-    <paper-icon-button class="search-icon style-scope ytmusic-search-box" role="button" tabindex="0" aria-disabled="false" title="Go to next page">
-        <iron-icon id="icon" class="style-scope paper-icon-button">
-            <svg viewBox="0 0 492 492"  preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope iron-icon" style="pointer-events: none; display: block; width: 100%; height: 100%;">
-                <g class="style-scope iron-icon">
-                    <path class="st0" d="M382.7,226.8L163.7,7.9c-5.1-5.1-11.8-7.9-19-7.9s-14,2.8-19,7.9L109.5,24c-10.5,10.5-10.5,27.6,0,38.1
-                    l183.9,183.9L109.3,430c-5.1,5.1-7.9,11.8-7.9,19c0,7.2,2.8,14,7.9,19l16.1,16.1c5.1,5.1,11.8,7.9,19,7.9s14-2.8,19-7.9L382.7,265
-                    c5.1-5.1,7.9-11.9,7.8-19.1C390.5,238.7,387.8,231.9,382.7,226.8z">
-                    </path>
-                </g>
-            </svg>
-        </iron-icon>
-    </paper-icon-button>
-</ytmusic-pivot-bar-item-renderer>

plugins/no-google-login/back.js

@@ -1,6 +0,0 @@
-const { injectCSS } = require("../utils");
-const path = require("path");
-
-module.exports = win => {
-	injectCSS(win.webContents, path.join(__dirname, "style.css"));
-};

plugins/no-google-login/front.js

@@ -1,15 +0,0 @@
-function removeLoginElements() {
-	const elementsToRemove = [
-		".sign-in-link.ytmusic-nav-bar",
-		'.ytmusic-pivot-bar-renderer[tab-id="FEmusic_liked"]'
-	];
-
-	elementsToRemove.forEach(selector => {
-		const node = document.querySelector(selector);
-		if (node) {
-			node.remove();
-		}
-	});
-}
-
-module.exports = removeLoginElements;

plugins/no-google-login/style.css

@@ -1,3 +0,0 @@
-.ytmusic-pivot-bar-renderer[tab-id="FEmusic_liked"] {
-	display: none !important;
-}

plugins/shortcuts/back.js

@@ -1,31 +0,0 @@
-const { globalShortcut } = require("electron");
-const electronLocalshortcut = require("electron-localshortcut");
-
-const {
-	playPause,
-	nextTrack,
-	previousTrack,
-	startSearch
-} = require("./youtube.js");
-
-function _registerGlobalShortcut(webContents, shortcut, action) {
-	globalShortcut.register(shortcut, () => {
-		action(webContents);
-	});
-}
-
-function _registerLocalShortcut(win, shortcut, action) {
-	electronLocalshortcut.register(win, shortcut, () => {
-		action(win.webContents);
-	});
-}
-
-function registerShortcuts(win) {
-	_registerGlobalShortcut(win.webContents, "MediaPlayPause", playPause);
-	_registerGlobalShortcut(win.webContents, "MediaNextTrack", nextTrack);
-	_registerGlobalShortcut(win.webContents, "MediaPreviousTrack", previousTrack);
-	_registerLocalShortcut(win, "CommandOrControl+F", startSearch);
-	_registerLocalShortcut(win, "CommandOrControl+L", startSearch);
-}
-
-module.exports = registerShortcuts;

plugins/shortcuts/youtube.js

@@ -1,29 +0,0 @@
-function _keyboardInput(webContents, key) {
-	return webContents.sendInputEvent({
-		type   : "keydown",
-		keyCode: key
-	});
-}
-
-function playPause(webContents) {
-	return _keyboardInput(webContents, "Space");
-}
-
-function nextTrack(webContents) {
-	return _keyboardInput(webContents, "j");
-}
-
-function previousTrack(webContents) {
-	return _keyboardInput(webContents, "k");
-}
-
-function startSearch(webContents) {
-	return _keyboardInput(webContents, "/");
-}
-
-module.exports = {
-	playPause    : playPause,
-	nextTrack    : nextTrack,
-	previousTrack: previousTrack,
-	startSearch  : startSearch
-};

plugins/utils.js

@@ -1,54 +0,0 @@
-const fs = require("fs");
-const path = require("path");
-
-const { ipcMain, ipcRenderer } = require("electron");
-
-// Creates a DOM element from a HTML string
-module.exports.ElementFromHtml = html => {
-	var template           = document.createElement("template");
-	    html               = html.trim();                         // Never return a text node of whitespace as the result
-	    template.innerHTML = html;
-	return template.content.firstChild;
-};
-
-// Creates a DOM element from a HTML file
-module.exports.ElementFromFile = filepath => {
-	return module.exports.ElementFromHtml(fs.readFileSync(filepath, "utf8"));
-};
-
-module.exports.templatePath = (pluginPath, name) => {
-	return path.join(pluginPath, "templates", name);
-};
-
-module.exports.triggerAction = (channel, action) => {
-	return ipcRenderer.send(channel, action);
-};
-
-module.exports.listenAction = (channel, callback) => {
-	return ipcMain.on(channel, callback);
-};
-
-module.exports.fileExists = (path, callbackIfExists) => {
-	fs.access(path, fs.F_OK, err => {
-		if (err) {
-			return;
-		}
-
-		callbackIfExists();
-	});
-};
-
-module.exports.injectCSS = (webContents, filepath) => {
-	webContents.on("did-finish-load", () => {
-		webContents.insertCSS(fs.readFileSync(filepath, "utf8"));
-	});
-};
-
-module.exports.getAllPlugins = () => {
-	const isDirectory = source => fs.lstatSync(source).isDirectory();
-	return fs
-		.readdirSync(__dirname)
-		.map(name => path.join(__dirname, name))
-		.filter(isDirectory)
-		.map(name => path.basename(name));
-};

preload.js

@@ -1,32 +0,0 @@
-const path = require("path");
-
-const { getCurrentWindow } = require("electron").remote;
-
-const { getEnabledPlugins, store } = require("./store");
-const { fileExists }               = require("./plugins/utils");
-
-const plugins = getEnabledPlugins();
-
-plugins.forEach(plugin => {
-	const pluginPath = path.join(__dirname, "plugins", plugin, "actions.js");
-	fileExists(pluginPath, () => {
-		const actions = require(pluginPath).global || {};
-		Object.keys(actions).forEach(actionName => {
-			global[actionName] = actions[actionName];
-		});
-	});
-});
-
-document.addEventListener("DOMContentLoaded", () => {
-	plugins.forEach(plugin => {
-		const pluginPath = path.join(__dirname, "plugins", plugin, "front.js");
-		fileExists(pluginPath, () => {
-			const run = require(pluginPath);
-			run();
-		});
-	});
-
-	// Add action for reloading
-	global.reload = () =>
-		getCurrentWindow().webContents.loadURL(store.get("url"));
-});

readme.md

@@ -1,35 +1,196 @@
 # YouTube Music
-[![GitHub release](https://img.shields.io/github/release/th-ch/youtube-music.svg)](https://GitHub.com/th-ch/youtube-music/releases/)
-[![GitHub license](https://img.shields.io/github/license/th-ch/youtube-music.svg)](https://github.com/th-ch/youtube-music/blob/master/LICENSE)
-[![XO code style](https://img.shields.io/badge/code_style-XO-5ed9c7.svg)](https://github.com/sindresorhus/xo)
-[![Build status](https://ci.appveyor.com/api/projects/status/tgre12r150ynvwl2?svg=true)](https://ci.appveyor.com/project/th-ch/youtube-music)
-[![Build Status](https://travis-ci.org/th-ch/youtube-music.svg?branch=master)](https://travis-ci.org/th-ch/youtube-music)
 
-![Screenshot](screenshot.jpg "Screenshot")
+<div align="center">
+
+[![GitHub release](https://img.shields.io/github/release/th-ch/youtube-music.svg?style=for-the-badge&logo=youtube-music)](https://github.com/th-ch/youtube-music/releases/)
+[![GitHub license](https://img.shields.io/github/license/th-ch/youtube-music.svg?style=for-the-badge)](https://github.com/th-ch/youtube-music/blob/master/LICENSE)
+[![eslint code style](https://img.shields.io/badge/code_style-eslint-5ed9c7.svg?style=for-the-badge)](https://github.com/th-ch/youtube-music/blob/master/.eslintrc.js)
+[![Build status](https://img.shields.io/github/actions/workflow/status/th-ch/youtube-music/build.yml?branch=master&style=for-the-badge&logo=youtube-music)](https://GitHub.com/th-ch/youtube-music/releases/)
+[![Known Vulnerabilities](https://img.shields.io/snyk/vulnerabilities/github/th-ch/youtube-music?style=for-the-badge)](https://snyk.io/test/github/th-ch/youtube-music)
+[![GitHub All Releases](https://img.shields.io/github/downloads/th-ch/youtube-music/total?style=for-the-badge&logo=youtube-music)](https://GitHub.com/th-ch/youtube-music/releases/)
+[![AUR](https://img.shields.io/aur/version/youtube-music-bin?color=blueviolet&style=for-the-badge&logo=youtube-music)](https://aur.archlinux.org/packages/youtube-music-bin)
+
+</div>
+
+![Screenshot](web/screenshot.jpg "Screenshot")
+
+<div align="center">
+	<a href="https://github.com/th-ch/youtube-music/releases/latest">
+		<img src="web/youtube-music.svg" width="400" height="100" alt="YouTube Music SVG">
+	</a>
+</div>
 
 **Electron wrapper around YouTube Music featuring:**
 
 - Native look & feel, aims at keeping the original interface
-- Framework for custom plugins: change YouTube Music to your needs (style, content, features), enable/disable plugins in one click
+- Framework for custom plugins: change YouTube Music to your needs (style, content, features), enable/disable plugins in
+  one click
 
 ## Download
 
-You can check out the [latest release](https://github.com/th-ch/youtube-music/releases/latest) to quickly find the latest version.
+You can check out the [latest release](https://github.com/th-ch/youtube-music/releases/latest) to quickly find the
+latest version.
+
+### Arch Linux
+
+Install the `youtube-music-bin` package from the AUR. For AUR installation instructions, take a look at
+this [wiki page](https://wiki.archlinux.org/index.php/Arch_User_Repository#Installing_packages).
+
+### MacOS
+
+You can install the app using Homebrew:
+```bash
+brew install --cask https://raw.githubusercontent.com/th-ch/youtube-music/master/youtube-music.rb
+```
+
+If you install the app manually and get an error "is damaged and can’t be opened." when launching the app, run the following in the Terminal:
+
+```bash
+xattr -cr /Applications/YouTube\ Music.app
+```
+
+### Windows
+
+You can use the [Scoop package manager](https://scoop.sh) to install the `youtube-music` package from
+the [`extras` bucket](https://github.com/ScoopInstaller/Extras).
+
+```bash
+scoop bucket add extras
+scoop install extras/youtube-music
+```
+
+Alternately you can use [Winget](https://learn.microsoft.com/en-us/windows/package-manager/winget/), Windows 11s
+official CLI package manager to install the `th-ch.YouTubeMusic` package.
+
+*Note: Microsoft Defender SmartScreen might block the installation since it is from an "unknown publisher". This is also
+true for the manual installation when trying to run the executable(.exe) after a manual download here on github (same
+file).*
+
+```bash
+winget install th-ch.YouTubeMusic
+```
+
+#### How to install without a network connection? (in Windows)
+
+- Download the `*.nsis.7z` file for _your device architecture_ in [release page](https://github.com/th-ch/youtube-music/releases/latest).
+  - `x64` for 64-bit Windows
+  - `ia32` for 32-bit Windows
+  - `arm64` for ARM64 Windows
+- Download installer in release page. (`*-Setup.exe`)
+- Place them in the **same directory**.
+- Run the installer.
 
 ## Available plugins:
 
-- **Ad Blocker**: block all ads and tracking out of the box
-- **No Google Login**: remove Google login buttons and links from the interface
-- **Shortcuts**: use your usual shortcuts (media keys, Ctrl/CMD + F…) to control YouTube Music
-- **Navigation**: next/back navigation arrows directly integrated in the interface, like in your favorite browser
+- **Ad Blocker**: Block all ads and tracking out of the box
+
+- **Album Color Theme**: Applies a dynamic theme and visual effects based on the album color palette
+
+- **Ambient Mode**: Applies a lighting effect by casting gentle colors from the video, into your screen’s background.
+
+- **Audio Compressor**: Apply compression to audio (lowers the volume of the loudest parts of the signal and raises the
+  volume of the softest parts)
+
+- **Blur Nav Bar**: makes navigation bar transparent and blurry
+
+- **Bypass age restrictions**: bypass YouTube's age verification
+
+- **Captions selector**: Enable captions
+
+- **Compact sidebar**: Always set the sidebar in compact mode
+
+- **Crossfade**: Crossfade between songs
+
+- **Disable Autoplay**: Makes every song start in "paused" mode
+
+- [**Discord**](https://discord.com/): Show your friends what you listen to
+  with [Rich Presence](https://user-images.githubusercontent.com/28219076/104362104-a7a0b980-5513-11eb-9744-bb89eabe0016.png)
+
+- **Downloader**: downloads
+  MP3 [directly from the interface](https://user-images.githubusercontent.com/61631665/129977677-83a7d067-c192-45e1-98ae-b5a4927393be.png) [(youtube-dl)](https://github.com/ytdl-org/youtube-dl)
+
+- **Exponential Volume**: Makes the volume
+  slider [exponential](https://greasyfork.org/en/scripts/397686-youtube-music-fix-volume-ratio/) so it's easier to
+  select lower volumes.
+
+- **In-App Menu**: [gives bars a fancy, dark look](https://user-images.githubusercontent.com/78568641/112215894-923dbf00-8c29-11eb-95c3-3ce15db27eca.png)
+
+  > (see [this post](https://github.com/th-ch/youtube-music/issues/410#issuecomment-952060709) if you have problem
+  accessing the menu after enabling this plugin and hide-menu option)
+
+- [**Last.fm**](https://www.last.fm/): Scrobbles support
+
+- **Lumia Stream**: Adds [Lumia Stream](https://lumiastream.com/) support
+
+- **Lyrics Genius**: Adds lyrics support for most songs
+
+- **Navigation**: Next/Back navigation arrows directly integrated in the interface, like in your favorite browser
+
+- **No Google Login**: Remove Google login buttons and links from the interface
+
+- **Notifications**: Display a notification when a song starts
+  playing ([interactive notifications](https://user-images.githubusercontent.com/78568641/114102651-63ce0e00-98d0-11eb-9dfe-c5a02bb54f9c.png)
+  are available on windows)
+
+- **Picture in picture**: allows to switch the app to picture-in-picture mode
+
+- **Playback Speed**: Listen fast, listen
+  slow! [Adds a slider that controls song speed](https://user-images.githubusercontent.com/61631665/129976003-e55db5ba-bf42-448c-a059-26a009775e68.png)
+
+- **Precise Volume**: Control the volume precisely using mousewheel/hotkeys, with a custom hud and customizable volume
+  steps
+
+- **Quality Changer**: Allows changing the video quality with
+  a [button](https://user-images.githubusercontent.com/78568641/138574366-70324a5e-2d64-4f6a-acdd-dc2a2b9cecc5.png) on
+  the video overlay
+
+- **Shortcuts**: Allows setting global hotkeys for playback (play/pause/next/previous) +
+  disable [media osd](https://user-images.githubusercontent.com/84923831/128601225-afa38c1f-dea8-4209-9f72-0f84c1dd8b54.png)
+  by overriding media keys + enable Ctrl/CMD + F to search + enable linux mpris support for
+  mediakeys + [custom hotkeys](https://github.com/Araxeus/youtube-music/blob/1e591d6a3df98449bcda6e63baab249b28026148/providers/song-controls.js#L13-L50)
+  for [advanced users](https://github.com/th-ch/youtube-music/issues/106#issuecomment-952156902)
+
+- **Skip-Silences** - Automatically skip silenced sections
+
+- [**SponsorBlock**](https://github.com/ajayyy/SponsorBlock): Automatically Skips non-music parts like intro/outro or
+  parts of music videos where the song isn't playing
+
+- **Taskbar Media Control**: Control playback from
+  your [Windows taskbar](https://user-images.githubusercontent.com/78568641/111916130-24a35e80-8a82-11eb-80c8-5021c1aa27f4.png)
+
+- **Touchbar**: Custom TouchBar layout for macOS
+
+- **Tuna-OBS**: Integration with [OBS](https://obsproject.com/)'s
+  plugin [Tuna](https://obsproject.com/forum/resources/tuna.843/)
+
+- **Video Toggle**: Adds
+  a [button](https://user-images.githubusercontent.com/28893833/173663950-63e6610e-a532-49b7-9afa-54cb57ddfc15.png) to
+  switch between Video/Song mode. can also optionally remove the whole video tab
+
+- **Visualizer**: Different music visualizers
+
+---
+
+- **Auto confirm when paused** (Always Enabled): disable
+  the ["Continue Watching?"](https://user-images.githubusercontent.com/61631665/129977894-01c60740-7ec6-4bf0-9a2c-25da24491b0e.png)
+  popup that pause music after a certain time
+
+> If `Hide Menu` option is on - you can show the menu with the <kbd>alt</kbd> key (or <kbd>\`</kbd> [backtick] if using
+> the in-app-menu plugin)
+
+## Themes
+
+You can load CSS files to change the look of the application (Options > Visual Tweaks > Themes).
+
+Some predefined themes are available in https://github.com/kerichdev/themes-for-ytmdesktop-player.
 
 ## Dev
 
-```sh
+```bash
 git clone https://github.com/th-ch/youtube-music
 cd youtube-music
-npm install
-npm start
+pnpm install --frozen-lockfile
+pnpm start
 ```
 
 ## Build your own plugins
@@ -43,20 +204,46 @@ Using plugins, you can:
 
 Create a folder in `plugins/YOUR-PLUGIN-NAME`:
 
-- if you need to manipulate the BrowserWindow, create a file `back.js` with the following template:
+- if you need to manipulate the BrowserWindow, create a file with the following template:
 
-```node
-module.exports = win => {
-	// win is the BrowserWindow object
+```typescript
+// file: back.ts
+export default (win: Electron.BrowserWindow, config: ConfigType<'YOUR-PLUGIN-NAME'>) => {
+  // something
 };
 ```
 
-- if you need to change the front, create a file `front.js` with the following template:
+then, register the plugin in `index.ts`:
 
-```node
-module.exports = () => {
-	// This function will be called as a preload script
-	// So you can use front features like `document.querySelector`
+```typescript
+import yourPlugin from './plugins/YOUR-PLUGIN-NAME/back';
+
+// ...
+
+const mainPlugins = {
+  // ...
+  'YOUR-PLUGIN-NAME': yourPlugin,
+};
+```
+
+- if you need to change the front, create a file with the following template:
+
+```typescript
+// file: front.ts
+export default (config: ConfigType<'YOUR-PLUGIN-NAME'>) => {
+  // This function will be called as a preload script
+  // So you can use front features like `document.querySelector`
+};
+```
+
+then, register the plugin in `preload.ts`:
+
+```typescript
+import yourPlugin from './plugins/YOUR-PLUGIN-NAME/front';
+
+const rendererPlugins: PluginMapper<'renderer'> = {
+  // ...
+  'YOUR-PLUGIN-NAME': yourPlugin,
 };
 ```
 
@@ -64,35 +251,50 @@ module.exports = () => {
 
 - injecting custom CSS: create a `style.css` file in the same folder then:
 
-```node
-const path = require("path");
-const { injectCSS } = require("../utils");
+```typescript
+import path from 'node:path';
+import { injectCSS } from '../utils';
 
-// back.js
-module.exports = win => {
-	injectCSS(win.webContents, path.join(__dirname, "style.css"));
+// back.ts
+export default (win: Electron.BrowserWindow) => {
+  injectCSS(win.webContents, path.join(__dirname, 'style.css'));
 };
 ```
 
 - changing the HTML:
 
-```node
-// front.js
-module.exports = () => {
-	// Remove the login button
-	document.querySelector('.sign-in-link.ytmusic-nav-bar').remove();
+```typescript
+// front.ts
+export default () => {
+  // Remove the login button
+  document.querySelector(".sign-in-link.ytmusic-nav-bar").remove();
 };
 ```
 
-- communicating between the front and back: can be done using the ipcMain module from electron. See `utils.js` file and example in `navigation` plugin.
+- communicating between the front and back: can be done using the ipcMain module from electron. See `utils.js` file and
+  example in `navigation` plugin.
 
 ## Build
 
-```sh
-npm run build
+1. Clone the repo
+2. Follow [this guide](https://pnpm.io/installation) to install `pnpm`
+3. Run `pnpm install --frozen-lockfile` to install dependencies
+4. Run `pnpm build:OS`
+
+- `pnpm dist:win` - Windows
+- `pnpm dist:linux` - Linux
+- `pnpm dist:mac` - MacOS
+
+Builds the app for macOS, Linux, and Windows,
+using [electron-builder](https://github.com/electron-userland/electron-builder).
+
+## Tests
+
+```bash
+pnpm test
 ```
 
-Builds the app for macOS, Linux, and Windows, using [electron-builder](https://github.com/electron-userland/electron-builder).
+Uses [Playwright](https://playwright.dev/) to test the app.
 
 ## License
 

rollup.main.config.ts

@@ -0,0 +1,60 @@
+import { defineConfig } from 'rollup';
+import builtinModules from 'builtin-modules';
+import typescript from '@rollup/plugin-typescript';
+import commonjs from '@rollup/plugin-commonjs';
+import nodeResolvePlugin from '@rollup/plugin-node-resolve';
+import json from '@rollup/plugin-json';
+import terser from '@rollup/plugin-terser';
+import { string } from 'rollup-plugin-string';
+import css from 'rollup-plugin-import-css';
+import wasmPlugin from '@rollup/plugin-wasm';
+import copy from 'rollup-plugin-copy';
+
+export default defineConfig({
+  plugins: [
+    typescript({
+      module: 'ESNext',
+    }),
+    nodeResolvePlugin({
+      browser: false,
+      preferBuiltins: true,
+      exportConditions: ['node', 'default', 'module', 'import'],
+    }),
+    commonjs({
+      ignoreDynamicRequires: true,
+    }),
+    wasmPlugin({
+      maxFileSize: 0,
+      targetEnv: 'browser',
+    }),
+    json(),
+    string({
+      include: '**/*.html',
+    }),
+    css(),
+    copy({
+      targets: [
+        { src: 'src/error.html', dest: 'dist/' },
+        { src: 'assets', dest: 'dist/' },
+      ],
+    }),
+    terser({
+      ecma: 2020,
+    }),
+    {
+      closeBundle() {
+        if (!process.env.ROLLUP_WATCH) {
+          setTimeout(() => process.exit(0));
+        }
+      },
+      name: 'force-close',
+    },
+  ],
+  input: './src/index.ts',
+  output: {
+    format: 'cjs',
+    name: '[name].js',
+    dir: './dist',
+  },
+  external: ['electron', 'custom-electron-prompt', ...builtinModules],
+});

rollup.preload.config.ts

@@ -0,0 +1,54 @@
+import { defineConfig } from 'rollup';
+import builtinModules from 'builtin-modules';
+import typescript from '@rollup/plugin-typescript';
+import commonjs from '@rollup/plugin-commonjs';
+import nodeResolvePlugin from '@rollup/plugin-node-resolve';
+import json from '@rollup/plugin-json';
+import terser from '@rollup/plugin-terser';
+import { string } from 'rollup-plugin-string';
+import css from 'rollup-plugin-import-css';
+import wasmPlugin from '@rollup/plugin-wasm';
+import image from '@rollup/plugin-image';
+
+export default defineConfig({
+  plugins: [
+    typescript({
+      module: 'ESNext',
+    }),
+    nodeResolvePlugin({
+      browser: false,
+      preferBuiltins: true,
+    }),
+    commonjs({
+      ignoreDynamicRequires: true,
+    }),
+    json(),
+    string({
+      include: '**/*.html',
+    }),
+    css(),
+    wasmPlugin({
+      maxFileSize: 0,
+      targetEnv: 'browser',
+    }),
+    image({ dom: true }),
+    terser({
+      ecma: 2020,
+    }),
+    {
+      closeBundle() {
+        if (!process.env.ROLLUP_WATCH) {
+          setTimeout(() => process.exit(0));
+        }
+      },
+      name: 'force-close',
+    },
+  ],
+  input: './src/preload.ts',
+  output: {
+    format: 'cjs',
+    name: '[name].js',
+    dir: './dist',
+  },
+  external: ['electron', 'custom-electron-prompt', ...builtinModules],
+});

src/config/defaults.ts

@@ -0,0 +1,298 @@
+import { blockers } from '../plugins/adblocker/blocker-types';
+
+import { DefaultPresetList } from '../plugins/downloader/types';
+
+export interface WindowSizeConfig {
+  width: number;
+  height: number;
+}
+
+export interface DefaultConfig {
+  'window-size': {
+    width: number;
+    height: number;
+  }
+  'window-maximized': boolean;
+  'window-position': {
+    x: number;
+    y: number;
+  }
+  url: string;
+  options: {
+    tray: boolean;
+    appVisible: boolean;
+    autoUpdates: boolean;
+    alwaysOnTop: boolean;
+    hideMenu: boolean;
+    hideMenuWarned: boolean;
+    startAtLogin: boolean;
+    disableHardwareAcceleration: boolean;
+    removeUpgradeButton: boolean;
+    restartOnConfigChanges: boolean;
+    trayClickPlayPause: boolean;
+    autoResetAppCache: boolean;
+    resumeOnStart: boolean;
+    likeButtons: string;
+    proxy: string;
+    startingPage: string;
+    overrideUserAgent: boolean;
+    themes: string[];
+  }
+}
+
+const defaultConfig = {
+  'window-size': {
+    width: 1100,
+    height: 550,
+  },
+  'window-maximized': false,
+  'window-position': {
+    x: -1,
+    y: -1,
+  },
+  'url': 'https://music.youtube.com',
+  'options': {
+    tray: false,
+    appVisible: true,
+    autoUpdates: true,
+    alwaysOnTop: false,
+    hideMenu: false,
+    hideMenuWarned: false,
+    startAtLogin: false,
+    disableHardwareAcceleration: false,
+    removeUpgradeButton: false,
+    restartOnConfigChanges: false,
+    trayClickPlayPause: false,
+    autoResetAppCache: false,
+    resumeOnStart: true,
+    likeButtons: '',
+    proxy: '',
+    startingPage: '',
+    overrideUserAgent: false,
+    themes: [] as string[],
+  },
+  /** please order alphabetically */
+  'plugins': {
+    'adblocker': {
+      enabled: true,
+      cache: true,
+      blocker: blockers.InPlayer as string,
+      additionalBlockLists: [], // Additional list of filters, e.g "https://raw.githubusercontent.com/uBlockOrigin/uAssets/master/filters/filters.txt"
+      disableDefaultLists: false,
+    },
+    'album-color-theme': {},
+    'ambient-mode': {
+      enabled: false,
+      quality: 50,
+      buffer: 30,
+      interpolationTime: 1500,
+      blur: 100,
+      size: 100,
+      opacity: 1,
+      fullscreen: false,
+    },
+    'audio-compressor': {},
+    'blur-nav-bar': {},
+    'bypass-age-restrictions': {},
+    'captions-selector': {
+      enabled: false,
+      disableCaptions: false,
+      autoload: false,
+      lastCaptionsCode: '',
+    },
+    'compact-sidebar': {},
+    'crossfade': {
+      enabled: false,
+      fadeInDuration: 1500, // Ms
+      fadeOutDuration: 5000, // Ms
+      secondsBeforeEnd: 10, // S
+      fadeScaling: 'linear', // 'linear', 'logarithmic' or a positive number in dB
+    },
+    'disable-autoplay': {
+      applyOnce: false,
+    },
+    'discord': {
+      enabled: false,
+      autoReconnect: true, // If enabled, will try to reconnect to discord every 5 seconds after disconnecting or failing to connect
+      activityTimoutEnabled: true, // If enabled, the discord rich presence gets cleared when music paused after the time specified below
+      activityTimoutTime: 10 * 60 * 1000, // 10 minutes
+      playOnYouTubeMusic: true, // Add a "Play on YouTube Music" button to rich presence
+      hideGitHubButton: false, // Disable the "View App On GitHub" button
+      hideDurationLeft: false, // Hides the start and end time of the song to rich presence
+    },
+    'downloader': {
+      enabled: false,
+      downloadFolder: undefined as string | undefined, // Custom download folder (absolute path)
+      selectedPreset: 'mp3 (256kbps)', // Selected preset
+      customPresetSetting: DefaultPresetList['mp3 (256kbps)'], // Presets
+      skipExisting: false,
+      playlistMaxItems: undefined as number | undefined,
+    },
+    'http-api': {},
+    'exponential-volume': {},
+    'in-app-menu': {
+      /**
+       * true in Windows, false in Linux and macOS (see youtube-music/config/store.ts)
+       */
+      enabled: false,
+      hideDOMWindowControls: false,
+    },
+    'last-fm': {
+      enabled: false,
+      token: undefined as string | undefined, // Token used for authentication
+      session_key: undefined as string | undefined, // Session key used for scrobbling
+      api_root: 'http://ws.audioscrobbler.com/2.0/',
+      api_key: '04d76faaac8726e60988e14c105d421a', // Api key registered by @semvis123
+      secret: 'a5d2a36fdf64819290f6982481eaffa2',
+    },
+    'lumiastream': {},
+    'lyrics-genius': {
+      romanizedLyrics: false,
+    },
+    'navigation': {
+      enabled: true,
+    },
+    'no-google-login': {},
+    'notifications': {
+      enabled: false,
+      unpauseNotification: false,
+      urgency: 'normal', // Has effect only on Linux
+      // the following has effect only on Windows
+      interactive: true,
+      toastStyle: 1, // See plugins/notifications/utils for more info
+      refreshOnPlayPause: false,
+      trayControls: true,
+      hideButtonText: false,
+    },
+    'picture-in-picture': {
+      'enabled': false,
+      'alwaysOnTop': true,
+      'savePosition': true,
+      'saveSize': false,
+      'hotkey': 'P',
+      'pip-position': [10, 10],
+      'pip-size': [450, 275],
+      'isInPiP': false,
+      'useNativePiP': false,
+    },
+    'playback-speed': {},
+    'precise-volume': {
+      enabled: false,
+      steps: 1, // Percentage of volume to change
+      arrowsShortcut: true, // Enable ArrowUp + ArrowDown local shortcuts
+      globalShortcuts: {
+        volumeUp: '',
+        volumeDown: '',
+      },
+      savedVolume: undefined as number | undefined, // Plugin save volume between session here
+    },
+    'quality-changer': {},
+    'shortcuts': {
+      enabled: false,
+      overrideMediaKeys: false,
+      global: {
+        previous: '',
+        playPause: '',
+        next: '',
+      } as Record<string, string>,
+      local: {
+        previous: '',
+        playPause: '',
+        next: '',
+      } as Record<string, string>,
+    },
+    'skip-silences': {
+      onlySkipBeginning: false,
+    },
+    'sponsorblock': {
+      enabled: false,
+      apiURL: 'https://sponsor.ajay.app',
+      categories: [
+        'sponsor',
+        'intro',
+        'outro',
+        'interaction',
+        'selfpromo',
+        'music_offtopic',
+      ],
+    },
+    'taskbar-mediacontrol': {},
+    'touchbar': {},
+    'tuna-obs': {},
+    'video-toggle': {
+      enabled: false,
+      hideVideo: false,
+      mode: 'custom',
+      forceHide: false,
+      align: '',
+    },
+    'visualizer': {
+      enabled: false,
+      type: 'butterchurn',
+      // Config per visualizer
+      butterchurn: {
+        preset: 'martin [shadow harlequins shape code] - fata morgana',
+        renderingFrequencyInMs: 500,
+        blendTimeInSeconds: 2.7,
+      },
+      vudio: {
+        effect: 'lighting',
+        accuracy: 128,
+        lighting: {
+          maxHeight: 160,
+          maxSize: 12,
+          lineWidth: 1,
+          color: '#49f3f7',
+          shadowBlur: 2,
+          shadowColor: 'rgba(244,244,244,.5)',
+          fadeSide: true,
+          prettify: false,
+          horizontalAlign: 'center',
+          verticalAlign: 'middle',
+          dottify: true,
+        },
+      },
+      wave: {
+        animations: [
+          {
+            type: 'Cubes',
+            config: {
+              bottom: true,
+              count: 30,
+              cubeHeight: 5,
+              fillColor: { gradient: ['#FAD961', '#F76B1C'] },
+              lineColor: 'rgba(0,0,0,0)',
+              radius: 20,
+            },
+          },
+          {
+            type: 'Cubes',
+            config: {
+              top: true,
+              count: 12,
+              cubeHeight: 5,
+              fillColor: { gradient: ['#FAD961', '#F76B1C'] },
+              lineColor: 'rgba(0,0,0,0)',
+              radius: 10,
+            },
+          },
+          {
+            type: 'Circles',
+            config: {
+              lineColor: {
+                gradient: ['#FAD961', '#FAD961', '#F76B1C'],
+                rotate: 90,
+              },
+              lineWidth: 4,
+              diameter: 20,
+              count: 10,
+              frequencyBand: 'base',
+            },
+          },
+        ],
+      },
+    },
+  },
+};
+
+export default defaultConfig;

src/config/dynamic.ts

@@ -0,0 +1,241 @@
+/* eslint-disable @typescript-eslint/require-await */
+
+import { ipcMain, ipcRenderer } from 'electron';
+
+import defaultConfig from './defaults';
+
+import { getOptions, setMenuOptions, setOptions } from './plugins';
+
+
+import { sendToFront } from '../providers/app-controls';
+import { Entries } from '../utils/type-utils';
+
+export type DefaultPluginsConfig = typeof defaultConfig.plugins;
+export type OneOfDefaultConfigKey = keyof DefaultPluginsConfig;
+export type OneOfDefaultConfig = typeof defaultConfig.plugins[OneOfDefaultConfigKey];
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const activePlugins: { [key in OneOfDefaultConfigKey]?: PluginConfig<any> } = {};
+
+/**
+ * [!IMPORTANT!]
+ * The method is **sync** in the main process and **async** in the renderer process.
+ */
+export const getActivePlugins
+  = process.type === 'renderer'
+  ? async () => ipcRenderer.invoke('get-active-plugins')
+  : () => activePlugins;
+
+if (process.type === 'browser') {
+  ipcMain.handle('get-active-plugins', getActivePlugins);
+}
+
+/**
+ * [!IMPORTANT!]
+ * The method is **sync** in the main process and **async** in the renderer process.
+ */
+export const isActive
+  = process.type === 'renderer'
+  ? async (plugin: string) =>
+    plugin in (await ipcRenderer.invoke('get-active-plugins'))
+  : (plugin: string): boolean => plugin in activePlugins;
+
+interface PluginConfigOptions {
+  enableFront: boolean;
+  initialOptions?: OneOfDefaultConfig;
+}
+
+/**
+ * This class is used to create a dynamic synced config for plugins.
+ *
+ * [!IMPORTANT!]
+ * The methods are **sync** in the main process and **async** in the renderer process.
+ *
+ * @param {string} name - The name of the plugin.
+ * @param {boolean} [options.enableFront] - Whether the config should be available in front.js. Default: false.
+ * @param {object} [options.initialOptions] - The initial options for the plugin. Default: loaded from store.
+ *
+ * @example
+ * const { PluginConfig } = require("../../config/dynamic");
+ * const config = new PluginConfig("plugin-name", { enableFront: true });
+ * module.exports = { ...config };
+ *
+ * // or
+ *
+ * module.exports = (win, options) => {
+ *  const config = new PluginConfig("plugin-name", {
+ *    enableFront: true,
+ *    initialOptions: options,
+ *  });
+ *  setupMyPlugin(win, config);
+ * };
+ */
+export type ConfigType<T extends OneOfDefaultConfigKey> = typeof defaultConfig.plugins[T];
+type ValueOf<T> = T[keyof T];
+type Mode<T, Mode extends 'r' | 'm'> = Mode extends 'r' ? Promise<T> : T;
+export class PluginConfig<T extends OneOfDefaultConfigKey> {
+  private readonly name: string;
+  private readonly config: ConfigType<T>;
+  private readonly defaultConfig: ConfigType<T>;
+  private readonly enableFront: boolean;
+
+  private subscribers: { [key in keyof ConfigType<T>]?: (config: ConfigType<T>) => void } = {};
+  private allSubscribers: ((config: ConfigType<T>) => void)[] = [];
+
+  constructor(
+    name: T,
+    options: PluginConfigOptions = {
+      enableFront: false,
+    },
+  ) {
+    const pluginDefaultConfig = defaultConfig.plugins[name] ?? {};
+    const pluginConfig = options.initialOptions || getOptions(name) || {};
+
+    this.name = name;
+    this.enableFront = options.enableFront;
+    this.defaultConfig = pluginDefaultConfig;
+    this.config = { ...pluginDefaultConfig, ...pluginConfig };
+
+    if (this.enableFront) {
+      this.setupFront();
+    }
+
+    activePlugins[name] = this;
+  }
+
+  get<Key extends keyof ConfigType<T> = keyof ConfigType<T>>(key: Key): ConfigType<T>[Key] {
+    return this.config?.[key];
+  }
+
+  set(key: keyof ConfigType<T>, value: ValueOf<ConfigType<T>>) {
+    this.config[key] = value;
+    this.onChange(key);
+    this.save();
+  }
+
+  getAll(): ConfigType<T> {
+    return { ...this.config };
+  }
+
+  setAll(options: Partial<ConfigType<T>>) {
+    if (!options || typeof options !== 'object') {
+      throw new Error('Options must be an object.');
+    }
+
+    let changed = false;
+    for (const [key, value] of Object.entries(options) as Entries<typeof options>) {
+      if (this.config[key] !== value) {
+        if (value !== undefined) this.config[key] = value;
+        this.onChange(key, false);
+        changed = true;
+      }
+    }
+
+    if (changed) {
+      for (const fn of this.allSubscribers) {
+        fn(this.config);
+      }
+    }
+
+    this.save();
+  }
+
+  getDefaultConfig() {
+    return this.defaultConfig;
+  }
+
+  /**
+   * Use this method to set an option and restart the app if `appConfig.restartOnConfigChange === true`
+   *
+   * Used for options that require a restart to take effect.
+   */
+  setAndMaybeRestart(key: keyof ConfigType<T>, value: ValueOf<ConfigType<T>>) {
+    this.config[key] = value;
+    setMenuOptions(this.name, this.config);
+    this.onChange(key);
+  }
+
+  subscribe(valueName: keyof ConfigType<T>, fn: (config: ConfigType<T>) => void) {
+    this.subscribers[valueName] = fn;
+  }
+
+  subscribeAll(fn: (config: ConfigType<T>) => void) {
+    this.allSubscribers.push(fn);
+  }
+
+  /** Called only from back */
+  private save() {
+    setOptions(this.name, this.config);
+  }
+
+  private onChange(valueName: keyof ConfigType<T>, single: boolean = true) {
+    this.subscribers[valueName]?.(this.config[valueName] as ConfigType<T>);
+    if (single) {
+      for (const fn of this.allSubscribers) {
+        fn(this.config);
+      }
+    }
+  }
+
+  private setupFront() {
+    const ignoredMethods = ['subscribe', 'subscribeAll'];
+
+    if (process.type === 'renderer') {
+      for (const [fnName, fn] of Object.entries(this) as Entries<this>) {
+        if (typeof fn !== 'function' || fn.name in ignoredMethods) {
+          return;
+        }
+
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any,@typescript-eslint/no-unsafe-return
+        this[fnName] = (async (...args: any) => await ipcRenderer.invoke(
+          `${this.name}-config-${String(fnName)}`,
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+          ...args,
+        )) as typeof this[keyof this];
+
+        this.subscribe = (valueName, fn: (config: ConfigType<T>) => void) => {
+          if (valueName in this.subscribers) {
+            console.error(`Already subscribed to ${String(valueName)}`);
+          }
+
+          this.subscribers[valueName] = fn;
+          ipcRenderer.on(
+            `${this.name}-config-changed-${String(valueName)}`,
+            (_, value: ConfigType<T>) => {
+              fn(value);
+            },
+          );
+          ipcRenderer.send(`${this.name}-config-subscribe`, valueName);
+        };
+
+        this.subscribeAll = (fn: (config: ConfigType<T>) => void) => {
+          ipcRenderer.on(`${this.name}-config-changed`, (_, value: ConfigType<T>) => {
+            fn(value);
+          });
+          ipcRenderer.send(`${this.name}-config-subscribe-all`);
+        };
+      }
+    } else if (process.type === 'browser') {
+      for (const [fnName, fn] of Object.entries(this) as Entries<this>) {
+        if (typeof fn !== 'function' || fn.name in ignoredMethods) {
+          return;
+        }
+
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument,@typescript-eslint/no-unsafe-return
+        ipcMain.handle(`${this.name}-config-${String(fnName)}`, (_, ...args) => fn(...args));
+      }
+
+      ipcMain.on(`${this.name}-config-subscribe`, (_, valueName: keyof ConfigType<T>) => {
+        this.subscribe(valueName, (value) => {
+          sendToFront(`${this.name}-config-changed-${String(valueName)}`, value);
+        });
+      });
+
+      ipcMain.on(`${this.name}-config-subscribe-all`, () => {
+        this.subscribeAll((value) => {
+          sendToFront(`${this.name}-config-changed`, value);
+        });
+      });
+    }
+  }
+}

src/config/index.ts

@@ -0,0 +1,53 @@
+import Store from 'electron-store';
+
+import defaultConfig from './defaults';
+import plugins from './plugins';
+import store from './store';
+
+import { restart } from '../providers/app-controls';
+
+
+const set = (key: string, value: unknown) => {
+  store.set(key, value);
+};
+
+function setMenuOption(key: string, value: unknown) {
+  set(key, value);
+  if (store.get('options.restartOnConfigChanges')) {
+    restart();
+  }
+}
+
+// MAGIC OF TYPESCRIPT
+
+type Prev = [never, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10,
+  11, 12, 13, 14, 15, 16, 17, 18, 19, 20, ...0[]]
+type Join<K, P> = K extends string | number ?
+  P extends string | number ?
+    `${K}${'' extends P ? '' : '.'}${P}`
+    : never : never;
+type Paths<T, D extends number = 10> = [D] extends [never] ? never : T extends object ?
+  { [K in keyof T]-?: K extends string | number ?
+    `${K}` | Join<K, Paths<T[K], Prev[D]>>
+    : never
+  }[keyof T] : ''
+
+type SplitKey<K> = K extends `${infer A}.${infer B}` ? [A, B] : [K, string];
+type PathValue<T, K extends string> =
+  SplitKey<K> extends [infer A extends keyof T, infer B extends string]
+    ? PathValue<T[A], B>
+    : T;
+const get = <Key extends Paths<typeof defaultConfig>>(key: Key) => store.get(key) as PathValue<typeof defaultConfig, typeof key>;
+
+export default {
+  defaultConfig,
+  get,
+  set,
+  setMenuOption,
+  edit: () => store.openInEditor(),
+  watch(cb: Parameters<Store['onDidChange']>[1]) {
+    store.onDidChange('options', cb);
+    store.onDidChange('plugins', cb);
+  },
+  plugins,
+};

src/config/plugins.ts

@@ -0,0 +1,75 @@
+import store from './store';
+import defaultConfig from './defaults';
+
+import { restart } from '../providers/app-controls';
+import { Entries } from '../utils/type-utils';
+
+interface Plugin {
+  enabled: boolean;
+}
+
+type DefaultPluginsConfig = typeof defaultConfig.plugins;
+
+export function getEnabled() {
+  const plugins = store.get('plugins') as DefaultPluginsConfig;
+  return (Object.entries(plugins) as Entries<DefaultPluginsConfig>).filter(([plugin]) =>
+    isEnabled(plugin),
+  );
+}
+
+export function isEnabled(plugin: string) {
+  const pluginConfig = (store.get('plugins') as Record<string, Plugin>)[plugin];
+  return pluginConfig !== undefined && pluginConfig.enabled;
+}
+
+/**
+ * Set options for a plugin
+ * @param plugin Plugin name
+ * @param options Options to set
+ * @param exclude Options to exclude from the options object
+ */
+export function setOptions<T>(plugin: string, options: T, exclude: string[] = ['enabled']) {
+  const plugins = store.get('plugins') as Record<string, T>;
+  // HACK: This is a workaround for preventing changed options from being overwritten
+  exclude.forEach((key) => {
+    if (Object.prototype.hasOwnProperty.call(options, key)) {
+      delete options[key as keyof T];
+    }
+  });
+  store.set('plugins', {
+    ...plugins,
+    [plugin]: {
+      ...plugins[plugin],
+      ...options,
+    },
+  });
+}
+
+export function setMenuOptions<T>(plugin: string, options: T, exclude: string[] = ['enabled']) {
+  setOptions(plugin, options, exclude);
+  if (store.get('options.restartOnConfigChanges')) {
+    restart();
+  }
+}
+
+export function getOptions<T>(plugin: string): T {
+  return (store.get('plugins') as Record<string, T>)[plugin];
+}
+
+export function enable(plugin: string) {
+  setMenuOptions(plugin, { enabled: true }, []);
+}
+
+export function disable(plugin: string) {
+  setMenuOptions(plugin, { enabled: false }, []);
+}
+
+export default {
+  isEnabled,
+  getEnabled,
+  enable,
+  disable,
+  setOptions,
+  setMenuOptions,
+  getOptions,
+};

src/config/store.ts

@@ -0,0 +1,161 @@
+import Store from 'electron-store';
+import Conf from 'conf';
+import is from 'electron-is';
+
+import defaults from './defaults';
+
+import { DefaultPresetList, type Preset } from '../plugins/downloader/types';
+
+const getDefaults = () => {
+  if (is.windows()) {
+    defaults.plugins['in-app-menu'].enabled = true;
+  }
+  return defaults;
+};
+
+const setDefaultPluginOptions = (store: Conf<Record<string, unknown>>, plugin: keyof typeof defaults.plugins) => {
+  if (!store.get(`plugins.${plugin}`)) {
+    store.set(`plugins.${plugin}`, defaults.plugins[plugin]);
+  }
+};
+
+const migrations = {
+  '>=2.1.3'(store: Conf<Record<string, unknown>>) {
+    const listenAlong = store.get('plugins.discord.listenAlong');
+    if (listenAlong !== undefined) {
+      store.set('plugins.discord.playOnYouTubeMusic', listenAlong);
+      store.delete('plugins.discord.listenAlong');
+    }
+  },
+  '>=2.1.0'(store: Conf<Record<string, unknown>>) {
+    const originalPreset = store.get('plugins.downloader.preset') as string | undefined;
+    if (originalPreset) {
+      if (originalPreset !== 'opus') {
+        store.set('plugins.downloader.selectedPreset', 'Custom');
+        store.set('plugins.downloader.customPresetSetting', {
+          extension: 'mp3',
+          ffmpegArgs: store.get('plugins.downloader.ffmpegArgs') as string[] ?? DefaultPresetList['mp3 (256kbps)'].ffmpegArgs,
+        } satisfies Preset);
+      } else {
+        store.set('plugins.downloader.selectedPreset', 'Source');
+        store.set('plugins.downloader.customPresetSetting', {
+          extension: null,
+          ffmpegArgs: store.get('plugins.downloader.ffmpegArgs') as string[] ?? [],
+        } satisfies Preset);
+      }
+      store.delete('plugins.downloader.preset');
+      store.delete('plugins.downloader.ffmpegArgs');
+    }
+  },
+  '>=1.20.0'(store: Conf<Record<string, unknown>>) {
+    setDefaultPluginOptions(store, 'visualizer');
+
+    if (store.get('plugins.notifications.toastStyle') === undefined) {
+      const pluginOptions = store.get('plugins.notifications') || {};
+      store.set('plugins.notifications', {
+        ...defaults.plugins.notifications,
+        ...pluginOptions,
+      });
+    }
+
+    if (store.get('options.ForceShowLikeButtons')) {
+      store.delete('options.ForceShowLikeButtons');
+      store.set('options.likeButtons', 'force');
+    }
+  },
+  '>=1.17.0'(store: Conf<Record<string, unknown>>) {
+    setDefaultPluginOptions(store, 'picture-in-picture');
+
+    if (store.get('plugins.video-toggle.mode') === undefined) {
+      store.set('plugins.video-toggle.mode', 'custom');
+    }
+  },
+  '>=1.14.0'(store: Conf<Record<string, unknown>>) {
+    if (
+      typeof store.get('plugins.precise-volume.globalShortcuts') !== 'object'
+    ) {
+      store.set('plugins.precise-volume.globalShortcuts', {});
+    }
+
+    if (store.get('plugins.hide-video-player.enabled')) {
+      store.delete('plugins.hide-video-player');
+      store.set('plugins.video-toggle.enabled', true);
+    }
+  },
+  '>=1.13.0'(store: Conf<Record<string, unknown>>) {
+    if (store.get('plugins.discord.listenAlong') === undefined) {
+      store.set('plugins.discord.listenAlong', true);
+    }
+  },
+  '>=1.12.0'(store: Conf<Record<string, unknown>>) {
+    const options = store.get('plugins.shortcuts') as Record<string, {
+      action: string;
+      shortcut: unknown;
+    }[] | Record<string, unknown>>;
+    let updated = false;
+    for (const optionType of ['global', 'local']) {
+      if (Array.isArray(options[optionType])) {
+        const optionsArray = options[optionType] as {
+          action: string;
+          shortcut: unknown;
+        }[];
+        const updatedOptions: Record<string, unknown> = {};
+        for (const optionObject of optionsArray) {
+          if (optionObject.action && optionObject.shortcut) {
+            updatedOptions[optionObject.action] = optionObject.shortcut;
+          }
+        }
+
+        options[optionType] = updatedOptions;
+        updated = true;
+      }
+    }
+
+    if (updated) {
+      store.set('plugins.shortcuts', options);
+    }
+  },
+  '>=1.11.0'(store: Conf<Record<string, unknown>>) {
+    if (store.get('options.resumeOnStart') === undefined) {
+      store.set('options.resumeOnStart', true);
+    }
+  },
+  '>=1.7.0'(store: Conf<Record<string, unknown>>) {
+    const enabledPlugins = store.get('plugins') as string[];
+    if (!Array.isArray(enabledPlugins)) {
+      console.warn('Plugins are not in array format, cannot migrate');
+      return;
+    }
+
+    // Include custom options
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const plugins: Record<string, any> = {
+      adblocker: {
+        enabled: true,
+        cache: true,
+        additionalBlockLists: [],
+      },
+      downloader: {
+        enabled: false,
+        ffmpegArgs: [], // E.g. ["-b:a", "192k"] for an audio bitrate of 192kb/s
+        downloadFolder: undefined, // Custom download folder (absolute path)
+      },
+    };
+
+    for (const enabledPlugin of enabledPlugins) {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+      plugins[enabledPlugin] = {
+        ...plugins[enabledPlugin],
+        enabled: true,
+      };
+    }
+
+    store.set('plugins', plugins);
+  },
+};
+
+export default new Store({
+  defaults: getDefaults(),
+  clearInvalidConfig: false,
+  migrations,
+});

src/custom-electron-prompt.d.ts

@@ -0,0 +1,85 @@
+declare module 'custom-electron-prompt' {
+  import { BrowserWindow } from 'electron';
+
+  export type SelectOptions = Record<string, string>;
+
+  export interface CounterOptions {
+    minimum?: number;
+    maximum?: number;
+    multiFire?: boolean;
+  }
+
+  export interface KeybindOptions {
+    value: string;
+    label: string;
+    default?: string;
+  }
+
+  export interface InputOptions {
+    label: string;
+    value: unknown;
+    inputAttrs?: Partial<HTMLInputElement>;
+    selectOptions?: SelectOptions;
+  }
+
+  interface BasePromptOptions<T extends string> {
+    type?: T;
+    width?: number;
+    height?: number;
+    resizable?: boolean;
+    title?: string;
+    label?: string;
+    buttonLabels?: {
+      ok?: string;
+      cancel?: string;
+    };
+    alwaysOnTop?: boolean;
+    value?: unknown;
+    icon?: string;
+    useHtmlLabel?: boolean;
+    customStylesheet?: string;
+    menuBarVisible?: boolean;
+    skipTaskbar?: boolean;
+    frame?: boolean;
+    customScript?: string;
+    enableRemoteModule?: boolean;
+    inputAttrs?: Partial<HTMLInputElement>;
+  }
+
+  export type InputPromptOptions = BasePromptOptions<'input'>;
+  export interface SelectPromptOptions extends BasePromptOptions<'select'> {
+    selectOptions: SelectOptions;
+  }
+  export interface CounterPromptOptions extends BasePromptOptions<'counter'> {
+    counterOptions: CounterOptions;
+  }
+  export interface MultiInputPromptOptions extends BasePromptOptions<'multiInput'> {
+    multiInputOptions: InputOptions[];
+  }
+  export interface KeybindPromptOptions extends BasePromptOptions<'keybind'> {
+    keybindOptions: KeybindOptions[];
+  }
+
+  export type PromptOptions<T extends string> = (
+    T extends 'input' ? InputPromptOptions :
+    T extends 'select' ? SelectPromptOptions :
+    T extends 'counter' ? CounterPromptOptions :
+    T extends 'keybind' ? KeybindPromptOptions :
+    T extends 'multiInput' ? MultiInputPromptOptions :
+      never
+  );
+
+  type PromptResult<T extends string> = T extends 'input' ? string :
+    T extends 'select' ? string :
+    T extends 'counter' ? number :
+    T extends 'keybind' ? {
+      value: string;
+      accelerator: string
+    }[] :
+    T extends 'multiInput' ? string[] :
+    never;
+
+  const prompt: <T extends Type>(options?: PromptOptions<T> & { type: T }, parent?: BrowserWindow) => Promise<PromptResult<T> | null>;
+
+  export default prompt;
+}

src/error.html

@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <title>Cannot load YouTube Music</title>
+    <style>
+        body {
+            background: #000;
+        }
+
+        .container {
+            margin: 0;
+            font-family: Roboto, Arial, sans-serif;
+            font-size: 20px;
+            font-weight: 500;
+            color: rgba(255, 255, 255, 0.5);
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            margin-right: -50%;
+            transform: translate(-50%, -50%);
+            text-align: center;
+        }
+
+        .button {
+            background: #065fd4;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            color: white;
+            font: inherit;
+            text-transform: uppercase;
+            text-decoration: none;
+            border-radius: 2px;
+            font-size: 16px;
+            font-weight: normal;
+            text-align: center;
+            padding: 8px 22px;
+            display: inline-block;
+        }
+    </style>
+</head>
+
+<body>
+<div class="container">
+    <p>Cannot load YouTube Music… Internet disconnected?</p>
+    <a class="button" href="#" onclick="reload()">Retry</a>
+</div>
+</body>
+</html>

src/index.ts

@@ -0,0 +1,641 @@
+import path from 'node:path';
+
+import { BrowserWindow, app, screen, globalShortcut, session, shell, dialog, ipcMain } from 'electron';
+import enhanceWebRequest, { BetterSession } from '@jellybrick/electron-better-web-request';
+import is from 'electron-is';
+import unhandled from 'electron-unhandled';
+import { autoUpdater } from 'electron-updater';
+import electronDebug from 'electron-debug';
+
+import config from './config';
+import { refreshMenu, setApplicationMenu } from './menu';
+import { fileExists, injectCSS, injectCSSAsFile } from './plugins/utils';
+import { isTesting } from './utils/testing';
+import { setUpTray } from './tray';
+import { setupSongInfo } from './providers/song-info';
+import { restart, setupAppControls } from './providers/app-controls';
+import { APP_PROTOCOL, handleProtocol, setupProtocolHandler } from './providers/protocol-handler';
+
+import adblocker from './plugins/adblocker/back';
+import albumColorTheme from './plugins/album-color-theme/back';
+import ambientMode from './plugins/ambient-mode/back';
+import blurNavigationBar from './plugins/blur-nav-bar/back';
+import captionsSelector from './plugins/captions-selector/back';
+import crossfade from './plugins/crossfade/back';
+import discord from './plugins/discord/back';
+import downloader from './plugins/downloader/back';
+import httpApi from './plugins/http-api/back';
+import inAppMenu from './plugins/in-app-menu/back';
+import lastFm from './plugins/last-fm/back';
+import lumiaStream from './plugins/lumiastream/back';
+import lyricsGenius from './plugins/lyrics-genius/back';
+import navigation from './plugins/navigation/back';
+import noGoogleLogin from './plugins/no-google-login/back';
+import notifications from './plugins/notifications/back';
+import pictureInPicture, { setOptions as pipSetOptions } from './plugins/picture-in-picture/back';
+import preciseVolume from './plugins/precise-volume/back';
+import qualityChanger from './plugins/quality-changer/back';
+import shortcuts from './plugins/shortcuts/back';
+import sponsorBlock from './plugins/sponsorblock/back';
+import taskbarMediaControl from './plugins/taskbar-mediacontrol/back';
+import touchbar from './plugins/touchbar/back';
+import tunaObs from './plugins/tuna-obs/back';
+import videoToggle from './plugins/video-toggle/back';
+import visualizer from './plugins/visualizer/back';
+
+import youtubeMusicCSS from './youtube-music.css';
+
+// Catch errors and log them
+unhandled({
+  logger: console.error,
+  showDialog: false,
+});
+
+// Disable Node options if the env var is set
+process.env.NODE_OPTIONS = '';
+
+// Prevent window being garbage collected
+let mainWindow: Electron.BrowserWindow | null;
+autoUpdater.autoDownload = false;
+
+const gotTheLock = app.requestSingleInstanceLock();
+if (!gotTheLock) {
+  app.exit();
+}
+
+// SharedArrayBuffer: Required for downloader (@ffmpeg/core-mt)
+// OverlayScrollbar: Required for overlay scrollbars
+app.commandLine.appendSwitch('enable-features', 'OverlayScrollbar,SharedArrayBuffer');
+if (config.get('options.disableHardwareAcceleration')) {
+  if (is.dev()) {
+    console.log('Disabling hardware acceleration');
+  }
+
+  app.disableHardwareAcceleration();
+}
+
+if (is.linux() && config.plugins.isEnabled('shortcuts')) {
+  // Stops chromium from launching its own MPRIS service
+  app.commandLine.appendSwitch('disable-features', 'MediaSessionService');
+}
+
+if (config.get('options.proxy')) {
+  app.commandLine.appendSwitch('proxy-server', config.get('options.proxy'));
+}
+
+// Adds debug features like hotkeys for triggering dev tools and reload
+electronDebug({
+  showDevTools: false, // Disable automatic devTools on new window
+});
+
+let icon = 'assets/youtube-music.png';
+if (process.platform === 'win32') {
+  icon = 'assets/generated/icon.ico';
+} else if (process.platform === 'darwin') {
+  icon = 'assets/generated/icon.icns';
+}
+
+function onClosed() {
+  // Dereference the window
+  // For multiple Windows store them in an array
+  mainWindow = null;
+}
+
+const mainPlugins = {
+  'adblocker': adblocker,
+  'album-color-theme': albumColorTheme,
+  'ambient-mode': ambientMode,
+  'blur-nav-bar': blurNavigationBar,
+  'captions-selector': captionsSelector,
+  'crossfade': crossfade,
+  'discord': discord,
+  'downloader': downloader,
+  'http-api': httpApi,
+  'in-app-menu': inAppMenu,
+  'last-fm': lastFm,
+  'lumiastream': lumiaStream,
+  'lyrics-genius': lyricsGenius,
+  'navigation': navigation,
+  'no-google-login': noGoogleLogin,
+  'notifications': notifications,
+  'picture-in-picture': pictureInPicture,
+  'precise-volume': preciseVolume,
+  'quality-changer': qualityChanger,
+  'shortcuts': shortcuts,
+  'sponsorblock': sponsorBlock,
+  'taskbar-mediacontrol': undefined as typeof taskbarMediaControl | undefined,
+  'touchbar': undefined as typeof touchbar | undefined,
+  'tuna-obs': tunaObs,
+  'video-toggle': videoToggle,
+  'visualizer': visualizer,
+};
+export const mainPluginNames = Object.keys(mainPlugins);
+
+if (is.windows()) {
+  mainPlugins['taskbar-mediacontrol'] = taskbarMediaControl;
+  delete mainPlugins['touchbar'];
+} else if (is.macOS()) {
+  mainPlugins['touchbar'] = touchbar;
+  delete mainPlugins['taskbar-mediacontrol'];
+} else {
+  delete mainPlugins['touchbar'];
+  delete mainPlugins['taskbar-mediacontrol'];
+}
+
+ipcMain.handle('get-main-plugin-names', () => Object.keys(mainPlugins));
+
+async function loadPlugins(win: BrowserWindow) {
+  injectCSS(win.webContents, youtubeMusicCSS);
+  // Load user CSS
+  const themes: string[] = config.get('options.themes');
+  if (Array.isArray(themes)) {
+    for (const cssFile of themes) {
+      fileExists(
+        cssFile,
+        () => {
+          injectCSSAsFile(win.webContents, cssFile);
+        },
+        () => {
+          console.warn(`CSS file "${cssFile}" does not exist, ignoring`);
+        },
+      );
+    }
+  }
+
+  win.webContents.once('did-finish-load', () => {
+    if (is.dev()) {
+      console.log('did finish load');
+      win.webContents.openDevTools();
+    }
+  });
+
+  for (const [plugin, options] of config.plugins.getEnabled()) {
+    try {
+      if (Object.hasOwn(mainPlugins, plugin)) {
+        console.log('Loaded plugin - ' + plugin);
+        const handler = mainPlugins[plugin as keyof typeof mainPlugins];
+        if (handler) {
+          await handler(win, options as never);
+        }
+      }
+    } catch (e) {
+      console.error(`Failed to load plugin "${plugin}"`, e);
+    }
+  }
+}
+
+async function createMainWindow() {
+  const windowSize = config.get('window-size');
+  const windowMaximized = config.get('window-maximized');
+  const windowPosition: Electron.Point = config.get('window-position');
+  const useInlineMenu = config.plugins.isEnabled('in-app-menu');
+
+  const win = new BrowserWindow({
+    icon,
+    width: windowSize.width,
+    height: windowSize.height,
+    backgroundColor: '#000',
+    show: false,
+    webPreferences: {
+      // TODO: re-enable contextIsolation once it can work with FFMpeg.wasm
+      // Possible bundling? https://github.com/ffmpegwasm/ffmpeg.wasm/issues/126
+      contextIsolation: false,
+      preload: path.join(__dirname, 'preload.js'),
+      nodeIntegrationInSubFrames: true,
+      ...(isTesting()
+        ? undefined
+        : {
+          // Sandbox is only enabled in tests for now
+          // See https://www.electronjs.org/docs/latest/tutorial/sandbox#preload-scripts
+          sandbox: false,
+        }),
+    },
+    frame: !is.macOS() && !useInlineMenu,
+    titleBarOverlay: {
+      color: '#00000000',
+      symbolColor: '#ffffff',
+      height: 36,
+    },
+    titleBarStyle: useInlineMenu
+      ? 'hidden'
+      : (is.macOS()
+        ? 'hiddenInset'
+        : 'default'),
+    autoHideMenuBar: config.get('options.hideMenu'),
+  });
+  await loadPlugins(win);
+
+  if (windowPosition) {
+    const { x: windowX, y: windowY } = windowPosition;
+    const winSize = win.getSize();
+    const displaySize
+      = screen.getDisplayNearestPoint(windowPosition).bounds;
+    if (
+      windowX + winSize[0] < displaySize.x - 8
+      || windowX - winSize[0] > displaySize.x + displaySize.width
+      || windowY < displaySize.y - 8
+      || windowY > displaySize.y + displaySize.height
+    ) {
+      // Window is offscreen
+      if (is.dev()) {
+        console.log(
+          `Window tried to render offscreen, windowSize=${String(winSize)}, displaySize=${String(displaySize)}, position=${String(windowPosition)}`,
+        );
+      }
+    } else {
+      win.setPosition(windowX, windowY);
+    }
+  }
+
+  if (windowMaximized) {
+    win.maximize();
+  }
+
+  if (config.get('options.alwaysOnTop')) {
+    win.setAlwaysOnTop(true);
+  }
+
+  const urlToLoad = config.get('options.resumeOnStart')
+    ? config.get('url')
+    : config.defaultConfig.url;
+  win.on('closed', onClosed);
+
+  type PiPOptions = typeof config.defaultConfig.plugins['picture-in-picture'];
+  const setPiPOptions = config.plugins.isEnabled('picture-in-picture')
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    ? (key: string, value: unknown) => pipSetOptions({ [key]: value })
+    : () => {};
+
+  win.on('move', () => {
+    if (win.isMaximized()) {
+      return;
+    }
+
+    const position = win.getPosition();
+    const isPiPEnabled: boolean
+      = config.plugins.isEnabled('picture-in-picture')
+      && config.plugins.getOptions<PiPOptions>('picture-in-picture').isInPiP;
+    if (!isPiPEnabled) {
+
+      lateSave('window-position', { x: position[0], y: position[1] });
+    } else if (config.plugins.getOptions<PiPOptions>('picture-in-picture').savePosition) {
+      lateSave('pip-position', position, setPiPOptions);
+    }
+  });
+
+  let winWasMaximized: boolean;
+
+  win.on('resize', () => {
+    const windowSize = win.getSize();
+    const isMaximized = win.isMaximized();
+
+    const isPiPEnabled
+      = config.plugins.isEnabled('picture-in-picture')
+      && config.plugins.getOptions<PiPOptions>('picture-in-picture').isInPiP;
+
+    if (!isPiPEnabled && winWasMaximized !== isMaximized) {
+      winWasMaximized = isMaximized;
+      config.set('window-maximized', isMaximized);
+    }
+
+    if (isMaximized) {
+      return;
+    }
+
+    if (!isPiPEnabled) {
+      lateSave('window-size', {
+        width: windowSize[0],
+        height: windowSize[1],
+      });
+    } else if (config.plugins.getOptions<PiPOptions>('picture-in-picture').saveSize) {
+      lateSave('pip-size', windowSize, setPiPOptions);
+    }
+  });
+
+  const savedTimeouts: Record<string, NodeJS.Timeout | undefined> = {};
+
+  function lateSave(key: string, value: unknown, fn: (key: string, value: unknown) => void = config.set) {
+    if (savedTimeouts[key]) {
+      clearTimeout(savedTimeouts[key]);
+    }
+
+    savedTimeouts[key] = setTimeout(() => {
+      fn(key, value);
+      savedTimeouts[key] = undefined;
+    }, 600);
+  }
+
+  app.on('render-process-gone', (event, webContents, details) => {
+    showUnresponsiveDialog(win, details);
+  });
+
+  win.once('ready-to-show', () => {
+    if (config.get('options.appVisible')) {
+      win.show();
+    }
+  });
+
+  removeContentSecurityPolicy();
+
+  win.webContents.loadURL(urlToLoad);
+
+  return win;
+}
+
+app.once('browser-window-created', (event, win) => {
+  if (config.get('options.overrideUserAgent')) {
+    // User agents are from https://developers.whatismybrowser.com/useragents/explore/
+    const originalUserAgent = win.webContents.userAgent;
+    const userAgents = {
+      mac: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 12.1; rv:95.0) Gecko/20100101 Firefox/95.0',
+      windows: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:95.0) Gecko/20100101 Firefox/95.0',
+      linux: 'Mozilla/5.0 (Linux x86_64; rv:95.0) Gecko/20100101 Firefox/95.0',
+    };
+
+    const updatedUserAgent
+      = is.macOS() ? userAgents.mac
+      : (is.windows() ? userAgents.windows
+        : userAgents.linux);
+
+    win.webContents.userAgent = updatedUserAgent;
+    app.userAgentFallback = updatedUserAgent;
+
+    win.webContents.session.webRequest.onBeforeSendHeaders((details, cb) => {
+      // This will only happen if login failed, and "retry" was pressed
+      if (win.webContents.getURL().startsWith('https://accounts.google.com') && details.url.startsWith('https://accounts.google.com')) {
+        details.requestHeaders['User-Agent'] = originalUserAgent;
+      }
+
+      cb({ requestHeaders: details.requestHeaders });
+    });
+  }
+
+  setupSongInfo(win);
+  setupAppControls();
+
+  win.webContents.on('did-fail-load', (
+    _event,
+    errorCode,
+    errorDescription,
+    validatedURL,
+    isMainFrame,
+    frameProcessId,
+    frameRoutingId,
+  ) => {
+    const log = JSON.stringify({
+      error: 'did-fail-load',
+      errorCode,
+      errorDescription,
+      validatedURL,
+      isMainFrame,
+      frameProcessId,
+      frameRoutingId,
+    }, null, '\t');
+    if (is.dev()) {
+      console.log(log);
+    }
+
+    if (errorCode !== -3) { // -3 is a false positive
+      win.webContents.send('log', log);
+      win.webContents.loadFile(path.join(__dirname, 'error.html'));
+    }
+  });
+
+  win.webContents.on('will-prevent-unload', (event) => {
+    event.preventDefault();
+  });
+});
+
+app.on('window-all-closed', () => {
+  if (process.platform !== 'darwin') {
+    app.quit();
+  }
+
+  // Unregister all shortcuts.
+  globalShortcut.unregisterAll();
+});
+
+app.on('activate', async () => {
+  // On OS X it's common to re-create a window in the app when the
+  // dock icon is clicked and there are no other windows open.
+  if (mainWindow === null) {
+    mainWindow = await createMainWindow();
+  } else if (!mainWindow.isVisible()) {
+    mainWindow.show();
+  }
+});
+
+app.on('ready', async () => {
+  if (config.get('options.autoResetAppCache')) {
+    // Clear cache after 20s
+    const clearCacheTimeout = setTimeout(() => {
+      if (is.dev()) {
+        console.log('Clearing app cache.');
+      }
+
+      session.defaultSession.clearCache();
+      clearTimeout(clearCacheTimeout);
+    }, 20_000);
+  }
+
+  // Register appID on windows
+  if (is.windows()) {
+    const appID = 'com.github.th-ch.youtube-music';
+    app.setAppUserModelId(appID);
+    const appLocation = process.execPath;
+    const appData = app.getPath('appData');
+    // Check shortcut validity if not in dev mode / running portable app
+    if (!is.dev() && !appLocation.startsWith(path.join(appData, '..', 'Local', 'Temp'))) {
+      const shortcutPath = path.join(appData, 'Microsoft', 'Windows', 'Start Menu', 'Programs', 'YouTube Music.lnk');
+      try { // Check if shortcut is registered and valid
+        const shortcutDetails = shell.readShortcutLink(shortcutPath); // Throw error if doesn't exist yet
+        if (
+          shortcutDetails.target !== appLocation
+          || shortcutDetails.appUserModelId !== appID
+        ) {
+          throw 'needUpdate';
+        }
+      } catch (error) { // If not valid -> Register shortcut
+        shell.writeShortcutLink(
+          shortcutPath,
+          error === 'needUpdate' ? 'update' : 'create',
+          {
+            target: appLocation,
+            cwd: path.dirname(appLocation),
+            description: 'YouTube Music Desktop App - including custom plugins',
+            appUserModelId: appID,
+          },
+        );
+      }
+    }
+  }
+
+  mainWindow = await createMainWindow();
+  setApplicationMenu(mainWindow);
+  refreshMenu(mainWindow);
+  setUpTray(app, mainWindow);
+
+  setupProtocolHandler(mainWindow);
+
+  app.on('second-instance', (_, commandLine) => {
+    const uri = `${APP_PROTOCOL}://`;
+    const protocolArgv = commandLine.find((arg) => arg.startsWith(uri));
+    if (protocolArgv) {
+      const lastIndex = protocolArgv.endsWith('/') ? -1 : undefined;
+      const command = protocolArgv.slice(uri.length, lastIndex);
+      if (is.dev()) {
+        console.debug(`Received command over protocol: "${command}"`);
+      }
+
+      handleProtocol(command);
+      return;
+    }
+
+    if (!mainWindow) {
+      return;
+    }
+
+    if (mainWindow.isMinimized()) {
+      mainWindow.restore();
+    }
+
+    if (!mainWindow.isVisible()) {
+      mainWindow.show();
+    }
+
+    mainWindow.focus();
+  });
+
+  // Autostart at login
+  app.setLoginItemSettings({
+    openAtLogin: config.get('options.startAtLogin'),
+  });
+
+  if (!is.dev() && config.get('options.autoUpdates')) {
+    const updateTimeout = setTimeout(() => {
+      autoUpdater.checkForUpdatesAndNotify();
+      clearTimeout(updateTimeout);
+    }, 2000);
+    autoUpdater.on('update-available', () => {
+      const downloadLink
+        = 'https://github.com/th-ch/youtube-music/releases/latest';
+      const dialogOptions: Electron.MessageBoxOptions = {
+        type: 'info',
+        buttons: ['OK', 'Download', 'Disable updates'],
+        title: 'Application Update',
+        message: 'A new version is available',
+        detail: `A new version is available and can be downloaded at ${downloadLink}`,
+      };
+      dialog.showMessageBox(dialogOptions).then((dialogOutput) => {
+        switch (dialogOutput.response) {
+          // Download
+          case 1: {
+            shell.openExternal(downloadLink);
+            break;
+          }
+
+          // Disable updates
+          case 2: {
+            config.set('options.autoUpdates', false);
+            break;
+          }
+
+          default: {
+            break;
+          }
+        }
+      });
+    });
+  }
+
+  if (config.get('options.hideMenu') && !config.get('options.hideMenuWarned')) {
+    dialog.showMessageBox(mainWindow, {
+      type: 'info', title: 'Hide Menu Enabled',
+      message: "Menu is hidden, use 'Alt' to show it (or 'Escape' if using in-app-menu)",
+    });
+    config.set('options.hideMenuWarned', true);
+  }
+
+  // Optimized for Mac OS X
+  if (is.macOS() && !config.get('options.appVisible')) {
+    app.dock.hide();
+  }
+
+  let forceQuit = false;
+  app.on('before-quit', () => {
+    forceQuit = true;
+  });
+
+  if (is.macOS() || config.get('options.tray')) {
+    mainWindow.on('close', (event) => {
+      // Hide the window instead of quitting (quit is available in tray options)
+      if (!forceQuit) {
+        event.preventDefault();
+        mainWindow!.hide();
+      }
+    });
+  }
+});
+
+function showUnresponsiveDialog(win: BrowserWindow, details: Electron.RenderProcessGoneDetails) {
+  if (details) {
+    console.log('Unresponsive Error!\n' + JSON.stringify(details, null, '\t'));
+  }
+
+  dialog.showMessageBox(win, {
+    type: 'error',
+    title: 'Window Unresponsive',
+    message: 'The Application is Unresponsive',
+    detail: 'We are sorry for the inconvenience! please choose what to do:',
+    buttons: ['Wait', 'Relaunch', 'Quit'],
+    cancelId: 0,
+  }).then((result) => {
+    switch (result.response) {
+      case 1: {
+        restart();
+        break;
+      }
+
+      case 2: {
+        app.quit();
+        break;
+      }
+    }
+  });
+}
+
+function removeContentSecurityPolicy(
+  betterSession: BetterSession = session.defaultSession as BetterSession,
+) {
+  // Allows defining multiple "onHeadersReceived" listeners
+  // by enhancing the session.
+  // Some plugins (e.g. adblocker) also define a "onHeadersReceived" listener
+  enhanceWebRequest(betterSession);
+
+  // Custom listener to tweak the content security policy
+  betterSession.webRequest.onHeadersReceived((details, callback) => {
+    details.responseHeaders ??= {};
+
+    // Remove the content security policy
+    delete details.responseHeaders['content-security-policy-report-only'];
+    delete details.responseHeaders['content-security-policy'];
+
+    callback({ cancel: false, responseHeaders: details.responseHeaders });
+  });
+
+  // When multiple listeners are defined, apply them all
+  betterSession.webRequest.setResolver('onHeadersReceived', async (listeners) => {
+    return listeners.reduce(
+      async (accumulator, listener) => {
+        const acc = await accumulator;
+        if (acc.cancel) {
+          return acc;
+        }
+
+        const result = await listener.apply();
+        return { ...accumulator, ...result };
+      },
+      Promise.resolve({ cancel: false }),
+    );
+  });
+}

src/menu.ts

@@ -0,0 +1,484 @@
+import is from 'electron-is';
+import { app, BrowserWindow, clipboard, dialog, Menu } from 'electron';
+import prompt from 'custom-electron-prompt';
+
+import { restart } from './providers/app-controls';
+import config from './config';
+import { startingPages } from './providers/extracted-data';
+import promptOptions from './providers/prompt-options';
+
+import adblockerMenu from './plugins/adblocker/menu';
+import ambientModeMenu from './plugins/ambient-mode/menu';
+import captionsSelectorMenu from './plugins/captions-selector/menu';
+import crossfadeMenu from './plugins/crossfade/menu';
+import disableAutoplayMenu from './plugins/disable-autoplay/menu';
+import discordMenu from './plugins/discord/menu';
+import downloaderMenu from './plugins/downloader/menu';
+import inAppMenuTitlebarMenu from './plugins/in-app-menu/menu';
+import lyricsGeniusMenu from './plugins/lyrics-genius/menu';
+import notificationsMenu from './plugins/notifications/menu';
+import pictureInPictureMenu from './plugins/picture-in-picture/menu';
+import preciseVolumeMenu from './plugins/precise-volume/menu';
+import shortcutsMenu from './plugins/shortcuts/menu';
+import videoToggleMenu from './plugins/video-toggle/menu';
+import visualizerMenu from './plugins/visualizer/menu';
+import { getAvailablePluginNames } from './plugins/utils';
+
+export type MenuTemplate = Electron.MenuItemConstructorOptions[];
+
+// True only if in-app-menu was loaded on launch
+const inAppMenuActive = config.plugins.isEnabled('in-app-menu');
+
+const betaPlugins = ['crossfade', 'lumiastream'];
+
+const pluginMenus = {
+  'adblocker': adblockerMenu,
+  'ambient-mode': ambientModeMenu,
+  'disable-autoplay': disableAutoplayMenu,
+  'captions-selector': captionsSelectorMenu,
+  'crossfade': crossfadeMenu,
+  'discord': discordMenu,
+  'downloader': downloaderMenu,
+  'in-app-menu': inAppMenuTitlebarMenu,
+  'lyrics-genius': lyricsGeniusMenu,
+  'notifications': notificationsMenu,
+  'picture-in-picture': pictureInPictureMenu,
+  'precise-volume': preciseVolumeMenu,
+  'shortcuts': shortcutsMenu,
+  'video-toggle': videoToggleMenu,
+  'visualizer': visualizerMenu,
+};
+
+const pluginEnabledMenu = (plugin: string, label = '', hasSubmenu = false, refreshMenu: (() => void ) | undefined = undefined): Electron.MenuItemConstructorOptions => ({
+  label: label || plugin,
+  type: 'checkbox',
+  checked: config.plugins.isEnabled(plugin),
+  click(item: Electron.MenuItem) {
+    if (item.checked) {
+      config.plugins.enable(plugin);
+    } else {
+      config.plugins.disable(plugin);
+    }
+
+    if (hasSubmenu) {
+      refreshMenu?.();
+    }
+  },
+});
+
+export const refreshMenu = (win: BrowserWindow) => {
+  setApplicationMenu(win);
+  if (inAppMenuActive) {
+    win.webContents.send('refreshMenu');
+  }
+};
+
+export const mainMenuTemplate = (win: BrowserWindow): MenuTemplate => {
+  const innerRefreshMenu = () => refreshMenu(win);
+
+  return [
+    {
+      label: 'Plugins',
+      submenu:
+        getAvailablePluginNames().map((pluginName) => {
+          let pluginLabel = pluginName;
+          if (betaPlugins.includes(pluginLabel)) {
+            pluginLabel += ' [beta]';
+          }
+
+          if (Object.hasOwn(pluginMenus, pluginName)) {
+            const getPluginMenu = pluginMenus[pluginName as keyof typeof pluginMenus];
+
+            if (!config.plugins.isEnabled(pluginName)) {
+              return pluginEnabledMenu(pluginName, pluginLabel, true, innerRefreshMenu);
+            }
+
+            return {
+              label: pluginLabel,
+              submenu: [
+                pluginEnabledMenu(pluginName, 'Enabled', true, innerRefreshMenu),
+                { type: 'separator' },
+                ...getPluginMenu(win, config.plugins.getOptions(pluginName), innerRefreshMenu),
+              ],
+            } satisfies Electron.MenuItemConstructorOptions;
+          }
+
+          return pluginEnabledMenu(pluginName, pluginLabel);
+        }),
+    },
+    {
+      label: 'Options',
+      submenu: [
+        {
+          label: 'Auto-update',
+          type: 'checkbox',
+          checked: config.get('options.autoUpdates'),
+          click(item) {
+            config.setMenuOption('options.autoUpdates', item.checked);
+          },
+        },
+        {
+          label: 'Resume last song when app starts',
+          type: 'checkbox',
+          checked: config.get('options.resumeOnStart'),
+          click(item) {
+            config.setMenuOption('options.resumeOnStart', item.checked);
+          },
+        },
+        {
+          label: 'Starting page',
+          submenu: (() => {
+            const subMenuArray: Electron.MenuItemConstructorOptions[] = Object.keys(startingPages).map((name) => ({
+              label: name,
+              type: 'radio',
+              checked: config.get('options.startingPage') === name,
+              click() {
+                config.set('options.startingPage', name);
+              },
+            }));
+            subMenuArray.unshift({
+              label: 'Unset',
+              type: 'radio',
+              checked: config.get('options.startingPage') === '',
+              click() {
+                config.set('options.startingPage', '');
+              },
+            });
+            return subMenuArray;
+          })(),
+        },
+        {
+          label: 'Visual Tweaks',
+          submenu: [
+            {
+              label: 'Remove upgrade button',
+              type: 'checkbox',
+              checked: config.get('options.removeUpgradeButton'),
+              click(item) {
+                config.setMenuOption('options.removeUpgradeButton', item.checked);
+              },
+            },
+            {
+              label: 'Like buttons',
+              submenu: [
+                {
+                  label: 'Default',
+                  type: 'radio',
+                  checked: !config.get('options.likeButtons'),
+                  click() {
+                    config.set('options.likeButtons', '');
+                  },
+                },
+                {
+                  label: 'Force show',
+                  type: 'radio',
+                  checked: config.get('options.likeButtons') === 'force',
+                  click() {
+                    config.set('options.likeButtons', 'force');
+                  },
+                },
+                {
+                  label: 'Hide',
+                  type: 'radio',
+                  checked: config.get('options.likeButtons') === 'hide',
+                  click() {
+                    config.set('options.likeButtons', 'hide');
+                  },
+                },
+              ],
+            },
+            {
+              label: 'Theme',
+              submenu: [
+                {
+                  label: 'No theme',
+                  type: 'radio',
+                  checked: config.get('options.themes')?.length === 0, // Todo rename "themes"
+                  click() {
+                    config.set('options.themes', []);
+                  },
+                },
+                { type: 'separator' },
+                {
+                  label: 'Import custom CSS file',
+                  type: 'normal',
+                  async click() {
+                    const { filePaths } = await dialog.showOpenDialog({
+                      filters: [{ name: 'CSS Files', extensions: ['css'] }],
+                      properties: ['openFile', 'multiSelections'],
+                    });
+                    if (filePaths) {
+                      config.set('options.themes', filePaths);
+                    }
+                  },
+                },
+              ],
+            },
+          ],
+        },
+        {
+          label: 'Single instance lock',
+          type: 'checkbox',
+          checked: true,
+          click(item) {
+            if (!item.checked && app.hasSingleInstanceLock()) {
+              app.releaseSingleInstanceLock();
+            } else if (item.checked && !app.hasSingleInstanceLock()) {
+              app.requestSingleInstanceLock();
+            }
+          },
+        },
+        {
+          label: 'Always on top',
+          type: 'checkbox',
+          checked: config.get('options.alwaysOnTop'),
+          click(item) {
+            config.setMenuOption('options.alwaysOnTop', item.checked);
+            win.setAlwaysOnTop(item.checked);
+          },
+        },
+        ...(is.windows() || is.linux()
+          ? [
+            {
+              label: 'Hide menu',
+              type: 'checkbox',
+              checked: config.get('options.hideMenu'),
+              click(item) {
+                config.setMenuOption('options.hideMenu', item.checked);
+                if (item.checked && !config.get('options.hideMenuWarned')) {
+                  dialog.showMessageBox(win, {
+                    type: 'info', title: 'Hide Menu Enabled',
+                    message: 'Menu will be hidden on next launch, use [Alt] to show it (or backtick [`] if using in-app-menu)',
+                  });
+                }
+              },
+            },
+          ]
+          : []) satisfies Electron.MenuItemConstructorOptions[],
+        ...(is.windows() || is.macOS()
+          ? // Only works on Win/Mac
+          // https://www.electronjs.org/docs/api/app#appsetloginitemsettingssettings-macos-windows
+          [
+            {
+              label: 'Start at login',
+              type: 'checkbox',
+              checked: config.get('options.startAtLogin'),
+              click(item) {
+                config.setMenuOption('options.startAtLogin', item.checked);
+              },
+            },
+          ]
+          : []) satisfies Electron.MenuItemConstructorOptions[],
+        {
+          label: 'Tray',
+          submenu: [
+            {
+              label: 'Disabled',
+              type: 'radio',
+              checked: !config.get('options.tray'),
+              click() {
+                config.setMenuOption('options.tray', false);
+                config.setMenuOption('options.appVisible', true);
+              },
+            },
+            {
+              label: 'Enabled + app visible',
+              type: 'radio',
+              checked: config.get('options.tray') && config.get('options.appVisible'),
+              click() {
+                config.setMenuOption('options.tray', true);
+                config.setMenuOption('options.appVisible', true);
+              },
+            },
+            {
+              label: 'Enabled + app hidden',
+              type: 'radio',
+              checked: config.get('options.tray') && !config.get('options.appVisible'),
+              click() {
+                config.setMenuOption('options.tray', true);
+                config.setMenuOption('options.appVisible', false);
+              },
+            },
+            { type: 'separator' },
+            {
+              label: 'Play/Pause on click',
+              type: 'checkbox',
+              checked: config.get('options.trayClickPlayPause'),
+              click(item) {
+                config.setMenuOption('options.trayClickPlayPause', item.checked);
+              },
+            },
+          ],
+        },
+        { type: 'separator' },
+        {
+          label: 'Advanced options',
+          submenu: [
+            {
+              label: 'Set Proxy',
+              type: 'normal',
+              async click(item) {
+                await setProxy(item, win);
+              },
+            },
+            {
+              label: 'Override useragent',
+              type: 'checkbox',
+              checked: config.get('options.overrideUserAgent'),
+              click(item) {
+                config.setMenuOption('options.overrideUserAgent', item.checked);
+              },
+            },
+            {
+              label: 'Disable hardware acceleration',
+              type: 'checkbox',
+              checked: config.get('options.disableHardwareAcceleration'),
+              click(item) {
+                config.setMenuOption('options.disableHardwareAcceleration', item.checked);
+              },
+            },
+            {
+              label: 'Restart on config changes',
+              type: 'checkbox',
+              checked: config.get('options.restartOnConfigChanges'),
+              click(item) {
+                config.setMenuOption('options.restartOnConfigChanges', item.checked);
+              },
+            },
+            {
+              label: 'Reset App cache when app starts',
+              type: 'checkbox',
+              checked: config.get('options.autoResetAppCache'),
+              click(item) {
+                config.setMenuOption('options.autoResetAppCache', item.checked);
+              },
+            },
+            { type: 'separator' },
+            is.macOS()
+              ? {
+                label: 'Toggle DevTools',
+                // Cannot use "toggleDevTools" role in macOS
+                click() {
+                  const { webContents } = win;
+                  if (webContents.isDevToolsOpened()) {
+                    webContents.closeDevTools();
+                  } else {
+                    webContents.openDevTools();
+                  }
+                },
+              }
+              : { role: 'toggleDevTools' },
+            {
+              label: 'Edit config.json',
+              click() {
+                config.edit();
+              },
+            },
+          ],
+        },
+      ],
+    },
+    {
+      label: 'View',
+      submenu: [
+        { role: 'reload' },
+        { role: 'forceReload' },
+        { type: 'separator' },
+        { role: 'zoomIn', accelerator: process.platform === 'darwin' ? 'Cmd+I' : 'Ctrl+I' },
+        { role: 'zoomOut', accelerator: process.platform === 'darwin' ? 'Cmd+O' : 'Ctrl+O' },
+        { role: 'resetZoom' },
+        { type: 'separator' },
+        { role: 'togglefullscreen' },
+      ],
+    },
+    {
+      label: 'Navigation',
+      submenu: [
+        {
+          label: 'Go back',
+          click() {
+            if (win.webContents.canGoBack()) {
+              win.webContents.goBack();
+            }
+          },
+        },
+        {
+          label: 'Go forward',
+          click() {
+            if (win.webContents.canGoForward()) {
+              win.webContents.goForward();
+            }
+          },
+        },
+        {
+          label: 'Copy current URL',
+          click() {
+            const currentURL = win.webContents.getURL();
+            clipboard.writeText(currentURL);
+          },
+        },
+        {
+          label: 'Restart App',
+          click: restart,
+        },
+        { role: 'quit' },
+      ],
+    },
+    {
+      label: 'About',
+      submenu: [
+        { role: 'about' },
+      ],
+    }
+  ];
+};
+export const setApplicationMenu = (win: Electron.BrowserWindow) => {
+  const menuTemplate: MenuTemplate = [...mainMenuTemplate(win)];
+  if (process.platform === 'darwin') {
+    const { name } = app;
+    menuTemplate.unshift({
+      label: name,
+      submenu: [
+        { role: 'about' },
+        { type: 'separator' },
+        { role: 'hide' },
+        { role: 'hideOthers' },
+        { role: 'unhide' },
+        { type: 'separator' },
+        { role: 'selectAll' },
+        { role: 'cut' },
+        { role: 'copy' },
+        { role: 'paste' },
+        { type: 'separator' },
+        { role: 'minimize' },
+        { role: 'close' },
+        { role: 'quit' },
+      ],
+    });
+  }
+
+  const menu = Menu.buildFromTemplate(menuTemplate);
+  Menu.setApplicationMenu(menu);
+};
+
+async function setProxy(item: Electron.MenuItem, win: BrowserWindow) {
+  const output = await prompt({
+    title: 'Set Proxy',
+    label: 'Enter Proxy Address: (leave empty to disable)',
+    value: config.get('options.proxy'),
+    type: 'input',
+    inputAttrs: {
+      type: 'url',
+      placeholder: "Example: 'socks5://127.0.0.1:9999",
+    },
+    width: 450,
+    ...promptOptions(),
+  }, win);
+
+  if (typeof output === 'string') {
+    config.setMenuOption('options.proxy', output);
+    item.checked = output !== '';
+  } else { // User pressed cancel
+    item.checked = !item.checked; // Reset checkbox
+  }
+}

src/navigation.d.ts

@@ -0,0 +1,88 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+interface NavigationOptions {
+  info: any;
+}
+
+interface NavigationHistoryEntry extends EventTarget {
+  readonly url?: string;
+  readonly key: string;
+  readonly id: string;
+  readonly index: number;
+  readonly sameDocument: boolean;
+  getState(): any;
+  ondispose: ((this: NavigationHistoryEntry, ev: Event) => any) | null;
+}
+
+interface NavigationTransition {
+  readonly navigationType: NavigationType;
+  readonly from: NavigationHistoryEntry;
+  readonly finished: Promise<undefined>;
+}
+
+interface NavigationResult {
+  committed: Promise<NavigationHistoryEntry>;
+  finished: Promise<NavigationHistoryEntry>;
+}
+
+interface NavigationNavigateOptions extends NavigationOptions {
+  state: any;
+  history?: NavigationHistoryBehavior;
+}
+
+interface NavigationReloadOptions extends NavigationOptions {
+  state: any;
+}
+
+interface NavigationUpdateCurrentEntryOptions {
+  state: any;
+}
+
+interface NavigationEventsMap {
+  currententrychange: NavigateEvent;
+  navigate: NavigateEvent;
+  navigateerror: NavigateEvent;
+  navigatesuccess: NavigateEvent;
+}
+
+interface Navigation extends EventTarget {
+  entries(): Array<NavigationHistoryEntry>;
+  readonly currentEntry?: NavigationHistoryEntry;
+  updateCurrentEntry(options: NavigationUpdateCurrentEntryOptions): undefined;
+  readonly transition?: NavigationTransition;
+  readonly canGoBack: boolean;
+  readonly canGoForward: boolean;
+  navigate(url: string, options?: NavigationNavigateOptions): NavigationResult;
+  reload(options?: NavigationReloadOptions): NavigationResult;
+  traverseTo(key: string, options?: NavigationOptions): NavigationResult;
+  back(options?: NavigationOptions): NavigationResult;
+  forward(options?: NavigationOptions): NavigationResult;
+  onnavigate: ((this: Navigation, ev: Event) => any) | null;
+  onnavigatesuccess: ((this: Navigation, ev: Event) => any) | null;
+  onnavigateerror: ((this: Navigation, ev: Event) => any) | null;
+  oncurrententrychange: ((this: Navigation, ev: Event) => any) | null;
+
+  addEventListener<K extends keyof NavigationEventsMap>(name: K, listener: (event: NavigationEventsMap[K]) => void);
+}
+
+declare class NavigateEvent extends Event {
+  canIntercept: boolean;
+  destination: NavigationHistoryEntry;
+  downloadRequest: string | null;
+  formData: FormData;
+  hashChange: boolean;
+  info: Record<string, string>;
+  navigationType: 'push' | 'reload' | 'replace' | 'traverse';
+  signal: AbortSignal;
+  userInitiated: boolean;
+
+  intercept(options?: Record<string, unknown>): void;
+  scroll(): void;
+}
+
+type NavigationHistoryBehavior = 'auto' | 'push' | 'replace';
+
+declare const Navigation: {
+  prototype: Navigation;
+  new(): Navigation;
+};

src/plugins/adblocker/.gitignore

@@ -0,0 +1 @@
+/ad-blocker-engine.bin

src/plugins/adblocker/back.ts

@@ -0,0 +1,19 @@
+import { BrowserWindow } from 'electron';
+
+import { loadAdBlockerEngine } from './blocker';
+import { shouldUseBlocklists } from './config';
+
+import type { ConfigType } from '../../config/dynamic';
+
+type AdBlockOptions = ConfigType<'adblocker'>;
+
+export default async (win: BrowserWindow, options: AdBlockOptions) => {
+  if (shouldUseBlocklists()) {
+    await loadAdBlockerEngine(
+      win.webContents.session,
+      options.cache,
+      options.additionalBlockLists,
+      options.disableDefaultLists,
+    );
+  }
+};

src/plugins/adblocker/blocker-types.ts

@@ -0,0 +1,4 @@
+export const blockers = {
+  WithBlocklists: 'With blocklists',
+  InPlayer: 'In player',
+} as const;

src/plugins/adblocker/blocker.ts

@@ -0,0 +1,67 @@
+// Used for caching
+import path from 'node:path';
+import fs, { promises } from 'node:fs';
+
+import { ElectronBlocker } from '@cliqz/adblocker-electron';
+import { app, net } from 'electron';
+
+const SOURCES = [
+  'https://raw.githubusercontent.com/kbinani/adblock-youtube-ads/master/signed.txt',
+  // UBlock Origin
+  'https://raw.githubusercontent.com/uBlockOrigin/uAssets/master/filters/filters.txt',
+  'https://raw.githubusercontent.com/uBlockOrigin/uAssets/master/filters/filters-2020.txt',
+  'https://raw.githubusercontent.com/uBlockOrigin/uAssets/master/filters/filters-2021.txt',
+  'https://raw.githubusercontent.com/uBlockOrigin/uAssets/master/filters/filters-2022.txt',
+  'https://raw.githubusercontent.com/uBlockOrigin/uAssets/master/filters/filters-2023.txt',
+  // Fanboy Annoyances
+  'https://secure.fanboy.co.nz/fanboy-annoyance_ubo.txt',
+];
+
+export const loadAdBlockerEngine = async (
+  session: Electron.Session | undefined = undefined,
+  cache = true,
+  additionalBlockLists = [],
+  disableDefaultLists: boolean | unknown[] = false,
+) => {
+  // Only use cache if no additional blocklists are passed
+  const cacheDirectory = path.join(app.getPath('userData'), 'adblock_cache');
+  if (!fs.existsSync(cacheDirectory)) {
+    fs.mkdirSync(cacheDirectory);
+  }
+  const cachingOptions
+    = cache && additionalBlockLists.length === 0
+    ? {
+      path: path.join(cacheDirectory, 'adblocker-engine.bin'),
+      read: promises.readFile,
+      write: promises.writeFile,
+    }
+    : undefined;
+  const lists = [
+    ...(
+      (disableDefaultLists && !Array.isArray(disableDefaultLists)) ||
+      (Array.isArray(disableDefaultLists) && disableDefaultLists.length > 0) ? [] : SOURCES
+    ),
+    ...additionalBlockLists,
+  ];
+
+  try {
+    const blocker = await ElectronBlocker.fromLists(
+      (url: string) => net.fetch(url),
+      lists,
+      {
+        // When generating the engine for caching, do not load network filters
+        // So that enhancing the session works as expected
+        // Allowing to define multiple webRequest listeners
+        loadNetworkFilters: session !== undefined,
+      },
+      cachingOptions,
+    );
+    if (session) {
+      blocker.enableBlockingInSession(session);
+    }
+  } catch (error) {
+    console.log('Error loading adBlocker engine', error);
+  }
+};
+
+export default { loadAdBlockerEngine };

src/plugins/adblocker/config.ts

@@ -0,0 +1,15 @@
+/* eslint-disable @typescript-eslint/await-thenable */
+/* renderer */
+
+import { blockers } from './blocker-types';
+
+import { PluginConfig } from '../../config/dynamic';
+
+const config = new PluginConfig('adblocker', { enableFront: true });
+
+export const shouldUseBlocklists = () => config.get('blocker') !== blockers.InPlayer;
+
+export default Object.assign(config, {
+  shouldUseBlocklists,
+  blockers,
+});

src/plugins/adblocker/inject-cliqz-preload.ts

@@ -0,0 +1,3 @@
+export default async () => {
+  await import('@cliqz/adblocker-electron-preload');
+};

src/plugins/adblocker/inject.d.ts

@@ -0,0 +1,3 @@
+const inject: () => void;
+
+export default inject;

src/plugins/adblocker/inject.js

@@ -0,0 +1,435 @@
+/* eslint-disable */
+
+// Source: https://addons.mozilla.org/en-US/firefox/addon/adblock-for-youtube/
+// https://robwu.nl/crxviewer/?crx=https%3A%2F%2Faddons.mozilla.org%2Fen-US%2Ffirefox%2Faddon%2Fadblock-for-youtube%2F
+
+/*
+  Parts of this code is derived from set-constant.js:
+  https://github.com/gorhill/uBlock/blob/5de0ce975753b7565759ac40983d31978d1f84ca/assets/resources/scriptlets.js#L704
+  */
+module.exports = () => {
+  {
+    const pruner = function (o) {
+      delete o.playerAds;
+      delete o.adPlacements;
+      //
+      if (o.playerResponse) {
+        delete o.playerResponse.playerAds;
+        delete o.playerResponse.adPlacements;
+      }
+
+      //
+      return o;
+    };
+
+    JSON.parse = new Proxy(JSON.parse, {
+      apply() {
+        return pruner(Reflect.apply(...arguments));
+      },
+    });
+
+    Response.prototype.json = new Proxy(Response.prototype.json, {
+      apply() {
+        return Reflect.apply(...arguments).then((o) => pruner(o));
+      },
+    });
+  }
+
+  (function () {
+    let cValue = 'undefined';
+    const chain = 'playerResponse.adPlacements';
+    const thisScript = document.currentScript;
+    //
+    switch (cValue) {
+      case 'null': {
+        cValue = null;
+        break;
+      }
+
+      case "''": {
+        cValue = '';
+        break;
+      }
+
+      case 'true': {
+        cValue = true;
+        break;
+      }
+
+      case 'false': {
+        cValue = false;
+        break;
+      }
+
+      case 'undefined': {
+        cValue = undefined;
+        break;
+      }
+
+      case 'noopFunc': {
+        cValue = function () {
+        };
+
+        break;
+      }
+
+      case 'trueFunc': {
+        cValue = function () {
+          return true;
+        };
+
+        break;
+      }
+
+      case 'falseFunc': {
+        cValue = function () {
+          return false;
+        };
+
+        break;
+      }
+
+      default: {
+        if (/^\d+$/.test(cValue)) {
+          cValue = Number.parseFloat(cValue);
+          //
+          if (isNaN(cValue)) {
+            return;
+          }
+
+          if (Math.abs(cValue) > 0x7F_FF) {
+            return;
+          }
+        } else {
+          return;
+        }
+      }
+    }
+
+    //
+    let aborted = false;
+    const mustAbort = function (v) {
+      if (aborted) {
+        return true;
+      }
+
+      aborted
+        = v !== undefined
+        && v !== null
+        && cValue !== undefined
+        && cValue !== null
+        && typeof v !== typeof cValue;
+      return aborted;
+    };
+
+    /*
+    Support multiple trappers for the same property:
+    https://github.com/uBlockOrigin/uBlock-issues/issues/156
+    */
+
+    const trapProp = function (owner, prop, configurable, handler) {
+      if (handler.init(owner[prop]) === false) {
+        return;
+      }
+
+      //
+      const odesc = Object.getOwnPropertyDescriptor(owner, prop);
+      let previousGetter;
+      let previousSetter;
+      if (odesc instanceof Object) {
+        if (odesc.configurable === false) {
+          return;
+        }
+
+        if (odesc.get instanceof Function) {
+          previousGetter = odesc.get;
+        }
+
+        if (odesc.set instanceof Function) {
+          previousSetter = odesc.set;
+        }
+      }
+
+      //
+      Object.defineProperty(owner, prop, {
+        configurable,
+        get() {
+          if (previousGetter !== undefined) {
+            previousGetter();
+          }
+
+          //
+          return handler.getter();
+        },
+        set(a) {
+          if (previousSetter !== undefined) {
+            previousSetter(a);
+          }
+
+          //
+          handler.setter(a);
+        },
+      });
+    };
+
+    const trapChain = function (owner, chain) {
+      const pos = chain.indexOf('.');
+      if (pos === -1) {
+        trapProp(owner, chain, false, {
+          v: undefined,
+          getter() {
+            return document.currentScript === thisScript ? this.v : cValue;
+          },
+          setter(a) {
+            if (mustAbort(a) === false) {
+              return;
+            }
+
+            cValue = a;
+          },
+          init(v) {
+            if (mustAbort(v)) {
+              return false;
+            }
+
+            //
+            this.v = v;
+            return true;
+          },
+        });
+        //
+        return;
+      }
+
+      //
+      const prop = chain.slice(0, pos);
+      const v = owner[prop];
+      //
+      chain = chain.slice(pos + 1);
+      if (v instanceof Object || (typeof v === 'object' && v !== null)) {
+        trapChain(v, chain);
+        return;
+      }
+
+      //
+      trapProp(owner, prop, true, {
+        v: undefined,
+        getter() {
+          return this.v;
+        },
+        setter(a) {
+          this.v = a;
+          if (a instanceof Object) {
+            trapChain(a, chain);
+          }
+        },
+        init(v) {
+          this.v = v;
+          return true;
+        },
+      });
+    };
+
+    //
+    trapChain(window, chain);
+  })();
+
+  (function () {
+    let cValue = 'undefined';
+    const thisScript = document.currentScript;
+    const chain = 'ytInitialPlayerResponse.adPlacements';
+    //
+    switch (cValue) {
+      case 'null': {
+        cValue = null;
+        break;
+      }
+
+      case "''": {
+        cValue = '';
+        break;
+      }
+
+      case 'true': {
+        cValue = true;
+        break;
+      }
+
+      case 'false': {
+        cValue = false;
+        break;
+      }
+
+      case 'undefined': {
+        cValue = undefined;
+        break;
+      }
+
+      case 'noopFunc': {
+        cValue = function () {
+        };
+
+        break;
+      }
+
+      case 'trueFunc': {
+        cValue = function () {
+          return true;
+        };
+
+        break;
+      }
+
+      case 'falseFunc': {
+        cValue = function () {
+          return false;
+        };
+
+        break;
+      }
+
+      default: {
+        if (/^\d+$/.test(cValue)) {
+          cValue = Number.parseFloat(cValue);
+          //
+          if (isNaN(cValue)) {
+            return;
+          }
+
+          if (Math.abs(cValue) > 0x7F_FF) {
+            return;
+          }
+        } else {
+          return;
+        }
+      }
+    }
+
+    //
+    let aborted = false;
+    const mustAbort = function (v) {
+      if (aborted) {
+        return true;
+      }
+
+      aborted
+        = v !== undefined
+        && v !== null
+        && cValue !== undefined
+        && cValue !== null
+        && typeof v !== typeof cValue;
+      return aborted;
+    };
+
+    /*
+    Support multiple trappers for the same property:
+    https://github.com/uBlockOrigin/uBlock-issues/issues/156
+    */
+
+    const trapProp = function (owner, prop, configurable, handler) {
+      if (handler.init(owner[prop]) === false) {
+        return;
+      }
+
+      //
+      const odesc = Object.getOwnPropertyDescriptor(owner, prop);
+      let previousGetter;
+      let previousSetter;
+      if (odesc instanceof Object) {
+        if (odesc.configurable === false) {
+          return;
+        }
+
+        if (odesc.get instanceof Function) {
+          previousGetter = odesc.get;
+        }
+
+        if (odesc.set instanceof Function) {
+          previousSetter = odesc.set;
+        }
+      }
+
+      //
+      Object.defineProperty(owner, prop, {
+        configurable,
+        get() {
+          if (previousGetter !== undefined) {
+            previousGetter();
+          }
+
+          //
+          return handler.getter();
+        },
+        set(a) {
+          if (previousSetter !== undefined) {
+            previousSetter(a);
+          }
+
+          //
+          handler.setter(a);
+        },
+      });
+    };
+
+    const trapChain = function (owner, chain) {
+      const pos = chain.indexOf('.');
+      if (pos === -1) {
+        trapProp(owner, chain, false, {
+          v: undefined,
+          getter() {
+            return document.currentScript === thisScript ? this.v : cValue;
+          },
+          setter(a) {
+            if (mustAbort(a) === false) {
+              return;
+            }
+
+            cValue = a;
+          },
+          init(v) {
+            if (mustAbort(v)) {
+              return false;
+            }
+
+            //
+            this.v = v;
+            return true;
+          },
+        });
+        //
+        return;
+      }
+
+      //
+      const prop = chain.slice(0, pos);
+      const v = owner[prop];
+      //
+      chain = chain.slice(pos + 1);
+      if (v instanceof Object || (typeof v === 'object' && v !== null)) {
+        trapChain(v, chain);
+        return;
+      }
+
+      //
+      trapProp(owner, prop, true, {
+        v: undefined,
+        getter() {
+          return this.v;
+        },
+        setter(a) {
+          this.v = a;
+          if (a instanceof Object) {
+            trapChain(a, chain);
+          }
+        },
+        init(v) {
+          this.v = v;
+          return true;
+        },
+      });
+    };
+
+    //
+    trapChain(window, chain);
+  })();
+};

src/plugins/adblocker/menu.ts

@@ -0,0 +1,21 @@
+import config from './config';
+
+import { blockers } from './blocker-types';
+
+import { MenuTemplate } from '../../menu';
+
+export default (): MenuTemplate => {
+  return [
+    {
+      label: 'Blocker',
+      submenu: Object.values(blockers).map((blocker: string) => ({
+        label: blocker,
+        type: 'radio',
+        checked: (config.get('blocker') || blockers.WithBlocklists) === blocker,
+        click() {
+          config.set('blocker', blocker);
+        },
+      })),
+    },
+  ];
+};

src/plugins/adblocker/preload.ts

@@ -0,0 +1,15 @@
+import config, { shouldUseBlocklists } from './config';
+import inject from './inject';
+import injectCliqzPreload from './inject-cliqz-preload';
+
+import { blockers } from './blocker-types';
+
+export default async () => {
+  if (shouldUseBlocklists()) {
+    // Preload adblocker to inject scripts/styles
+    await injectCliqzPreload();
+    // eslint-disable-next-line @typescript-eslint/await-thenable
+  } else if ((config.get('blocker')) === blockers.InPlayer) {
+    inject();
+  }
+};

src/plugins/album-color-theme/back.ts

@@ -0,0 +1,9 @@
+import { BrowserWindow } from 'electron';
+
+import style from './style.css';
+
+import { injectCSS } from '../utils';
+
+export default (win: BrowserWindow) => {
+  injectCSS(win.webContents, style);
+};

src/plugins/album-color-theme/front.ts

@@ -0,0 +1,127 @@
+import { FastAverageColor } from 'fast-average-color';
+
+import { ConfigType } from '../../config/dynamic';
+
+function hexToHSL(H: string) {
+  // Convert hex to RGB first
+  let r = 0;
+  let g = 0;
+  let b = 0;
+  if (H.length == 4) {
+    r = Number('0x' + H[1] + H[1]);
+    g = Number('0x' + H[2] + H[2]);
+    b = Number('0x' + H[3] + H[3]);
+  } else if (H.length == 7) {
+    r = Number('0x' + H[1] + H[2]);
+    g = Number('0x' + H[3] + H[4]);
+    b = Number('0x' + H[5] + H[6]);
+  }
+  // Then to HSL
+  r /= 255;
+  g /= 255;
+  b /= 255;
+  const cmin = Math.min(r, g, b);
+  const cmax = Math.max(r, g, b);
+  const delta = cmax - cmin;
+  let h: number;
+  let s: number;
+  let l: number;
+
+  if (delta == 0) {
+    h = 0;
+  } else if (cmax == r) {
+    h = ((g - b) / delta) % 6;
+  } else if (cmax == g) {
+    h = ((b - r) / delta) + 2;
+  } else {
+    h = ((r - g) / delta) + 4;
+  }
+
+  h = Math.round(h * 60);
+
+  if (h < 0) {
+    h += 360;
+  }
+
+  l = (cmax + cmin) / 2;
+  s = delta == 0 ? 0 : delta / (1 - Math.abs((2 * l) - 1));
+  s = +(s * 100).toFixed(1);
+  l = +(l * 100).toFixed(1);
+
+  //return "hsl(" + h + "," + s + "%," + l + "%)";
+  return [h,s,l];
+}
+
+let hue = 0;
+let saturation = 0;
+let lightness = 0;
+
+function changeElementColor(element: HTMLElement | null, hue: number, saturation: number, lightness: number){
+  if (element) {
+    element.style.backgroundColor = `hsl(${hue}, ${saturation}%, ${lightness}%)`;
+  }
+}
+
+export default (_: ConfigType<'album-color-theme'>) => {
+  // updated elements
+  const playerPage = document.querySelector<HTMLElement>('#player-page');
+  const navBarBackground = document.querySelector<HTMLElement>('#nav-bar-background');
+  const ytmusicPlayerBar = document.querySelector<HTMLElement>('ytmusic-player-bar');
+  const playerBarBackground = document.querySelector<HTMLElement>('#player-bar-background');
+  const sidebarBig = document.querySelector<HTMLElement>('#guide-wrapper');
+  const sidebarSmall = document.querySelector<HTMLElement>('#mini-guide-background');
+  const ytmusicAppLayout = document.querySelector<HTMLElement>('#layout');
+
+  const observer = new MutationObserver((mutationsList) => {
+    for (const mutation of mutationsList) {
+      if (mutation.type === 'attributes') {
+        const isPageOpen = ytmusicAppLayout?.hasAttribute('player-page-open');
+        if (isPageOpen) {
+          changeElementColor(sidebarSmall, hue, saturation, lightness - 30);
+        } else {
+          if (sidebarSmall) {
+            sidebarSmall.style.backgroundColor = 'black';
+          }
+        }
+      }
+    }
+  });
+
+  if (playerPage) {
+    observer.observe(playerPage, { attributes: true });
+  }
+
+  document.addEventListener('apiLoaded', (apiEvent) => {
+    const fastAverageColor = new FastAverageColor();
+
+    apiEvent.detail.addEventListener('videodatachange', (name: string) => {
+      if (name === 'dataloaded') {
+        const playerResponse = apiEvent.detail.getPlayerResponse();
+        const thumbnail = playerResponse?.videoDetails?.thumbnail?.thumbnails?.at(0);
+        if (thumbnail) {
+          fastAverageColor.getColorAsync(thumbnail.url)
+            .then((albumColor) => {
+              if (albumColor) {
+                [hue, saturation, lightness] = hexToHSL(albumColor.hex);
+                changeElementColor(playerPage, hue, saturation, lightness - 30);
+                changeElementColor(navBarBackground, hue, saturation, lightness - 15);
+                changeElementColor(ytmusicPlayerBar, hue, saturation, lightness - 15);
+                changeElementColor(playerBarBackground, hue, saturation, lightness - 15);
+                changeElementColor(sidebarBig, hue, saturation, lightness - 15);
+                if (ytmusicAppLayout?.hasAttribute('player-page-open')) {
+                  changeElementColor(sidebarSmall, hue, saturation, lightness - 30);
+                }
+                const ytRightClickList = document.querySelector<HTMLElement>('tp-yt-paper-listbox');
+                changeElementColor(ytRightClickList, hue, saturation, lightness - 15);
+              } else {
+                if (playerPage) {
+                  playerPage.style.backgroundColor = '#000000';
+                }
+              }
+            })
+            .catch((e) => console.error(e));
+        }
+      }
+    });
+  });
+};