feat(plugins): add Slowed playback plugin

package.json

@@ -1,9 +1,9 @@
 {
-  "name": "\u0079\u006f\u0075\u0074\u0075\u0062\u0065\u002d\u006d\u0075\u0073\u0069\u0063",
-  "desktopName": "com.github.th_ch.\u0079\u006f\u0075\u0074\u0075\u0062\u0065\u005f\u006d\u0075\u0073\u0069\u0063",
-  "productName": "\u0059\u006f\u0075\u0054\u0075\u0062\u0065\u0020\u004d\u0075\u0073\u0069\u0063",
+  "name": "youtube-music",
+  "desktopName": "com.github.th_ch.youtube_music",
+  "productName": "YouTube Music",
   "version": "3.11.0",
-  "description": "\u0059\u006f\u0075\u0054\u0075\u0062\u0065\u0020\u004d\u0075\u0073\u0069\u0063 Desktop App - including custom plugins",
+  "description": "YouTube Music Desktop App - including custom plugins",
   "main": "./dist/main/index.js",
   "type": "module",
   "license": "MIT",
@@ -176,6 +176,7 @@
     "@types/html-to-text": "9.0.4",
     "@types/semver": "7.7.1",
     "@types/trusted-types": "2.0.7",
+    "ajv-formats": "^3.0.1",
     "bufferutil": "4.1.0",
     "builtin-modules": "5.0.0",
     "cross-env": "10.1.0",

src/plugins/slowed/index.tsx

@@ -0,0 +1,131 @@
+import { createSignal, createEffect, onCleanup } from 'solid-js';
+import { render } from 'solid-js/web';
+
+import style from './style.css?inline';
+import { createPlugin } from '@/utils';
+
+export interface SlowedConfig {
+  enabled: boolean;
+  speed: number;
+  keepPitch: boolean;
+}
+
+const DEFAULT_CONFIG: SlowedConfig = {
+  enabled: false,
+  speed: 1.0,
+  keepPitch: false,
+};
+
+export default createPlugin({
+  name: () => 'Slowed',
+  restartNeeded: false,
+  config: DEFAULT_CONFIG,
+  stylesheets: [style],
+
+  renderer: {
+    // Definimos variáveis fora do start para podermos limpar no stop
+    cleanup: null as (() => void) | null,
+
+    start({ config, setConfig }) {
+      const safeConfig = config || DEFAULT_CONFIG;
+      const [speed, setSpeed] = createSignal(safeConfig.speed ?? 1.0);
+      const [keepPitch, setKeepPitch] = createSignal(safeConfig.keepPitch ?? false);
+      const [collapsed, setCollapsed] = createSignal(false);
+
+      const getVideo = () => document.querySelector<HTMLVideoElement>('video');
+
+      // 1. Remove qualquer resquício de execução anterior (Segurança máxima)
+      document.getElementById('sr-panel')?.remove();
+
+      // 2. Cria o Painel
+      const panel = document.createElement('div');
+      panel.id = 'sr-panel';
+      document.body.appendChild(panel);
+
+      const dispose = render(() => (
+        <div class="sr-container">
+          <div class="sr-header" onClick={() => setCollapsed(!collapsed())} style="cursor: pointer;">
+            <span class="sr-logo">◈</span>
+            <span class="sr-title"> SLOWED</span>
+          </div>
+
+          {!collapsed() && (
+            <div class="sr-body">
+              <div class="sr-presets">
+                <button class="sr-btn" onClick={() => { setSpeed(0.75); setKeepPitch(false); }}>Slowed</button>
+                <button class="sr-btn" onClick={() => { setSpeed(1.25); setKeepPitch(true); }}>Nightcore</button>
+                <button class="sr-btn sr-btn--danger" onClick={() => { setSpeed(1.0); setKeepPitch(false); }}>Reset</button>
+              </div>
+              <div class="sr-row">
+                <div class="sr-label-row">
+                  <span class="sr-label">Speed</span>
+                  <span class="sr-val">{speed().toFixed(2)}x</span>
+                </div>
+                <input 
+                  class="sr-slider" 
+                  type="range" min="0.5" max="1.5" step="0.01" 
+                  value={speed()} 
+                  onInput={(e) => setSpeed(parseFloat(e.currentTarget.value))}
+                  style={{ '--fill': `${((speed() - 0.5) / (1.5 - 0.5)) * 100}%` }}
+                />
+              </div>
+              <div class="sr-row sr-pitch-row">
+                <span class="sr-label">Keep pitch</span>
+                <label class="sr-switch">
+                  <input type="checkbox" checked={keepPitch()} onChange={(e) => setKeepPitch(e.currentTarget.checked)} />
+                  <span class="sr-thumb"></span>
+                </label>
+              </div>
+              <div class="sr-footer">Made by Kryz &lt;3</div>
+            </div>
+          )}
+        </div>
+      ), panel);
+
+      const interval = setInterval(() => {
+        const video = getVideo();
+        if (video && Math.abs(video.playbackRate - speed()) > 0.01) {
+          video.playbackRate = speed();
+          video.preservesPitch = keepPitch();
+        }
+      }, 500);
+
+      // Criamos a função de limpeza que será chamada tanto pelo onCleanup quanto pelo stop
+      const doCleanup = () => {
+        clearInterval(interval);
+        dispose();
+        panel.remove();
+        const video = getVideo();
+        if (video) {
+          video.playbackRate = 1.0;
+          video.preservesPitch = true;
+        }
+      };
+
+      this.cleanup = doCleanup;
+      onCleanup(doCleanup);
+
+      // Efeitos de áudio e config
+      createEffect(() => {
+        const video = getVideo();
+        if (video) {
+          video.playbackRate = speed();
+          video.preservesPitch = keepPitch();
+        }
+      });
+
+      createEffect(() => {
+        setConfig({ speed: speed(), keepPitch: keepPitch() });
+      });
+    },
+
+    // O segredo está aqui: o método stop() é o que o YTMusic chama 
+    // quando você desmarca o plugin no menu.
+    stop() {
+      if (this.cleanup) {
+        this.cleanup();
+        this.cleanup = null;
+      }
+    }
+  },
+});

src/plugins/slowed/readme.md

@@ -0,0 +1,12 @@
+# Slowed & Nightcore Plugin
+
+Adds an interactive floating panel to easily apply "Slowed" or "Nightcore" effects to tracks.
+
+## Features
+* **Playback Speed Control:** Precision slider from 0.5x to 1.5x.
+* **Pitch Preservation:** Toggle to keep the original pitch or let it deepen/raise with the speed (true slowed/nightcore effect).
+* **Presets:** Quick buttons for standard Slowed, Nightcore, and Reset.
+* **Persistent Settings:** Preserves your chosen speed and pitch settings across track changes seamlessly.
+
+## Compatibility Note
+This plugin operates strictly via the HTML5 `<video>` element properties (`playbackRate` and `preservesPitch`). It explicitly avoids the Web Audio API to guarantee 100% compatibility with other audio-hijacking plugins (like native Equalizers or Crossfade).