dsh-vidi 0.4.1 → 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": "录制中",
@@ -36897,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; }

package/package.json

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