dsh-vidi 0.2.3 → 0.3.0

package/lib/client.js

@@ -33858,6 +33858,43 @@ const Player = (0, react.forwardRef)(function Player(props, ref) {
 	});
 });
 
+// src/client/extensions.ts
+function registry() {
+	let items = [];
+	const listeners = /* @__PURE__ */ new Set();
+	const emit = () => {
+		for (const l of listeners) l();
+	};
+	return {
+		get: () => items,
+		subscribe(l) {
+			listeners.add(l);
+			return () => {
+				listeners.delete(l);
+			};
+		},
+		/** Add one; returns the function that removes it. */
+		add(item) {
+			items = [...items.filter((x) => x.id !== item.id), item].sort((a, b) => (a.order ?? 50) - (b.order ?? 50));
+			emit();
+			return () => {
+				items = items.filter((x) => x !== item);
+				emit();
+			};
+		}
+	};
+}
+/**
+* Extension points of the video page, for companion plugins (inject
+* 'vidiUi'): extra tabs under the player and extra player menus. The page
+* itself stays in this package; companions only add.
+*/
+const vidiUi = {
+	version: 1,
+	panels: registry(),
+	playerMenus: registry()
+};
+
 // src/client/RestreamPanel.tsx
 /** Platforms, in the order people in China most often push to; YouTube and Twitch have one fixed ingest address. */
 const PLATFORMS = [
@@ -35073,24 +35110,45 @@ function LiveView(props) {
 	})] });
 	/** On the video page the tools share the tab row, leaving the height to the lines. */
 	const inline = pageMode && tab === "transcript" && !!job;
+	const extPanels = (0, react.useSyncExternalStore)(vidiUi.panels.subscribe, vidiUi.panels.get);
+	const extMenus = (0, react.useSyncExternalStore)(vidiUi.playerMenus.subscribe, vidiUi.playerMenus.get);
+	const view = job ? {
+		job,
+		cues,
+		sessionId,
+		now,
+		seek: (s) => player.current?.seek(s),
+		style: subStyle,
+		lines: shownLines,
+		ui
+	} : void 0;
 	/** Subtitle lines and glossary: under the player on the video page, beside it in a conversation. */
 	const transcriptBox = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "dshl-sidetabs",
 			role: "tablist",
-			children: [["transcript", "glossary"].map((k) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				role: "tab",
-				className: tab === k ? "on" : "",
-				onClick: () => setTab(k),
-				children: t(`tab.${k}`)
-			}, k)), inline && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "dshl-tools inline",
-				children: [
-					trMode === "lines" && trSearch,
-					trSeg,
-					trAction
-				]
-			})]
+			children: [
+				["transcript", "glossary"].map((k) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					role: "tab",
+					className: tab === k ? "on" : "",
+					onClick: () => setTab(k),
+					children: t(`tab.${k}`)
+				}, k)),
+				job && extPanels.map((p) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					role: "tab",
+					className: tab === p.id ? "on" : "",
+					onClick: () => setTab(p.id),
+					children: p.label(ui)
+				}, p.id)),
+				inline && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dshl-tools inline",
+					children: [
+						trMode === "lines" && trSearch,
+						trSeg,
+						trAction
+					]
+				})
+			]
 		}),
 		!job && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "dshl-panel dshl-muted",
@@ -35172,6 +35230,10 @@ function LiveView(props) {
 				})
 			]
 		}),
+		job && view && extPanels.filter((p) => p.id === tab).map((p) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "dshl-panel dshl-ext",
+			children: p.render(view)
+		}, p.id)),
 		tab === "glossary" && job && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GlossaryPanel, {
 			jobId: job.id,
 			terms,
@@ -35408,6 +35470,12 @@ function LiveView(props) {
 										t
 									})
 								},
+								...extMenus.map((m) => ({
+									id: `ext:${m.id}`,
+									icon: m.icon,
+									title: m.title(ui),
+									content: view ? m.render(view, () => {}) : null
+								})),
 								{
 									id: "download",
 									icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.download, {}),
@@ -37432,6 +37500,7 @@ function apply(ctx) {
 		zh,
 		en
 	}), "dsh-vidi: dictionaries");
+	ctx.effect(() => ctx.provide("vidiUi", vidiUi), "dsh-vidi: page extensions");
 	const t = ctx.locale.bind(NS);
 	const extra = {};
 	ctx.inject(["uiWorkspace"], (c) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-vidi",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "description": "A video tool for DeepSeek Harness: watch live streams, videos and podcasts with real-time subtitles in any language, then clip and download",
   "type": "module",
   "license": "PolyForm-Noncommercial-1.0.0",