dsh-vidi 0.9.3 → 0.9.5

package/lib/client.js

@@ -35416,6 +35416,31 @@ function History({ t, ui, onOpen }) {
 	(0, react.useEffect)(() => {
 		load(0, 5);
 	}, []);
+	const busy = items.some((v) => v.work);
+	const shown = (0, react.useRef)(5);
+	shown.current = Math.max(5, items.length);
+	(0, react.useEffect)(() => {
+		if (!busy) return;
+		const timer = window.setInterval(() => void load(0, shown.current), 3e3);
+		return () => window.clearInterval(timer);
+	}, [busy]);
+	const [halting, setHalting] = (0, react.useState)(null);
+	const halt = async (v) => {
+		setHalting(v.id);
+		await fetch("/live/api/halt", {
+			method: "POST",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify({ jobId: v.id })
+		}).catch(() => {});
+		await load(0, shown.current);
+		setHalting(null);
+	};
+	const doing = (w) => [
+		w.recording ? t("hist.recording") : "",
+		w.loading ? t("hist.loading") : "",
+		w.subs !== void 0 ? w.subs >= 0 ? t("hist.subsPct").replace("{p}", String(w.subs)) : t("hist.subs") : "",
+		w.pushing ? t("hist.pushing") : ""
+	].filter(Boolean);
 	if (!items.length) return null;
 	const from = (v) => v.source === "file" ? t("src.file") : v.source === "device" ? t("src.camera") : v.source === "push" ? t("src.push") : siteName(v.url ?? "") || (() => {
 		try {
@@ -35441,7 +35466,7 @@ function History({ t, ui, onOpen }) {
 					onKeyDown: (e) => {
 						if (e.key === "Enter") onOpen(v);
 					},
-					title: v.live && v.source === "url" && !v.running ? t("hist.goLive") : void 0,
+					title: v.live && v.source === "url" && !v.running && !v.work ? t("hist.goLive") : void 0,
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 							className: "th",
@@ -35470,11 +35495,23 @@ function History({ t, ui, onOpen }) {
 								].filter(Boolean).join(" · ")
 							})]
 						}),
-						v.running && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						v.work ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "chip",
+							children: doing(v.work).join(" · ")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							className: "dshl-link stop",
+							disabled: halting === v.id,
+							"data-tip": t("hist.stop.tip").replace("{w}", doing(v.work).join("、")),
+							onClick: (e) => {
+								e.stopPropagation();
+								halt(v);
+							},
+							children: t(halting === v.id ? "hist.stopping" : "hist.stop")
+						})] }) : v.running ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "chip",
 							children: t("hist.running")
-						}),
-						v.live && v.source === "url" && !v.running && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						}) : null,
+						v.live && v.source === "url" && !v.running && !v.work && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							className: "dshl-link replay",
 							onClick: (e) => {
 								e.stopPropagation();
@@ -36256,7 +36293,7 @@ function LiveView(props) {
 	};
 	const openPast = async (v, replay = false) => {
 		setError("");
-		if (!replay && v.live && v.source === "url" && v.url && !v.running) {
+		if (!replay && v.live && v.source === "url" && v.url && !v.running && !v.work) {
 			if (v.conversationId !== sessionId && props.onOpenVideo && await props.onOpenVideo(v.conversationId, v.id, v.url)) return;
 			start(v.url, "url");
 			return;
@@ -36518,21 +36555,23 @@ function LiveView(props) {
 							c.final && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 								className: "tools",
 								onClick: (e) => e.stopPropagation(),
-								children: [idx < shown.length - 1 && shown[idx + 1]?.final && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								children: [idx < shown.length - 1 && shown[idx + 1]?.final && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 									className: "ghost",
-									title: t("lines.merge"),
+									"data-tip": t("lines.merge"),
+									"aria-label": t("lines.merge"),
 									onClick: () => void mergeLine(c.id),
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.merge, {})
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.merge, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("lines.mergeShort") })]
 								}), (() => {
 									const k = shownLines.find((x) => (lineText(c, x) ?? "").length > 1) ?? "src";
-									return Array.from(lineText(c, k) ?? c.src).length > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									return Array.from(lineText(c, k) ?? c.src).length > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 										className: "ghost",
-										title: t("lines.split"),
+										"data-tip": t("lines.split"),
+										"aria-label": t("lines.split"),
 										onClick: () => setSplitting({
 											id: c.id,
 											key: lineKey(k)
 										}),
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.scissors, {})
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.scissors, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("lines.splitShort") })]
 									});
 								})()]
 							})
@@ -37060,6 +37099,10 @@ function SubsButton(props) {
 		style: { ["--p"]: `${pct ?? 0}%` },
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", { className: "dot" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "pz",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.pause, {})
+			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "now",
 				children: pct !== void 0 ? t("subs.progress").replace("{p}", String(pct)) : t("subs.progressLive").replace("{t}", CLOCK(at))
@@ -37078,7 +37121,14 @@ function SubsButton(props) {
 		className: "dshl-subsbtn",
 		onClick: onResume,
 		title: t("subs.resume.tip").replace("{t}", CLOCK(at)),
-		children: [t("subs.resume"), pct !== void 0 ? ` · ${pct}%` : ""]
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "pz on",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.play, {})
+			}),
+			t("subs.resume"),
+			pct !== void 0 ? ` · ${pct}%` : ""
+		]
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 		className: "dshl-subsbtn",
@@ -37758,8 +37808,10 @@ const en = {
 	"dev.and": " and ",
 	"how.title": "How subtitles are made",
 	"how.more": "More services and keys are in Settings.",
-	"lines.merge": "Join with the next line",
-	"lines.split": "Split this line",
+	"lines.merge": "Join this line and the next into one",
+	"lines.split": "Break this line in two: then click where it should break",
+	"lines.mergeShort": "Join",
+	"lines.splitShort": "Split",
 	"lines.splitHint": "Click where the line should break.",
 	"hist.goLive": "Watch live again",
 	"hist.replay": "Replay",
@@ -37767,6 +37819,14 @@ const en = {
 	"hist.untitled": "Untitled video",
 	"hist.live": "live",
 	"hist.running": "Live now",
+	"hist.recording": "Recording",
+	"hist.loading": "Loading",
+	"hist.subs": "Making subtitles",
+	"hist.subsPct": "Subtitles {p}%",
+	"hist.pushing": "Pushing out",
+	"hist.stop": "Stop",
+	"hist.stopping": "Stopping…",
+	"hist.stop.tip": "Stop: {w}",
 	"hist.more": "More ({n})",
 	"set.spoken.tip": "The language people speak in this video; Auto detects it.",
 	"rs.mode": "Subtitle mode of the push-out",
@@ -38219,8 +38279,10 @@ const zh = {
 	"dev.and": "和",
 	"how.title": "字幕怎么做",
 	"how.more": "更多服务和 key 在设置里。",
-	"lines.merge": "和下一句合并",
-	"lines.split": "拆成两句",
+	"lines.merge": "把这一句和下一句合成一句",
+	"lines.split": "把这一句拆成两句：点了以后，再点文字里要断开的位置",
+	"lines.mergeShort": "合并",
+	"lines.splitShort": "拆开",
 	"lines.splitHint": "点一下要断开的位置。",
 	"hist.goLive": "回到直播",
 	"hist.replay": "回放",
@@ -38228,6 +38290,14 @@ const zh = {
 	"hist.untitled": "未命名视频",
 	"hist.live": "直播",
 	"hist.running": "直播中",
+	"hist.recording": "录制中",
+	"hist.loading": "加载中",
+	"hist.subs": "字幕制作中",
+	"hist.subsPct": "字幕 {p}%",
+	"hist.pushing": "推流中",
+	"hist.stop": "停止",
+	"hist.stopping": "停止中…",
+	"hist.stop.tip": "停止：{w}",
 	"hist.more": "更多（还有 {n} 个）",
 	"set.spoken.tip": "视频里说的是哪种语言；自动 = 自己识别。",
 	"rs.mode": "推流用的字幕模式",
@@ -38859,7 +38929,12 @@ html[data-platform='darwin'] .dshl.page .dshl-top :is(button, input, label, a, .
 @container (max-width: 640px) { .dshl-subsbtn .now { display: none; } .dshl-subsbtn.running:not(:hover) .short { display: inline; } }
 .dshl-subsbtn.running:hover .now { display: none; }
 .dshl-subsbtn.running:hover .act { display: inline; }
-.dshl-subsbtn.running:hover .dot { width: 8px; height: 8px; border-radius: 1px; background: #fff; animation: none; }
+.dshl-subsbtn .pz { display: none; margin: 0 -2px 0 -4px; }
+.dshl-subsbtn .pz svg { display: block; width: 15px; height: 15px; }
+.dshl-subsbtn .pz.on { display: inline-flex; }
+/* Hover on a running one: the pause sign stands where the pulsing dot was. */
+.dshl-subsbtn.running:hover .dot { display: none; }
+.dshl-subsbtn.running:hover .pz { display: inline-flex; }
 @container (max-width: 520px) { .dshl-subsbtn { margin: 0 2px; padding: 0 9px; } }
 .dshl-starter { position: relative; display: inline-flex; }
 .dshl-startpop { position: absolute; left: 50%; bottom: calc(100% + 26px); z-index: 6; display: grid; gap: 10px; width: 290px; padding: 12px 12px 14px; transform: translateX(-50%);
@@ -38912,6 +38987,9 @@ html[data-platform='darwin'] .dshl.page .dshl-top :is(button, input, label, a, .
 .dshl-history .tx { display: grid; gap: 3px; min-width: 0; flex: 1; }
 .dshl-history .tt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13.5px; font-weight: 550; }
 .dshl-history .mm { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--faint); font-size: 12px; }
+.dshl-history .stop { flex: none; padding: 4px 6px; font-size: 12.5px; color: var(--faint); }
+.dshl-history .stop:hover { color: var(--live); }
+.dshl-history .stop:disabled { opacity: .5; }
 .dshl-history .chip { flex: none; padding: 2px 8px; border-radius: 999px; background: color-mix(in srgb, var(--live) 14%, transparent); color: var(--live); font-size: 11.5px; font-weight: 600; }
 .dshl-history .more { margin: 8px 0 0 6px; font-size: 12.5px; }
 .dshl-modemenu .mh { margin: 6px 4px 2px; color: rgba(255,255,255,.55); font-size: 11.5px; }
@@ -38921,8 +38999,11 @@ html[data-platform='darwin'] .dshl.page .dshl-top :is(button, input, label, a, .
 .dshl-line { position: relative; }
 .dshl-line .tools { position: absolute; top: 4px; right: 4px; display: none; gap: 2px; padding: 2px; border-radius: 7px; background: var(--bg); box-shadow: 0 1px 4px rgba(0,0,0,.12); }
 .dshl-line:hover .tools, .dshl-line:focus-within .tools { display: flex; }
-.dshl-line .tools .ghost { display: grid; place-items: center; width: 26px; height: 24px; border: 0; border-radius: 5px; background: none; color: var(--muted); cursor: pointer; }
-.dshl-line .tools svg { width: 15px; height: 15px; }
+.dshl-line .tools .ghost { position: relative; display: flex; align-items: center; gap: 4px; height: 24px; padding: 0 7px 0 5px; border: 0; border-radius: 5px; background: none; color: var(--muted); font-size: 12px; white-space: nowrap; cursor: pointer; }
+.dshl-line .tools svg { width: 14px; height: 14px; flex: none; }
+/* Says what a button does the moment the pointer is on it (the system tooltip takes a second). */
+.dshl-history .stop { position: relative; }
+.dshl-history .stop[data-tip]:hover::after, .dshl-line .tools .ghost[data-tip]:hover::after { content: attr(data-tip); position: absolute; top: calc(100% + 6px); right: 0; z-index: 5; width: max-content; max-width: 220px; padding: 5px 8px; border-radius: 6px; background: var(--ink); color: var(--bg); font-size: 12px; line-height: 1.45; white-space: normal; text-align: left; pointer-events: none; }
 .dshl-line .tools .ghost:hover { background: var(--hover); color: var(--ink); }
 .dshl-line.splitting { cursor: default; background: color-mix(in srgb, var(--accent) 8%, transparent); }
 .dshl-line .cutline .ch { cursor: col-resize; border-left: 1px solid transparent; }

package/lib/index.mjs

@@ -2021,6 +2021,28 @@ function cutNear(cs, ratio) {
 	}
 	return best > 0 ? best : Math.max(1, Math.min(n - 1, target));
 }
+/**
+* A line meant to be in `lang` that is written in another script: live interpretation now and then
+* passes the speaker's words through untranslated (Chinese in a Japanese line). Latin words (names,
+* brands) never count; a Japanese line has kana, a Chinese one none, a Korean one hangul.
+*/
+function wrongScript(text, lang) {
+	const n = (re) => (text.match(re) ?? []).length;
+	const han = n(/[\u3400-\u9fff]/g), kana = n(/[\u3040-\u30ff]/g), hangul = n(/[\uac00-\ud7af\u1100-\u11ff]/g);
+	const letters = n(/\p{L}/gu);
+	const base = lang.split("-")[0];
+	if (base === "ja") return kana === 0 && (han >= 4 || /[是吧嗯么们这那的呢吗啊呃对没还就说几]/.test(text)) || hangul >= 2;
+	if (base === "zh") return kana >= 2 || hangul >= 2;
+	if (base === "ko") return hangul === 0 && han + kana >= 3;
+	const cjk = han + kana + hangul;
+	return cjk >= 3 && cjk > letters * .3;
+}
+/** When a video was first opened: its folder is named after that moment (UTC); older saves could carry a later time. */
+function openedAt(id, saved) {
+	const named = /^(\d{4}-\d{2}-\d{2})T(\d{2})-(\d{2})-(\d{2})/.exec(id);
+	const fromName = named ? Date.parse(`${named[1]}T${named[2]}:${named[3]}:${named[4]}Z`) : NaN;
+	return Number.isFinite(fromName) ? fromName : typeof saved === "number" ? saved : void 0;
+}
 var LiveJob = class LiveJob extends EventEmitter {
 	opts;
 	deps;
@@ -2033,6 +2055,7 @@ var LiveJob = class LiveJob extends EventEmitter {
 	status = "resolving";
 	message;
 	title;
+	/** When it was first opened (kept across restores, so the history keeps its place). */
 	startedAt = Date.now();
 	cues = [];
 	ffmpeg;
@@ -2175,6 +2198,7 @@ var LiveJob = class LiveJob extends EventEmitter {
 			const j = JSON.parse(readFileSync(join(dir, "job.json"), "utf8"));
 			const job = new LiveJob(j.id, j.opts, deps);
 			job.title = j.title;
+			job.startedAt = openedAt(j.id, j.startedAt) ?? job.startedAt;
 			job.vod = !!j.vod;
 			job.duration = j.duration;
 			job.captureDone = true;
@@ -2213,6 +2237,7 @@ var LiveJob = class LiveJob extends EventEmitter {
 				state: j.subs?.state === "done" ? "done" : at > 0 ? "paused" : "off",
 				at
 			};
+			setTimeout(() => job.repairEchoes(), 3e3);
 			if (!existsSync(join(dir, "recording.mp4"))) job.remux();
 			return job;
 		} catch {
@@ -2849,20 +2874,49 @@ var LiveJob = class LiveJob extends EventEmitter {
 		this.emit("cue", cue);
 		if (cue.final) {
 			this.deps.glossary.notice(cue.src);
-			if (this.opts.mode !== "polished" && !this.provider?.translates && cue.tr === void 0 && this.targets().length) this.translate(cue);
+			const echoed = this.echoOf(cue);
+			if (echoed) this.translate(cue, echoed);
+			else if (this.opts.mode !== "polished" && !this.provider?.translates && cue.tr === void 0 && this.targets().length) this.translate(cue);
 			else {
 				this.record(cue);
 				this.polisher.add(cue);
 			}
 		}
 	}
-	translate(cue) {
+	/**
+	* Translations of a line that are in the wrong language: taken out (the line shows without them
+	* until the proper one comes), and the text to translate from returned (the line's source, or the
+	* echoed text itself when the line has none of its own: its source sits with the next line).
+	*/
+	echoOf(cue) {
+		let from;
+		for (const t of this.targets()) {
+			const x = cue.tr?.[t];
+			if (!x || !wrongScript(x, t)) continue;
+			from ??= cue.src.trim() || x;
+			delete cue.tr[t];
+		}
+		if (from && cue.tr && !Object.keys(cue.tr).length) cue.tr = void 0;
+		return from;
+	}
+	/** Lines saved with a translation in the wrong language (before this check existed): translate them again. */
+	repairEchoes() {
+		for (const cue of this.cues) {
+			if (!cue.final || cue.edited) continue;
+			const from = this.echoOf(cue);
+			if (from) {
+				this.emit("cue", cue);
+				this.translate(cue, from);
+			}
+		}
+	}
+	translate(cue, text = cue.src) {
 		const context = this.cues.filter((c) => c.final && c.id < cue.id).slice(-6);
 		this.pendingTranslations++;
 		this.translating = this.translating.then(async () => {
 			try {
 				const ref = this.siteText(cue.start, cue.end).map((x) => `[${x.lang}${x.auto ? ", auto" : ""}] ${x.text}`).join("\n");
-				const tr = await this.deps.translator.translate(this.targets(), cue.src, context, this.deps.glossary.forPrompt(), void 0, ref);
+				const tr = await this.deps.translator.translate(this.targets(), text, context, this.deps.glossary.forPrompt(), void 0, ref);
 				if (tr) {
 					cue.tr = {
 						...cue.tr,
@@ -6611,7 +6665,7 @@ function apply(ctx, config) {
 							title: j.title || device || (j.opts.source === "url" ? j.opts.url : ""),
 							source: j.opts.source,
 							url: j.opts.source === "url" ? j.opts.url : void 0,
-							startedAt: j.startedAt,
+							startedAt: openedAt(j.id, j.startedAt),
 							duration,
 							live: !j.vod,
 							running: false,
@@ -6627,7 +6681,26 @@ function apply(ctx, config) {
 			}
 			if (hit.item) out.push(hit.item);
 		}
-		return out;
+		for (const item of out) {
+			const j = jobs.get(String(item.id));
+			if (!j) continue;
+			const w = workOf(j);
+			if (w) item.work = w;
+		}
+		return [...out.filter((i) => i.work), ...out.filter((i) => !i.work)];
+	}
+	/** Still working: recording a live stream, loading a video, making subtitles, pushing out. */
+	function workOf(j) {
+		const s = j.summary();
+		const ok = !s.message;
+		const total = s.vod ? s.duration : s.status === "running" ? void 0 : s.recorded || s.duration;
+		const w = {
+			recording: s.status === "running" && !s.vod && ok,
+			loading: (s.status === "running" || s.status === "resolving") && !!s.vod && ok,
+			subs: s.subs?.state === "running" ? total ? Math.min(99, Math.round(s.subs.at / total * 100)) : -1 : void 0,
+			pushing: !!s.restream?.running
+		};
+		return w.recording || w.loading || w.subs !== void 0 || w.pushing ? w : void 0;
 	}
 	/** A small picture of a video for its history row (made once, kept in its folder). */
 	async function thumbnail(id) {
@@ -6810,6 +6883,16 @@ function apply(ctx, config) {
 				} catch {}
 				return send(res, 200, { ok: true });
 			}
+			if (route === "halt" && req.method === "POST") {
+				const b = await readJson(req);
+				const job = jobs.get(String(b.jobId));
+				if (!job) return send(res, 404, { error: "no such job" });
+				const s = job.summary();
+				if (s.subs?.state === "running") await job.pauseSubs();
+				if (s.restream?.running) await job.stopRestream();
+				if ((s.status === "running" || s.status === "resolving") && !s.vod) await job.stop();
+				return send(res, 200, { ok: true });
+			}
 			if (route === "stop" && req.method === "POST") {
 				const b = await readJson(req);
 				const job = jobs.get(String(b.jobId));

package/package.json

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