release 3.3.1 (HOTFIX)

fix #1199

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -26,9 +26,10 @@ body:
     required: true
 - type: checkboxes
   attributes:
-    label: Are you using the portable version of the YouTube Music Application?
+    label: Checklists
     options:
       - label: I use the portable version of the YouTube Music Application.
+      - label: I can reproduce this issue in the [official YTM web version](https://music.youtube.com).
 - type: dropdown
   attributes:
     label: What operating system are you using?
@@ -49,7 +50,7 @@ body:
     required: true
 - type: dropdown
   attributes:
-    label: What arch are you using?
+    label: What CPU architecture are you using?
     options:
       - x64
       - ia32

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -15,7 +15,7 @@ body:
 - 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.
+    description: A clear and concise description of the problem you are seeking to solve with this feature request.
   validations:
     required: true
 - type: textarea
@@ -33,6 +33,6 @@ body:
 - type: textarea
   attributes:
     label: Additional Information
-    description: Add any other context about the problem here.
+    description: Any other context about the problem.
   validations:
     required: false

.github/workflows/dependency-review.yml

@@ -17,4 +17,4 @@ jobs:
       - name: "Checkout Repository"
         uses: actions/checkout@v4
       - name: "Dependency Review"
-        uses: actions/dependency-review-action@v3
+        uses: actions/dependency-review-action@v4

README.md

@@ -14,6 +14,7 @@
 
 ![Screenshot](web/screenshot.jpg "Screenshot")
 
+
 <div align="center">
 	<a href="https://github.com/th-ch/youtube-music/releases/latest">
 		<img src="web/youtube-music.svg" width="400" height="100" alt="YouTube Music SVG">
@@ -28,6 +29,12 @@ Read this in other languages: [🇰🇷](./docs/readme/README-ko.md)
 - Framework for custom plugins: change YouTube Music to your needs (style, content, features), enable/disable plugins in
   one click
 
+## Demo Image
+
+|                          Player Screen (album color theme & ambient light)                                |
+|:---------------------------------------------------------------------------------------------------------:|
+|![Screenshot1](https://github.com/th-ch/youtube-music/assets/16558115/53efdf73-b8fa-4d7b-a235-b96b91ea77fc)|
+
 ## Translation
 
 You can help with translation on [Hosted Weblate](https://hosted.weblate.org/projects/youtube-music/).
@@ -49,9 +56,10 @@ this [wiki page](https://wiki.archlinux.org/index.php/Arch_User_Repository#Insta
 
 ### MacOS
 
-You can install the app using Homebrew:
+You can install the app using Homebrew (see the [cask definition](https://github.com/th-ch/homebrew-youtube-music)):
+
 ```bash
-brew install --cask https://raw.githubusercontent.com/th-ch/youtube-music/master/youtube-music.rb
+brew install th-ch/youtube-music/youtube-music
 ```
 
 If you install the app manually and get an error "is damaged and can’t be opened." when launching the app, run the following in the Terminal:
@@ -102,27 +110,29 @@ winget install th-ch.YouTubeMusic
 ## Available plugins:
 
 - **Ad Blocker**: Block all ads and tracking out of the box
+  
+- **Album Actions**: Adds Undislike, Dislike, Like, and Unlike buttons to apply this to all songs in a playlist or album
 
 - **Album Color Theme**: Applies a dynamic theme and visual effects based on the album color palette
 
-- **Ambient Mode**: Applies a lighting effect by casting gentle colors from the video, into your screen’s background.
+- **Ambient Mode**: Applies a lighting effect by casting gentle colors from the video, into your screen’s background
 
 - **Audio Compressor**: Apply compression to audio (lowers the volume of the loudest parts of the signal and raises the
   volume of the softest parts)
 
-- **Blur Nav Bar**: makes navigation bar transparent and blurry
+- **Blur Navigation Bar**: makes navigation bar transparent and blurry
 
-- **Bypass age restrictions**: bypass YouTube's age verification
+- **Bypass Age Restrictions**: bypass YouTube's age verification
 
-- **Captions selector**: Enable captions
+- **Captions Selector**: Enable captions
 
-- **Compact sidebar**: Always set the sidebar in compact mode
+- **Compact Sidebar**: Always set the sidebar in compact mode
 
 - **Crossfade**: Crossfade between songs
 
 - **Disable Autoplay**: Makes every song start in "paused" mode
 
-- [**Discord**](https://discord.com/): Show your friends what you listen to
+- **[Discord](https://discord.com/) Rich Presence**: Show your friends what you listen to
   with [Rich Presence](https://user-images.githubusercontent.com/28219076/104362104-a7a0b980-5513-11eb-9744-bb89eabe0016.png)
 
 - **Downloader**: downloads
@@ -130,19 +140,21 @@ winget install th-ch.YouTubeMusic
 
 - **Exponential Volume**: Makes the volume
   slider [exponential](https://greasyfork.org/en/scripts/397686-youtube-music-fix-volume-ratio/) so it's easier to
-  select lower volumes.
+  select lower volumes
 
 - **In-App Menu**: [gives bars a fancy, dark look](https://user-images.githubusercontent.com/78568641/112215894-923dbf00-8c29-11eb-95c3-3ce15db27eca.png)
 
   > (see [this post](https://github.com/th-ch/youtube-music/issues/410#issuecomment-952060709) if you have problem
   accessing the menu after enabling this plugin and hide-menu option)
 
-- [**Last.fm**](https://www.last.fm/): Scrobbles support
+- **Scrobbler**: Adds scrobbling support for [Last.fm](https://www.last.fm/) and [ListenBrainz](https://listenbrainz.org/)
 
 - **Lumia Stream**: Adds [Lumia Stream](https://lumiastream.com/) support
 
 - **Lyrics Genius**: Adds lyrics support for most songs
 
+- **Music Together**: Share a playlist with others. When the host plays a song, everyone else will hear the same song
+
 - **Navigation**: Next/Back navigation arrows directly integrated in the interface, like in your favorite browser
 
 - **No Google Login**: Remove Google login buttons and links from the interface
@@ -151,7 +163,7 @@ winget install th-ch.YouTubeMusic
   playing ([interactive notifications](https://user-images.githubusercontent.com/78568641/114102651-63ce0e00-98d0-11eb-9dfe-c5a02bb54f9c.png)
   are available on windows)
 
-- **Picture in picture**: allows to switch the app to picture-in-picture mode
+- **Picture-in-picture**: allows to switch the app to picture-in-picture mode
 
 - **Playback Speed**: Listen fast, listen
   slow! [Adds a slider that controls song speed](https://user-images.githubusercontent.com/61631665/129976003-e55db5ba-bf42-448c-a059-26a009775e68.png)
@@ -159,17 +171,15 @@ winget install th-ch.YouTubeMusic
 - **Precise Volume**: Control the volume precisely using mousewheel/hotkeys, with a custom hud and customizable volume
   steps
 
-- **Quality Changer**: Allows changing the video quality with
-  a [button](https://user-images.githubusercontent.com/78568641/138574366-70324a5e-2d64-4f6a-acdd-dc2a2b9cecc5.png) on
-  the video overlay
-
-- **Shortcuts**: Allows setting global hotkeys for playback (play/pause/next/previous) +
+- **Shortcuts (& MPRIS)**: Allows setting global hotkeys for playback (play/pause/next/previous) +
   disable [media osd](https://user-images.githubusercontent.com/84923831/128601225-afa38c1f-dea8-4209-9f72-0f84c1dd8b54.png)
   by overriding media keys + enable Ctrl/CMD + F to search + enable linux mpris support for
   mediakeys + [custom hotkeys](https://github.com/Araxeus/youtube-music/blob/1e591d6a3df98449bcda6e63baab249b28026148/providers/song-controls.js#L13-L50)
   for [advanced users](https://github.com/th-ch/youtube-music/issues/106#issuecomment-952156902)
 
-- **Skip-Silences** - Automatically skip silenced sections
+- **Skip Disliked Song**: Skips disliked songs
+
+- **Skip Silences**: Automatically skip silenced sections
 
 - [**SponsorBlock**](https://github.com/ajayyy/SponsorBlock): Automatically Skips non-music parts like intro/outro or
   parts of music videos where the song isn't playing
@@ -177,11 +187,15 @@ winget install th-ch.YouTubeMusic
 - **Taskbar Media Control**: Control playback from
   your [Windows taskbar](https://user-images.githubusercontent.com/78568641/111916130-24a35e80-8a82-11eb-80c8-5021c1aa27f4.png)
 
-- **Touchbar**: Custom TouchBar layout for macOS
+- **TouchBar**: Custom TouchBar layout for macOS
 
-- **Tuna-OBS**: Integration with [OBS](https://obsproject.com/)'s
+- **Tuna OBS**: Integration with [OBS](https://obsproject.com/)'s
   plugin [Tuna](https://obsproject.com/forum/resources/tuna.843/)
 
+- **Video Quality Changer**: Allows changing the video quality with
+  a [button](https://user-images.githubusercontent.com/78568641/138574366-70324a5e-2d64-4f6a-acdd-dc2a2b9cecc5.png) on
+  the video overlay
+
 - **Video Toggle**: Adds
   a [button](https://user-images.githubusercontent.com/28893833/173663950-63e6610e-a532-49b7-9afa-54cb57ddfc15.png) to
   switch between Video/Song mode. can also optionally remove the whole video tab
@@ -212,7 +226,7 @@ Using plugins, you can:
 
 ### Creating a plugin
 
-Create a folder in `plugins/YOUR-PLUGIN-NAME`:
+Create a folder in `src/plugins/YOUR-PLUGIN-NAME`:
 
 - `index.ts`: the main file of the plugin
 ```typescript

changelog.md

@@ -2,8 +2,160 @@
 
 All notable changes to this project will be documented in this file. Dates are displayed in UTC.
 
+#### [v3.3.0](https://github.com/th-ch/youtube-music/compare/v3.2.2...v3.3.0)
+
+- fix(deps): update dependency i18next to v23.8.3 [`#1751`](https://github.com/th-ch/youtube-music/pull/1751)
+- import fixed ./constants [`#1748`](https://github.com/th-ch/youtube-music/pull/1748)
+- chore(deps): update dependency rollup to v4.12.0 [`#1743`](https://github.com/th-ch/youtube-music/pull/1743)
+- chore(deps): bump undici from 5.28.2 to 5.28.3 [`#1747`](https://github.com/th-ch/youtube-music/pull/1747)
+- chore(deps): update dependency vite to v5.1.3 [`#1742`](https://github.com/th-ch/youtube-music/pull/1742)
+- chore(deps): update dependency vite-plugin-solid to v2.10.1 [`#1734`](https://github.com/th-ch/youtube-music/pull/1734)
+- chore(deps): update dependency discord-api-types to v0.37.70 [`#1740`](https://github.com/th-ch/youtube-music/pull/1740)
+- chore(deps): update dependency electron to v28.2.3 [`#1736`](https://github.com/th-ch/youtube-music/pull/1736)
+- chore(deps): update pnpm to v8.15.3 [`#1739`](https://github.com/th-ch/youtube-music/pull/1739)
+- chore(deps): update dependency rollup to v4.11.0 [`#1738`](https://github.com/th-ch/youtube-music/pull/1738)
+- fix(deps): update dependency solid-js to v1.8.15 [`#1735`](https://github.com/th-ch/youtube-music/pull/1735)
+- chore(deps): update dependency vite to v5.1.2 [`#1733`](https://github.com/th-ch/youtube-music/pull/1733)
+- chore(deps): update dependency vite-plugin-solid to v2.10.0 [`#1732`](https://github.com/th-ch/youtube-music/pull/1732)
+- chore(deps): update pnpm to v8.15.2 [`#1729`](https://github.com/th-ch/youtube-music/pull/1729)
+- Update Copyright - 2024 [`#1730`](https://github.com/th-ch/youtube-music/pull/1730)
+- chore(deps): update dependency @typescript-eslint/eslint-plugin to v7 [`#1728`](https://github.com/th-ch/youtube-music/pull/1728)
+- fix(deps): update dependency @floating-ui/dom to v1.6.3 [`#1727`](https://github.com/th-ch/youtube-music/pull/1727)
+- chore(deps): update dependency electron to v28.2.2 [`#1717`](https://github.com/th-ch/youtube-music/pull/1717)
+- chore(deps): update dependency vite to v5.1.1 [`#1718`](https://github.com/th-ch/youtube-music/pull/1718)
+- chore(deps): update dependency @types/semver to v7.5.7 [`#1724`](https://github.com/th-ch/youtube-music/pull/1724)
+- fix(deps): update dependency @floating-ui/dom to v1.6.2 [`#1725`](https://github.com/th-ch/youtube-music/pull/1725)
+- chore(deps): update dependency rollup to v4.10.0 [`#1719`](https://github.com/th-ch/youtube-music/pull/1719)
+- fix(deps): update dependency solid-js to v1.8.14 [`#1713`](https://github.com/th-ch/youtube-music/pull/1713)
+- chore(deps): update dependency @typescript-eslint/eslint-plugin to v6.21.0 [`#1711`](https://github.com/th-ch/youtube-music/pull/1711)
+- fix(deps): update dependency semver to v7.6.0 [`#1712`](https://github.com/th-ch/youtube-music/pull/1712)
+- refactor(in-app-menu): refactor `in-app-menu` plugin [`#1710`](https://github.com/th-ch/youtube-music/pull/1710)
+- chore(deps): update playwright monorepo to v1.41.2 [`#1706`](https://github.com/th-ch/youtube-music/pull/1706)
+- chore(deps): update dependency electron to v29.0.0-beta.5 [`#1707`](https://github.com/th-ch/youtube-music/pull/1707)
+- feat(album-color-theme): support album color theme in all pages [`#1685`](https://github.com/th-ch/youtube-music/pull/1685)
+- fix(deps): update dependency youtubei.js to v9.0.2 [`#1704`](https://github.com/th-ch/youtube-music/pull/1704)
+- fix(deps): update dependency i18next to v23.8.2 [`#1702`](https://github.com/th-ch/youtube-music/pull/1702)
+- feat: Support disabling scrobbling for non-music content [`#1665`](https://github.com/th-ch/youtube-music/pull/1665)
+- fix(deps): update dependency youtubei.js to v9 [`#1682`](https://github.com/th-ch/youtube-music/pull/1682)
+- chore(deps): update dependency electron to v29.0.0-beta.4 [`#1698`](https://github.com/th-ch/youtube-music/pull/1698)
+- fix(deps): update dependency i18next to v23.8.1 [`#1694`](https://github.com/th-ch/youtube-music/pull/1694)
+- chore(deps): update dependency @typescript-eslint/eslint-plugin to v6.20.0 [`#1700`](https://github.com/th-ch/youtube-music/pull/1700)
+- chore(deps): update pnpm to v8.15.1 [`#1699`](https://github.com/th-ch/youtube-music/pull/1699)
+- chore(deps): update dependency esbuild to v0.20.0 [`#1691`](https://github.com/th-ch/youtube-music/pull/1691)
+- chore(deps): update pnpm to v8.15.0 [`#1692`](https://github.com/th-ch/youtube-music/pull/1692)
+- fix(deps): update dependency i18next to v23.7.20 [`#1684`](https://github.com/th-ch/youtube-music/pull/1684)
+- chore(deps): update dependency electron to v29.0.0-beta.3 [`#1683`](https://github.com/th-ch/youtube-music/pull/1683)
+- chore(deps): update dependency electron to v29.0.0-beta.2 [`#1681`](https://github.com/th-ch/youtube-music/pull/1681)
+- chore(deps): update dependency rollup to v4.9.6 [`#1663`](https://github.com/th-ch/youtube-music/pull/1663)
+- chore(deps): update dependency electron to v29.0.0-beta.1 [`#1670`](https://github.com/th-ch/youtube-music/pull/1670)
+- fix(deps): update dependency i18next to v23.7.19 [`#1680`](https://github.com/th-ch/youtube-music/pull/1680)
+- chore(deps): update dependency @typescript-eslint/eslint-plugin to v6.19.1 [`#1669`](https://github.com/th-ch/youtube-music/pull/1669)
+- chore(deps): update pnpm to v8.14.3 [`#1668`](https://github.com/th-ch/youtube-music/pull/1668)
+- chore(deps): update dependency vite-plugin-inspect to v0.8.3 [`#1672`](https://github.com/th-ch/youtube-music/pull/1672)
+- chore(deps): update dependency esbuild to v0.19.12 [`#1673`](https://github.com/th-ch/youtube-music/pull/1673)
+- fix(deps): update dependency @electron/remote to v2.1.2 [`#1676`](https://github.com/th-ch/youtube-music/pull/1676)
+- chore: Update issue templates [`#1661`](https://github.com/th-ch/youtube-music/pull/1661)
+- chore(deps): update playwright monorepo to v1.41.1 [`#1660`](https://github.com/th-ch/youtube-music/pull/1660)
+- fix(deps): update dependency i18next to v23.7.18 [`#1662`](https://github.com/th-ch/youtube-music/pull/1662)
+- chore(deps): update actions/dependency-review-action action to v4 [`#1654`](https://github.com/th-ch/youtube-music/pull/1654)
+- chore(deps): update dependency electron to v29.0.0-alpha.11 [`#1656`](https://github.com/th-ch/youtube-music/pull/1656)
+- chore(deps): update dependency vite to v5.0.12 [security] [`#1659`](https://github.com/th-ch/youtube-music/pull/1659)
+- fix(deps): update dependency async-mutex to v0.4.1 [`#1653`](https://github.com/th-ch/youtube-music/pull/1653)
+- chore(deps): update playwright monorepo to v1.41.0 [`#1651`](https://github.com/th-ch/youtube-music/pull/1651)
+- feat: Better Scrobbler Plugin [`#1640`](https://github.com/th-ch/youtube-music/pull/1640)
+- chore(deps): update dependency electron to v29.0.0-alpha.10 [`#1645`](https://github.com/th-ch/youtube-music/pull/1645)
+- chore(deps): update dependency @typescript-eslint/eslint-plugin to v6.19.0 [`#1643`](https://github.com/th-ch/youtube-music/pull/1643)
+- chore(README): Fix plugins names and add plugins in/to Readme (in menu too) [`#1624`](https://github.com/th-ch/youtube-music/pull/1624)
+- fix(album-actions): Fixed album actions [`#1639`](https://github.com/th-ch/youtube-music/pull/1639)
+- chore(deps): update playwright monorepo to v1.41.0-beta-1705101589000 [`#1638`](https://github.com/th-ch/youtube-music/pull/1638)
+- fix(#1543): fix song control doesn't work [`#1637`](https://github.com/th-ch/youtube-music/pull/1637)
+- chore(deps): update playwright monorepo to v1.41.0-beta-1705092460000 [`#1635`](https://github.com/th-ch/youtube-music/pull/1635)
+- chore(deps): update dependency rollup to v4.9.5 [`#1629`](https://github.com/th-ch/youtube-music/pull/1629)
+- chore(deps): update dependency electron to v29.0.0-alpha.9 [`#1627`](https://github.com/th-ch/youtube-music/pull/1627)
+- chore(deps): update dependency electron to v29.0.0-alpha.8 [`#1608`](https://github.com/th-ch/youtube-music/pull/1608)
+- fix(deps): update dependency @cliqz/adblocker-electron to v1.26.15 [`#1615`](https://github.com/th-ch/youtube-music/pull/1615)
+- chore(deps): update dependency rollup to v4.9.4 [`#1591`](https://github.com/th-ch/youtube-music/pull/1591)
+- fix(deps): update dependency @cliqz/adblocker-electron-preload to v1.26.15 [`#1616`](https://github.com/th-ch/youtube-music/pull/1616)
+- chore(deps): update pnpm to v8.14.1 [`#1619`](https://github.com/th-ch/youtube-music/pull/1619)
+- chore(deps): update dependency eslint-plugin-prettier to v5.1.3 [`#1618`](https://github.com/th-ch/youtube-music/pull/1618)
+- chore(deps): update dependency @typescript-eslint/eslint-plugin to v6.18.1 [`#1612`](https://github.com/th-ch/youtube-music/pull/1612)
+- fix(deps): update dependency youtubei.js to v8.2.0 [`#1614`](https://github.com/th-ch/youtube-music/pull/1614)
+- chore(deps): update dependency electron-vite to v2.0.0 [`#1609`](https://github.com/th-ch/youtube-music/pull/1609)
+- chore(deps): update dependency @typescript-eslint/eslint-plugin to v6.18.0 [`#1603`](https://github.com/th-ch/youtube-music/pull/1603)
+- chore(deps): update dependency electron-vite to v2.0.0-beta.4 [`#1602`](https://github.com/th-ch/youtube-music/pull/1602)
+- fix: fix upgrade button [`#1199`](https://github.com/th-ch/youtube-music/issues/1199)
+- fix(mpris): fix mpris invalid position [`#1726`](https://github.com/th-ch/youtube-music/issues/1726)
+- fix: discord RPC (fix #1664) [`#1664`](https://github.com/th-ch/youtube-music/issues/1664)
+- fix: remove sign-in button (fix #1199) [`#1199`](https://github.com/th-ch/youtube-music/issues/1199)
+- Fix #1617 [`#1617`](https://github.com/th-ch/youtube-music/issues/1617)
+- fix(crossfade): fix #1633 [`#1633`](https://github.com/th-ch/youtube-music/issues/1633)
+- fix: fix #1621 [`#1621`](https://github.com/th-ch/youtube-music/issues/1621)
+- fix(tuna-obs): partially fix #1596 [`#1596`](https://github.com/th-ch/youtube-music/issues/1596)
+- fix(discord): fix hide duration button [`#1644`](https://github.com/th-ch/youtube-music/issues/1644)
+- fix(in-app-menu): fix invalid `margin-top` [`#1597`](https://github.com/th-ch/youtube-music/issues/1597)
+- fix(README): fix `plugins` path [`#1598`](https://github.com/th-ch/youtube-music/issues/1598)
+- chore(i18n): Translated using Weblate (Vietnamese) [`0528637`](https://github.com/th-ch/youtube-music/commit/05286371353e8b4c36a5b9fe9011ae5dfdc7ee82)
+- chore: update pnpm-lock [`fd8d59b`](https://github.com/th-ch/youtube-music/commit/fd8d59bada56dab4e156d22394fe0c5efec5abc4)
+- fix(in-app-menu): fix app crash in production [`febc63e`](https://github.com/th-ch/youtube-music/commit/febc63edef375bd82db48b7fb460ec5a601ab872)
+
+#### [v3.2.2](https://github.com/th-ch/youtube-music/compare/v3.2.1...v3.2.2)
+
+> 5 January 2024
+
+- feat(tray): Add song info and paused icon [`#1592`](https://github.com/th-ch/youtube-music/pull/1592)
+- fix(skip-silences): fix audio distorted [`#1141`](https://github.com/th-ch/youtube-music/issues/1141)
+- chore(deps): update dependency rollup to v4.9.3 [`0c3c380`](https://github.com/th-ch/youtube-music/commit/0c3c3805918adf2a185a7f1dc67ea3af8135863d)
+- chore(i18n): Translated using Weblate (Turkish) [`64ea1fd`](https://github.com/th-ch/youtube-music/commit/64ea1fdb58fdf2766ae3284ac1a51bfac8894b36)
+- fix(music-together): typing [`895386f`](https://github.com/th-ch/youtube-music/commit/895386f6f8c649f77ea15c88f6fb7ecc5b775554)
+
+#### [v3.2.1](https://github.com/th-ch/youtube-music/compare/v3.2.0...v3.2.1)
+
+> 1 January 2024
+
+- fix: fix #1574 [`#1574`](https://github.com/th-ch/youtube-music/issues/1574)
+- fix: fix #1575 [`#1575`](https://github.com/th-ch/youtube-music/issues/1575)
+- chore(i18n): Translated using Weblate [`f5aa179`](https://github.com/th-ch/youtube-music/commit/f5aa179cd639eb4b8f70f1264b5b459ebcc16695)
+- chore(i18n): Translated using Weblate (English) [`e409165`](https://github.com/th-ch/youtube-music/commit/e409165e1bed85f3d1aea3a565e7b9e462b1e05b)
+- chore(i18n): Translated using Weblate (Czech) [`0ca4e34`](https://github.com/th-ch/youtube-music/commit/0ca4e34efd86e877314e5a245f266065b4cf0013)
+
+#### [v3.2.0](https://github.com/th-ch/youtube-music/compare/v3.1.1...v3.2.0)
+
+> 1 January 2024
+
+- feat(album-color-theme): improve `Album Color Theme` style [`#1571`](https://github.com/th-ch/youtube-music/pull/1571)
+- feat(menu): add more detail in Menu [`#1570`](https://github.com/th-ch/youtube-music/pull/1570)
+- feat(music-together): Add new plugin `Music Together` [`#1562`](https://github.com/th-ch/youtube-music/pull/1562)
+- chore(deps): update dependency rollup to v4.9.2 [`#1567`](https://github.com/th-ch/youtube-music/pull/1567)
+- fix(deps): update dependency i18next to v23.7.13 [`#1569`](https://github.com/th-ch/youtube-music/pull/1569)
+- feat: Add new plugin `Album actions` [`#1515`](https://github.com/th-ch/youtube-music/pull/1515)
+- fix(deps): update dependency i18next to v23.7.12 [`#1564`](https://github.com/th-ch/youtube-music/pull/1564)
+- fix: Only apply scale factor on Windows [`#1565`](https://github.com/th-ch/youtube-music/pull/1565)
+- chore(deps): update dependency @typescript-eslint/eslint-plugin to v6.16.0 [`#1556`](https://github.com/th-ch/youtube-music/pull/1556)
+- chore(deps): update pnpm to v8.13.1 [`#1557`](https://github.com/th-ch/youtube-music/pull/1557)
+- chore(deps): update dependency ws to v8.16.0 [`#1559`](https://github.com/th-ch/youtube-music/pull/1559)
+- fix(deps): update dependency youtubei.js to v8.1.0 [`#1560`](https://github.com/th-ch/youtube-music/pull/1560)
+- fix(deps): update dependency node-html-parser to v6.1.12 [`#1554`](https://github.com/th-ch/youtube-music/pull/1554)
+- Revert "fix(deps): update dependency @xhayper/discord-rpc to v1.1.2" [`#1552`](https://github.com/th-ch/youtube-music/pull/1552)
+- feat(ambient-mode): support ambient mode on `Song section` [`#1555`](https://github.com/th-ch/youtube-music/issues/1555)
+- fix: fixed an issue with the download button disappearing [`#1551`](https://github.com/th-ch/youtube-music/issues/1551)
+- fix: fix `homebrew cask` [`#1514`](https://github.com/th-ch/youtube-music/issues/1514)
+- fix: pnpm build error [`13ef856`](https://github.com/th-ch/youtube-music/commit/13ef8560ff43353030537403be7da82542ba535e)
+- chore(i18n): Translated using Weblate (Czech) [`0dc9c6a`](https://github.com/th-ch/youtube-music/commit/0dc9c6a1a90bce6505614617b827e816cbaaf875)
+- chore(deps): update dependency @typescript-eslint/eslint-plugin to v6.15.0 [`c5bcd89`](https://github.com/th-ch/youtube-music/commit/c5bcd89f164b51d7380486a8ae35edd0caeea842)
+
+#### [v3.1.1](https://github.com/th-ch/youtube-music/compare/v3.1.0...v3.1.1)
+
+> 18 December 2023
+
+- fix: fix renderer plugin load timing [`#1522`](https://github.com/th-ch/youtube-music/issues/1522)
+- chore(i18n): Translated using Weblate (Lithuanian) [`fc1a7cd`](https://github.com/th-ch/youtube-music/commit/fc1a7cda62b6e33e5f5d57a5a6e0adef6a32bf9a)
+- chore(i18n): Translated using Weblate (Chinese (Simplified)) [`eba7026`](https://github.com/th-ch/youtube-music/commit/eba7026b89bbfdd3ac07cf728a66ba9bdd274ec0)
+- chore(deps): update dependency rollup to v4.8.0 [`a601d0b`](https://github.com/th-ch/youtube-music/commit/a601d0b3d2dee0fabad79a18e1a7dd0ca84ccf01)
+
 #### [v3.1.0](https://github.com/th-ch/youtube-music/compare/v3.0.2...v3.1.0)
 
+> 11 December 2023
+
 - chore(deps): update dependency electron to v28 [`#1498`](https://github.com/th-ch/youtube-music/pull/1498)
 - Enable/Disable Navigation without restart [`#1507`](https://github.com/th-ch/youtube-music/pull/1507)
 - Turkish(tr)_lang_file [`#1513`](https://github.com/th-ch/youtube-music/pull/1513)

docs/index.html

@@ -478,7 +478,7 @@
                             </a>
                         </li>
                     </ul>
-                    <div class="footer-copyright">© 2021 th-ch</div>
+                    <div class="footer-copyright">© 2024 th-ch</div>
                 </div>
             </div>
         </div>

docs/readme/README-ko.md

@@ -258,7 +258,7 @@ import style from './style.css?inline'; // 스타일을 인라인으로 가져
 
 import { createPlugin } from '@/utils';
 
-const builder = createPlugin({
+export default createPlugin({
   name: 'Plugin Label',
   restartNeeded: true, // 값이 true면, YTM은 재시작 다이얼로그를 표시합니다
   config: {
@@ -274,7 +274,7 @@ const builder = createPlugin({
 ```typescript
 import { createPlugin } from '@/utils';
 
-const builder = createPlugin({
+export default createPlugin({
   name: 'Plugin Label',
   restartNeeded: true, // 값이 true면, YTM은 재시작 다이얼로그를 표시합니다
   config: {

electron.vite.config.mts

@@ -11,6 +11,7 @@ import pluginLoader from './vite-plugins/plugin-loader.mjs';
 
 import type { UserConfig } from 'vite';
 import { i18nImporter } from './vite-plugins/i18n-importer.mjs';
+import solidPlugin from 'vite-plugin-solid';
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 
@@ -117,6 +118,7 @@ export default defineConfig({
           'virtual:i18n': i18nImporter(),
           'virtual:plugins': pluginVirtualModuleGenerator('renderer'),
         }),
+        solidPlugin(),
       ],
       root: './src/',
       build: {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "youtube-music",
   "productName": "YouTube Music",
-  "version": "3.1.1",
+  "version": "3.3.1",
   "description": "YouTube Music Desktop App - including custom plugins",
   "main": "./dist/main/index.js",
   "license": "MIT",
@@ -105,17 +105,17 @@
     "dev": "electron-vite dev --watch",
     "dev:debug": "cross-env ELECTRON_ENABLE_LOGGING=1 pnpm dev",
     "clean": "del-cli dist && del-cli pack && del-cli .vite-inspect",
-    "dist": "pnpm clean && pnpm build && electron-builder --win --mac --linux -p never",
-    "dist:linux": "pnpm clean && pnpm build && electron-builder --linux -p never",
-    "dist:mac": "pnpm clean && pnpm build && electron-builder --mac dmg:x64 -p never",
-    "dist:mac:arm64": "pnpm clean && pnpm build && electron-builder --mac dmg:arm64 -p never",
-    "dist:win": "pnpm clean && pnpm build && electron-builder --win -p never",
-    "dist:win:x64": "pnpm clean && pnpm build && electron-builder --win nsis-web:x64 -p never",
+    "dist": "pnpm clean && pnpm build && pnpm electron-builder --win --mac --linux -p never",
+    "dist:linux": "pnpm clean && pnpm build && pnpm electron-builder --linux -p never",
+    "dist:mac": "pnpm clean && pnpm build && pnpm electron-builder --mac dmg:x64 -p never",
+    "dist:mac:arm64": "pnpm clean && pnpm build && pnpm electron-builder --mac dmg:arm64 -p never",
+    "dist:win": "pnpm clean && pnpm build && pnpm electron-builder --win -p never",
+    "dist:win:x64": "pnpm clean && pnpm build && pnpm electron-builder --win nsis-web:x64 -p never",
     "lint": "eslint .",
     "changelog": "npx --yes auto-changelog",
-    "release:linux": "pnpm clean && pnpm build && electron-builder --linux -p always -c.snap.publish=github",
-    "release:mac": "pnpm clean && pnpm build && electron-builder --mac -p always",
-    "release:win": "pnpm clean && pnpm build && electron-builder --win -p always",
+    "release:linux": "pnpm clean && pnpm build && pnpm electron-builder --linux -p always -c.snap.publish=github",
+    "release:mac": "pnpm clean && pnpm build && pnpm electron-builder --mac -p always",
+    "release:win": "pnpm clean && pnpm build && pnpm electron-builder --win -p always",
     "typecheck": "tsc -p tsconfig.json --noEmit"
   },
   "engines": {
@@ -123,30 +123,34 @@
   },
   "pnpm": {
     "overrides": {
-      "esbuild": "0.18.20",
       "usocket": "1.0.1",
-      "rollup": "4.9.1",
       "node-gyp": "10.0.1",
       "xml2js": "0.6.2",
       "node-fetch": "3.3.2",
-      "@electron/universal": "2.0.0",
-      "@babel/runtime": "7.23.2"
+      "@electron/universal": "2.0.1",
+      "@babel/runtime": "7.23.8"
+    },
+    "patchedDependencies": {
+      "vudio@2.1.1": "patches/vudio@2.1.1.patch",
+      "@xhayper/discord-rpc@1.1.2": "patches/@xhayper__discord-rpc@1.1.2.patch"
     }
   },
   "dependencies": {
-    "@cliqz/adblocker-electron": "1.26.12",
-    "@cliqz/adblocker-electron-preload": "1.26.12",
+    "@cliqz/adblocker-electron": "1.26.15",
+    "@cliqz/adblocker-electron-preload": "1.26.15",
     "@electron-toolkit/tsconfig": "1.0.1",
-    "@electron/remote": "2.1.1",
+    "@electron/remote": "2.1.2",
     "@ffmpeg.wasm/core-mt": "0.12.0",
     "@ffmpeg.wasm/main": "0.12.0",
-    "@foobar404/wave": "2.0.4",
+    "@floating-ui/dom": "1.6.3",
+    "@foobar404/wave": "2.0.5",
     "@jellybrick/electron-better-web-request": "1.0.4",
     "@jellybrick/mpris-service": "2.1.4",
-    "@xhayper/discord-rpc": "1.1.1",
-    "async-mutex": "0.4.0",
+    "@xhayper/discord-rpc": "1.1.2",
+    "async-mutex": "0.4.1",
     "butterchurn": "3.0.0-beta.4",
     "butterchurn-presets": "3.0.0-beta.4",
+    "color": "4.2.3",
     "conf": "10.2.0",
     "custom-electron-prompt": "1.5.7",
     "dbus-next": "0.10.2",
@@ -162,49 +166,59 @@
     "filenamify": "6.0.0",
     "howler": "2.2.4",
     "html-to-text": "9.0.5",
-    "i18next": "23.7.11",
+    "i18next": "23.8.3",
     "keyboardevent-from-electron-accelerator": "2.0.0",
     "keyboardevents-areequal": "0.2.2",
-    "node-html-parser": "6.1.11",
+    "node-html-parser": "6.1.12",
     "node-id3": "0.2.6",
+    "peerjs": "1.5.2",
+    "semver": "7.6.0",
     "serve": "14.2.1",
     "simple-youtube-age-restriction-bypass": "github:organization/Simple-YouTube-Age-Restriction-Bypass#v2.5.9",
+    "solid-floating-ui": "0.3.1",
+    "solid-js": "1.8.15",
+    "solid-styled-components": "0.28.5",
+    "solid-transition-group": "0.2.3",
     "ts-morph": "21.0.1",
     "vudio": "2.1.1",
     "x11": "2.3.0",
-    "youtubei.js": "8.0.0"
+    "youtubei.js": "9.0.2"
   },
   "devDependencies": {
-    "@playwright/test": "1.41.0-alpha-dec-18-2023",
+    "@playwright/test": "1.41.2",
     "@total-typescript/ts-reset": "0.5.1",
+    "@types/color": "3.0.6",
     "@types/electron-localshortcut": "3.1.3",
     "@types/howler": "2.2.11",
     "@types/html-to-text": "9.0.4",
-    "@typescript-eslint/eslint-plugin": "6.14.0",
+    "@types/semver": "7.5.7",
+    "@typescript-eslint/eslint-plugin": "7.0.1",
     "bufferutil": "4.0.8",
     "builtin-modules": "3.3.0",
     "cross-env": "7.0.3",
     "del-cli": "5.1.0",
-    "electron": "28.0.0",
+    "discord-api-types": "0.37.70",
+    "electron": "28.2.3",
     "electron-builder": "24.9.1",
     "electron-devtools-installer": "3.2.0",
-    "electron-vite": "2.0.0-beta.1",
-    "esbuild": "0.18.20",
+    "electron-vite": "2.0.0",
+    "esbuild": "0.20.0",
     "eslint": "8.56.0",
     "eslint-import-resolver-exports": "1.0.0-beta.5",
     "eslint-import-resolver-typescript": "3.6.1",
     "eslint-plugin-import": "2.29.1",
-    "eslint-plugin-prettier": "5.0.1",
+    "eslint-plugin-prettier": "5.1.3",
     "glob": "10.3.10",
     "node-gyp": "10.0.1",
-    "playwright": "1.41.0-alpha-dec-18-2023",
-    "rollup": "4.9.1",
+    "playwright": "1.41.2",
+    "rollup": "4.12.0",
     "typescript": "5.3.3",
     "utf-8-validate": "6.0.3",
-    "vite": "5.0.10",
-    "vite-plugin-inspect": "0.8.1",
+    "vite": "5.1.3",
+    "vite-plugin-inspect": "0.8.3",
     "vite-plugin-resolve": "2.5.1",
-    "ws": "8.15.1"
+    "vite-plugin-solid": "2.10.1",
+    "ws": "8.16.0"
   },
   "auto-changelog": {
     "hideCredit": true,
@@ -212,5 +226,5 @@
     "unreleased": true,
     "output": "changelog.md"
   },
-  "packageManager": "pnpm@8.12.1"
+  "packageManager": "pnpm@8.15.3"
 }

patches/@xhayper__discord-rpc@1.1.2.patch

@@ -0,0 +1,17 @@
+diff --git a/package.json b/package.json
+index 40db5dfbd8a4455ce2987d8115eca9882e1f9f14..414fc6986b9c0cc288908eb0107b90c4bfd916b2 100644
+--- a/package.json
++++ b/package.json
+@@ -25,11 +25,7 @@
+     },
+     "dependencies": {
+         "axios": "^1.6.2",
+-        "ws": "^8.15.1"
+-    },
+-    "optionalDependencies": {
+-        "bufferutil": "^4.0.8",
+-        "utf-8-validate": "^6.0.3"
++        "ws": "^8.16.0"
+     },
+     "devDependencies": {
+         "@types/node": "^14.*",

patches/vudio@2.1.1.patch

@@ -0,0 +1,20 @@
+diff --git a/umd/vudio.js b/umd/vudio.js
+index d0d1127e57125ad4e77442af2db4a26998c7b385..c0b66bd4327c65c31dc6e588bfa4ae6ec70bd3b8 100644
+--- a/umd/vudio.js
++++ b/umd/vudio.js
+@@ -147,7 +147,6 @@
+ 
+             source.connect(this.analyser);
+             this.analyser.fftSize = this.option.accuracy * 2;
+-            this.analyser.connect(audioContext.destination);
+ 
+             this.freqByteData = new Uint8Array(this.analyser.frequencyBinCount);
+ 
+@@ -207,7 +206,6 @@
+ 
+             source.connect(this.analyser);
+             this.analyser.fftSize = this.option.accuracy * 2;
+-            this.analyser.connect(audioContext.destination);
+         },
+ 
+         __rebuildData : function (freqByteData, horizontalAlign) {

src/config/defaults.ts

@@ -32,6 +32,7 @@ export interface DefaultConfig {
     proxy: string;
     startingPage: string;
     overrideUserAgent: boolean;
+    usePodcastParticipantAsArtist: boolean;
     themes: string[];
   };
   plugins: Record<string, unknown>;
@@ -66,6 +67,7 @@ const defaultConfig: DefaultConfig = {
     proxy: '',
     startingPage: '',
     overrideUserAgent: false,
+    usePodcastParticipantAsArtist: false,
     themes: [],
   },
   'plugins': {},

src/config/index.ts

@@ -1,5 +1,5 @@
 import Store from 'electron-store';
-import { deepmerge } from 'deepmerge-ts';
+import { deepmergeCustom } from 'deepmerge-ts';
 
 import defaultConfig from './defaults';
 
@@ -8,6 +8,10 @@ import plugins from './plugins';
 
 import { restart } from '@/providers/app-controls';
 
+const deepmerge = deepmergeCustom({
+  mergeArrays: false,
+});
+
 const set = (key: string, value: unknown) => {
   store.set(key, value);
 };

src/config/store.ts

@@ -6,6 +6,55 @@ import defaults from './defaults';
 import { DefaultPresetList, type Preset } from '@/plugins/downloader/types';
 
 const migrations = {
+  '>=3.3.0'(store: Conf<Record<string, unknown>>) {
+    const lastfmConfig = store.get('plugins.lastfm') as {
+      enabled?: boolean;
+      token?: string;
+      session_key?: string;
+      api_root?: string;
+      api_key?: string;
+      secret?: string;
+    };
+    if (lastfmConfig) {
+      let scrobblerConfig = store.get(
+        'plugins.scrobbler',
+      ) as {
+        enabled?: boolean;
+        scrobblers?: {
+          lastfm?: {
+            enabled?: boolean;
+            token?: string;
+            sessionKey?: string;
+            apiRoot?: string;
+            apiKey?: string;
+            secret?: string;
+          };
+        };
+      } | undefined;
+
+      if (!scrobblerConfig) {
+        scrobblerConfig = {
+          enabled: lastfmConfig.enabled,
+        };
+      }
+
+      if (!scrobblerConfig.scrobblers) {
+        scrobblerConfig.scrobblers = {
+          lastfm: {},
+        };
+      }
+
+      scrobblerConfig.scrobblers.lastfm = {
+        enabled: lastfmConfig.enabled,
+        token: lastfmConfig.token,
+        sessionKey: lastfmConfig.session_key,
+        apiRoot: lastfmConfig.api_root,
+        apiKey: lastfmConfig.api_key,
+        secret: lastfmConfig.secret,
+      };
+      store.set('plugins.scrobbler', scrobblerConfig);
+    }
+  },
   '>=3.0.0'(store: Conf<Record<string, unknown>>) {
     const discordConfig = store.get('plugins.discord') as Record<
       string,

src/i18n/resources/bg.json

@@ -0,0 +1,46 @@
+{
+  "common": {
+    "console": {
+      "plugins": {
+        "execute-failed": "Неуспешно изпълнение на плъгин {{pluginName}}::{{contextName}}",
+        "executed-at-ms": "Плъгин {{pluginName}}::{{contextName}} изпълнет в {{ms}}ms",
+        "initialize-failed": "Неуспешна инициализация на плъгин \"{{pluginName}}\"",
+        "load-all": "Зареждане на всички плъгини",
+        "load-failed": "Неуспешно зареждане на плъгин \"{{pluginName}}\"",
+        "loaded": "Плъгин \"{{pluginName}}\" зареден",
+        "unload-failed": "Неуспешне разрездане на плъгин \"{{pluginName}}\"",
+        "unloaded": "Плъгин \"{{pluginName}}\" разреден"
+      }
+    }
+  },
+  "language": {
+    "code": "bg",
+    "local-name": "Български",
+    "name": "Bulgarian"
+  },
+  "main": {
+    "console": {
+      "did-finish-load": {
+        "dev-tools": "Завърши зареждането. DevTools отворени"
+      },
+      "i18n": {
+        "loaded": "i18n заредено"
+      },
+      "second-instance": {
+        "receive-command": "Получена команда чрез протокол: \"{{command}}\""
+      },
+      "theme": {
+        "css-file-not-found": "CSS файл \"{{cssFile}}\" не съществува, ингнорира се"
+      },
+      "unresponsive": {
+        "details": "Грешка без отговор!\n{{error}}"
+      },
+      "when-ready": {
+        "clearing-cache-after-20s": "Изчистване на кешът на аппа"
+      },
+      "window": {
+        "tried-to-render-offscreen": "Прозореца се опита да се изрисува извън екрана, windowSize={{windowSize}}, displaySize={{displaySize}}, position={{position}}"
+      }
+    }
+  }
+}

src/i18n/resources/cs.json

@@ -2,13 +2,14 @@
   "common": {
     "console": {
       "plugins": {
-        "execute-failed": "Selhalo execute pluginu {{pluginName}}::{{contextName}}",
-        "executed-at-ms": "Plugin {{pluginName}}::{{contextName}} executed at {{ms}}ms",
-        "initialize-failed": "Selhala initialize \"{{pluginName}}\" pluginu",
+        "execute-failed": "Selhalo spuštění pluginu {{pluginName}}::{{contextName}}",
+        "executed-at-ms": "Plugin {{pluginName}}::{{contextName}} spuštěn za {{ms}}ms",
+        "initialize-failed": "Selhalo zapnutí \"{{pluginName}}\" pluginu",
         "load-all": "Načítání všech pluginů",
         "load-failed": "Selhalo načtení \"{{pluginName}}\" pluginu",
         "loaded": "Plugin \"{{pluginName}}\" načten",
-        "unload-failed": "Selhalo unload \"{{pluginName}}\" pluginu"
+        "unload-failed": "Selhalo unload \"{{pluginName}}\" pluginu",
+        "unloaded": "Plugin {{pluginName}} byl odnačten"
       }
     }
   },
@@ -32,20 +33,20 @@
         "css-file-not-found": "CSS soubor \"{{cssFile}}\" neexistuje, ignorováno"
       },
       "unresponsive": {
-        "details": "Unresponsive chyba!\n{{error}}"
+        "details": "Chyba - Aplikace nereaguje!\n{{error}}"
       },
       "when-ready": {
         "clearing-cache-after-20s": "Čištění mezipaměti aplikace"
       },
       "window": {
-        "tried-to-render-offscreen": "Okno se pokusilo render na pozadí, Velikost okna ={{windowSize}}, displaySize={{displaySize}}, position={{position}}"
+        "tried-to-render-offscreen": "Okno se pokusilo vykreslit na pozadí, velikost okna = {{windowSize}}, display velikost = {{displaySize}}, pozice = {{position}}"
       }
     },
     "dialog": {
       "hide-menu-enabled": {
-        "detail": "Menu je skryté, stiskněte 'Alt' k zobrazení (nebo 'Escape', pokud používáte in-app-menu)",
-        "message": "Skrýt Menu je povoleno",
-        "title": "Skrýt Menu Povolené"
+        "detail": "Menu je skryté, stiskněte 'Alt' k jeho zobrazení (nebo 'Escape', pokud používáte in-app-menu)",
+        "message": "Skrýt menu je povoleno",
+        "title": "Skrýt menu Povolené"
       },
       "need-to-restart": {
         "buttons": {
@@ -72,9 +73,9 @@
           "download": "Stáhnout",
           "ok": "OK"
         },
-        "detail": "Nová verze je k dispozici a lze stáhnout na {{downloadLink}}",
+        "detail": "Nová verze je k dispozici a lze ji stáhnout na {{downloadLink}}",
         "message": "Nová verze je dostupná",
-        "title": "Aktualizace k dispozici"
+        "title": "Aktualizace je k dispozici"
       }
     },
     "menu": {
@@ -82,7 +83,7 @@
       "navigation": {
         "label": "Navigace",
         "submenu": {
-          "copy-current-url": "Kopírovat aktuální URL adresu",
+          "copy-current-url": "Zkopírovat aktuální URL adresu",
           "go-back": "Jít zpátky",
           "go-forward": "Jít dopředu",
           "quit": "Ukončit",
@@ -95,28 +96,28 @@
           "advanced-options": {
             "label": "Pokročilé možnosti",
             "submenu": {
-              "auto-reset-app-cache": "Při spuštění aplikace, se resetuje její mezipaměť",
+              "auto-reset-app-cache": "Při spuštění aplikace se resetuje její mezipaměť",
               "disable-hardware-acceleration": "Vypnout hardware zrychlení",
               "edit-config-json": "Upravit config.json",
-              "override-user-agent": "Přepsat User-Agent",
-              "restart-on-config-changes": "Restartovat na změny v konfiguraci",
+              "override-user-agent": "Přepsat uživatelského agenta",
+              "restart-on-config-changes": "Restartovat aplikaci na změny v konfiguraci",
               "set-proxy": {
                 "label": "Nastavit proxy",
                 "prompt": {
-                  "label": "Zadejte adresu proxy: (nechejte prázdné to disable)",
-                  "placeholder": "Příklad: socks5://127.0.0.1:9999",
+                  "label": "Zadejte adresu proxy: (k vypnutí nechte pole prázdné)",
+                  "placeholder": "Příklad: SOCKS5://127.0.0.1:9999",
                   "title": "Nastavit proxy"
                 }
               },
-              "toggle-dev-tools": "Toggle Vývojářské nástroje"
+              "toggle-dev-tools": "Přepínat vývojářské nástroje"
             }
           },
           "always-on-top": "Vždy na vrchu",
           "auto-update": "Automatické aktualizace",
           "hide-menu": {
             "dialog": {
-              "message": "Menu bude skryto na dalším launch, use [Alt] to show it (nebo backtick [`] pokud používáte in-app-menu)",
-              "title": "Skrýt Menu Povoleno"
+              "message": "Menu bude skryto na dalším spuštěním, použijte [Alt] k jeho zobrazení (nebo backtick [`] pokud používáte in-app-menu)",
+              "title": "Skrýt menu Povoleno"
             },
             "label": "Skrýt menu"
           },
@@ -130,15 +131,17 @@
               "to-help-translate": "Chcete pomoc s překladem? Klikněte zde"
             }
           },
-          "resume-on-start": "Resume poslední písničku při spuštění aplikace",
+          "resume-on-start": "Při spuštění aplikace, pokračovat na poslední písničce",
           "single-instance-lock": "Zámek pro jednu instanci",
+          "start-at-login": "Zapnutí aplikace po přihlášení",
           "starting-page": {
             "label": "Úvodní stránka",
             "unset": "Nenastaveno"
           },
           "tray": {
+            "label": "Tray",
             "submenu": {
-              "disabled": "Vypnuté",
+              "disabled": "Vypnuto",
               "enabled-and-hide-app": "Povolit a skrýt aplikaci",
               "enabled-and-show-app": "Enabled a show aplikaci",
               "play-pause-on-click": "Přehrát/Pozastavit na kliknutí"
@@ -149,15 +152,15 @@
             "submenu": {
               "like-buttons": {
                 "default": "Výchozí",
-                "force-show": "Vynutit show",
-                "hide": "Schovat",
+                "force-show": "Vynutit zobrazení",
+                "hide": "Skrýt",
                 "label": "Like tlačítka"
               },
               "remove-upgrade-button": "Odebrat upgrade tlačítko",
               "theme": {
                 "label": "Motiv",
                 "submenu": {
-                  "import-css-file": "Import vlastní CSS soubor",
+                  "import-css-file": "Vložit vlastní CSS soubor",
                   "no-theme": "Žádný motiv"
                 }
               }
@@ -167,14 +170,15 @@
       },
       "plugins": {
         "enabled": "Povoleno",
-        "label": "Pluginy"
+        "label": "Pluginy",
+        "new": "NOVÉ"
       },
       "view": {
         "label": "Zobrazení",
         "submenu": {
           "force-reload": "Vynutit znovu načtení",
           "reload": "Obnovit",
-          "reset-zoom": "Actual velikost",
+          "reset-zoom": "Skutečná velikost",
           "toggle-fullscreen": "Přepnout režim celé obrazovky",
           "zoom-in": "Přiblížit",
           "zoom-out": "Oddálit"
@@ -187,7 +191,7 @@
       "previous": "Minulý",
       "quit": "Ukončit",
       "restart": "Restartovat aplikaci",
-      "show": "Ukázat okno"
+      "show": "Zobrazit okno"
     }
   },
   "plugins": {
@@ -198,14 +202,19 @@
       },
       "name": "Blokovač reklam"
     },
+    "album-actions": {
+      "description": "Přidává Undislike, Dislike, Like, a Unlike tlačítka k apply this ke všem písničkám v seznamu písniček nebo albumu.",
+      "name": "Album akce"
+    },
     "album-color-theme": {
-      "description": "Použije dynamický motiv a vizuální efekty na základě palety barev alba",
+      "description": "Používá dynamický motiv a vizuální efekty na základě palety barev alba",
       "name": "Motiv podle barvy Alba"
     },
     "ambient-mode": {
-      "description": "Applies a lighting efekty pomocí casting gentle barvy z videa, do vašeho screen’s pozadí.",
+      "description": "Applies bleskové efekty pomocí casting jemných barev z videa, do vašeho pozadí obrazovky.",
       "menu": {
         "blur-amount": {
+          "label": "Množství rozmazání",
           "submenu": {
             "pixels": "{{blurAmount}} pixelů"
           }
@@ -237,18 +246,22 @@
         "smoothness-transition": {
           "label": "Plynulý přechod",
           "submenu": {
-            "during": "Během {{interpolationTime}}s"
+            "during": "Během {{interpolationTime}} s"
           }
+        },
+        "use-fullscreen": {
+          "label": "Používání režimu celé obrazovky"
         }
       },
       "name": "Ambientní režim"
     },
     "audio-compressor": {
+      "description": "Apply compression k audiu (snižuje hlasitost nejhlasitěších částí signálu and zvyšuje hlasitost nejjemnějších částí)",
       "name": "Audio kompresor"
     },
     "blur-nav-bar": {
-      "description": "Udělá navigační panel průhledným a rozmazaným",
-      "name": "Rozmazaný navigační Bar"
+      "description": "Udělá navigační panel průhledný a rozmazaný",
+      "name": "Rozmazaný navigační panel"
     },
     "bypass-age-restrictions": {
       "description": "Obejít ověření věku na YouTube",
@@ -273,15 +286,15 @@
       }
     },
     "compact-sidebar": {
-      "description": "Vždy set the sidebar v kompaktním režimu",
-      "name": "Kompaktní Sidebar"
+      "description": "Vždy nastavit postranní panel do kompaktního režimu",
+      "name": "Kompaktní postranní panel"
     },
     "crossfade": {
-      "description": "Crossfade mezi písničkami",
+      "description": "Prolínání mezi písničkami",
       "menu": {
         "advanced": "Pokročilý"
       },
-      "name": "Prolínání [beta]",
+      "name": "Prolínání [Beta]",
       "prompt": {
         "options": {
           "multi-input": {
@@ -296,26 +309,35 @@
       }
     },
     "disable-autoplay": {
+      "description": "Spustí písničku v režimu \"pozastaveno\"",
       "menu": {
         "apply-once": "Applies jenom na spuštění aplikace"
       },
-      "name": "Zrušit automatické přehrávání"
+      "name": "Vypnout automatické přehrávání"
     },
     "discord": {
       "backend": {
+        "already-connected": "Pokusilo se spojit s aktivním spojením",
         "connected": "Připojeno k Discordu",
         "disconnected": "Odpojeno od Discordu"
       },
-      "description": "Ukažte svým přátelům, co posloucháte s Rich Presence",
+      "description": "Ukažte svým přátelům, co posloucháte s Bohatou přítomností",
       "menu": {
+        "auto-reconnect": "Automaticky znovu připojit",
+        "clear-activity": "Vymazat aktivitu",
+        "clear-activity-after-timeout": "Vymazat aktivitu po timeout",
         "connected": "Připojeno",
         "disconnected": "Odpojeno",
+        "hide-duration-left": "Skrýt zbývající duration",
         "hide-github-button": "Skrýt tlačítko s odkazem na GitHub",
-        "play-on-youtube-music": "Hrát na YouTube Music"
+        "play-on-youtube-music": "Hrát na YouTube Music",
+        "set-inactivity-timeout": "Nastavit timeout pro neaktivitu"
       },
+      "name": "Discord Bohatá přítomnost",
       "prompt": {
         "set-inactivity-timeout": {
-          "label": "Zadejte inactivity timeout v sekundách:"
+          "label": "Zadejte timeout neaktivity v sekundách:",
+          "title": "Nastavit timeout pro neaktivitu"
         }
       }
     },
@@ -334,70 +356,122 @@
               "ok": "OK"
             },
             "detail": "({{playlistSize}} písničky)",
-            "message": "Stahování seznamu skladeb {{playlistTitle}}",
+            "message": "Stahování seznamu písniček {{playlistTitle}}",
             "title": "Stahování začalo"
           }
         },
         "feedback": {
+          "conversion-progress": "Konverze: {{percent}}%",
           "done": "Hotovo: {{filePath}}",
           "download-info": "Stahování {{artist}} - {{title}} [{{videoId}}",
           "download-progress": "Stahování: {{percent}}%",
           "downloading": "Stahování…",
           "downloading-counter": "Stahování {{current}}/{{total}}…",
-          "downloading-playlist": "Stahování seznamu skladeb \"{{playlistTitle}}\" - {{playlistSize}} písničky ({{playlistId}})",
+          "downloading-playlist": "Stahování seznamu písniček \"{{playlistTitle}}\" - {{playlistSize}} písničky ({{playlistId}})",
           "error-while-downloading": "Chyba při stahování \"{{author}} - {{title}}\": {{error}}",
           "folder-already-exists": "Složka {{playlistFolder}} již existuje",
-          "getting-playlist-info": "Getting informace o seznamu skladeb…",
+          "getting-playlist-info": "Získávání informací o seznamu písniček…",
           "loading": "Načítání…",
-          "playlist-has-only-one-song": "Seznam skladeb má pouze jednu položku, downloading it directly",
-          "playlist-id-not-found": "Žádné ID seznamu skladeb nenalezeno",
-          "playlist-is-empty": "Seznam skladeb je prázdný",
+          "playlist-has-only-one-song": "Seznam písniček má pouze jednu položku, stahuje se přímo",
+          "playlist-id-not-found": "Žádné ID seznamu písnček nenalezeno",
+          "playlist-is-empty": "Seznam písniček je prázdný",
+          "playlist-is-mix-or-private": "Chyba při získávání informací o seznamu písniček: ujistite se, že se nejedná o soukromý nebo \"Namíchaný pro vás\" seznam písniček\n\n{{error}}",
           "preparing-file": "Připravování souboru…",
           "saving": "Ukládání…",
-          "trying-to-get-playlist-id": "Trying to get ID seznamu skladeb: {{playlistId}}",
-          "video-id-not-found": "Video nebylo nalezeno"
+          "trying-to-get-playlist-id": "Trying se získat ID seznamu písniček: {{playlistId}}",
+          "video-id-not-found": "Video nebylo nalezeno",
+          "writing-id3": "Psaní ID3 značek…"
         }
       },
       "description": "Stahuje MP3 / source audio přímo z rozhraní",
       "menu": {
-        "choose-download-folder": "Vybrat download složku",
-        "download-playlist": "Stáhnout seznam skladeb",
+        "choose-download-folder": "Vybrat složku pro stahování",
+        "download-playlist": "Stáhnout seznam písniček",
+        "presets": "Předvolby",
         "skip-existing": "Přeskočit existující soubory"
       },
       "name": "Stahovač",
+      "renderer": {
+        "can-not-update-progress": "Progress nemůže být aktualizován"
+      },
       "templates": {
         "button": "Stáhnout"
       }
     },
     "exponential-volume": {
+      "description": "Dělá posuvník hlasitosti exponenciální, takže je snazší vybrat nižší hlasitost.",
       "name": "Exponenciální hlasitost"
     },
     "in-app-menu": {
-      "description": "Dává menu-bars a fancy, tmavý nebo album-color vzhled"
-    },
-    "last-fm": {
-      "description": "Přidat scrobbling podporu pro Last.fm",
-      "name": "Last.fm"
+      "description": "Dává menu panelům fancy, tmavý nebo album-color vzhled",
+      "menu": {
+        "hide-dom-window-controls": "Skrýt DOM window controls"
+      }
     },
     "lumiastream": {
-      "description": "Přidává Lumia Stream podporu"
+      "description": "Přidává Lumia Stream podporu",
+      "name": "Lumia Stream [Beta]"
     },
     "lyrics-genius": {
-      "description": "Přidat lyrics podporu pro většinu písniček",
+      "description": "Přidává lyrics podporu pro většinu písniček",
       "renderer": {
         "fetched-lyrics": "Fetched lyrics pro Genius"
       }
     },
+    "music-together": {
+      "description": "Sdílejte seznam písniček s ostatními. Když the host hraje písničku, uslyší jí i všichni ostatní.",
+      "dialog": {
+        "enter-host": "Zadejte Host ID"
+      },
+      "internal": {
+        "save": "Uložit",
+        "unknown-user": "Neznámý uživatel"
+      },
+      "menu": {
+        "click-to-copy-id": "Zkopírovat Host ID",
+        "close": "Zavřít Hudba Spolu",
+        "connected-users": "Připojení uživatelé",
+        "disconnect": "Odpojit od Hudby Spolu",
+        "empty-user": "Žadní připojení uživatelé",
+        "host": "Hudba Spolu Host",
+        "join": "Připojit se k Hudbě Spolu",
+        "permission": {
+          "all": "Povolit hostům ovládat seznam písniček a přehrávač",
+          "host-only": "Jenom host může ovládat seznam písniček a přehrávač",
+          "playlist": "Povolit hostům ovládat seznam písniček"
+        },
+        "set-permission": "Změnit ovládací oprávnění",
+        "status": {
+          "disconnected": "Odpojen",
+          "guest": "Připojený/á jako Guest",
+          "host": "Připojený/á jako Host"
+        }
+      },
+      "name": "Hudba Spolu [Beta]",
+      "toast": {
+        "add-song-failed": "Selhalo přidání písničky",
+        "closed": "Hudba Spolu zavřena",
+        "disconnected": "Hudba Spolu odpojena",
+        "host-failed": "Selhalo hostování Hudby Spolu",
+        "id-copied": "Host ID zkopírováno do schránky",
+        "join-failed": "Selhalo připojení k Hudba Spolu",
+        "joined": "Připojil/a jste se k Hudbě Spolu",
+        "permission-changed": "Oprávnění Hudby Spolu se změnilo na \"{{permission}}\"",
+        "remove-song-failed": "Selhalo odstranění písničky",
+        "user-connected": "{{name}} se připojil/a k Hudbě Spolu",
+        "user-disconnected": "{{name}} odpustil/a Hudba Spolu"
+      }
+    },
     "navigation": {
       "description": "Další/Zpátky navigační šipky přímo integrovány do rozhraní, jako ve vašem oblíbeném prohlížeči",
       "name": "Navigace"
     },
     "no-google-login": {
-      "description": "Odstranit Google login tlačítka a odkazy z rozhraní",
+      "description": "Odstranit tlačítka Google přihlášení a odkazy z rozhraní",
       "name": "Žádné Google přihlášení"
     },
     "notifications": {
-      "description": "Display oznámení when a písnička starts hraje (interactive notifications are available on Windows)",
+      "description": "Zobrazit oznámení, když písnička začne hrát (interaktivní notifikace jsou dostupné na Windows)",
       "menu": {
         "interactive": "Interaktivní oznámení",
         "interactive-settings": {
@@ -405,7 +479,7 @@
           "submenu": {
             "hide-button-text": "Skrýt text tlačítka",
             "refresh-on-play-pause": "Refresh na Přehrát/Pozastavit",
-            "tray-controls": "Otevřít/Zavřít on tray click"
+            "tray-controls": "Otevřít/Zavřít aplikaci na kliknutí na tray ikonu"
           }
         },
         "priority": "Priorita Oznámení",
@@ -414,6 +488,7 @@
       "name": "Oznámení"
     },
     "picture-in-picture": {
+      "description": "Povoluje switch aplikaci do režimu obrázek v obrázku",
       "menu": {
         "always-on-top": "Vždy na vrchu",
         "hotkey": {
@@ -422,8 +497,8 @@
             "keybind-options": {
               "hotkey": "Klávesová zkratka"
             },
-            "label": "Vybrat klávesovou zkratku pro toggle obrázek v obrázku",
-            "title": "Obrázek v obrázku klávesová zkratka"
+            "label": "Vybrat klávesovou zkratku pro přepínání obrázek v obrázku",
+            "title": "klávesová zkratka pro obrázek v obrázku"
           }
         },
         "save-window-position": "Uložit pozici okna",
@@ -436,14 +511,16 @@
       }
     },
     "playback-speed": {
-      "description": "Posloiuchej rychle, poslouchej pomalu! Adds a slider, který kontroluje rychlost písníčky",
+      "description": "Poslouchej rychle, poslouchej pomalu! Přidává slider, který kontroluje rychlost písníčky",
       "name": "Rychlost přehrávání",
       "templates": {
         "button": "Rychlost"
       }
     },
     "precise-volume": {
+      "description": "Přesná kontrola hlasitosti pomocí kolečka myši/klávesnicových zkratek, s vlastní HUD a customizable hlasitostních steps",
       "menu": {
+        "custom-volume-steps": "Nastavit vlastní hlasitostní steps",
         "global-shortcuts": "Globální klávesové zkratky"
       },
       "name": "Přesná hlasitost",
@@ -452,7 +529,13 @@
           "keybind-options": {
             "decrease": "Snížit hlasitost",
             "increase": "Zvýšit hlasitost"
-          }
+          },
+          "label": "Vybrat globální klávesnicové zkratky:",
+          "title": "Globální klávesnicové zkratky hlasitosti"
+        },
+        "volume-steps": {
+          "label": "Vybrat Zvýšení/Snížení hlasitost Steps",
+          "title": "Hlasitostní steps"
         }
       }
     },
@@ -465,11 +548,15 @@
             "title": "Vybrat kvalitu videa"
           }
         }
-      }
+      },
+      "description": "Umožňuje měnit kvalitu videa pomocí tlačítka na video overlay",
+      "name": "Měnič kvality videa"
     },
     "shortcuts": {
+      "description": "Dovoluje nastavit globální klávesové zkratky pro playback (přehrát/pozastavit/další/předchozí) a vypínání media OSD pomocí přepisování media klíčů, zapínání Ctrl/CMD + F k vyhledávání, zapínání Linux MPRIS podporu pro media klíče, a vlastní klávesové zkratky pro pokročilé uživatele.",
       "menu": {
-        "override-media-keys": "Přepsat Media Keys"
+        "override-media-keys": "Přepsat media klíče",
+        "set-keybinds": "Nastavit globální Controls písniček"
       },
       "name": "Zkratky (& MPRIS)",
       "prompt": {
@@ -478,19 +565,26 @@
             "next": "Další",
             "play-pause": "Přehrát / Pozastavit",
             "previous": "Předchozí"
-          }
+          },
+          "label": "Vybrat globální klávesnicové zkratky pro ovládání písniček:",
+          "title": "Globální klávesnicové zkratky"
         }
       }
     },
+    "skip-disliked-songs": {
+      "description": "Přeskakovat disliked písničky",
+      "name": "Přeskočit Disliked písničky"
+    },
     "skip-silences": {
       "description": "Automaticky přeskakovat tichá místa v písničkách",
-      "name": "Přeskočit Tichá místa"
+      "name": "Přeskakovat Tichá místa"
     },
     "sponsorblock": {
-      "description": "Automaticky přeskakuje non-music části jako intro/outro nebo části of music videos, kde nehraje písnčka"
+      "description": "Automaticky přeskakuje nehudební části jako intro/outro nebo části hudebních videí, kde nehraje písnčka",
+      "name": "SponsorBlock"
     },
     "taskbar-mediacontrol": {
-      "description": "Ovládejte přehrávání z vašeho hlavního panelu Windows",
+      "description": "Ovládejte přehrávání z vašeho Windows hlavního panelu",
       "name": "Hlavní panel Media Control"
     },
     "touchbar": {
@@ -498,10 +592,11 @@
       "name": "Touch Bar"
     },
     "tuna-obs": {
-      "description": "Integrace s OBS's plugin Tuna"
+      "description": "Integrace s OBS's plugin Tuna",
+      "name": "Tuna OBS"
     },
     "video-toggle": {
-      "description": "Přidává tlačítko switch mezi videem/písničkou mode. Může také optionally remove celou video kartu",
+      "description": "Přidává tlačítko k switch mezi video/písničko režimem. Může také odstranit celou video kartu",
       "menu": {
         "align": {
           "label": "Zarovnání",
@@ -513,9 +608,15 @@
         },
         "force-hide": "Vynutit odstranění karty videa",
         "mode": {
-          "label": "Režim"
+          "label": "Režim",
+          "submenu": {
+            "custom": "Vlastní přepínač",
+            "disabled": "Vypnuto",
+            "native": "Původní přepínač"
+          }
         }
       },
+      "name": "Přepínač videa",
       "templates": {
         "button": "Písnička"
       }

src/i18n/resources/de.json

@@ -170,7 +170,8 @@
       },
       "plugins": {
         "enabled": "Aktiviert",
-        "label": "Erweiterungen"
+        "label": "Erweiterungen",
+        "new": "NEU"
       },
       "view": {
         "label": "Ansicht",
@@ -190,7 +191,11 @@
       "previous": "Vorheriges",
       "quit": "Beenden",
       "restart": "Anwendung neu starten",
-      "show": "Fenster anzeigen"
+      "show": "Fenster anzeigen",
+      "tooltip": {
+        "default": "YouTube Musik",
+        "with-song-info": "YouTube Musik: {{artist}} - {{title}}"
+      }
     }
   },
   "plugins": {
@@ -201,12 +206,16 @@
       },
       "name": "Werbeblocker"
     },
+    "album-actions": {
+      "description": "Fügt Undislike, Dislike, Like und Unlike-Knöpfe hinzu, welche sich auf alle Lieder in einer Playlist oder Album auswirken",
+      "name": "Album-Aktionen"
+    },
     "album-color-theme": {
       "description": "Wendet ein dynamisches Farbthema und visuelle Effekte auf Basis der Farbpalette des Albumcovers an",
       "name": "Thema aus Albumfarbe"
     },
     "ambient-mode": {
-      "description": "Fügt einen Lichteffekt durch sanftes Abstreifen der Farben des Videos in deinen Bildschirmhintergrund hinzu.",
+      "description": "Fügt einen Lichteffekt durch sanftes Abstreifen der Farben des Videos in deinen Bildschirmhintergrund hinzu",
       "menu": {
         "blur-amount": {
           "label": "Unschärfemenge",
@@ -408,10 +417,6 @@
       },
       "name": "In-App Menü"
     },
-    "last-fm": {
-      "description": "Scrobbling-Unterstützung für Last.fm hinzufügen",
-      "name": "Last.fm"
-    },
     "lumiastream": {
       "description": "Fügt Unterstützung für Lumia Stream hinzu",
       "name": "Lumia Stream [Beta]"
@@ -426,6 +431,52 @@
         "fetched-lyrics": "Liedtexte für Genius abgerufen"
       }
     },
+    "music-together": {
+      "description": "Teile eine Wiedergabeliste mit anderen. Wenn der Host ein Lied abspielt, hören alle anderen das gleiche Lied",
+      "dialog": {
+        "enter-host": "Host ID eingeben"
+      },
+      "internal": {
+        "save": "Speichern",
+        "track-source": "Quelle verfolgen",
+        "unknown-user": "Unbekannter Nutzer"
+      },
+      "menu": {
+        "click-to-copy-id": "Host ID kopieren",
+        "close": "Music Together schließen",
+        "connected-users": "Verbundene Benutzer",
+        "disconnect": "Verbindung zu Music Together trennen",
+        "empty-user": "Keine verbundenen Benutzer",
+        "host": "Host für Music Together",
+        "join": "Music Together beitreten",
+        "permission": {
+          "all": "Gästen erlauben, Wiederhabeliste und Player zu bedienen",
+          "host-only": "Nur der Host kann die Playlist und den Player kontrollieren",
+          "playlist": "Gäste das Kontrollieren der Playlist erlauben"
+        },
+        "set-permission": "Kontrollberechtigung ändern",
+        "status": {
+          "disconnected": "Verbindung getrennt",
+          "guest": "Als Gast verbunden",
+          "host": "Als Host verbunden"
+        }
+      },
+      "name": "Music Together [Beta]",
+      "toast": {
+        "add-song-failed": "Song hinzufügen gescheitert",
+        "closed": "Music Together geschlossen",
+        "disconnected": "Verbindung zu Music Together getrennt",
+        "host-failed": "Hosten von Music Together gescheitert",
+        "id-copied": "Host ID in die Zwischenablage kopiert",
+        "id-copy-failed": "Kopieren der Host ID in die Zwischenablage gescheitert",
+        "join-failed": "Beitreten zu Music Together gescheitert",
+        "joined": "Music Together beigetreten",
+        "permission-changed": "Music Together-Berechtigung zu \"{{permission}}\" geändert",
+        "remove-song-failed": "Entfernen des Liedes gescheitert",
+        "user-connected": "{{name}} ist Music Together beigetreten",
+        "user-disconnected": "{{name}} hat Music Together verlassen"
+      }
+    },
     "navigation": {
       "description": "Vorwärts/Zurück Navigationspfeile direkt in die Oberfläche integriert - wie in deinem geliebten Browser",
       "name": "Navigation"
@@ -518,6 +569,29 @@
       "description": "Erlaubt die Videoqualität über einen Knopf auf dem Video",
       "name": "Videoqualitätsänderer"
     },
+    "scrobbler": {
+      "description": "Scrobbling-Unterstützung aktivieren (z.B. für last.fm, Listenbrainz)",
+      "menu": {
+        "lastfm": {
+          "api-settings": "Last.fm API Einstellungen"
+        },
+        "listenbrainz": {
+          "token": "ListenBrainz-Benutzer-Token eintragen"
+        }
+      },
+      "name": "Scrobbler",
+      "prompt": {
+        "lastfm": {
+          "api-key": "Last.fm API-Schlüssel",
+          "api-secret": "Last.fm API secret"
+        },
+        "listenbrainz": {
+          "token": {
+            "label": "ListenBrainz-Benutzer-Token eintragen"
+          }
+        }
+      }
+    },
     "shortcuts": {
       "description": "Ermöglicht das Festlegen globaler Hotkeys für die Wiedergabe (Abspielen/Pause/Nächster/Vorheriger) + Deaktivieren des Medien-OSD durch Überschreiben der Medientasten + Aktivieren von Strg/CMD + F zum Suchen + Aktivieren der Linux mpris-Unterstützung für Medientasten + Angepasste Tastenkürzel für fortgeschrittene Benutzer.",
       "menu": {

src/i18n/resources/el.json

@@ -199,9 +199,6 @@
         "button": "Download"
       }
     },
-    "last-fm": {
-      "name": "Last.fm"
-    },
     "navigation": {
       "name": "Navigation"
     },

src/i18n/resources/en.json

@@ -170,7 +170,8 @@
       },
       "plugins": {
         "enabled": "Enabled",
-        "label": "Plugins"
+        "label": "Plugins",
+        "new": "NEW"
       },
       "view": {
         "label": "View",
@@ -190,7 +191,11 @@
       "previous": "Previous",
       "quit": "Exit",
       "restart": "Restart App",
-      "show": "Show window"
+      "show": "Show window",
+      "tooltip": {
+        "default": "YouTube Music",
+        "with-song-info": "YouTube Music: {{artist}} - {{title}}"
+      }
     }
   },
   "plugins": {
@@ -199,14 +204,26 @@
       "menu": {
         "blocker": "Blocker"
       },
-      "name": "Adblocker"
+      "name": "Ad Blocker"
+    },
+    "album-actions": {
+      "description": "Adds Undislike, Dislike, Like, and Unlike buttons to apply this to all songs in a playlist or album",
+      "name": "Album Actions"
     },
     "album-color-theme": {
       "description": "Applies a dynamic theme and visual effects based on the album color palette",
-      "name": "Album Color Theme"
+      "name": "Album Color Theme",
+      "menu": {
+        "color-mix-ratio": {
+          "label": "Color mix ratio",
+          "submenu": {
+            "percent": "{{ratio}}%"
+          }
+        }
+      }
     },
     "ambient-mode": {
-      "description": "Applies a lighting effect by casting gentle colors from the video, into your screen’s background.",
+      "description": "Applies a lighting effect by casting gentle colors from the video, into your screen’s background",
       "menu": {
         "blur-amount": {
           "label": "Blur amount",
@@ -289,7 +306,7 @@
       "menu": {
         "advanced": "Advanced"
       },
-      "name": "Crossfade [beta]",
+      "name": "Crossfade [Beta]",
       "prompt": {
         "options": {
           "multi-input": {
@@ -408,13 +425,9 @@
       },
       "name": "In-App Menu"
     },
-    "last-fm": {
-      "description": "Add scrobbling support for Last.fm",
-      "name": "Last.fm"
-    },
     "lumiastream": {
       "description": "Adds Lumia Stream support",
-      "name": "Lumia Stream [beta]"
+      "name": "Lumia Stream [Beta]"
     },
     "lyrics-genius": {
       "description": "Adds lyrics support for most songs",
@@ -426,6 +439,52 @@
         "fetched-lyrics": "Fetched lyrics for Genius"
       }
     },
+    "music-together": {
+      "description": "Share a playlist with others. When the host plays a song, everyone else will hear the same song",
+      "dialog": {
+        "enter-host": "Enter Host ID"
+      },
+      "internal": {
+        "save": "Save",
+        "track-source": "Track Source",
+        "unknown-user": "Unknown User"
+      },
+      "menu": {
+        "click-to-copy-id": "Copy Host ID",
+        "close": "Close Music Together",
+        "connected-users": "Connected Users",
+        "disconnect": "Disconnect Music Together",
+        "empty-user": "No connected users",
+        "host": "Music Together Host",
+        "join": "Join Music Together",
+        "permission": {
+          "all": "Allow guests to control playlist and player",
+          "host-only": "Only the host can control playlist and player",
+          "playlist": "Allow guests to control playlist"
+        },
+        "set-permission": "Change Control Permission",
+        "status": {
+          "disconnected": "Disconnected",
+          "guest": "Connected as Guest",
+          "host": "Connected as Host"
+        }
+      },
+      "name": "Music Together [Beta]",
+      "toast": {
+        "add-song-failed": "Failed to add song",
+        "closed": "Music Together closed",
+        "disconnected": "Music Together disconnected",
+        "host-failed": "Failed to host Music Together",
+        "id-copied": "Host ID copied to clipboard",
+        "id-copy-failed": "Failed to copy Host ID to clipboard",
+        "join-failed": "Failed to join Music Together",
+        "joined": "Joined Music Together",
+        "permission-changed": "Music Together permission changed to \"{{permission}}\"",
+        "remove-song-failed": "Failed to remove song",
+        "user-connected": "{{name}} joined Music Together",
+        "user-disconnected": "{{name}} left Music Together"
+      }
+    },
     "navigation": {
       "description": "Next/Back navigation arrows directly integrated in the interface, like in your favorite browser",
       "name": "Navigation"
@@ -518,8 +577,33 @@
       "description": "Allows changing the video quality with a button on the video overlay",
       "name": "Video Quality Changer"
     },
+    "scrobbler": {
+      "description": "Add scrobbling support (etc. last.fm, Listenbrainz)",
+      "menu": {
+        "scrobble-other-media": "Scrobble other media",
+        "lastfm": {
+          "api-settings": "Last.fm API Settings"
+        },
+        "listenbrainz": {
+          "token": "Enter ListenBrainz user token"
+        }
+      },
+      "name": "Scrobbler",
+      "prompt": {
+        "lastfm": {
+          "api-key": "Last.fm API key",
+          "api-secret": "Last.fm API secret"
+        },
+        "listenbrainz": {
+          "token": {
+            "label": "Enter your ListenBrainz user token:",
+            "title": "ListenBrainz token"
+          }
+        }
+      }
+    },
     "shortcuts": {
-      "description": "Allows setting global hotkeys for playback (play/pause/next/previous) and turning off media OSD by overriding media keys, turning on Ctrl/CMD + F to search, turning on Linux MPRIS support for media keys, and custom hotkeys for advanced users.",
+      "description": "Allows setting global hotkeys for playback (play/pause/next/previous) and turning off media OSD by overriding media keys, turning on Ctrl/CMD + F to search, turning on Linux MPRIS support for media keys, and custom hotkeys for advanced users",
       "menu": {
         "override-media-keys": "Override Media Keys",
         "set-keybinds": "Set Global Song Controls"

src/i18n/resources/es.json

@@ -170,7 +170,8 @@
       },
       "plugins": {
         "enabled": "Habilitado",
-        "label": "Plugins"
+        "label": "Plugins",
+        "new": "NUEVO"
       },
       "view": {
         "label": "Ver",
@@ -190,7 +191,11 @@
       "previous": "Anterior",
       "quit": "Salir",
       "restart": "Reiniciar la aplicación",
-      "show": "Mostrar ventana"
+      "show": "Mostrar ventana",
+      "tooltip": {
+        "default": "YouTube Music",
+        "with-song-info": "YouTube Music: {{artist}} - {{title}}"
+      }
     }
   },
   "plugins": {
@@ -199,14 +204,26 @@
       "menu": {
         "blocker": "Bloqueador"
       },
-      "name": "Adblocker"
+      "name": "Bloqueador de anuncios"
+    },
+    "album-actions": {
+      "description": "Añade los botones \"No me gusta\", \"No me gusta\", \"Me gusta\" y \"No me gusta\" para aplicarlos a todas las canciones de una lista de reproducción o un álbum",
+      "name": "Acciones en el álbum"
     },
     "album-color-theme": {
       "description": "Aplica un tema dinámico y efectos visuales basados en la paleta de colores del álbum",
+      "menu": {
+        "color-mix-ratio": {
+          "label": "Proporción de la mezcla de color",
+          "submenu": {
+            "percent": "{{ratio}}%"
+          }
+        }
+      },
       "name": "Color del álbum"
     },
     "ambient-mode": {
-      "description": "Aplica un efecto de iluminación proyectando colores suaves del vídeo en el fondo de la pantalla.",
+      "description": "Aplica un efecto de iluminación mediante la proyección de colores suaves del vídeo en el fondo de la pantalla",
       "menu": {
         "blur-amount": {
           "label": "Cantidad de desenfoque",
@@ -289,7 +306,7 @@
       "menu": {
         "advanced": "Avanzado"
       },
-      "name": "Crossfade [beta]",
+      "name": "Crossfade [Beta]",
       "prompt": {
         "options": {
           "multi-input": {
@@ -408,13 +425,9 @@
       },
       "name": "Menú de aplicación"
     },
-    "last-fm": {
-      "description": "Añade soporte de scrobbling para Last.fm",
-      "name": "Last.fm"
-    },
     "lumiastream": {
       "description": "Agrega soporte para Lumia Stream",
-      "name": "Lumia Stream [beta]"
+      "name": "Lumia Stream [Beta]"
     },
     "lyrics-genius": {
       "description": "Añade el soporte para las letras para la mayoría de las canciones",
@@ -426,6 +439,52 @@
         "fetched-lyrics": "Letras recuperadas de Genius"
       }
     },
+    "music-together": {
+      "description": "Comparte una lista de reproducción con los demás. Cuando el anfitrión reproduzca una canción, todos los demás escucharán la misma",
+      "dialog": {
+        "enter-host": "Introduzca el ID del host"
+      },
+      "internal": {
+        "save": "Guardar",
+        "track-source": "Fuente de la pista",
+        "unknown-user": "Usuario desconocido"
+      },
+      "menu": {
+        "click-to-copy-id": "Copiar el ID del host",
+        "close": "Cerrar Music Together",
+        "connected-users": "Usuarios conectados",
+        "disconnect": "Desactivar Music Together",
+        "empty-user": "No hay usuarios conectados",
+        "host": "Host de Music Together",
+        "join": "Únase a Music Together",
+        "permission": {
+          "all": "Permite a los invitados controlar la lista de reproducción y el reproductor",
+          "host-only": "Sólo el anfitrión puede controlar la lista de reproducción y el reproductor",
+          "playlist": "Permita que los invitados controlen la lista de reproducción"
+        },
+        "set-permission": "Permiso de control de cambios",
+        "status": {
+          "disconnected": "Desconectado",
+          "guest": "Conectado como invitado",
+          "host": "Conectado como anfitrión"
+        }
+      },
+      "name": "Music Together [Beta]",
+      "toast": {
+        "add-song-failed": "No se puede añadir la canción",
+        "closed": "Music Together cerrado",
+        "disconnected": "Music Together desconectados",
+        "host-failed": "Fallo el host de Music Together",
+        "id-copied": "ID del host copiado en el portapapeles",
+        "id-copy-failed": "No se ha podido copiar el ID del host en el portapapeles",
+        "join-failed": "Fallo en la unión a Music Together",
+        "joined": "Unido a Music Together",
+        "permission-changed": "Permiso de Music Together cambiado a \"{{permission}}\"",
+        "remove-song-failed": "Error al eliminar la canción",
+        "user-connected": "{{name}} se unió a Music Together",
+        "user-disconnected": "{{name}} dejó Music Together"
+      }
+    },
     "navigation": {
       "description": "Flechas de navegación Siguiente/Atrás directamente integradas en la interfaz, como en tu navegador favorito",
       "name": "Navegación"
@@ -518,8 +577,33 @@
       "description": "Permite cambiar la calidad del vídeo con un botón sobre puesto en el vídeo",
       "name": "Ajustador de calidad de vídeo"
     },
+    "scrobbler": {
+      "description": "Añadir soporte para scrobbling (last.fm, Listenbrainz, etc.)",
+      "menu": {
+        "lastfm": {
+          "api-settings": "Ajustes de la API de Last.fm"
+        },
+        "listenbrainz": {
+          "token": "Introduzca el token de usuario de ListenBrainz"
+        },
+        "scrobble-other-media": "Scrobble en otros medios"
+      },
+      "name": "Scrobbler",
+      "prompt": {
+        "lastfm": {
+          "api-key": "Clave de la API de Last.fm",
+          "api-secret": "Clave secreta de la API de Last.fm"
+        },
+        "listenbrainz": {
+          "token": {
+            "label": "Introduzca su token de usuario de ListenBrainz:",
+            "title": "Token de ListenBrainz"
+          }
+        }
+      }
+    },
     "shortcuts": {
-      "description": "Permite configurar teclas de acceso rápido globales para la reproducción (reproducir/pausa/siguiente/anterior) y desactivar el OSD multimedia anulando las teclas multimedia, activar Ctrl/CMD + F para buscar, activar la compatibilidad con MPRIS de Linux para las teclas multimedia y teclas de acceso rápido personalizadas para usuarios avanzados.",
+      "description": "Permite configurar teclas de acceso rápido globales para la reproducción (reproducir/pausa/siguiente/anterior) y desactivar la OSD multimedia anulando las teclas multimedia, activar Ctrl/CMD + F para buscar, activar la compatibilidad con MPRIS de Linux para las teclas multimedia y teclas de acceso rápido personalizadas para usuarios avanzados",
       "menu": {
         "override-media-keys": "Anular teclas de medios",
         "set-keybinds": "Configurar controles globales de canciones"

src/i18n/resources/fr.json

@@ -170,7 +170,8 @@
       },
       "plugins": {
         "enabled": "Activé",
-        "label": "Extensions"
+        "label": "Extensions",
+        "new": "NOUVELLE"
       },
       "view": {
         "label": "Vue",
@@ -190,7 +191,11 @@
       "previous": "Précédent",
       "quit": "Quitter",
       "restart": "Redémarrer l'application",
-      "show": "Afficher la fenêtre"
+      "show": "Afficher la fenêtre",
+      "tooltip": {
+        "default": "YouTube Music",
+        "with-song-info": "YouTube Music: {{artist}} - {{title}}"
+      }
     }
   },
   "plugins": {
@@ -201,6 +206,10 @@
       },
       "name": "Bloqueur de publicités"
     },
+    "album-actions": {
+      "description": "Ajoute les boutons Dislike, Undislike, Like, et Unlike à appliquer sur toutes les chansons dans un playlist ou un album.",
+      "name": "Actions d'Album"
+    },
     "album-color-theme": {
       "description": "Applique un thème dynamique et des effets visuels basés sur la palette des couleurs de l'album",
       "name": "Thème de couleur d'album"
@@ -289,7 +298,7 @@
       "menu": {
         "advanced": "Avancé"
       },
-      "name": "Fondu enchaîné [bêta]",
+      "name": "Fondu enchaîné [Bêta]",
       "prompt": {
         "options": {
           "multi-input": {
@@ -408,13 +417,9 @@
       },
       "name": "Menu intégré à l'application"
     },
-    "last-fm": {
-      "description": "Ajouter le support du scrobbling pour Last.fm",
-      "name": "Last.fm"
-    },
     "lumiastream": {
       "description": "Ajoute la prise en charge de Lumia Stream",
-      "name": "Lumia Stream [bêta]"
+      "name": "Lumia Stream [Bêta]"
     },
     "lyrics-genius": {
       "description": "Ajoute la prise en charge des paroles pour la plupart des chansons",
@@ -538,7 +543,8 @@
       }
     },
     "skip-disliked-songs": {
-      "description": "Passer les musiques que je n'aime pas"
+      "description": "Passer les musiques que je n'aime pas",
+      "name": "Passer Chansons Déplaisantes"
     },
     "skip-silences": {
       "description": "Ignorer automatiquement les sections de silence dans les chansons",

src/i18n/resources/id.json

@@ -7,7 +7,9 @@
         "initialize-failed": "Gagal dalam menginisialisasi plugin \"{{pluginName}}\"",
         "load-all": "Memuat semua plugin",
         "load-failed": "Gagal memuat plugin \"{{pluginName}}\"",
-        "loaded": "Plugin \"{{pluginName}}\" dimuat"
+        "loaded": "Plugin \"{{pluginName}}\" dimuat",
+        "unload-failed": "Gagal untuk memuat plugin \"{{pluginName}}\"",
+        "unloaded": "Plugin \"{{pluginName}}\" telah dikeluarkan"
       }
     }
   },
@@ -15,5 +17,666 @@
     "code": "id",
     "local-name": "Bahasa Indonesia",
     "name": "Indonesian"
+  },
+  "main": {
+    "console": {
+      "did-finish-load": {
+        "dev-tools": "Selesai memuat. DevTools terbuka"
+      },
+      "i18n": {
+        "loaded": "i18n selesai dimuat"
+      },
+      "second-instance": {
+        "receive-command": "Menerima instruksi lewat protokol: \"{{command}}\""
+      },
+      "theme": {
+        "css-file-not-found": "CSS file \"{{cssFile}}\" tidak ada, mengabaikan"
+      },
+      "unresponsive": {
+        "details": "Kesalahan Tidak Responsif!\n{{error}}"
+      },
+      "when-ready": {
+        "clearing-cache-after-20s": "Menghapus cache aplikasi"
+      },
+      "window": {
+        "tried-to-render-offscreen": "Window mencoba membuat render di luar layar, windowUkuran={{windowSize}}, displaySize={{displaySize}}, posisi={{position}}"
+      }
+    },
+    "dialog": {
+      "hide-menu-enabled": {
+        "detail": "Menu tersembunyi, gunakan 'Alt' untuk menampilkannya (atau 'Escape' jika menggunakan Menu Dalam Aplikasi)",
+        "message": "Menu Sembunyikan diaktifkan",
+        "title": "Sembunyikan Menu Diaktifkan"
+      },
+      "need-to-restart": {
+        "buttons": {
+          "later": "Kemudian",
+          "restart-now": "Restart Sekarang"
+        },
+        "detail": "\"{{pluginName}}\" Plugin memerlukan pengaktifan ulang agar dapat diterapkan",
+        "message": "\"{{pluginName}}\" harus dimulai ulang",
+        "title": "Diperlukan Restart"
+      },
+      "unresponsive": {
+        "buttons": {
+          "quit": "Keluar",
+          "relaunch": "Luncurkan kembali",
+          "wait": "Tunggu"
+        },
+        "detail": "Kami mohon maaf atas ketidaknyamanan ini. silakan pilih apa yang harus dilakukan:",
+        "message": "Aplikasi Tidak Responsif",
+        "title": "Jendela Tidak Responsif"
+      },
+      "update-available": {
+        "buttons": {
+          "disable": "Nonaktifkan Pembaruan",
+          "download": "Unduh",
+          "ok": "OK"
+        },
+        "detail": "Versi baru tersedia dan dapat diunduh di {{downloadLink}}",
+        "message": "Versi baru tersedia",
+        "title": "Pembaruan Tersedia"
+      }
+    },
+    "menu": {
+      "about": "Tentang",
+      "navigation": {
+        "label": "Navigasi",
+        "submenu": {
+          "copy-current-url": "Salin URL saat ini",
+          "go-back": "Kembali",
+          "go-forward": "Maju",
+          "quit": "Keluar",
+          "restart": "Restart Aplikasi"
+        }
+      },
+      "options": {
+        "label": "Option",
+        "submenu": {
+          "advanced-options": {
+            "label": "Opsi lanjutan",
+            "submenu": {
+              "auto-reset-app-cache": "Mengatur ulang cache aplikasi saat aplikasi dimulai",
+              "disable-hardware-acceleration": "Menonaktifkan akselerasi perangkat keras",
+              "edit-config-json": "Ubah config.json",
+              "override-user-agent": "Mengesampingkan User-Agent",
+              "restart-on-config-changes": "Mulai ulang pada perubahan konfigurasi",
+              "set-proxy": {
+                "label": "Atur Proxy",
+                "prompt": {
+                  "label": "Masukkan Alamat Proxy: (biarkan kosong untuk menonaktifkan)",
+                  "placeholder": "Contoh: SOCKS5://127.0.0.1:9999",
+                  "title": "Atur proxy"
+                }
+              },
+              "toggle-dev-tools": "Beralih ke DevTools"
+            }
+          },
+          "always-on-top": "Selalu di atas",
+          "auto-update": "Pembaruan Otomatis",
+          "hide-menu": {
+            "dialog": {
+              "message": "Menu akan disembunyikan pada peluncuran berikutnya, gunakan [Alt] untuk menampilkannya (atau centang [`] jika menggunakan menu dalam aplikasi)",
+              "title": "Sembunyikan Menu Diaktifkan"
+            },
+            "label": "Sembunyikan Menu"
+          },
+          "language": {
+            "dialog": {
+              "message": "Bahasa akan berubah setelah restart",
+              "title": "Bahasa Berubah"
+            },
+            "label": "Bahasa",
+            "submenu": {
+              "to-help-translate": "Ingin membantu menerjemahkan? Klik di sini"
+            }
+          },
+          "resume-on-start": "Melanjutkan lagu terakhir saat aplikasi dimulai",
+          "single-instance-lock": "Kunci Instance Tunggal",
+          "start-at-login": "Mulai saat masuk",
+          "starting-page": {
+            "label": "Halaman awal",
+            "unset": "Tidak ditetapkan"
+          },
+          "tray": {
+            "label": "Bilah",
+            "submenu": {
+              "disabled": "Dinonaktifkan",
+              "enabled-and-hide-app": "Mengaktifkan dan menyembunyikan aplikasi",
+              "enabled-and-show-app": "Mengaktifkan dan menampilkan aplikasi",
+              "play-pause-on-click": "Putar/Jeda dengan klik"
+            }
+          },
+          "visual-tweaks": {
+            "label": "Penyesuaian Visual",
+            "submenu": {
+              "like-buttons": {
+                "default": "Standar",
+                "force-show": "Pertunjukan paksa",
+                "hide": "Sembunyikan",
+                "label": "Tombol suka"
+              },
+              "remove-upgrade-button": "Hapus tombol peningkatan",
+              "theme": {
+                "label": "Tema",
+                "submenu": {
+                  "import-css-file": "Impor file CSS khusus",
+                  "no-theme": "Tidak ada tema"
+                }
+              }
+            }
+          }
+        }
+      },
+      "plugins": {
+        "enabled": "Diaktifkan",
+        "label": "Plugin",
+        "new": "Baru"
+      },
+      "view": {
+        "label": "Lihat",
+        "submenu": {
+          "force-reload": "Paksa Reload",
+          "reload": "Muat ulang",
+          "reset-zoom": "Ukuran sebenarnya",
+          "toggle-fullscreen": "Alihkan Layar Penuh",
+          "zoom-in": "Perbesar",
+          "zoom-out": "Perkecil"
+        }
+      }
+    },
+    "tray": {
+      "next": "Selanjutnya",
+      "play-pause": "Putar/Jeda",
+      "previous": "Sebelumnya",
+      "quit": "Keluar",
+      "restart": "Restart aplikasi",
+      "show": "Tampilkan jendela",
+      "tooltip": {
+        "default": "YouTube Musik",
+        "with-song-info": "YouTube Music: {{artist}} - {{title}}"
+      }
+    }
+  },
+  "plugins": {
+    "adblocker": {
+      "description": "Blokir semua iklan dan pelacakan di luar kotak",
+      "menu": {
+        "blocker": "Pemblokir"
+      },
+      "name": "Pemblokir Iklan"
+    },
+    "album-actions": {
+      "description": "Tambah tombol Suka, Batal Suka, Tidak Suka dan Batal Tidak Suka untuk diterapkan ke semua lagu dalam daftar putar atau album",
+      "name": "Tindakan Album"
+    },
+    "album-color-theme": {
+      "description": "Menerapkan tema dinamis dan efek visual berdasarkan palet warna album",
+      "menu": {
+        "color-mix-ratio": {
+          "label": "Rasio campuran warna",
+          "submenu": {
+            "percent": "{{ratio}}%"
+          }
+        }
+      },
+      "name": "Tema Warna Album"
+    },
+    "ambient-mode": {
+      "description": "Menerapkan efek pencahayaan dengan memancarkan warna-warna lembut dari video, ke dalam latar belakang layar Anda",
+      "menu": {
+        "blur-amount": {
+          "label": "Jumlah kabur",
+          "submenu": {
+            "pixels": "{{blurAmount}} piksel"
+          }
+        },
+        "buffer": {
+          "label": "Buffer",
+          "submenu": {
+            "buffer": "{{buffer}}"
+          }
+        },
+        "opacity": {
+          "label": "Keburaman",
+          "submenu": {
+            "percent": "{{opacity}}%"
+          }
+        },
+        "quality": {
+          "label": "Kualitas",
+          "submenu": {
+            "pixels": "{{quality}} piksel"
+          }
+        },
+        "size": {
+          "label": "Ukuran",
+          "submenu": {
+            "percent": "{{size}}%"
+          }
+        },
+        "smoothness-transition": {
+          "label": "Kehalusan transisi",
+          "submenu": {
+            "during": "Selama {{interpolationTime}} s"
+          }
+        },
+        "use-fullscreen": {
+          "label": "Gunakan layar penuh"
+        }
+      },
+      "name": "Mode ambient"
+    },
+    "audio-compressor": {
+      "description": "Menerapkan kompresi pada audio (mengurangi volume pada bagian paling keras dari sinyal dan meningkatkan volume pada bagian paling lembut)",
+      "name": "Kompresi suara"
+    },
+    "blur-nav-bar": {
+      "description": "Jadikan bar navigasi blur dan transparan",
+      "name": "buramkan bar navigasi"
+    },
+    "bypass-age-restrictions": {
+      "description": "Lewati verifikasi umur dari YouTube",
+      "name": "Lewati batasan umur"
+    },
+    "captions-selector": {
+      "description": "pemilih caption untuk trek audio YouTube Music",
+      "menu": {
+        "autoload": "pilih caption terakhir secara otomatis",
+        "disable-captions": "bawaannya tanpa caption"
+      },
+      "name": "pemilih caption",
+      "prompt": {
+        "selector": {
+          "label": "bahasa caption yang dipakai sekarang: {{language}}",
+          "none": "tidak ada",
+          "title": "pilih bahasa caption"
+        }
+      },
+      "templates": {
+        "title": "buka pemilih caption"
+      }
+    },
+    "compact-sidebar": {
+      "description": "Selalu atur sidebar dalam mode kompak",
+      "name": "sidebar ringkas"
+    },
+    "crossfade": {
+      "description": "Crossfade antar lagu",
+      "menu": {
+        "advanced": "Lanjutan"
+      },
+      "name": "Crossfade [Beta]",
+      "prompt": {
+        "options": {
+          "multi-input": {
+            "fade-in-duration": "durasi fade in (ms)",
+            "fade-out-duration": "durasi fade out (ms)",
+            "fade-scaling": {
+              "label": "redup perlahan",
+              "linear": "Linear",
+              "logarithmic": "Logaritmik"
+            },
+            "seconds-before-end": "Crossfade N detik sebelum berakhir"
+          },
+          "title": "Pilihan crossfade"
+        }
+      }
+    },
+    "disable-autoplay": {
+      "description": "Buat lagu mulai dalam mode \"jeda\"",
+      "menu": {
+        "apply-once": "Hanya terapkan pada saat startup"
+      },
+      "name": "Matikan Autoplay"
+    },
+    "discord": {
+      "backend": {
+        "already-connected": "Percobaan untuk terhubung dengan koneksi yang aktif",
+        "connected": "Terhubung dengan Discord",
+        "disconnected": "Terputus dari Discord"
+      },
+      "description": "tunjukan apa yang kamu dengarkan dengan Rich Presence",
+      "menu": {
+        "auto-reconnect": "Reconnect otomatis",
+        "clear-activity": "Hapus riwayat aktifitas",
+        "clear-activity-after-timeout": "hapus riwayat aktifitas setelah timeout",
+        "connected": "terhubung",
+        "disconnected": "tidak terhubung",
+        "hide-duration-left": "sembunyikan sisa durasi",
+        "hide-github-button": "sembunyikan tombol link GitHub",
+        "play-on-youtube-music": "Mainkan di YouTube Music",
+        "set-inactivity-timeout": "Tetapkan batas waktu tidak aktif"
+      },
+      "name": "Rich Presence Discord",
+      "prompt": {
+        "set-inactivity-timeout": {
+          "label": "Masukkan batas waktu tidak aktif dalam detik:",
+          "title": "Tetapkan batas waktu tidak aktif"
+        }
+      }
+    },
+    "downloader": {
+      "backend": {
+        "dialog": {
+          "error": {
+            "buttons": {
+              "ok": "Oke"
+            },
+            "message": "Argh! Maaf, dowloadnya gagal…",
+            "title": "Downloadnya error!"
+          },
+          "start-download-playlist": {
+            "buttons": {
+              "ok": "Oke"
+            },
+            "detail": "({{playlistSize}} lagu-lagu)",
+            "message": "Mengunduh Playlist {{playlistTitle}}",
+            "title": "Download dimulai"
+          }
+        },
+        "feedback": {
+          "conversion-progress": "Konversi: {{percent}}%",
+          "converting": "Mengkonversi…",
+          "done": "Selesai: {{filePath}}",
+          "download-info": "Mengunduh {{artist}} - {{title}} {{videoId}}",
+          "download-progress": "Mengunduh: {{percent}}%",
+          "downloading": "Mengunduh…",
+          "downloading-counter": "Mengunduh {{current}}/{{total}}…",
+          "downloading-playlist": "Mengunduh playlist \"{{playlistTitle}}\" - {{playlistSize}} lagu ({{playlistId}})",
+          "error-while-downloading": "Gagal mengunduh \"{{author}} - {{title}}\": {{error}}",
+          "folder-already-exists": "Folder {{playlistFolder}} sudah ada",
+          "getting-playlist-info": "Mendapatkan informasi playlist…",
+          "loading": "Memuat…",
+          "playlist-has-only-one-song": "Daftar putar hanya memiliki satu item, mengunduhnya secara langsung",
+          "playlist-id-not-found": "ID playlist tidak ditemukan",
+          "playlist-is-empty": "Playlist kosong",
+          "playlist-is-mix-or-private": "Kesalahan mendapatkan info playlist: pastikan bukan playlist pribadi atau \"Campuran untuk Anda\"\n\n{{error}}",
+          "preparing-file": "Menyiapkan file…",
+          "saving": "Menyimpan…",
+          "trying-to-get-playlist-id": "Mencoba mendapatkan ID playlist: {{playlistId}}",
+          "video-id-not-found": "Video tidak ditemukan",
+          "writing-id3": "Menulis tanda ID3…"
+        }
+      },
+      "description": "Unduh MP3 / sumber suara secara langsung via antarmuka",
+      "menu": {
+        "choose-download-folder": "Pilih folder unduhan",
+        "download-playlist": "Unduh daftar putar",
+        "presets": "Prasetel",
+        "skip-existing": "Lewati berkas yang sudah ada"
+      },
+      "name": "Pengunduh",
+      "renderer": {
+        "can-not-update-progress": "Tidak dapat memperbarui proses"
+      },
+      "templates": {
+        "button": "Unduh"
+      }
+    },
+    "exponential-volume": {
+      "description": "Buat penggeser volume menjadi eksponen sehingga memudahkan memilih volume yang lebih rendah.",
+      "name": "Volume Eksponen"
+    },
+    "in-app-menu": {
+      "description": "Buat bilah-menu terlihat indah, gelap atau serupa dengan album",
+      "menu": {
+        "hide-dom-window-controls": "Sembunyikan DOM pengendali jendela"
+      },
+      "name": "Menu di Aplikasi"
+    },
+    "lumiastream": {
+      "description": "Tambah dukungan Lumia Stream",
+      "name": "Lumia Stream [Beta]"
+    },
+    "lyrics-genius": {
+      "description": "Tambah dukungan lirik untuk kebanyakan lagu",
+      "menu": {
+        "romanized-lyrics": "Romanisasi Lirik"
+      },
+      "name": "Lirik Genius",
+      "renderer": {
+        "fetched-lyrics": "Lirik yang diambil untuk Genius"
+      }
+    },
+    "music-together": {
+      "description": "Bagikan daftar putar dengan yang lain. Saat host memainkan lagu, semua orang akan mendengarkan lagu yang sama",
+      "dialog": {
+        "enter-host": "Masukkan ID Host"
+      },
+      "internal": {
+        "save": "Simpan",
+        "track-source": "Sumber Trek",
+        "unknown-user": "Pengguna Tidak Diketahui"
+      },
+      "menu": {
+        "click-to-copy-id": "Salin ID Host",
+        "close": "Tutup Musik Bersama",
+        "connected-users": "Pengguna Terhubung",
+        "disconnect": "Putuskan Musik Bersama",
+        "empty-user": "Tidak ada pengguna terhubung",
+        "host": "Host Musik Bersama",
+        "join": "Gabung Musik Bersama",
+        "permission": {
+          "all": "Izinkan tamu untuk mengendalikan daftar putar dan pemutar",
+          "host-only": "Hanya host yang dapat mengendalikan daftar putar dan pemutar",
+          "playlist": "Izinkan tamu untuk mengendalikan daftar putar"
+        },
+        "set-permission": "Ubah Pengendali Izin",
+        "status": {
+          "disconnected": "Terputus",
+          "guest": "Terhubung sebagai Tamu",
+          "host": "Terhubung sebagai Host"
+        }
+      },
+      "name": "Musik Bersama [Beta]",
+      "toast": {
+        "add-song-failed": "Gagal untuk menambahkan lagu",
+        "closed": "Musik Bersama ditutup",
+        "disconnected": "Musik Bersama terputus",
+        "host-failed": "Gagal untuk memulai Musik Bersama",
+        "id-copied": "ID Host tersalin ke papan klip",
+        "id-copy-failed": "Gagal menyalin ID Host ke papan klip",
+        "join-failed": "Gagal untuk bergabung ke Musik Bersama",
+        "joined": "Bergabung ke Musik Bersama",
+        "permission-changed": "Perizinan Musik Bersama diubah ke \"{{permission}}\"",
+        "remove-song-failed": "Gagal menghapus lagu",
+        "user-connected": "{{name}} bergabung ke Musik Bersama",
+        "user-disconnected": "{{name}} meninggalkan Musik Bersama"
+      }
+    },
+    "navigation": {
+      "description": "panah navigasi Selanjutnya/Sebelumnya terintegrasi pada antarmuka, layaknya peramban kesukaan Anda",
+      "name": "Navigasi"
+    },
+    "no-google-login": {
+      "description": "Hapus tombol dan tautan masuk Google dari antarmuka",
+      "name": "Tanpa Google Login"
+    },
+    "notifications": {
+      "description": "Tampilkan pemberitahuan saat lagu dimainkan (pemberitahuan interaktif tersedia di Windows)",
+      "menu": {
+        "interactive": "Pemberitahuan Interaktif",
+        "interactive-settings": {
+          "label": "Pengaturan Interaktif",
+          "submenu": {
+            "hide-button-text": "Sembunyikan teks tombol",
+            "refresh-on-play-pause": "Segarkan saat Putar/Jeda",
+            "tray-controls": "Buka/Tutup saat baki ditekan"
+          }
+        },
+        "priority": "Prioritas Pemberitahuan",
+        "toast-style": "Gaya Toast",
+        "unpause-notification": "Tampilkan pemberitahuan saat tidak dijeda"
+      },
+      "name": "Pemberitahuan"
+    },
+    "picture-in-picture": {
+      "description": "Izinkan untuk memindahkan aplikasi ke mode gambar-dalam-gambar",
+      "menu": {
+        "always-on-top": "Selalu di atas",
+        "hotkey": {
+          "label": "Pintasan",
+          "prompt": {
+            "keybind-options": {
+              "hotkey": "Pintasan"
+            },
+            "label": "Pilih pintasan untuk beralih ke gambar-dalam-gambar",
+            "title": "Pintasan gambar-dalam-gambar"
+          }
+        },
+        "save-window-position": "Simpan posisi jendela",
+        "save-window-size": "Simpan ukuran jendela",
+        "use-native-pip": "Gunakan PiP bawaan peramban"
+      },
+      "name": "Gambar-dalam-gambar",
+      "templates": {
+        "button": "Gambar-dalam-gambar"
+      }
+    },
+    "playback-speed": {
+      "description": "Dengarkan cepat, dengarkan perlahan! Tambahkan penggeser untuk mengendalikan kecepatan lagu",
+      "name": "Kecepatan Pemutar",
+      "templates": {
+        "button": "Kecepatan"
+      }
+    },
+    "precise-volume": {
+      "description": "Kendalikan volume secara presisi menggunakan roda tetikus/pintasan, dengan HUD kustom dan langkah volume yang dapat diatur",
+      "menu": {
+        "arrows-shortcuts": "Kendali Tombol Panah Lokal",
+        "custom-volume-steps": "Atur Langkah Volume Kustom",
+        "global-shortcuts": "Pintasan Global"
+      },
+      "name": "Volume Presisi",
+      "prompt": {
+        "global-shortcuts": {
+          "keybind-options": {
+            "decrease": "Kurangi Volume",
+            "increase": "Tingkatkan Volume"
+          },
+          "label": "Pilih Pintasan Volume Global:",
+          "title": "Pintasan Volume Global"
+        },
+        "volume-steps": {
+          "label": "Pilih Langkah Peningkatan/Pengurangan Volume",
+          "title": "Langkah Volume"
+        }
+      }
+    },
+    "quality-changer": {
+      "backend": {
+        "dialog": {
+          "quality-changer": {
+            "detail": "Kualitas Terkini: {{quality}}",
+            "message": "Pilih Kualitas Video:",
+            "title": "Pilih Kualitas Video"
+          }
+        }
+      },
+      "description": "Izinkan untuk mengubah kualitas video dengan tombol pada hamparan video",
+      "name": "Pengubah Kualitas Video"
+    },
+    "scrobbler": {
+      "description": "Tambahkan dukungan scrobbling (mis. last.fm, Listenbrainz)",
+      "menu": {
+        "lastfm": {
+          "api-settings": "Pengaturan API Last.fm"
+        },
+        "listenbrainz": {
+          "token": "Masukkan token pengguna ListenBrainz"
+        },
+        "scrobble-other-media": "Scrobble media lain"
+      },
+      "name": "Scrobbler",
+      "prompt": {
+        "lastfm": {
+          "api-key": "Kunci API Last.fm",
+          "api-secret": "Secret API Last.fm"
+        },
+        "listenbrainz": {
+          "token": {
+            "label": "Masukkan token pengguna ListenBrainz Anda:",
+            "title": "Token ListenBrainz"
+          }
+        }
+      }
+    },
+    "shortcuts": {
+      "description": "Izinkan pengaturan pintasan global untuk pemutar (main/jeda/selanjutnya/sebelumnya) dan mematikan OSD media dengan mengesampingkan tombol media, mengaktifkan Ctrl/CMD + F untuk pencarian, mengaktifkan dukungan MPRIS Linux untuk tombol media, dan tombol pintasan kustom untuk pengguna lanjutan",
+      "menu": {
+        "override-media-keys": "Timpa Tombol Media",
+        "set-keybinds": "Atur Pengendali Lagu Global"
+      },
+      "name": "Pintasan (& MPRIS)",
+      "prompt": {
+        "keybind": {
+          "keybind-options": {
+            "next": "Selanjutnya",
+            "play-pause": "Main / Jeda",
+            "previous": "Sebelumnya"
+          },
+          "label": "Pilih Pintasan Global untuk Pengendali Lagu:",
+          "title": "Pintasan Global"
+        }
+      }
+    },
+    "skip-disliked-songs": {
+      "description": "Lewati lagu yang tidak disukai",
+      "name": "Lewati Lagu yang Tidak Disukai"
+    },
+    "skip-silences": {
+      "description": "Otomatis lewati bagian hening dari lagu",
+      "name": "Lewati Keheningan"
+    },
+    "sponsorblock": {
+      "description": "Otomatis Melewati bagian yang bukan musik seperti intro/outro atau bagian dari video musik di mana lagu tidak dimainkan",
+      "name": "SponsorBlock"
+    },
+    "taskbar-mediacontrol": {
+      "description": "Kendalikan pemutaran dari bilah alat Windows",
+      "name": "Pengendali Media di Bilah Alat"
+    },
+    "touchbar": {
+      "description": "Tambahkan widget TouchBar untuk pengguna macOS",
+      "name": "TouchBar"
+    },
+    "tuna-obs": {
+      "description": "Integrasi dengan plugin Tuna OBS",
+      "name": "Tuna OBS"
+    },
+    "video-toggle": {
+      "description": "Tambahkan tombol untuk beralih antara mode Lagu/Video. secara opsional juga dapat menghapus keseluruhan tab video",
+      "menu": {
+        "align": {
+          "label": "Perataan",
+          "submenu": {
+            "left": "Kiri",
+            "middle": "Tengah",
+            "right": "Kanan"
+          }
+        },
+        "force-hide": "Paksa hapus tab video",
+        "mode": {
+          "label": "Mode",
+          "submenu": {
+            "custom": "Peralih kustom",
+            "disabled": "Mati",
+            "native": "Peralih bawaan"
+          }
+        }
+      },
+      "name": "Peralih Video",
+      "templates": {
+        "button": "Lagu"
+      }
+    },
+    "visualizer": {
+      "description": "Tambahkan visualisator ke pemutar",
+      "menu": {
+        "visualizer-type": "Tipe Visualisator"
+      },
+      "name": "Visualisator"
+    }
   }
 }

src/i18n/resources/it.json

@@ -170,7 +170,8 @@
       },
       "plugins": {
         "enabled": "Attivato",
-        "label": "Plugin"
+        "label": "Plugin",
+        "new": "NUOVO"
       },
       "view": {
         "label": "Visualizzazione",
@@ -190,7 +191,11 @@
       "previous": "Precedente",
       "quit": "Esci",
       "restart": "Riavvia l'app",
-      "show": "Mostra finestra"
+      "show": "Mostra finestra",
+      "tooltip": {
+        "default": "YouTube Music",
+        "with-song-info": "YouTube Music: {{artist}} - {{title}}"
+      }
     }
   },
   "plugins": {
@@ -199,14 +204,18 @@
       "menu": {
         "blocker": "Blocco"
       },
-      "name": "Adblocker"
+      "name": "Ad blocker"
+    },
+    "album-actions": {
+      "description": "Aggiunge i pulsanti Undislike, Dislike, Like e Unlike a tutti i brani di una playlist o di un album",
+      "name": "Azioni album"
     },
     "album-color-theme": {
       "description": "Applica un tema dinamico e degli effetti visivi basandosi sul colore dell'album",
       "name": "Tema abbinato a colore album"
     },
     "ambient-mode": {
-      "description": "Applica un effetto di illuminazione proiettando i colori delicati del video sullo sfondo dello schermo.",
+      "description": "Applica un effetto di illuminazione proiettando i colori delicati del video sullo sfondo dello schermo",
       "menu": {
         "blur-amount": {
           "label": "Intensità sfocatura",
@@ -408,13 +417,9 @@
       },
       "name": "Menu In-App"
     },
-    "last-fm": {
-      "description": "Aggiungi supporto per lo scrobbling su Last.fm",
-      "name": "Last.fm"
-    },
     "lumiastream": {
       "description": "Aggiungi supporto per Lumia Stream",
-      "name": "Lumia Stream [beta]"
+      "name": "Lumia Stream [Beta]"
     },
     "lyrics-genius": {
       "description": "Aggiunge il supporto dei testi per la maggior parte delle canzoni",
@@ -426,6 +431,52 @@
         "fetched-lyrics": "Testi recuperati per Genius"
       }
     },
+    "music-together": {
+      "description": "Condividi una playlist con altri. Quando l'Host riproduce un brano, tutti gli altri ascolteranno lo stesso brano",
+      "dialog": {
+        "enter-host": "Inserisci l'ID dell'Host"
+      },
+      "internal": {
+        "save": "Salva",
+        "track-source": "Traccia sorgente",
+        "unknown-user": "Utente sconosciuto"
+      },
+      "menu": {
+        "click-to-copy-id": "Copia l'ID dell'Host",
+        "close": "Chiudi Music Together",
+        "connected-users": "Utenti connessi",
+        "disconnect": "Disconetti Music Together",
+        "empty-user": "Utenti non connessi",
+        "host": "Music Together Host",
+        "join": "Unisciti a Music Together",
+        "permission": {
+          "all": "Consenti ai Guest di controllare la playlist e il player",
+          "host-only": "Solo l'Host può controllare la playlist e il player",
+          "playlist": "Consenti ai Guest di controllare la playlist"
+        },
+        "set-permission": "Cambia autorizzazione di controllo",
+        "status": {
+          "disconnected": "Disconnesso",
+          "guest": "Connesso come Guest",
+          "host": "Connesso come Host"
+        }
+      },
+      "name": "Music Together [Beta]",
+      "toast": {
+        "add-song-failed": "Impossibile aggiungere il brano",
+        "closed": "Music Together chiuso",
+        "disconnected": "Music Together disconnesso",
+        "host-failed": "Impossibile ospitare Music Together",
+        "id-copied": "L'ID dell Host è stato copiato negli appunti",
+        "id-copy-failed": "Impossibile copiare l'ID dell'host negli appunti",
+        "join-failed": "Impossibile unirsi a Music Together",
+        "joined": "Unito a Music Together",
+        "permission-changed": "L'autorizzazione di Music Together è cambiata in {{permission}}",
+        "remove-song-failed": "Impossibile rimuovere il brano",
+        "user-connected": "{{name}} si è unito a Music Together",
+        "user-disconnected": "{{name}} ha lasciato Music Together"
+      }
+    },
     "navigation": {
       "description": "Frecce di navigazione Avanti/Indietro integrate direttamente nell'interfaccia, come nel tuo browser preferito",
       "name": "Navigazione"
@@ -518,8 +569,32 @@
       "description": "Permette di cambiare la qualità del video con un pulsante in sovrimpressione",
       "name": "Cambia qualità video"
     },
+    "scrobbler": {
+      "description": "Aggiunge il supporto per lo scrobbling (Last.fm, Listenbrainz ecc.)",
+      "menu": {
+        "lastfm": {
+          "api-settings": "Impostazione Last.fm API"
+        },
+        "listenbrainz": {
+          "token": "Inserire il token utente per ListenBrainz"
+        }
+      },
+      "name": "Scrobbler",
+      "prompt": {
+        "lastfm": {
+          "api-key": "API key per Last.fm",
+          "api-secret": "API secret per Last.fm"
+        },
+        "listenbrainz": {
+          "token": {
+            "label": "Inserisci il tuo token utente ListenBrainz:",
+            "title": "Token ListenBrainz"
+          }
+        }
+      }
+    },
     "shortcuts": {
-      "description": "Consente di impostare tasti di scelta rapida globali per la riproduzione (riproduci/pausa/successivo/precedente) + disabilita l'OSD multimediale sovrascrivendo i tasti multimediali + abilita Ctrl/CMD + F per la ricerca + abilita il supporto Linux MPRIS per i tasti multimediali + tasti di scelta rapida personalizzati per utenti avanzati.",
+      "description": "Consente di impostare tasti di scelta rapida globali per la riproduzione (riproduci/pausa/successivo/precedente) + disabilita l'OSD multimediale sovrascrivendo i tasti multimediali + abilita Ctrl/CMD + F per la ricerca + abilita il supporto Linux MPRIS per i tasti multimediali + tasti di scelta rapida personalizzati per utenti avanzati",
       "menu": {
         "override-media-keys": "Ridefinisci i tasti multimediali",
         "set-keybinds": "Imposta i controlli brano globali"

src/i18n/resources/ja.json

@@ -170,7 +170,8 @@
       },
       "plugins": {
         "enabled": "有効",
-        "label": "プラグイン"
+        "label": "プラグイン",
+        "new": "新着"
       },
       "view": {
         "label": "表示",
@@ -190,7 +191,11 @@
       "previous": "前の曲",
       "quit": "終了",
       "restart": "アプリを再起動",
-      "show": "ウィンドウを表示"
+      "show": "ウィンドウを表示",
+      "tooltip": {
+        "default": "YouTube ミュージック",
+        "with-song-info": "YouTube ミュージック: {{artist}} - {{title}}"
+      }
     }
   },
   "plugins": {
@@ -199,14 +204,26 @@
       "menu": {
         "blocker": "ブロッカー"
       },
-      "name": "Adblocker"
+      "name": "広告ブロッカー"
+    },
+    "album-actions": {
+      "description": "「Undislike（嫌いではない）」「Dislike（嫌い）」「Like（好き）」「Unlike（好きではない）」ボタンを追加し、プレイリストやアルバム内のすべての曲にこれらを適用します",
+      "name": "アルバムアクション"
     },
     "album-color-theme": {
       "description": "アルバムカバーの色をベースにして動的テーマと視覚効果を適用します",
+      "menu": {
+        "color-mix-ratio": {
+          "label": "カラー混合比率",
+          "submenu": {
+            "percent": "{{ratio}}%"
+          }
+        }
+      },
       "name": "アルバムカラーベースのテーマ"
     },
     "ambient-mode": {
-      "description": "動画の間接照明を画面背景に投射します。",
+      "description": "動画の内容に合った淡い色に画面の背景を変化させるライティング効果を適応します",
       "menu": {
         "blur-amount": {
           "label": "ぼかしの強さ",
@@ -239,9 +256,9 @@
           }
         },
         "smoothness-transition": {
-          "label": "スムーズな切り替えり",
+          "label": "スムーズな切り替え",
           "submenu": {
-            "during": "{{interpolationTime}}秒間切り替えり"
+            "during": "{{interpolationTime}}秒間切り替え"
           }
         },
         "use-fullscreen": {
@@ -289,7 +306,7 @@
       "menu": {
         "advanced": "詳細設定"
       },
-      "name": "クロスフェード[ベータ]",
+      "name": "クロスフェード [ベータ]",
       "prompt": {
         "options": {
           "multi-input": {
@@ -408,10 +425,6 @@
       },
       "name": "アプリ内メニュー"
     },
-    "last-fm": {
-      "description": "Last.fmのscrobblingサポートを追加",
-      "name": "Last.fm"
-    },
     "lumiastream": {
       "description": "Lumia Streamのサポートを追加",
       "name": "Lumia Stream [ベータ]"
@@ -426,6 +439,52 @@
         "fetched-lyrics": "Geniusから歌詞取得完了"
       }
     },
+    "music-together": {
+      "description": "プレイリストを他の人と共有します。 ホストが曲を再生すると、他の全員にも同じ曲が聞こえます",
+      "dialog": {
+        "enter-host": "ホストIDを入力"
+      },
+      "internal": {
+        "save": "保存",
+        "track-source": "トラックソース",
+        "unknown-user": "不明なユーザー"
+      },
+      "menu": {
+        "click-to-copy-id": "ホストIDをコピー",
+        "close": "一緒に音楽を閉じる",
+        "connected-users": "接続されているユーザー",
+        "disconnect": "一緒に音楽を切断する",
+        "empty-user": "接続中のユーザーはいません",
+        "host": "Music Together ホスト",
+        "join": "一緒に音楽に参加",
+        "permission": {
+          "all": "ゲストがプレイリストとプレーヤーを制御できるようにする",
+          "host-only": "ホストのみがプレイリストとプレーヤーを制御できます",
+          "playlist": "ゲストによるプレイリストの制御を許可する"
+        },
+        "set-permission": "制御権限を変更",
+        "status": {
+          "disconnected": "切断されました",
+          "guest": "ゲストとして接続しました",
+          "host": "ホストとして接続されています"
+        }
+      },
+      "name": "一緒に音楽 [ベータ版]",
+      "toast": {
+        "add-song-failed": "曲の追加に失敗しました",
+        "closed": "一緒に音楽が閉じられました",
+        "disconnected": "一緒に音楽が切断されました",
+        "host-failed": "一緒に音楽のホストに失敗しました",
+        "id-copied": "ホストIDがクリップボードにコピーされました",
+        "id-copy-failed": "ホストIDをクリップボードにコピー出来ませんでした",
+        "join-failed": "一緒に音楽に参加出来ませんでした",
+        "joined": "一緒に音楽に参加しました",
+        "permission-changed": "一緒に音楽の権限が \"{{permission}}\" に変更されました",
+        "remove-song-failed": "曲の削除に失敗しました",
+        "user-connected": "{{name}} が一緒に音楽に参加しました",
+        "user-disconnected": "{{name}} が一緒に音楽を退出しました"
+      }
+    },
     "navigation": {
       "description": "ブラウザの戻る・進むボタンのようにUIからコントロールできるボタン",
       "name": "ナビゲーション"
@@ -518,6 +577,31 @@
       "description": "ビデオオーバーレイのボタンを使用してビデオ品質を変更できるようにします",
       "name": "ビデオ品質チェンジャー"
     },
+    "scrobbler": {
+      "description": "スクロブリング対応を追加します（例：last.fm、Listenbrainzなど）",
+      "menu": {
+        "lastfm": {
+          "api-settings": "Last.fm API 設定"
+        },
+        "listenbrainz": {
+          "token": "ListenBrainzユーザートークンを入力してください"
+        },
+        "scrobble-other-media": "他のメディアをScrobbleする"
+      },
+      "name": "スクロブラー",
+      "prompt": {
+        "lastfm": {
+          "api-key": "Last.fm APIキー",
+          "api-secret": "Last.fm API シークレット"
+        },
+        "listenbrainz": {
+          "token": {
+            "label": "ListenBrainzのユーザートークンを入力してください:",
+            "title": "ListenBrainzトークン"
+          }
+        }
+      }
+    },
     "shortcuts": {
       "description": "再生用のグローバル ホットキー (再生/一時停止/次/前) の設定、メディア キーをオーバーライドしてメディア OSD を無効にする、Ctrl/CMD + F による検索を有効にする、 メディアキーの Linux mpris サポートを有効にする、 上級ユーザー向けのカスタム ホットキー を可能にします",
       "menu": {
@@ -551,7 +635,7 @@
     },
     "taskbar-mediacontrol": {
       "description": "Windowsタスクバーから再生をコントロール",
-      "name": "Taskbar Media Control"
+      "name": "タスクバーメディアコントロール"
     },
     "touchbar": {
       "description": "masOSユーザー向けにTouchBarウィジェットを追加",

src/i18n/resources/ko.json

@@ -170,7 +170,8 @@
       },
       "plugins": {
         "enabled": "활성화",
-        "label": "확장"
+        "label": "확장",
+        "new": "NEW"
       },
       "view": {
         "label": "보기",
@@ -190,7 +191,11 @@
       "previous": "이전",
       "quit": "종료",
       "restart": "앱 재시작",
-      "show": "창 표시"
+      "show": "창 표시",
+      "tooltip": {
+        "default": "유튜브 뮤직",
+        "with-song-info": "유튜브 뮤직: {{artist}} - {{title}}"
+      }
     }
   },
   "plugins": {
@@ -201,12 +206,24 @@
       },
       "name": "광고 차단기"
     },
+    "album-actions": {
+      "description": "좋아요, 싫어요 버튼을 추가하고, 결과를 재생 목록 또는 앨범의 모든 노래에 적용합니다",
+      "name": "앨범 액션"
+    },
     "album-color-theme": {
       "description": "앨범 색상 팔레트를 기반으로 동적 테마 및 시각 효과를 적용합니다",
+      "menu": {
+        "color-mix-ratio": {
+          "label": "색상 혼합 비율",
+          "submenu": {
+            "percent": "{{ratio}}%"
+          }
+        }
+      },
       "name": "앨범 컬러 기반 테마"
     },
     "ambient-mode": {
-      "description": "영상의 간접 조명을 화면 배경에 투사합니다.",
+      "description": "영상의 간접 조명을 화면 배경에 투사합니다",
       "menu": {
         "blur-amount": {
           "label": "흐림 효과 강도",
@@ -408,10 +425,6 @@
       },
       "name": "인앱 메뉴"
     },
-    "last-fm": {
-      "description": "Last.fm에 대한 스크러블 지원을 추가합니다",
-      "name": "Last.fm"
-    },
     "lumiastream": {
       "description": "Lumia Stream 지원을 추가합니다",
       "name": "Lumia Stream [베타]"
@@ -426,6 +439,52 @@
         "fetched-lyrics": "Genius에서 가사 불러옴"
       }
     },
+    "music-together": {
+      "description": "여러명과 함께 플레이리스트를 공유합니다. 호스트가 음악을 재생하면, 다른 사용자들도 같은 노래를 들을 수 있습니다",
+      "dialog": {
+        "enter-host": "호스트 아이디를 입력하세요"
+      },
+      "internal": {
+        "save": "저장",
+        "track-source": "재생 중인 트랙 출처",
+        "unknown-user": "알 수 없는 사용자"
+      },
+      "menu": {
+        "click-to-copy-id": "호스트 아이디 복사",
+        "close": "Music Together 닫기",
+        "connected-users": "연결된 사용자",
+        "disconnect": "Music Together 연결 끊기",
+        "empty-user": "연결된 사용자 없음",
+        "host": "Music Together 호스트",
+        "join": "Music Together 참여",
+        "permission": {
+          "all": "게스트가 모두 제어 가능",
+          "host-only": "호스트만 제어 가능",
+          "playlist": "게스트가 재생목록 제어 가능"
+        },
+        "set-permission": "제어 권한 변경",
+        "status": {
+          "disconnected": "연결 끊김",
+          "guest": "게스트로 연결됨",
+          "host": "호스트로 연결됨"
+        }
+      },
+      "name": "Music Together [베타]",
+      "toast": {
+        "add-song-failed": "노래 추가 실패",
+        "closed": "Music Together가 닫혔습니다",
+        "disconnected": "Music Together 연결이 끊어졌습니다",
+        "host-failed": "Music Together를 열 수 없습니다",
+        "id-copied": "호스트 아이디가 클립보드에 복사되었습니다",
+        "id-copy-failed": "호스트 ID를 클립보드에 복사하지 못했습니다",
+        "join-failed": "Music Together에 참여할 수 없습니다",
+        "joined": "Music Together에 참여했습니다",
+        "permission-changed": "Music Together 제어 권한이 \"{{permission}}\"(으)로 변경되었습니다",
+        "remove-song-failed": "노래 제거 실패",
+        "user-connected": "{{name}}님이 Music Together에 참여했습니다",
+        "user-disconnected": "{{name}}님이 Music Together에서 나갔습니다"
+      }
+    },
     "navigation": {
       "description": "브라우저에서처럼, UI에 직접 통합된 앞으로/뒤로 탐색하는 화살표",
       "name": "탐색"
@@ -518,8 +577,33 @@
       "description": "영상 오버레이의 버튼으로 영상 품질을 변경할 수 있습니다",
       "name": "영상 품질 체인저"
     },
+    "scrobbler": {
+      "description": "스크로블링 지원을 추가합니다 (예: last.fm, Listenbrainz)",
+      "menu": {
+        "lastfm": {
+          "api-settings": "Last.fm API 설정"
+        },
+        "listenbrainz": {
+          "token": "ListenBrainz 유저 토큰 입력"
+        },
+        "scrobble-other-media": "다른 미디어 스크로블하기"
+      },
+      "name": "스크로블러",
+      "prompt": {
+        "lastfm": {
+          "api-key": "Last.fm API 키",
+          "api-secret": "Last.fm API 비밀 키"
+        },
+        "listenbrainz": {
+          "token": {
+            "label": "ListenBrainz 유저 토큰을 입력하세요:",
+            "title": "ListenBrainz 토큰"
+          }
+        }
+      }
+    },
     "shortcuts": {
-      "description": "재생을 위한 전역 단축키 설정 허용 (재생/일시 정지/다음/이전), 미디어 키를 재정의하여 미디어 OSD 비활성화, Ctrl/CMD + F 검색을 활성화, 미디어키 지원을 위해 리눅스 MPRIS 지원 활성화, 고급 사용자를 위한 사용자 지정 단축키 지원 추가.",
+      "description": "재생을 위한 전역 단축키 설정 허용 (재생/일시 정지/다음/이전), 미디어 키를 재정의하여 미디어 OSD 비활성화, Ctrl/CMD + F 검색을 활성화, 미디어키 지원을 위해 리눅스 MPRIS 지원 활성화, 고급 사용자를 위한 사용자 지정 단축키 지원 추가",
       "menu": {
         "override-media-keys": "미디어 키 재정의",
         "set-keybinds": "전역 노래 제어 설정"

src/i18n/resources/lt.json

@@ -99,7 +99,7 @@
               "auto-reset-app-cache": "Perkrauti programos talpyklą, kai programa paleidžiama",
               "disable-hardware-acceleration": "Išjungti aparatūros pagreitį",
               "edit-config-json": "Redaguoti config.json",
-              "override-user-agent": "Perrašyti User-Agent",
+              "override-user-agent": "Perrašyti \"User-Agent\"",
               "restart-on-config-changes": "Perkrauti po config pasikeitimo",
               "set-proxy": {
                 "label": "Nustatyti įgaliotajį serverį",
@@ -116,7 +116,7 @@
           "auto-update": "Automatinis Atnaujinimas",
           "hide-menu": {
             "dialog": {
-              "message": "Meniu bus paslėpta per kitą paleidimą, naudokite [Alt], kad ją parodyti (arba [`] jei naudojama programos meniu)",
+              "message": "Meniu bus paslėpta per kitą paleidimą, naudokite [Alt], kad ją parodyti (arba kairinio kirčio ženklą [`] jei naudojama programos meniu)",
               "title": "\"Paslėpti Meniu\" įjungtas"
             },
             "label": "Paslėpti Meniu"
@@ -144,7 +144,7 @@
               "disabled": "Išjungta",
               "enabled-and-hide-app": "Įjungta ir slėpti programos langą",
               "enabled-and-show-app": "Įjungta ir rodyti programos langą",
-              "play-pause-on-click": "Leisti/Sustabdyti ant paspaudimo"
+              "play-pause-on-click": "Paleisti/Pristabdyti ant paspaudimo"
             }
           },
           "visual-tweaks": {
@@ -175,7 +175,7 @@
       "view": {
         "label": "Vaizdas",
         "submenu": {
-          "force-reload": "Priverstinis perkrovimas",
+          "force-reload": "Priverstinai perkrauti",
           "reload": "Perkrauti",
           "reset-zoom": "Tikras dydis",
           "toggle-fullscreen": "Įjungti/Išjungti Pilną Ekraną",
@@ -186,7 +186,7 @@
     },
     "tray": {
       "next": "Kitas",
-      "play-pause": "Leisti/Sustabdyti",
+      "play-pause": "Paleisti/Pristabdyti",
       "previous": "Ankstesnis",
       "quit": "Išeiti",
       "restart": "Perkrauti programą",
@@ -239,7 +239,7 @@
           }
         },
         "smoothness-transition": {
-          "label": "Perėjimo švelnumas",
+          "label": "Perliejimo švelnumas",
           "submenu": {
             "during": "Per {{interpolationTime}}s"
           }
@@ -289,7 +289,7 @@
       "menu": {
         "advanced": "Išplėstinė"
       },
-      "name": "Perliejimas [beta]",
+      "name": "Perliejimas [Beta]",
       "prompt": {
         "options": {
           "multi-input": {
@@ -307,7 +307,7 @@
       }
     },
     "disable-autoplay": {
-      "description": "Pradeda dainą sustabdytame rėžime",
+      "description": "Pradeda dainą pristabdytame rėžime",
       "menu": {
         "apply-once": "Pritaiko tik per programos paleidimą"
       },
@@ -319,11 +319,11 @@
         "connected": "Prisijungta prie \"Discord\"",
         "disconnected": "Atsijungta nuo \"Discord\""
       },
-      "description": "Parodyk savo draugams ko tu klausaisi su \"Turtingas Buvimas\"",
+      "description": "Parodyk savo draugams ko tu klausaisi su \"Turtingas Buvimas\" (Rich Presence)",
       "menu": {
         "auto-reconnect": "Automatiškai prisijungti",
-        "clear-activity": "Išvalyti veiksmus",
-        "clear-activity-after-timeout": "Išvalyti veiksmus po skirtojo laiko",
+        "clear-activity": "Išvalyti veiklą",
+        "clear-activity-after-timeout": "Išvalyti veiklą po skirtojo laiko",
         "connected": "Prisijungta",
         "disconnected": "Atsijungta",
         "hide-duration-left": "Slėpti kiek liko laiko",
@@ -331,7 +331,7 @@
         "play-on-youtube-music": "Leisti ant \"Youtube Music\"",
         "set-inactivity-timeout": "Nustatyti neveiklumo laiką"
       },
-      "name": "\"Discord\" Turtingas Buvimas",
+      "name": "\"Discord\" Turtingas Buvimas (Rich Presence)",
       "prompt": {
         "set-inactivity-timeout": {
           "label": "Įveskite neveiklumo skirtąjį laiką sekundėmis:",
@@ -371,10 +371,10 @@
           "folder-already-exists": "Aplankas {{playlistFolder}} jau egzistuoja",
           "getting-playlist-info": "Gaunama grojaraščio informacija…",
           "loading": "Kraunama…",
-          "playlist-has-only-one-song": "Grojaraštis turi tik vieną daiktą, jis atsisiunčiamas tiesiogiai",
+          "playlist-has-only-one-song": "Grojaraštis turi tik vieną elementą, jis atsisiunčiamas tiesiogiai",
           "playlist-id-not-found": "Grojaraščio ID nerastas",
           "playlist-is-empty": "Grojaraštis yra tuščias",
-          "playlist-is-mix-or-private": "Paklaida gaunant grojaraščio informaciją: Pasitikrink, kad nėra privatus ar \"Surinkta specialiai jums\" grojaraštis\n\n{{error}}",
+          "playlist-is-mix-or-private": "Paklaida gaunant grojaraščio informaciją: Pasitikrink, kad jis nėra privatus ar \"Surinkta specialiai jums\" grojaraštis\n\n{{error}}",
           "preparing-file": "Failas paruošiamas…",
           "saving": "Išsaugojama…",
           "trying-to-get-playlist-id": "Bandoma gauti grojaraščio ID: {{playlistId}}",
@@ -408,13 +408,9 @@
       },
       "name": "Programos Meniu"
     },
-    "last-fm": {
-      "description": "Pridėkite Last.fm scrobble palaikymą",
-      "name": "Last.fm"
-    },
     "lumiastream": {
       "description": "Prideda \"Lumia Stream\" palaikymą",
-      "name": "Lumia Stream [beta]"
+      "name": "Lumia Stream [Beta]"
     },
     "lyrics-genius": {
       "description": "Prideda daugumai dainių žodžių tekstus",
@@ -423,7 +419,7 @@
       },
       "name": "\"Genius\" Žodžių tekstai",
       "renderer": {
-        "fetched-lyrics": "Gauti žodžiai iš „Genius“."
+        "fetched-lyrics": "Gauti žodžiai iš „Genius“"
       }
     },
     "navigation": {
@@ -442,7 +438,7 @@
           "label": "Interaktyvūs nustatymai",
           "submenu": {
             "hide-button-text": "Paslėpti mygtuko tekstą",
-            "refresh-on-play-pause": "Atnaujinti ant Leisti/Sustabdyti",
+            "refresh-on-play-pause": "Atnaujinti ant Paleidimo/Pristabdymo",
             "tray-controls": "Atidaryti/Uždaryti ant padėklo paspaudimo"
           }
         },
@@ -455,7 +451,7 @@
     "picture-in-picture": {
       "description": "Leidžia pakeisti programą į \"picture-in-picture\" rėžimą",
       "menu": {
-        "always-on-top": "Visada viršuje",
+        "always-on-top": "Visada ant viršaus",
         "hotkey": {
           "label": "Spartusis klavišas",
           "prompt": {
@@ -543,7 +539,7 @@
     },
     "skip-silences": {
       "description": "Automatiškai praleisti tylos dalis dainose",
-      "name": "Praleisti Tylas"
+      "name": "Praleisti Tylumas"
     },
     "sponsorblock": {
       "description": "Automatiškai praleidžia ne muzikines dalis, pvz., įžangą/užvedimą arba muzikinių vaizdo įrašų dalis, kuriose daina negrojama",

src/i18n/resources/nb.json

@@ -287,7 +287,7 @@
       "menu": {
         "advanced": "Avansert"
       },
-      "name": "Overgang [beta]",
+      "name": "Overgang [Beta]",
       "prompt": {
         "options": {
           "multi-input": {
@@ -406,13 +406,9 @@
       },
       "name": "Meny i programmet"
     },
-    "last-fm": {
-      "description": "Legg til lyttestatistikkstøtte for Last.fm",
-      "name": "Last.fm"
-    },
     "lumiastream": {
       "description": "Legger til Lumia Stream-støtte",
-      "name": "Lumia Stream [beta]"
+      "name": "Lumia Stream [Beta]"
     },
     "lyrics-genius": {
       "description": "Gir sangtekststøtte for de fleste spor",

src/i18n/resources/pl.json

@@ -105,7 +105,7 @@
                 "label": "Ustaw proxy",
                 "prompt": {
                   "label": "Podaj adres Proxy: (zostaw pusty aby wyłączyć)",
-                  "placeholder": "Przykład: socks5://127.0.0.1:9999",
+                  "placeholder": "Przykład: SOCKS5://127.0.0.1:9999",
                   "title": "Ustaw proxy"
                 }
               },
@@ -170,7 +170,8 @@
       },
       "plugins": {
         "enabled": "Włączone",
-        "label": "Wtyczki"
+        "label": "Wtyczki",
+        "new": "NOWOŚĆ"
       },
       "view": {
         "label": "Widok",
@@ -190,7 +191,11 @@
       "previous": "Poprzedni",
       "quit": "Wyjdź",
       "restart": "Uruchom ponownie aplikację",
-      "show": "Pokaż okno"
+      "show": "Pokaż okno",
+      "tooltip": {
+        "default": "YouTube Music",
+        "with-song-info": "{{title}} (autorstwa {{artist}}) - YT Music"
+      }
     }
   },
   "plugins": {
@@ -201,12 +206,23 @@
       },
       "name": "Blokowanie reklam"
     },
+    "album-actions": {
+      "description": "Dodaje przyciski łapek w górę i dół do wszystkich piosenek podczas w albumach lub listach odtwarzania",
+      "name": "Akcje albumu"
+    },
     "album-color-theme": {
       "description": "Stosuje dynamiczny motyw i efekty wizualne w oparciu o paletę kolorów albumu",
+      "menu": {
+        "color-mix-ratio": {
+          "submenu": {
+            "percent": "{{ratio}}%"
+          }
+        }
+      },
       "name": "Motyw kolorów albumu"
     },
     "ambient-mode": {
-      "description": "Stosuje efekt świetlny, rzucając delikatne kolory z wideo na tło ekranu.",
+      "description": "Stosuje efekt świetlny, rzucając delikatne kolory z wideo na tło ekranu",
       "menu": {
         "blur-amount": {
           "label": "Ilość rozmycia",
@@ -241,7 +257,7 @@
         "smoothness-transition": {
           "label": "Płynność przejścia",
           "submenu": {
-            "during": "W czasie {{interpolationTime}}s"
+            "during": "W czasie {{interpolationTime}} s"
           }
         },
         "use-fullscreen": {
@@ -289,12 +305,12 @@
       "menu": {
         "advanced": "Zaawansowane"
       },
-      "name": "Przenikanie [Beta]",
+      "name": "Płynne przejście [Beta]",
       "prompt": {
         "options": {
           "multi-input": {
-            "fade-in-duration": "Czas wnikania (milisekundy)",
-            "fade-out-duration": "Czas zanikania (milisekundy)",
+            "fade-in-duration": "Czas wnikania (ms)",
+            "fade-out-duration": "Czas zanikania (ms)",
             "fade-scaling": {
               "label": "Skalowanie zanikania",
               "linear": "Liniowe",
@@ -408,13 +424,9 @@
       },
       "name": "Menu w aplikacji"
     },
-    "last-fm": {
-      "description": "Dodanie obsługi scrobblingu dla Last.fm",
-      "name": "Last.fm"
-    },
     "lumiastream": {
       "description": "Dodaje obsługę Lumia Stream",
-      "name": "Lumia Stream [beta]"
+      "name": "Lumia Stream [Beta]"
     },
     "lyrics-genius": {
       "description": "Dodaje obsługę tekstów dla większości piosenek",
@@ -426,6 +438,52 @@
         "fetched-lyrics": "Tekst dostarczony przez Genius"
       }
     },
+    "music-together": {
+      "description": "Pozwala na udostępnianie listy odtwarzania w taki sposób, że osoby po wejściu w link słuchają tego samego utworu co host (jeżeli słucha jej z owej listy odtwarzania)",
+      "dialog": {
+        "enter-host": "Wpisz ID hosta"
+      },
+      "internal": {
+        "save": "Zapisz",
+        "track-source": "Źródło utworu",
+        "unknown-user": "Nieznany użytkownik"
+      },
+      "menu": {
+        "click-to-copy-id": "Kopiuj ID hosta",
+        "close": "Zakończ host",
+        "connected-users": "Połączeni użytkownicy",
+        "disconnect": "Rozłącz z hosta",
+        "empty-user": "Brak połączonych użytkowników",
+        "host": "Host słuchania razem",
+        "join": "Połącz z hostem",
+        "permission": {
+          "all": "Połączeni użytkownicy mają kontrolę nad listą odtwarzania oraz playerem",
+          "host-only": "Tylko host może kontrolować listę odtwarzania oraz playera",
+          "playlist": "Połączeni użytkownicy maja kontrolę tylko nad listą odtwarzania"
+        },
+        "set-permission": "Zmień permisję kontroli",
+        "status": {
+          "disconnected": "Rozłączony",
+          "guest": "Połączony jako Użytkownik",
+          "host": "Połączony jako Host"
+        }
+      },
+      "name": "Słuchanie razem [Beta]",
+      "toast": {
+        "add-song-failed": "Wystąpił błąd z dodaniem muzyki",
+        "closed": "Host słuchania razem został zamknięty pomyślnie",
+        "disconnected": "Pomyślnie rozłączono z hosta słuchania razem",
+        "host-failed": "Wystąpił błąd z hostem słuchania razem",
+        "id-copied": "ID hosta został wklejony do schowka",
+        "id-copy-failed": "Wystąpił błąd z próbą skopiowania ID do schowka",
+        "join-failed": "Wystąpił błąd z dołączeniem do hosta",
+        "joined": "Dołączono pomyślnie do hosta słuchania razem",
+        "permission-changed": "Permisja hosta została zmieniona na \"{{permission}}\"",
+        "remove-song-failed": "Wystąpił błąd z usunięciem utworu",
+        "user-connected": "Do hosta dołączył {{name}}",
+        "user-disconnected": "{{name}} właśnie wyszedł z hosta"
+      }
+    },
     "navigation": {
       "description": "Strzałki nawigacyjne Dalej/Wstecz zintegrowane bezpośrednio z interfejsem, tak jak w Twojej ulubionej przeglądarce",
       "name": "Nawigacja"
@@ -518,8 +576,26 @@
       "description": "Umożliwia zmianę jakości wideo za pomocą przycisku na nakładce wideo",
       "name": "Zmieniacz jakości wideo"
     },
+    "scrobbler": {
+      "menu": {
+        "listenbrainz": {
+          "token": "Podaj token użytkownika ListenBrainz"
+        }
+      },
+      "prompt": {
+        "lastfm": {
+          "api-key": "klucz API Last.fm"
+        },
+        "listenbrainz": {
+          "token": {
+            "label": "Podaj swój token użytkownika ListenBrainz:",
+            "title": "Token ListenBrainz"
+          }
+        }
+      }
+    },
     "shortcuts": {
-      "description": "Umożliwia ustawienie globalnych skrótów klawiszowych do odtwarzania (odtwarzanie/pauza/następny/poprzedni) + wyłączanie OSD multimediów poprzez zastąpienie klawiszy multimediów, włączając kombinację klawiszy Ctrl/CMD + F w celu wyszukiwania, obsługę Linux MPRIS dla klawiszy multimediów oraz niestandardowe skróty klawiszowe dla zaawansowanych użytkowników.",
+      "description": "Umożliwia ustawienie globalnych skrótów klawiszowych do odtwarzania (odtwarzanie/pauza/następny/poprzedni) + wyłączanie OSD multimediów poprzez zastąpienie klawiszy multimediów, włączając kombinację klawiszy Ctrl/CMD + F w celu wyszukiwania, obsługę Linux MPRIS dla klawiszy multimediów oraz niestandardowe skróty klawiszowe dla zaawansowanych użytkowników",
       "menu": {
         "override-media-keys": "Zastąp klawisze multimediów",
         "set-keybinds": "Ustaw globalne sterowanie utworem"

src/i18n/resources/pt.json

@@ -170,7 +170,8 @@
       },
       "plugins": {
         "enabled": "Ativado",
-        "label": "Plugins"
+        "label": "Plugins",
+        "new": "NOVO"
       },
       "view": {
         "label": "Ver",
@@ -190,7 +191,11 @@
       "previous": "Anterior",
       "quit": "Sair",
       "restart": "Reiniciar aplicativo",
-      "show": "Mostrar janela"
+      "show": "Mostrar janela",
+      "tooltip": {
+        "default": "YouTube Music",
+        "with-song-info": "YouTube Music: {{artist}} - {{title}}"
+      }
     }
   },
   "plugins": {
@@ -201,6 +206,10 @@
       },
       "name": "Bloqueador de anúncios"
     },
+    "album-actions": {
+      "description": "Adiciona os botões Gostei e Não Gostei para ser aplicado a todas as músicas em uma lista de reprodução ou álbum.",
+      "name": "Ações no álbum"
+    },
     "album-color-theme": {
       "description": "Aplica um tema dinâmico e efeitos visuais com base na paleta de cores do álbum",
       "name": "Tema de cores do álbum"
@@ -289,7 +298,7 @@
       "menu": {
         "advanced": "Avançado"
       },
-      "name": "Transição entre músicas [beta]",
+      "name": "Transição entre músicas [Beta]",
       "prompt": {
         "options": {
           "multi-input": {
@@ -408,13 +417,9 @@
       },
       "name": "Menu no aplicativo"
     },
-    "last-fm": {
-      "description": "Adiciona suporte de scrobbling para Last.fm",
-      "name": "Last.fm"
-    },
     "lumiastream": {
       "description": "Adiciona suporte Lumia Stream",
-      "name": "Lumia Stream [beta]"
+      "name": "Lumia Stream [Beta]"
     },
     "lyrics-genius": {
       "description": "Adiciona suporte a letras para a maioria das músicas",
@@ -426,6 +431,52 @@
         "fetched-lyrics": "Buscar letras no Genius"
       }
     },
+    "music-together": {
+      "description": "Compartilha a playlist com outros. Quando o host tocar uma música, todos poderão ouvir a mesma canção",
+      "dialog": {
+        "enter-host": "Digite o ID do Host"
+      },
+      "internal": {
+        "save": "Salvar",
+        "track-source": "Fonte da faixa",
+        "unknown-user": "Usuário Desconhecido"
+      },
+      "menu": {
+        "click-to-copy-id": "Copiar ID do Host",
+        "close": "Fechar o Música Juntos",
+        "connected-users": "Usuários Conectados",
+        "disconnect": "Desconectar do Música Juntos",
+        "empty-user": "Sem usuários conectados",
+        "host": "Host do Música Juntos",
+        "join": "Juntar ao Música Juntos",
+        "permission": {
+          "all": "Permita que outros controlem a playlist e ao player",
+          "host-only": "Apenas o host pode controlar a playlist e ao player",
+          "playlist": "Permitir que outros controlem a playlist"
+        },
+        "set-permission": "Alterar permissões de controle",
+        "status": {
+          "disconnected": "Desconectado",
+          "guest": "Conectado como Convidado",
+          "host": "Conectado como Host"
+        }
+      },
+      "name": "Música Juntos [Beta]",
+      "toast": {
+        "add-song-failed": "Falha ao adicionar canção",
+        "closed": "Música Juntos encerrado",
+        "disconnected": "Música Juntos foi desconectado",
+        "host-failed": "Falha ao hospedar o Música Juntos",
+        "id-copied": "ID de anfitrião copiado para a área de transferência",
+        "id-copy-failed": "Falha ao copiar o ID de anfitrião para a área de transferência",
+        "join-failed": "Falha ao entrar em Música Juntos",
+        "joined": "Entrou em Música Juntos",
+        "permission-changed": "A permissão do Música Juntos foi alterada para \"{{permission}}\"",
+        "remove-song-failed": "Falha ao remover música",
+        "user-connected": "{{name}} entrou em Música Juntos",
+        "user-disconnected": "{{name}} saiu do Música Juntos"
+      }
+    },
     "navigation": {
       "description": "Setas de navegação Próximo/Voltar integradas diretamente na interface, como no seu navegador favorito",
       "name": "Navegação"

src/i18n/resources/ru.json

@@ -33,7 +33,7 @@
         "css-file-not-found": "CSS файл \"{{cssFile}}\" не существует, игнорирую"
       },
       "unresponsive": {
-        "details": "Приложение не отвечает\n{{error}}"
+        "details": "Приложение не отвечает!\n{{error}}"
       },
       "when-ready": {
         "clearing-cache-after-20s": "Очищаю кеш приложения"
@@ -63,7 +63,7 @@
           "relaunch": "Перезапустить",
           "wait": "Подождать"
         },
-        "detail": "Извиняемся за неувязку! пожалуйста выберите что вы хотите сделать:",
+        "detail": "Извините за причиненные неудобства! Пожалуйста, выберите, что делать:",
         "message": "Приложение не отвечает",
         "title": "Окно не отвечает"
       },
@@ -99,6 +99,7 @@
               "auto-reset-app-cache": "Очищать кеш при запуске приложения",
               "disable-hardware-acceleration": "Отключить аппаратное ускорение",
               "edit-config-json": "Редактировать config.json",
+              "override-user-agent": "Переопределить User-Agent",
               "restart-on-config-changes": "Перезапускать при изменениях конфига",
               "set-proxy": {
                 "label": "Задать прокси",
@@ -131,6 +132,7 @@
             }
           },
           "resume-on-start": "Продолжать последнюю песню при запуске приложения",
+          "single-instance-lock": "Запрет запуска нескольких экземпляров",
           "start-at-login": "Запуск при включении компьютера",
           "starting-page": {
             "label": "Стартовая страница",
@@ -168,14 +170,15 @@
       },
       "plugins": {
         "enabled": "Включено",
-        "label": "Плагины"
+        "label": "Плагины",
+        "new": "НОВИНКА"
       },
       "view": {
         "label": "Вид",
         "submenu": {
           "force-reload": "Принудительная перезагрузка",
           "reload": "Перезагрузить",
-          "reset-zoom": "Настоящий размер",
+          "reset-zoom": "Текущий размер",
           "toggle-fullscreen": "Включить полноэкранный режим",
           "zoom-in": "Приблизить",
           "zoom-out": "Отдалить"
@@ -188,7 +191,11 @@
       "previous": "Предыдущий",
       "quit": "Выйти",
       "restart": "Перезагрузить приложение",
-      "show": "Показать окно"
+      "show": "Показать окно",
+      "tooltip": {
+        "default": "YouTube Music",
+        "with-song-info": "YouTube Music: {{artist}} - {{title}}"
+      }
     }
   },
   "plugins": {
@@ -199,12 +206,24 @@
       },
       "name": "Блокировщик рекламы"
     },
+    "album-actions": {
+      "description": "Добавляет кнопки Undislike, Dislike и Unlike, чтобы применять их на все композиции в плейлисте или альбоме",
+      "name": "Действия с альбомом"
+    },
     "album-color-theme": {
       "description": "Применяет динамическую тему и визуальные эффекты на основе цветовой палитры альбома",
+      "menu": {
+        "color-mix-ratio": {
+          "label": "Соотношение цветов",
+          "submenu": {
+            "percent": "{{ratio}}%"
+          }
+        }
+      },
       "name": "Цветовая тема альбома"
     },
     "ambient-mode": {
-      "description": "Применяет световой эффект, отбрасывая мягкие цвета из видео на задний фон вашего экрана.",
+      "description": "Применяет световой эффект, отбрасывая мягкие цвета из видео на задний фон вашего экрана",
       "menu": {
         "blur-amount": {
           "label": "Степень размытия",
@@ -392,60 +411,271 @@
         "can-not-update-progress": "Невозможно обновить прогресс"
       },
       "templates": {
-        "button": "Download"
+        "button": "Скачать"
       }
     },
     "exponential-volume": {
-      "description": "Делает слайдер громкости расширенным чтобы было легче выбирать низкие уровни.",
+      "description": "Делает слайдер громкости расширенным чтобы было легче понижать громкость.",
       "name": "Расширенная громкость"
     },
-    "last-fm": {
-      "name": "Last.fm"
+    "in-app-menu": {
+      "description": "Придает меню цветовую схему альбома",
+      "menu": {
+        "hide-dom-window-controls": "Скрыть элементы управления окном DOM"
+      },
+      "name": "Меню в приложении"
+    },
+    "lumiastream": {
+      "description": "Добавляет поддержку Lumia Stream",
+      "name": "Lumia Stream [бета]"
+    },
+    "lyrics-genius": {
+      "description": "Добавляет поддержку текстов для большинства композиций",
+      "menu": {
+        "romanized-lyrics": "Романизированный текст (any -> en)"
+      },
+      "name": "Тексты песен от Genius",
+      "renderer": {
+        "fetched-lyrics": "Текст от Genius был получен"
+      }
+    },
+    "music-together": {
+      "description": "Поделитесь плейлистом с другими. Когда хост играет песню, все остальные слышат ту же песню",
+      "dialog": {
+        "enter-host": "Введите ID хоста"
+      },
+      "internal": {
+        "save": "Сохранить",
+        "track-source": "Источник трека",
+        "unknown-user": "Неизвестный пользователь"
+      },
+      "menu": {
+        "click-to-copy-id": "Копировать ID хоста",
+        "close": "Закрыть Music Together",
+        "connected-users": "Подключенные пользователи",
+        "disconnect": "Отключиться от Music Together",
+        "empty-user": "Нет подключенных пользователей",
+        "host": "Хост Music Together",
+        "join": "Подключиться к Music Together",
+        "permission": {
+          "all": "Позволить гостям управлять плейлистом и плеером",
+          "host-only": "Только хост может управлять плейлистом и плеером",
+          "playlist": "Позволить гостям управлять плейлистом"
+        },
+        "set-permission": "Изменить разрешения на управление разрешениями",
+        "status": {
+          "disconnected": "Отключено",
+          "guest": "Подключен как гость",
+          "host": "Подключен как хост"
+        }
+      },
+      "name": "Music Together [Beta]",
+      "toast": {
+        "add-song-failed": "Не удалось добавить песню",
+        "closed": "Music Together закрыт",
+        "disconnected": "Music Together отключен",
+        "host-failed": "Не удалось запустить Music Together",
+        "id-copied": "ID хоста скопирован в буфер обмена",
+        "id-copy-failed": "Не удалось скопировать айди хоста в буфер обмена",
+        "join-failed": "Не удалось присоединиться к Music Together",
+        "joined": "Присоединился к Music Together",
+        "permission-changed": "Разрешения Music Together изменены на \"{{permission}}\"",
+        "remove-song-failed": "Не удалось удалить песню",
+        "user-connected": "{{name}} присоединился к Music Together",
+        "user-disconnected": "{{name}} отключился от Music Together"
+      }
     },
     "navigation": {
-      "name": "Navigation"
+      "description": "Стрелки навигации \"вперед/назад\" интегрированы в интерфейс, как в вашем любимом браузере",
+      "name": "Навигация"
     },
     "no-google-login": {
-      "name": "No Google Login"
+      "description": "Убрать из интерфейса кнопки и ссылки для входа через Google",
+      "name": "Нет входа в систему Google"
     },
     "notifications": {
-      "name": "Notifications"
+      "description": "Показывать уведомления о начале воспроизведения песни (интерактивные уведомления доступны в Windows)",
+      "menu": {
+        "interactive": "Интерактивные уведомления",
+        "interactive-settings": {
+          "label": "Интерактивные настройки",
+          "submenu": {
+            "hide-button-text": "Скрыть текст кнопки",
+            "refresh-on-play-pause": "Перезагрузка при воспроизведении/паузе",
+            "tray-controls": "Открывать/закрывать по нажатию в трее"
+          }
+        },
+        "priority": "Приоритет уведомлений",
+        "toast-style": "Стиль уведомления",
+        "unpause-notification": "Показывать уведомление при снятии с паузы"
+      },
+      "name": "Уведомления"
+    },
+    "picture-in-picture": {
+      "description": "Позволяет переключить приложение в режим «картинка в картинке»",
+      "menu": {
+        "always-on-top": "Всегда наверху",
+        "hotkey": {
+          "label": "Горячая клавиша",
+          "prompt": {
+            "keybind-options": {
+              "hotkey": "Горячая клавиша"
+            },
+            "label": "Выберите горячую клавишу для переключения режима изображения в изображении",
+            "title": "Горячая клавиша для картинки в картинке"
+          }
+        },
+        "save-window-position": "Сохранить положение окна",
+        "save-window-size": "Сохранить размер окна",
+        "use-native-pip": "Использовать нативный PiP браузера"
+      },
+      "name": "Картинка в картинке",
+      "templates": {
+        "button": "Картинка в картинке"
+      }
+    },
+    "playback-speed": {
+      "description": "Слушайте быстро, слушайте медленно! Добавляет ползунок, регулирующий скорость композиции",
+      "name": "Скорость воспроизведения",
+      "templates": {
+        "button": "Скорость"
+      }
+    },
+    "precise-volume": {
+      "description": "Точное управление громкостью с помощью колеса мышки/горячих клавиш, пользовательский HUD и настраиваемые ступени громкости",
+      "menu": {
+        "arrows-shortcuts": "Локальное управление со стрелками",
+        "custom-volume-steps": "Настройка пользовательских шагов громкости",
+        "global-shortcuts": "Глобальные горячие клавиши"
+      },
+      "name": "Точная громкость",
+      "prompt": {
+        "global-shortcuts": {
+          "keybind-options": {
+            "decrease": "Уменьшение громкости",
+            "increase": "Увеличение громкости"
+          },
+          "label": "Выберите глобальные привязки клавиш к громкости:",
+          "title": "Глобальные привязки клавиш громкости"
+        },
+        "volume-steps": {
+          "label": "Выберите шаги увеличения/уменьшения громкости",
+          "title": "Ступени громкости"
+        }
+      }
+    },
+    "quality-changer": {
+      "backend": {
+        "dialog": {
+          "quality-changer": {
+            "detail": "Текущее качество: {{quality}}",
+            "message": "Выберите качество видео:",
+            "title": "Выберите качество видео"
+          }
+        }
+      },
+      "description": "Позволяет изменять качество видео с помощью кнопки на оверлее видео",
+      "name": "Изменение качества видео"
+    },
+    "scrobbler": {
+      "description": "Добавьте поддержку скробблинга (например, last.fm, Listenbrainz)",
+      "menu": {
+        "lastfm": {
+          "api-settings": "Настройки API Last.fm"
+        },
+        "listenbrainz": {
+          "token": "Введите токен пользователя ListenBrainz"
+        },
+        "scrobble-other-media": "Скробблинг других медиа"
+      },
+      "name": "Скробблер",
+      "prompt": {
+        "lastfm": {
+          "api-key": "Ключ API Last.fm",
+          "api-secret": "Секрет API Last.fm"
+        },
+        "listenbrainz": {
+          "token": {
+            "label": "Введите токен пользователя ListenBrainz:",
+            "title": "Токен ListenBrainz"
+          }
+        }
+      }
     },
     "shortcuts": {
+      "description": "Позволяет задать глобальные горячие клавиши для воспроизведения (play/pause/next/previous) и отключить экранное мультимедийное меню, изменяя мультимедийные клавиши, также включает Ctrl/CMD + F для поиска, добавляет поддержку Linux MPRIS для мультимедийных клавиш, а также пользовательские горячие клавиши для опытных пользователей",
+      "menu": {
+        "override-media-keys": "Переопределение мультимедийных клавиш",
+        "set-keybinds": "Настройка глобальных элементов управления песней"
+      },
+      "name": "Ярлыки (и MPRIS)",
       "prompt": {
         "keybind": {
           "keybind-options": {
-            "next": "Next"
-          }
+            "next": "Следующая",
+            "play-pause": "Воспроизведение / Пауза",
+            "previous": "Предыдущая"
+          },
+          "label": "Выберите глобальные привязки клавиш для управления песнями:",
+          "title": "Глобальные привязки клавиш"
         }
       }
     },
+    "skip-disliked-songs": {
+      "description": "Пропускает непонравившиеся песни",
+      "name": "Пропустить непонравившиеся песни"
+    },
+    "skip-silences": {
+      "description": "Автоматически пропускает тихие моменты в песнях",
+      "name": "Пропустить тишину"
+    },
     "sponsorblock": {
+      "description": "Автоматически пропускает не музыкальные фрагменты, например интро/аутро или фрагменты музыкальных клипов, в которых песня не звучит (тишина)",
       "name": "SponsorBlock"
     },
+    "taskbar-mediacontrol": {
+      "description": "Управляйте воспроизведением с панели задач Windows",
+      "name": "Управление мультимедиа на панели задач"
+    },
     "touchbar": {
+      "description": "Добавляет виджет тачбара для пользователей macOS",
       "name": "Тачбар"
     },
     "tuna-obs": {
+      "description": "Интеграция с плагином Tuna от OBS",
       "name": "Tuna OBS"
     },
     "video-toggle": {
+      "description": "Добавляет кнопку для переключения между режимами видео и песни. Также можно удалить всю вкладку с видео",
       "menu": {
         "align": {
+          "label": "Выравнивание",
           "submenu": {
-            "middle": "Middle",
-            "right": "Right"
+            "left": "Слева",
+            "middle": "По центру",
+            "right": "Справа"
           }
         },
+        "force-hide": "Принудительное скрыть видео",
         "mode": {
-          "label": "Mode"
+          "label": "Режим",
+          "submenu": {
+            "custom": "Кастомный переключатель",
+            "disabled": "Отключен",
+            "native": "Стандартный переключатель"
+          }
         }
       },
+      "name": "Переключатель видео",
       "templates": {
-        "button": "Song"
+        "button": "Песня"
       }
     },
     "visualizer": {
+      "description": "Заменяет обложку визуализатором музыки",
+      "menu": {
+        "visualizer-type": "Вид визуализации"
+      },
       "name": "Визуалайзер"
     }
   }

src/i18n/resources/th.json

@@ -1,7 +1,128 @@
 {
+  "common": {
+    "console": {
+      "plugins": {
+        "execute-failed": "ปลั๊กอิน {{pluginName}}::{{contextName}} ไม่สามารถทำงานได้",
+        "executed-at-ms": "ปลั๊กอิน {{pluginName}}::{{contextName}} ทำงานแล้วที่ {{ms}}ms",
+        "initialize-failed": "ไม่สามารถเริ่มต้นปลั๊กอิน \"{{pluginName}}\"",
+        "load-all": "กำลังโหลดปลั๊กอินทั้งหมด",
+        "load-failed": "ไม่สามารถโหลดปลั๊กอิน \"{{pluginName}}\"",
+        "loaded": "โหลดปลั๊กอิน \"{{pluginName}}\" แล้ว",
+        "unload-failed": "ล้มเหลวในการยกเลิกการโหลดปลั๊กอิน \"{{pluginName}}\"",
+        "unloaded": "ยกเลิกการโหลดปลั๊กอิน \"{{pluginName}}\" แล้ว"
+      }
+    }
+  },
   "language": {
     "code": "th",
     "local-name": "ภาษาไทย",
     "name": "Thai"
+  },
+  "main": {
+    "console": {
+      "did-finish-load": {
+        "dev-tools": "การโหลดเสร็จสิ้น DevTools ได้ถูกเปิดแล้ว"
+      },
+      "i18n": {
+        "loaded": "โหลด i18n แล้ว"
+      },
+      "second-instance": {
+        "receive-command": "คำสั่งที่ได้รับผ่านโปรโตคอล: \"{{command}}\""
+      },
+      "theme": {
+        "css-file-not-found": "กำลังเพิกเฉยไฟล์ CSS \"{{cssFile}}\" เนื่องจากไม่มีอยู่"
+      },
+      "unresponsive": {
+        "details": "มีข้อผิดพลาดจากไม่การตอบสนอง!\n{{error}}"
+      },
+      "when-ready": {
+        "clearing-cache-after-20s": "กำลังล้างแคชของแอป"
+      },
+      "window": {
+        "tried-to-render-offscreen": "หน้าต่างพยายามแสดงผลเกินขนาดหน้าจอ windowSize={{windowSize}}, displaySize={{displaySize}}, position={{position}}"
+      }
+    },
+    "dialog": {
+      "unresponsive": {
+        "buttons": {
+          "quit": "เลิก"
+        }
+      },
+      "update-available": {
+        "buttons": {
+          "disable": "ปิดใช้งานการอัปเดต",
+          "download": "ดาวน์โหลด",
+          "ok": "ตกลง"
+        },
+        "detail": "มีเวอร์ชันใหม่ให้ดาวน์โหลดแล้วที่ {{downloadLink}}",
+        "message": "มีเวอร์ชันใหม่ให้ใช้งานแล้ว",
+        "title": "อัปเดตพร้อมใช้งาน"
+      }
+    },
+    "menu": {
+      "about": "เกี่ยวกับ",
+      "navigation": {
+        "submenu": {
+          "copy-current-url": "คัดลอก URL ปัจจุบัน",
+          "go-back": "ก่อนหน้า",
+          "go-forward": "ถัดไป",
+          "quit": "ออก",
+          "restart": "รีสตาร์ทแอป"
+        }
+      },
+      "options": {
+        "label": "ตัวเลือก",
+        "submenu": {
+          "advanced-options": {
+            "label": "ตัวเลือกขั้นสูง",
+            "submenu": {
+              "auto-reset-app-cache": "รีเซตแอปแคชเมื่อเริ่มแอป",
+              "disable-hardware-acceleration": "ปิดการใช้งานตัวเร่งประสิทธิภาพด้วยฮาร์ดแวร์",
+              "edit-config-json": "แก้ไข config.json",
+              "override-user-agent": "แทนที่ User-Agent"
+            }
+          }
+        }
+      }
+    }
+  },
+  "plugins": {
+    "downloader": {
+      "backend": {
+        "feedback": {
+          "download-info": "กำลังดาวน์โหลด {{artist}} - {{title}} [{{videoId}}",
+          "download-progress": "ดาวน์โหลด: {{percent}}%",
+          "downloading": "กำลังดาวน์โหลด…",
+          "downloading-counter": "กำลังดาวน์โหลด {{current}}/{{total}}…",
+          "downloading-playlist": "กำลังดาวน์โหลดเพลย์ลีสต์ \"{{playlistTitle}}\" - {{playlistSize}} เพลง ({{playlistId}})",
+          "error-while-downloading": "เกิดข้อผิดพลาดในการดาวน์โหลด \"{{author}} - {{title}}\": {{error}}",
+          "folder-already-exists": "มีโฟลเดอร์ {{playlistFolder}} อยู่แล้ว",
+          "getting-playlist-info": "กำลังรับข้อมูลเพลย์ลิสต์…",
+          "loading": "กำลังโหลด…",
+          "playlist-has-only-one-song": "เพลย์ลิสต์มีเพียงเพลงเดียวเท่านั้น กำลังดาวน์โหลดเพลงนั้นโดยตรง",
+          "playlist-id-not-found": "ไม่พบ ID เพลย์ลิสต์",
+          "playlist-is-empty": "เพลย์ลิสต์ว่างเปล่า",
+          "playlist-is-mix-or-private": "เกิดข้อผิดพลาดในการรับข้อมูลเพลย์ลิสต์: ตรวจสอบให้แน่ใจว่าไม่ใช่เพลย์ลิสต์ส่วนตัวหรือเพลย์ลิสต์ \"มิกซ์สำหรับคุณ\"\n\n{{error}}",
+          "preparing-file": "กำลังเตรียมไฟล์…",
+          "saving": "กำลังบันทึก…",
+          "trying-to-get-playlist-id": "กำลังพยายามรับ ID เพลย์ลิสต์: {{playlistId}}",
+          "video-id-not-found": "ไม่พบวิดีโอ",
+          "writing-id3": "กำลังเขียนแท็ก ID3…"
+        }
+      },
+      "description": "ดาวน์โหลด MP3 / เสียงต้นฉบับโดยตรงจากอินเทอร์เฟซ",
+      "menu": {
+        "choose-download-folder": "เลือกโฟลเดอร์ดาวน์โหลด",
+        "download-playlist": "ดาวน์โหลดเพลย์ลิสต์",
+        "skip-existing": "ข้ามไฟล์ที่มีอยู่แล้ว"
+      },
+      "name": "ตัวดาวน์โหลด",
+      "renderer": {
+        "can-not-update-progress": "ไม่สามารถอัปเดตความคืบหน้าได้"
+      },
+      "templates": {
+        "button": "ดาวน์โหลด"
+      }
+    }
   }
 }

src/i18n/resources/tr.json

@@ -7,7 +7,9 @@
         "initialize-failed": "\"{{pluginName}}\" eklentisi başlatılamadı",
         "load-all": "Tüm eklentiler yükleniyor",
         "load-failed": "\"{{pluginName}}\" eklentisi yüklenemedi",
-        "loaded": "\"{{pluginName}}\" eklentisi yüklendi"
+        "loaded": "\"{{pluginName}}\" eklentisi yüklendi",
+        "unload-failed": "\"{{pluginName}}\" eklentisi çıkartılamadı",
+        "unloaded": "\"{{pluginName}}\" eklentisi çıkartıldı"
       }
     }
   },
@@ -23,56 +25,142 @@
       },
       "i18n": {
         "loaded": "i18n yüklendi"
+      },
+      "second-instance": {
+        "receive-command": "Protokol üzerinden alınan komut: \"{{command}}\""
+      },
+      "theme": {
+        "css-file-not-found": "\"{{cssFile}}\" adlı CSS dosyası bulunamadı, yok sayılıyor"
+      },
+      "unresponsive": {
+        "details": "Yanıt verilmedi!\n{{error}}"
+      },
+      "when-ready": {
+        "clearing-cache-after-20s": "Uygulama ön belleği temizleme"
+      },
+      "window": {
+        "tried-to-render-offscreen": "Pencere ekranın dışında oluşturulmaya çalışıldı, windowSize={{windowSize}}, displaySize={{displaySize}}, position={{position}}"
       }
     },
     "dialog": {
       "hide-menu-enabled": {
-        "message": "Gizli menüyü etkinleştir"
+        "detail": "Menü gizli, göstermek için 'Alt' tuşunu kullanın (veya Uygulama İçi Menüyü kullanıyorsanız 'Escape' tuşunu kullanın)",
+        "message": "Menüyü gizle etkinleştirildi",
+        "title": "Menüyü gizle etkinleştirildi"
+      },
+      "need-to-restart": {
+        "buttons": {
+          "later": "Daha Sonra",
+          "restart-now": "Şimdi yeniden başlat"
+        },
+        "detail": "\"{{pluginName}}\" eklentisinin çalışabilmesi için yeniden başlatman gerekiyor",
+        "message": "\"{{pluginName}}\" için yeniden başlatman gerekiyor",
+        "title": "Uygulamayı yeniden başlatman gerekiyor"
+      },
+      "unresponsive": {
+        "buttons": {
+          "quit": "Çıkış",
+          "relaunch": "Tekrar Başlat",
+          "wait": "Bekle"
+        },
+        "detail": "Rahatsızlık için özür dileriz! Lütfen ne yapacağınızı seçin:",
+        "message": "Uygulama yanıt vermiyor",
+        "title": "Pencere yanıt vermiyor"
       },
       "update-available": {
         "buttons": {
+          "disable": "Güncellemeleri devre dışı bırak",
           "download": "İndir",
           "ok": "Tamam"
-        }
+        },
+        "detail": "Yeni bir sürüm mevcut. {{downloadLink}} adresi üzerinden indirebilirsin",
+        "message": "Yeni bir sürüm mevcut",
+        "title": "Güncelleme Mevcut"
       }
     },
     "menu": {
+      "about": "Hakkında",
       "navigation": {
-        "label": "Navigasyon"
+        "label": "Navigasyon",
+        "submenu": {
+          "copy-current-url": "Geçerli Url'yi kopyala",
+          "go-back": "Geri dön",
+          "go-forward": "İlerle",
+          "quit": "Çıkış",
+          "restart": "Uygulamayı Yeniden Başlat"
+        }
       },
       "options": {
         "label": "Seçenekler",
         "submenu": {
           "advanced-options": {
+            "label": "Gelişmiş Seçenekler",
             "submenu": {
+              "auto-reset-app-cache": "Uygulama başlatıldığında uygulama önbelleğini sıfırla",
+              "disable-hardware-acceleration": "Donanım hızlandırmayı devre dışı bırak",
+              "edit-config-json": "Düzenle config.json",
+              "override-user-agent": "\"User-Agent \"ı geçersiz kıl",
+              "restart-on-config-changes": "Yapılandırma değişikliğinde yeniden başlat",
               "set-proxy": {
                 "label": "Proxy ayarla",
                 "prompt": {
+                  "label": "Proxy Adresini Gir: (devre dışı bırakmak için boş bırakın)",
+                  "placeholder": "Örnek: SOCKS5://127.0.0.1:9999",
                   "title": "Proxy ayarla"
                 }
-              }
+              },
+              "toggle-dev-tools": "DevTools'u Aç / Kapat"
             }
           },
+          "always-on-top": "Her zaman üstte",
           "auto-update": "Otomatik Güncelleme",
-          "language": {
-            "label": "Dil"
+          "hide-menu": {
+            "dialog": {
+              "message": "Menü bir sonraki açılışta gizlenecektir, göstermek için [Alt] tuşunu kullanın (veya uygulama-içi-menü kullanıyorsanız [`] tuşuna geri basın)",
+              "title": "Gizli Menü Aktif"
+            },
+            "label": "Gizli Menü"
           },
+          "language": {
+            "dialog": {
+              "message": "Dil değişikliği yeniden başlattıktan sonra etkinleşecektir",
+              "title": "Dil değiştirildi"
+            },
+            "label": "Dil",
+            "submenu": {
+              "to-help-translate": "Çeviriye yardım etmek ister misiniz? Buraya tıklayın"
+            }
+          },
+          "resume-on-start": "Uygulama başlatıldığında son şarkıyı devam ettir",
+          "single-instance-lock": "Tek Örnek Kilidi",
           "start-at-login": "Başlangıçta çalıştır",
+          "starting-page": {
+            "label": "Başlangıç sayfası",
+            "unset": "Ayarlanmadı"
+          },
           "tray": {
             "label": "Tepsi",
             "submenu": {
-              "enabled-and-hide-app": "Uygulamayı etkinleştirin gizleyin.",
-              "play-pause-on-click": "Tıklaynınca Oynat-Duraklat"
+              "disabled": "Devre Dışı",
+              "enabled-and-hide-app": "Uygulamayı etkinleştirin gizleyin",
+              "enabled-and-show-app": "Etkinleştir ve uygulamayı göster",
+              "play-pause-on-click": "Tıklandığında Oynat/Duraklat"
             }
           },
           "visual-tweaks": {
+            "label": "Görsel İnce Ayarlar",
             "submenu": {
               "like-buttons": {
-                "default": "Varsayılan"
+                "default": "Varsayılan",
+                "force-show": "Zorla göster",
+                "hide": "Gizle",
+                "label": "Beğenme düğmeleri"
               },
+              "remove-upgrade-button": "Yükseltme düğmesini kaldır",
               "theme": {
                 "label": "Tema",
                 "submenu": {
+                  "import-css-file": "Özel CSS dosyanı içeri aktar",
                   "no-theme": "Tema Yok"
                 }
               }
@@ -81,10 +169,32 @@
         }
       },
       "plugins": {
-        "label": "Eklentiler"
+        "enabled": "Aktif",
+        "label": "Eklentiler",
+        "new": "YENİ"
       },
       "view": {
-        "label": "Görüntü"
+        "label": "Görüntü",
+        "submenu": {
+          "force-reload": "Zorla yeniden başlat",
+          "reload": "Yeniden Başlat",
+          "reset-zoom": "Asıl Boyut",
+          "toggle-fullscreen": "Tam Ekran'a Geçiş",
+          "zoom-in": "Yakınlaştır",
+          "zoom-out": "Uzaklaştır"
+        }
+      }
+    },
+    "tray": {
+      "next": "Sonraki",
+      "play-pause": "Oynat/Durdur",
+      "previous": "Önceki",
+      "quit": "Çıkış",
+      "restart": "Yeniden başlat",
+      "show": "Pencereyi görüntüle",
+      "tooltip": {
+        "default": "YouTube Müzik",
+        "with-song-info": "YouTube Müzik: {{artist}} - {{title}}"
       }
     }
   },
@@ -92,20 +202,33 @@
     "adblocker": {
       "description": "Tüm reklamları ve izleyicileri engelle",
       "menu": {
-        "blocker": "Engelleme Yöntemi"
+        "blocker": "Engelleyici"
       },
-      "name": "Adblocker"
+      "name": "Reklam Engelleyici"
+    },
+    "album-actions": {
+      "description": "Çalma listesindeki veya albümdeki tüm şarkılara Beğendim ve Beğenmedim düğmeleri ekler",
+      "name": "Albüm Eylemleri"
     },
     "album-color-theme": {
-      "description": "Albümün renk paletine dayalı dinamik bir tema ve efektler uygular.",
+      "description": "Albümün renk paletine dayalı dinamik bir tema ve efektler uygular",
+      "menu": {
+        "color-mix-ratio": {
+          "label": "Renk karışım oranı",
+          "submenu": {
+            "percent": "{{ratio}}%"
+          }
+        }
+      },
       "name": "Albüm Renk Teması"
     },
     "ambient-mode": {
-      "description": "Videodaki yumuşak renkleri ekranınızın arka planına yansıtarak bir ışık efekti uygular..",
+      "description": "Videodaki yumuşak renkleri ekranınızın arka planına yansıtarak bir ışık efekti uygular",
       "menu": {
         "blur-amount": {
+          "label": "Bulanıklık miktarı",
           "submenu": {
-            "pixels": "{{blurAmount}} pixels"
+            "pixels": "{{blurAmount}} piksel"
           }
         },
         "buffer": {
@@ -121,53 +244,82 @@
           }
         },
         "quality": {
+          "label": "Kalite",
           "submenu": {
-            "pixels": "{{quality}} pixels"
+            "pixels": "{{quality}} piksel"
           }
         },
         "size": {
+          "label": "Boyut",
           "submenu": {
             "percent": "{{size}}%"
           }
         },
         "smoothness-transition": {
+          "label": "Yumuşak Geçiş",
           "submenu": {
-            "during": "{{interpolationTime}} saniye içinde"
+            "during": "{{interpolationTime}} saniye boyunca"
           }
+        },
+        "use-fullscreen": {
+          "label": "Tam ekran kullanılıyor"
         }
-      }
+      },
+      "name": "Ambiyans Modu"
     },
     "audio-compressor": {
-      "description": "Ses sıkıştırma (dalganın en gürültülü bölümlerinin ses düzeyini azaltır ve daha yumuşak bölümlerin ses düzeyini artırır)"
+      "description": "Ses sıkıştırma (dalganın en gürültülü bölümlerinin ses düzeyini azaltır ve daha yumuşak bölümlerin ses düzeyini artırır)",
+      "name": "Ses Sıkıştırma"
     },
     "blur-nav-bar": {
-      "description": "Gezinme çubuğunu şeffaf ve bulanık yapar"
+      "description": "Gezinme çubuğunu şeffaf ve bulanık yapar",
+      "name": "Navigasyon barını bulanıklaştır"
     },
     "bypass-age-restrictions": {
-      "description": "YouTube yaş doğrulamasını atla"
+      "description": "YouTube yaş doğrulamasını atla",
+      "name": "Yaş doğrulamasını atla"
     },
     "captions-selector": {
+      "description": "YouTube Music için altyazı seçici",
+      "menu": {
+        "autoload": "Son kullanılan altyazıyı otomatik olarak seç",
+        "disable-captions": "Varsayılan olarak altyazı yok"
+      },
+      "name": "Altyazı Seçici",
       "prompt": {
         "selector": {
-          "none": "Hiçbiri"
+          "label": "Geçerli altyazı dili: {{language}}",
+          "none": "Hiçbiri",
+          "title": "Altyazı dilini seç"
         }
+      },
+      "templates": {
+        "title": "Altyazı seçiciyi aç"
       }
     },
     "compact-sidebar": {
-      "description": "Her zaman kompakt kenar çubugu"
+      "description": "Her zaman kompakt kenar çubugu",
+      "name": "Kompakt Kenar Çubuğu"
     },
     "crossfade": {
+      "description": "Şarkılar arasında Çapraz Geçiş",
       "menu": {
-        "advanced": "İleri düzey için"
+        "advanced": "Gelişmiş"
       },
+      "name": "Çapraz Geçiş [Beta]",
       "prompt": {
         "options": {
           "multi-input": {
+            "fade-in-duration": "Güçlenme süresi (ms)",
+            "fade-out-duration": "Zayıflama süresi (ms)",
             "fade-scaling": {
+              "label": "Zayıflama Ölçeği",
               "linear": "Doğrusal",
               "logarithmic": "Logaritmik"
-            }
-          }
+            },
+            "seconds-before-end": "Bitişten N saniye önce çapraz geçiş"
+          },
+          "title": "Çapraz Geçiş ayarları"
         }
       }
     },
@@ -175,14 +327,33 @@
       "description": "Şarkıların otomatik olarak duraklatılmasını sağlar",
       "menu": {
         "apply-once": "Yalnızca ilk şarkı için geçerlidir"
-      }
+      },
+      "name": "Otomatik oynatmayı devre dışı bırak"
     },
     "discord": {
-      "description": "Rich Presence ile Discord'da ne dinlediğinizi gösterin.",
+      "backend": {
+        "already-connected": "Aktif bağlantı olduğu halde bağlantı kurulmaya çalışıldı",
+        "connected": "Discord'a bağlandı",
+        "disconnected": "Discord ile bağlantı kesildi"
+      },
+      "description": "Rich Presence ile Discord'da ne dinlediğinizi gösterin",
       "menu": {
+        "auto-reconnect": "Otomatik yeniden bağlan",
+        "clear-activity": "Etkinliği temizle",
+        "clear-activity-after-timeout": "Zaman aşımından sonra etkinliği temizle",
+        "connected": "Bağlı",
+        "disconnected": "Bağlantı kesildi",
         "hide-duration-left": "Kalan süreyi gizle",
         "hide-github-button": "GitHub bağlantısını gizle",
+        "play-on-youtube-music": "YouTube Music de oynat",
         "set-inactivity-timeout": "Hareketsizlik zaman aşımını ayarla"
+      },
+      "name": "Discord Etkinlik Durumu",
+      "prompt": {
+        "set-inactivity-timeout": {
+          "label": "Hareketsizlik zaman aşımını saniye cinsinden girin:",
+          "title": "Hareketsizlik zaman aşımını ayarla"
+        }
       }
     },
     "downloader": {
@@ -192,71 +363,320 @@
             "buttons": {
               "ok": "Tamam"
             },
-            "title": "İndirmede hata meydana geldi!"
+            "message": "Argh! Özür dilerim, indirme başarısız oldu…",
+            "title": "İndirme sırasında bir hata meydana geldi!"
           },
           "start-download-playlist": {
             "buttons": {
               "ok": "Tamam"
             },
-            "message": "Çalma listesini indir : {{playlistTitle}}",
+            "detail": "({{playlistSize}} şarkı)",
+            "message": "Oynatma listesini indir : {{playlistTitle}}",
             "title": "İndirme Başladı"
           }
         },
         "feedback": {
           "conversion-progress": "Dönüştürme : {{percent}}%",
+          "converting": "Dönüştürülüyor…",
+          "done": "Tamamlandı: {{filePath}}",
+          "download-info": "{{artist}} - {{title}} [{{videoId}} indiriliyor",
           "download-progress": "İndirme : {{percent}}%",
-          "preparing-file": "Dosya Hazırlanıyor…"
+          "downloading": "İndiriliyor…",
+          "downloading-counter": "İndiriliyor {{current}}/{{total}}…",
+          "downloading-playlist": "\"{{playlistTitle}}\" şarkı listesi indiriliyor - {{playlistSize}} şarkı ({{playlistId}})",
+          "error-while-downloading": "\"{{author}} - {{title}}\" indirilirken hata oluştu: {{error}}",
+          "folder-already-exists": "{{playlistFolder}} klasörü zaten mevcut",
+          "getting-playlist-info": "Oynatma listesi bilgisi alınıyor…",
+          "loading": "Yükleniyor…",
+          "playlist-has-only-one-song": "Oynatma listesinde yalnızca bir şarkı var, doğrudan indiriliyor",
+          "playlist-id-not-found": "Oynatma listesi ID'si bulunamadı",
+          "playlist-is-empty": "Oynatma listesi boş",
+          "playlist-is-mix-or-private": "Çalma listesi bilgisi alınırken hata oluştu: özel veya \"Size özel karışık\" bir çalma listesi olmadığından emin olun\n\n{{error}}",
+          "preparing-file": "Dosya Hazırlanıyor…",
+          "saving": "Kaydediliyor…",
+          "trying-to-get-playlist-id": "Çalma listesi ID'si alınmaya çalışılıyor: {{playlistId}}",
+          "video-id-not-found": "Video bulunamadı",
+          "writing-id3": "ID3 etiketleri yazılıyor…"
         }
       },
+      "description": "MP3 / kaynak sesini doğrudan arayüzden indir",
+      "menu": {
+        "choose-download-folder": "İndirme klasörünü seç",
+        "download-playlist": "Oynatma listesini indir",
+        "presets": "Hazır Ayarlar",
+        "skip-existing": "Mevcut dosyaları atla"
+      },
+      "name": "İndirici",
+      "renderer": {
+        "can-not-update-progress": "İlerleme güncellenemiyor"
+      },
       "templates": {
         "button": "İndir"
       }
     },
-    "last-fm": {
-      "name": "Last.fm"
+    "exponential-volume": {
+      "description": "Ses seviyesi kaydırıcısını üstel hale getirir, böylece daha düşük ses seviyelerini seçmek daha kolay olur.",
+      "name": "Üstel Ses Seviyesi"
+    },
+    "in-app-menu": {
+      "description": "Menü çubuklarına süslü, koyu veya albüm renginde bir görünüm verir",
+      "menu": {
+        "hide-dom-window-controls": "DOM penceresi kontrollerini gizle"
+      },
+      "name": "Uygulama İçi Menü"
+    },
+    "lumiastream": {
+      "description": "Lumia Stream desteği ekler",
+      "name": "Lumia Stream [Beta]"
+    },
+    "lyrics-genius": {
+      "description": "Çoğu şarkı için şarkı sözü desteği ekler",
+      "menu": {
+        "romanized-lyrics": "Romanlaştırılmış Şarkı Sözleri"
+      },
+      "name": "Genius Şarkı Sözleri",
+      "renderer": {
+        "fetched-lyrics": "Şarkı sözleri genius tarafından alındı"
+      }
+    },
+    "music-together": {
+      "description": "Oynatma listesini başkalarıyla paylaşın. Sunucu sahibi bir şarkı çaldığında, diğer herkes aynı şarkıyı duyacak",
+      "dialog": {
+        "enter-host": "Sunucu ID'si Girin"
+      },
+      "internal": {
+        "save": "Kaydet",
+        "track-source": "Parça Kaynağı",
+        "unknown-user": "Bilinmeyen Kullanıcı"
+      },
+      "menu": {
+        "click-to-copy-id": "Sunucu ID'sini kopyala",
+        "close": "Birlikte Müziği Kapat",
+        "connected-users": "Bağlanan Kullanıcılar",
+        "disconnect": "Birlikte Müzik Bağlantısını Kesin",
+        "empty-user": "Bağlı kullanıcı bulunmuyor",
+        "host": "Birlikte Müzik Sunucusu",
+        "join": "Birlikte Müziğe Katıl",
+        "permission": {
+          "all": "Konukların oynatma listesini ve oynatıcıyı kontrol etmesine izin ver",
+          "host-only": "Çalma listesini ve oynatıcıyı yalnızca yönetici kontrol edebilir",
+          "playlist": "Konukların oynatma listesini kontrol etmesine izin ver"
+        },
+        "set-permission": "Kontrol İznini Değiştir",
+        "status": {
+          "disconnected": "Bağlantı kesildi",
+          "guest": "Misafir olarak bağlandı",
+          "host": "Sunucu Sahibi olarak bağlandı"
+        }
+      },
+      "name": "Birlikte Müzik [Beta]",
+      "toast": {
+        "add-song-failed": "Şarkı eklenirken bir hata meydana geldi",
+        "closed": "Birlikte Müzik kapatıldı",
+        "disconnected": "Birlikte Müzik bağlantı kesildi",
+        "host-failed": "Birlikte Müzik sunucusu kurulamadı",
+        "id-copied": "Sunucu ID'si kopyalandı",
+        "id-copy-failed": "Sunucu ID'si panoya kopyalanamadı",
+        "join-failed": "Birlikte Müziğe katılırken bir hata meydana geldi",
+        "joined": "Birlikte Müziğe Katıldı",
+        "permission-changed": "Birlikte Müzik yetkisi \"{{permission}}\" olarak değiştirildi",
+        "remove-song-failed": "Şarkı kaldırılırken bir hata meydana geldi",
+        "user-connected": "{{name}} Birlikte Müziğe Katıldı",
+        "user-disconnected": "{{name}} Birlikte Müzik'ten ayrıldı"
+      }
     },
     "navigation": {
+      "description": "Favori tarayıcınızdaki gibi doğrudan arayüze entegre edilmiş İleri/Geri gezinme okları",
       "name": "Navigasyon"
     },
     "no-google-login": {
+      "description": "Google giriş düğmelerini ve bağlantılarını arayüzden kaldır",
       "name": "Google Girişini Kaldır"
     },
     "notifications": {
+      "description": "Bir şarkı çalmaya başladığında bir bildirim görüntüler (etkileşimli bildirimler Windows'ta mevcuttur)",
+      "menu": {
+        "interactive": "İnteraktif Bildirimler",
+        "interactive-settings": {
+          "label": "İnteraktif Ayarlar",
+          "submenu": {
+            "hide-button-text": "Buton metnini gizle",
+            "refresh-on-play-pause": "Oynat/Duraklat'ta Yenile",
+            "tray-controls": "Tepsi tıklamasıyla Aç/Kapat"
+          }
+        },
+        "priority": "Bildirim Önceliği",
+        "toast-style": "Bildirim Tarzı",
+        "unpause-notification": "Şarkı tekrar oynatılınca bildirim göster"
+      },
       "name": "Bildirimler"
     },
-    "shortcuts": {
+    "picture-in-picture": {
+      "description": "Uygulamayı resim-içinde-resim moduna geçirmeye izin verir",
+      "menu": {
+        "always-on-top": "Her zaman üstte",
+        "hotkey": {
+          "label": "Kısayol",
+          "prompt": {
+            "keybind-options": {
+              "hotkey": "Kısayol"
+            },
+            "label": "Resim-içinde-resim arasında geçiş yapmak için bir kısayol tuşu seçin",
+            "title": "Resim-içinde-resim Kısayol Tuşu"
+          }
+        },
+        "save-window-position": "Pencere konumunu kaydet",
+        "save-window-size": "Pencere boyutunu kaydet",
+        "use-native-pip": "Tarayıcı yerel PiP'sini kullan"
+      },
+      "name": "Resim-içinde-resim",
+      "templates": {
+        "button": "Resim-içinde-resim"
+      }
+    },
+    "playback-speed": {
+      "description": "Hızlı dinle, yavaş dinle! Şarkı hızını kontrol eden bir kaydırıcı ekler",
+      "name": "Oynatma Hızı",
+      "templates": {
+        "button": "Hız"
+      }
+    },
+    "precise-volume": {
+      "description": "Özel bir HUD ve özelleştirilebilir ses seviyesi adımları ile fare tekerleği / kısayol tuşlarını kullanarak ses seviyesini hassas bir şekilde kontrol edin",
+      "menu": {
+        "arrows-shortcuts": "Yerel Ok Tuşu Kontrolleri",
+        "custom-volume-steps": "Özel Ses Seviyesi Adımlarını Ayarlama",
+        "global-shortcuts": "Genel Kısayol Tuşları"
+      },
+      "name": "Hassas Ses Seviyesi",
       "prompt": {
-        "keybind": {
+        "global-shortcuts": {
           "keybind-options": {
-            "next": "İler"
+            "decrease": "Ses Seviyesi Azaltma",
+            "increase": "Ses Seviyesi Yükseltme"
+          },
+          "label": "Genel Ses Tuş Atamalarını seçin:",
+          "title": "Genel Ses Tuş Atamaları"
+        },
+        "volume-steps": {
+          "label": "Ses Artırma/Azaltma Kademelerini Seçin",
+          "title": "Ses Kademeleri"
+        }
+      }
+    },
+    "quality-changer": {
+      "backend": {
+        "dialog": {
+          "quality-changer": {
+            "detail": "Mevcut Kalite: {{quality}}",
+            "message": "Video Kalitesini Seçin:",
+            "title": "Video Kalitesini Seçin"
+          }
+        }
+      },
+      "description": "Video katmanı üzerindeki bir düğme ile video kalitesinin değiştirilmesine izin verir",
+      "name": "Video Kalitesi Değiştirici"
+    },
+    "scrobbler": {
+      "description": "Listeleme desteği ekler (lastfm, listenbrainz ve benzeri)",
+      "menu": {
+        "lastfm": {
+          "api-settings": "Last.fm API Ayarları"
+        },
+        "listenbrainz": {
+          "token": "ListenBrainz kullanıcı kimliğinizi girin"
+        },
+        "scrobble-other-media": "Diğer medya ortamlarında listele"
+      },
+      "name": "Listeleyici",
+      "prompt": {
+        "lastfm": {
+          "api-key": "Last.fm API anahtarı",
+          "api-secret": "Last.fm API gizli anahtar"
+        },
+        "listenbrainz": {
+          "token": {
+            "label": "ListenBrainz kullanıcı kimliğinizi girin:",
+            "title": "ListenBrainz kimliği"
           }
         }
       }
     },
+    "shortcuts": {
+      "description": "Oynatma için global kısayol tuşları (oynat/duraklat/sonraki/önceki) ayarlamaya ve medya tuşlarını geçersiz kılarak medya OSD'sini kapatmaya, arama yapmak için Ctrl/CMD + F tuşlarını açmaya, medya tuşları için Linux MPRIS desteğini açmaya ve ileri düzey kullanıcılar için özel kısayol tuşlarına izin verir",
+      "menu": {
+        "override-media-keys": "Medya Tuşlarını Geçersiz Kıl",
+        "set-keybinds": "Global Şarkı Kontrollerini Ayarla"
+      },
+      "name": "Kısayollar (& MPRIS)",
+      "prompt": {
+        "keybind": {
+          "keybind-options": {
+            "next": "İler",
+            "play-pause": "Oynat / Durdur",
+            "previous": "Önceki"
+          },
+          "label": "Şarkı Kontrolü için Genel Tuş Atamaları'nı seçin:",
+          "title": "Genel Tuş Atamaları"
+        }
+      }
+    },
+    "skip-disliked-songs": {
+      "description": "Beğenmediğin şarkıları atlar",
+      "name": "Beğenmediklerini Atla"
+    },
+    "skip-silences": {
+      "description": "Şarkılardaki sessiz bölümleri otomatik olarak atlar",
+      "name": "Sessizlikleri Atla"
+    },
     "sponsorblock": {
+      "description": "Giriş/Çıkış gibi müzik olmayan kısımları veya müzik videolarında şarkının çalmadığı kısımları otomatik olarak atlar",
       "name": "SponsorBlock"
     },
+    "taskbar-mediacontrol": {
+      "description": "Windows görev çubuğu üzerinden oynatmayı kontrol edebilmenize olanak sağlar",
+      "name": "Görev Çubuğu Medya Kontrolü"
+    },
     "touchbar": {
+      "description": "macOS kullanıcıları için bir TouchBar widget'ı ekler",
       "name": "TouchBar"
     },
     "tuna-obs": {
+      "description": "OBS eklentisi Tuna ile entegrasyon sağlar",
       "name": "Tuna OBS"
     },
     "video-toggle": {
+      "description": "Video/Şarkı modu arasında geçiş yapmak için bir düğme ekler. ayrıca isteğe bağlı olarak tüm video sekmesini kaldırabilir",
       "menu": {
         "align": {
+          "label": "Hizalama",
           "submenu": {
+            "left": "Sol",
             "middle": "Orta",
             "right": "Sağ"
           }
         },
+        "force-hide": "Video sekmesini kaldırmaya zorla",
         "mode": {
-          "label": "Mod"
+          "label": "Mod",
+          "submenu": {
+            "custom": "Özel Ayar",
+            "disabled": "Devre dışı",
+            "native": "Yerel geçiş"
+          }
         }
       },
+      "name": "Video Geçiş",
       "templates": {
         "button": "Şarkı"
       }
+    },
+    "visualizer": {
+      "description": "Oynatıcıya bir görselleştirici ekler",
+      "menu": {
+        "visualizer-type": "Görselleştirici Tipi"
+      },
+      "name": "Görselleştirici"
     }
   }
 }

src/i18n/resources/uk.json

@@ -170,7 +170,8 @@
       },
       "plugins": {
         "enabled": "Увімкнено",
-        "label": "Плагіни"
+        "label": "Плагіни",
+        "new": "НОВЕ"
       },
       "view": {
         "label": "Вид",
@@ -190,7 +191,11 @@
       "previous": "Попередній",
       "quit": "Вихід",
       "restart": "Перезапустити програму",
-      "show": "Показати вікно"
+      "show": "Показати вікно",
+      "tooltip": {
+        "default": "YouTube Music",
+        "with-song-info": "YouTube Music: {{artist}} - {{title}}"
+      }
     }
   },
   "plugins": {
@@ -201,12 +206,24 @@
       },
       "name": "Блокувальник реклами"
     },
+    "album-actions": {
+      "description": "Додати андізлайк, дізлайк, лайк та анлайк кнопки щоб застосувати це до всіх пісень в плейлисті або альбомі",
+      "name": "Дії з альбомами"
+    },
     "album-color-theme": {
       "description": "Застосовує динамічну тему та візуальні ефекти на основі колірної палітри альбому",
+      "menu": {
+        "color-mix-ratio": {
+          "label": "Співвідношення змішування кольорів",
+          "submenu": {
+            "percent": "{{ratio}}%"
+          }
+        }
+      },
       "name": "Кольорова тема альбому"
     },
     "ambient-mode": {
-      "description": "Застосовує ефект освітлення, накладаючи ніжні кольори з відео на фон екрана.",
+      "description": "Застосовує ефект освітлення, накладаючи ніжні кольори з відео на фон екрана",
       "menu": {
         "blur-amount": {
           "label": "Обсяг розмиття",
@@ -289,7 +306,7 @@
       "menu": {
         "advanced": "Розширене"
       },
-      "name": "Плавний перехід[бета-версія]",
+      "name": "Плавний перехід[Бета]",
       "prompt": {
         "options": {
           "multi-input": {
@@ -331,7 +348,7 @@
         "play-on-youtube-music": "Слухати на YouTube Music",
         "set-inactivity-timeout": "Встановити тайм-аут бездіяльності"
       },
-      "name": "Discord Rich Presence",
+      "name": "Активність Discord",
       "prompt": {
         "set-inactivity-timeout": {
           "label": "Введіть тайм-аут бездіяльності в секундах:",
@@ -399,10 +416,267 @@
     },
     "exponential-volume": {
       "description": "Робить регулятор гучності експоненціальним, що полегшує вибір тихих рівнів гучності.",
-      "name": "Експоненціальний обсяг"
+      "name": "Експоненціальна гучність"
     },
     "in-app-menu": {
-      "description": "Надає меню-барам вишуканого, темного або кольору альбому вигляду"
+      "description": "Надає панелям меню вишуканий темний або кольоровий вигляд, схожий на альбом",
+      "menu": {
+        "hide-dom-window-controls": "Сховати елементи керування вікном DOM"
+      },
+      "name": "Меню в програмі"
+    },
+    "lumiastream": {
+      "description": "Додано підтримку для Lumia Stream",
+      "name": "Lumia Stream [Бета]"
+    },
+    "lyrics-genius": {
+      "description": "Додає підтримку текстів для більшості пісень",
+      "menu": {
+        "romanized-lyrics": "Романізовані тексти"
+      },
+      "name": "Тексти з Genius",
+      "renderer": {
+        "fetched-lyrics": "Тексти надано Genius"
+      }
+    },
+    "music-together": {
+      "description": "Поділитись музикою. Коли хост включає пісню, всі інші будуть чути ту ж пісню",
+      "dialog": {
+        "enter-host": "Введіть ID хоста"
+      },
+      "internal": {
+        "save": "Зберегти",
+        "track-source": "Джерело композиції",
+        "unknown-user": "Невідомий користувач"
+      },
+      "menu": {
+        "click-to-copy-id": "Скопіювати хост ID",
+        "close": "Вимкнути сумісне прослуховування",
+        "connected-users": "Підключені користувачі",
+        "disconnect": "Відключитись від Music Together",
+        "empty-user": "Немає підключених користувачів",
+        "host": "Хост Music Together",
+        "join": "Приєднатися до Music Together",
+        "permission": {
+          "all": "Дозволити гостям керувати списком відтворення та плеєром",
+          "host-only": "Лише хост може керувати списком відтворення та плеєром",
+          "playlist": "Дозволити гостям керувати списком відтворення"
+        },
+        "set-permission": "Змінити дозвіл на керування",
+        "status": {
+          "disconnected": "Відключено",
+          "guest": "Підключено як гість",
+          "host": "Підключено як хост"
+        }
+      },
+      "name": "Music Together [Бета]",
+      "toast": {
+        "add-song-failed": "Не вдалося додати пісню",
+        "closed": "Music Together закритий",
+        "disconnected": "Music Together відключено",
+        "host-failed": "Не вдалося увімкнути Music Together",
+        "id-copied": "ID хоста скопійовано в буфер обміну",
+        "id-copy-failed": "Не вдалося скопіювати ID хоста в буфер обміну",
+        "join-failed": "Не вдалося приєднатися до Music Together",
+        "joined": "Приєднано до Music Together",
+        "permission-changed": "Дозвіл Music Together змінено на \"{{permission}}\"",
+        "remove-song-failed": "Не вдалося видалити пісню",
+        "user-connected": "{{name}} приєднався до Music Together",
+        "user-disconnected": "{{name}} вийшов з Music Together"
+      }
+    },
+    "navigation": {
+      "description": "Стрілки навігації Вперед/Назад безпосередньо інтегровані в інтерфейс, як у вашому браузері, який ви використовуєте",
+      "name": "Навігація"
+    },
+    "no-google-login": {
+      "description": "Видалити кнопки та посилання для входу через Google з інтерфейсу",
+      "name": "Без входу в Google"
+    },
+    "notifications": {
+      "description": "Відображати сповіщення, коли пісня починає грати (інтерактивні сповіщення доступні в Windows)",
+      "menu": {
+        "interactive": "Інтерактивні сповіщення",
+        "interactive-settings": {
+          "label": "Інтерактивні налаштування",
+          "submenu": {
+            "hide-button-text": "Сховати текст кнопки",
+            "refresh-on-play-pause": "Оновлення при відтворенні/паузі",
+            "tray-controls": "Відкриття/закриття при натисканні на значок в області повідомлень (tray)"
+          }
+        },
+        "priority": "Пріоритет повідомлень",
+        "toast-style": "Стиль спливаючих повідомлень",
+        "unpause-notification": "Показувати повідомлення при відновленні відтворення після паузи"
+      },
+      "name": "Сповіщення"
+    },
+    "picture-in-picture": {
+      "description": "Дозволяє перемикати програму в режим «картинка в картинці»",
+      "menu": {
+        "always-on-top": "Завжди наверху",
+        "hotkey": {
+          "label": "Гаряча клавіша",
+          "prompt": {
+            "keybind-options": {
+              "hotkey": "Гаряча клавіша"
+            },
+            "label": "Оберіть гарячу клавішу для перемикання режиму зображення в зображенні",
+            "title": "Гаряча клавіша для режиму зображення в зображенні"
+          }
+        },
+        "save-window-position": "Зберегти положення вікна",
+        "save-window-size": "Зберегти розмір вікна",
+        "use-native-pip": "Використовувати вбудований режим \"картинка-у-картинці\" браузера"
+      },
+      "name": "Картинка-у-картинці",
+      "templates": {
+        "button": "Картинка-у-картинці"
+      }
+    },
+    "playback-speed": {
+      "description": "Додає слайдер, який керує швидкістю відтворення пісні",
+      "name": "Швидкість відтворення",
+      "templates": {
+        "button": "Швидкість"
+      }
+    },
+    "precise-volume": {
+      "description": "Точне керування гучністю за допомогою колеса миші/гарячих клавіш, з власним інтерфейсом користувача та настроюваними кроками гучності",
+      "menu": {
+        "arrows-shortcuts": "Локальне керування за допомогою клавіш зі стрілками",
+        "custom-volume-steps": "Встановити власні кроки гучності",
+        "global-shortcuts": "Глобальні гарячі клавіші"
+      },
+      "name": "Точна гучність",
+      "prompt": {
+        "global-shortcuts": {
+          "keybind-options": {
+            "decrease": "Зменшити гучність",
+            "increase": "Збільшити гучність"
+          },
+          "label": "Вибрати глобальні комбінації клавіш для зміни гучності:",
+          "title": "Глобальні комбінації клавіш для регулювання гучності"
+        },
+        "volume-steps": {
+          "label": "Вибрати кроки збільшення/зменшення гучності",
+          "title": "Кроки гучності"
+        }
+      }
+    },
+    "quality-changer": {
+      "backend": {
+        "dialog": {
+          "quality-changer": {
+            "detail": "Поточна якість: {{quality}}",
+            "message": "Вибрати якість відео:",
+            "title": "Виберіть якість відео"
+          }
+        }
+      },
+      "description": "Дозволяє змінювати якість відео за допомогою кнопки на відео оверлеї",
+      "name": "Зміна якості відео"
+    },
+    "scrobbler": {
+      "description": "Додає підтримку скроблінгу (last.fm, Listenbrainz тощо)",
+      "menu": {
+        "lastfm": {
+          "api-settings": "Налаштування API Last.fm"
+        },
+        "listenbrainz": {
+          "token": "Ввести токен користувача ListenBrainz"
+        },
+        "scrobble-other-media": "Скробилити інші медіа"
+      },
+      "name": "Скроблер",
+      "prompt": {
+        "lastfm": {
+          "api-key": "Ключ API Last.fm",
+          "api-secret": "Секрет API Last.fm"
+        },
+        "listenbrainz": {
+          "token": {
+            "label": "Введіть ваш токен користувача ListenBrainz:",
+            "title": "Токен ListenBrainz"
+          }
+        }
+      }
+    },
+    "shortcuts": {
+      "description": "Дозволяє встановлювати глобальні гарячі клавіші для управління відтворенням (відтворення/пауза/наступний/попередній), вимикаючи OSD для мультимедійних клавіш, увімкнення пошуку за допомогою Ctrl/CMD + F, увімкнення підтримки Linux MPRIS для мультимедійних клавіш та власних гарячих клавіш для досвідчених користувачів",
+      "menu": {
+        "override-media-keys": "Перевизначити мультимедійні клавіші",
+        "set-keybinds": "Встановити глобальні комбінації клавіш"
+      },
+      "name": "Гарячі клавіші (і MPRIS)",
+      "prompt": {
+        "keybind": {
+          "keybind-options": {
+            "next": "Наступний",
+            "play-pause": "Відтворення / Пауза",
+            "previous": "Попередній"
+          },
+          "label": "Виберіть глобальні комбінації клавіш для керування піснями:",
+          "title": "Глобальні комбінації клавіш"
+        }
+      }
+    },
+    "skip-disliked-songs": {
+      "description": "Пропускає пісні що не сподобались",
+      "name": "Пропускати пісні що не сподобались"
+    },
+    "skip-silences": {
+      "description": "Автоматично пропускати тишу в піснях",
+      "name": "Пропуск тиші"
+    },
+    "sponsorblock": {
+      "description": "Автоматично пропускати немузичні частини, такі як вступ/закінчення або частини музичних відеороликів, де не відтворюється музика",
+      "name": "SponsorBlock"
+    },
+    "taskbar-mediacontrol": {
+      "description": "Керування відтворенням з панелі завдань Windows",
+      "name": "Керування медіа на панелі завдань"
+    },
+    "touchbar": {
+      "description": "Додає віджет TouchBar для користувачів macOS",
+      "name": "TouchBar"
+    },
+    "tuna-obs": {
+      "description": "Інтеграція з плагіном Tuna для OBS",
+      "name": "Tuna OBS"
+    },
+    "video-toggle": {
+      "description": "Додає кнопку для перемикання між режимом відео і режимом пісні. Також може опціонально видаляти вкладку відео",
+      "menu": {
+        "align": {
+          "label": "Вирівнювання",
+          "submenu": {
+            "left": "Зліва",
+            "middle": "По центру",
+            "right": "Справа"
+          }
+        },
+        "force-hide": "Примусово видалити вкладку відео",
+        "mode": {
+          "label": "Режим",
+          "submenu": {
+            "custom": "Власний перемикач",
+            "disabled": "Вимкнено",
+            "native": "Вбудований перемикач"
+          }
+        }
+      },
+      "name": "Перемикач відео",
+      "templates": {
+        "button": "Пісня"
+      }
+    },
+    "visualizer": {
+      "description": "Додати візуалізацію до плеєра",
+      "menu": {
+        "visualizer-type": "Тип візуалізації"
+      },
+      "name": "Візуалізація"
     }
   }
 }

src/i18n/resources/vi.json

@@ -0,0 +1,673 @@
+{
+  "common": {
+    "console": {
+      "plugins": {
+        "execute-failed": "Lỗi khi bắt đầu phần mở rộng {{pluginName}}::{{contextName}}",
+        "executed-at-ms": "Phần mở rộng {{pluginName}}::{{contextName}} đã bắt đầu trong {{ms}}ms",
+        "initialize-failed": "Lỗi khi khởi động phần mở rộng \"{{pluginName}}\"",
+        "load-all": "Đang tải tất cả phần mở rộng",
+        "load-failed": "Lỗi khi tải phần mở rộng\"{{pluginName}}\"",
+        "loaded": "Đã tải phần mở rộng \"{{pluginName}}\"",
+        "unload-failed": "Lỗi khi hủy tải phần mở rộng \"{{pluginName}}\"",
+        "unloaded": "Đã hủy tải phần mở rộng \"{{pluginName}}\""
+      }
+    }
+  },
+  "language": {
+    "code": "vi",
+    "local-name": "Tiếng Việt",
+    "name": "Vietnamese"
+  },
+  "main": {
+    "console": {
+      "did-finish-load": {
+        "dev-tools": "Đã tải xong. Đã mở Công cụ dành cho nhà phát triển"
+      },
+      "i18n": {
+        "loaded": "i18n đã được tải"
+      },
+      "second-instance": {
+        "receive-command": "Đã nhận được lệnh qua giao thức: \"{{command}}\""
+      },
+      "theme": {
+        "css-file-not-found": "Tệp tin CSS \"{{cssFile}}\"không tồn tại, đang bỏ qua"
+      },
+      "unresponsive": {
+        "details": "Lỗi không phản hồi!\n{{error}}"
+      },
+      "when-ready": {
+        "clearing-cache-after-20s": "Xóa bộ nhớ đệm ứng dụng"
+      },
+      "window": {
+        "tried-to-render-offscreen": "Cửa sổ đã cố gắng hiển thị ngoài màn hình, windowSize={{windowSize}}, displaySize={{displaySize}}, location={{position}}"
+      }
+    },
+    "dialog": {
+      "hide-menu-enabled": {
+        "detail": "Menu đã ẩn, ấn phím 'Alt' để hiện menu (hoặc ấn 'Escape' nếu bạn đang bật In-app Menu)",
+        "message": "Ẩn Menu đã được bật",
+        "title": "Ẩn Menu đã được bật"
+      },
+      "need-to-restart": {
+        "buttons": {
+          "later": "Để sau",
+          "restart-now": "Khởi động lại ngay"
+        },
+        "detail": "Tiện ích mở rộng \"{{pluginName}}\" yêu cầu khởi động lại ứng dụng để áp dụng",
+        "message": "\"{{pluginName}}\" cần khởi động lại",
+        "title": "Yêu cầu khởi động lại"
+      },
+      "unresponsive": {
+        "buttons": {
+          "quit": "Thoát",
+          "relaunch": "Khởi chạy lại",
+          "wait": "Đợi"
+        },
+        "detail": "Chúng tôi xin lỗi về sự bất tiện này! hãy chọn việc cần làm:",
+        "message": "Ứng dụng không phản hồi",
+        "title": "Cửa sổ không phản hồi"
+      },
+      "update-available": {
+        "buttons": {
+          "disable": "Tắt cập nhật",
+          "download": "Tải xuống",
+          "ok": "Đồng ý"
+        },
+        "detail": "Đã có phiên bản mới hơn, bạn có thể tải xuống tại {{downloadLink}}",
+        "message": "Đã có phiên bản mới",
+        "title": "Cập nhật có sẵn"
+      }
+    },
+    "menu": {
+      "about": "Giới thiệu",
+      "navigation": {
+        "label": "Điều hướng",
+        "submenu": {
+          "copy-current-url": "Copy URL hiện tại",
+          "go-back": "Quay lại",
+          "go-forward": "Tiến về trước",
+          "quit": "Thoát",
+          "restart": "Khởi động lại ứng dụng"
+        }
+      },
+      "options": {
+        "label": "Tùy chọn",
+        "submenu": {
+          "advanced-options": {
+            "label": "Tùy chọn nâng cao",
+            "submenu": {
+              "auto-reset-app-cache": "Làm mới bộ nhớ đệm khi khởi động ứng dụng",
+              "disable-hardware-acceleration": "Vô hiệu hóa tăng tốc phần cứng",
+              "edit-config-json": "Chỉnh sửa config.json",
+              "override-user-agent": "Ghi đè User-Agent",
+              "restart-on-config-changes": "Khởi động lại khi thay đổi cấu hình",
+              "set-proxy": {
+                "label": "Cài đặt proxy",
+                "prompt": {
+                  "label": "Nhập địa chỉ Proxy: (để trống nếu muốn tắt)",
+                  "placeholder": "Ví dụ: SOCKS5://127.0.0.1:9999",
+                  "title": "Cài proxy"
+                }
+              },
+              "toggle-dev-tools": "Bật/tắt DevTools"
+            }
+          },
+          "always-on-top": "Luôn ở trên cùng",
+          "auto-update": "Tự động cập nhật",
+          "hide-menu": {
+            "dialog": {
+              "message": "Menu sẽ bị ẩn khi ứng dụng được chạy vào lần tới, dùng phím [Alt] để hiện nó (hoặc phím [`] nếu sử dụng in-app-menu)",
+              "title": "Ẩn Menu đã được bật"
+            },
+            "label": "Ẩn Menu"
+          },
+          "language": {
+            "dialog": {
+              "message": "Ngôn ngữ sẽ được thay đổi sau khi ứng dụng khởi động lại",
+              "title": "Ngôn ngữ đã thay đổi"
+            },
+            "label": "Ngôn ngữ",
+            "submenu": {
+              "to-help-translate": "Bạn muốn giúp dịch? Bấm vào đây"
+            }
+          },
+          "resume-on-start": "Tiếp tục bài hát cuối cùng khi ứng dụng khởi động",
+          "single-instance-lock": "Khóa một trường hợp",
+          "start-at-login": "Bắt đầu lúc đăng nhập",
+          "starting-page": {
+            "label": "Trang bắt đầu",
+            "unset": "Bỏ thiết đặt"
+          },
+          "tray": {
+            "label": "Khay",
+            "submenu": {
+              "disabled": "Vô hiệu hóa",
+              "enabled-and-hide-app": "Đã bật và ẩn ứng dụng",
+              "enabled-and-show-app": "Đã bật và hiển thị ứng dụng",
+              "play-pause-on-click": "Phát/Tạm dừng khi nhấp chuột"
+            }
+          },
+          "visual-tweaks": {
+            "label": "Tinh chỉnh hình ảnh",
+            "submenu": {
+              "like-buttons": {
+                "default": "Mặc định",
+                "force-show": "Tập trung hiển thị",
+                "hide": "Ẩn",
+                "label": "Nút thích"
+              },
+              "remove-upgrade-button": "Xóa nút nâng cấp",
+              "theme": {
+                "label": "Chủ đề",
+                "submenu": {
+                  "import-css-file": "Nhập tệp CSS tùy chỉnh",
+                  "no-theme": "Không có chủ đề"
+                }
+              }
+            }
+          }
+        }
+      },
+      "plugins": {
+        "enabled": "Đã bật",
+        "label": "Trình bổ sung",
+        "new": "MỚI"
+      },
+      "view": {
+        "label": "Xem",
+        "submenu": {
+          "force-reload": "Buộc tải lại",
+          "reload": "Tải lại",
+          "reset-zoom": "Kích thước thực",
+          "toggle-fullscreen": "Bật chế độ toàn màn hình",
+          "zoom-in": "Phóng to",
+          "zoom-out": "Thu nhỏ"
+        }
+      }
+    },
+    "tray": {
+      "next": "Tiếp theo",
+      "play-pause": "Phát/Tạm Dừng",
+      "previous": "Trước",
+      "quit": "Thoát",
+      "restart": "Khởi động lại ứng dụng",
+      "show": "Hiện cửa sổ",
+      "tooltip": {
+        "default": "YouTube Music",
+        "with-song-info": "YouTube Music: {{artist}} - {{title}}"
+      }
+    }
+  },
+  "plugins": {
+    "adblocker": {
+      "description": "Chặn toàn bộ quảng cáo và trình theo dõi",
+      "menu": {
+        "blocker": "Trình chặn"
+      },
+      "name": "Chặn quảng cáo"
+    },
+    "album-actions": {
+      "description": "Thêm nút hủy không thích, không thích, thích và không thích để áp dụng cho tất cả danh sách phát hoặc album",
+      "name": "Tác vụ với album"
+    },
+    "album-color-theme": {
+      "description": "Áp dụng chủ đề động và hiệu ứng hình ảnh dựa trên bảng màu của album",
+      "name": "Màu nền album"
+    },
+    "ambient-mode": {
+      "description": "Áp dụng hiệu ứng ánh sáng bằng cách truyền các màu nhẹ từ video vào nền màn hình của bạn",
+      "menu": {
+        "blur-amount": {
+          "label": "Lượng mờ",
+          "submenu": {
+            "pixels": "{{blurAmount}} điểm ảnh"
+          }
+        },
+        "buffer": {
+          "label": "Bộ đệm",
+          "submenu": {
+            "buffer": "{{buffer}}"
+          }
+        },
+        "opacity": {
+          "label": "Độ mờ",
+          "submenu": {
+            "percent": "{{opacity}}%"
+          }
+        },
+        "quality": {
+          "label": "Chất lượng",
+          "submenu": {
+            "pixels": "{{quality}} điểm ảnh"
+          }
+        },
+        "size": {
+          "label": "Kích thước",
+          "submenu": {
+            "percent": "{{size}}%"
+          }
+        },
+        "smoothness-transition": {
+          "label": "Độ mượt chuyển cảnh",
+          "submenu": {
+            "during": "Trong {{interpolationTime}} s"
+          }
+        },
+        "use-fullscreen": {
+          "label": "Dùng chế độ toàn màn hình"
+        }
+      },
+      "name": "Chế độ Môi trường xung quanh"
+    },
+    "audio-compressor": {
+      "description": "Áp dụng tính năng nén cho âm thanh (giảm âm lượng của phần to nhất của tín hiệu và tăng âm lượng của phần nhỏ nhất)",
+      "name": "Bộ nén âm thanh"
+    },
+    "blur-nav-bar": {
+      "description": "Làm mờ và trong suốt thanh điều hướng",
+      "name": "Thanh điều hướng mờ"
+    },
+    "bypass-age-restrictions": {
+      "description": "Bỏ qua xác minh độ tuổi của YouTube",
+      "name": "Bỏ qua hạn chế độ tuổi"
+    },
+    "captions-selector": {
+      "description": "Bộ lựa chọn phụ đề cho các bài hát trên Youtube Music",
+      "menu": {
+        "autoload": "Tự động chọn phụ đề vừa sử dụng",
+        "disable-captions": "Không có phụ đề đặt làm mặc định"
+      },
+      "name": "Bộ lựa chọn phụ đề",
+      "prompt": {
+        "selector": {
+          "label": "Ngôn ngữ phụ đề hiện tại: {{language}}",
+          "none": "Không có",
+          "title": "Chọn ngôn ngữ phụ đề"
+        }
+      },
+      "templates": {
+        "title": "Mở lựa chọn phụ đề"
+      }
+    },
+    "compact-sidebar": {
+      "description": "Luôn đặt thanh bên cạnh ở chế độ thu gọn",
+      "name": "Thanh bên thu gọn"
+    },
+    "crossfade": {
+      "description": "Chuyển tiếp giữa các bài hát",
+      "menu": {
+        "advanced": "Nâng cao"
+      },
+      "name": "Xen kẽ [thử nghiệm]",
+      "prompt": {
+        "options": {
+          "multi-input": {
+            "fade-in-duration": "Xuất hiện mờ dần trong khoảng thời gian (ms)",
+            "fade-out-duration": "Khoảng thời gian hoát ra mờ dần (ms)",
+            "fade-scaling": {
+              "label": "Làm mờ theo tỉ lệ",
+              "linear": "Trực tuyến",
+              "logarithmic": "Logarit"
+            },
+            "seconds-before-end": "Xen kẽ N giây trước khi kết thúc"
+          },
+          "title": "Tùy chọn xen kẽ"
+        }
+      }
+    },
+    "disable-autoplay": {
+      "description": "Bắt đầu bài hát khi ở chế độ \"tạm dừng\"",
+      "menu": {
+        "apply-once": "Áp dụng khi khởi động"
+      },
+      "name": "Tắt tự động phát"
+    },
+    "discord": {
+      "backend": {
+        "already-connected": "Đã cố gắng kết nối với kết nối khả dụng",
+        "connected": "Đã kết nối với Discord",
+        "disconnected": "Đã ngắt kết nối với Discord"
+      },
+      "description": "Cho bạn bè của bạn thấy những gì bạn nghe với Rich Presence",
+      "menu": {
+        "auto-reconnect": "Tự động kết nối lại",
+        "clear-activity": "Xoá hoạt động",
+        "clear-activity-after-timeout": "Xóa hoạt động sau khi hết thời gian chờ",
+        "connected": "Đã kết nối",
+        "disconnected": "Đã ngắt kết nối",
+        "hide-duration-left": "Ẩn thời lượng còn lại",
+        "hide-github-button": "Ẩn nút liên kết GitHub",
+        "play-on-youtube-music": "Phát trong Youtube Music",
+        "set-inactivity-timeout": "Đặt thời gian chờ không hoạt động"
+      },
+      "name": "Discord Rich Presence",
+      "prompt": {
+        "set-inactivity-timeout": {
+          "label": "Nhập thời gian chờ không hoạt động tính bằng giây:",
+          "title": "Đặt thời gian chờ không hoạt động"
+        }
+      }
+    },
+    "downloader": {
+      "backend": {
+        "dialog": {
+          "error": {
+            "buttons": {
+              "ok": "Đồng ý"
+            },
+            "message": "Argh! Xin lỗi, tải xuống thất bại…",
+            "title": "Lỗi khi tải xuống!"
+          },
+          "start-download-playlist": {
+            "buttons": {
+              "ok": "Đồng ý"
+            },
+            "detail": "({{playlistSize}} bài hát)",
+            "message": "Đang tải danh sách phát {{playlistTitle}}",
+            "title": "Đã bắt đầu tải xuống"
+          }
+        },
+        "feedback": {
+          "conversion-progress": "Chuyển đổi: {{percent}}%",
+          "converting": "Đang chuyển đổi…",
+          "done": "Đã xong: {{filePath}}",
+          "download-info": "Đang tải {{artist}} - {{title}} [{{videoId}}",
+          "download-progress": "Đang tải: {{percent}}%",
+          "downloading": "Đang tải…",
+          "downloading-counter": "Đang tải {{current}}/{{total}}…",
+          "downloading-playlist": "Đang tải danh sách phát \"{{playlistTitle}}\" - {{playlistSize}} bài hát ({{playlistId}})",
+          "error-while-downloading": "Lỗi tải xuống \"{{author}} - {{title}}\": {{error}}",
+          "folder-already-exists": "Thư mục {{playlistFolder}} đã tồn tại",
+          "getting-playlist-info": "Đang lấy thông tin danh sách phát…",
+          "loading": "Đang tải…",
+          "playlist-has-only-one-song": "Danh sách phát chỉ có một mục, tải trực tiếp",
+          "playlist-id-not-found": "Không tìm thấy ID danh sách phát",
+          "playlist-is-empty": "Danh sách phát trống",
+          "playlist-is-mix-or-private": "Lỗi lấy thông tin danh sách phát: đảm bảo danh sách phát không ở chế độ riêng tư hoặc là danh sách phát \"Dành cho bạn\"\n\n{{error}}",
+          "preparing-file": "Đang chuẩn bị thư mục…",
+          "saving": "Đang lưu…",
+          "trying-to-get-playlist-id": "Đang lấy ID danh sách phát: {{playlistId}}",
+          "video-id-not-found": "Không tìm thấy video",
+          "writing-id3": "Đang ghi thẻ ID3…"
+        }
+      },
+      "description": "Tải xuống MP3 / âm thanh nguồn trực tiếp từ giao diện",
+      "menu": {
+        "choose-download-folder": "Chọn thư mục tải xuống",
+        "download-playlist": "Tải danh sách phát",
+        "presets": "Cài đặt sẵn",
+        "skip-existing": "Bỏ qua các tập tin hiện có"
+      },
+      "name": "Trình tải xuống",
+      "renderer": {
+        "can-not-update-progress": "Không thể cập nhật tiến độ"
+      },
+      "templates": {
+        "button": "Tải xuống"
+      }
+    },
+    "exponential-volume": {
+      "description": "Làm cho thanh trượt âm lượng theo cấp số nhân để dễ dàng chọn âm lượng thấp hơn.",
+      "name": "Âm lượng theo cấp số nhân"
+    },
+    "in-app-menu": {
+      "description": "Mang lại cho thanh menu một giao diện lạ mắt, tối màu hoặc màu album",
+      "menu": {
+        "hide-dom-window-controls": "Ẩn cửa sổ điều khiển DOM"
+      },
+      "name": "Menu trong ứng dụng"
+    },
+    "lumiastream": {
+      "description": "Thêm hỗ trợ Lumia Stream",
+      "name": "Lumia Stream [Thử nghiệm]"
+    },
+    "lyrics-genius": {
+      "description": "Thêm hỗ trợ lời bài hát cho hầu hết các bài hát",
+      "menu": {
+        "romanized-lyrics": "Lời bài hát La Mã"
+      },
+      "name": "Lời bài hát từ Genius",
+      "renderer": {
+        "fetched-lyrics": "Lời bài hát được tìm nạp cho Genius"
+      }
+    },
+    "music-together": {
+      "description": "Chia sẻ danh sách phát với người khác. Khi máy chủ phát một bài hát, những người khác cũng sẽ nghe bài hát đó",
+      "dialog": {
+        "enter-host": "Nhập ID máy chủ"
+      },
+      "internal": {
+        "save": "Lưu",
+        "track-source": "Nguồn âm thanh",
+        "unknown-user": "Người dùng không rõ"
+      },
+      "menu": {
+        "click-to-copy-id": "Sao chép ID máy chủ",
+        "close": "Đóng Music Together",
+        "connected-users": "Người dùng đã kết nối",
+        "disconnect": "Ngắt kết nối Music Together",
+        "empty-user": "Không có người dùng đã kết nối",
+        "host": "Máy chủ Music Together",
+        "join": "Tham gia Music Together",
+        "permission": {
+          "all": "Cho phép người tham gia kiểm soát danh sách phát và trình phát",
+          "host-only": "Chỉ người tạo máy chủ có quyền điều khiển danh sách phát và trình phát",
+          "playlist": "Cho phép người tham gia điều khiển danh sách phát"
+        },
+        "set-permission": "Thay đổi quyền điều khiển",
+        "status": {
+          "disconnected": "Đã ngắt kết nối",
+          "guest": "Đã kết nối với tư cách Người tham gia",
+          "host": "Đã kết nối với tư cách Máy chủ"
+        }
+      },
+      "name": "Music Together [Thử nghiệm]",
+      "toast": {
+        "add-song-failed": "Thêm bài hát thất bại",
+        "closed": "Đã đóng Music Together",
+        "disconnected": "Đã ngắt kết nối Music Together",
+        "host-failed": "Không thể tổ chức Music Together",
+        "id-copied": "Đã sao chép ID máy chủ vào bộ nhớ tạm",
+        "id-copy-failed": "Sao chepd ID máy chủ vào bộ nhớ tạm không thành công",
+        "join-failed": "Không thể tham gia Music Together",
+        "joined": "Đã tham gia Music Together",
+        "permission-changed": "Quyền của Music Together đã thay đổi thành \"{{permission}}\"",
+        "remove-song-failed": "Không thể xoá bài hát",
+        "user-connected": "{{name}} đã tham gia Music Together",
+        "user-disconnected": "{{name}} đã rời khỏi Music Together"
+      }
+    },
+    "navigation": {
+      "description": "Mũi tên điều hướng Tiếp theo/Quay lại được tích hợp trực tiếp trong giao diện, giống như trong trình duyệt yêu thích của bạn",
+      "name": "Điều hướng"
+    },
+    "no-google-login": {
+      "description": "Xóa các nút và liên kết đăng nhập Google khỏi giao diện",
+      "name": "Không đăng nhập Google"
+    },
+    "notifications": {
+      "description": "Hiển thị thông báo khi bài hát bắt đầu phát (thông báo tương tác có sẵn trên Windows)",
+      "menu": {
+        "interactive": "Thông báo tương tác",
+        "interactive-settings": {
+          "label": "Cài đặt tương tác",
+          "submenu": {
+            "hide-button-text": "Ẩn tên nút",
+            "refresh-on-play-pause": "Làm mới khi phát/tạm dừng",
+            "tray-controls": "Mở/Đóng khi nhấp vào khay"
+          }
+        },
+        "priority": "Ưu tiên thông báo",
+        "toast-style": "Kiểu toast",
+        "unpause-notification": "Hiển thị thông báo khi bỏ tạm dừng"
+      },
+      "name": "Thông báo"
+    },
+    "picture-in-picture": {
+      "description": "Cho phép chuyển ứng dụng sang chế độ ảnh trong ảnh",
+      "menu": {
+        "always-on-top": "Luôn ở trên cùng",
+        "hotkey": {
+          "label": "Phím nóng",
+          "prompt": {
+            "keybind-options": {
+              "hotkey": "Phím nóng"
+            },
+            "label": "Chọn phím nóng để chuyển đổi ảnh trong ảnh",
+            "title": "Phím nóng ảnh trong ảnh"
+          }
+        },
+        "save-window-position": "Lưu vị trí cửa sổ",
+        "save-window-size": "Lưu kích thước cửa sổ",
+        "use-native-pip": "Sử dụng PiP gốc của trình duyệt"
+      },
+      "name": "Ảnh trong ảnh",
+      "templates": {
+        "button": "Ảnh trong ảnh"
+      }
+    },
+    "playback-speed": {
+      "description": "Nghe nhanh, nghe chậm! Thêm thanh trượt kiểm soát tốc độ bài hát",
+      "name": "Tốc độ phát lại",
+      "templates": {
+        "button": "Tốc độ"
+      }
+    },
+    "precise-volume": {
+      "description": "Kiểm soát âm lượng chính xác bằng con lăn chuột/phím nóng, với HUD tùy chỉnh và các bước âm lượng có thể tùy chỉnh",
+      "menu": {
+        "arrows-shortcuts": "Điều khiển phím mũi tên cục bộ",
+        "custom-volume-steps": "Đặt các bước âm lượng tùy chỉnh",
+        "global-shortcuts": "Phím nóng chung"
+      },
+      "name": "Âm lượng chính xác",
+      "prompt": {
+        "global-shortcuts": {
+          "keybind-options": {
+            "decrease": "Giảm âm lượng",
+            "increase": "Tăng âm lượng"
+          },
+          "label": "Chọn tổ hợp phím âm lượng chung:",
+          "title": "Liên kết phím âm lượng chung"
+        },
+        "volume-steps": {
+          "label": "Chọn các bước tăng/giảm âm lượng",
+          "title": "Bước âm lượng"
+        }
+      }
+    },
+    "quality-changer": {
+      "backend": {
+        "dialog": {
+          "quality-changer": {
+            "detail": "Chất lượng hiện tại: {{quality}}",
+            "message": "Chọn chất lượng video:",
+            "title": "Chọn chất lượng video:"
+          }
+        }
+      },
+      "description": "Cho phép thay đổi chất lượng video bằng một nút trên lớp phủ video",
+      "name": "Thay đổi chất lượng video"
+    },
+    "scrobbler": {
+      "description": "Thêm hỗ trợ scrobbling (v.v. Last.fm, Listenbrainz)",
+      "menu": {
+        "lastfm": {
+          "api-settings": "Cài đặt API Last.fm"
+        },
+        "listenbrainz": {
+          "token": "Nhập mã người dùng ListenBrainz"
+        }
+      },
+      "name": "Scrobbler",
+      "prompt": {
+        "lastfm": {
+          "api-key": "Khóa API Last.fm",
+          "api-secret": "API Last.fm bảo mật"
+        },
+        "listenbrainz": {
+          "token": {
+            "label": "Nhập mã người dùng ListenBrainz của bạn:",
+            "title": "Mã ListenBrainz"
+          }
+        }
+      }
+    },
+    "shortcuts": {
+      "description": "Cho phép thiết lập các phím nóng chung để phát lại (phát/tạm dừng/tiếp theo/trước) và tắt OSD media bằng cách ghi đè các phím media, bật Ctrl/CMD + F để tìm kiếm, bật hỗ trợ Linux MPRIS cho các phím media và các phím nóng tùy chỉnh cho người dùng nâng cao",
+      "menu": {
+        "override-media-keys": "Ghi đè khóa phương tiện",
+        "set-keybinds": "Đặt điều khiển bài hát chung"
+      },
+      "name": "Phím tắt (& MPRIS)",
+      "prompt": {
+        "keybind": {
+          "keybind-options": {
+            "next": "Tiếp theo",
+            "play-pause": "Phát / Tạm dừng",
+            "previous": "Trước đó"
+          },
+          "label": "Chọn tổ hợp phím chung để kiểm soát bài hát:",
+          "title": "Tổ hợp phím chung"
+        }
+      }
+    },
+    "skip-disliked-songs": {
+      "description": "Bỏ qua những bài hát không thích",
+      "name": "Bỏ qua những bài hát không thích"
+    },
+    "skip-silences": {
+      "description": "Tự động bỏ qua các đoạn im lặng trong bài hát",
+      "name": "Bỏ qua đoạn im lặng"
+    },
+    "sponsorblock": {
+      "description": "Tự động bỏ qua các phần không phải âm nhạc như phần giới thiệu/kết thúc hoặc các phần của video nhạc mà bài hát không được phát",
+      "name": "SponsorBlock"
+    },
+    "taskbar-mediacontrol": {
+      "description": "Kiểm soát phát lại từ thanh tác vụ Windows của bạn",
+      "name": "Kiểm soát phương tiện trên thanh tác vụ"
+    },
+    "touchbar": {
+      "description": "Thêm tiện ích TouchBar cho người dùng macOS",
+      "name": "TouchBar"
+    },
+    "tuna-obs": {
+      "description": "Tích hợp với plugin Tuna của OBS",
+      "name": "Tuna OBS"
+    },
+    "video-toggle": {
+      "description": "Thêm nút để chuyển giữa chế độ Video/Bài hát. Cũng có thể tùy ý xóa toàn bộ tab video",
+      "menu": {
+        "align": {
+          "label": "Căn chỉnh",
+          "submenu": {
+            "left": "Trái",
+            "middle": "Giữa",
+            "right": "Phải"
+          }
+        },
+        "force-hide": "Buộc loại bỏ tab video",
+        "mode": {
+          "label": "Chế độ",
+          "submenu": {
+            "custom": "Chuyển đổi tùy chỉnh",
+            "disabled": "Vô hiệu hoá",
+            "native": "Chuyển đổi gốc"
+          }
+        }
+      },
+      "name": "Chuyển đổi video",
+      "templates": {
+        "button": "Bài hát"
+      }
+    },
+    "visualizer": {
+      "description": "Thêm trình hiển thị cho trình phát",
+      "menu": {
+        "visualizer-type": "Loại trình hiển thị"
+      },
+      "name": "Trình hiển thị"
+    }
+  }
+}

src/i18n/resources/zh-CN.json

@@ -170,7 +170,8 @@
       },
       "plugins": {
         "enabled": "已启用",
-        "label": "插件"
+        "label": "插件",
+        "new": "新增"
       },
       "view": {
         "label": "视图",
@@ -190,7 +191,11 @@
       "previous": "上一首",
       "quit": "退出",
       "restart": "重启应用",
-      "show": "显示窗口"
+      "show": "显示窗口",
+      "tooltip": {
+        "default": "YouTube Music",
+        "with-song-info": "YouTube Music: {{artist}} - {{title}}"
+      }
     }
   },
   "plugins": {
@@ -201,12 +206,24 @@
       },
       "name": "广告屏蔽器"
     },
+    "album-actions": {
+      "description": "添加作用于播放列表或专辑中所有歌曲的全局“点赞/取消点赞”与“喜欢/取消喜欢”按钮",
+      "name": "专辑操作"
+    },
     "album-color-theme": {
       "description": "根据专辑封面配色动态改变主题与视觉效果",
+      "menu": {
+        "color-mix-ratio": {
+          "label": "颜色混合比例",
+          "submenu": {
+            "percent": "{{ratio}}%"
+          }
+        }
+      },
       "name": "专辑配色主题"
     },
     "ambient-mode": {
-      "description": "将视频中的浅配色作为光效投射到背景中，以增加沉浸感。",
+      "description": "将视频中的浅配色作为光效投射到背景中，以增加沉浸感",
       "menu": {
         "blur-amount": {
           "label": "模糊等级",
@@ -289,7 +306,7 @@
       "menu": {
         "advanced": "高级"
       },
-      "name": "交叉淡化 [beta]",
+      "name": "交叉淡化 [Beta]",
       "prompt": {
         "options": {
           "multi-input": {
@@ -408,10 +425,6 @@
       },
       "name": "应用内菜单"
     },
-    "last-fm": {
-      "description": "添加 Last.fm 记录支持",
-      "name": "Last.fm"
-    },
     "lumiastream": {
       "description": "添加 Lumia Stream 支持",
       "name": "Lumia Stream [测试]"
@@ -426,6 +439,52 @@
         "fetched-lyrics": "已从 Genius 获取字幕"
       }
     },
+    "music-together": {
+      "description": "与他人共享播放列表。当发起人播放歌曲时，其他人也会听到相同歌曲",
+      "dialog": {
+        "enter-host": "输入发起人 ID"
+      },
+      "internal": {
+        "save": "保存",
+        "track-source": "追踪来源",
+        "unknown-user": "未知用户"
+      },
+      "menu": {
+        "click-to-copy-id": "复制发起者 ID",
+        "close": "关闭 Music Together",
+        "connected-users": "已连接用户",
+        "disconnect": "断开 Music Together 连接",
+        "empty-user": "没有已连接的用户",
+        "host": "Music Together 发起者",
+        "join": "加入 Music Together",
+        "permission": {
+          "all": "允许来宾控制播放列表与播放器",
+          "host-only": "仅发起人可以控制播放列表与播放器",
+          "playlist": "允许来宾控制播放列表"
+        },
+        "set-permission": "更改控制权限",
+        "status": {
+          "disconnected": "已断开连接",
+          "guest": "已作为来宾连接",
+          "host": "已作为发起人连接"
+        }
+      },
+      "name": "Music Together [测试]",
+      "toast": {
+        "add-song-failed": "添加歌曲失败",
+        "closed": "Music Together 已关闭",
+        "disconnected": "Music Together 已断开连接",
+        "host-failed": "发起 Music Together 失败",
+        "id-copied": "已将发起者 ID 复制到剪切板",
+        "id-copy-failed": "复制发起者 ID 到剪贴板时失败",
+        "join-failed": "加入 Music Together 失败",
+        "joined": "已加入 Music Together",
+        "permission-changed": "Music Together 权限已改为 \"{{permission}}\"",
+        "remove-song-failed": "移除歌曲失败",
+        "user-connected": "{{name}} 加入了 Music Together",
+        "user-disconnected": "{{name}} 离开了 Music Together"
+      }
+    },
     "navigation": {
       "description": "如同浏览器般，在应用界面内直接显示前进/后退导航按钮",
       "name": "导航"
@@ -518,8 +577,33 @@
       "description": "允许在视频上显示切换画质按钮",
       "name": "视频画质切换器"
     },
+    "scrobbler": {
+      "description": "添加歌曲追踪支持（如 Last.fm 和 Listenbrainz）",
+      "menu": {
+        "lastfm": {
+          "api-settings": "Last.fm API 设置"
+        },
+        "listenbrainz": {
+          "token": "输入 ListenBrainz 用户令牌"
+        },
+        "scrobble-other-media": "记录其他媒体文件"
+      },
+      "name": "歌曲记录器",
+      "prompt": {
+        "lastfm": {
+          "api-key": "Last.fm API 密钥（Key）",
+          "api-secret": "Last.fm API 密文（Secret）"
+        },
+        "listenbrainz": {
+          "token": {
+            "label": "输入您的v ListenBrainz 用户令牌：",
+            "title": "ListenBrainz 令牌"
+          }
+        }
+      }
+    },
     "shortcuts": {
-      "description": "允许为音频回放（播放/暂停/上一曲/下一曲）设置全局热键，兼具覆盖物理键以禁用 OSD、启用 Ctrl/CMD + F 搜索、为物理键启用 Linux MPRIS 支持及自定义热键等高级功能。",
+      "description": "允许为音频回放操作（播放/暂停/上一曲/下一曲）设置全局热键，兼具覆盖物理键以禁用 OSD、启用 Ctrl/CMD + F 搜索、为物理键启用 Linux MPRIS 支持及自定义热键等高级功能",
       "menu": {
         "override-media-keys": "覆盖物理媒体热键",
         "set-keybinds": "设置全局歌曲控件"

src/i18n/resources/zh-TW.json

@@ -53,9 +53,9 @@
           "later": "稍後",
           "restart-now": "立即重啟"
         },
-        "detail": "外掛「{{pluginName}}」需要程式重新啟動之後才會生效",
-        "message": "「{{pluginName}}」需要重新啟動",
-        "title": "需要重新啟動"
+        "detail": "\"{{pluginName}}\" 外掛需要重啟應用之後才會生效",
+        "message": "\"{{pluginName}}\" 需要重啟應用",
+        "title": "需要重啟應用"
       },
       "unresponsive": {
         "buttons": {
@@ -87,7 +87,7 @@
           "go-back": "回到上一頁",
           "go-forward": "回到下一頁",
           "quit": "退出",
-          "restart": "重新啟動應用程式"
+          "restart": "重啟應用"
         }
       },
       "options": {
@@ -131,12 +131,12 @@
               "to-help-translate": "想要協助翻譯？按一下這裡"
             }
           },
-          "resume-on-start": "繼續上次關閉應用程式前的音樂",
-          "single-instance-lock": "禁止多開應用程式",
+          "resume-on-start": "應用啟動時繼續上次播放的歌曲",
+          "single-instance-lock": "單視窗鎖定",
           "start-at-login": "開機時啟動",
           "starting-page": {
             "label": "啟動頁面",
-            "unset": "未設定"
+            "unset": "不指定"
           },
           "tray": {
             "label": "系統閘圖式",
@@ -148,7 +148,7 @@
             }
           },
           "visual-tweaks": {
-            "label": "視覺設定",
+            "label": "介面設定",
             "submenu": {
               "like-buttons": {
                 "default": "預設",
@@ -170,7 +170,8 @@
       },
       "plugins": {
         "enabled": "啟用",
-        "label": "外掛功能"
+        "label": "外掛功能",
+        "new": "新的"
       },
       "view": {
         "label": "視窗",
@@ -190,7 +191,11 @@
       "previous": "上一首",
       "quit": "關閉",
       "restart": "重啟程式",
-      "show": "顯示視窗"
+      "show": "顯示視窗",
+      "tooltip": {
+        "default": "Youtube Music",
+        "with-song-info": "YouTube Music: {{artist}} - {{title}}"
+      }
     }
   },
   "plugins": {
@@ -199,14 +204,26 @@
       "menu": {
         "blocker": "阻擋方式"
       },
-      "name": "廣告阻擋"
+      "name": "廣告攔截器"
+    },
+    "album-actions": {
+      "description": "新增支援對整個播放清單或專輯\"喜歡／不喜歡\"\"取消喜歡／取消不喜歡\"的按鈕",
+      "name": "進階專輯操作"
     },
     "album-color-theme": {
       "description": "依歌曲色調自動更改應用程式主題",
+      "menu": {
+        "color-mix-ratio": {
+          "label": "顏色混合程度",
+          "submenu": {
+            "percent": "{{ratio}}%"
+          }
+        }
+      },
       "name": "隨歌曲色調變更主題"
     },
     "ambient-mode": {
-      "description": "將影片內容的淺色畫面投放至螢幕背景, 讓觀眾在觀賞影片時更有臨場感。",
+      "description": "影片周圍背景根據影片內容改變顏色, 讓觀眾在觀賞影片時更有臨場感",
       "menu": {
         "blur-amount": {
           "label": "模糊等級",
@@ -408,12 +425,8 @@
       },
       "name": "程式內選單列"
     },
-    "last-fm": {
-      "description": "新增對Last.fm的scrobbling支援",
-      "name": "Last.fm"
-    },
     "lumiastream": {
-      "description": "新增對Lumia Stream的支援",
+      "description": "新增對 Lumia Stream 的支援",
       "name": "Lumia Stream [Beta]"
     },
     "lyrics-genius": {
@@ -426,6 +439,52 @@
         "fetched-lyrics": "為Genius獲取字幕"
       }
     },
+    "music-together": {
+      "description": "與他人共享播放清單。當發起人播放歌曲時，其他成員也會同步收聽",
+      "dialog": {
+        "enter-host": "輸入發起人 ID"
+      },
+      "internal": {
+        "save": "儲存",
+        "track-source": "追蹤來源",
+        "unknown-user": "未知使用者"
+      },
+      "menu": {
+        "click-to-copy-id": "複製發起人 ID",
+        "close": "同步關閉音樂",
+        "connected-users": "已連接的使用者",
+        "disconnect": "斷開連接共享音樂",
+        "empty-user": "無已連接的使用者",
+        "host": "發起共享音樂",
+        "join": "加入共享音樂",
+        "permission": {
+          "all": "允許加入的使用者控制播放清單及播放控制",
+          "host-only": "不允許加入的使用者控制播放清單及播放控制",
+          "playlist": "只允許加入的使用者控制播放清單"
+        },
+        "set-permission": "切換共享音樂播放權限",
+        "status": {
+          "disconnected": "已斷開連接",
+          "guest": "以使用者身份加入",
+          "host": "以發起人身份加入"
+        }
+      },
+      "name": "共享音樂 [Beta]",
+      "toast": {
+        "add-song-failed": "歌曲加入失敗",
+        "closed": "關閉共享音樂",
+        "disconnected": "共享音樂已斷開連接",
+        "host-failed": "發起共享音樂失敗",
+        "id-copied": "已複製發起人 ID",
+        "id-copy-failed": "複製發起人 ID 失敗",
+        "join-failed": "加入共享音樂失敗",
+        "joined": "加入共享音樂",
+        "permission-changed": "共享音樂播放權限已切換至 \"{{permission}}\"",
+        "remove-song-failed": "歌曲移除失敗",
+        "user-connected": "{{name}} 已加入共享音樂",
+        "user-disconnected": "{{name}} 離開了共享音樂"
+      }
+    },
     "navigation": {
       "description": "將上一頁／下一頁按鈕新增至應用程式上方, 就像你最熟悉的瀏覽器",
       "name": "導覽列"
@@ -518,8 +577,33 @@
       "description": "允許在影片內進行畫質更改",
       "name": "允許變更影片畫質"
     },
+    "scrobbler": {
+      "description": "額外新增 scrobbling 支援 (例如：last.fm, Listenbrainz)",
+      "menu": {
+        "lastfm": {
+          "api-settings": "Last.fm API 設定"
+        },
+        "listenbrainz": {
+          "token": "輸入 ListenBrainz 使用者憑證"
+        },
+        "scrobble-other-media": "紀錄其他媒體文件"
+      },
+      "name": "Scrobbler",
+      "prompt": {
+        "lastfm": {
+          "api-key": "Last.fm API 金鑰",
+          "api-secret": "Last.fm API 密鑰"
+        },
+        "listenbrainz": {
+          "token": {
+            "label": "輸入您的 ListenBrainz 使用者憑證：",
+            "title": "ListenBrainz 使用者憑證"
+          }
+        }
+      }
+    },
     "shortcuts": {
-      "description": "使用全域快捷鍵控制音樂 (播放／暫停／下一首／上一首) + 透過覆寫媒體快捷鍵停用媒體OSD + 允許Ctrl/CMD + F來搜尋 + 支援Linux MPRIS媒體快捷鍵 + 更多自訂快捷鍵給進階使用者。",
+      "description": "使用全域快捷鍵控制音樂 (播放／暫停／下一首／上一首) + 透過覆寫媒體快捷鍵停用媒體OSD + 允許Ctrl/CMD + F來搜尋 + 支援Linux MPRIS媒體快捷鍵 + 更多自訂快捷鍵給進階使用者",
       "menu": {
         "override-media-keys": "覆寫媒體快捷鍵",
         "set-keybinds": "設定全域歌曲控制"
@@ -558,7 +642,7 @@
       "name": "觸控列 (Touchbar) 支援"
     },
     "tuna-obs": {
-      "description": "與OBS外掛Tuna連接",
+      "description": "與 OBS 的 Tuna 外掛連接",
       "name": "Tuna OBS"
     },
     "video-toggle": {

src/index.ts

@@ -55,6 +55,13 @@ import { loadI18n, setLanguage, t } from '@/i18n';
 
 import type { PluginConfig } from '@/types/plugins';
 
+if (!is.macOS()) {
+  delete allPlugins['touchbar'];
+}
+if (!is.windows()) {
+  delete allPlugins['taskbar-mediacontrol'];
+}
+
 // Catch errors and log them
 unhandled({
   logger: console.error,
@@ -114,18 +121,18 @@ function onClosed() {
   mainWindow = null;
 }
 
-ipcMain.handle('get-main-plugin-names', () => Object.keys(mainPlugins));
+ipcMain.handle('ytmd:get-main-plugin-names', () => Object.keys(mainPlugins));
 
 const initHook = (win: BrowserWindow) => {
   ipcMain.handle(
-    'get-config',
+    'ytmd:get-config',
     (_, id: string) =>
       deepmerge(
         allPlugins[id].config ?? { enabled: false },
         config.get(`plugins.${id}`) ?? {},
       ) as PluginConfig,
   );
-  ipcMain.handle('set-config', (_, name: string, obj: object) =>
+  ipcMain.handle('ytmd:set-config', (_, name: string, obj: object) =>
     config.setPartial(`plugins.${name}`, obj, allPlugins[name].config),
   );
 
@@ -258,7 +265,7 @@ async function createMainWindow() {
   const windowPosition: Electron.Point = config.get('window-position');
   const useInlineMenu = config.plugins.isEnabled('in-app-menu');
 
-  const defaultTitleBarOverlayOptions: Electron.TitleBarOverlayOptions = {
+  const defaultTitleBarOverlayOptions: Electron.TitleBarOverlay = {
     color: '#00000000',
     symbolColor: '#ffffff',
     height: 32,
@@ -299,7 +306,7 @@ async function createMainWindow() {
     const { x: windowX, y: windowY } = windowPosition;
     const winSize = win.getSize();
     const display = screen.getDisplayNearestPoint(windowPosition);
-    const scaleFactor = display.scaleFactor;
+    const scaleFactor = is.windows() ? display.scaleFactor: 1;
 
     const scaledWidth = Math.floor(windowSize.width / scaleFactor);
     const scaledHeight = Math.floor(windowSize.height / scaleFactor);
@@ -413,6 +420,18 @@ async function createMainWindow() {
       });
     }
   });
+  win.webContents.on('will-redirect', (event) => {
+    const url = new URL(event.url);
+
+    // Workarounds for regions where YTM is restricted
+    if (url.hostname.endsWith('youtube.com') && url.pathname === '/premium') {
+      event.preventDefault();
+
+      win.webContents.loadURL(
+        'https://accounts.google.com/ServiceLogin?ltmpl=music&service=youtube&continue=https%3A%2F%2Fwww.youtube.com%2Fsignin%3Faction_handle_signin%3Dtrue%26next%3Dhttps%253A%252F%252Fmusic.youtube.com%252F'
+      );
+    }
+  });
 
   win.webContents.loadURL(urlToLoad);
 
@@ -567,7 +586,7 @@ app.whenReady().then(async () => {
       );
       try {
         // Check if shortcut is registered and valid
-        const shortcutDetails = shell.readShortcutLink(shortcutPath); // Throw error if doesn't exist yet
+        const shortcutDetails = shell.readShortcutLink(shortcutPath); // Throw error if it doesn't exist yet
         if (
           shortcutDetails.target !== appLocation ||
           shortcutDetails.appUserModelId !== appID
@@ -687,13 +706,15 @@ app.whenReady().then(async () => {
       const dialogOptions: Electron.MessageBoxOptions = {
         type: 'info',
         buttons: [
-          t('main.dialog.update-available.buttons.download'),
           t('main.dialog.update-available.buttons.ok'),
+          t('main.dialog.update-available.buttons.download'),
           t('main.dialog.update-available.buttons.disable'),
         ],
         title: t('main.dialog.update-available.title'),
         message: t('main.dialog.update-available.message'),
         detail: t('main.dialog.update-available.detail', { downloadLink }),
+        defaultId: 1,
+        cancelId: 0,
       };
 
       let dialogPromise: Promise<Electron.MessageBoxReturnValue>;
@@ -717,7 +738,7 @@ app.whenReady().then(async () => {
             break;
           }
 
-          default: {
+          case 0: {
             break;
           }
         }

src/loader/renderer.ts

@@ -18,9 +18,9 @@ const loadedPluginMap: Record<
 export const createContext = <Config extends PluginConfig>(
   id: string,
 ): RendererContext<Config> => ({
-  getConfig: async () => window.ipcRenderer.invoke('get-config', id),
+  getConfig: async () => window.ipcRenderer.invoke('ytmd:get-config', id),
   setConfig: async (newConfig) => {
-    await window.ipcRenderer.invoke('set-config', id, newConfig);
+    await window.ipcRenderer.invoke('ytmd:set-config', id, newConfig);
   },
   ipc: {
     send: (event: string, ...args: unknown[]) => {

src/menu.ts

@@ -9,6 +9,7 @@ import {
   shell,
 } from 'electron';
 import prompt from 'custom-electron-prompt';
+import { satisfies } from 'semver';
 
 import { allPlugins } from 'virtual:plugins';
 
@@ -23,6 +24,8 @@ import promptOptions from './providers/prompt-options';
 import { getAllMenuTemplate, loadAllMenuPlugins } from './loader/menu';
 import { setLanguage, t } from '@/i18n';
 
+import packageJson from '../package.json';
+
 export type MenuTemplate = Electron.MenuItemConstructorOptions[];
 
 // True only if in-app-menu was loaded on launch
@@ -31,10 +34,14 @@ const inAppMenuActive = config.plugins.isEnabled('in-app-menu');
 const pluginEnabledMenu = (
   plugin: string,
   label = '',
+  description: string | undefined = undefined,
+  isNew = false,
   hasSubmenu = false,
   refreshMenu: (() => void) | undefined = undefined,
 ): Electron.MenuItemConstructorOptions => ({
   label: label || plugin,
+  sublabel: isNew ? t('main.menu.plugins.new') : undefined,
+  toolTip: description,
   type: 'checkbox',
   checked: config.plugins.isEnabled(plugin),
   click(item: Electron.MenuItem) {
@@ -66,12 +73,15 @@ export const mainMenuTemplate = async (
 
   const menuResult = Object.entries(getAllMenuTemplate()).map(
     ([id, template]) => {
-      const pluginLabel = allPlugins[id]?.name?.() ?? id;
+      const plugin = allPlugins[id];
+      const pluginLabel = plugin?.name?.() ?? id;
+      const pluginDescription = plugin?.description?.() ?? undefined;
+      const isNew = plugin?.addedVersion ? satisfies(packageJson.version, plugin.addedVersion) : false;
 
       if (!config.plugins.isEnabled(id)) {
         return [
           id,
-          pluginEnabledMenu(id, pluginLabel, true, innerRefreshMenu),
+          pluginEnabledMenu(id, pluginLabel, pluginDescription, isNew, true, innerRefreshMenu),
         ] as const;
       }
 
@@ -79,10 +89,14 @@ export const mainMenuTemplate = async (
         id,
         {
           label: pluginLabel,
+          sublabel: isNew ? t('main.menu.plugins.new') : undefined,
+          toolTip: pluginDescription,
           submenu: [
             pluginEnabledMenu(
               id,
               t('main.menu.plugins.enabled'),
+              undefined,
+              false,
               true,
               innerRefreshMenu,
             ),
@@ -106,9 +120,12 @@ export const mainMenuTemplate = async (
       const predefinedTemplate = menuResult.find((it) => it[0] === id);
       if (predefinedTemplate) return predefinedTemplate[1];
 
-      const pluginLabel = allPlugins[id]?.name?.() ?? id;
+      const plugin = allPlugins[id];
+      const pluginLabel = plugin?.name?.() ?? id;
+      const pluginDescription = plugin?.description?.() ?? undefined;
+      const isNew = plugin?.addedVersion ? satisfies(packageJson.version, plugin.addedVersion) : false;
 
-      return pluginEnabledMenu(id, pluginLabel, true, innerRefreshMenu);
+      return pluginEnabledMenu(id, pluginLabel, pluginDescription, isNew, true, innerRefreshMenu);
     });
 
   const availableLanguages = Object.keys(languageResources);

src/plugins/adblocker/index.ts

@@ -109,7 +109,7 @@ export default createPlugin({
     },
   },
   preload: {
-    script: 'window.JSON = window._proxyJson; window._proxyJson = undefined; window.Response = window._proxyResponse; window._proxyResponse = undefined; 0',
+    script: 'window.JSON.parse = window._proxyJsonParse; window._proxyJsonParse = undefined; window.Response.prototype.json = window._proxyResponseJson; window._proxyResponseJson = undefined; 0',
     async start({ getConfig }) {
       const config = await getConfig();
 

src/plugins/adblocker/injectors/inject.js

@@ -32,37 +32,17 @@ export const inject = (contextBridge) => {
       return o;
     };
 
-    contextBridge.exposeInMainWorld('_proxyJson', {
-      parse: new Proxy(JSON.parse, {
-        apply() {
-          return pruner(Reflect.apply(...arguments));
-        },
-      }),
-      stringify: JSON.stringify,
-      [Symbol.toStringTag]: JSON[Symbol.toStringTag],
-    });
+    contextBridge.exposeInMainWorld('_proxyJsonParse', new Proxy(JSON.parse, {
+      apply() {
+        return pruner(Reflect.apply(...arguments));
+      },
+    }));
 
-    const withPrototype = (obj) => {
-      const protos = Object.getPrototypeOf(obj);
-      for (const [key, value] of Object.entries(protos)) {
-        if (Object.prototype.hasOwnProperty.call(obj, key)) continue;
-        if (typeof value === 'function') {
-          obj[key] = function (...args) {
-            return value.call(obj, ...args);
-          }
-        } else {
-          obj[key] = value;
-        }
-      }
-      return obj;
-    };
-
-    Response.prototype.json = new Proxy(Response.prototype.json, {
+    contextBridge.exposeInMainWorld('_proxyResponseJson', new Proxy(Response.prototype.json, {
       apply() {
         return Reflect.apply(...arguments).then((o) => pruner(o));
       },
-    });
-    contextBridge.exposeInMainWorld('_proxyResponse', withPrototype(Response));
+    }));
   }
 
   (function () {

src/plugins/album-actions/index.ts

@@ -0,0 +1,193 @@
+import { t } from '@/i18n';
+import { createPlugin } from '@/utils';
+import { ElementFromHtml } from '@/plugins/utils/renderer';
+
+import undislikeHTML from './templates/undislike.html?raw';
+import dislikeHTML from './templates/dislike.html?raw';
+import likeHTML from './templates/like.html?raw';
+import unlikeHTML from './templates/unlike.html?raw';
+
+export default createPlugin<
+  unknown,
+  unknown,
+  {
+    observer?: MutationObserver;
+    loadObserver?: MutationObserver;
+    changeObserver?: MutationObserver;
+    waiting: boolean;
+    onPageChange(): void;
+    waitForElem(selector: string): Promise<HTMLElement>;
+    loadFullList: (event: MouseEvent) => void;
+    applyToList(id: string, loader: HTMLElement): void;
+    start(): void;
+    stop(): void;
+  }
+>({
+  name: () => t('plugins.album-actions.name'),
+  description: () => t('plugins.album-actions.description'),
+  restartNeeded: false,
+  addedVersion: '3.2.X',
+  config: {
+    enabled: false,
+  },
+  renderer: {
+    waiting: false,
+    start() {
+      // Waits for pagechange
+      this.onPageChange();
+      this.observer = new MutationObserver(() => {
+        this.onPageChange();
+      });
+      this.observer.observe(document.querySelector('#browse-page')!, {
+        attributes: false,
+        childList: true,
+        subtree: true,
+      });
+    },
+    async onPageChange() {
+      if (this.waiting) {
+        return;
+      } else {
+        this.waiting = true;
+      }
+      const continuations = await this.waitForElem('#continuations');
+      this.waiting = false;
+      //Gets the for buttons
+      const buttons: Array<HTMLElement> = [
+        ElementFromHtml(undislikeHTML),
+        ElementFromHtml(dislikeHTML),
+        ElementFromHtml(likeHTML),
+        ElementFromHtml(unlikeHTML),
+      ];
+      //Finds the playlist
+      const playlist =
+        document.querySelector('ytmusic-shelf-renderer') ??
+        document.querySelector('ytmusic-playlist-shelf-renderer')!;
+      // Adds an observer for every button, so it gets updated when one is clicked
+      this.changeObserver?.disconnect();
+      this.changeObserver = new MutationObserver(() => {
+        this.stop();
+        this.start();
+      });
+      const allButtons = playlist.querySelectorAll(
+        'yt-button-shape.ytmusic-like-button-renderer',
+      );
+      for (const btn of allButtons) {
+        this.changeObserver.observe(btn, {
+          attributes: true,
+          childList: false,
+          subtree: false,
+        });
+      }
+      //Determine if button is needed and colors the percentage
+      const listsLength = playlist.querySelectorAll(
+        '#button-shape-dislike > button',
+      ).length;
+      if (continuations.children.length == 0 && listsLength > 0) {
+        const counts = [
+          playlist?.querySelectorAll(
+            '#button-shape-dislike[aria-pressed=true] > button',
+          ).length,
+          playlist?.querySelectorAll(
+            '#button-shape-dislike[aria-pressed=false] > button',
+          ).length,
+          playlist?.querySelectorAll(
+            '#button-shape-like[aria-pressed=false] > button',
+          ).length,
+          playlist?.querySelectorAll(
+            '#button-shape-like[aria-pressed=true] > button',
+          ).length,
+        ];
+        let i = 0;
+        for (const count of counts) {
+          if (count == 0) {
+            buttons.splice(i, 1);
+            i--;
+          } else {
+            (buttons[i].children[0].children[0] as HTMLElement).style.setProperty(
+              '-webkit-mask-size',
+              `100% ${100 - ((count / listsLength) * 100)}%`,
+            );
+          }
+          i++;
+        }
+      }
+      const menu = document.querySelector('.detail-page-menu');
+      if (menu && !document.querySelector('.like-menu')) {
+        for (const button of buttons) {
+          menu.appendChild(button);
+          button.addEventListener('click', this.loadFullList);
+        }
+      }
+    },
+    loadFullList(event: MouseEvent) {
+      if (event.currentTarget instanceof Element) {
+        event.stopPropagation();
+        const id = event.currentTarget.id;
+        const loader = document.getElementById('continuations')!;
+        this.loadObserver = new MutationObserver(() => {
+          this.applyToList(id, loader);
+        });
+        this.applyToList(id, loader);
+        this.loadObserver.observe(loader, {
+          attributes: true,
+          childList: true,
+          subtree: true,
+        });
+        loader?.style.setProperty('top', '0');
+        loader?.style.setProperty('left', '50%');
+        loader?.style.setProperty('position', 'absolute');
+      }
+    },
+    applyToList(id: string, loader: HTMLElement) {
+      if (loader.children.length != 0) return;
+      this.loadObserver?.disconnect();
+      let playlistButtons: NodeListOf<HTMLElement> | undefined;
+      const playlist = document.querySelector('ytmusic-shelf-renderer')
+        ? document.querySelector('ytmusic-shelf-renderer')
+        : document.querySelector('ytmusic-playlist-shelf-renderer');
+      switch (id) {
+        case 'allundislike':
+          playlistButtons = playlist?.querySelectorAll(
+            '#button-shape-dislike[aria-pressed=true] > button',
+          );
+          break;
+        case 'alldislike':
+          playlistButtons = playlist?.querySelectorAll(
+            '#button-shape-dislike[aria-pressed=false] > button',
+          );
+          break;
+        case 'alllike':
+          playlistButtons = playlist?.querySelectorAll(
+            '#button-shape-like[aria-pressed=false] > button',
+          );
+          break;
+        case 'allunlike':
+          playlistButtons = playlist?.querySelectorAll(
+            '#button-shape-like[aria-pressed=true] > button',
+          );
+          break;
+        default:
+      }
+      playlistButtons?.forEach((elem) => elem.click());
+    },
+    stop() {
+      this.observer?.disconnect();
+      this.changeObserver?.disconnect();
+      for (const button of document.querySelectorAll('.like-menu')) {
+        button.remove();
+      }
+    },
+    waitForElem(selector: string) {
+      return new Promise((resolve) => {
+        const interval = setInterval(() => {
+          const elem = document.querySelector<HTMLElement>(selector);
+          if (!elem) return;
+
+          clearInterval(interval);
+          resolve(elem);
+        });
+      });
+    },
+  },
+});

src/plugins/album-actions/templates/dislike.html

@@ -0,0 +1,74 @@
+<button
+  id="alldislike"
+  data-type="dislike"
+  data-filled="false"
+  class="like-menu yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-button"
+  aria-pressed="false"
+  aria-label="Dislike all"
+>
+  <div
+    class="yt-spec-button-shape-next__icon"
+    style="color: var(--ytmusic-setting-item-toggle-active)"
+    aria-hidden="true"
+  >
+    <div
+      class="yt-spec-button-shape-next__icon"
+      style="
+        color: white;
+        -webkit-mask: linear-gradient(grey, grey);
+        -webkit-mask-size: 100% 50%;
+        -webkit-mask-repeat: no-repeat;
+        z-index: 1;
+        position: absolute;
+      "
+      aria-hidden="true"
+    >
+      <div style="width: 24px; height: 24px">
+        <svg
+          viewBox="0 0 24 24"
+          preserveAspectRatio="xMidYMid meet"
+          focusable="false"
+          class="style-scope yt-icon"
+          style="
+            pointer-events: none;
+            display: block;
+            width: 100%;
+            height: 100%;
+          "
+        >
+          <g class="style-scope yt-icon">
+            <path
+              d="M18,4h3v10h-3V4z M5.23,14h4.23l-1.52,4.94C7.62,19.97,8.46,21,9.62,21c0.58,0,1.14-0.24,1.52-0.65L17,14V4H6.57 C5.5,4,4.59,4.67,4.38,5.61l-1.34,6C2.77,12.85,3.82,14,5.23,14z"
+              class="style-scope yt-icon"
+            ></path>
+          </g>
+        </svg>
+      </div>
+    </div>
+    <div style="width: 24px; height: 24px">
+      <svg
+        viewBox="0 0 24 24"
+        preserveAspectRatio="xMidYMid meet"
+        focusable="false"
+        class="style-scope yt-icon"
+        style="pointer-events: none; display: block; width: 100%; height: 100%"
+      >
+        <g class="style-scope yt-icon">
+          <path
+            d="M18,4h3v10h-3V4z M5.23,14h4.23l-1.52,4.94C7.62,19.97,8.46,21,9.62,21c0.58,0,1.14-0.24,1.52-0.65L17,14V4H6.57 C5.5,4,4.59,4.67,4.38,5.61l-1.34,6C2.77,12.85,3.82,14,5.23,14z"
+            class="style-scope yt-icon"
+          ></path>
+        </g>
+      </svg>
+    </div>
+  </div>
+  <yt-touch-feedback-shape style="border-radius: inherit">
+    <div
+      class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
+      aria-hidden="true"
+    >
+      <div class="yt-spec-touch-feedback-shape__stroke"></div>
+      <div class="yt-spec-touch-feedback-shape__fill"></div>
+    </div>
+  </yt-touch-feedback-shape>
+</button>

src/plugins/album-actions/templates/like.html

@@ -0,0 +1,74 @@
+<button
+  id="alllike"
+  data-type="like"
+  data-filled="false"
+  class="like-menu yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-button"
+  aria-pressed="false"
+  aria-label="Like all"
+>
+  <div
+    class="yt-spec-button-shape-next__icon"
+    style="color: var(--ytmusic-setting-item-toggle-active)"
+    aria-hidden="true"
+  >
+    <div
+      class="yt-spec-button-shape-next__icon"
+      style="
+        color: white;
+        -webkit-mask: linear-gradient(grey, grey);
+        -webkit-mask-size: 100% 50%;
+        -webkit-mask-repeat: no-repeat;
+        z-index: 1;
+        position: absolute;
+      "
+      aria-hidden="true"
+    >
+      <div style="width: 24px; height: 24px">
+        <svg
+          viewBox="0 0 24 24"
+          preserveAspectRatio="xMidYMid meet"
+          focusable="false"
+          class="style-scope yt-icon"
+          style="
+            pointer-events: none;
+            display: block;
+            width: 100%;
+            height: 100%;
+          "
+        >
+          <g class="style-scope yt-icon">
+            <path
+              d="M3,11h3v10H3V11z M18.77,11h-4.23l1.52-4.94C16.38,5.03,15.54,4,14.38,4c-0.58,0-1.14,0.24-1.52,0.65L7,11v10h10.43 c1.06,0,1.98-0.67,2.19-1.61l1.34-6C21.23,12.15,20.18,11,18.77,11z"
+              class="style-scope yt-icon"
+            ></path>
+          </g>
+        </svg>
+      </div>
+    </div>
+    <div style="width: 24px; height: 24px">
+      <svg
+        viewBox="0 0 24 24"
+        preserveAspectRatio="xMidYMid meet"
+        focusable="false"
+        class="style-scope yt-icon"
+        style="pointer-events: none; display: block; width: 100%; height: 100%"
+      >
+        <g class="style-scope yt-icon">
+          <path
+            d="M3,11h3v10H3V11z M18.77,11h-4.23l1.52-4.94C16.38,5.03,15.54,4,14.38,4c-0.58,0-1.14,0.24-1.52,0.65L7,11v10h10.43 c1.06,0,1.98-0.67,2.19-1.61l1.34-6C21.23,12.15,20.18,11,18.77,11z"
+            class="style-scope yt-icon"
+          ></path>
+        </g>
+      </svg>
+    </div>
+  </div>
+  <yt-touch-feedback-shape style="border-radius: inherit">
+    <div
+      class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
+      aria-hidden="true"
+    >
+      <div class="yt-spec-touch-feedback-shape__stroke"></div>
+      <div class="yt-spec-touch-feedback-shape__fill"></div>
+    </div>
+  </yt-touch-feedback-shape>
+</button>

src/plugins/album-actions/templates/undislike.html

@@ -0,0 +1,74 @@
+<button
+  id="allundislike"
+  data-type="dislike"
+  data-filled="true"
+  class="like-menu yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-button"
+  aria-pressed="false"
+  aria-label="Undislike all"
+>
+  <div
+    class="yt-spec-button-shape-next__icon"
+    style="color: var(--ytmusic-setting-item-toggle-active)"
+    aria-hidden="true"
+  >
+    <div
+      class="yt-spec-button-shape-next__icon"
+      style="
+        color: white;
+        -webkit-mask: linear-gradient(grey, grey);
+        -webkit-mask-size: 100% 50%;
+        -webkit-mask-repeat: no-repeat;
+        z-index: 1;
+        position: absolute;
+      "
+      aria-hidden="true"
+    >
+      <div style="width: 24px; height: 24px">
+        <svg
+          viewBox="0 0 24 24"
+          preserveAspectRatio="xMidYMid meet"
+          focusable="false"
+          class="style-scope yt-icon"
+          style="
+            pointer-events: none;
+            display: block;
+            width: 100%;
+            height: 100%;
+          "
+        >
+          <g class="style-scope yt-icon">
+            <path
+              d="M17,4h-1H6.57C5.5,4,4.59,4.67,4.38,5.61l-1.34,6C2.77,12.85,3.82,14,5.23,14h4.23l-1.52,4.94C7.62,19.97,8.46,21,9.62,21 c0.58,0,1.14-0.24,1.52-0.65L17,14h4V4H17z M10.4,19.67C10.21,19.88,9.92,20,9.62,20c-0.26,0-0.5-0.11-0.63-0.3 c-0.07-0.1-0.15-0.26-0.09-0.47l1.52-4.94l0.4-1.29H9.46H5.23c-0.41,0-0.8-0.17-1.03-0.46c-0.12-0.15-0.25-0.4-0.18-0.72l1.34-6 C5.46,5.35,5.97,5,6.57,5H16v8.61L10.4,19.67z M20,13h-3V5h3V13z"
+              class="style-scope yt-icon"
+            ></path>
+          </g>
+        </svg>
+      </div>
+    </div>
+    <div style="width: 24px; height: 24px">
+      <svg
+        viewBox="0 0 24 24"
+        preserveAspectRatio="xMidYMid meet"
+        focusable="false"
+        class="style-scope yt-icon"
+        style="pointer-events: none; display: block; width: 100%; height: 100%"
+      >
+        <g class="style-scope yt-icon">
+          <path
+            d="M17,4h-1H6.57C5.5,4,4.59,4.67,4.38,5.61l-1.34,6C2.77,12.85,3.82,14,5.23,14h4.23l-1.52,4.94C7.62,19.97,8.46,21,9.62,21 c0.58,0,1.14-0.24,1.52-0.65L17,14h4V4H17z M10.4,19.67C10.21,19.88,9.92,20,9.62,20c-0.26,0-0.5-0.11-0.63-0.3 c-0.07-0.1-0.15-0.26-0.09-0.47l1.52-4.94l0.4-1.29H9.46H5.23c-0.41,0-0.8-0.17-1.03-0.46c-0.12-0.15-0.25-0.4-0.18-0.72l1.34-6 C5.46,5.35,5.97,5,6.57,5H16v8.61L10.4,19.67z M20,13h-3V5h3V13z"
+            class="style-scope yt-icon"
+          ></path>
+        </g>
+      </svg>
+    </div>
+  </div>
+  <yt-touch-feedback-shape style="border-radius: inherit">
+    <div
+      class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
+      aria-hidden="true"
+    >
+      <div class="yt-spec-touch-feedback-shape__stroke"></div>
+      <div class="yt-spec-touch-feedback-shape__fill"></div>
+    </div>
+  </yt-touch-feedback-shape>
+</button>

src/plugins/album-actions/templates/unlike.html

@@ -0,0 +1,74 @@
+<button
+  id="allunlike"
+  data-type="like"
+  data-filled="true"
+  class="like-menu yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-button"
+  aria-pressed="false"
+  aria-label="Unlike all"
+>
+  <div
+    class="yt-spec-button-shape-next__icon"
+    style="color: var(--ytmusic-setting-item-toggle-active)"
+    aria-hidden="true"
+  >
+    <div
+      class="yt-spec-button-shape-next__icon"
+      style="
+        color: white;
+        -webkit-mask: linear-gradient(grey, grey);
+        -webkit-mask-size: 100% 50%;
+        -webkit-mask-repeat: no-repeat;
+        z-index: 1;
+        position: absolute;
+      "
+      aria-hidden="true"
+    >
+      <div style="width: 24px; height: 24px">
+        <svg
+          viewBox="0 0 24 24"
+          preserveAspectRatio="xMidYMid meet"
+          focusable="false"
+          class="style-scope yt-icon"
+          style="
+            pointer-events: none;
+            display: block;
+            width: 100%;
+            height: 100%;
+          "
+        >
+          <g class="style-scope yt-icon">
+            <path
+              d="M18.77,11h-4.23l1.52-4.94C16.38,5.03,15.54,4,14.38,4c-0.58,0-1.14,0.24-1.52,0.65L7,11H3v10h4h1h9.43 c1.06,0,1.98-0.67,2.19-1.61l1.34-6C21.23,12.15,20.18,11,18.77,11z M7,20H4v-8h3V20z M19.98,13.17l-1.34,6 C18.54,19.65,18.03,20,17.43,20H8v-8.61l5.6-6.06C13.79,5.12,14.08,5,14.38,5c0.26,0,0.5,0.11,0.63,0.3 c0.07,0.1,0.15,0.26,0.09,0.47l-1.52,4.94L13.18,12h1.35h4.23c0.41,0,0.8,0.17,1.03,0.46C19.92,12.61,20.05,12.86,19.98,13.17z"
+              class="style-scope yt-icon"
+            ></path>
+          </g>
+        </svg>
+      </div>
+    </div>
+    <div style="width: 24px; height: 24px">
+      <svg
+        viewBox="0 0 24 24"
+        preserveAspectRatio="xMidYMid meet"
+        focusable="false"
+        class="style-scope yt-icon"
+        style="pointer-events: none; display: block; width: 100%; height: 100%"
+      >
+        <g class="style-scope yt-icon">
+          <path
+            d="M18.77,11h-4.23l1.52-4.94C16.38,5.03,15.54,4,14.38,4c-0.58,0-1.14,0.24-1.52,0.65L7,11H3v10h4h1h9.43 c1.06,0,1.98-0.67,2.19-1.61l1.34-6C21.23,12.15,20.18,11,18.77,11z M7,20H4v-8h3V20z M19.98,13.17l-1.34,6 C18.54,19.65,18.03,20,17.43,20H8v-8.61l5.6-6.06C13.79,5.12,14.08,5,14.38,5c0.26,0,0.5,0.11,0.63,0.3 c0.07,0.1,0.15,0.26,0.09,0.47l-1.52,4.94L13.18,12h1.35h4.23c0.41,0,0.8,0.17,1.03,0.46C19.92,12.61,20.05,12.86,19.98,13.17z"
+            class="style-scope yt-icon"
+          ></path>
+        </g>
+      </svg>
+    </div>
+  </div>
+  <yt-touch-feedback-shape style="border-radius: inherit">
+    <div
+      class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
+      aria-hidden="true"
+    >
+      <div class="yt-spec-touch-feedback-shape__stroke"></div>
+      <div class="yt-spec-touch-feedback-shape__fill"></div>
+    </div>
+  </yt-touch-feedback-shape>
+</button>

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

@@ -1,94 +1,80 @@
 import { FastAverageColor } from 'fast-average-color';
+import Color from 'color';
 
 import style from './style.css?inline';
 
 import { createPlugin } from '@/utils';
 import { t } from '@/i18n';
 
-import type { VideoDataChanged } from '@/types/video-data-changed';
+const COLOR_KEY = '--ytmusic-album-color';
+const DARK_COLOR_KEY = '--ytmusic-album-color-dark';
+const RATIO_KEY = '--ytmusic-album-color-ratio';
 
-export default createPlugin({
+export default createPlugin<
+  unknown,
+  unknown,
+  {
+    color?: Color;
+    darkColor?: Color;
+
+    playerPage: HTMLElement | null;
+    navBarBackground: HTMLElement | null;
+    ytmusicPlayerBar: HTMLElement | null;
+    playerBarBackground: HTMLElement | null;
+    sidebarBig: HTMLElement | null;
+    sidebarSmall: HTMLElement | null;
+    ytmusicAppLayout: HTMLElement | null;
+
+    getMixedColor(color: string, key: string, alpha?: number, ratioMultiply?: number): string;
+    updateColor(): void;
+  },
+  {
+    enabled: boolean;
+    ratio: number;
+  }
+>({
   name: () => t('plugins.album-color-theme.name'),
   description: () => t('plugins.album-color-theme.description'),
-  restartNeeded: true,
+  restartNeeded: false,
   config: {
     enabled: false,
+    ratio: 0.5,
   },
   stylesheets: [style],
+  menu: async ({ getConfig, setConfig }) => {
+    const ratioList = [0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1];
+
+    const config = await getConfig();
+
+    return [
+      {
+        label: t('plugins.album-color-theme.menu.color-mix-ratio.label'),
+        submenu: ratioList.map((ratio) => ({
+          label: t(
+            'plugins.album-color-theme.menu.color-mix-ratio.submenu.percent',
+            {
+              ratio: ratio * 100,
+            },
+          ),
+          type: 'radio',
+          checked: config.ratio === ratio,
+          click() {
+            setConfig({ ratio });
+          },
+        })),
+      },
+    ];
+  },
   renderer: {
-    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;
+    playerPage: null,
+    navBarBackground: null,
+    ytmusicPlayerBar: null,
+    playerBarBackground: null,
+    sidebarBig: null,
+    sidebarSmall: null,
+    ytmusicAppLayout: null,
 
-      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];
-    },
-    hue: 0,
-    saturation: 0,
-    lightness: 0,
-
-    changeElementColor: (
-      element: HTMLElement | null,
-      hue: number,
-      saturation: number,
-      lightness: number,
-    ) => {
-      if (element) {
-        element.style.backgroundColor = `hsl(${hue}, ${saturation}%, ${lightness}%)`;
-      }
-    },
-
-    playerPage: null as HTMLElement | null,
-    navBarBackground: null as HTMLElement | null,
-    ytmusicPlayerBar: null as HTMLElement | null,
-    playerBarBackground: null as HTMLElement | null,
-    sidebarBig: null as HTMLElement | null,
-    sidebarSmall: null as HTMLElement | null,
-    ytmusicAppLayout: null as HTMLElement | null,
-
-    start() {
+    async start({ getConfig }) {
       this.playerPage = document.querySelector<HTMLElement>('#player-page');
       this.navBarBackground = document.querySelector<HTMLElement>(
         '#nav-bar-background',
@@ -104,112 +90,102 @@ export default createPlugin({
       );
       this.ytmusicAppLayout = document.querySelector<HTMLElement>('#layout');
 
-      const observer = new MutationObserver((mutationsList) => {
-        for (const mutation of mutationsList) {
-          if (mutation.type === 'attributes') {
-            const isPageOpen =
-              this.ytmusicAppLayout?.hasAttribute('player-page-open');
-            if (isPageOpen) {
-              this.changeElementColor(
-                this.sidebarSmall,
-                this.hue,
-                this.saturation,
-                this.lightness - 30,
-              );
-            } else {
-              if (this.sidebarSmall) {
-                this.sidebarSmall.style.backgroundColor = 'black';
-              }
-            }
-          }
-        }
-      });
-
-      if (this.playerPage) {
-        observer.observe(this.playerPage, { attributes: true });
-      }
+      const config = await getConfig();
+      document.documentElement.style.setProperty(RATIO_KEY, `${~~(config.ratio * 100)}%`);
     },
     onPlayerApiReady(playerApi) {
       const fastAverageColor = new FastAverageColor();
 
-      document.addEventListener(
-        'videodatachange',
-        (event: CustomEvent<VideoDataChanged>) => {
-          if (event.detail.name === 'dataloaded') {
-            const playerResponse = playerApi.getPlayerResponse();
-            const thumbnail =
-              playerResponse?.videoDetails?.thumbnail?.thumbnails?.at(0);
-            if (thumbnail) {
-              fastAverageColor
-                .getColorAsync(thumbnail.url)
-                .then((albumColor) => {
-                  if (albumColor) {
-                    const [hue, saturation, lightness] = ([
-                      this.hue,
-                      this.saturation,
-                      this.lightness,
-                    ] = this.hexToHSL(albumColor.hex));
-                    this.changeElementColor(
-                      this.playerPage,
-                      hue,
-                      saturation,
-                      lightness - 30,
-                    );
-                    this.changeElementColor(
-                      this.navBarBackground,
-                      hue,
-                      saturation,
-                      lightness - 15,
-                    );
-                    this.changeElementColor(
-                      this.ytmusicPlayerBar,
-                      hue,
-                      saturation,
-                      lightness - 15,
-                    );
-                    this.changeElementColor(
-                      this.playerBarBackground,
-                      hue,
-                      saturation,
-                      lightness - 15,
-                    );
-                    this.changeElementColor(
-                      this.sidebarBig,
-                      hue,
-                      saturation,
-                      lightness - 15,
-                    );
-                    if (
-                      this.ytmusicAppLayout?.hasAttribute('player-page-open')
-                    ) {
-                      this.changeElementColor(
-                        this.sidebarSmall,
-                        hue,
-                        saturation,
-                        lightness - 30,
-                      );
-                    }
-                    const ytRightClickList =
-                      document.querySelector<HTMLElement>(
-                        'tp-yt-paper-listbox',
-                      );
-                    this.changeElementColor(
-                      ytRightClickList,
-                      hue,
-                      saturation,
-                      lightness - 15,
-                    );
-                  } else {
-                    if (this.playerPage) {
-                      this.playerPage.style.backgroundColor = '#000000';
-                    }
-                  }
-                })
-                .catch((e) => console.error(e));
-            }
+      document.addEventListener('videodatachange', async (event) => {
+        if (event.detail.name !== 'dataloaded') return;
+
+        const playerResponse = playerApi.getPlayerResponse();
+        const thumbnail = playerResponse?.videoDetails?.thumbnail?.thumbnails?.at(0);
+        if (!thumbnail) return;
+
+        const albumColor = await fastAverageColor.getColorAsync(thumbnail.url)
+          .catch((err) => {
+            console.error(err);
+            return null;
+          });
+
+        if (albumColor) {
+          const target = Color(albumColor.hex);
+
+          this.darkColor = target.darken(0.3).rgb();
+          this.color = target.darken(0.15).rgb();
+
+          while (this.color.luminosity() > 0.5) {
+            this.color = this.color?.darken(0.05);
+            this.darkColor = this.darkColor?.darken(0.05);
           }
-        },
-      );
+
+          document.documentElement.style.setProperty(COLOR_KEY, `${~~this.color.red()}, ${~~this.color.green()}, ${~~this.color.blue()}`);
+          document.documentElement.style.setProperty(DARK_COLOR_KEY, `${~~this.darkColor.red()}, ${~~this.darkColor.green()}, ${~~this.darkColor.blue()}`);
+        } else {
+          document.documentElement.style.setProperty(COLOR_KEY, '0, 0, 0');
+          document.documentElement.style.setProperty(DARK_COLOR_KEY, '0, 0, 0');
+        }
+
+        this.updateColor();
+      });
+    },
+    onConfigChange(config) {
+      document.documentElement.style.setProperty(RATIO_KEY, `${~~(config.ratio * 100)}%`);
+    },
+    getMixedColor(color: string, key: string, alpha = 1, ratioMultiply) {
+      const keyColor = `rgba(var(${key}), ${alpha})`;
+
+      let colorRatio = `var(${RATIO_KEY}, 50%)`;
+      let originalRatio = `calc(100% - var(${RATIO_KEY}, 50%))`;
+      if (ratioMultiply) {
+        colorRatio = `calc(var(${RATIO_KEY}, 50%) * ${ratioMultiply})`;
+        originalRatio = `calc(100% - calc(var(${RATIO_KEY}, 50%) * ${ratioMultiply}))`;
+      }
+      return `color-mix(in srgb, ${color} ${originalRatio}, ${keyColor} ${colorRatio})`;
+    },
+    updateColor() {
+      const variableMap = {
+        '--ytmusic-color-black1': '#212121',
+        '--ytmusic-color-black2': '#181818',
+        '--ytmusic-color-black3': '#030303',
+        '--ytmusic-color-black4': '#030303',
+        '--ytmusic-color-blackpure': '#000',
+        '--dark-theme-background-color': '#212121',
+        '--yt-spec-base-background': '#0f0f0f',
+        '--yt-spec-raised-background': '#212121',
+        '--yt-spec-menu-background': '#282828',
+        '--yt-spec-static-brand-black': '#212121',
+        '--yt-spec-static-overlay-background-solid': '#000',
+        '--yt-spec-static-overlay-background-heavy': 'rgba(0,0,0,0.8)',
+        '--yt-spec-static-overlay-background-medium': 'rgba(0,0,0,0.6)',
+        '--yt-spec-static-overlay-background-medium-light': 'rgba(0,0,0,0.3)',
+        '--yt-spec-static-overlay-background-light': 'rgba(0,0,0,0.1)',
+        '--yt-spec-general-background-a': '#181818',
+        '--yt-spec-general-background-b': '#0f0f0f',
+        '--yt-spec-general-background-c': '#030303',
+        '--yt-spec-snackbar-background': '#030303',
+        '--yt-spec-filled-button-text': '#030303',
+        '--yt-spec-black-1': '#282828',
+        '--yt-spec-black-2': '#1f1f1f',
+        '--yt-spec-black-3': '#161616',
+        '--yt-spec-black-4': '#0d0d0d',
+        '--yt-spec-black-pure': '#000',
+        '--yt-spec-black-pure-alpha-5': 'rgba(0,0,0,0.05)',
+        '--yt-spec-black-pure-alpha-10': 'rgba(0,0,0,0.1)',
+        '--yt-spec-black-pure-alpha-15': 'rgba(0,0,0,0.15)',
+        '--yt-spec-black-pure-alpha-30': 'rgba(0,0,0,0.3)',
+        '--yt-spec-black-pure-alpha-60': 'rgba(0,0,0,0.6)',
+        '--yt-spec-black-pure-alpha-80': 'rgba(0,0,0,0.8)',
+        '--yt-spec-black-1-alpha-98': 'rgba(40,40,40,0.98)',
+        '--yt-spec-black-1-alpha-95': 'rgba(40,40,40,0.95)',
+      };
+      Object.entries(variableMap).map(([variable, color]) => {
+        document.documentElement.style.setProperty(variable, this.getMixedColor(color, COLOR_KEY), 'important');
+      });
+
+      document.body.style.setProperty('background', this.getMixedColor('#030303', COLOR_KEY), 'important');
+      document.documentElement.style.setProperty('--ytmusic-background', this.getMixedColor('#030303', DARK_COLOR_KEY), 'important');
     },
   },
 });

src/plugins/album-color-theme/style.css

@@ -4,28 +4,24 @@ yt-page-navigation-progress {
 }
 
 #player-page {
-  transition:
-    transform 300ms,
-    background-color 300ms cubic-bezier(0.2, 0, 0.6, 1) !important;
+  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;
+  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;
+  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;
+  transition: opacity 200ms,
+  background-color 300ms cubic-bezier(0.2, 0, 0.6, 1) !important;
 }
 
 #img,
@@ -37,3 +33,57 @@ yt-page-navigation-progress {
 #items {
   border-radius: 10px !important;
 }
+
+/* fix blur navigation bar */
+
+ytmusic-app-layout > [slot='player-page'] {
+  padding-top: 90px;
+  margin-top: calc(-90px + var(--menu-bar-height, 0px)) !important;
+}
+
+/* fix icon color */
+
+.duration.ytmusic-player-queue-item, .byline.ytmusic-player-queue-item {
+  color: rgba(255, 255, 255, 0.5) !important;
+  --yt-endpoint-color: rgba(255, 255, 255, 0.5) !important;
+  --yt-endpoint-hover-color: rgba(255, 255, 255, 0.5) !important;
+  --yt-endpoint-visited-color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.icon.ytmusic-menu-navigation-item-renderer {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.menu.ytmusic-player-bar {
+  --iron-icon-fill-color: rgba(255, 255, 255, 0.5) !important;
+}
+
+ytmusic-player-bar {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.time-info.ytmusic-player-bar {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.volume-slider.ytmusic-player-bar, .expand-volume-slider.ytmusic-player-bar {
+  --paper-slider-container-color: rgba(255, 255, 255, 0.5) !important;
+}
+
+/* fix background image */
+ytmusic-fullbleed-thumbnail-renderer img {
+  mask: linear-gradient(to bottom, #000 0%, #000 50%, transparent 100%);
+}
+
+.background-gradient.style-scope,
+ytmusic-app-layout[is-bauhaus-sidenav-enabled] #mini-guide-background.ytmusic-app-layout {
+  background: var(--ytmusic-background) !important;
+}
+
+ytmusic-browse-response[has-background]:not([disable-gradient]) .background-gradient.ytmusic-browse-response {
+  background: unset !important;
+}
+
+#background.immersive-background.style-scope.ytmusic-browse-response {
+  opacity: 0.6;
+}

src/plugins/ambient-mode/index.ts

@@ -145,6 +145,73 @@ export default createPlugin({
     observer: null as MutationObserver | null,
 
     start() {
+      const injectBlurImage = () => {
+        const songImage = document.querySelector<HTMLImageElement>(
+          '#song-image',
+        );
+        const image = document.querySelector<HTMLImageElement>(
+          '#song-image yt-img-shadow > img',
+        );
+
+        if (!songImage) return null;
+        if (!image) return null;
+
+        const blurImage = document.createElement('img');
+        blurImage.classList.add('html5-blur-image');
+        blurImage.src = image.src;
+
+        const applyImageAttribute = () => {
+          const rect = image.getBoundingClientRect();
+
+          const newWidth = Math.floor(image.width || rect.width);
+          const newHeight = Math.floor(image.height || rect.height);
+
+          if (newWidth === 0 || newHeight === 0) return;
+
+          if (this.isFullscreen) blurImage.classList.add('fullscreen');
+          else blurImage.classList.remove('fullscreen');
+
+          const leftOffset = (newWidth * (this.sizeRatio - 1)) / 2;
+          const topOffset = (newHeight * (this.sizeRatio - 1)) / 2;
+          blurImage.style.setProperty('--left', `${-1 * leftOffset}px`);
+          blurImage.style.setProperty('--top', `${-1 * topOffset}px`);
+          blurImage.style.setProperty('--width', `${newWidth * this.sizeRatio}px`);
+          blurImage.style.setProperty('--height', `${newHeight * this.sizeRatio}px`);
+          blurImage.style.setProperty('--blur', `${this.blur}px`);
+          blurImage.style.setProperty('--opacity', `${this.opacity}`);
+        };
+
+        this.update = applyImageAttribute;
+
+        const observer = new MutationObserver((mutations) => {
+          mutations.forEach((mutation) => {
+            if (mutation.type === 'attributes') {
+              applyImageAttribute();
+            }
+          });
+        });
+        const resizeObserver = new ResizeObserver(() => {
+          applyImageAttribute();
+        });
+
+        applyImageAttribute();
+        observer.observe(songImage, { attributes: true });
+        resizeObserver.observe(songImage);
+        window.addEventListener('resize', applyImageAttribute);
+
+        /* injecting */
+        songImage.prepend(blurImage);
+
+        /* cleanup */
+        return () => {
+          observer.disconnect();
+          resizeObserver.disconnect();
+          window.removeEventListener('resize', applyImageAttribute);
+
+          if (blurImage.isConnected) blurImage.remove();
+        };
+      };
+
       const injectBlurVideo = (): (() => void) | null => {
         const songVideo = document.querySelector<HTMLDivElement>('#song-video');
         const video = document.querySelector<HTMLVideoElement>(
@@ -172,7 +239,6 @@ export default createPlugin({
             cancelAnimationFrame(lastEffectWorkId);
 
           lastEffectWorkId = requestAnimationFrame(() => {
-            // console.log('context', context);
             if (!context) return;
 
             const width = this.qualityRatio;
@@ -280,13 +346,20 @@ export default createPlugin({
         };
       };
 
+      const isVideoMode = () => {
+        const songVideo = document.querySelector<HTMLDivElement>('#song-video');
+        if (!songVideo) return false;
+
+        return getComputedStyle(songVideo).display !== 'none';
+      };
+
       const playerPage = document.querySelector<HTMLElement>('#player-page');
       const ytmusicAppLayout = document.querySelector<HTMLElement>('#layout');
 
       const isPageOpen = ytmusicAppLayout?.hasAttribute('player-page-open');
       if (isPageOpen) {
         this.unregister?.();
-        this.unregister = injectBlurVideo() ?? null;
+        this.unregister = (isVideoMode() ? injectBlurVideo() : injectBlurImage()) ?? null;
       }
 
       const observer = new MutationObserver((mutationsList) => {
@@ -296,7 +369,7 @@ export default createPlugin({
               ytmusicAppLayout?.hasAttribute('player-page-open');
             if (isPageOpen) {
               this.unregister?.();
-              this.unregister = injectBlurVideo() ?? null;
+              this.unregister = (isVideoMode() ? injectBlurVideo() : injectBlurImage()) ?? null;
             } else {
               this.unregister?.();
               this.unregister = null;

src/plugins/ambient-mode/style.css

@@ -24,3 +24,17 @@
 #song-video .html5-video-container > video {
   top: 0 !important;
 }
+
+#song-image .html5-blur-image {
+  position: absolute;
+
+  left: var(--left, 0px);
+  top: var(--top, 0px);
+  width: var(--width, 100%) !important;
+  height: var(--height, 100%) !important;
+
+  filter: blur(var(--blur, 100px));
+  opacity: var(--opacity, 1);
+
+  pointer-events: none;
+}

src/plugins/audio-compressor.ts

@@ -7,7 +7,7 @@ export default createPlugin({
 
   renderer() {
     document.addEventListener(
-      'audioCanPlay',
+      'ytmd:audio-can-play',
       ({ detail: { audioSource, audioContext } }) => {
         const compressor = audioContext.createDynamicsCompressor();
 

src/plugins/blur-nav-bar/index.ts

@@ -1,11 +1,24 @@
 import { createPlugin } from '@/utils';
-import style from './style.css?inline';
+
 import { t } from '@/i18n';
 
+import style from './style.css?inline';
+
 export default createPlugin({
   name: () => t('plugins.blur-nav-bar.name'),
   description: () => t('plugins.blur-nav-bar.description'),
-  restartNeeded: true,
-  stylesheets: [style],
-  renderer() {},
+  restartNeeded: false,
+  renderer: {
+    styleSheet: null as CSSStyleSheet | null,
+
+    async start() {
+      this.styleSheet = new CSSStyleSheet();
+      await this.styleSheet.replace(style);
+
+      document.adoptedStyleSheets = [...document.adoptedStyleSheets, this.styleSheet];
+    },
+    async stop() {
+      await this.styleSheet?.replace('');
+    },
+  },
 });

src/plugins/blur-nav-bar/style.css

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

src/plugins/captions-selector/renderer.ts

@@ -121,7 +121,7 @@ export default createRenderer<
       ?.unloadModule('captions');
     document
       .querySelector('video')
-      ?.removeEventListener('srcChanged', this.videoChangeListener);
+      ?.removeEventListener('ytmd:src-changed', this.videoChangeListener);
     this.captionsSettingsButton.removeEventListener(
       'click',
       this.captionsButtonClickListener,
@@ -139,7 +139,7 @@ export default createRenderer<
 
     document
       .querySelector('video')
-      ?.addEventListener('srcChanged', this.videoChangeListener);
+      ?.addEventListener('ytmd:src-changed', this.videoChangeListener);
     this.captionsSettingsButton.addEventListener(
       'click',
       this.captionsButtonClickListener,

src/plugins/crossfade/index.ts

@@ -26,8 +26,8 @@ export default createPlugin<
   unknown,
   unknown,
   {
-    config: CrossfadePluginConfig | null;
-    ipc: RendererContext<CrossfadePluginConfig>['ipc'] | null;
+    config?: CrossfadePluginConfig;
+    ipc?: RendererContext<CrossfadePluginConfig>['ipc'];
   },
   CrossfadePluginConfig
 >({
@@ -178,10 +178,8 @@ export default createPlugin<
   },
 
   renderer: {
-    config: null,
-    ipc: null,
-
-    start({ ipc }) {
+    async start({ ipc, getConfig }) {
+      this.config = await getConfig();
       this.ipc = ipc;
     },
     onConfigChange(newConfig) {
@@ -271,7 +269,7 @@ export default createPlugin<
         const transitionBeforeEnd = () => {
           if (
             video.currentTime >=
-              video.duration - this.config!.secondsBeforeEnd &&
+              video.duration - (this.config?.secondsBeforeEnd ?? 0) &&
             isReadyToCrossfade()
           ) {
             video.removeEventListener('timeupdate', transitionBeforeEnd);

src/plugins/discord/main.ts

@@ -2,14 +2,12 @@ import { app, dialog, ipcMain } from 'electron';
 import { Client as DiscordClient } from '@xhayper/discord-rpc';
 import { dev } from 'electron-is';
 
-import { SetActivity } from '@xhayper/discord-rpc/dist/structures/ClientUser';
-
 import registerCallback, { type SongInfo } from '@/providers/song-info';
-
 import { createBackend, LoggerPrefix } from '@/utils';
-
 import { t } from '@/i18n';
 
+import type { GatewayActivityButton } from 'discord-api-types/v10';
+import type { SetActivity } from '@xhayper/discord-rpc/dist/structures/ClientUser';
 import type { DiscordPluginConfig } from './index';
 
 // Application ID registered by @th-ch/youtube-music dev team
@@ -163,24 +161,30 @@ export const backend = createBackend<
       );
     }
 
+    // see https://github.com/th-ch/youtube-music/issues/1664
+    let buttons: GatewayActivityButton[] | undefined = [];
+    if (config.playOnYouTubeMusic) {
+      buttons.push({
+        label: 'Play on YouTube Music',
+        url: songInfo.url ?? 'https://music.youtube.com',
+      });
+    }
+    if (!config.hideGitHubButton) {
+      buttons.push({
+        label: 'View App On GitHub',
+        url: 'https://github.com/th-ch/youtube-music',
+      });
+    }
+    if (buttons.length === 0) {
+      buttons = undefined;
+    }
+
     const activityInfo: SetActivity = {
       details: songInfo.title,
       state: songInfo.artist,
       largeImageKey: songInfo.imageSrc ?? '',
       largeImageText: songInfo.album ?? '',
-      buttons: [
-        ...(config.playOnYouTubeMusic
-          ? [{ label: 'Play on YouTube Music', url: songInfo.url ?? '' }]
-          : []),
-        ...(config.hideGitHubButton
-          ? []
-          : [
-              {
-                label: 'View App On GitHub',
-                url: 'https://github.com/th-ch/youtube-music',
-              },
-            ]),
-      ],
+      buttons,
     };
 
     if (songInfo.isPaused) {
@@ -244,7 +248,7 @@ export const backend = createBackend<
       });
       connect();
       let lastSent = Date.now();
-      ipcMain.on('timeChanged', (_, t: number) => {
+      ipcMain.on('ytmd:time-changed', (_, t: number) => {
         const currentTime = Date.now();
         // if lastSent is more than 5 seconds ago, send the new time
         if (currentTime - lastSent > 5000) {

src/plugins/discord/menu.ts

@@ -84,7 +84,7 @@ export const onMenu = async ({
       checked: config.hideDurationLeft,
       click(item: Electron.MenuItem) {
         setConfig({
-          hideGitHubButton: item.checked,
+          hideDurationLeft: item.checked,
         });
       },
     },

src/plugins/downloader/main/index.ts

@@ -30,7 +30,7 @@ import {
 
 import { fetchFromGenius } from '@/plugins/lyrics-genius/main';
 import { isEnabled } from '@/config/plugins';
-import { cleanupName, getImage, SongInfo } from '@/providers/song-info';
+import { cleanupName, getImage, MediaType, type SongInfo } from '@/providers/song-info';
 import { getNetFetchAsFetch } from '@/plugins/utils/main';
 import { cache } from '@/providers/decorators';
 
@@ -110,7 +110,7 @@ export const onMainLoad = async ({
     fetch: getNetFetchAsFetch(),
   });
   ipc.handle('download-song', (url: string) => downloadSong(url));
-  ipc.on('video-src-changed', (data: GetPlayerResponse) => {
+  ipc.on('ytmd:video-src-changed', (data: GetPlayerResponse) => {
     playingUrl = data.microformat.microformatDataRenderer.urlCanonical;
   });
   ipc.handle('download-playlist-request', async (url: string) =>
@@ -686,6 +686,7 @@ const getMetadata = (info: TrackInfo): CustomSongInfo => ({
     ?.url,
   views: info.basic_info.view_count!,
   songDuration: info.basic_info.duration!,
+  mediaType: MediaType.Audio,
 });
 
 // This is used to bypass age restrictions

src/plugins/downloader/renderer.ts

@@ -32,38 +32,63 @@ const menuObserver = new MutationObserver(() => {
     return;
   }
 
-  const menuUrl = document.querySelector<HTMLAnchorElement>(
-    'tp-yt-paper-listbox [tabindex="-1"] #navigation-endpoint',
+  // check for video (or music)
+  let menuUrl = document.querySelector<HTMLAnchorElement>(
+    'tp-yt-paper-listbox [tabindex="0"] #navigation-endpoint',
   )?.href;
-  if (!menuUrl?.includes('watch?') && doneFirstLoad) {
+  if (!menuUrl?.includes('watch?')) {
+    menuUrl = undefined;
+    // check for podcast
+    for (const it of document.querySelectorAll('tp-yt-paper-listbox [tabindex="-1"] #navigation-endpoint')) {
+      if (it.getAttribute('href')?.includes('podcast/')) {
+        menuUrl = it.getAttribute('href')!;
+        break;
+      }
+    }
+  }
+
+  if (!menuUrl && doneFirstLoad) {
     return;
   }
 
   menu.prepend(downloadButton);
   progress = document.querySelector('#ytmcustom-download');
 
-  if (doneFirstLoad) {
-    return;
+  if (!doneFirstLoad) {
+    setTimeout(() => (doneFirstLoad ||= true), 500);
   }
-
-  setTimeout(() => (doneFirstLoad ||= true), 500);
 });
 
 export const onRendererLoad = ({
   ipc,
 }: RendererContext<DownloaderPluginConfig>) => {
   window.download = () => {
-    let videoUrl = getSongMenu()
+    const songMenu = getSongMenu();
+    let videoUrl = songMenu
       // Selector of first button which is always "Start Radio"
       ?.querySelector(
-        'ytmusic-menu-navigation-item-renderer[tabindex="-1"] #navigation-endpoint',
+        'ytmusic-menu-navigation-item-renderer[tabindex="0"] #navigation-endpoint',
       )
       ?.getAttribute('href');
+
+    if (!videoUrl && songMenu) {
+      for (const it of songMenu.querySelectorAll('ytmusic-menu-navigation-item-renderer[tabindex="-1"] #navigation-endpoint')) {
+        if (it.getAttribute('href')?.includes('podcast/')) {
+          videoUrl = it.getAttribute('href');
+          break;
+        }
+      }
+    }
+
     if (videoUrl) {
       if (videoUrl.startsWith('watch?')) {
         videoUrl = defaultConfig.url + '/' + videoUrl;
       }
 
+      if (videoUrl.startsWith('podcast/')) {
+        videoUrl = defaultConfig.url + '/watch?' + videoUrl.replace('podcast/', 'v=');
+      }
+
       if (videoUrl.includes('?playlist=')) {
         ipc.invoke('download-playlist-request', videoUrl);
         return;

src/plugins/in-app-menu/assets/close.svg

@@ -1,3 +0,0 @@
-<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-  <path fill="#ffffff" d="m4.21 4.387.083-.094a1 1 0 0 1 1.32-.083l.094.083L12 10.585l6.293-6.292a1 1 0 1 1 1.414 1.414L13.415 12l6.292 6.293a1 1 0 0 1 .083 1.32l-.083.094a1 1 0 0 1-1.32.083l-.094-.083L12 13.415l-6.293 6.292a1 1 0 0 1-1.414-1.414L10.585 12 4.293 5.707a1 1 0 0 1-.083-1.32l.083-.094-.083.094Z"/>
-</svg>

src/plugins/in-app-menu/assets/maximize.svg

@@ -1,3 +0,0 @@
-<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-  <path fill="#ffffff" d="M6 3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H6Z"/>
-</svg>

src/plugins/in-app-menu/assets/menu.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M3 17h12a1 1 0 0 1 .117 1.993L15 19H3a1 1 0 0 1-.117-1.993L3 17h12H3Zm0-6h18a1 1 0 0 1 .117 1.993L21 13H3a1 1 0 0 1-.117-1.993L3 11h18H3Zm0-6h15a1 1 0 0 1 .117 1.993L18 7H3a1 1 0 0 1-.117-1.993L3 5h15H3Z" fill="#ffffff"/>
-</svg>

src/plugins/in-app-menu/assets/minimize.svg

@@ -1,3 +0,0 @@
-<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-  <path fill="#ffffff" d="M3.755 12.5h16.492a.75.75 0 0 0 0-1.5H3.755a.75.75 0 0 0 0 1.5Z" />
-</svg>

src/plugins/in-app-menu/assets/unmaximize.svg

@@ -1,3 +0,0 @@
-<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-  <path fill="#ffffff" d="M7.518 5H6.009a3.25 3.25 0 0 1 3.24-3h8.001A4.75 4.75 0 0 1 22 6.75v8a3.25 3.25 0 0 1-3 3.24v-1.508a1.75 1.75 0 0 0 1.5-1.732v-8a3.25 3.25 0 0 0-3.25-3.25h-8A1.75 1.75 0 0 0 7.518 5ZM5.25 6A3.25 3.25 0 0 0 2 9.25v9.5A3.25 3.25 0 0 0 5.25 22h9.5A3.25 3.25 0 0 0 18 18.75v-9.5A3.25 3.25 0 0 0 14.75 6h-9.5ZM3.5 9.25c0-.966.784-1.75 1.75-1.75h9.5c.967 0 1.75.784 1.75 1.75v9.5a1.75 1.75 0 0 1-1.75 1.75h-9.5a1.75 1.75 0 0 1-1.75-1.75v-9.5Z"/>
-</svg>

src/plugins/in-app-menu/constants.ts

@@ -0,0 +1,27 @@
+export interface InAppMenuConfig {
+  enabled: boolean;
+  hideDOMWindowControls: boolean;
+}
+export const defaultInAppMenuConfig: InAppMenuConfig = {
+  enabled:
+    (
+      (
+        typeof window !== 'undefined' &&
+        !window.navigator?.userAgent?.includes('mac')
+      ) ||
+      (
+        typeof global !== 'undefined' &&
+        global.process?.platform !== 'darwin'
+      )
+    ) && (
+      (
+        typeof window !== 'undefined' &&
+        !window.navigator?.userAgent?.includes('linux')
+      ) ||
+      (
+        typeof global !== 'undefined' &&
+        global.process?.platform !== 'linux'
+      )
+    ),
+  hideDOMWindowControls: false,
+};

src/plugins/in-app-menu/index.ts

@@ -2,24 +2,15 @@ import titlebarStyle from './titlebar.css?inline';
 import { createPlugin } from '@/utils';
 import { onMainLoad } from './main';
 import { onMenu } from './menu';
-import { onPlayerApiReady, onRendererLoad } from './renderer';
+import { onConfigChange, onPlayerApiReady, onRendererLoad } from './renderer';
 import { t } from '@/i18n';
+import { defaultInAppMenuConfig } from './constants';
 
-export interface InAppMenuConfig {
-  enabled: boolean;
-  hideDOMWindowControls: boolean;
-}
 export default createPlugin({
   name: () => t('plugins.in-app-menu.name'),
   description: () => t('plugins.in-app-menu.description'),
   restartNeeded: true,
-  config: {
-    enabled:
-      (typeof window !== 'undefined' &&
-        !window.navigator?.userAgent?.includes('mac')) ||
-      (typeof global !== 'undefined' && global.process?.platform !== 'darwin'),
-    hideDOMWindowControls: false,
-  } as InAppMenuConfig,
+  config: defaultInAppMenuConfig,
   stylesheets: [titlebarStyle],
   menu: onMenu,
 
@@ -27,5 +18,6 @@ export default createPlugin({
   renderer: {
     start: onRendererLoad,
     onPlayerApiReady,
+    onConfigChange,
   },
 });

src/plugins/in-app-menu/main.ts

@@ -3,7 +3,7 @@ import { register } from 'electron-localshortcut';
 import { BrowserWindow, Menu, MenuItem, ipcMain, nativeImage } from 'electron';
 
 import type { BackendContext } from '@/types/contexts';
-import type { InAppMenuConfig } from './index';
+import type { InAppMenuConfig } from './constants';
 
 export const onMainLoad = ({
   window: win,
@@ -47,7 +47,7 @@ export const onMainLoad = ({
     return target;
   };
 
-  ipcMain.handle('menu-event', (event, commandId: number) => {
+  ipcMain.handle('ytmd:menu-event', (event, commandId: number) => {
     const target = getMenuItemById(commandId);
     if (target)
       target.click(

src/plugins/in-app-menu/menu.ts

@@ -2,7 +2,7 @@ import is from 'electron-is';
 
 import { t } from '@/i18n';
 
-import type { InAppMenuConfig } from './index';
+import type { InAppMenuConfig } from './constants';
 import type { MenuContext } from '@/types/contexts';
 import type { MenuTemplate } from '@/menu';
 

src/plugins/in-app-menu/menu/icons.ts

@@ -1,14 +0,0 @@
-const Icons = {
-  submenu:
-    '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><polyline points="9 6 15 12 9 18" /></svg>',
-  checkbox:
-    '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>',
-  radio: {
-    checked:
-      '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" style="padding: 2px"><path fill="currentColor" d="M10,5 C7.2,5 5,7.2 5,10 C5,12.8 7.2,15 10,15 C12.8,15 15,12.8 15,10 C15,7.2 12.8,5 10,5 L10,5 Z M10,0 C4.5,0 0,4.5 0,10 C0,15.5 4.5,20 10,20 C15.5,20 20,15.5 20,10 C20,4.5 15.5,0 10,0 L10,0 Z M10,18 C5.6,18 2,14.4 2,10 C2,5.6 5.6,2 10,2 C14.4,2 18,5.6 18,10 C18,14.4 14.4,18 10,18 L10,18 Z" /></svg>',
-    unchecked:
-      '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" style="padding: 2px"><path fill="currentColor" d="M10,0 C4.5,0 0,4.5 0,10 C0,15.5 4.5,20 10,20 C15.5,20 20,15.5 20,10 C20,4.5 15.5,0 10,0 L10,0 Z M10,18 C5.6,18 2,14.4 2,10 C2,5.6 5.6,2 10,2 C14.4,2 18,5.6 18,10 C18,14.4 14.4,18 10,18 L10,18 Z" /></svg>',
-  },
-};
-
-export default Icons;

src/plugins/in-app-menu/menu/panel.ts

@@ -1,155 +0,0 @@
-import Icons from './icons';
-
-import { ElementFromHtml } from '../../utils/renderer';
-
-import type { MenuItem } from 'electron';
-
-interface PanelOptions {
-  placement?: 'bottom' | 'right';
-  order?: number;
-}
-
-export const createPanel = (
-  parent: HTMLElement,
-  anchor: HTMLElement,
-  items: MenuItem[],
-  options: PanelOptions = { placement: 'bottom', order: 0 },
-) => {
-  const childPanels: HTMLElement[] = [];
-  const panel = document.createElement('menu-panel');
-  panel.style.zIndex = `${options.order}`;
-
-  const updateIconState = async (iconWrapper: HTMLElement, item: MenuItem) => {
-    if (item.type === 'checkbox') {
-      if (item.checked) iconWrapper.innerHTML = Icons.checkbox;
-      else iconWrapper.innerHTML = '';
-    } else if (item.type === 'radio') {
-      if (item.checked) iconWrapper.innerHTML = Icons.radio.checked;
-      else iconWrapper.innerHTML = Icons.radio.unchecked;
-    } else {
-      const iconURL =
-        typeof item.icon === 'string'
-          ? ((await window.ipcRenderer.invoke(
-              'image-path-to-data-url',
-            )) as string)
-          : item.icon?.toDataURL();
-
-      if (iconURL) iconWrapper.style.background = `url(${iconURL})`;
-    }
-  };
-
-  const radioGroups: [MenuItem, HTMLElement][] = [];
-  items.map((item) => {
-    if (!item.visible) return;
-    if (item.type === 'separator')
-      return panel.appendChild(document.createElement('menu-separator'));
-
-    const menu = document.createElement('menu-item');
-    const iconWrapper = document.createElement('menu-icon');
-
-    updateIconState(iconWrapper, item);
-    menu.appendChild(iconWrapper);
-    menu.append(item.label);
-
-    menu.addEventListener('click', async () => {
-      await window.ipcRenderer.invoke('menu-event', item.commandId);
-      const menuItem = (await window.ipcRenderer.invoke(
-        'get-menu-by-id',
-        item.commandId,
-      )) as MenuItem | null;
-
-      if (menuItem) {
-        updateIconState(iconWrapper, menuItem);
-
-        if (menuItem.type === 'radio') {
-          await Promise.all(
-            radioGroups.map(async ([item, iconWrapper]) => {
-              if (item.commandId === menuItem.commandId) return;
-              const newItem = (await window.ipcRenderer.invoke(
-                'get-menu-by-id',
-                item.commandId,
-              )) as MenuItem | null;
-
-              if (newItem) updateIconState(iconWrapper, newItem);
-            }),
-          );
-        }
-      }
-    });
-
-    if (item.type === 'radio') {
-      radioGroups.push([item, iconWrapper]);
-    }
-
-    if (item.type === 'submenu') {
-      const subMenuIcon = document.createElement('menu-icon');
-      subMenuIcon.appendChild(ElementFromHtml(Icons.submenu));
-      menu.appendChild(subMenuIcon);
-
-      const [child, , children] = createPanel(
-        parent,
-        menu,
-        item.submenu?.items ?? [],
-        {
-          placement: 'right',
-          order: (options?.order ?? 0) + 1,
-        },
-      );
-
-      childPanels.push(child);
-      children.push(...children);
-    }
-
-    return panel.appendChild(menu);
-  });
-
-  /* methods */
-  const isOpened = () => panel.getAttribute('open') === 'true';
-  const close = () => panel.setAttribute('open', 'false');
-  const open = () => {
-    const rect = anchor.getBoundingClientRect();
-
-    if (options.placement === 'bottom') {
-      panel.style.setProperty('--x', `${rect.x}px`);
-      panel.style.setProperty('--y', `${rect.y + rect.height}px`);
-    } else {
-      panel.style.setProperty('--x', `${rect.x + rect.width}px`);
-      panel.style.setProperty('--y', `${rect.y}px`);
-    }
-
-    panel.setAttribute('open', 'true');
-
-    // Children are placed below their parent item, which can cause
-    // long lists to squeeze their children at the bottom of the screen
-    // (This needs to be done *after* setAttribute)
-    panel.classList.remove('position-by-bottom');
-    if (
-      options.placement === 'right' &&
-      panel.scrollHeight > panel.clientHeight
-    ) {
-      panel.style.setProperty('--y', `${rect.y + rect.height}px`);
-      panel.classList.add('position-by-bottom');
-    }
-  };
-
-  anchor.addEventListener('click', () => {
-    if (isOpened()) close();
-    else open();
-  });
-
-  document.body.addEventListener('click', (event) => {
-    const path = event.composedPath();
-    const isInside = path.some(
-      (it) =>
-        it === panel ||
-        it === anchor ||
-        childPanels.includes(it as HTMLElement),
-    );
-
-    if (!isInside) close();
-  });
-
-  parent.appendChild(panel);
-
-  return [panel, { isOpened, close, open }, childPanels] as const;
-};

src/plugins/in-app-menu/renderer.ts

@@ -1,219 +0,0 @@
-import { createPanel } from './menu/panel';
-
-import logoRaw from './assets/menu.svg?inline';
-import closeRaw from './assets/close.svg?inline';
-import minimizeRaw from './assets/minimize.svg?inline';
-import maximizeRaw from './assets/maximize.svg?inline';
-import unmaximizeRaw from './assets/unmaximize.svg?inline';
-
-import type { Menu } from 'electron';
-
-import type { RendererContext } from '@/types/contexts';
-import type { InAppMenuConfig } from '@/plugins/in-app-menu/index';
-
-const isMacOS = navigator.userAgent.includes('Macintosh');
-const isNotWindowsOrMacOS =
-  !navigator.userAgent.includes('Windows') && !isMacOS;
-
-export const onRendererLoad = async ({
-  getConfig,
-  ipc: { invoke, on },
-}: RendererContext<InAppMenuConfig>) => {
-  const config = await getConfig();
-
-  const hideDOMWindowControls = config.hideDOMWindowControls;
-
-  let hideMenu = window.mainConfig.get('options.hideMenu');
-  const titleBar = document.createElement('title-bar');
-  const navBar = document.querySelector<HTMLDivElement>('#nav-bar-background');
-  let maximizeButton: HTMLButtonElement;
-  let panelClosers: (() => void)[] = [];
-  if (isMacOS) titleBar.style.setProperty('--offset-left', '70px');
-
-  const logo = document.createElement('img');
-  const close = document.createElement('img');
-  const minimize = document.createElement('img');
-  const maximize = document.createElement('img');
-  const unmaximize = document.createElement('img');
-
-  if (window.ELECTRON_RENDERER_URL) {
-    logo.src = window.ELECTRON_RENDERER_URL + '/' + logoRaw;
-    close.src = window.ELECTRON_RENDERER_URL + '/' + closeRaw;
-    minimize.src = window.ELECTRON_RENDERER_URL + '/' + minimizeRaw;
-    maximize.src = window.ELECTRON_RENDERER_URL + '/' + maximizeRaw;
-    unmaximize.src = window.ELECTRON_RENDERER_URL + '/' + unmaximizeRaw;
-  } else {
-    logo.src = logoRaw;
-    close.src = closeRaw;
-    minimize.src = minimizeRaw;
-    maximize.src = maximizeRaw;
-    unmaximize.src = unmaximizeRaw;
-  }
-
-  logo.classList.add('title-bar-icon');
-  const logoClick = () => {
-    hideMenu = !hideMenu;
-    let visibilityStyle: string;
-    if (hideMenu) {
-      visibilityStyle = 'hidden';
-    } else {
-      visibilityStyle = 'visible';
-    }
-    const menus = document.querySelectorAll<HTMLElement>('menu-button');
-    menus.forEach((menu) => {
-      menu.style.visibility = visibilityStyle;
-    });
-  };
-  logo.onclick = logoClick;
-
-  on('toggle-in-app-menu', logoClick);
-
-  if (!isMacOS) titleBar.appendChild(logo);
-  document.body.appendChild(titleBar);
-
-  titleBar.appendChild(logo);
-
-  const addWindowControls = async () => {
-    // Create window control buttons
-    const minimizeButton = document.createElement('button');
-    minimizeButton.classList.add('window-control');
-    minimizeButton.appendChild(minimize);
-    minimizeButton.onclick = () => invoke('window-minimize');
-
-    maximizeButton = document.createElement('button');
-    if (await invoke('window-is-maximized')) {
-      maximizeButton.classList.add('window-control');
-      maximizeButton.appendChild(unmaximize);
-    } else {
-      maximizeButton.classList.add('window-control');
-      maximizeButton.appendChild(maximize);
-    }
-    maximizeButton.onclick = async () => {
-      if (await invoke('window-is-maximized')) {
-        // change icon to maximize
-        maximizeButton.removeChild(maximizeButton.firstChild!);
-        maximizeButton.appendChild(maximize);
-
-        // call unmaximize
-        await invoke('window-unmaximize');
-      } else {
-        // change icon to unmaximize
-        maximizeButton.removeChild(maximizeButton.firstChild!);
-        maximizeButton.appendChild(unmaximize);
-
-        // call maximize
-        await invoke('window-maximize');
-      }
-    };
-
-    const closeButton = document.createElement('button');
-    closeButton.classList.add('window-control');
-    closeButton.appendChild(close);
-    closeButton.onclick = () => invoke('window-close');
-
-    // Create a container div for the window control buttons
-    const windowControlsContainer = document.createElement('div');
-    windowControlsContainer.classList.add('window-controls-container');
-    windowControlsContainer.appendChild(minimizeButton);
-    windowControlsContainer.appendChild(maximizeButton);
-    windowControlsContainer.appendChild(closeButton);
-
-    // Add window control buttons to the title bar
-    titleBar.appendChild(windowControlsContainer);
-  };
-
-  if (isNotWindowsOrMacOS && !hideDOMWindowControls) await addWindowControls();
-
-  if (navBar) {
-    const observer = new MutationObserver((mutations) => {
-      mutations.forEach(() => {
-        titleBar.style.setProperty(
-          '--titlebar-background-color',
-          navBar.style.backgroundColor,
-        );
-        document
-          .querySelector('html')!
-          .style.setProperty(
-            '--titlebar-background-color',
-            navBar.style.backgroundColor,
-          );
-      });
-    });
-
-    observer.observe(navBar, { attributes: true, attributeFilter: ['style'] });
-  }
-
-  const updateMenu = async () => {
-    const children = [...titleBar.children];
-    children.forEach((child) => {
-      if (child !== logo) child.remove();
-    });
-    panelClosers = [];
-
-    const menu = (await invoke('get-menu')) as Menu | null;
-    if (!menu) return;
-
-    menu.items.forEach((menuItem) => {
-      const menu = document.createElement('menu-button');
-      const [, { close: closer }] = createPanel(
-        titleBar,
-        menu,
-        menuItem.submenu?.items ?? [],
-      );
-      panelClosers.push(closer);
-
-      menu.append(menuItem.label);
-      titleBar.appendChild(menu);
-      if (hideMenu) {
-        menu.style.visibility = 'hidden';
-      }
-    });
-    if (isNotWindowsOrMacOS && !hideDOMWindowControls)
-      await addWindowControls();
-  };
-  await updateMenu();
-
-  document.title = 'Youtube Music';
-
-  on('close-all-in-app-menu-panel', () => {
-    panelClosers.forEach((closer) => closer());
-  });
-  on('refresh-in-app-menu', () => updateMenu());
-  on('window-maximize', () => {
-    if (
-      isNotWindowsOrMacOS &&
-      !hideDOMWindowControls &&
-      maximizeButton.firstChild
-    ) {
-      maximizeButton.removeChild(maximizeButton.firstChild);
-      maximizeButton.appendChild(unmaximize);
-    }
-  });
-  on('window-unmaximize', () => {
-    if (
-      isNotWindowsOrMacOS &&
-      !hideDOMWindowControls &&
-      maximizeButton.firstChild
-    ) {
-      maximizeButton.removeChild(maximizeButton.firstChild);
-      maximizeButton.appendChild(unmaximize);
-    }
-  });
-
-  if (window.mainConfig.plugins.isEnabled('picture-in-picture')) {
-    on('pip-toggle', () => {
-      updateMenu();
-    });
-  }
-};
-
-export const onPlayerApiReady = () => {
-  const htmlHeadStyle = document.querySelector('head > div > style');
-  if (htmlHeadStyle) {
-    // HACK: This is a hack to remove the scrollbar width
-    htmlHeadStyle.innerHTML = htmlHeadStyle.innerHTML.replace(
-      'html::-webkit-scrollbar {width: var(--ytmusic-scrollbar-width);',
-      'html::-webkit-scrollbar {',
-    );
-  }
-};

src/plugins/in-app-menu/renderer.tsx

@@ -0,0 +1,57 @@
+import { createSignal } from 'solid-js';
+import { render } from 'solid-js/web';
+
+import { TitleBar } from './renderer/TitleBar';
+import { defaultInAppMenuConfig, InAppMenuConfig } from './constants';
+
+import type { RendererContext } from '@/types/contexts';
+
+const scrollStyle = `
+  html::-webkit-scrollbar {
+    background-color: red;
+  }
+`;
+
+const isMacOS = navigator.userAgent.includes('Macintosh');
+const isNotWindowsOrMacOS =
+  !navigator.userAgent.includes('Windows') && !isMacOS;
+
+
+const [config, setConfig] = createSignal<InAppMenuConfig>(defaultInAppMenuConfig);
+export const onRendererLoad = async ({
+  getConfig,
+  ipc,
+}: RendererContext<InAppMenuConfig>) => {
+  setConfig(await getConfig());
+
+  document.title = 'YouTube Music';
+  const stylesheet = new CSSStyleSheet();
+  stylesheet.replaceSync(scrollStyle);
+  document.adoptedStyleSheets = [...document.adoptedStyleSheets, stylesheet];
+
+  render(() => (
+    <TitleBar
+      ipc={ipc}
+      isMacOS={isMacOS}
+      enableController={isNotWindowsOrMacOS && !config().hideDOMWindowControls}
+      initialCollapsed={window.mainConfig.get('options.hideMenu')}
+    />
+  ), document.body);
+};
+
+export const onPlayerApiReady = () => {
+  // NOT WORKING AFTER YTM UPDATE (last checked 2024-02-04)
+  //
+  // const htmlHeadStyle = document.querySelector('head > div > style');
+  // if (htmlHeadStyle) {
+  //   // HACK: This is a hack to remove the scrollbar width
+  //   htmlHeadStyle.innerHTML = htmlHeadStyle.innerHTML.replace(
+  //     'html::-webkit-scrollbar {width: var(--ytmusic-scrollbar-width);',
+  //     'html::-webkit-scrollbar { width: 0;',
+  //   );
+  // }
+};
+
+export const onConfigChange = (newConfig: InAppMenuConfig) => {
+  setConfig(newConfig);
+};

src/plugins/in-app-menu/renderer/IconButton.tsx

@@ -0,0 +1,44 @@
+import { JSX } from 'solid-js';
+import { css } from 'solid-styled-components';
+
+import { cache } from '@/providers/decorators';
+
+const iconButton = cache(() => css`
+  -webkit-app-region: none;
+
+  background: transparent;
+
+  width: 24px;
+  height: 24px;
+
+  padding: 2px;
+  border-radius: 2px;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  color: white;
+
+  outline: none;
+  border: none;
+
+  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+
+  &:hover {
+    background: rgba(255, 255, 255, 0.1);
+  }
+
+  &:active {
+    scale: 0.9;
+  }
+`);
+
+type CollapseIconButtonProps = JSX.HTMLAttributes<HTMLButtonElement>;
+export const IconButton = (props: CollapseIconButtonProps) => {
+  return (
+    <button {...props} class={iconButton()}>
+      {props.children}
+    </button>
+  );
+};

src/plugins/in-app-menu/renderer/MenuButton.tsx

@@ -0,0 +1,44 @@
+import { JSX, splitProps } from 'solid-js';
+import { css } from 'solid-styled-components';
+
+import { cache } from '@/providers/decorators';
+
+const menuStyle = cache(() => css`
+  -webkit-app-region: none;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  align-self: stretch;
+
+  padding: 2px 8px;
+  border-radius: 4px;
+
+  cursor: pointer;
+  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+
+  &:hover {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  &:active {
+    scale: 0.9;
+  }
+
+  &[data-selected="true"] {
+    background-color: rgba(255, 255, 255, 0.2);
+  }
+`);
+
+export type MenuButtonProps = JSX.HTMLAttributes<HTMLLIElement> & {
+  text?: string;
+  selected?: boolean;
+};
+export const MenuButton = (props: MenuButtonProps) => {
+  const [local, leftProps] = splitProps(props, ['text']);
+
+  return (
+    <li {...leftProps} class={menuStyle()} data-selected={props.selected}>
+      {local.text}
+    </li>
+  );
+};

src/plugins/in-app-menu/renderer/Panel.tsx

@@ -0,0 +1,151 @@
+import { createSignal, JSX, Show, splitProps } from 'solid-js';
+import { mergeProps, Portal } from 'solid-js/web';
+import { css } from 'solid-styled-components';
+import { Transition } from 'solid-transition-group';
+import { autoUpdate, flip, offset, OffsetOptions, size } from '@floating-ui/dom';
+import { useFloating } from 'solid-floating-ui';
+
+import { cache } from '@/providers/decorators';
+
+const panelStyle = cache(() => css`
+  position: fixed;
+  top: var(--offset-y, 0);
+  left: var(--offset-x, 0);
+
+  max-width: var(--max-width, 100%);
+  max-height: var(--max-height, 100%);
+
+  z-index: 10000;
+  width: fit-content;
+  height: fit-content;
+
+  padding: 4px;
+  box-sizing: border-box;
+  border-radius: 8px;
+  overflow: auto;
+
+  background-color: color-mix(
+    in srgb,
+    var(--titlebar-background-color, #030303) 50%,
+    rgba(0, 0, 0, 0.1)
+  );
+  backdrop-filter: blur(8px);
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05),
+  0 2px 8px rgba(0, 0, 0, 0.2);
+
+  transform-origin: var(--origin-x, 50%) var(--origin-y, 50%);
+`);
+
+const animationStyle = cache(() => ({
+  enter: css`
+    opacity: 0;
+    transform: scale(0.9);
+  `,
+  enterActive: css`
+    transition: opacity 0.225s cubic-bezier(0.33, 1, 0.68, 1), transform 0.225s cubic-bezier(0.33, 1, 0.68, 1);
+  `,
+  exitTo: css`
+    opacity: 0;
+    transform: scale(0.9);
+  `,
+  exitActive: css`
+    transition: opacity 0.225s cubic-bezier(0.32, 0, 0.67, 0), transform 0.225s cubic-bezier(0.32, 0, 0.67, 0);
+  `,
+}));
+
+export type Placement =
+  'top'
+  | 'bottom'
+  | 'left'
+  | 'right'
+  | 'top-start'
+  | 'top-end'
+  | 'bottom-start'
+  | 'bottom-end'
+  | 'right-start'
+  | 'right-end'
+  | 'left-start'
+  | 'left-end';
+export type PanelProps = JSX.HTMLAttributes<HTMLUListElement> & {
+  open?: boolean;
+  anchor?: HTMLElement | null;
+  children: JSX.Element;
+
+  placement?: Placement;
+  offset?: OffsetOptions;
+};
+export const Panel = (props: PanelProps) => {
+  const [elements, local, leftProps] = splitProps(
+    mergeProps({ placement: 'bottom' }, props),
+    ['anchor', 'children'],
+    ['open', 'placement', 'offset'],
+  );
+
+  const [panel, setPanel] = createSignal<HTMLElement | null>(null);
+
+  const position = useFloating(() => elements.anchor, panel, {
+    whileElementsMounted: autoUpdate,
+    placement: local.placement as Placement,
+    strategy: 'fixed',
+    middleware: [
+      offset(local.offset),
+      size({
+        padding: 8,
+        apply({ elements, availableWidth, availableHeight }) {
+          elements.floating.style.setProperty('--max-width', `${Math.max(200, availableWidth)}px`);
+          elements.floating.style.setProperty('--max-height', `${Math.max(200, availableHeight)}px`);
+        }
+      }),
+      flip({ fallbackStrategy: 'initialPlacement' }),
+    ],
+  });
+
+  const originX = () => {
+    if (position.placement.includes('left')) return '100%';
+    if (position.placement.includes('right')) return '0';
+    if (position.placement.includes('top') || position.placement.includes('bottom')) {
+      if (position.placement.includes('start')) return '0';
+      if (position.placement.includes('end')) return '100%';
+    }
+
+    return '50%';
+  };
+  const originY = () => {
+    if (position.placement.includes('top')) return '100%';
+    if (position.placement.includes('bottom')) return '0';
+    if (position.placement.includes('left') || position.placement.includes('right')) {
+      if (position.placement.includes('start')) return '0';
+      if (position.placement.includes('end')) return '100%';
+    }
+    return '50%';
+  };
+
+  return (
+    <Portal>
+      <Transition
+        appear
+        enterClass={animationStyle().enter}
+        enterActiveClass={animationStyle().enterActive}
+        exitToClass={animationStyle().exitTo}
+        exitActiveClass={animationStyle().exitActive}
+      >
+        <Show when={local.open}>
+          <ul
+            {...leftProps}
+            data-ytmd-sub-panel={true}
+            ref={setPanel}
+            class={panelStyle()}
+            style={{
+              '--offset-x': `${position.x}px`,
+              '--offset-y': `${position.y}px`,
+              '--origin-x': originX(),
+              '--origin-y': originY(),
+            }}
+          >
+            {elements.children}
+          </ul>
+        </Show>
+      </Transition>
+    </Portal>
+  );
+};

src/plugins/in-app-menu/renderer/PanelItem.tsx

@@ -0,0 +1,335 @@
+import { createSignal, Match, Show, Switch } from 'solid-js';
+import { JSX } from 'solid-js/jsx-runtime';
+import { css } from 'solid-styled-components';
+import { Portal } from 'solid-js/web';
+
+import { Transition } from 'solid-transition-group';
+import { useFloating } from 'solid-floating-ui';
+import { autoUpdate, offset, size } from '@floating-ui/dom';
+
+import { Panel } from './Panel';
+import { cache } from '@/providers/decorators';
+
+const itemStyle = cache(() => css`
+  position: relative;
+
+  -webkit-app-region: none;
+  min-height: 32px;
+  height: 32px;
+
+  display: grid;
+  grid-template-columns: 32px 1fr auto minmax(32px, auto);
+  justify-content: flex-start;
+  align-items: center;
+
+  border-radius: 4px;
+  cursor: pointer;
+  box-sizing: border-box;
+  user-select: none;
+  -webkit-user-drag: none;
+
+  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+
+  &:hover {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+
+  &:active {
+    background-color: rgba(255, 255, 255, 0.2);
+  }
+
+  &[data-selected="true"] {
+    background-color: rgba(255, 255, 255, 0.2);
+  }
+
+  & * {
+    box-sizing: border-box;
+  }
+`);
+
+const itemIconStyle = cache(() => css`
+  height: 32px;
+  padding: 4px;
+  color: white;
+`);
+
+const itemLabelStyle = cache(() => css`
+  font-size: 12px;
+  color: white;
+`);
+
+const itemChipStyle = cache(() => css`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  min-width: 16px;
+  height: 16px;
+  padding: 0 4px;
+  margin-left: 8px;
+
+  border-radius: 4px;
+  background-color: rgba(255, 255, 255, 0.2);
+  color: #f1f1f1;
+  font-size: 10px;
+  font-weight: 500;
+  line-height: 1;
+`);
+
+const toolTipStyle = cache(() => css`
+  min-width: 32px;
+  width: 100%;
+  height: 100%;
+
+  padding: 4px;
+
+  max-width: calc(var(--max-width, 100%) - 8px);
+  max-height: calc(var(--max-height, 100%) - 8px);
+
+  border-radius: 4px;
+  background-color: rgba(25, 25, 25, 0.8);
+  color: #f1f1f1;
+  font-size: 10px;
+`);
+
+const popupStyle = cache(() => css`
+  position: fixed;
+  top: var(--offset-y, 0);
+  left: var(--offset-x, 0);
+
+  max-width: var(--max-width, 100%);
+  max-height: var(--max-height, 100%);
+
+  z-index: 100000000;
+  pointer-events: none;
+
+`);
+
+const animationStyle = cache(() => ({
+  enter: css`
+    opacity: 0;
+    transform: scale(0.9);
+  `,
+  enterActive: css`
+    transition: opacity 0.225s cubic-bezier(0.33, 1, 0.68, 1), transform 0.225s cubic-bezier(0.33, 1, 0.68, 1);
+  `,
+  exitTo: css`
+    opacity: 0;
+    transform: scale(0.9);
+  `,
+  exitActive: css`
+    transition: opacity 0.225s cubic-bezier(0.32, 0, 0.67, 0), transform 0.225s cubic-bezier(0.32, 0, 0.67, 0);
+  `,
+}));
+
+const getParents = (element: Element | null): (HTMLElement | null)[] => {
+  const parents: (HTMLElement | null)[] = [];
+  let now = element;
+
+  while (now) {
+    parents.push(now as HTMLElement | null);
+    now = now.parentElement;
+  }
+
+  return parents;
+};
+
+type BasePanelItemProps = {
+  name: string;
+  label?: string;
+  chip?: string;
+  toolTip?: string;
+  commandId?: number;
+};
+type NormalPanelItemProps = BasePanelItemProps & {
+  type: 'normal';
+  onClick?: () => void;
+};
+type SubmenuItemProps = BasePanelItemProps & {
+  type: 'submenu';
+  level: number[];
+  children: JSX.Element;
+};
+type RadioPanelItemProps = BasePanelItemProps & {
+  type: 'radio';
+  checked: boolean;
+  onChange?: (checked: boolean) => void;
+};
+type CheckboxPanelItemProps = BasePanelItemProps & {
+  type: 'checkbox';
+  checked: boolean;
+  onChange?: (checked: boolean) => void;
+};
+export type PanelItemProps = NormalPanelItemProps | SubmenuItemProps | RadioPanelItemProps | CheckboxPanelItemProps;
+export const PanelItem = (props: PanelItemProps) => {
+  const [open, setOpen] = createSignal(false);
+  const [toolTipOpen, setToolTipOpen] = createSignal(false);
+  const [toolTip, setToolTip] = createSignal<HTMLElement | null>(null);
+  const [anchor, setAnchor] = createSignal<HTMLElement | null>(null);
+  const [child, setChild] = createSignal<HTMLElement | null>(null);
+
+  const position = useFloating(anchor, toolTip, {
+    whileElementsMounted: autoUpdate,
+    placement: 'bottom-start',
+    strategy: 'fixed',
+    middleware: [
+      offset({ mainAxis: 8 }),
+      size({
+        apply({ rects, elements }) {
+          elements.floating.style.setProperty('--max-width', `${rects.reference.width}px`);
+        }
+      }),
+    ],
+  });
+
+  const handleHover = (event: MouseEvent) => {
+    setToolTipOpen(true);
+    event.target?.addEventListener('mouseleave', () => {
+      setToolTipOpen(false);
+    }, { once: true });
+
+    if (props.type === 'submenu') {
+      const timer = setTimeout(() => {
+        setOpen(true);
+
+        let mouseX = event.clientX;
+        let mouseY = event.clientY;
+        const onMouseMove = (event: MouseEvent) => {
+          mouseX = event.clientX;
+          mouseY = event.clientY;
+        };
+        document.addEventListener('mousemove', onMouseMove);
+
+        event.target?.addEventListener('mouseleave', () => {
+          setTimeout(() => {
+            document.removeEventListener('mousemove', onMouseMove);
+            const parents = getParents(document.elementFromPoint(mouseX, mouseY));
+
+            if (!parents.includes(child())) {
+              setOpen(false);
+            } else {
+              const onOtherHover = (event: MouseEvent) => {
+                const parents = getParents(event.target as HTMLElement);
+                const closestLevel = parents.find((it) => it?.dataset?.level)?.dataset.level ?? '';
+                const path = event.composedPath();
+
+                const isOtherItem = path.some((it) => it instanceof HTMLElement && it.classList.contains(itemStyle()));
+                const isChild = closestLevel.startsWith(props.level.join('/'));
+
+                if (isOtherItem && !isChild) {
+                  setOpen(false);
+                  document.removeEventListener('mousemove', onOtherHover);
+                }
+              };
+              document.addEventListener('mousemove', onOtherHover);
+            }
+          }, 225);
+        }, { once: true });
+      }, 225);
+
+      event.target?.addEventListener('mouseleave', () => {
+        clearTimeout(timer);
+      }, { once: true });
+    }
+  };
+
+  const handleClick = async () => {
+    await window.ipcRenderer.invoke('ytmd:menu-event', props.commandId);
+    if (props.type === 'radio') {
+      props.onChange?.(!props.checked);
+    } else if (props.type === 'checkbox') {
+      props.onChange?.(!props.checked);
+    } else if (props.type === 'normal') {
+      props.onClick?.();
+    }
+  };
+
+
+  return (
+    <li
+      ref={setAnchor}
+      class={itemStyle()}
+      onMouseEnter={handleHover}
+      onClick={handleClick}
+      data-selected={open()}
+    >
+      <Switch fallback={<div class={itemIconStyle()}/>}>
+        <Match when={props.type === 'checkbox' && props.checked}>
+          <svg class={itemIconStyle()} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"
+               stroke="currentColor" fill="none"
+               stroke-linecap="round" stroke-linejoin="round">
+            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+            <path d="M5 12l5 5l10 -10"/>
+          </svg>
+        </Match>
+        <Match when={props.type === 'radio' && props.checked}>
+          <svg class={itemIconStyle()} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
+               style={{ padding: '6px' }}>
+            <path fill="currentColor"
+                  d="M10,5 C7.2,5 5,7.2 5,10 C5,12.8 7.2,15 10,15 C12.8,15 15,12.8 15,10 C15,7.2 12.8,5 10,5 L10,5 Z M10,0 C4.5,0 0,4.5 0,10 C0,15.5 4.5,20 10,20 C15.5,20 20,15.5 20,10 C20,4.5 15.5,0 10,0 L10,0 Z M10,18 C5.6,18 2,14.4 2,10 C2,5.6 5.6,2 10,2 C14.4,2 18,5.6 18,10 C18,14.4 14.4,18 10,18 L10,18 Z"/>
+          </svg>
+        </Match>
+        <Match when={props.type === 'radio' && !props.checked}>
+          <svg class={itemIconStyle()} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
+               style={{ padding: '6px' }}>
+            <path fill="currentColor"
+                  d="M10,0 C4.5,0 0,4.5 0,10 C0,15.5 4.5,20 10,20 C15.5,20 20,15.5 20,10 C20,4.5 15.5,0 10,0 L10,0 Z M10,18 C5.6,18 2,14.4 2,10 C2,5.6 5.6,2 10,2 C14.4,2 18,5.6 18,10 C18,14.4 14.4,18 10,18 L10,18 Z"/>
+          </svg>
+        </Match>
+      </Switch>
+      <span class={itemLabelStyle()}>
+        {props.name}
+      </span>
+      <Show when={props.chip} fallback={<div/>}>
+        <span class={itemChipStyle()}>
+          {props.chip}
+        </span>
+      </Show>
+      <Show when={props.type === 'submenu'}>
+        <svg class={itemIconStyle()} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"
+             stroke="currentColor"
+             fill="none"
+             stroke-linecap="round" stroke-linejoin="round">
+          <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+          <polyline points="9 6 15 12 9 18"/>
+        </svg>
+        <Panel
+          ref={setChild}
+          open={open()}
+          anchor={anchor()}
+          placement={'right-start'}
+          data-level={props.type === 'submenu' && props.level.join('/')}
+          offset={{ mainAxis: 8 }}
+        >
+          {props.type === 'submenu' && props.children}
+        </Panel>
+      </Show>
+      <Show when={props.toolTip}>
+        <Portal>
+          <div
+            ref={setToolTip}
+            class={popupStyle()}
+            style={{
+              '--offset-x': `${position.x}px`,
+              '--offset-y': `${position.y}px`,
+            }}
+          >
+            <Transition
+              appear
+              enterClass={animationStyle().enter}
+              enterActiveClass={animationStyle().enterActive}
+              exitToClass={animationStyle().exitTo}
+              exitActiveClass={animationStyle().exitActive}
+            >
+              <Show when={toolTipOpen()}>
+                <div class={toolTipStyle()}>
+                  {props.toolTip}
+                </div>
+              </Show>
+            </Transition>
+          </div>
+        </Portal>
+      </Show>
+    </li>
+  );
+};

src/plugins/in-app-menu/renderer/TitleBar.tsx

@@ -0,0 +1,357 @@
+import { Menu, MenuItem } from 'electron';
+import { createEffect, createResource, createSignal, Index, Match, onMount, Show, Switch } from 'solid-js';
+import { css } from 'solid-styled-components';
+import { TransitionGroup } from 'solid-transition-group';
+
+import { MenuButton } from './MenuButton';
+import { Panel } from './Panel';
+import { PanelItem } from './PanelItem';
+import { IconButton } from './IconButton';
+import { WindowController } from './WindowController';
+
+import { cache } from '@/providers/decorators';
+
+import type { RendererContext } from '@/types/contexts';
+import type { InAppMenuConfig } from '../constants';
+
+const titleStyle = cache(() => css`
+  -webkit-app-region: drag;
+  box-sizing: border-box;
+
+  position: fixed;
+  top: 0;
+  z-index: 10000000;
+
+  width: 100%;
+  height: var(--menu-bar-height, 32px);
+
+  display: flex;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  gap: 4px;
+
+  color: #f1f1f1;
+  font-size: 12px;
+  padding: 4px 4px 4px var(--offset-left, 4px);
+  background-color: var(--titlebar-background-color, #030303);
+  user-select: none;
+
+  transition: opacity 200ms ease 0s,
+  background-color 300ms cubic-bezier(0.2, 0, 0.6, 1) 0s;
+
+  &[data-macos="true"] {
+    padding: 4px 4px 4px 74px;
+  }
+`);
+
+const separatorStyle = cache(() => css`
+  min-height: 1px;
+  height: 1px;
+  margin: 4px 0;
+
+  background-color: rgba(255, 255, 255, 0.2);
+`);
+
+const animationStyle = cache(() => ({
+  enter: css`
+    opacity: 0;
+    transform: translateX(-50%) scale(0.8);
+  `,
+  enterActive: css`
+    transition: opacity 0.1s cubic-bezier(0.33, 1, 0.68, 1), transform 0.1s cubic-bezier(0.33, 1, 0.68, 1);
+  `,
+  exitTo: css`
+    opacity: 0;
+    transform: translateX(-50%) scale(0.8);
+  `,
+  exitActive: css`
+    transition: opacity 0.1s cubic-bezier(0.32, 0, 0.67, 0), transform 0.1s cubic-bezier(0.32, 0, 0.67, 0);
+  `,
+  move: css`
+    transition: all 0.1s cubic-bezier(0.65, 0, 0.35, 1);
+  `,
+  fakeTarget: css`
+    position: absolute;
+    opacity: 0;
+  `,
+  fake: css`
+    transition: all 0.00000000001s;
+  `,
+}));
+
+export type PanelRendererProps = {
+  items: Electron.Menu['items'];
+  level?: number[];
+  onClick?: (commandId: number, radioGroup?: MenuItem[]) => void;
+}
+const PanelRenderer = (props: PanelRendererProps) => {
+  const radioGroup = () => props.items.filter((it) => it.type === 'radio');
+
+  return (
+    <Index each={props.items}>
+      {(subItem) => (
+        <Show when={subItem().visible}>
+          <Switch>
+            <Match when={subItem().type === 'normal'}>
+              <PanelItem
+                type={'normal'}
+                name={subItem().label}
+                chip={subItem().sublabel}
+                toolTip={subItem().toolTip}
+                commandId={subItem().commandId}
+                onClick={() => props.onClick?.(subItem().commandId)}
+              />
+            </Match>
+            <Match when={subItem().type === 'submenu'}>
+              <PanelItem
+                type={'submenu'}
+                name={subItem().label}
+                chip={subItem().sublabel}
+                toolTip={subItem().toolTip}
+                level={[...props.level ?? [], subItem().commandId]}
+                commandId={subItem().commandId}
+              >
+                <PanelRenderer
+                  items={subItem().submenu?.items ?? []}
+                  level={[...props.level ?? [], subItem().commandId]}
+                  onClick={props.onClick}
+                />
+              </PanelItem>
+            </Match>
+            <Match when={subItem().type === 'checkbox'}>
+              <PanelItem
+                type={'checkbox'}
+                name={subItem().label}
+                checked={subItem().checked}
+                chip={subItem().sublabel}
+                toolTip={subItem().toolTip}
+                commandId={subItem().commandId}
+                onChange={() => props.onClick?.(subItem().commandId)}
+              />
+            </Match>
+            <Match when={subItem().type === 'radio'}>
+              <PanelItem
+                type={'radio'}
+                name={subItem().label}
+                checked={subItem().checked}
+                chip={subItem().sublabel}
+                toolTip={subItem().toolTip}
+                commandId={subItem().commandId}
+                onChange={() => props.onClick?.(subItem().commandId, radioGroup())}
+              />
+            </Match>
+            <Match when={subItem().type === 'separator'}>
+              <hr class={separatorStyle()}/>
+            </Match>
+          </Switch>
+        </Show>
+      )}
+    </Index>
+  );
+};
+
+export type TitleBarProps = {
+  ipc: RendererContext<InAppMenuConfig>['ipc'];
+  isMacOS?: boolean;
+  enableController?: boolean;
+  initialCollapsed?: boolean;
+};
+export const TitleBar = (props: TitleBarProps) => {
+  const [collapsed, setCollapsed] = createSignal(props.initialCollapsed);
+  const [ignoreTransition, setIgnoreTransition] = createSignal(false);
+  const [openTarget, setOpenTarget] = createSignal<HTMLElement | null>(null);
+  const [menu, setMenu] = createSignal<Menu | null>(null);
+
+  const [data, { refetch }] = createResource(async () => await props.ipc.invoke('get-menu') as Promise<Menu | null>);
+  const [isMaximized, { refetch: refetchMaximize }] = createResource(async () => await props.ipc.invoke('window-is-maximized') as Promise<boolean>);
+
+  const handleToggleMaximize = async () => {
+    if (isMaximized()) {
+      await props.ipc.invoke('window-unmaximize');
+    } else {
+      await props.ipc.invoke('window-maximize');
+    }
+    await refetchMaximize();
+  };
+  const handleMinimize = async () => {
+    await props.ipc.invoke('window-minimize');
+  };
+  const handleClose = async () => {
+    await props.ipc.invoke('window-close');
+  };
+
+  const refreshMenuItem = async (originalMenu: Menu, commandId: number) => {
+    const menuItem = (await window.ipcRenderer.invoke(
+      'get-menu-by-id',
+      commandId,
+    )) as MenuItem | null;
+
+    const newMenu = structuredClone(originalMenu);
+    const stack = [...newMenu?.items ?? []];
+    let now: MenuItem | undefined = stack.pop();
+    while (now) {
+      const index = now?.submenu?.items?.findIndex((it) => it.commandId === commandId) ?? -1;
+
+      if (index >= 0) {
+        if (menuItem) now?.submenu?.items?.splice(index, 1, menuItem);
+        else now?.submenu?.items?.splice(index, 1);
+      }
+      if (now?.submenu) {
+        stack.push(...now.submenu.items);
+      }
+
+      now = stack.pop();
+    }
+
+    return newMenu;
+  };
+
+  const handleItemClick = async (commandId: number, radioGroup?: MenuItem[]) => {
+    const menuData = menu();
+    if (!menuData) return;
+
+    if (Array.isArray(radioGroup)) {
+      let newMenu = menuData;
+      for await (const item of radioGroup) {
+        newMenu = await refreshMenuItem(newMenu, item.commandId);
+      }
+
+      setMenu(newMenu);
+      return;
+    }
+
+    setMenu(await refreshMenuItem(menuData, commandId));
+  };
+
+  onMount(() => {
+    props.ipc.on('close-all-in-app-menu-panel', async () => {
+      setIgnoreTransition(true);
+      setMenu(null);
+      await refetch();
+      setMenu(data() ?? null);
+      setIgnoreTransition(false);
+    });
+    props.ipc.on('refresh-in-app-menu', async () => {
+      setIgnoreTransition(true);
+      await refetch();
+      setMenu(data() ?? null);
+      setIgnoreTransition(false);
+    });
+    props.ipc.on('toggle-in-app-menu', () => {
+      setCollapsed(!collapsed());
+    });
+
+    props.ipc.on('window-maximize', refetchMaximize);
+    props.ipc.on('window-unmaximize', refetchMaximize);
+
+    // close menu when the outside of the panel or sub-panel is clicked
+    document.body.addEventListener('click', (e) => {
+      if (
+        e.target instanceof HTMLElement &&
+        !(
+          e.target.closest('nav[data-ytmd-main-panel]') ||
+          e.target.closest('ul[data-ytmd-sub-panel]')
+        )
+      ) {
+        setOpenTarget(null);
+      }
+    });
+  });
+
+  createEffect(() => {
+    if (!menu() && data()) {
+      setMenu(data() ?? null);
+    }
+  });
+
+  return (
+    <nav data-ytmd-main-panel={true} class={titleStyle()} data-macos={props.isMacOS}>
+      <IconButton
+        onClick={() => setCollapsed(!collapsed())}
+        style={{
+          'border-top-left-radius': '4px',
+        }}
+      >
+        <svg width={16} height={16} viewBox={'0 0 24 24'}>
+          <path
+            d="M3 17h12a1 1 0 0 1 .117 1.993L15 19H3a1 1 0 0 1-.117-1.993L3 17h12H3Zm0-6h18a1 1 0 0 1 .117 1.993L21 13H3a1 1 0 0 1-.117-1.993L3 11h18H3Zm0-6h15a1 1 0 0 1 .117 1.993L18 7H3a1 1 0 0 1-.117-1.993L3 5h15H3Z"
+            fill="currentColor"
+          />
+        </svg>
+      </IconButton>
+      <TransitionGroup
+        enterClass={ignoreTransition() ? animationStyle().fakeTarget : animationStyle().enter}
+        enterActiveClass={ignoreTransition() ? animationStyle().fake : animationStyle().enterActive}
+        exitToClass={ignoreTransition() ? animationStyle().fakeTarget : animationStyle().exitTo}
+        exitActiveClass={ignoreTransition() ? animationStyle().fake : animationStyle().exitActive}
+        onBeforeEnter={(element) => {
+          if (ignoreTransition()) return;
+          const index = Number(element.getAttribute('data-index') ?? 0);
+
+          (element as HTMLElement).style.setProperty('transition-delay', `${(index * 0.025)}s`);
+        }}
+        onAfterEnter={(element) => {
+          (element as HTMLElement).style.removeProperty('transition-delay');
+        }}
+        onBeforeExit={(element) => {
+          if (ignoreTransition()) return;
+          const index = Number(element.getAttribute('data-index') ?? 0);
+          const length = Number(element.getAttribute('data-length') ?? 1);
+
+          (element as HTMLElement).style.setProperty('transition-delay', `${(length * 0.025) - (index * 0.025)}s`);
+        }}
+      >
+        <Show when={!collapsed()}>
+          <Index each={menu()?.items}>
+            {(item, index) => {
+              const [anchor, setAnchor] = createSignal<HTMLElement | null>(null);
+
+              const handleClick = () => {
+                if (openTarget() === anchor()) {
+                  setOpenTarget(null);
+                } else {
+                  setOpenTarget(anchor());
+                }
+              };
+
+              return (
+                <>
+                  <MenuButton
+                    ref={setAnchor}
+                    text={item().label}
+                    onClick={handleClick}
+                    selected={openTarget() === anchor()}
+                    data-index={index}
+                    data-length={data()?.items.length}
+                  />
+                  <Panel
+                    open={openTarget() === anchor()}
+                    anchor={anchor()}
+                    placement={'bottom-start'}
+                    offset={{ mainAxis: 8 }}
+                  >
+                    <PanelRenderer
+                      items={item().submenu?.items ?? []}
+                      onClick={handleItemClick}
+                    />
+                  </Panel>
+                </>
+              );
+            }}
+          </Index>
+        </Show>
+      </TransitionGroup>
+      <Show when={props.enableController}>
+        <div style={{ flex: 1 }}/>
+        <WindowController
+          isMaximize={isMaximized()}
+          onToggleMaximize={handleToggleMaximize}
+          onMinimize={handleMinimize}
+          onClose={handleClose}
+        />
+      </Show>
+    </nav>
+  );
+};
+

src/plugins/in-app-menu/renderer/WindowController.tsx

@@ -0,0 +1,66 @@
+import { css } from 'solid-styled-components';
+import { Show } from 'solid-js';
+
+import { IconButton } from './IconButton';
+import { cache } from '@/providers/decorators';
+
+const containerStyle = cache(() => css`
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+
+  & > *:last-of-type {
+    border-top-right-radius: 4px;
+
+    &:hover {
+      background: rgba(255, 0, 0, 0.5);
+    }
+  }
+`);
+
+export type WindowControllerProps = {
+  isMaximize?: boolean;
+
+  onToggleMaximize?: () => void;
+  onMinimize?: () => void;
+  onClose?: () => void;
+}
+export const WindowController = (props: WindowControllerProps) => {
+  return (
+    <div class={containerStyle()}>
+      <IconButton onClick={props.onMinimize}>
+        <svg width={16} height={16} fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+          <path fill="currentColor" d="M3.755 12.5h16.492a.75.75 0 0 0 0-1.5H3.755a.75.75 0 0 0 0 1.5Z"/>
+        </svg>
+      </IconButton>
+      <IconButton onClick={props.onToggleMaximize}>
+        <Show
+          when={props.isMaximize}
+          fallback={
+            <svg width={16} height={16} fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+              <path
+                fill="currentColor"
+                d="M6 3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H6Z"
+              />
+            </svg>
+          }
+        >
+          <svg width={16} height={16} fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+            <path
+              fill="currentColor"
+              d="M7.518 5H6.009a3.25 3.25 0 0 1 3.24-3h8.001A4.75 4.75 0 0 1 22 6.75v8a3.25 3.25 0 0 1-3 3.24v-1.508a1.75 1.75 0 0 0 1.5-1.732v-8a3.25 3.25 0 0 0-3.25-3.25h-8A1.75 1.75 0 0 0 7.518 5ZM5.25 6A3.25 3.25 0 0 0 2 9.25v9.5A3.25 3.25 0 0 0 5.25 22h9.5A3.25 3.25 0 0 0 18 18.75v-9.5A3.25 3.25 0 0 0 14.75 6h-9.5ZM3.5 9.25c0-.966.784-1.75 1.75-1.75h9.5c.967 0 1.75.784 1.75 1.75v9.5a1.75 1.75 0 0 1-1.75 1.75h-9.5a1.75 1.75 0 0 1-1.75-1.75v-9.5Z"
+            />
+          </svg>
+        </Show>
+      </IconButton>
+      <IconButton onClick={props.onClose}>
+        <svg width={16} height={16} fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+          <path
+            fill="currentColor"
+            d="m4.21 4.387.083-.094a1 1 0 0 1 1.32-.083l.094.083L12 10.585l6.293-6.292a1 1 0 1 1 1.414 1.414L13.415 12l6.292 6.293a1 1 0 0 1 .083 1.32l-.083.094a1 1 0 0 1-1.32.083l-.094-.083L12 13.415l-6.293 6.292a1 1 0 0 1-1.414-1.414L10.585 12 4.293 5.707a1 1 0 0 1-.083-1.32l.083-.094-.083.094Z"
+          />
+        </svg>
+      </IconButton>
+    </div>
+  );
+};

src/plugins/in-app-menu/titlebar.css

@@ -1,168 +1,8 @@
 :root {
-  --titlebar-background-color: #030303;
+  --titlebar-background-color: var(--ytmusic-color-black3);
   --menu-bar-height: 32px;
 }
 
-title-bar {
-  -webkit-app-region: drag;
-  box-sizing: border-box;
-
-  position: fixed;
-  top: 0;
-  z-index: 10000000;
-
-  width: 100%;
-  height: var(--menu-bar-height, 36px);
-
-  display: flex;
-  flex-flow: row;
-  justify-content: flex-start;
-  align-items: center;
-  gap: 4px;
-
-  color: #f1f1f1;
-  font-size: 12px;
-  padding: 4px 12px;
-  padding-left: var(--offset-left, 12px);
-  background-color: var(--titlebar-background-color, #030303);
-  user-select: none;
-
-  transition:
-    opacity 200ms ease 0s,
-    background-color 300ms cubic-bezier(0.2, 0, 0.6, 1) 0s;
-}
-
-menu-button {
-  -webkit-app-region: none;
-
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  align-self: stretch;
-
-  padding: 2px 8px;
-  border-radius: 4px;
-
-  cursor: pointer;
-}
-menu-button:hover {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-
-menu-panel {
-  position: fixed;
-  top: var(--y, 0);
-  left: var(--x, 0);
-
-  max-height: calc(100vh - var(--menu-bar-height, 36px) - 16px - var(--y, 0));
-
-  display: flex;
-  flex-flow: column;
-  justify-content: flex-start;
-  align-items: stretch;
-  gap: 0;
-
-  overflow: auto;
-  padding: 4px;
-  border-radius: 8px;
-  pointer-events: none;
-  background-color: color-mix(
-    in srgb,
-    var(--titlebar-background-color, #030303) 50%,
-    rgba(0, 0, 0, 0.1)
-  );
-  backdrop-filter: blur(8px);
-  box-shadow:
-    0 0 0 1px rgba(0, 0, 0, 0.05),
-    0 2px 8px rgba(0, 0, 0, 0.2);
-
-  z-index: 0;
-  opacity: 0;
-  transform: scale(0.8);
-  transform-origin: top left;
-
-  transition:
-    opacity 200ms ease 0s,
-    transform 200ms ease 0s;
-}
-menu-panel[open='true'] {
-  pointer-events: all;
-  opacity: 1;
-  transform: scale(1);
-}
-menu-panel.position-by-bottom {
-  top: unset;
-  bottom: calc(100vh - var(--y, 100%));
-  max-height: calc(var(--y, 0) - var(--menu-bar-height, 36px) - 16px);
-}
-
-menu-item {
-  -webkit-app-region: none;
-  min-height: 32px;
-  height: 32px;
-
-  display: grid;
-  grid-template-columns: 32px 1fr minmax(32px, auto);
-  justify-content: flex-start;
-  align-items: center;
-
-  border-radius: 4px;
-  cursor: pointer;
-}
-menu-item:hover {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-
-menu-item > menu-icon {
-  height: 32px;
-  padding: 4px;
-
-  box-sizing: border-box;
-}
-
-menu-separator {
-  min-height: 1px;
-  height: 1px;
-  margin: 4px 0;
-
-  background-color: rgba(255, 255, 255, 0.2);
-}
-
-/* classes */
-
-.title-bar-icon {
-  height: calc(100% - 8px);
-  object-fit: cover;
-  margin-left: -4px;
-}
-
-/* Window control container */
-
-.window-controls-container {
-  -webkit-app-region: no-drag;
-  display: flex;
-  justify-content: flex-end; /* Align to the right end of the title-bar */
-  align-items: center;
-  gap: 4px; /* Add spacing between the window control buttons */
-  position: absolute; /* Position it absolutely within title-bar */
-  right: 4px; /* Adjust the right position as needed */
-}
-
-/* Window control buttons */
-
-.window-control {
-  width: 24px;
-  height: 24px;
-  background: none;
-  border: none;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  color: #f1f1f1;
-  font-size: 14px;
-  padding: 0;
-}
-
 /* youtube-music style */
 
 ytmusic-app-layout {
@@ -185,6 +25,19 @@ ytmusic-app[is-bauhaus-sidenav-enabled] #mini-guide-spacer.ytmusic-app {
   ) !important;
 }
 
+@media (max-width: 935px) {
+  ytmusic-app[is-bauhaus-sidenav-enabled] #guide-spacer.ytmusic-app {
+    margin-top: calc(
+      var(--menu-bar-height, 36px)
+    ) !important;
+  }
+  ytmusic-app[is-bauhaus-sidenav-enabled] #mini-guide-spacer.ytmusic-app {
+    margin-top: calc(
+      var(--ytmusic-nav-bar-height) + var(--menu-bar-height, 36px)
+    ) !important;
+  }
+}
+
 ytmusic-app-layout > [slot='player-page'] {
   margin-top: var(--menu-bar-height);
   height: calc(

src/plugins/last-fm/index.ts

@@ -1,80 +0,0 @@
-import { createPlugin } from '@/utils';
-import registerCallback from '@/providers/song-info';
-import { addScrobble, getAndSetSessionKey, setNowPlaying } from './main';
-import { t } from '@/i18n';
-
-export interface LastFmPluginConfig {
-  enabled: boolean;
-  /**
-   * Token used for authentication
-   */
-  token?: string;
-  /**
-   * Session key used for scrabbling
-   */
-  session_key?: string;
-  /**
-   * Root of the Last.fm API
-   *
-   * @default 'http://ws.audioscrobbler.com/2.0/'
-   */
-  api_root: string;
-  /**
-   * Last.fm api key registered by @semvis123
-   *
-   * @default '04d76faaac8726e60988e14c105d421a'
-   */
-  api_key: string;
-  /**
-   * Last.fm api secret registered by @semvis123
-   *
-   * @default 'a5d2a36fdf64819290f6982481eaffa2'
-   */
-  secret: string;
-}
-
-export default createPlugin({
-  name: () => t('plugins.last-fm.name'),
-  description: () => t('plugins.last-fm.description'),
-  restartNeeded: true,
-  config: {
-    enabled: false,
-    api_root: 'http://ws.audioscrobbler.com/2.0/',
-    api_key: '04d76faaac8726e60988e14c105d421a',
-    secret: 'a5d2a36fdf64819290f6982481eaffa2',
-  } as LastFmPluginConfig,
-  async backend({ getConfig, setConfig }) {
-    let config = await getConfig();
-    // This will store the timeout that will trigger addScrobble
-    let scrobbleTimer: number | undefined;
-
-    if (!config.api_root) {
-      config.enabled = true;
-      setConfig(config);
-    }
-
-    if (!config.session_key) {
-      // Not authenticated
-      config = await getAndSetSessionKey(config, setConfig);
-    }
-
-    registerCallback((songInfo) => {
-      // Set remove the old scrobble timer
-      clearTimeout(scrobbleTimer);
-      if (!songInfo.isPaused) {
-        setNowPlaying(songInfo, config, setConfig);
-        // Scrobble when the song is halfway through, or has passed the 4-minute mark
-        const scrobbleTime = Math.min(
-          Math.ceil(songInfo.songDuration / 2),
-          4 * 60,
-        );
-        if (scrobbleTime > (songInfo.elapsedSeconds ?? 0)) {
-          // Scrobble still needs to happen
-          const timeToWait =
-            (scrobbleTime - (songInfo.elapsedSeconds ?? 0)) * 1000;
-          scrobbleTimer = setTimeout(addScrobble, timeToWait, songInfo, config);
-        }
-      }
-    });
-  },
-});

src/plugins/last-fm/main.ts

@@ -1,207 +0,0 @@
-import crypto from 'node:crypto';
-
-import { net, shell } from 'electron';
-
-import type { LastFmPluginConfig } from './index';
-import type { SongInfo } from '@/providers/song-info';
-
-interface LastFmData {
-  method: string;
-  timestamp?: number;
-}
-
-interface LastFmSongData {
-  track?: string;
-  duration?: number;
-  artist?: string;
-  album?: string;
-  api_key: string;
-  sk?: string;
-  format: string;
-  method: string;
-  timestamp?: number;
-  api_sig?: string;
-}
-
-const createFormData = (parameters: LastFmSongData) => {
-  // Creates the body for in the post request
-  const formData = new URLSearchParams();
-  for (const key in parameters) {
-    formData.append(key, String(parameters[key as keyof LastFmSongData]));
-  }
-
-  return formData;
-};
-
-const createQueryString = (
-  parameters: Record<string, unknown>,
-  apiSignature: string,
-) => {
-  // Creates a querystring
-  const queryData = [];
-  parameters.api_sig = apiSignature;
-  for (const key in parameters) {
-    queryData.push(
-      `${encodeURIComponent(key)}=${encodeURIComponent(
-        String(parameters[key]),
-      )}`,
-    );
-  }
-
-  return '?' + queryData.join('&');
-};
-
-const createApiSig = (parameters: LastFmSongData, secret: string) => {
-  // This function creates the api signature, see: https://www.last.fm/api/authspec
-  const keys = Object.keys(parameters);
-
-  keys.sort();
-  let sig = '';
-  for (const key of keys) {
-    if (key === 'format') {
-      continue;
-    }
-
-    sig += `${key}${parameters[key as keyof LastFmSongData]}`;
-  }
-
-  sig += secret;
-  sig = crypto.createHash('md5').update(sig, 'utf-8').digest('hex');
-  return sig;
-};
-
-const createToken = async ({
-  api_key: apiKey,
-  api_root: apiRoot,
-  secret,
-}: LastFmPluginConfig) => {
-  // Creates and stores the auth token
-  const data = {
-    method: 'auth.gettoken',
-    api_key: apiKey,
-    format: 'json',
-  };
-  const apiSigature = createApiSig(data, secret);
-  const response = await net.fetch(
-    `${apiRoot}${createQueryString(data, apiSigature)}`,
-  );
-  const json = (await response.json()) as Record<string, string>;
-  return json?.token;
-};
-
-const authenticate = async (config: LastFmPluginConfig) => {
-  // Asks the user for authentication
-  await shell.openExternal(
-    `https://www.last.fm/api/auth/?api_key=${config.api_key}&token=${config.token}`,
-  );
-};
-
-type SetConfType = (
-  conf: Partial<Omit<LastFmPluginConfig, 'enabled'>>,
-) => void | Promise<void>;
-
-export const getAndSetSessionKey = async (
-  config: LastFmPluginConfig,
-  setConfig: SetConfType,
-) => {
-  // Get and store the session key
-  const data = {
-    api_key: config.api_key,
-    format: 'json',
-    method: 'auth.getsession',
-    token: config.token,
-  };
-  const apiSignature = createApiSig(data, config.secret);
-  const response = await net.fetch(
-    `${config.api_root}${createQueryString(data, apiSignature)}`,
-  );
-  const json = (await response.json()) as {
-    error?: string;
-    session?: {
-      key: string;
-    };
-  };
-  if (json.error) {
-    config.token = await createToken(config);
-    await authenticate(config);
-    setConfig(config);
-  }
-  if (json.session) {
-    config.session_key = json.session.key;
-  }
-  setConfig(config);
-  return config;
-};
-
-const postSongDataToAPI = async (
-  songInfo: SongInfo,
-  config: LastFmPluginConfig,
-  data: LastFmData,
-  setConfig: SetConfType,
-) => {
-  // This sends a post request to the api, and adds the common data
-  if (!config.session_key) {
-    await getAndSetSessionKey(config, setConfig);
-  }
-
-  const postData: LastFmSongData = {
-    track: songInfo.title,
-    duration: songInfo.songDuration,
-    artist: songInfo.artist,
-    ...(songInfo.album ? { album: songInfo.album } : undefined), // Will be undefined if current song is a video
-    api_key: config.api_key,
-    sk: config.session_key,
-    format: 'json',
-    ...data,
-  };
-
-  postData.api_sig = createApiSig(postData, config.secret);
-  const formData = createFormData(postData);
-  net
-    .fetch('https://ws.audioscrobbler.com/2.0/', {
-      method: 'POST',
-      body: formData,
-    })
-    .catch(
-      async (error: {
-        response?: {
-          data?: {
-            error: number;
-          };
-        };
-      }) => {
-        if (error?.response?.data?.error === 9) {
-          // Session key is invalid, so remove it from the config and reauthenticate
-          config.session_key = undefined;
-          config.token = await createToken(config);
-          await authenticate(config);
-          setConfig(config);
-        }
-      },
-    );
-};
-
-export const addScrobble = (
-  songInfo: SongInfo,
-  config: LastFmPluginConfig,
-  setConfig: SetConfType,
-) => {
-  // This adds one scrobbled song to last.fm
-  const data = {
-    method: 'track.scrobble',
-    timestamp: Math.trunc((Date.now() - (songInfo.elapsedSeconds ?? 0)) / 1000),
-  };
-  postSongDataToAPI(songInfo, config, data, setConfig);
-};
-
-export const setNowPlaying = (
-  songInfo: SongInfo,
-  config: LastFmPluginConfig,
-  setConfig: SetConfType,
-) => {
-  // This sets the now playing status in last.fm
-  const data = {
-    method: 'track.updateNowPlaying',
-  };
-  postSongDataToAPI(songInfo, config, data, setConfig);
-};

src/plugins/lyrics-genius/main.ts

@@ -38,7 +38,7 @@ export const fetchFromGenius = async (metadata: SongInfo) => {
   const songArtist = `${cleanupName(metadata.artist)}`;
   let lyrics: string | null;
 
-  /* Uses Regex to test the title and artist first for said characters if romanization is enabled. Otherwise normal
+  /* Uses Regex to test the title and artist first for said characters if romanization is enabled. Otherwise, normal
   Genius Lyrics behavior is observed.
   */
   let hasAsianChars = false;

src/plugins/lyrics-genius/renderer.ts

@@ -32,7 +32,7 @@ export const onRendererLoad = ({
 
   let unregister: (() => void) | null = null;
 
-  on('update-song-info', (extractedSongInfo: SongInfo) => {
+  on('ytmd:update-song-info', (extractedSongInfo: SongInfo) => {
     unregister?.();
 
     setTimeout(async () => {

src/plugins/music-together/connection.ts

@@ -0,0 +1,149 @@
+import { DataConnection, Peer } from 'peerjs';
+
+import type { Permission, Profile, VideoData } from './types';
+
+export type ConnectionEventMap = {
+  ADD_SONGS: { videoList: VideoData[], index?: number };
+  REMOVE_SONG: { index: number };
+  MOVE_SONG: { fromIndex: number; toIndex: number };
+  IDENTIFY: { profile: Profile } | undefined;
+  SYNC_PROFILE: { profiles: Record<string, Profile> } | undefined;
+  SYNC_QUEUE: { videoList: VideoData[] } | undefined;
+  SYNC_PROGRESS: { progress?: number; state?: number; index?: number; } | undefined;
+  PERMISSION: Permission | undefined;
+};
+export type ConnectionEventUnion = {
+  [Event in keyof ConnectionEventMap]: {
+    type: Event;
+    payload: ConnectionEventMap[Event];
+    after?: ConnectionEventUnion[];
+  };
+}[keyof ConnectionEventMap];
+
+type PromiseUtil<T> = {
+  promise: Promise<T>;
+  resolve: (id: T) => void;
+  reject: (err: unknown) => void;
+}
+
+export type ConnectionListener = (event: ConnectionEventUnion, conn: DataConnection) => void;
+export type ConnectionMode = 'host' | 'guest' | 'disconnected';
+export class Connection {
+  private peer: Peer;
+  private _mode: ConnectionMode = 'disconnected';
+  private connections: Record<string, DataConnection> = {};
+
+  private waitOpen: PromiseUtil<string> = {} as PromiseUtil<string>;
+  private listeners: ConnectionListener[] = [];
+  private connectionListeners: ((connection?: DataConnection) => void)[] = [];
+
+  constructor() {
+    this.peer = new Peer({ debug: 0 });
+
+    this.waitOpen.promise = new Promise<string>((resolve, reject) => {
+      this.waitOpen.resolve = resolve;
+      this.waitOpen.reject = reject;
+    });
+
+    this.peer.on('open', (id) => {
+      this._mode = 'host';
+      this.waitOpen.resolve(id);
+    });
+    this.peer.on('connection', (conn) => {
+      this._mode = 'host';
+      this.registerConnection(conn);
+    });
+    this.peer.on('error', (err) => {
+      this._mode = 'disconnected';
+
+      this.waitOpen.reject(err);
+      this.connectionListeners.forEach((listener) => listener());
+      console.log(err);
+    });
+  }
+
+  /* public */
+  async waitForReady() {
+    return this.waitOpen.promise;
+  }
+
+  async connect(id: string) {
+    this._mode = 'guest';
+    const conn = this.peer.connect(id);
+    await this.registerConnection(conn);
+    return conn;
+  }
+
+  disconnect() {
+    if (this._mode === 'disconnected') throw new Error('Already disconnected');
+
+    this._mode = 'disconnected';
+    this.connections = {};
+    this.peer.destroy();
+  }
+
+  /* utils */
+  public get id() {
+    return this.peer.id;
+  }
+
+  public get mode() {
+    return this._mode;
+  }
+
+  public getConnections() {
+    return Object.values(this.connections);
+  }
+
+  public async broadcast<Event extends keyof ConnectionEventMap>(type: Event, payload: ConnectionEventMap[Event]) {
+    await Promise.all(
+      this.getConnections().map((conn) => conn.send({ type, payload }))
+    );
+  }
+
+  public on(listener: ConnectionListener) {
+    this.listeners.push(listener);
+  }
+
+  public onConnections(listener: (connections?: DataConnection) => void) {
+    this.connectionListeners.push(listener);
+  }
+
+  /* privates */
+  private async registerConnection(conn: DataConnection) {
+    return new Promise<DataConnection>((resolve, reject) => {
+      this.peer.once('error', (err) => {
+        this._mode = 'disconnected';
+
+        reject(err);
+        this.connectionListeners.forEach((listener) => listener());
+      });
+
+      conn.on('open', () => {
+        this.connections[conn.connectionId] = conn;
+        resolve(conn);
+        this.connectionListeners.forEach((listener) => listener(conn));
+
+        conn.on('data', (data) => {
+          if (!data || typeof data !== 'object' || !('type' in data) || !('payload' in data) || !data.type) {
+            console.warn('Music Together: Invalid data', data);
+            return;
+          }
+
+          for (const listener of this.listeners) {
+            listener(data as ConnectionEventUnion, conn);
+          }
+        });
+      });
+
+      const onClose = (err?: Error) => {
+        if (err) reject(err);
+
+        delete this.connections[conn.connectionId];
+        this.connectionListeners.forEach((listener) => listener(conn));
+      };
+      conn.on('error', onClose);
+      conn.on('close', onClose);
+    });
+  }
+}

src/plugins/music-together/element.ts

@@ -0,0 +1,138 @@
+import { ElementFromHtml } from '@/plugins/utils/renderer';
+
+import itemHTML from './templates/item.html?raw';
+import popupHTML from './templates/popup.html?raw';
+
+type Placement =
+  'top'
+  | 'bottom'
+  | 'right'
+  | 'left'
+  | 'center'
+  | 'middle'
+  | 'center-middle'
+  | 'top-left'
+  | 'top-right'
+  | 'bottom-left'
+  | 'bottom-right';
+type PopupItem = (ItemRendererProps & { type: 'item'; })
+  | { type: 'divider'; }
+  | { type: 'custom'; element: HTMLElement; };
+
+type PopupProps = {
+  data: PopupItem[];
+  anchorAt?: Placement;
+  popupAt?: Placement;
+}
+export const Popup = (props: PopupProps) => {
+  const popup = ElementFromHtml(popupHTML);
+  const container = popup.querySelector<HTMLElement>('.music-together-popup-container')!;
+  const items = props.data
+    .map((props) => {
+      if (props.type === 'item') return {
+        type: 'item' as const,
+        ...ItemRenderer(props),
+      };
+      if (props.type === 'divider') return {
+        type: 'divider' as const,
+        element: ElementFromHtml('<div class="music-together-divider horizontal"></div>'),
+      };
+      if (props.type === 'custom') return {
+        type: 'custom' as const,
+        element: props.element,
+      };
+
+      return null;
+    })
+    .filter(Boolean);
+
+  container.append(...items.map(({ element }) => element));
+  popup.style.setProperty('opacity', '0');
+  popup.style.setProperty('pointer-events', 'none');
+
+  document.body.append(popup);
+
+  return {
+    element: popup,
+    container,
+    items,
+
+    show(x: number, y: number, anchor?: HTMLElement) {
+      let left = x;
+      let top = y;
+
+      if (anchor) {
+        if (props.anchorAt?.includes('right')) left += anchor.clientWidth;
+        if (props.anchorAt?.includes('bottom')) top += anchor.clientHeight;
+        if (props.anchorAt?.includes('center')) left += anchor.clientWidth / 2;
+        if (props.anchorAt?.includes('middle')) top += anchor.clientHeight / 2;
+      }
+
+      if (props.popupAt?.includes('right')) left -= popup.clientWidth;
+      if (props.popupAt?.includes('bottom')) top -= popup.clientHeight;
+      if (props.popupAt?.includes('center')) left -= popup.clientWidth / 2;
+      if (props.popupAt?.includes('middle')) top -= popup.clientHeight / 2;
+
+      popup.style.setProperty('left', `${left}px`);
+      popup.style.setProperty('top', `${top}px`);
+      popup.style.setProperty('opacity', '1');
+      popup.style.setProperty('pointer-events', 'unset');
+
+      setTimeout(() => {
+        const onClose = (event: MouseEvent) => {
+          const isPopupClick = event.composedPath().some((element) => element === popup);
+          if (!isPopupClick) {
+            this.dismiss();
+            document.removeEventListener('click', onClose);
+          }
+        };
+        document.addEventListener('click', onClose);
+      }, 16);
+    },
+    showAtAnchor(anchor: HTMLElement) {
+      const { x, y } = anchor.getBoundingClientRect();
+      this.show(x, y, anchor);
+    },
+
+    isShowing() {
+      return popup.style.getPropertyValue('opacity') === '1';
+    },
+
+    dismiss() {
+      popup.style.setProperty('opacity', '0');
+      popup.style.setProperty('pointer-events', 'none');
+    }
+  };
+};
+
+type ItemRendererProps = {
+  id?: string;
+  icon?: Element;
+  text: string;
+  onClick?: () => void;
+};
+export const ItemRenderer = (props: ItemRendererProps) => {
+  const element = ElementFromHtml(itemHTML);
+  const iconContainer = element.querySelector<HTMLElement>('div.icon')!;
+  const textContainer = element.querySelector<HTMLElement>('div.text')!;
+  if (props.icon) iconContainer.appendChild(props.icon);
+  textContainer.append(props.text);
+
+  if (props.onClick) {
+    element.addEventListener('click', () => {
+      props.onClick?.();
+    });
+  }
+  if (props.id) element.id = props.id;
+
+  return {
+    element,
+    setIcon(icon: Element) {
+      iconContainer.replaceChildren(icon);
+    },
+    setText(text: string) {
+      textContainer.replaceChildren(text);
+    },
+    id: props.id
+  };
+};

src/plugins/music-together/icons/connect.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+  <path d="M480-640 280-440l56 56 104-103v407h80v-407l104 103 56-56-200-200ZM146-260q-32-49-49-105T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 59-17 115t-49 105l-58-58q22-37 33-78t11-84q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 43 11 84t33 78l-58 58Z"/>
+</svg>

src/plugins/music-together/icons/key.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+  <path
+    d="M280-400q-33 0-56.5-23.5T200-480q0-33 23.5-56.5T280-560q33 0 56.5 23.5T360-480q0 33-23.5 56.5T280-400Zm0 160q-100 0-170-70T40-480q0-100 70-170t170-70q67 0 121.5 33t86.5 87h352l120 120-180 180-80-60-80 60-85-60h-47q-32 54-86.5 87T280-240Zm0-80q56 0 98.5-34t56.5-86h125l58 41 82-61 71 55 75-75-40-40H435q-14-52-56.5-86T280-640q-66 0-113 47t-47 113q0 66 47 113t113 47Z"/>
+</svg>

src/plugins/music-together/icons/music-cast.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+  <path d="M560-160q-66 0-113-47t-47-113q0-66 47-113t113-47q23 0 42.5 5.5T640-458v-342h240v120H720v360q0 66-47 113t-113 47ZM80-320q0-99 38-186.5T221-659q65-65 152.5-103T560-800v80q-82 0-155 31.5t-127.5 86q-54.5 54.5-86 127T160-320H80Zm160 0q0-66 25.5-124.5t69-102Q378-590 436-615t124-25v80q-100 0-170 70t-70 170h-80Z"/>
+</svg>

src/plugins/music-together/icons/off.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+  <path
+    d="M792-56 686-160H260q-92 0-156-64T40-380q0-77 47.5-137T210-594q3-8 6-15.5t6-16.5L56-792l56-56 736 736-56 56ZM260-240h346L284-562q-2 11-3 21t-1 21h-20q-58 0-99 41t-41 99q0 58 41 99t99 41Zm185-161Zm419 191-58-56q17-14 25.5-32.5T840-340q0-42-29-71t-71-29h-60v-80q0-83-58.5-141.5T480-720q-27 0-52 6.5T380-693l-58-58q35-24 74.5-36.5T480-800q117 0 198.5 81.5T760-520q69 8 114.5 59.5T920-340q0 39-15 72.5T864-210ZM593-479Z"/>
+</svg>

src/plugins/music-together/icons/tune.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+  <path d="M440-120v-240h80v80h320v80H520v80h-80Zm-320-80v-80h240v80H120Zm160-160v-80H120v-80h160v-80h80v240h-80Zm160-80v-80h400v80H440Zm160-160v-240h80v80h160v80H680v80h-80Zm-480-80v-80h400v80H120Z"/>
+</svg>

src/plugins/music-together/index.ts

@@ -0,0 +1,717 @@
+import prompt from 'custom-electron-prompt';
+
+import { DataConnection } from 'peerjs';
+
+import { t } from '@/i18n';
+import { createPlugin } from '@/utils';
+import promptOptions from '@/providers/prompt-options';
+
+import { AppAPI, getDefaultProfile, Permission, Profile, VideoData } from './types';
+import { Queue } from './queue';
+import { Connection, ConnectionEventUnion } from './connection';
+import { createHostPopup } from './ui/host';
+import { createGuestPopup } from './ui/guest';
+import { createSettingPopup } from './ui/setting';
+
+import settingHTML from './templates/setting.html?raw';
+import style from './style.css?inline';
+
+import type { YoutubePlayer } from '@/types/youtube-player';
+import type { RendererContext } from '@/types/contexts';
+import type { VideoDataChanged } from '@/types/video-data-changed';
+
+type RawAccountData = {
+  accountName: {
+    runs: { text: string }[];
+  };
+  accountPhoto: {
+    thumbnails: { url: string; width: number; height: number; }[];
+  };
+  settingsEndpoint: unknown;
+  manageAccountTitle: unknown;
+  trackingParams: string;
+  channelHandle: {
+    runs: { text: string }[];
+  };
+};
+
+export default createPlugin<
+  unknown,
+  unknown,
+  {
+    connection?: Connection;
+    ipc?: RendererContext<never>['ipc'];
+    api: HTMLElement & AppAPI | null;
+    queue?: Queue;
+    playerApi?: YoutubePlayer;
+    showPrompt: (title: string, label: string) => Promise<string>;
+    popups: {
+      host: ReturnType<typeof createHostPopup>;
+      guest: ReturnType<typeof createGuestPopup>;
+      setting: ReturnType<typeof createSettingPopup>;
+    };
+    elements: {
+      setting: HTMLElement;
+      icon: SVGElement;
+      spinner: HTMLElement;
+    };
+    stateInterval?: number;
+    updateNext: boolean;
+    ignoreChange: boolean;
+    rollbackInjector?: (() => void);
+    me?: Omit<Profile, 'id'>;
+    profiles: Record<string, Profile>;
+    permission: Permission;
+    videoChangeListener: (event: CustomEvent<VideoDataChanged>) => void;
+    videoStateChangeListener: () => void;
+    onHost: () => Promise<boolean>;
+    onJoin: () => Promise<boolean>;
+    onStop: () => void;
+    putProfile: (id: string, profile?: Profile) => void;
+    showSpinner: () => void;
+    hideSpinner: () => void;
+    initMyProfile: () => void;
+  }
+>({
+  name: () => t('plugins.music-together.name'),
+  description: () => t('plugins.music-together.description'),
+  restartNeeded: false,
+  addedVersion: '3.2.X',
+  config: {
+    enabled: false
+  },
+  stylesheets: [style],
+  backend({ ipc }) {
+    ipc.handle('music-together:prompt', async (title: string, label: string) => prompt({
+      title,
+      label,
+      type: 'input',
+      ...promptOptions()
+    }));
+  },
+  renderer: {
+    updateNext: false,
+    ignoreChange: false,
+    permission: 'playlist',
+    popups: {} as {
+      host: ReturnType<typeof createHostPopup>;
+      guest: ReturnType<typeof createGuestPopup>;
+      setting: ReturnType<typeof createSettingPopup>;
+    },
+    elements: {} as {
+      setting: HTMLElement;
+      icon: SVGElement;
+      spinner: HTMLElement;
+    },
+    profiles: {},
+    showPrompt: () => Promise.resolve(''),
+    api: null,
+
+    /* events */
+    videoChangeListener(event: CustomEvent<VideoDataChanged>) {
+      if (event.detail.name === 'dataloaded' || this.updateNext) {
+        if (this.connection?.mode === 'host') {
+          const videoList: VideoData[] = this.queue?.flatItems.map((it) => ({
+            videoId: it!.videoId,
+            ownerId: this.connection!.id
+          } satisfies VideoData)) ?? [];
+
+          this.queue?.setVideoList(videoList, false);
+          this.queue?.syncQueueOwner();
+          this.connection.broadcast('SYNC_QUEUE', {
+            videoList
+          });
+
+          this.updateNext = event.detail.name === 'dataloaded';
+        }
+      }
+    },
+
+    videoStateChangeListener() {
+      if (this.connection?.mode !== 'guest') return;
+      if (this.ignoreChange) return;
+      if (this.permission !== 'all') return;
+
+      const state = this.playerApi?.getPlayerState();
+      if (state !== 1 && state !== 2) return;
+
+      this.connection.broadcast('SYNC_PROGRESS', {
+        // progress: this.playerApi?.getCurrentTime(),
+        state: this.playerApi?.getPlayerState()
+        // index: this.queue?.selectedIndex ?? 0,
+      });
+    },
+
+    /* connection */
+    async onHost() {
+      this.connection = new Connection();
+      const wait = await this.connection.waitForReady().catch(() => null);
+      if (!wait) return false;
+
+      if (!this.me) this.me = getDefaultProfile(this.connection.id);
+      const rawItems = this.queue?.flatItems?.map((it) => ({
+        videoId: it!.videoId,
+        ownerId: this.connection!.id
+      } satisfies VideoData)) ?? [];
+      this.queue?.setOwner({
+        id: this.connection.id,
+        ...this.me
+      });
+      this.queue?.setVideoList(rawItems, false);
+      this.queue?.syncQueueOwner();
+      this.queue?.initQueue();
+      this.queue?.injection();
+
+      this.profiles = {};
+      this.connection.onConnections((connection) => {
+        if (!connection) {
+          this.api?.openToast(t('plugins.music-together.toast.disconnected'));
+          this.onStop();
+          return;
+        }
+
+        if (!connection.open) {
+          this.api?.openToast(t('plugins.music-together.toast.user-disconnected', {
+            name: this.profiles[connection.peer]?.name
+          }));
+          this.putProfile(connection.peer, undefined);
+        }
+      });
+      this.putProfile(this.connection.id, {
+        id: this.connection.id,
+        ...this.me
+      });
+
+      const listener = async (event: ConnectionEventUnion, conn?: DataConnection) => {
+        this.ignoreChange = true;
+
+        switch (event.type) {
+          case 'ADD_SONGS': {
+            if (conn && this.permission === 'host-only') return;
+
+            await this.queue?.addVideos(event.payload.videoList, event.payload.index);
+            await this.connection?.broadcast('ADD_SONGS', event.payload);
+            break;
+          }
+          case 'REMOVE_SONG': {
+            if (conn && this.permission === 'host-only') return;
+
+            this.queue?.removeVideo(event.payload.index);
+            await this.connection?.broadcast('REMOVE_SONG', event.payload);
+            break;
+          }
+          case 'MOVE_SONG': {
+            if (conn && this.permission === 'host-only') {
+              await this.connection?.broadcast('SYNC_QUEUE', {
+                videoList: this.queue?.videoList ?? []
+              });
+              break;
+            }
+
+            this.queue?.moveItem(event.payload.fromIndex, event.payload.toIndex);
+            await this.connection?.broadcast('MOVE_SONG', event.payload);
+            break;
+          }
+          case 'IDENTIFY': {
+            if (!event.payload || !conn) {
+              console.warn('Music Together [Host]: Received "IDENTIFY" event without payload or connection');
+              break;
+            }
+
+            this.api?.openToast(t('plugins.music-together.toast.user-connected', { name: event.payload.profile.name }));
+            this.putProfile(conn.peer, event.payload.profile);
+            break;
+          }
+          case 'SYNC_PROFILE': {
+            await this.connection?.broadcast('SYNC_PROFILE', { profiles: this.profiles });
+
+            break;
+          }
+          case 'PERMISSION': {
+            await this.connection?.broadcast('PERMISSION', this.permission);
+            this.popups.guest.setPermission(this.permission);
+            this.popups.host.setPermission(this.permission);
+            this.popups.setting.setPermission(this.permission);
+            break;
+          }
+          case 'SYNC_QUEUE': {
+            await this.connection?.broadcast('SYNC_QUEUE', {
+              videoList: this.queue?.videoList ?? []
+            });
+            break;
+          }
+          case 'SYNC_PROGRESS': {
+            let permissionLevel = 0;
+            if (this.permission === 'all') permissionLevel = 2;
+            if (this.permission === 'playlist') permissionLevel = 1;
+            if (this.permission === 'host-only') permissionLevel = 0;
+            if (!conn) permissionLevel = 3;
+
+            if (permissionLevel >= 2) {
+              if (typeof event.payload?.progress === 'number') {
+                const currentTime = this.playerApi?.getCurrentTime() ?? 0;
+                if (Math.abs(event.payload.progress - currentTime) > 3) this.playerApi?.seekTo(event.payload.progress);
+              }
+              if (this.playerApi?.getPlayerState() !== event.payload?.state) {
+                if (event.payload?.state === 2) this.playerApi?.pauseVideo();
+                if (event.payload?.state === 1) this.playerApi?.playVideo();
+              }
+            }
+            if (permissionLevel >= 1) {
+              if (typeof event.payload?.index === 'number') {
+                const nowIndex = this.queue?.selectedIndex ?? 0;
+
+                if (nowIndex !== event.payload.index) {
+                  this.queue?.setIndex(event.payload.index);
+                }
+              }
+            }
+
+            break;
+          }
+          default: {
+            console.warn('Music Together [Host]: Unknown Event', event);
+            break;
+          }
+        }
+
+        if (event.after) {
+          const now = event.after.shift();
+          if (now) {
+            now.after = event.after;
+            await listener(now, conn);
+          }
+        }
+      };
+      this.connection.on(listener);
+      this.queue?.on(listener);
+
+      setTimeout(() => {
+        this.ignoreChange = false;
+      }, 16); // wait 1 frame
+      return true;
+    },
+
+    async onJoin() {
+      this.connection = new Connection();
+      const wait = await this.connection.waitForReady().catch(() => null);
+      if (!wait) return false;
+
+      this.profiles = {};
+
+      const id = await this.showPrompt(t('plugins.music-together.name'), t('plugins.music-together.dialog.enter-host'));
+      if (typeof id !== 'string') return false;
+
+      const connection = await this.connection.connect(id).catch(() => false);
+      if (!connection) return false;
+      this.connection.onConnections((connection) => {
+        if (!connection?.open) {
+          this.api?.openToast(t('plugins.music-together.toast.disconnected'));
+          this.onStop();
+        }
+      });
+
+
+      let resolveIgnore: number | null = null;
+      const listener = async (event: ConnectionEventUnion) => {
+        this.ignoreChange = true;
+        switch (event.type) {
+          case 'ADD_SONGS': {
+            await this.queue?.addVideos(event.payload.videoList, event.payload.index);
+            break;
+          }
+          case 'REMOVE_SONG': {
+            this.queue?.removeVideo(event.payload.index);
+            break;
+          }
+          case 'MOVE_SONG': {
+            this.queue?.moveItem(event.payload.fromIndex, event.payload.toIndex);
+            break;
+          }
+          case 'IDENTIFY': {
+            console.warn('Music Together [Guest]: Received "IDENTIFY" event from guest');
+            break;
+          }
+          case 'SYNC_QUEUE': {
+            if (Array.isArray(event.payload?.videoList)) {
+              await this.queue?.setVideoList(event.payload.videoList);
+            }
+            break;
+          }
+          case 'SYNC_PROFILE': {
+            if (!event.payload) {
+              console.warn('Music Together [Guest]: Received "SYNC_PROFILE" event without payload');
+              break;
+            }
+
+            Object.entries(event.payload.profiles).forEach(([id, profile]) => {
+              this.putProfile(id, profile);
+            });
+            break;
+          }
+          case 'SYNC_PROGRESS': {
+            if (typeof event.payload?.progress === 'number') {
+              const currentTime = this.playerApi?.getCurrentTime() ?? 0;
+              if (Math.abs(event.payload.progress - currentTime) > 3) this.playerApi?.seekTo(event.payload.progress);
+            }
+            if (this.playerApi?.getPlayerState() !== event.payload?.state) {
+              if (event.payload?.state === 2) this.playerApi?.pauseVideo();
+              if (event.payload?.state === 1) this.playerApi?.playVideo();
+            }
+            if (typeof event.payload?.index === 'number') {
+              const nowIndex = this.queue?.selectedIndex ?? 0;
+
+              if (nowIndex !== event.payload.index) {
+                this.queue?.setIndex(event.payload.index);
+              }
+            }
+            break;
+          }
+          case 'PERMISSION': {
+            if (!event.payload) {
+              console.warn('Music Together [Guest]: Received "PERMISSION" event without payload');
+              break;
+            }
+
+            this.permission = event.payload;
+            this.popups.guest.setPermission(this.permission);
+            this.popups.host.setPermission(this.permission);
+            this.popups.setting.setPermission(this.permission);
+
+            const permissionLabel = t(`plugins.music-together.menu.permission.${this.permission}`);
+
+            this.api?.openToast(t('plugins.music-together.toast.permission-changed', { permission: permissionLabel }));
+            break;
+          }
+          default: {
+            console.warn('Music Together [Guest]: Unknown Event', event);
+            break;
+          }
+        }
+
+        if (typeof resolveIgnore === 'number') clearTimeout(resolveIgnore);
+        resolveIgnore = window.setTimeout(() => {
+          this.ignoreChange = false;
+        }, 16); // wait 1 frame
+      };
+
+      this.connection.on(listener);
+      this.queue?.on(async (event: ConnectionEventUnion) => {
+        this.ignoreChange = true;
+        switch (event.type) {
+          case 'ADD_SONGS': {
+            await this.connection?.broadcast('ADD_SONGS', event.payload);
+            await this.connection?.broadcast('SYNC_QUEUE', undefined);
+            break;
+          }
+          case 'REMOVE_SONG': {
+            await this.connection?.broadcast('REMOVE_SONG', event.payload);
+            break;
+          }
+          case 'MOVE_SONG': {
+            await this.connection?.broadcast('MOVE_SONG', event.payload);
+            await this.connection?.broadcast('SYNC_QUEUE', undefined);
+            break;
+          }
+          case 'SYNC_PROGRESS': {
+            if (this.permission === 'host-only') await this.connection?.broadcast('SYNC_QUEUE', undefined);
+            else await this.connection?.broadcast('SYNC_PROGRESS', event.payload);
+            break;
+          }
+        }
+
+        if (typeof resolveIgnore === 'number') clearTimeout(resolveIgnore);
+        resolveIgnore = window.setTimeout(() => {
+          this.ignoreChange = false;
+        }, 16); // wait 1 frame
+      });
+
+      if (!this.me) this.me = getDefaultProfile(this.connection.id);
+      this.queue?.injection();
+      this.queue?.setOwner({
+        id: this.connection.id,
+        ...this.me
+      });
+
+      const progress = Array.from(document.querySelectorAll<HTMLElement & {
+        _update: (...args: unknown[]) => void
+      }>('tp-yt-paper-progress'));
+      const rollbackList = progress.map((progress) => {
+        const original = progress._update;
+        progress._update = (...args) => {
+          const now = args[0];
+
+          if (this.permission === 'all' && typeof now === 'number') {
+            const currentTime = this.playerApi?.getCurrentTime() ?? 0;
+            if (Math.abs(now - currentTime) > 3) this.connection?.broadcast('SYNC_PROGRESS', {
+              progress: now,
+              state: this.playerApi?.getPlayerState()
+            });
+          }
+
+          original.call(progress, ...args);
+        };
+
+        return () => {
+          progress._update = original;
+        };
+      });
+      this.rollbackInjector = () => {
+        rollbackList.forEach((rollback) => rollback());
+      };
+
+      this.connection.broadcast('IDENTIFY', {
+        profile: {
+          id: this.connection.id,
+          handleId: this.me.handleId,
+          name: this.me.name,
+          thumbnail: this.me.thumbnail
+        }
+      });
+
+      this.connection.broadcast('SYNC_PROFILE', undefined);
+      this.connection.broadcast('PERMISSION', undefined);
+
+      this.queue?.clear();
+      this.queue?.syncQueueOwner();
+      this.queue?.initQueue();
+
+      this.connection.broadcast('SYNC_QUEUE', undefined);
+
+      return true;
+    },
+
+    onStop() {
+      this.connection?.disconnect();
+      this.queue?.rollbackInjection();
+      this.queue?.removeQueueOwner();
+      if (this.rollbackInjector) {
+        this.rollbackInjector();
+        this.rollbackInjector = undefined;
+      }
+
+      this.profiles = {};
+      this.popups.host.setUsers(Object.values(this.profiles));
+      this.popups.guest.setUsers(Object.values(this.profiles));
+
+      this.popups.host.dismiss();
+      this.popups.guest.dismiss();
+      this.popups.setting.dismiss();
+    },
+
+    /* methods */
+    putProfile(id: string, profile?: Profile) {
+      if (profile === undefined) {
+        delete this.profiles[id];
+      } else {
+        this.profiles[id] = profile;
+      }
+
+      this.popups.host.setUsers(Object.values(this.profiles));
+      this.popups.guest.setUsers(Object.values(this.profiles));
+    },
+
+    showSpinner() {
+      this.elements.icon.style.setProperty('display', 'none');
+      this.elements.spinner.removeAttribute('hidden');
+      this.elements.spinner.setAttribute('active', '');
+    },
+
+    hideSpinner() {
+      this.elements.icon.style.removeProperty('display');
+      this.elements.spinner.removeAttribute('active');
+      this.elements.spinner.setAttribute('hidden', '');
+    },
+
+    initMyProfile() {
+      const accountButton = document.querySelector<HTMLElement & {
+        onButtonTap: () => void
+      }>('ytmusic-settings-button');
+
+      accountButton?.onButtonTap();
+      setTimeout(() => {
+        accountButton?.onButtonTap();
+        const renderer = document.querySelector<HTMLElement & { data: unknown }>('ytd-active-account-header-renderer');
+        if (!accountButton || !renderer) {
+          console.warn('Music Together: Cannot find account');
+          this.me = getDefaultProfile(this.connection?.id ?? '');
+          return;
+        }
+
+        const accountData = renderer.data as RawAccountData;
+        this.me = {
+          handleId: accountData.channelHandle.runs[0].text,
+          name: accountData.accountName.runs[0].text,
+          thumbnail: accountData.accountPhoto.thumbnails[0].url
+        };
+
+        if (this.me.thumbnail) {
+          this.popups.host.setProfile(this.me.thumbnail);
+          this.popups.guest.setProfile(this.me.thumbnail);
+          this.popups.setting.setProfile(this.me.thumbnail);
+        }
+      }, 0);
+    },
+    /* hooks */
+
+    start({ ipc }) {
+      this.ipc = ipc;
+      this.showPrompt = async (title: string, label: string) => ipc.invoke('music-together:prompt', title, label) as Promise<string>;
+      this.api = document.querySelector<HTMLElement & AppAPI>('ytmusic-app');
+
+      /* setup */
+      document.querySelector('#right-content > ytmusic-settings-button')?.insertAdjacentHTML('beforebegin', settingHTML);
+      const setting = document.querySelector<HTMLElement>('#music-together-setting-button');
+      const icon = document.querySelector<SVGElement>('#music-together-setting-button > svg');
+      const spinner = document.querySelector<HTMLElement>('#music-together-setting-button > tp-yt-paper-spinner-lite');
+      if (!setting || !icon || !spinner) {
+        console.warn('Music Together: Cannot inject html');
+        console.log(setting, icon, spinner);
+        return;
+      }
+
+      this.elements = {
+        setting,
+        icon,
+        spinner
+      };
+
+      this.stateInterval = window.setInterval(() => {
+        if (this.connection?.mode !== 'host') return;
+        const index = this.queue?.selectedIndex ?? 0;
+
+        this.connection.broadcast('SYNC_PROGRESS', {
+          progress: this.playerApi?.getCurrentTime(),
+          state: this.playerApi?.getPlayerState(),
+          index
+        });
+      }, 1000);
+
+      /* UI */
+      const hostPopup = createHostPopup({
+        onItemClick: (id) => {
+          if (id === 'music-together-close') {
+            this.onStop();
+            this.api?.openToast(t('plugins.music-together.toast.closed'));
+            hostPopup.dismiss();
+          }
+
+          if (id === 'music-together-copy-id') {
+            navigator.clipboard.writeText(this.connection?.id ?? '')
+              .then(() => {
+                this.api?.openToast(t('plugins.music-together.toast.id-copied'));
+                hostPopup.dismiss();
+              })
+              .catch(() => {
+                this.api?.openToast(t('plugins.music-together.toast.id-copy-failed'));
+                hostPopup.dismiss();
+              });
+          }
+
+          if (id === 'music-together-permission') {
+            if (this.permission === 'all') this.permission = 'host-only';
+            else if (this.permission === 'playlist') this.permission = 'all';
+            else if (this.permission === 'host-only') this.permission = 'playlist';
+            this.connection?.broadcast('PERMISSION', this.permission);
+
+            hostPopup.setPermission(this.permission);
+            guestPopup.setPermission(this.permission);
+            settingPopup.setPermission(this.permission);
+
+            const permissionLabel = t(`plugins.music-together.menu.permission.${this.permission}`);
+            this.api?.openToast(t('plugins.music-together.toast.permission-changed', { permission: permissionLabel }));
+            const item = hostPopup.items.find((it) => it?.element.id === id);
+            if (item?.type === 'item') {
+              item.setText(t('plugins.music-together.menu.set-permission'));
+            }
+          }
+        }
+      });
+      const guestPopup = createGuestPopup({
+        onItemClick: (id) => {
+          if (id === 'music-together-disconnect') {
+            this.onStop();
+            this.api?.openToast(t('plugins.music-together.toast.disconnected'));
+            guestPopup.dismiss();
+          }
+        }
+      });
+      const settingPopup = createSettingPopup({
+        onItemClick: async (id) => {
+          if (id === 'music-together-host') {
+            settingPopup.dismiss();
+            this.showSpinner();
+            const result = await this.onHost();
+            this.hideSpinner();
+
+            if (result) {
+              navigator.clipboard.writeText(this.connection?.id ?? '')
+                .then(() => {
+                  this.api?.openToast(t('plugins.music-together.toast.id-copied'));
+                  hostPopup.showAtAnchor(setting);
+                }).catch(() => {
+                  this.api?.openToast(t('plugins.music-together.toast.id-copy-failed'));
+                  hostPopup.showAtAnchor(setting);
+                });
+            } else {
+              this.api?.openToast(t('plugins.music-together.toast.host-failed'));
+            }
+          }
+
+          if (id === 'music-together-join') {
+            settingPopup.dismiss();
+            this.showSpinner();
+            const result = await this.onJoin();
+            this.hideSpinner();
+
+            if (result) {
+              this.api?.openToast(t('plugins.music-together.toast.joined'));
+              guestPopup.showAtAnchor(setting);
+            } else {
+              this.api?.openToast(t('plugins.music-together.toast.join-failed'));
+            }
+          }
+        }
+      });
+      this.popups = {
+        host: hostPopup,
+        guest: guestPopup,
+        setting: settingPopup
+      };
+      setting.addEventListener('click', () => {
+        let popup = settingPopup;
+        if (this.connection?.mode === 'host') popup = hostPopup;
+        if (this.connection?.mode === 'guest') popup = guestPopup;
+
+        if (popup.isShowing()) popup.dismiss();
+        else popup.showAtAnchor(setting);
+      });
+
+      /* account data getter */
+      this.initMyProfile();
+    },
+    onPlayerApiReady(playerApi) {
+      this.queue = new Queue({
+        owner: {
+          id: this.connection?.id ?? '',
+          ...this.me!
+        },
+        getProfile: (id) => this.profiles[id]
+      });
+      this.playerApi = playerApi;
+
+      this.playerApi.addEventListener('onStateChange', this.videoStateChangeListener);
+      document.addEventListener('videodatachange', this.videoChangeListener);
+    },
+    stop() {
+      const dividers = Array.from(document.querySelectorAll('.music-together-divider'));
+      dividers.forEach((divider) => divider.remove());
+
+      this.elements.setting?.remove();
+      this.onStop();
+      if (typeof this.stateInterval === 'number') clearInterval(this.stateInterval);
+      if (this.playerApi) this.playerApi.removeEventListener('onStateChange', this.videoStateChangeListener);
+      if (this.videoChangeListener) document.removeEventListener('videodatachange', this.videoChangeListener);
+    }
+  }
+});

src/plugins/music-together/queue/client.ts

@@ -0,0 +1,37 @@
+import { SHA1Hash } from './sha1hash';
+
+export const extractToken = (cookie = document.cookie) => cookie.match(/SAPISID=([^;]+);/)?.[1] ?? cookie.match(/__Secure-3PAPISID=([^;]+);/)?.[1];
+
+export const getHash = async (papisid: string, millis = Date.now(), origin: string = 'https://music.youtube.com') =>
+  (await SHA1Hash(`${millis} ${papisid} ${origin}`)).toLowerCase();
+
+export const getAuthorizationHeader = async (papisid: string, millis = Date.now(), origin: string = 'https://music.youtube.com') => {
+  return `SAPISIDHASH ${millis}_${await getHash(papisid, millis, origin)}`;
+};
+
+export const getClient = () => {
+  return {
+    hl: navigator.language.split('-')[0] ?? 'en',
+    gl: navigator.language.split('-')[1] ?? 'US',
+    deviceMake: '',
+    deviceModel: '',
+    userAgent: navigator.userAgent,
+    clientName: 'WEB_REMIX',
+    clientVersion: '1.20231208.05.02',
+    osName: '',
+    osVersion: '',
+    platform: 'DESKTOP',
+    timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+    locationInfo: {
+      locationPermissionAuthorizationStatus: 'LOCATION_PERMISSION_AUTHORIZATION_STATUS_UNSUPPORTED',
+    },
+    musicAppInfo: {
+      pwaInstallabilityStatus: 'PWA_INSTALLABILITY_STATUS_UNKNOWN',
+      webDisplayMode: 'WEB_DISPLAY_MODE_BROWSER',
+      storeDigitalGoodsApiSupportStatus: {
+        playStoreDigitalGoodsApiSupportStatus: 'DIGITAL_GOODS_API_SUPPORT_STATUS_UNSUPPORTED',
+      },
+    },
+    utcOffsetMinutes: -1 * (new Date()).getTimezoneOffset(),
+  };
+};

src/plugins/music-together/queue/index.ts

@@ -0,0 +1 @@
+export * from './queue';

src/plugins/music-together/queue/queue.ts

@@ -0,0 +1,474 @@
+import { getMusicQueueRenderer } from './song';
+import { mapQueueItem } from './utils';
+
+import { ConnectionEventUnion } from '@/plugins/music-together/connection';
+import { t } from '@/i18n';
+
+import type { Profile, QueueAPI, VideoData } from '../types';
+import type { QueueItem } from '@/types/datahost-get-state';
+
+const getHeaderPayload = (() => {
+  let payload: {
+    items?: QueueItem[] | undefined;
+    title: {
+      runs: {
+        text: string;
+      }[];
+    };
+    subtitle: {
+      runs: {
+        text: string;
+      }[];
+    };
+    buttons: {
+      chipCloudChipRenderer: {
+        style: {
+          styleType: string;
+        };
+        text: {
+          runs: {
+            text: string;
+          }[];
+        };
+        navigationEndpoint: {
+          saveQueueToPlaylistCommand: unknown;
+        };
+        icon: {
+          iconType: string;
+        };
+        accessibilityData: {
+          accessibilityData: {
+            label: string;
+          };
+        };
+        isSelected: boolean;
+        uniqueId: string;
+      };
+    }[];
+  } | null = null;
+
+  return () => {
+    if (!payload) {
+      payload = {
+        title: {
+          runs: [
+            {
+              text: t('plugins.music-together.internal.track-source')
+            }
+          ]
+        },
+        subtitle: {
+          runs: [
+            {
+              text: t('plugins.music-together.name')
+            }
+          ]
+        },
+        buttons: [
+          {
+            chipCloudChipRenderer: {
+              style: {
+                styleType: 'STYLE_TRANSPARENT'
+              },
+              text: {
+                runs: [
+                  {
+                    text: t('plugins.music-together.internal.save')
+                  }
+                ]
+              },
+              navigationEndpoint: {
+                saveQueueToPlaylistCommand: {}
+              },
+              icon: {
+                iconType: 'ADD_TO_PLAYLIST'
+              },
+              accessibilityData: {
+                accessibilityData: {
+                  label: t('plugins.music-together.internal.save')
+                }
+              },
+              isSelected: false,
+              uniqueId: t('plugins.music-together.internal.save')
+            }
+          }
+        ]
+      };
+    }
+
+    return payload;
+  };
+})();
+
+export type QueueOptions = {
+  videoList?: VideoData[];
+  owner?: Profile;
+  queue?: HTMLElement & QueueAPI;
+  getProfile: (id: string) => Profile | undefined;
+}
+export type QueueEventListener = (event: ConnectionEventUnion) => void;
+
+export class Queue {
+  private queue: (HTMLElement & QueueAPI);
+  private originalDispatch?: (obj: {
+    type: string;
+    payload?: { items?: QueueItem[] | undefined; };
+  }) => void;
+  private internalDispatch = false;
+  private ignoreFlag = false;
+  private listeners: QueueEventListener[] = [];
+  private owner: Profile | null = null;
+  private getProfile: (id: string) => Profile | undefined;
+
+  constructor(options: QueueOptions) {
+    this.getProfile = options.getProfile;
+    this.queue = options.queue ?? document.querySelector<HTMLElement & QueueAPI>('#queue')!;
+    this.owner = options.owner ?? null;
+    this._videoList = options.videoList ?? [];
+  }
+
+  private _videoList: VideoData[] = [];
+
+  /* utils */
+  get videoList() {
+    return this._videoList;
+  }
+
+  get selectedIndex() {
+    return mapQueueItem((it) => it?.selected, this.queue.store.getState().queue.items).findIndex(Boolean) ?? 0;
+  }
+
+  get rawItems() {
+    return this.queue?.store.getState().queue.items;
+  }
+
+  get flatItems() {
+    return mapQueueItem((it) => it, this.rawItems);
+  }
+
+  setOwner(owner: Profile) {
+    this.owner = owner;
+  }
+
+  /* public */
+  async setVideoList(videoList: VideoData[], sync = true) {
+    this._videoList = videoList;
+
+    if (sync) await this.syncVideo();
+  }
+
+  async addVideos(videos: VideoData[], index?: number) {
+    const response = await getMusicQueueRenderer(videos.map((it) => it.videoId));
+    if (!response) return false;
+
+    const items = response.queueDatas.map((it) => it?.content).filter(Boolean);
+    if (!items) return false;
+
+    this.internalDispatch = true;
+    this._videoList.push(...videos);
+    this.queue?.dispatch({
+      type: 'ADD_ITEMS',
+      payload: {
+        nextQueueItemId: this.queue.store.getState().queue.nextQueueItemId,
+        index: index ?? this.queue.store.getState().queue.items.length ?? 0,
+        items,
+        shuffleEnabled: false,
+        shouldAssignIds: true
+      }
+    });
+    this.internalDispatch = false;
+    setTimeout(() => {
+      this.initQueue();
+      this.syncQueueOwner();
+    }, 0);
+
+    return true;
+  }
+
+  removeVideo(index: number) {
+    this.internalDispatch = true;
+    this._videoList.splice(index, 1);
+    this.queue?.dispatch({
+      type: 'REMOVE_ITEM',
+      payload: index
+    });
+    this.internalDispatch = false;
+    setTimeout(() => {
+      this.initQueue();
+      this.syncQueueOwner();
+    }, 0);
+  }
+
+  setIndex(index: number) {
+    this.internalDispatch = true;
+    this.queue?.dispatch({
+      type: 'SET_INDEX',
+      payload: index
+    });
+    this.internalDispatch = false;
+  }
+
+  moveItem(fromIndex: number, toIndex: number) {
+    this.internalDispatch = true;
+    const data = this._videoList.splice(fromIndex, 1)[0];
+    this._videoList.splice(toIndex, 0, data);
+    this.queue?.dispatch({
+      type: 'MOVE_ITEM',
+      payload: {
+        fromIndex,
+        toIndex
+      }
+    });
+    this.internalDispatch = false;
+    setTimeout(() => {
+      this.initQueue();
+      this.syncQueueOwner();
+    }, 0);
+  }
+
+  clear() {
+    this.internalDispatch = true;
+    this._videoList = [];
+    this.queue?.dispatch({
+      type: 'CLEAR'
+    });
+    this.internalDispatch = false;
+  }
+
+  on(listener: QueueEventListener) {
+    this.listeners.push(listener);
+  }
+
+  off(listener: QueueEventListener) {
+    this.listeners = this.listeners.filter((it) => it !== listener);
+  }
+
+  rollbackInjection() {
+    if (!this.queue) {
+      console.error('Queue is not initialized!');
+      return;
+    }
+
+    if (this.originalDispatch) this.queue.store.dispatch = this.originalDispatch;
+  }
+
+  injection() {
+    if (!this.queue) {
+      console.error('Queue is not initialized!');
+      return;
+    }
+
+    this.originalDispatch = this.queue.store.dispatch;
+    this.queue.store.dispatch = (event) => {
+      if (!this.queue || !this.owner) {
+        console.error('Queue is not initialized!');
+        return;
+      }
+
+      if (!this.internalDispatch) {
+        if (event.type === 'CLEAR') {
+          this.ignoreFlag = true;
+        }
+        if (event.type === 'ADD_ITEMS') {
+          if (this.ignoreFlag) {
+            this.ignoreFlag = false;
+            const videoList = mapQueueItem((it) => ({
+              videoId: it!.videoId,
+              ownerId: this.owner!.id
+            } satisfies VideoData), event.payload!.items!);
+            const index = this._videoList.length + videoList.length - 1;
+
+            if (videoList.length > 0) {
+              this.broadcast({ // play
+                type: 'ADD_SONGS',
+                payload: {
+                  videoList
+                },
+                after: [
+                  {
+                    type: 'SYNC_PROGRESS',
+                    payload: {
+                      index
+                    }
+                  }
+                ]
+              });
+            }
+          } else if ((event.payload as {
+            items: unknown[];
+          }).items.length === 1) {
+            this.broadcast({ // add playlist
+              type: 'ADD_SONGS',
+              payload: {
+                // index: (event.payload as any).index,
+                videoList: mapQueueItem((it) => ({
+                  videoId: it!.videoId,
+                  ownerId: this.owner!.id
+                } satisfies VideoData), event.payload!.items!)
+              }
+            });
+          }
+
+          return;
+        }
+
+        if (event.type === 'MOVE_ITEM') {
+          this.broadcast({
+            type: 'MOVE_SONG',
+            payload: {
+              fromIndex: (event.payload as {
+                fromIndex: number;
+              }).fromIndex,
+              toIndex: (event.payload as {
+                toIndex: number;
+              }).toIndex
+            }
+          });
+          return;
+        }
+        if (event.type === 'REMOVE_ITEM') {
+          this.broadcast({
+            type: 'REMOVE_SONG',
+            payload: {
+              index: event.payload as number
+            }
+          });
+          return;
+        }
+        if (event.type === 'SET_INDEX') {
+          this.broadcast({
+            type: 'SYNC_PROGRESS',
+            payload: {
+              index: event.payload as number
+            }
+          });
+          return;
+        }
+
+        if (event.type === 'SET_HEADER') event.payload = getHeaderPayload();
+        if (event.type === 'ADD_STEERING_CHIPS') {
+          event.type = 'CLEAR_STEERING_CHIPS';
+          event.payload = undefined;
+        }
+        if (event.type === 'SET_PLAYER_UI_STATE') {
+          if (event.payload as string === 'INACTIVE' && this.videoList.length > 0) {
+            return;
+          }
+        }
+        if (event.type === 'HAS_SHOWN_AUTOPLAY') return;
+        if (event.type === 'ADD_AUTOMIX_ITEMS') return;
+      }
+
+      const fakeContext = {
+        ...this.queue,
+        store: {
+          ...this.queue.store,
+          dispatch: this.originalDispatch
+        }
+      };
+      this.originalDispatch?.call(fakeContext, event);
+    };
+  }
+
+  /* sync */
+  initQueue() {
+    if (!this.queue) return;
+
+    this.internalDispatch = true;
+    this.queue.dispatch({
+      type: 'HAS_SHOWN_AUTOPLAY',
+      payload: false
+    });
+    this.queue.dispatch({
+      type: 'SET_HEADER',
+      payload: getHeaderPayload(),
+    });
+    this.queue.dispatch({
+      type: 'CLEAR_STEERING_CHIPS'
+    });
+    this.internalDispatch = false;
+  }
+
+  async syncVideo() {
+    const response = await getMusicQueueRenderer(this._videoList.map((it) => it.videoId));
+    if (!response) return false;
+
+    const items = response.queueDatas.map((it) => it.content);
+
+    this.internalDispatch = true;
+    this.queue?.dispatch({
+      type: 'UPDATE_ITEMS',
+      payload: {
+        items: items,
+        nextQueueItemId: this.queue.store.getState().queue.nextQueueItemId,
+        shouldAssignIds: true,
+        currentIndex: -1
+      }
+    });
+    this.internalDispatch = false;
+    setTimeout(() => {
+      this.initQueue();
+      this.syncQueueOwner();
+    }, 0);
+
+    return true;
+  }
+
+  syncQueueOwner() {
+    const allQueue = document.querySelectorAll('#queue');
+
+    allQueue.forEach((queue) => {
+      const list = Array.from(queue?.querySelectorAll<HTMLElement>('ytmusic-player-queue-item') ?? []);
+
+      list.forEach((item, index: number | undefined) => {
+        if (typeof index !== 'number') return;
+
+        const id = this._videoList[index]?.ownerId;
+        const data = this.getProfile(id);
+
+        const profile = item.querySelector<HTMLImageElement>('.music-together-owner') ?? document.createElement('img');
+        profile.classList.add('music-together-owner');
+        profile.dataset.id = id;
+        profile.dataset.index = index.toString();
+
+        const name = item.querySelector<HTMLElement>('.music-together-name') ?? document.createElement('div');
+        name.classList.add('music-together-name');
+        name.textContent = data?.name ?? t('plugins.music-together.internal.unknown-user');
+
+        if (data) {
+          profile.dataset.thumbnail = data.thumbnail ?? '';
+          profile.dataset.name = data.name ?? '';
+          profile.dataset.handleId = data.handleId ?? '';
+          profile.dataset.id = data.id ?? '';
+
+          profile.src = data.thumbnail ?? '';
+          profile.title = data.name ?? '';
+          profile.alt = data.handleId ?? '';
+        }
+
+        if (!profile.isConnected) item.append(profile);
+        if (!name.isConnected) item.append(name);
+      });
+    });
+  }
+
+  removeQueueOwner() {
+    const allQueue = document.querySelectorAll('#queue');
+
+    allQueue.forEach((queue) => {
+      const list = Array.from(queue?.querySelectorAll<HTMLElement>('ytmusic-player-queue-item') ?? []);
+
+      list.forEach((item) => {
+        const profile = item.querySelector<HTMLImageElement>('.music-together-owner');
+        const name = item.querySelector<HTMLElement>('.music-together-name');
+        profile?.remove();
+        name?.remove();
+      });
+    });
+  }
+
+  /* private */
+  private broadcast(event: ConnectionEventUnion) {
+    this.listeners.forEach((listener) => listener(event));
+  }
+}

src/plugins/music-together/queue/sha1hash.ts

@@ -0,0 +1,7 @@
+export const SHA1Hash = async (str: string) => {
+  const enc = new TextEncoder();
+  const hash = await crypto.subtle.digest('SHA-1', enc.encode(str));
+  return Array.from(new Uint8Array(hash))
+    .map((v) => v.toString(16).padStart(2, '0'))
+    .join('');
+};

src/plugins/music-together/queue/song.ts

@@ -0,0 +1,48 @@
+import { extractToken, getAuthorizationHeader, getClient } from './client';
+
+type QueueRendererResponse = {
+  queueDatas: {
+    content: unknown;
+  }[];
+  responseContext: unknown;
+  trackingParams: string;
+};
+
+export const getMusicQueueRenderer = async (videoIds: string[]): Promise<QueueRendererResponse | null> => {
+  const token = extractToken();
+  if (!token) return null;
+
+  const response = await fetch(
+    'https://music.youtube.com/youtubei/v1/music/get_queue?key=AIzaSyC9XL3ZjWddXya6X74dJoCTL-WEYFDNX30&prettyPrint=false',
+    {
+      method: 'POST',
+      credentials: 'include',
+      body: JSON.stringify({
+        context: {
+          client: getClient(),
+          request: {
+            useSsl: true,
+            internalExperimentFlags: [],
+            consistencyTokenJars: [],
+          },
+          user: {
+            lockedSafetyMode: false,
+          },
+        },
+        videoIds,
+      }),
+      headers: {
+        'Content-Type': 'application/json',
+        'Origin': 'https://music.youtube.com',
+        'Authorization': await getAuthorizationHeader(token),
+      }
+    }
+  );
+
+  const text = await response.text();
+  try {
+    return JSON.parse(text) as QueueRendererResponse;
+  } catch {}
+
+  return null;
+};

src/plugins/music-together/queue/utils.ts

@@ -0,0 +1,21 @@
+import {
+  ItemPlaylistPanelVideoRenderer,
+  PlaylistPanelVideoWrapperRenderer,
+  QueueItem
+} from '@/types/datahost-get-state';
+
+export const mapQueueItem = <T>(map: (item?: ItemPlaylistPanelVideoRenderer) => T, array: QueueItem[]): T[] => array
+  .map((item) => {
+    if ('playlistPanelVideoWrapperRenderer' in item) {
+      const keys = Object.keys(item.playlistPanelVideoWrapperRenderer!.primaryRenderer) as (keyof PlaylistPanelVideoWrapperRenderer['primaryRenderer'])[];
+      return item.playlistPanelVideoWrapperRenderer!.primaryRenderer[keys[0]];
+    }
+    if ('playlistPanelVideoRenderer' in item) {
+      return item.playlistPanelVideoRenderer;
+    }
+
+    console.error('Music Together: Unknown item', item);
+    return undefined;
+  })
+  .map(map);
+

src/plugins/music-together/style.css

@@ -0,0 +1,160 @@
+.music-together-button {
+  display: inline-flex;
+
+  cursor: pointer;
+  margin-left: 8px;
+
+  & svg {
+    width: 24px;
+    height: 24px;
+    fill: rgba(255, 255, 255, .5);
+  }
+
+  &:hover svg:hover {
+    fill: #fff;
+  }
+}
+#right-content > .music-together-divider {
+  width: 1px;
+  height: 26px;
+  margin-left: 16px;
+  margin-right: 8px;
+}
+
+.music-together-divider {
+  background-color: rgba(255, 255, 255, .15);
+}
+.music-together-divider.horizontal {
+  width: 100%;
+  height: 1px;
+}
+.music-together-divider.vertical {
+  width: 1px;
+  height: 100%;
+}
+
+.music-together-tool {
+  position: absolute;
+
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  opacity: 0;
+  translate: 50%;
+  pointer-events: none;
+
+  transition: all 0.225s ease-out;
+
+  &.open {
+    position: unset;
+    opacity: 1;
+    translate: 0;
+    pointer-events: all;
+  }
+}
+
+.music-together-spinner {
+
+}
+
+.music-together-popup {
+  position: fixed;
+
+  z-index: 1000;
+}
+.music-together-popup-container {
+  border-radius: 10px !important;
+}
+
+.music-together-item {
+  display: flex;
+  height: 48px;
+  align-items: center;
+  padding: 0 8px;
+  --iron-icon-fill-color: #fff;
+
+  &:not([is-disabled]) {
+    cursor: pointer;
+  }
+  &:hover {
+    background-color: var(--ytmusic-menu-item-hover-background-color, rgba(255,255,255,0.05));
+  }
+}
+
+.music-together-status {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+
+  padding: 16px;
+}
+.music-together-profile {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  overflow: hidden;
+  flex-shrink: 0;
+}
+.music-together-profile.big {
+  width: 32px;
+  height: 32px;
+}
+
+.music-together-status-container {
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: 16px;
+}
+.music-together-status-item {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 4px;
+
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  font-size: 14px;
+  font-weight: 400;
+}
+.music-together-user-container {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+
+  gap: 8px;
+  padding-top: 16px;
+  font-size: 14px;
+}
+.music-together-empty {
+  width: 100%;
+
+  font-size: 14px;
+  color: rgba(255, 255, 255, .5);
+  text-align: center;
+}
+
+.music-together-owner {
+  width: 24px;
+  height: 24px;
+  flex-shrink: 0;
+  border-radius: 50%;
+
+  margin-left: 8px;
+}
+
+.music-together-name {
+  display: none;
+
+  color: #fff;
+  font-size: 14px;
+  margin-left: 8px;
+}
+
+ytmusic-player-queue-item:hover .music-together-name {
+  display: unset;
+}