dsh-vidi 0.2.2 → 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, {}),
@@ -36761,6 +36829,14 @@ const CSS = `
 .dshl-toast { position: fixed; left: 50%; bottom: 28px; z-index: 2147483001; max-width: min(560px, calc(100vw - 32px)); padding: 10px 16px; border-radius: 10px;
   background: rgba(28,28,31,.95); color: #f2f2f3; font: 13.5px/1.5 system-ui, -apple-system, sans-serif; box-shadow: 0 10px 30px rgba(0,0,0,.3); transform: translateX(-50%); pointer-events: none; }
 .dshl-pagewrap { position: absolute; inset: 0; z-index: 1; pointer-events: auto; background: var(--dsw-alias-bg-base, #fff); }
+/* Desktop app: the page covers the whole window. Windows: start under the title bar. macOS: the
+   traffic lights sit over the top-left, so the top bar leaves them room, lines its controls up
+   with them, and its empty space moves the window like the app's own top strip. Full screen and
+   the web page need none of this. */
+.dshl-pagewrap { top: var(--dsh-frame-chrome-top, 0px); }
+html[data-platform='darwin']:not([data-fullscreen]) .dshl.page .dshl-top { padding: 4px 16px 8px 84px; -webkit-app-region: drag; app-region: drag; }
+html[data-platform='darwin']:not([data-fullscreen]) .dshl.page .dshl-top :is(button, input, label, a, select, .dshl-pick) { -webkit-app-region: no-drag; app-region: no-drag; }
+@media (max-width: 600px) { html[data-platform='darwin']:not([data-fullscreen]) .dshl.page .dshl-top { padding-left: 80px; } }
 .dshl.page { display: flex; flex-direction: column; height: 100%; overflow: hidden; }
 .dshl.page .dshl-main { flex: 1; min-height: 0; grid-template-columns: minmax(0, 1fr) clamp(320px, 30vw, 420px); align-items: stretch; padding-bottom: 16px; }
 /* Video page: player on top, then the status row, then subtitles/glossary filling what is left; chat on the right. */
@@ -37424,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.2",
+  "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",