dsh-vidi 0.4.0 → 0.4.2

package/lib/client.js

@@ -656,6 +656,42 @@ function ChatPanel(props) {
 	});
 }
 
+// src/client/Guard.tsx
+/**
+* Keeps a companion plugin's part of the page (a tab, a player menu, a
+* workbench) from taking the whole video page down: if it fails, only its
+* own area says so, with a way out, and the video keeps playing.
+*/
+var Guard = class extends react.Component {
+	state = {};
+	static getDerivedStateFromError(error) {
+		return { error };
+	}
+	componentDidCatch(error) {
+		console.error(`[dsh-vidi] ${this.props.name} failed`, error);
+	}
+	render() {
+		if (!this.state.error) return this.props.children;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "dshl-guard",
+			role: "alert",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: this.props.message }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: this.state.error.message }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					className: "dshl-btn small",
+					onClick: () => this.setState({ error: void 0 }),
+					children: "↻"
+				}), this.props.onClose && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					className: "dshl-btn small",
+					onClick: this.props.onClose,
+					children: this.props.closeLabel
+				})] })
+			]
+		});
+	}
+};
+
 // src/client/langs.ts
 /** Language names for the UI, by interface language. */
 const NAMES = {
@@ -35250,7 +35286,11 @@ 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)
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Guard, {
+				name: `tab ${p.id}`,
+				message: t("ext.failed"),
+				children: p.render(view)
+			})
 		}, p.id)),
 		tab === "glossary" && job && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GlossaryPanel, {
 			jobId: job.id,
@@ -35479,7 +35519,11 @@ function LiveView(props) {
 									id: `ext:${m.id}`,
 									icon: m.icon,
 									title: m.title(ui),
-									content: view ? m.render(view, () => player.current?.closeMenu()) : null
+									content: view ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Guard, {
+										name: `menu ${m.id}`,
+										message: t("ext.failed"),
+										children: m.render(view, () => player.current?.closeMenu())
+									}) : null
 								})),
 								{
 									id: "download",
@@ -35535,7 +35579,13 @@ function LiveView(props) {
 					className: "dshl-side",
 					children: activeBench && view ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "dshl-benchbox",
-						children: activeBench.render(view)
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Guard, {
+							name: `workbench ${activeBench.id}`,
+							message: t("ext.failed"),
+							onClose: () => setBench(null),
+							closeLabel: t("ext.close"),
+							children: activeBench.render(view)
+						}, activeBench.id)
 					}) : pageMode ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChatPanel, {
 						face: chatFace,
 						source: chatSource,
@@ -36292,6 +36342,8 @@ const en = {
 	"player.polished": "This line is polished",
 	"page.open": "Vidi video",
 	"page.failed": "The video page could not open: {e}",
+	"ext.failed": "This part (from another plugin) ran into an error. The video keeps playing; restarting DSH usually fixes it after an update.",
+	"ext.close": "Back to chat",
 	"side.subs": "Subtitles {p}%",
 	"side.subsLive": "Subtitling",
 	"side.recording": "Recording",
@@ -36614,6 +36666,8 @@ const zh = {
 	"player.polished": "这句字幕已精修",
 	"page.open": "Vidi 视频",
 	"page.failed": "视频页打不开：{e}",
+	"ext.failed": "这一块（来自其他插件）出错了。视频照常播放；刚更新过插件的话，重启一下 DSH 一般就好。",
+	"ext.close": "回到对话",
 	"side.subs": "字幕 {p}%",
 	"side.subsLive": "生成字幕中",
 	"side.recording": "录制中",
@@ -36879,9 +36933,13 @@ html[data-platform='darwin']:not([data-fullscreen]) .dshl-pagewrap .dshl.page .d
    publishes how much room they take: the top bar starts after them. */
 .dshl-panelwrap { height: 100%; min-height: 0; background: var(--dsw-alias-bg-base, #fff); }
 .dshl-panelwrap .dshl.page .dshl-top { padding-left: max(20px, var(--dsh-frame-leading-clearance, 0px)); }
-/* Narrow windows (sidebar as a drawer): the app gives its opener a row of its own above the page. */
-[data-sidebar-drawer] .dshl-panelwrap .dshl.page .dshl-top { padding-left: 12px; }
-html[data-platform='darwin']:not([data-fullscreen]) .dshl-panelwrap .dshl.page .dshl-top { padding-top: 4px; padding-bottom: 8px; }
+/* Web page in a narrow window (sidebar as a drawer): the app gives its opener a row of its own above
+   the page, so the bar starts at the edge. The desktop app keeps the opener on the bar's row instead
+   (beside the traffic lights on macOS), and the clearance above leaves room for it. */
+html:not([data-platform]) [data-sidebar-drawer] .dshl-panelwrap .dshl.page .dshl-top { padding-left: 12px; }
+/* macOS: the app's window controls (traffic lights, sidebar toggle, new chat) are centred at y 25 in
+   every state, full screen included; the bar's 40px row is centred on the same line. */
+html[data-platform='darwin'] .dshl-panelwrap .dshl.page .dshl-top { padding-top: 5px; padding-bottom: 8px; }
 html[data-platform='darwin'] .dshl.page .dshl-top { -webkit-app-region: drag; app-region: drag; }
 html[data-platform='darwin'] .dshl.page .dshl-top :is(button, input, label, a, select, .dshl-pick) { -webkit-app-region: no-drag; app-region: no-drag; }
 .dshl.page { display: flex; flex-direction: column; height: 100%; overflow: hidden; }
@@ -36893,6 +36951,10 @@ html[data-platform='darwin'] .dshl.page .dshl-top :is(button, input, label, a, s
 .dshl.page .dshl-side { position: static; height: 100%; max-height: none; }
 /* Workbench open: the video and its subtitles keep a column on the left; the bench takes the rest. */
 .dshl.page.bench .dshl-main { grid-template-columns: clamp(340px, 32vw, 520px) minmax(0, 1fr); }
+.dshl-guard { display: grid; gap: 8px; margin: 12px; padding: 12px 14px; border: 1px solid color-mix(in srgb, #d1434b 35%, var(--line)); border-radius: 10px; color: var(--ink); font-size: 13px; }
+.dshl-guard p { margin: 0; line-height: 1.6; }
+.dshl-guard code { color: var(--muted); font-size: 12px; white-space: pre-wrap; word-break: break-word; }
+.dshl-guard div { display: flex; gap: 8px; }
 .dshl-benchbox { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; }
 .dshl-under { display: flex; flex-direction: column; flex: 1; min-height: 210px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: var(--l1); }
 .dshl-under .dshl-sidetabs { align-items: center; padding: 0 12px 0 10px; }
@@ -37332,6 +37394,7 @@ let done = false;
 function ensureStyles() {
 	if (done || typeof document === "undefined") return;
 	done = true;
+	for (const old of document.querySelectorAll("style[data-dsh-live]")) old.remove();
 	const el = document.createElement("style");
 	el.dataset.dshLive = "";
 	el.textContent = CSS;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-vidi",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "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",