feat(plugins): add JavaScript plugin system with overlay panel (#303)

src/core/services/mpv.ts

@@ -1,3 +1,4 @@
+import type { PluginMpvEventMap } from '../../plugin-api';
 import { EventEmitter } from 'events';
 import { Config, MpvClient, MpvSubtitleRenderMetrics } from '../../types';
 import {
@@ -120,24 +121,8 @@ export interface MpvIpcClientProtocolDeps {
 
 export interface MpvIpcClientDeps extends MpvIpcClientProtocolDeps {}
 
-export interface MpvIpcClientEventMap {
-  'connection-change': { connected: boolean };
-  'subtitle-change': { text: string; isOverlayVisible: boolean };
-  'subtitle-timing': { text: string; start: number; end: number };
-  'time-pos-change': { time: number };
-  'duration-change': { duration: number };
-  'pause-change': { paused: boolean };
-  'fullscreen-change': { fullscreen: boolean };
-  'secondary-subtitle-change': { text: string };
-  'subtitle-track-change': { sid: number | null };
-  'secondary-subtitle-track-change': { sid: number | null };
-  'secondary-subtitle-delay-change': { delay: number };
-  'subtitle-track-list-change': { trackList: unknown[] | null };
-  'media-path-change': { path: string };
-  'media-title-change': { title: string | null };
+export interface MpvIpcClientEventMap extends PluginMpvEventMap {
   'subtitle-metrics-change': { patch: Partial<MpvSubtitleRenderMetrics> };
-  'secondary-subtitle-visibility': { visible: boolean };
-  'client-message': { args: string[] };
 }
 
 type MpvIpcClientEventName = keyof MpvIpcClientEventMap;
@@ -525,6 +510,10 @@ export class MpvIpcClient implements MpvClient {
       emitClientMessage: (payload) => {
         this.emit('client-message', payload);
       },
+      emitEndFile: (payload) => {
+        this.emit('end-file', payload);
+      },
+      emitFileLoaded: () => this.emit('file-loaded', undefined),
     };
   }
 
@@ -604,6 +593,14 @@ export class MpvIpcClient implements MpvClient {
     return response.data;
   }
 
+  async requestCommand(command: (string | number | boolean)[]): Promise<unknown> {
+    const response = await this.request(command);
+    if (response.error && response.error !== 'success') {
+      throw new Error(`MPV command failed: ${response.error}`);
+    }
+    return response.data;
+  }
+
   private failPendingRequests(): void {
     for (const [requestId, resolve] of this.pendingRequests.entries()) {
       resolve({ request_id: requestId, error: 'disconnected' });