refactor(webview): webview plugin api to get textTracks

apps/app/package.json

@@ -42,7 +42,7 @@
     "@radix-ui/react-dropdown-menu": "^2.0.5",
     "@radix-ui/react-slider": "^1.1.2",
     "@radix-ui/react-tooltip": "^1.0.6",
-    "@vidstack/react": "npm:@aidenlx/vidstack-react@1.10.3-mod.4",
+    "@vidstack/react": "npm:@aidenlx/vidstack-react@1.10.9-mod.1",
     "ahooks": "^3.7.8",
     "arktype": "1.0.29-alpha",
     "assert-never": "^1.2.1",

apps/app/src/lib/remote-player/hook/handler-register.ts

@@ -25,6 +25,8 @@ export function registerHandlers(this: MediaPlugin) {
       value: serializeMediaStatePropValue(player[prop]),
     }));
   });
+  port.handle("getTracks", async () => ({ value: await this.getTracks() }));
+  port.handle("getTrack", async (id) => ({ value: await this.getTrack(id) }));
   port.handle("pictureInPictureEnabled", () => {
     return { value: document.pictureInPictureElement === player };
   });

apps/app/src/lib/remote-player/lib/plugin.ts

@@ -1,3 +1,4 @@
+import type { TextTrackInit, VTTContent } from "@vidstack/react";
 import { LifeCycle } from "@/lib/lifecycle";
 import { TimeoutError } from "@/lib/message";
 import { registerEvents } from "../hook/event-register";
@@ -21,6 +22,13 @@ export default class MediaPlugin extends LifeCycle {
     this.register(() => controller.unload());
   }
 
+  async getTracks(): Promise<(TextTrackInit & { id: string })[]> {
+    return [];
+  }
+  async getTrack(_id: string): Promise<VTTContent | null> {
+    return null;
+  }
+
   getStyle(): string | null {
     return css;
   }

apps/app/src/lib/remote-player/type.ts

@@ -1,5 +1,9 @@
 /* eslint-disable @typescript-eslint/naming-convention */
-import type { MediaErrorCode } from "@vidstack/react";
+import type {
+  MediaErrorCode,
+  TextTrackInit,
+  VTTContent,
+} from "@vidstack/react";
 import type { BilibiliPlayerManifest } from "@/web/bili-api/base";
 import type { MessageController, Nil } from "../message";
 // import { enumerate } from "../must-include";
@@ -199,6 +203,8 @@ export type MsgCtrlRemote = MessageController<
     bili_getManifest(): {
       value: BilibiliPlayerManifest;
     };
+    getTracks(): { value: (TextTrackInit & { id: string })[] };
+    getTrack(id: string): { value: VTTContent | null };
   },
   Nil,
   {
@@ -237,6 +243,8 @@ export type MsgCtrlLocal = MessageController<
     requestPictureInPicture(): void;
     exitPictureInPicture(): void;
     bili_getManifest(): Promise<BilibiliPlayerManifest>;
+    getTracks(): Promise<(TextTrackInit & { id: string })[]>;
+    getTrack(id: string): Promise<VTTContent | null>;
   },
   Record<CustomEvent, void> & MediaEventPayloadMap & CustomEventWithPayload,
   {