Bump version to 2.1.1

* chore(actions): Update build.yml

* fix: installer regex

.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,73 @@
+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
+- type: input
+  attributes:
+    label: YouTube Music (Application) Version
+    description: |
+      What version of 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 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

@@ -1,7 +1,12 @@
 name: Build YouTube Music
 
 on:
-  - push
+  push:
+    branches: [ master ]
+  pull_request:
+
+env:
+  NODE_VERSION: "20.x"
 
 jobs:
   build:
@@ -10,53 +15,130 @@ jobs:
     strategy:
       fail-fast: true
       matrix:
-        os: [macos-latest, ubuntu-latest, windows-latest]
+        os: [ macos-latest, ubuntu-latest, windows-latest ]
 
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
 
       - name: Setup NodeJS
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v3
         with:
-          node-version: "12.x"
-
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "::set-output name=dir::$(yarn cache dir)"
-
-      - uses: actions/cache@v2
-        id: yarn-cache
-        with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-
+          node-version: ${{ env.NODE_VERSION }}
+          cache: 'npm'
 
       - name: Install dependencies
-        run: yarn --frozen-lockfile
+        run: npm ci
 
       - name: Test
         uses: GabrielBB/xvfb-action@v1
-        with:
-          run: yarn test
-
-      - name: Build on Mac
-        if: startsWith(matrix.os, 'macOS')
         env:
-          GH_TOKEN: ${{ secrets.GH_TOKEN }}
+          PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+        with:
+          run: npm run test
+
+      # Build and release if it's the main repository
+      - name: Build and release on Mac
+        if: startsWith(matrix.os, 'macOS') && github.repository == 'th-ch/youtube-music'
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         run: |
-          yarn run release:mac
+          npm run release:mac
+
+      - name: Build and release on Linux
+        if: startsWith(matrix.os, 'ubuntu') && github.repository == 'th-ch/youtube-music'
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          npm run release:linux
+
+      - name: Build and release on Windows
+        if: startsWith(matrix.os, 'windows') && github.repository == 'th-ch/youtube-music'
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          npm run release:win
+
+      # Only build without release if it is a fork
+      - name: Build on Mac
+        if: startsWith(matrix.os, 'macOS') && github.repository != 'th-ch/youtube-music'
+        run: |
+          npm run build:mac
 
       - name: Build on Linux
-        if: startsWith(matrix.os, 'ubuntu')
-        env:
-          GH_TOKEN: ${{ secrets.GH_TOKEN }}
+        if: startsWith(matrix.os, 'ubuntu') && github.repository != 'th-ch/youtube-music'
         run: |
-          yarn run release:linux
+          npm run build:linux
 
       - name: Build on Windows
-        if: startsWith(matrix.os, 'windows')
-        env:
-          GH_TOKEN: ${{ secrets.GH_TOKEN }}
+        if: startsWith(matrix.os, 'windows') && github.repository != 'th-ch/youtube-music'
         run: |
-          yarn run release:win
+          npm run build:win
+
+  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: Setup NodeJS
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - 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: |
+          npm run 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

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,777 @@
+### Changelog
+
+All notable changes to this project will be documented in this file. Dates are displayed in UTC.
+
+#### [v2.1.0](https://github.com/th-ch/youtube-music/compare/v2.0.4...v2.1.0)
+
+- 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)

config/defaults.js

@@ -1,70 +0,0 @@
-const defaultConfig = {
-	"window-size": {
-		width: 1100,
-		height: 550,
-	},
-	url: "https://music.youtube.com",
-	options: {
-		tray: false,
-		appVisible: true,
-		autoUpdates: true,
-		hideMenu: false,
-		startAtLogin: false,
-		disableHardwareAcceleration: false,
-		restartOnConfigChanges: false,
-		trayClickPlayPause: false,
-		autoResetAppCache: false,
-		resumeOnStart: true,
-		proxy: "",
-	},
-	plugins: {
-		// Enabled plugins
-		navigation: {
-			enabled: true,
-		},
-		adblocker: {
-			enabled: true,
-			cache: true,
-			additionalBlockLists: [], // Additional list of filters, e.g "https://raw.githubusercontent.com/uBlockOrigin/uAssets/master/filters/filters.txt"
-		},
-		// Disabled plugins
-		shortcuts: {
-			enabled: false,
-		},
-		downloader: {
-			enabled: false,
-			ffmpegArgs: [], // e.g. ["-b:a", "192k"] for an audio bitrate of 192kb/s
-			downloadFolder: undefined, // Custom download folder (absolute path)
-		},
-		"last-fm": {
-			enabled: false,
-			api_root: "http://ws.audioscrobbler.com/2.0/",
-			api_key: "04d76faaac8726e60988e14c105d421a", // api key registered by @semvis123
-			secret: "a5d2a36fdf64819290f6982481eaffa2",
-		},
-		discord: {
-			enabled: false,
-			activityTimoutEnabled: true, // if enabled, the discord rich presence gets cleared when music paused after the time specified below
-			activityTimoutTime: 10 * 60 * 1000 // 10 minutes
-		},
-		notifications: {
-			enabled: false,
-			unpauseNotification: false,
-			urgency: "normal", //has effect only on Linux 
-			interactive: false //has effect only on Windows
-		},
-		"precise-volume": {
-			enabled: false,
-			steps: 1, //percentage of volume to change
-			arrowsShortcut: true, //enable ArrowUp + ArrowDown local shortcuts
-			globalShortcuts: {
-				enabled: false, // enable global shortcuts
-				volumeUp: "Shift+PageUp", // Keybind default can be changed
-				volumeDown: "Shift+PageDown"
-			},
-			savedVolume: undefined //plugin save volume between session here
-		}
-	},
-};
-
-module.exports = defaultConfig;

config/defaults.ts

@@ -0,0 +1,287 @@
+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.WithBlocklists 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': {},
+    '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
+      listenAlong: true, // Add a "listen along" 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,
+    },
+    'exponential-volume': {},
+    'in-app-menu': {
+      /**
+       * true in Windows, false in Linux and macOS (see youtube-music/config/store.ts)
+       */
+      enabled: 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;

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);
+        });
+      });
+    }
+  }
+}

config/index.js

@@ -1,23 +0,0 @@
-const defaultConfig = require("./defaults");
-const plugins = require("./plugins");
-const store = require("./store");
-
-const set = (key, value) => {
-	store.set(key, value);
-};
-
-const get = (key) => {
-	return store.get(key);
-};
-
-module.exports = {
-	defaultConfig,
-	get,
-	set,
-	edit: () => store.openInEditor(),
-	watch: (cb) => {
-		store.onDidChange("options", cb);
-		store.onDidChange("plugins", cb);
-	},
-	plugins,
-};

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,
+};

config/plugins.js

@@ -1,46 +0,0 @@
-const store = require("./store");
-
-function getEnabled() {
-	const plugins = store.get("plugins");
-	const enabledPlugins = Object.entries(plugins).filter(([plugin, options]) =>
-		isEnabled(plugin)
-	);
-	return enabledPlugins;
-}
-
-function isEnabled(plugin) {
-	const pluginConfig = store.get("plugins")[plugin];
-	return pluginConfig !== undefined && pluginConfig.enabled;
-}
-
-function setOptions(plugin, options) {
-	const plugins = store.get("plugins");
-	store.set("plugins", {
-		...plugins,
-		[plugin]: {
-			...plugins[plugin],
-			...options,
-		},
-	});
-}
-
-function getOptions(plugin) {
-	return store.get("plugins")[plugin];
-}
-
-function enable(plugin) {
-	setOptions(plugin, { enabled: true });
-}
-
-function disable(plugin) {
-	setOptions(plugin, { enabled: false });
-}
-
-module.exports = {
-	isEnabled,
-	getEnabled,
-	enable,
-	disable,
-	setOptions,
-	getOptions,
-};

config/plugins.ts

@@ -0,0 +1,63 @@
+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;
+}
+
+export function setOptions<T>(plugin: string, options: T) {
+  const plugins = store.get('plugins') as Record<string, T>;
+  store.set('plugins', {
+    ...plugins,
+    [plugin]: {
+      ...plugins[plugin],
+      ...options,
+    },
+  });
+}
+
+export function setMenuOptions<T>(plugin: string, options: T) {
+  setOptions(plugin, options);
+  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,
+};

config/store.js

@@ -1,45 +0,0 @@
-const Store = require("electron-store");
-
-const defaults = require("./defaults");
-
-const migrations = {
-	">=1.11.0": (store) => {
-		if (store.get("options.resumeOnStart") === undefined) {
-			store.set("options.resumeOnStart", true);
-		}
-	},
-	">=1.7.0": (store) => {
-		const enabledPlugins = store.get("plugins");
-		if (!Array.isArray(enabledPlugins)) {
-			console.warn("Plugins are not in array format, cannot migrate");
-			return;
-		}
-
-		// Include custom options
-		const plugins = {
-			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)
-			},
-		};
-		enabledPlugins.forEach((enabledPlugin) => {
-			plugins[enabledPlugin] = {
-				...plugins[enabledPlugin],
-				enabled: true,
-			};
-		});
-		store.set("plugins", plugins);
-	},
-};
-
-module.exports = new Store({
-	defaults,
-	clearInvalidConfig: false,
-	migrations,
-});

config/store.ts

@@ -0,0 +1,154 @@
+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.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,
+});

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;
+}

docs/img/adblock.svg

@@ -1 +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>
+<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

@@ -1 +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>
+<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

@@ -1 +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>
+<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

@@ -1 +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>
+<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

@@ -1 +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>
+<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

@@ -1 +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>
+<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

@@ -1 +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>
+<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

@@ -1 +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>
+<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

@@ -1,138 +1,137 @@
 <!DOCTYPE html>
 <html lang="en">
-	<head>
-		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<head>
+    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
 
-		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<title>YouTube Music Desktop App (Unofficial)</title>
-		<link
-			rel="icon"
-			href="./favicon/favicon.ico"
-			sizes="16x16"
-			type="image/x-icon"
-		/>
-		<link
-			rel="icon"
-			href="./favicon/favicon_32.png"
-			sizes="32x32"
-			type="image/png"
-		/>
-		<link
-			rel="icon"
-			href="./favicon/favicon_48.png"
-			sizes="48x48"
-			type="image/png"
-		/>
-		<link
-			rel="icon"
-			href="./favicon/favicon_96.png"
-			sizes="96x96"
-			type="image/png"
-		/>
-		<link
-			rel="icon"
-			href="./favicon/favicon_144.png"
-			sizes="144x144"
-			type="image/png"
-		/>
+    <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 name="theme-color" content="#131313" />
-		<meta
-			name="description"
-			content="YouTube Music Unofficial Desktop App with built-in ad blocker and downloader"
-		/>
-		<meta
-			property="og:site_name"
-			content="YouTube&nbsp;Music&nbsp;Desktop&nbsp;App"
-		/>
-		<meta
-			property="og:url"
-			class="meta-url"
-			content="https://th-ch.github.io/youtube-music"
-		/>
-		<meta property="og:type" content="website" />
-		<meta
-			name="twitter:url"
-			class="meta-url"
-			content="https://th-ch.github.io/youtube-music"
-		/>
+    <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 rel="stylesheet" href="./style/style.css" />
-		<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
-										class="header-logo-image"
-										src="./img/youtube-music.svg"
-										alt="YouTube Music"
-									/>
-								</a>
-							</h1>
-						</div>
-					</div>
-				</div>
-			</header>
+    <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
-										src="./img/youtube-music.png"
-										id="mockup-header-img"
-										alt="YouTube Music"
-									/>
-								</div>
-							</div>
-						</div>
-					</div>
-				</section>
+    <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
-											class="device-mockup"
-											src="./img/adblock.svg"
-											width="100px"
-											alt="Adblocker"
-											data-sr-id="0"
-											style="
+        <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(
@@ -157,12 +156,13 @@
 														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="5"
-										style="
+                                        width="100px"
+                                />
+                            </div>
+                            <div
+                                    class="feature-extended-body"
+                                    data-sr-id="5"
+                                    style="
 											visibility: visible;
 											opacity: 1;
 											transform: matrix3d(
@@ -187,19 +187,19 @@
 													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
-											class="device-mockup"
-											src="./img/download.svg"
-											alt="Downloader"
-											data-sr-id="2"
-											style="
+                            >
+                                <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(
@@ -224,12 +224,12 @@
 														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="
+                                />
+                            </div>
+                            <div
+                                    class="feature-extended-body"
+                                    data-sr-id="6"
+                                    style="
 											visibility: visible;
 											opacity: 1;
 											transform: matrix3d(
@@ -254,22 +254,22 @@
 													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
-											class="device-mockup"
-											src="./img/plugins.svg"
-											alt="Plugins"
-											data-sr-id="3"
-											style="
+                            >
+                                <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(
@@ -294,12 +294,12 @@
 														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="
+                                />
+                            </div>
+                            <div
+                                    class="feature-extended-body"
+                                    data-sr-id="7"
+                                    style="
 											visibility: visible;
 											opacity: 1;
 											transform: matrix3d(
@@ -324,24 +324,24 @@
 													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
-											class="device-mockup"
-											src="./img/code.svg"
-											alt="Code"
-											data-sr-id="4"
-											style="
+                            >
+                                <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;
@@ -367,12 +367,12 @@
 														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="
+                                />
+                            </div>
+                            <div
+                                    class="feature-extended-body"
+                                    data-sr-id="8"
+                                    style="
 											visibility: visible;
 											opacity: 1;
 											transform: matrix3d(
@@ -397,94 +397,94 @@
 													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>
+                            >
+                                <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 src="./img/youtube-music.svg" alt="YouTube Music logo" />
-								</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
-											xmlns="http://www.w3.org/2000/svg"
-											width="16"
-											height="16"
-											viewBox="0 0 1792 1792"
-										>
-											<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>
+    <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>
+<script src="./js/main.js"></script>
+</body>
 </html>

docs/js/main.js

@@ -1,46 +1,49 @@
+/* eslint-disable */
+
 // Constants
-const element = document.documentElement,
-  body = document.body,
-  revealOnScroll = (window.sr = ScrollReveal({ mobile: false }));
+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", function () {
-  body.classList.add("is-loaded");
+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", function () {
-    revealOnScroll.reveal(".feature-extended .device-mockup", {
+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",
+      distance: '100px',
+      easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
+      origin: 'bottom',
       viewFactor: 0.6,
     });
-    revealOnScroll.reveal(".feature-extended .feature-extended-body", {
+    revealOnScroll.reveal('.feature-extended .feature-extended-body', {
       duration: 600,
-      distance: "40px",
-      easing: "cubic-bezier(0.215, 0.61, 0.355, 1)",
-      origin: "top",
+      distance: '40px',
+      easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
+      origin: 'top',
       viewFactor: 0.6,
     });
   });
 }
 
 // Bubble canvas
-let bubbleCanvas = function (t) {
-  let e = this;
+const bubbleCanvas = function (t) {
+  const e = this;
   e.parentNode = t;
   e.setCanvasSize();
-  window.addEventListener("resize", function () {
+  window.addEventListener('resize', () => {
     e.setCanvasSize();
   });
   e.mouseX = 0;
   e.mouseY = 0;
-  window.addEventListener("mousemove", function (t) {
-    (e.mouseX = t.clientX), (e.mouseY = t.clientY);
+  window.addEventListener('mousemove', (t) => {
+    e.mouseX = t.clientX;
+    e.mouseY = t.clientY;
   });
   e.randomise();
 };
@@ -55,15 +58,15 @@ bubbleCanvas.prototype.generateDecimalBetween = function (start, end) {
 };
 
 bubbleCanvas.prototype.update = function () {
-  let t = this;
-  t.translateX = t.translateX - t.movementX;
-  t.translateY = t.translateY - t.movementY;
+  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.translateY + t.posY < 0
+    || t.translateX + t.posX < 0
+    || t.translateX + t.posX > t.canvasWidth
   ) {
     t.randomise();
     t.translateY = t.canvasHeight;
@@ -71,7 +74,7 @@ bubbleCanvas.prototype.update = function () {
 };
 
 bubbleCanvas.prototype.randomise = function () {
-  this.colors = ["195,53,46", "172,54,46"];
+  this.colors = ['195,53,46', '172,54,46'];
 
   this.velocity = 20;
   this.smoothFactor = 50;
@@ -88,17 +91,17 @@ bubbleCanvas.prototype.randomise = function () {
   this.translateY = this.generateDecimalBetween(0, this.canvasHeight);
 };
 
-let drawBubbleCanvas = function (t) {
+const drawBubbleCanvas = function (t) {
   this.canvas = document.getElementById(t);
-  this.ctx = this.canvas.getContext("2d");
+  this.ctx = this.canvas.getContext('2d');
   this.dpr = window.devicePixelRatio;
 };
 
 drawBubbleCanvas.prototype.start = function (bubbleDensity) {
-  let t = this;
+  const t = this;
   t.bubbleDensity = bubbleDensity;
   t.setCanvasSize();
-  window.addEventListener("resize", function () {
+  window.addEventListener('resize', () => {
     t.setCanvasSize();
   });
   t.bubblesList = [];
@@ -114,23 +117,24 @@ drawBubbleCanvas.prototype.setCanvasSize = function () {
   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.canvas.style.width = this.w + 'px';
+  this.canvas.style.height = this.h + 'px';
   this.ctx.scale(this.dpr, this.dpr);
 };
 
 drawBubbleCanvas.prototype.animate = function () {
-  let t = this;
+  const t = this;
   t.ctx.clearRect(0, 0, t.canvas.clientWidth, t.canvas.clientHeight);
-  t.bubblesList.forEach(function (e) {
+  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.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));
 };
 
@@ -139,15 +143,16 @@ drawBubbleCanvas.prototype.addBubble = function (t) {
 };
 
 drawBubbleCanvas.prototype.generateBubbles = function () {
-  let t = this;
-  for (let e = 0; e < t.bubbleDensity; e++)
+  const t = this;
+  for (let e = 0; e < t.bubbleDensity; e++) {
     t.addBubble(new bubbleCanvas(t.canvas.parentNode));
+  }
 };
 
 // Night sky with stars canvas
-let starCanvas = function (t) {
+const starCanvas = function (t) {
   this.canvas = document.getElementById(t);
-  this.ctx = this.canvas.getContext("2d");
+  this.ctx = this.canvas.getContext('2d');
   this.dpr = window.devicePixelRatio;
 };
 
@@ -156,17 +161,17 @@ starCanvas.prototype.start = function () {
   let h;
 
   const setCanvasExtents = () => {
-	w = this.canvas.parentNode.clientWidth;
-	h = this.canvas.parentNode.clientHeight;
+    w = this.canvas.parentNode.clientWidth;
+    h = this.canvas.parentNode.clientHeight;
     this.canvas.width = w;
     this.canvas.height = h;
   };
 
   setCanvasExtents();
 
-  window.onresize = () => {
+  window.addEventListener('resize', () => {
     setCanvasExtents();
-  };
+  });
 
   const makeStars = (count) => {
     const out = [];
@@ -178,19 +183,20 @@ starCanvas.prototype.start = function () {
       };
       out.push(s);
     }
+
     return out;
   };
 
-  let stars = makeStars(10000);
+  const stars = makeStars(10_000);
 
   const clear = () => {
-    this.ctx.fillStyle = "#212121";
+    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 + ")";
+    const rgb = 'rgb(' + intensity + ',' + intensity + ',' + intensity + ')';
     this.ctx.beginPath();
     this.ctx.arc(x, y, 0.9, 0, 2 * Math.PI);
     this.ctx.fillStyle = rgb;
@@ -199,7 +205,7 @@ starCanvas.prototype.start = function () {
 
   const moveStars = (distance) => {
     const count = stars.length;
-    for (var i = 0; i < count; i++) {
+    for (let i = 0; i < count; i++) {
       const s = stars[i];
       s.z -= distance;
       while (s.z <= 1) {
@@ -208,15 +214,15 @@ starCanvas.prototype.start = function () {
     }
   };
 
-  let prevTime;
+  let previousTime;
   const init = (time) => {
-    prevTime = time;
+    previousTime = time;
     requestAnimationFrame(tick);
   };
 
   const tick = (time) => {
-    let elapsed = time - prevTime;
-    prevTime = time;
+    const elapsed = time - previousTime;
+    previousTime = time;
 
     moveStars(elapsed * 0.1);
 
@@ -226,7 +232,7 @@ starCanvas.prototype.start = function () {
     const cy = h / 2;
 
     const count = stars.length;
-    for (var i = 0; i < count; i++) {
+    for (let i = 0; i < count; i++) {
       const star = stars[i];
 
       const x = cx + star.x / (star.z * 0.001);
@@ -236,7 +242,7 @@ starCanvas.prototype.start = function () {
         continue;
       }
 
-      const d = star.z / 1000.0;
+      const d = star.z / 1000;
       const b = 1 - d * d;
 
       putPixel(x, y, b);
@@ -249,12 +255,12 @@ starCanvas.prototype.start = function () {
 };
 
 // Start canvas animations
-window.addEventListener("load", function () {
+window.addEventListener('load', () => {
   // Stars
-  const headCanvas = new starCanvas("hero-particles");
+  const headCanvas = new starCanvas('hero-particles');
   // Bubbles
-  const footerCanvas = new drawBubbleCanvas("footer-particles");
-  const mainCanvas = new drawBubbleCanvas("main-particles");
+  const footerCanvas = new drawBubbleCanvas('footer-particles');
+  const mainCanvas = new drawBubbleCanvas('main-particles');
 
   headCanvas.start();
   footerCanvas.start(30);

docs/style/fonts.css

@@ -6,6 +6,7 @@
   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';
@@ -14,6 +15,7 @@
   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';
@@ -22,6 +24,7 @@
   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';
@@ -30,6 +33,7 @@
   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';
@@ -38,6 +42,7 @@
   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';

error.html

@@ -1,50 +1,50 @@
 <!DOCTYPE html>
 <html>
-	<head>
-		<meta charset="utf-8" />
-		<title>Cannot load YouTube Music</title>
-		<style>
-			body {
-				background: #000;
-			}
+<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;
-			}
+        .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>
+        .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>
+<body>
+<div class="container">
+    <p>Cannot load YouTube Music… Internet disconnected?</p>
+    <a class="button" href="#" onclick="reload()">Retry</a>
+</div>
+</body>
 </html>

index.js

@@ -1,379 +0,0 @@
-"use strict";
-const path = require("path");
-
-const electron = require("electron");
-const is = require("electron-is");
-const unhandled = require("electron-unhandled");
-const { autoUpdater } = require("electron-updater");
-
-const config = require("./config");
-const { setApplicationMenu } = require("./menu");
-const { fileExists, injectCSS } = require("./plugins/utils");
-const { isTesting } = require("./utils/testing");
-const { setUpTray } = require("./tray");
-const { setupSongInfo } = require("./providers/song-info");
-
-// Catch errors and log them
-unhandled({
-	logger: console.error,
-	showDialog: false,
-});
-
-const app = electron.app;
-app.commandLine.appendSwitch(
-	"js-flags",
-	// WebAssembly flags
-	"--experimental-wasm-threads --experimental-wasm-bulk-memory"
-);
-app.allowRendererProcessReuse = true; // https://github.com/electron/electron/issues/18397
-if (config.get("options.disableHardwareAcceleration")) {
-	if (is.dev()) {
-		console.log("Disabling hardware acceleration");
-	}
-	app.disableHardwareAcceleration();
-}
-
-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
-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 loadPlugins(win) {
-	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();
-		}
-	});
-
-	config.plugins.getEnabled().forEach(([plugin, options]) => {
-		console.log("Loaded plugin - " + plugin);
-		const pluginPath = path.join(__dirname, "plugins", plugin, "back.js");
-		fileExists(pluginPath, () => {
-			const handle = require(pluginPath);
-			handle(win, options);
-		});
-	});
-}
-
-function createMainWindow() {
-	const windowSize = config.get("window-size");
-	const windowMaximized = config.get("window-maximized");
-	const windowPosition = config.get("window-position");
-	const useInlineMenu = config.plugins.isEnabled("in-app-menu");
-
-	const win = new electron.BrowserWindow({
-		icon: icon,
-		width: windowSize.width,
-		height: windowSize.height,
-		backgroundColor: "#000",
-		show: false,
-		webPreferences: {
-			// TODO: re-enable contextIsolation once it can work with ffmepg.wasm
-			// Possible bundling? https://github.com/ffmpegwasm/ffmpeg.wasm/issues/126
-			contextIsolation: false,
-			preload: path.join(__dirname, "preload.js"),
-			nodeIntegrationInSubFrames: true,
-			nativeWindowOpen: true, // window.open return Window object(like in regular browsers), not BrowserWindowProxy
-			enableRemoteModule: true,
-			affinity: "main-window", // main window, and addition windows should work in one process
-			...(isTesting()
-				? {
-					// Only necessary when testing with Spectron
-					contextIsolation: false,
-					nodeIntegration: true,
-				}
-				: undefined),
-		},
-		frame: !is.macOS() && !useInlineMenu,
-		titleBarStyle: useInlineMenu
-			? "hidden"
-			: is.macOS()
-			? "hiddenInset"
-			: "default",
-		autoHideMenuBar: config.get("options.hideMenu"),
-	});
-	if (windowPosition) {
-		const { x, y } = windowPosition;
-		win.setPosition(x, y);
-	}
-	if (windowMaximized) {
-		win.maximize();
-	}
-
-	const urlToLoad = config.get("options.resumeOnStart")
-		? config.get("url")
-		: config.defaultConfig.url;
-	win.webContents.loadURL(urlToLoad);
-	win.on("closed", onClosed);
-
-	win.on("move", () => {
-		let position = win.getPosition();
-		config.set("window-position", { x: position[0], y: position[1] });
-	});
-
-	win.on("resize", () => {
-		const windowSize = win.getSize();
-
-		config.set("window-maximized", win.isMaximized());
-		if (!win.isMaximized()) {
-			config.set("window-size", {
-				width: windowSize[0],
-				height: windowSize[1],
-			});
-		}
-	});
-	
-	win.webContents.on("render-process-gone", (event, webContents, details) => {
-		showUnresponsiveDialog(win, details);
-	});
-	
-	win.once("ready-to-show", () => {
-		if (config.get("options.appVisible")) {
-			win.show();
-		}
-	});
-
-	return win;
-}
-
-app.once("browser-window-created", (event, win) => {
-	setupSongInfo(win);
-	loadPlugins(win);
-
-	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( !(config.plugins.isEnabled("in-app-menu") && errorCode === -3)) { // -3 is a false positive with in-app-menu
-			win.webContents.send("log", log);
-			win.webContents.loadFile(path.join(__dirname, "error.html"));
-		}
-	});
-
-	win.webContents.on("will-prevent-unload", (event) => {
-		event.preventDefault();
-	});
-
-	win.webContents.on("did-navigate-in-page", () => {
-		const url = win.webContents.getURL();
-		if (url.startsWith("https://music.youtube.com")) {
-			config.set("url", url);
-		}
-	});
-
-	win.webContents.on("will-navigate", (_, url) => {
-		if (url.startsWith("https://accounts.google.com")) {
-			// Force user-agent "Firefox Windows" for Google OAuth to work
-			// From https://github.com/firebase/firebase-js-sdk/issues/2478#issuecomment-571356751
-			// Only set on accounts.google.com, otherwise querySelectors in preload scripts fail (?)
-			const userAgent =
-				"Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:70.0) Gecko/20100101 Firefox/70.0";
-
-			win.webContents.session.webRequest.onBeforeSendHeaders((details, cb) => {
-				details.requestHeaders["User-Agent"] = userAgent;
-				cb({ requestHeaders: details.requestHeaders });
-			});
-		}
-	});
-
-	win.webContents.on(
-		"new-window",
-		(e, url, frameName, disposition, options) => {
-			// hook on new opened window
-
-			// at now new window in mainWindow renderer process.
-			// Also, this will automatically get an option `nodeIntegration=false`(not override to true, like in iframe's) - like in regular browsers
-			options.webPreferences.affinity = "main-window";
-		}
-	);
-});
-
-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", () => {
-	if (config.get("options.autoResetAppCache")) {
-		// Clear cache after 20s
-		const clearCacheTimeout = setTimeout(() => {
-			if (is.dev()) {
-				console.log("Clearing app cache.");
-			}
-			electron.session.defaultSession.clearCache();
-			clearTimeout(clearCacheTimeout);
-		}, 20000);
-	}
-
-	// 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 = electron.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
-				electron.shell.writeShortcutLink(
-					shortcutPath,
-					error === "needUpdate" ? "update" : "create",
-					{
-						target: appLocation,
-						cwd: appLocation.slice(0, appLocation.lastIndexOf(path.sep)),
-						description: "YouTube Music Desktop App - including custom plugins",
-						appUserModelId: appID
-					}
-				);
-			}
-		}
-	}
-
-	mainWindow = createMainWindow();
-	setApplicationMenu(mainWindow);
-	if (config.get("options.restartOnConfigChanges")) {
-		config.watch(() => {
-			app.relaunch();
-			app.exit();
-		});
-	}
-	setUpTray(app, mainWindow);
-
-	// 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 dialogOpts = {
-				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}`,
-			};
-			electron.dialog.showMessageBox(dialogOpts).then((dialogOutput) => {
-				switch (dialogOutput.response) {
-					// Download
-					case 1:
-						electron.shell.openExternal(downloadLink);
-						break;
-					// Disable updates
-					case 2:
-						config.set("options.autoUpdates", false);
-						break;
-					default:
-						break;
-				}
-			});
-		});
-	}
-
-	// 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, details) {
-	if (!!details) {
-		console.log("Unresponsive Error!\n"+JSON.stringify(details, null, "\t"))
-	}
-	electron.dialog.showMessageBox(win, {
-		type: "error",
-		title: "Window Unresponsive",
-		message: "The Application is Unresponsive",
-		details: "We are sorry for the inconvenience! please choose what to do:",
-		buttons: ["Wait", "Relaunch", "Quit"],
-		cancelId: 0
-	}).then( result => {
-		switch (result.response) {
-			case 1: //if relaunch - relaunch+exit
-				app.relaunch();
-			case 2:
-				app.quit();
-				break;
-			default:
-				break; 
-		}
-	});
-}

index.ts

@@ -0,0 +1,639 @@
+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 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,
+  '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 }),
+    );
+  });
+}

jest.config.js

@@ -1,7 +0,0 @@
-module.exports = {
-	globals: {
-		__APP__: undefined, // A different app will be launched in each test environment
-	},
-	testEnvironment: "./tests/environment",
-	testTimeout: 30000, // 30s
-};

menu.js

@@ -1,302 +0,0 @@
-const { existsSync } = require("fs");
-const path = require("path");
-
-const { app, Menu } = require("electron");
-const is = require("electron-is");
-
-const { getAllPlugins } = require("./plugins/utils");
-const config = require("./config");
-
-const pluginEnabledMenu = (win, plugin, label = "", hasSubmenu = false) => ({
-	label: label || plugin,
-	type: "checkbox",
-	checked: config.plugins.isEnabled(plugin),
-	//Submenu check used in in-app-menu
-	hasSubmenu: hasSubmenu || undefined,
-	click: (item) => {
-		if (item.checked) {
-			config.plugins.enable(plugin);
-		} else {
-			config.plugins.disable(plugin);
-		}
-		if (hasSubmenu) {
-			this.setApplicationMenu(win);
-		}
-	},
-});
-
-const mainMenuTemplate = (win) => [
-	{
-		label: "Plugins",
-		submenu: [
-			...getAllPlugins().map((plugin) => {
-				const pluginPath = path.join(__dirname, "plugins", plugin, "menu.js")
-				if (existsSync(pluginPath)) {
-					if (!config.plugins.isEnabled(plugin)) {
-						return pluginEnabledMenu(win, plugin, "", true);
-					}
-					const getPluginMenu = require(pluginPath);
-					return {
-						label: plugin,
-						submenu: [
-							pluginEnabledMenu(win, plugin, "Enabled", true),
-							...getPluginMenu(win, config.plugins.getOptions(plugin), () =>
-								module.exports.setApplicationMenu(win)
-							),
-						],
-					};
-				}
-
-				return pluginEnabledMenu(win, plugin);
-			}),
-		],
-	},
-	{
-		label: "Options",
-		submenu: [
-			{
-				label: "Auto-update",
-				type: "checkbox",
-				checked: config.get("options.autoUpdates"),
-				click: (item) => {
-					config.set("options.autoUpdates", item.checked);
-				},
-			},
-			{
-				label: "Resume last song when app starts",
-				type: "checkbox",
-				checked: config.get("options.resumeOnStart"),
-				click: (item) => {
-					config.set("options.resumeOnStart", item.checked);
-				},
-			},
-			...(is.windows() || is.linux()
-				? [
-					{
-						label: "Hide menu",
-						type: "checkbox",
-						checked: config.get("options.hideMenu"),
-						click: (item) => {
-							config.set("options.hideMenu", item.checked);
-						},
-					},
-				]
-				: []),
-			...(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.set("options.startAtLogin", item.checked);
-						},
-					},
-				]
-				: []),
-			{
-				label: "Tray",
-				submenu: [
-					{
-						label: "Disabled",
-						type: "radio",
-						checked: !config.get("options.tray"),
-						click: () => {
-							config.set("options.tray", false);
-							config.set("options.appVisible", true);
-						},
-					},
-					{
-						label: "Enabled + app visible",
-						type: "radio",
-						checked:
-							config.get("options.tray") && config.get("options.appVisible"),
-						click: () => {
-							config.set("options.tray", true);
-							config.set("options.appVisible", true);
-						},
-					},
-					{
-						label: "Enabled + app hidden",
-						type: "radio",
-						checked:
-							config.get("options.tray") && !config.get("options.appVisible"),
-						click: () => {
-							config.set("options.tray", true);
-							config.set("options.appVisible", false);
-						},
-					},
-					{ type: "separator" },
-					{
-						label: "Play/Pause on click",
-						type: "checkbox",
-						checked: config.get("options.trayClickPlayPause"),
-						click: (item) => {
-							config.set("options.trayClickPlayPause", item.checked);
-						},
-					},
-				],
-			},
-			{ type: "separator" },
-			{
-				label: "Advanced options",
-				submenu: [
-					{
-						label: "Disable hardware acceleration",
-						type: "checkbox",
-						checked: config.get("options.disableHardwareAcceleration"),
-						click: (item) => {
-							config.set("options.disableHardwareAcceleration", item.checked);
-						},
-					},
-					{
-						label: "Restart on config changes",
-						type: "checkbox",
-						checked: config.get("options.restartOnConfigChanges"),
-						click: (item) => {
-							config.set("options.restartOnConfigChanges", item.checked);
-						},
-					},
-					{
-						label: "Reset App cache when app starts",
-						type: "checkbox",
-						checked: config.get("options.autoResetAppCache"),
-						click: (item) => {
-							config.set("options.autoResetAppCache", item.checked);
-						},
-					},
-					{ type: "separator" },
-					{
-						label: "Toggle DevTools",
-						// Cannot use "toggleDevTools" role in MacOS
-						click: () => {
-							const { webContents } = win;
-							if (webContents.isDevToolsOpened()) {
-								webContents.closeDevTools();
-							} else {
-								const devToolsOptions = {};
-								webContents.openDevTools(devToolsOptions);
-							}
-						},
-					},
-					{
-						label: "Edit config.json",
-						click: () => {
-							config.edit();
-						},
-					},
-				]
-			},
-		],
-	},
-	{
-		label: "View",
-		submenu: [
-			{
-				label: "Reload",
-				click: () => {
-					win.webContents.reload();
-				},
-			},
-			{
-				label: "Force Reload",
-				click: () => {
-					win.webContents.reloadIgnoringCache();
-				},
-			},
-			{ type: "separator" },
-			{
-				label: "Zoom In",
-				click: () => {
-					win.webContents.setZoomLevel(
-						win.webContents.getZoomLevel() + 1
-					);
-				},
-			},
-			{
-				label: "Zoom Out",
-				click: () => {
-					win.webContents.setZoomLevel(
-						win.webContents.getZoomLevel() - 1
-					);
-				},
-			},
-			{
-				label: "Reset Zoom",
-				click: () => {
-					win.webContents.setZoomLevel(0);
-				},
-			},
-		],
-	},
-	{
-		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: "Restart App",
-				click: () => {
-					app.relaunch();
-					app.quit();
-				},
-			},
-			{
-				label: "Quit App",
-				click: () => {
-					app.quit();
-				},
-			},
-		],
-	},
-];
-
-module.exports.mainMenuTemplate = mainMenuTemplate;
-module.exports.setApplicationMenu = (win) => {
-	const menuTemplate = [...mainMenuTemplate(win)];
-	if (process.platform === "darwin") {
-		const name = app.name;
-		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);
-};

menu.ts

@@ -0,0 +1,480 @@
+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 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 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,
+  'disable-autoplay': disableAutoplayMenu,
+  'captions-selector': captionsSelectorMenu,
+  'crossfade': crossfadeMenu,
+  'discord': discordMenu,
+  'downloader': downloaderMenu,
+  '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
+  }
+}

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;
+};

package.json

@@ -1,118 +1,192 @@
 {
-	"name": "youtube-music",
-	"productName": "YouTube Music",
-	"version": "1.12.1",
-	"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",
-			"target": [
-				"nsis",
-				"portable"
-			]
-		},
-		"nsis": {
-			"runAfterFinish": false
-		},
-		"linux": {
-			"icon": "assets/generated/icons/png",
-			"category": "AudioVideo",
-			"target": [
-				"AppImage",
-				"snap",
-				"freebsd",
-				"deb",
-				"rpm"
-			]
-		}
-	},
-	"scripts": {
-		"test": "jest",
-		"start": "electron .",
-		"start:debug": "ELECTRON_ENABLE_LOGGING=1 electron .",
-		"icon": "rimraf assets/generated && electron-icon-maker --input=assets/youtube-music.png --output=assets/generated",
-		"generate:package": "node utils/generate-package-json.js",
-		"postinstall": "yarn run icon && yarn run plugins",
-		"clean": "rimraf dist",
-		"build": "yarn run clean && electron-builder --win --mac --linux",
-		"build:linux": "yarn run clean && electron-builder --linux",
-		"build:mac": "yarn run clean && electron-builder --mac",
-		"build:win": "yarn run clean && electron-builder --win",
-		"plugins": "yarn run plugin:adblocker && yarn run plugin:autoconfirm",
-		"plugin:adblocker": "rimraf plugins/adblocker/ad-blocker-engine.bin && node plugins/adblocker/blocker.js",
-		"plugin:autoconfirm": "yarn run generate:package YoutubeNonStop",
-		"release:linux": "yarn run clean && electron-builder --linux -p always -c.snap.publish=github",
-		"release:mac": "yarn run clean && electron-builder --mac -p always",
-		"release:win": "yarn run clean && electron-builder --win -p always"
-	},
-	"engines": {
-		"node": ">=12.16.1",
-		"npm": "Please use yarn and not npm"
-	},
-	"dependencies": {
-		"@cliqz/adblocker-electron": "^1.20.5",
-		"@ffmpeg/core": "^0.9.0",
-		"@ffmpeg/ffmpeg": "^0.9.7",
-		"YoutubeNonStop": "git://github.com/lawfx/YoutubeNonStop.git#v0.9.0",
-		"async-mutex": "^0.3.1",
-		"browser-id3-writer": "^4.4.0",
-		"chokidar": "^3.5.1",
-		"custom-electron-titlebar": "^3.2.6",
-		"discord-rpc": "^3.2.0",
-		"electron-debug": "^3.2.0",
-		"electron-is": "^3.0.0",
-		"electron-localshortcut": "^3.2.1",
-		"electron-store": "^7.0.3",
-		"electron-unhandled": "^3.0.2",
-		"electron-updater": "^4.3.8",
-		"filenamify": "^4.3.0",
-		"md5": "^2.3.0",
-		"node-fetch": "^2.6.1",
-		"node-notifier": "^9.0.1",
-		"ytdl-core": "^4.7.0",
-		"ytpl": "^2.2.0"
-	},
-	"devDependencies": {
-		"electron": "^12.0.8",
-		"electron-builder": "^22.10.5",
-		"electron-devtools-installer": "^3.1.1",
-		"electron-icon-maker": "0.0.5",
-		"get-port": "^5.1.1",
-		"jest": "^26.6.3",
-		"rimraf": "^3.0.2",
-		"spectron": "^14.0.0",
-		"xo": "^0.38.2"
-	},
-	"resolutions": {
-		"yargs-parser": "18.1.3"
-	},
-	"xo": {
-		"envs": [
-			"node",
-			"browser"
-		],
-		"rules": {
-			"quotes": [
-				"error",
-				"double",
-				{
-					"avoidEscape": true,
-					"allowTemplateLiterals": true
-				}
-			]
-		}
-	}
+  "name": "youtube-music",
+  "productName": "YouTube Music",
+  "version": "2.1.1",
+  "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": "npm run build && playwright test",
+    "test:debug": "DEBUG=pw:browser* npm run build && 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": "npm run rollup:preload && npm run rollup:main",
+    "start": "npm run build && electron ./dist/index.js",
+    "start:debug": "ELECTRON_ENABLE_LOGGING=1 npm run start",
+    "postinstall": "patch-package",
+    "clean": "del-cli dist && del-cli pack",
+    "dist": "npm run clean && npm run build && electron-builder --win --mac --linux -p never",
+    "dist:linux": "npm run clean && npm run build && electron-builder --linux -p never",
+    "dist:mac": "npm run clean && npm run build && electron-builder --mac dmg:x64 -p never",
+    "dist:mac:arm64": "npm run clean && npm run build && electron-builder --mac dmg:arm64 -p never",
+    "dist:win": "npm run clean && npm run build && electron-builder --win -p never",
+    "dist:win:x64": "npm run clean && npm run build && electron-builder --win nsis-web:x64 -p never",
+    "lint": "eslint .",
+    "changelog": "auto-changelog",
+    "release:linux": "npm run clean && npm run build && electron-builder --linux -p always -c.snap.publish=github",
+    "release:mac": "npm run clean && npm run build && electron-builder --mac -p always",
+    "release:win": "npm run clean && npm run build && electron-builder --win -p always",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "dependencies": {
+    "@cliqz/adblocker-electron": "1.26.8",
+    "@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.23",
+    "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": "6.4.1",
+    "ytpl": "2.3.0"
+  },
+  "overrides": {
+    "rollup": "4.0.2",
+    "node-gyp": "9.4.0",
+    "xml2js": "0.6.2",
+    "node-fetch": "2.7.0",
+    "@electron/universal": "1.4.2",
+    "@babel/runtime": "7.23.2"
+  },
+  "devDependencies": {
+    "@playwright/test": "1.39.0",
+    "@rollup/plugin-commonjs": "25.0.5",
+    "@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.1",
+    "@types/howler": "2.2.9",
+    "@types/html-to-text": "9.0.2",
+    "@typescript-eslint/eslint-plugin": "6.7.5",
+    "auto-changelog": "2.4.0",
+    "del-cli": "5.1.0",
+    "electron": "27.0.0",
+    "electron-builder": "24.6.4",
+    "electron-devtools-installer": "3.2.0",
+    "eslint": "8.51.0",
+    "eslint-plugin-import": "2.28.1",
+    "eslint-plugin-prettier": "5.0.1",
+    "node-gyp": "9.4.0",
+    "patch-package": "8.0.0",
+    "playwright": "1.39.0",
+    "rollup": "4.0.2",
+    "rollup-plugin-copy": "3.5.0",
+    "rollup-plugin-import-css": "3.3.5",
+    "rollup-plugin-string": "3.0.0",
+    "typescript": "5.2.2"
+  },
+  "auto-changelog": {
+    "hideCredit": true,
+    "package": true,
+    "unreleased": true,
+    "output": "changelog.md"
+  }
 }

patches/youtubei.js+6.4.1.patch

@@ -0,0 +1,38 @@
+diff --git a/node_modules/youtubei.js/bundle/node.cjs b/node_modules/youtubei.js/bundle/node.cjs
+index 7e3072e..bf5be6a 100644
+--- a/node_modules/youtubei.js/bundle/node.cjs
++++ b/node_modules/youtubei.js/bundle/node.cjs
+@@ -16969,7 +16969,13 @@ var _Cache_createCache;
+ var meta_url = import_meta.url;
+ var is_cjs = !meta_url;
+ var __dirname__ = is_cjs ? __dirname : import_path.default.dirname((0, import_url.fileURLToPath)(meta_url));
+-var package_json = JSON.parse((0, import_fs.readFileSync)(import_path.default.resolve(__dirname__, is_cjs ? "../package.json" : "../../package.json"), "utf-8"));
++var package_json = {
++  homepage: "https://github.com/LuanRT/YouTube.js#readme",
++  version: "6.4.1",
++  bugs: {
++    url: "https://github.com/LuanRT/YouTube.js/issues"
++  }
++};
+ var repo_url = (_a3 = package_json.homepage) === null || _a3 === void 0 ? void 0 : _a3.split("#")[0];
+ var Cache = class {
+   constructor(persistent = false, persistent_directory) {
+diff --git a/node_modules/youtubei.js/dist/src/platform/node.js b/node_modules/youtubei.js/dist/src/platform/node.js
+index 0e1b2ca..17b437c 100644
+--- a/node_modules/youtubei.js/dist/src/platform/node.js
++++ b/node_modules/youtubei.js/dist/src/platform/node.js
+@@ -16,7 +16,13 @@ import evaluate from './jsruntime/jinter.js';
+ const meta_url = import.meta.url;
+ const is_cjs = !meta_url;
+ const __dirname__ = is_cjs ? __dirname : path.dirname(fileURLToPath(meta_url));
+-const package_json = JSON.parse(readFileSync(path.resolve(__dirname__, is_cjs ? '../package.json' : '../../package.json'), 'utf-8'));
++const package_json = {
++  homepage: "https://github.com/LuanRT/YouTube.js#readme",
++  version: "6.4.1",
++  bugs: {
++    url: "https://github.com/LuanRT/YouTube.js/issues"
++  }
++};
+ const repo_url = (_a = package_json.homepage) === null || _a === void 0 ? void 0 : _a.split('#')[0];
+ class Cache {
+     constructor(persistent = false, persistent_directory) {

plugins/adblocker/back.js

@@ -1,8 +0,0 @@
-const { loadAdBlockerEngine } = require("./blocker");
-module.exports = (win, options) =>
-	loadAdBlockerEngine(
-		win.webContents.session,
-		options.cache,
-		options.additionalBlockLists,
-		options.disableDefaultLists
-	);

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,
+    );
+  }
+};

plugins/adblocker/blocker-types.ts

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

plugins/adblocker/blocker.js

@@ -1,48 +0,0 @@
-const { promises } = require("fs"); // used for caching
-const path = require("path");
-
-const { ElectronBlocker } = require("@cliqz/adblocker-electron");
-const fetch = require("node-fetch");
-
-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",
-];
-
-const loadAdBlockerEngine = (
-	session = undefined,
-	cache = true,
-	additionalBlockLists = [],
-	disableDefaultLists = false
-) => {
-	// Only use cache if no additional blocklists are passed
-	const cachingOptions =
-		cache && additionalBlockLists.length === 0
-			? {
-					path: path.resolve(__dirname, "ad-blocker-engine.bin"),
-					read: promises.readFile,
-					write: promises.writeFile,
-			  }
-			: undefined;
-	const lists = [
-		...(disableDefaultLists ? [] : SOURCES),
-		...additionalBlockLists,
-	];
-
-	ElectronBlocker.fromLists(fetch, lists, {}, cachingOptions)
-		.then((blocker) => {
-			if (session) {
-				blocker.enableBlockingInSession(session);
-			} else {
-				console.log("Successfully generated adBlocker engine.");
-			}
-		})
-		.catch((err) => console.log("Error loading adBlocker engine", err));
-};
-
-module.exports = { loadAdBlockerEngine };
-if (require.main === module) {
-	loadAdBlockerEngine(); // Generate the engine without enabling it
-}

plugins/adblocker/blocker.ts

@@ -0,0 +1,72 @@
+// 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
+  let cacheDirectory: string;
+  if (app.isPackaged) {
+    cacheDirectory = path.join(app.getPath('userData'), 'adblock_cache');
+  } else {
+    cacheDirectory = path.resolve(__dirname, '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 };

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,
+});

plugins/adblocker/front.js

@@ -1,4 +0,0 @@
-module.exports = () => {
-	// Preload adblocker to inject scripts/styles
-	require("@cliqz/adblocker-electron-preload/dist/preload.cjs");
-};

plugins/adblocker/inject-cliqz-preload.ts

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

plugins/adblocker/inject.d.ts

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

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);
+  })();
+};

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);
+        },
+      })),
+    },
+  ];
+};

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();
+  }
+};

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);
+};

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));
+        }
+      }
+    });
+  });
+};

plugins/album-color-theme/style.css

@@ -0,0 +1,29 @@
+yt-page-navigation-progress {
+  --yt-page-navigation-container-color: #00000046 !important;
+  --yt-page-navigation-progress-color: white !important;
+}
+
+#player-page {
+  transition: transform 300ms,background-color 300ms cubic-bezier(0.2,0,0.6,1) !important;
+}
+
+#nav-bar-background {
+  transition: opacity 200ms,background-color 300ms cubic-bezier(0.2,0,0.6,1) !important;
+}
+
+#mini-guide-background {
+  transition: opacity 200ms,background-color 300ms cubic-bezier(0.2,0,0.6,1) !important;
+  border-right: 0px !important;
+}
+
+#guide-wrapper {
+  transition: opacity 200ms,background-color 300ms cubic-bezier(0.2,0,0.6,1) !important;
+}
+
+#img, #player, .song-media-controls.style-scope.ytmusic-player {
+  border-radius: 2% !important;
+}
+
+#items {
+  border-radius: 10px !important;
+}

plugins/ambient-mode/back.ts

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

plugins/ambient-mode/front.ts

@@ -0,0 +1,138 @@
+import { ConfigType } from '../../config/dynamic';
+
+export default (_: ConfigType<'ambient-mode'>) => {
+  const interpolationTime = 3000; // interpolation time (ms)
+  const framerate = 30; // frame
+  const qualityRatio = 50; // width size (pixel)
+
+  let unregister: (() => void) | null = null;
+
+  const injectBlurVideo = (): (() => void) | null => {
+    const songVideo = document.querySelector<HTMLDivElement>('#song-video');
+    const video = document.querySelector<HTMLVideoElement>('#song-video .html5-video-container > video');
+    const wrapper = document.querySelector('#song-video > .player-wrapper');
+
+    if (!songVideo) return null;
+    if (!video) return null;
+    if (!wrapper) return null;
+
+    const blurCanvas = document.createElement('canvas');
+    blurCanvas.classList.add('html5-blur-canvas');
+
+    const context = blurCanvas.getContext('2d', { willReadFrequently: true });
+
+    /* effect */
+    let lastEffectWorkId: number | null = null;
+    let lastImageData: ImageData | null = null;
+    
+    const onSync = () => {
+      if (typeof lastEffectWorkId === 'number') cancelAnimationFrame(lastEffectWorkId);
+
+      lastEffectWorkId = requestAnimationFrame(() => {
+        if (!context) return;
+
+        const width = qualityRatio;
+        let height = Math.max(Math.floor(blurCanvas.height / blurCanvas.width * width), 1);
+        if (!Number.isFinite(height)) height = width;
+
+        context.globalAlpha = 1;
+        if (lastImageData) {
+          const frameOffset = (1 / framerate) * (1000 / interpolationTime);
+          context.globalAlpha = 1 - (frameOffset * 2); // because of alpha value must be < 1
+          context.putImageData(lastImageData, 0, 0);
+          context.globalAlpha = frameOffset;
+        }
+        context.drawImage(video, 0, 0, width, height);
+
+        const nowImageData = context.getImageData(0, 0, width, height);
+        lastImageData = nowImageData;
+
+        lastEffectWorkId = null;
+      });
+    };
+
+    const applyVideoAttributes = () => {
+      const rect = video.getBoundingClientRect();
+
+      const newWidth = Math.floor(video.width || rect.width);
+      const newHeight = Math.floor(video.height || rect.height);
+
+      if (newWidth === 0 || newHeight === 0) return;
+
+      blurCanvas.width = qualityRatio;
+      blurCanvas.height = Math.floor(newHeight / newWidth * qualityRatio);
+      blurCanvas.style.width = `${newWidth}px`;
+      blurCanvas.style.height = `${newHeight}px`;
+    };
+
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        if (mutation.type === 'attributes') {
+          applyVideoAttributes();
+        }
+      });
+    });
+    const resizeObserver = new ResizeObserver(() => {
+      applyVideoAttributes();
+    });
+
+    /* hooking */
+    let canvasInterval: NodeJS.Timeout | null = null;
+    canvasInterval = setInterval(onSync, Math.max(1, Math.ceil(1000 / framerate)));
+    applyVideoAttributes();
+    observer.observe(songVideo, { attributes: true });
+    resizeObserver.observe(songVideo);
+    window.addEventListener('resize', applyVideoAttributes);
+
+    const onPause = () => {
+      if (canvasInterval) clearInterval(canvasInterval);
+      canvasInterval = null;
+    };
+    const onPlay = () => {
+      if (canvasInterval) clearInterval(canvasInterval);
+      canvasInterval = setInterval(onSync, Math.max(1, Math.ceil(1000 / framerate)));
+    };
+    songVideo.addEventListener('pause', onPause);
+    songVideo.addEventListener('play', onPlay);
+
+    /* injecting */
+    wrapper.prepend(blurCanvas);
+
+    /* cleanup */
+    return () => {
+      if (canvasInterval) clearInterval(canvasInterval);
+
+      songVideo.removeEventListener('pause', onPause);
+      songVideo.removeEventListener('play', onPlay);
+
+      observer.disconnect();
+      resizeObserver.disconnect();
+      window.removeEventListener('resize', applyVideoAttributes);
+
+      wrapper.removeChild(blurCanvas);
+    };
+  };
+
+  
+  const playerPage = document.querySelector<HTMLElement>('#player-page');
+  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) {
+          unregister?.();
+          unregister = injectBlurVideo() ?? null;
+        } else {
+          unregister?.();
+          unregister = null;
+        }
+      }
+    }
+  });
+
+  if (playerPage) {
+    observer.observe(playerPage, { attributes: true });
+  }
+};

plugins/ambient-mode/style.css

@@ -0,0 +1,7 @@
+#song-video canvas.html5-blur-canvas{
+  position: absolute;
+  left: 0;
+  top: 0;
+
+  filter: blur(100px);
+}

plugins/audio-compressor/front.ts

@@ -0,0 +1,17 @@
+export default () =>
+  document.addEventListener('audioCanPlay', (e) => {
+    const { audioContext } = e.detail;
+
+    const compressor = audioContext.createDynamicsCompressor();
+    compressor.threshold.value = -50;
+    compressor.ratio.value = 12;
+    compressor.knee.value = 40;
+    compressor.attack.value = 0;
+    compressor.release.value = 0.25;
+
+    e.detail.audioSource.connect(compressor);
+    compressor.connect(audioContext.destination);
+  }, {
+    once: true, // Only create the audio compressor once, not on each video
+    passive: true,
+  });

plugins/auto-confirm-when-paused/front.js

@@ -1,12 +0,0 @@
-// Define global chrome object to be compliant with the extension code
-global.chrome = {
-	runtime: {
-		getManifest: () => ({
-			version: 1
-		})
-	}
-};
-
-module.exports = () => {
-	require("YoutubeNonStop/autoconfirm.js");
-};

plugins/blur-nav-bar/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);
+};

plugins/blur-nav-bar/style.css

@@ -0,0 +1,10 @@
+#nav-bar-background,
+#header.ytmusic-item-section-renderer,
+ytmusic-tabs {
+  background: rgba(0, 0, 0, 0.3) !important;
+  backdrop-filter: blur(8px) !important;
+}
+
+#nav-bar-divider {
+  display: none !important;
+}

plugins/bypass-age-restrictions/front.ts

@@ -0,0 +1,4 @@
+export default async () => {
+  // See https://github.com/zerodytrash/Simple-YouTube-Age-Restriction-Bypass#userscript
+  await import('simple-youtube-age-restriction-bypass');
+};

plugins/bypass-age-restrictions/simple-youtube-age-restriction-bypass.d.ts

@@ -0,0 +1,4 @@
+declare module 'simple-youtube-age-restriction-bypass' {
+  const nothing: never;
+  export default nothing;
+}

plugins/captions-selector/back.ts

@@ -0,0 +1,19 @@
+import { BrowserWindow, ipcMain } from 'electron';
+import prompt from 'custom-electron-prompt';
+
+import promptOptions from '../../providers/prompt-options';
+
+export default (win: BrowserWindow) => {
+  ipcMain.handle('captionsSelector', async (_, captionLabels: Record<string, string>, currentIndex: string) => await prompt(
+    {
+      title: 'Choose Caption',
+      label: `Current Caption: ${captionLabels[currentIndex] || 'None'}`,
+      type: 'select',
+      value: currentIndex,
+      selectOptions: captionLabels,
+      resizable: true,
+      ...promptOptions(),
+    },
+    win,
+  ));
+};

plugins/captions-selector/config.ts

@@ -0,0 +1,4 @@
+import { PluginConfig } from '../../config/dynamic';
+
+const config = new PluginConfig('captions-selector', { enableFront: true });
+export default config;

plugins/captions-selector/front.ts

@@ -0,0 +1,101 @@
+/* eslint-disable @typescript-eslint/await-thenable */
+/* renderer */
+
+import { ipcRenderer } from 'electron';
+
+import configProvider from './config';
+
+import CaptionsSettingsButtonHTML from './templates/captions-settings-template.html';
+
+import { ElementFromHtml } from '../utils';
+import { YoutubePlayer } from '../../types/youtube-player';
+
+import type { ConfigType } from '../../config/dynamic';
+
+interface LanguageOptions {
+  displayName: string;
+  id: string | null;
+  is_default: boolean;
+  is_servable: boolean;
+  is_translateable: boolean;
+  kind: string;
+  languageCode: string; // 2 length
+  languageName: string;
+  name: string | null;
+  vss_id: string;
+}
+
+let config: ConfigType<'captions-selector'>;
+
+const $ = <Element extends HTMLElement>(selector: string): Element => document.querySelector(selector)!;
+
+const captionsSettingsButton = ElementFromHtml(CaptionsSettingsButtonHTML);
+
+export default async () => {
+  // RENDERER
+  config = await configProvider.getAll();
+
+  configProvider.subscribeAll((newConfig) => {
+    config = newConfig;
+  });
+  document.addEventListener('apiLoaded', (event) => setup(event.detail), { once: true, passive: true });
+};
+
+function setup(api: YoutubePlayer) {
+  $('.right-controls-buttons').append(captionsSettingsButton);
+
+  let captionTrackList = api.getOption<LanguageOptions[]>('captions', 'tracklist') ?? [];
+
+  $('video').addEventListener('srcChanged', () => {
+    if (config.disableCaptions) {
+      setTimeout(() => api.unloadModule('captions'), 100);
+      captionsSettingsButton.style.display = 'none';
+      return;
+    }
+
+    api.loadModule('captions');
+
+    setTimeout(() => {
+      captionTrackList = api.getOption('captions', 'tracklist') ?? [];
+
+      if (config.autoload && config.lastCaptionsCode) {
+        api.setOption('captions', 'track', {
+          languageCode: config.lastCaptionsCode,
+        });
+      }
+
+      captionsSettingsButton.style.display = captionTrackList?.length
+        ? 'inline-block'
+        : 'none';
+    }, 250);
+  });
+
+  captionsSettingsButton.addEventListener('click', async () => {
+    if (captionTrackList?.length) {
+      const currentCaptionTrack = api.getOption<LanguageOptions>('captions', 'track')!;
+      let currentIndex = currentCaptionTrack
+        ? captionTrackList.indexOf(captionTrackList.find((track) => track.languageCode === currentCaptionTrack.languageCode)!)
+        : null;
+
+      const captionLabels = [
+        ...captionTrackList.map((track) => track.displayName),
+        'None',
+      ];
+
+      currentIndex = await ipcRenderer.invoke('captionsSelector', captionLabels, currentIndex) as number;
+      if (currentIndex === null) {
+        return;
+      }
+
+      const newCaptions = captionTrackList[currentIndex];
+      configProvider.set('lastCaptionsCode', newCaptions?.languageCode);
+      if (newCaptions) {
+        api.setOption('captions', 'track', { languageCode: newCaptions.languageCode });
+      } else {
+        api.setOption('captions', 'track', {});
+      }
+
+      setTimeout(() => api.playVideo());
+    }
+  });
+}

plugins/captions-selector/menu.ts

@@ -0,0 +1,22 @@
+import config from './config';
+
+import { MenuTemplate } from '../../menu';
+
+export default (): MenuTemplate => [
+  {
+    label: 'Automatically select last used caption',
+    type: 'checkbox',
+    checked: config.get('autoload'),
+    click(item) {
+      config.set('autoload', item.checked);
+    },
+  },
+  {
+    label: 'No captions by default',
+    type: 'checkbox',
+    checked: config.get('disableCaptions'),
+    click(item) {
+      config.set('disableCaptions', item.checked);
+    },
+  },
+];

plugins/captions-selector/templates/captions-settings-template.html

@@ -0,0 +1,17 @@
+<tp-yt-paper-icon-button aria-disabled="false" aria-label="Open captions selector"
+                         class="player-captions-button style-scope ytmusic-player" icon="yt-icons:subtitles"
+                         role="button" tabindex="0"
+                         title="Open captions selector">
+  <tp-yt-iron-icon class="style-scope tp-yt-paper-icon-button" id="icon">
+    <svg class="style-scope yt-icon"
+         focusable="false" preserveAspectRatio="xMidYMid meet"
+         style="pointer-events: none; display: block; width: 100%; height: 100%;"
+         viewBox="0 0 24 24">
+      <g class="style-scope yt-icon">
+        <path
+          class="style-scope tp-yt-iron-icon"
+          d="M20 4H4c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zm-9 6H8v4h3v2H8c-1.103 0-2-.897-2-2v-4c0-1.103.897-2 2-2h3v2zm7 0h-3v4h3v2h-3c-1.103 0-2-.897-2-2v-4c0-1.103.897-2 2-2h3v2z"></path>
+      </g>
+    </svg>
+  </tp-yt-iron-icon>
+</tp-yt-paper-icon-button>

plugins/compact-sidebar/front.ts

@@ -0,0 +1,10 @@
+export default () => {
+  const compactSidebar = document.querySelector('#mini-guide');
+  const isCompactSidebarDisabled
+    = compactSidebar === null
+    || window.getComputedStyle(compactSidebar).display === 'none';
+
+  if (isCompactSidebarDisabled) {
+    document.querySelector<HTMLButtonElement>('#button')?.click();
+  }
+};

plugins/crossfade/back.ts

@@ -0,0 +1,11 @@
+import { ipcMain } from 'electron';
+import { Innertube } from 'youtubei.js';
+
+export default async () => {
+  const yt = await Innertube.create();
+
+  ipcMain.handle('audio-url', async (_, videoID: string) => {
+    const info = await yt.getBasicInfo(videoID);
+    return info.streaming_data?.formats[0].decipher(yt.session.player);
+  });
+};

plugins/crossfade/config.ts

@@ -0,0 +1,4 @@
+import { PluginConfig } from '../../config/dynamic';
+
+const config = new PluginConfig('crossfade', { enableFront: true });
+export default config;

plugins/crossfade/fader.ts

@@ -0,0 +1,395 @@
+/**
+ * VolumeFader
+ * Sophisticated Media Volume Fading
+ *
+ * Requires browser support for:
+ * - HTMLMediaElement
+ * - requestAnimationFrame()
+ * - ES6
+ *
+ * Does not depend on any third-party library.
+ *
+ * License: MIT
+ *
+ * Nick Schwarzenberg
+ * v0.2.0, 07/2016
+ */
+
+'use strict';
+
+// Internal utility: check if value is a valid volume level and throw if not
+const validateVolumeLevel = (value: number) => {
+  // Number between 0 and 1?
+  if (!Number.isNaN(value) && value >= 0 && value <= 1) {
+    // Yup, that's fine
+
+  } else {
+    // Abort and throw an exception
+    throw new TypeError('Number between 0 and 1 expected as volume!');
+  }
+};
+
+type VolumeLogger = <Params extends unknown[]>(message: string, ...args: Params) => void;
+interface VolumeFaderOptions {
+  /**
+   * logging `function(stuff, …)` for execution information (default: no logging)
+   */
+  logger?: VolumeLogger;
+  /**
+   * either 'linear', 'logarithmic' or a positive number in dB (default: logarithmic)
+   */
+  fadeScaling?: string | number;
+  /**
+   * media volume 0…1 to apply during setup (volume not touched by default)
+   */
+  initialVolume?: number;
+  /**
+   * time in milliseconds to complete a fade (default: 1000 ms)
+   */
+  fadeDuration?: number;
+}
+
+interface VolumeFade {
+  volume: {
+    start: number;
+    end: number;
+  };
+  time: {
+    start: number;
+    end: number;
+  };
+  callback?: () => void;
+}
+
+// Main class
+export class VolumeFader {
+  private readonly media: HTMLMediaElement;
+  private readonly logger: VolumeLogger | false;
+  private scale: {
+    internalToVolume: (level: number) => number;
+    volumeToInternal: (level: number) => number;
+  };
+  private fadeDuration: number = 1000;
+  private active: boolean = false;
+  private fade: VolumeFade | undefined;
+
+
+  /**
+   * VolumeFader Constructor
+   *
+   * @param media {HTMLMediaElement} - audio or video element to be controlled
+   * @param options {Object} - an object with optional settings
+   * @throws {TypeError} if options.initialVolume or options.fadeDuration are invalid
+   *
+   */
+  constructor(media: HTMLMediaElement, options: VolumeFaderOptions) {
+    // Passed media element of correct type?
+    if (media instanceof HTMLMediaElement) {
+      // Save reference to media element
+      this.media = media;
+    } else {
+      // Abort and throw an exception
+      throw new TypeError('Media element expected!');
+    }
+
+    // Make sure options is an object
+    options = options || {};
+
+    // Log function passed?
+    if (typeof options.logger === 'function') {
+      // Set log function to the one specified
+      this.logger = options.logger;
+    } else {
+      // Set log function explicitly to false
+      this.logger = false;
+    }
+
+    // Linear volume fading?
+    if (options.fadeScaling === 'linear') {
+      // Pass levels unchanged
+      this.scale = {
+        internalToVolume: (level: number) => level,
+        volumeToInternal: (level: number) => level,
+      };
+
+      // Log setting
+      this.logger && this.logger('Using linear fading.');
+    }
+    // No linear, but logarithmic fading…
+    else {
+      let dynamicRange: number;
+
+      // Default dynamic range?
+      if (
+        options.fadeScaling === undefined
+        || options.fadeScaling === 'logarithmic'
+      ) {
+        // Set default of 60 dB
+        dynamicRange = 3;
+      }
+      // Custom dynamic range?
+      else if (
+        typeof options.fadeScaling === 'number'
+        && !Number.isNaN(options.fadeScaling)
+        && options.fadeScaling > 0
+      ) {
+        // Turn amplitude dB into a multiple of 10 power dB
+        dynamicRange = options.fadeScaling / 2 / 10;
+      }
+      // Unsupported value
+      else {
+        // Abort and throw exception
+        throw new TypeError(
+          "Expected 'linear', 'logarithmic' or a positive number as fade scaling preference!",
+        );
+      }
+
+      // Use exponential/logarithmic scaler for expansion/compression
+      this.scale = {
+        internalToVolume: (level: number) =>
+          this.exponentialScaler(level, dynamicRange),
+        volumeToInternal: (level: number) =>
+          this.logarithmicScaler(level, dynamicRange),
+      };
+
+      // Log setting if not default
+      options.fadeScaling
+      && this.logger
+      && this.logger(
+        'Using logarithmic fading with '
+        + String(10 * dynamicRange)
+        + ' dB dynamic range.',
+      );
+    }
+
+    // Set initial volume?
+    if (options.initialVolume !== undefined) {
+      // Validate volume level and throw if invalid
+      validateVolumeLevel(options.initialVolume);
+
+      // Set initial volume
+      this.media.volume = options.initialVolume;
+
+      // Log setting
+      this.logger
+      && this.logger(
+        'Set initial volume to ' + String(this.media.volume) + '.',
+      );
+    }
+
+    // Fade duration given?
+    if (options.fadeDuration === undefined) {
+      // Set default fade duration (1000 ms)
+      this.fadeDuration = 1000;
+    } else {
+      // Try to set given fade duration (will log if successful and throw if not)
+      this.setFadeDuration(options.fadeDuration);
+    }
+
+    // Indicate that fader is not active yet
+    this.active = false;
+
+    // Initialization done
+    this.logger && this.logger('Initialized for', this.media);
+  }
+
+  /**
+   * Re(start) the update cycle.
+   * (this.active must be truthy for volume updates to take effect)
+   *
+   * @return {Object} VolumeFader instance for chaining
+   */
+  start() {
+    // Set fader to be active
+    this.active = true;
+
+    // Start by running the update method
+    this.updateVolume();
+
+    // Return instance for chaining
+    return this;
+  }
+
+  /**
+   * Stop the update cycle.
+   * (interrupting any fade)
+   *
+   * @return {Object} VolumeFader instance for chaining
+   */
+  stop() {
+    // Set fader to be inactive
+    this.active = false;
+
+    // Return instance for chaining
+    return this;
+  }
+
+  /**
+   * Set fade duration.
+   * (used for future calls to fadeTo)
+   *
+   * @param {Number} fadeDuration - fading length in milliseconds
+   * @throws {TypeError} if fadeDuration is not a number greater than zero
+   * @return {Object} VolumeFader instance for chaining
+   */
+  setFadeDuration(fadeDuration: number) {
+    // If duration is a valid number > 0…
+    if (!Number.isNaN(fadeDuration) && fadeDuration > 0) {
+      // Set fade duration
+      this.fadeDuration = fadeDuration;
+
+      // Log setting
+      this.logger
+      && this.logger('Set fade duration to ' + String(fadeDuration) + ' ms.');
+    } else {
+      // Abort and throw an exception
+      throw new TypeError('Positive number expected as fade duration!');
+    }
+
+    // Return instance for chaining
+    return this;
+  }
+
+  /**
+   * Define a new fade and start fading.
+   *
+   * @param {Number} targetVolume - level to fade to in the range 0…1
+   * @param {Function} callback - (optional) function to be called when fade is complete
+   * @throws {TypeError} if targetVolume is not in the range 0…1
+   * @return {Object} VolumeFader instance for chaining
+   */
+  fadeTo(targetVolume: number, callback?: () => void) {
+    // Validate volume and throw if invalid
+    validateVolumeLevel(targetVolume);
+
+    // Define new fade
+    this.fade = {
+      // Volume start and end point on internal fading scale
+      volume: {
+        start: this.scale.volumeToInternal(this.media.volume),
+        end: this.scale.volumeToInternal(targetVolume),
+      },
+      // Time start and end point
+      time: {
+        start: Date.now(),
+        end: Date.now() + this.fadeDuration,
+      },
+      // Optional callback function
+      callback,
+    };
+
+    // Start fading
+    this.start();
+
+    // Log new fade
+    this.logger && this.logger('New fade started:', this.fade);
+
+    // Return instance for chaining
+    return this;
+  }
+
+  // Convenience shorthand methods for common fades
+  fadeIn(callback: () => void) {
+    this.fadeTo(1, callback);
+  }
+
+  fadeOut(callback: () => void) {
+    this.fadeTo(0, callback);
+  }
+
+  /**
+   * Internal: Update media volume.
+   * (calls itself through requestAnimationFrame)
+   */
+  updateVolume() {
+    // Fader active and fade available to process?
+    if (this.active && this.fade) {
+      // Get current time
+      const now = Date.now();
+
+      // Time left for fading?
+      if (now < this.fade.time.end) {
+        // Compute current fade progress
+        const progress
+          = (now - this.fade.time.start)
+          / (this.fade.time.end - this.fade.time.start);
+
+        // Compute current level on internal scale
+        const level
+          = (progress * (this.fade.volume.end - this.fade.volume.start)) + this.fade.volume.start;
+
+        // Map fade level to volume level and apply it to media element
+        this.media.volume = this.scale.internalToVolume(level);
+
+        // Schedule next update
+        window.requestAnimationFrame(this.updateVolume.bind(this));
+      } else {
+        // Log end of fade
+        this.logger
+        && this.logger(
+          'Fade to ' + String(this.fade.volume.end) + ' complete.',
+        );
+
+        // Time is up, jump to target volume
+        this.media.volume = this.scale.internalToVolume(this.fade.volume.end);
+
+        // Set fader to be inactive
+        this.active = false;
+
+        // Done, call back (if callable)
+        typeof this.fade.callback === 'function' && this.fade.callback();
+
+        // Clear fade
+        this.fade = undefined;
+      }
+    }
+  }
+
+  /**
+   * Internal: Exponential scaler with dynamic range limit.
+   *
+   * @param {Number} input - logarithmic input level to be expanded (float, 0…1)
+   * @param {Number} dynamicRange - expanded output range, in multiples of 10 dB (float, 0…∞)
+   * @return {Number} - expanded level (float, 0…1)
+   */
+  exponentialScaler(input: number, dynamicRange: number) {
+    // Special case: make zero (or any falsy input) return zero
+    if (input === 0) {
+      // Since the dynamic range is limited,
+      // allow a zero to produce a plain zero instead of a small faction
+      // (audio would not be recognized as silent otherwise)
+      return 0;
+    }
+
+    // Scale 0…1 to minus something × 10 dB
+    input = (input - 1) * dynamicRange;
+
+    // Compute power of 10
+    return 10 ** input;
+  }
+
+  /**
+   * Internal: Logarithmic scaler with dynamic range limit.
+   *
+   * @param {Number} input - exponential input level to be compressed (float, 0…1)
+   * @param {Number} dynamicRange - coerced input range, in multiples of 10 dB (float, 0…∞)
+   * @return {Number} - compressed level (float, 0…1)
+   */
+  logarithmicScaler(input: number, dynamicRange: number) {
+    // Special case: make zero (or any falsy input) return zero
+    if (input === 0) {
+      // Logarithm of zero would be -∞, which would map to zero anyway
+      return 0;
+    }
+
+    // Compute base-10 logarithm
+    input = Math.log10(input);
+
+    // Scale minus something × 10 dB to 0…1 (clipping at 0)
+    return Math.max(1 + (input / dynamicRange), 0);
+  }
+}
+
+export default {
+  VolumeFader
+};

plugins/crossfade/front.ts

@@ -0,0 +1,164 @@
+/* eslint-disable @typescript-eslint/await-thenable */
+/* renderer */
+
+import { ipcRenderer } from 'electron';
+import { Howl } from 'howler';
+
+// Extracted from https://github.com/bitfasching/VolumeFader
+import { VolumeFader } from './fader';
+
+import configProvider from './config';
+
+import defaultConfigs from '../../config/defaults';
+
+import type { ConfigType } from '../../config/dynamic';
+
+let transitionAudio: Howl; // Howler audio used to fade out the current music
+let firstVideo = true;
+let waitForTransition: Promise<unknown>;
+
+const defaultConfig = defaultConfigs.plugins.crossfade;
+
+let config: ConfigType<'crossfade'>;
+
+const configGetNumber = (key: keyof ConfigType<'crossfade'>): number => Number(config[key]) || (defaultConfig[key] as number);
+
+const getStreamURL = async (videoID: string) => ipcRenderer.invoke('audio-url', videoID) as Promise<string>;
+
+const getVideoIDFromURL = (url: string) => new URLSearchParams(url.split('?')?.at(-1)).get('v');
+
+const isReadyToCrossfade = () => transitionAudio && transitionAudio.state() === 'loaded';
+
+const watchVideoIDChanges = (cb: (id: string) => void) => {
+  window.navigation.addEventListener('navigate', (event) => {
+    const currentVideoID = getVideoIDFromURL(
+      (event.currentTarget as Navigation).currentEntry?.url ?? '',
+    );
+    const nextVideoID = getVideoIDFromURL(event.destination.url ?? '');
+
+    if (
+      nextVideoID
+      && currentVideoID
+      && (firstVideo || nextVideoID !== currentVideoID)
+    ) {
+      if (isReadyToCrossfade()) {
+        crossfade(() => {
+          cb(nextVideoID);
+        });
+      } else {
+        cb(nextVideoID);
+        firstVideo = false;
+      }
+    }
+  });
+};
+
+const createAudioForCrossfade = (url: string) => {
+  if (transitionAudio) {
+    transitionAudio.unload();
+  }
+
+  transitionAudio = new Howl({
+    src: url,
+    html5: true,
+    volume: 0,
+  });
+  syncVideoWithTransitionAudio();
+};
+
+const syncVideoWithTransitionAudio = () => {
+  const video = document.querySelector('video')!;
+
+  const videoFader = new VolumeFader(video, {
+    fadeScaling: configGetNumber('fadeScaling'),
+    fadeDuration: configGetNumber('fadeInDuration'),
+  });
+
+  transitionAudio.play();
+  transitionAudio.seek(video.currentTime);
+
+  video.addEventListener('seeking', () => {
+    transitionAudio.seek(video.currentTime);
+  });
+
+  video.addEventListener('pause', () => {
+    transitionAudio.pause();
+  });
+
+  video.addEventListener('play', () => {
+    transitionAudio.play();
+    transitionAudio.seek(video.currentTime);
+
+    // Fade in
+    const videoVolume = video.volume;
+    video.volume = 0;
+    videoFader.fadeTo(videoVolume);
+  });
+
+  // Exit just before the end for the transition
+  const transitionBeforeEnd = () => {
+    if (
+      video.currentTime >= video.duration - configGetNumber('secondsBeforeEnd')
+      && isReadyToCrossfade()
+    ) {
+      video.removeEventListener('timeupdate', transitionBeforeEnd);
+
+      // Go to next video - XXX: does not support "repeat 1" mode
+      document.querySelector<HTMLButtonElement>('.next-button')?.click();
+    }
+  };
+
+  video.addEventListener('timeupdate', transitionBeforeEnd);
+};
+
+const onApiLoaded = () => {
+  watchVideoIDChanges(async (videoID) => {
+    await waitForTransition;
+    const url = await getStreamURL(videoID);
+    if (!url) {
+      return;
+    }
+
+    await createAudioForCrossfade(url);
+  });
+};
+
+const crossfade = (cb: () => void) => {
+  if (!isReadyToCrossfade()) {
+    cb();
+    return;
+  }
+
+  let resolveTransition: () => void;
+  waitForTransition = new Promise<void>((resolve) => {
+    resolveTransition = resolve;
+  });
+
+  const video = document.querySelector('video')!;
+
+  const fader = new VolumeFader(transitionAudio._sounds[0]._node, {
+    initialVolume: video.volume,
+    fadeScaling: configGetNumber('fadeScaling'),
+    fadeDuration: configGetNumber('fadeOutDuration'),
+  });
+
+  // Fade out the music
+  video.volume = 0;
+  fader.fadeOut(() => {
+    resolveTransition();
+    cb();
+  });
+};
+
+export default async () => {
+  config = await configProvider.getAll();
+
+  configProvider.subscribeAll((newConfig) => {
+    config = newConfig;
+  });
+
+  document.addEventListener('apiLoaded', onApiLoaded, {
+    once: true,
+    passive: true,
+  });
+};

plugins/crossfade/menu.ts

@@ -0,0 +1,86 @@
+import prompt from 'custom-electron-prompt';
+
+import { BrowserWindow } from 'electron';
+
+import config from './config';
+
+import promptOptions from '../../providers/prompt-options';
+import configOptions from '../../config/defaults';
+
+import { MenuTemplate } from '../../menu';
+
+import type { ConfigType } from '../../config/dynamic';
+
+const defaultOptions = configOptions.plugins.crossfade;
+
+export default (win: BrowserWindow): MenuTemplate => [
+  {
+    label: 'Advanced',
+    async click() {
+      const newOptions = await promptCrossfadeValues(win, config.getAll());
+      if (newOptions) {
+        config.setAll(newOptions);
+      }
+    },
+  },
+];
+
+async function promptCrossfadeValues(win: BrowserWindow, options: ConfigType<'crossfade'>): Promise<Partial<ConfigType<'crossfade'>> | undefined> {
+  const res = await prompt(
+    {
+      title: 'Crossfade Options',
+      type: 'multiInput',
+      multiInputOptions: [
+        {
+          label: 'Fade in duration (ms)',
+          value: options.fadeInDuration || defaultOptions.fadeInDuration,
+          inputAttrs: {
+            type: 'number',
+            required: true,
+            min: '0',
+            step: '100',
+          },
+        },
+        {
+          label: 'Fade out duration (ms)',
+          value: options.fadeOutDuration || defaultOptions.fadeOutDuration,
+          inputAttrs: {
+            type: 'number',
+            required: true,
+            min: '0',
+            step: '100',
+          },
+        },
+        {
+          label: 'Crossfade x seconds before end',
+          value:
+            options.secondsBeforeEnd || defaultOptions.secondsBeforeEnd,
+          inputAttrs: {
+            type: 'number',
+            required: true,
+            min: '0',
+          },
+        },
+        {
+          label: 'Fade scaling',
+          selectOptions: { linear: 'Linear', logarithmic: 'Logarithmic' },
+          value: options.fadeScaling || defaultOptions.fadeScaling,
+        },
+      ],
+      resizable: true,
+      height: 360,
+      ...promptOptions(),
+    },
+    win,
+  ).catch(console.error);
+  if (!res) {
+    return undefined;
+  }
+
+  return {
+    fadeInDuration: Number(res[0]),
+    fadeOutDuration: Number(res[1]),
+    secondsBeforeEnd: Number(res[2]),
+    fadeScaling: res[3],
+  };
+}

plugins/disable-autoplay/front.js

@@ -1,25 +0,0 @@
-let videoElement = null;
-
-const observer = new MutationObserver((mutations, observer) => {
-	if (!videoElement) {
-		videoElement = document.querySelector("video");
-	}
-
-	if (videoElement) {
-		videoElement.ontimeupdate = () => {
-			if (videoElement.currentTime === 0 && videoElement.duration !== NaN) {
-				// auto-confirm-when-paused plugin can interfere here if not disabled!
-				videoElement.pause();
-			}
-		};
-	}
-});
-
-function observeVideoElement() {
-	observer.observe(document, {
-		childList: true,
-		subtree: true,
-	});
-}
-
-module.exports = observeVideoElement;

plugins/disable-autoplay/front.ts

@@ -0,0 +1,23 @@
+import type { ConfigType } from '../../config/dynamic';
+
+export default (options: ConfigType<'disable-autoplay'>) => {
+  const timeUpdateListener = (e: Event) => {
+    if (e.target instanceof HTMLVideoElement) {
+      e.target.pause();
+    }
+  };
+
+  document.addEventListener('apiLoaded', (apiEvent) => {
+    const eventListener = (name: string) => {
+      if (options.applyOnce) {
+        apiEvent.detail.removeEventListener('videodatachange', eventListener);
+      }
+
+      if (name === 'dataloaded') {
+        apiEvent.detail.pauseVideo();
+        document.querySelector<HTMLVideoElement>('video')?.addEventListener('timeupdate', timeUpdateListener, { once: true });
+      }
+    };
+    apiEvent.detail.addEventListener('videodatachange', eventListener);
+  }, { once: true, passive: true });
+};

plugins/disable-autoplay/menu.ts

@@ -0,0 +1,20 @@
+import { BrowserWindow } from 'electron';
+
+import { setMenuOptions } from '../../config/plugins';
+
+import { MenuTemplate } from '../../menu';
+
+import type { ConfigType } from '../../config/dynamic';
+
+export default (_: BrowserWindow, options: ConfigType<'disable-autoplay'>): MenuTemplate => [
+  {
+    label: 'Applies only on startup',
+    type: 'checkbox',
+    checked: options.applyOnce,
+    click() {
+      setMenuOptions('disable-autoplay', {
+        applyOnce: !options.applyOnce,
+      });
+    }
+  }
+];

plugins/discord/back.js

@@ -1,58 +0,0 @@
-const Discord = require("discord-rpc");
-
-const registerCallback = require("../../providers/song-info");
-
-const rpc = new Discord.Client({
-	transport: "ipc",
-});
-
-// Application ID registered by @semvis123
-const clientId = "790655993809338398";
-
-let clearActivity;
-
-module.exports = (win, {activityTimoutEnabled, activityTimoutTime}) => {
-	// If the page is ready, register the callback
-	win.once("ready-to-show", () => {
-		rpc.once("ready", () => {
-			// Register the callback
-			registerCallback((songInfo) => {
-				if (songInfo.title.length === 0 && songInfo.artist.length === 0) {
-					return;
-				}
-				// Song information changed, so lets update the rich presence
-				const activityInfo = {
-					details: songInfo.title,
-					state: songInfo.artist,
-					largeImageKey: "logo",
-					largeImageText: [
-						songInfo.uploadDate,
-						songInfo.views.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + " views"
-					].join(' || '),
-				};
-
-				if (songInfo.isPaused) {
-					// Add an idle icon to show that the song is paused
-					activityInfo.smallImageKey = "idle";
-					activityInfo.smallImageText = "idle/paused";
-					// Set start the timer so the activity gets cleared after a while if enabled
-					if (activityTimoutEnabled)
-						clearActivity = setTimeout(()=>rpc.clearActivity(), activityTimoutTime||10000);
-				} else {
-					// stop the clear activity timout
-					clearTimeout(clearActivity);
-					// Add the start and end time of the song
-					const songStartTime = Date.now() - songInfo.elapsedSeconds * 1000;
-					activityInfo.startTimestamp = songStartTime;
-					activityInfo.endTimestamp =
-						songStartTime + songInfo.songDuration * 1000;
-				}
-
-				rpc.setActivity(activityInfo);
-			});
-		});
-
-		// Startup the rpc client
-		rpc.login({ clientId }).catch(console.error);
-	});
-};