dsh-vidi 0.9.0 → 0.9.1

package/lib/client.js

@@ -35376,6 +35376,92 @@ function useDevices(enabled) {
 	}, [enabled, devices]);
 	return devices;
 }
+/** "3 分钟前", "5 小时前", "2 天前", then the date. */
+function ago(ts, ui) {
+	if (!ts) return "";
+	const s = Math.max(0, (Date.now() - ts) / 1e3);
+	if (s < 60) return ui === "zh" ? "刚刚" : "just now";
+	const [n, unit] = s < 3600 ? [Math.round(s / 60), ui === "zh" ? " 分钟前" : " min ago"] : s < 86400 ? [Math.round(s / 3600), ui === "zh" ? " 小时前" : " h ago"] : s < 604800 ? [Math.round(s / 86400), ui === "zh" ? " 天前" : " d ago"] : [0, ""];
+	if (unit) return `${n}${unit}`;
+	return new Date(ts).toLocaleDateString(ui === "zh" ? "zh-CN" : "en-US", {
+		month: "short",
+		day: "numeric"
+	});
+}
+/** Past videos under the start box: the newest few, more on request. */
+function History({ t, ui, onOpen }) {
+	const [items, setItems] = (0, react.useState)([]);
+	const [total, setTotal] = (0, react.useState)(0);
+	const load = (offset, limit) => fetch(`/live/api/history?offset=${offset}&limit=${limit}`).then((r) => r.json()).then((j) => {
+		setItems((v) => offset ? [...v, ...j.items ?? []] : j.items ?? []);
+		setTotal(j.total ?? 0);
+	}).catch(() => {});
+	(0, react.useEffect)(() => {
+		load(0, 5);
+	}, []);
+	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 {
+			return new URL(v.url ?? "").hostname.replace(/^www\./, "");
+		} catch {
+			return t("src.link");
+		}
+	})();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		className: "dshl-history",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "hh",
+				children: t("hist.title")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "hl",
+				children: items.map((v) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					className: "hi",
+					onClick: () => onOpen(v),
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "th",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+								src: `/live/api/thumb?jobId=${encodeURIComponent(v.id)}`,
+								alt: "",
+								onError: (e) => {
+									e.currentTarget.style.visibility = "hidden";
+								}
+							}), v.duration ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dur",
+								children: CLOCK(v.duration)
+							}) : null]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "tx",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "tt",
+								children: v.title || (v.source === "push" ? from(v) : t("hist.untitled"))
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "mm",
+								children: [
+									v.title || v.source !== "push" ? from(v) : "",
+									v.live ? t("hist.live") : "",
+									ago(v.startedAt, ui)
+								].filter(Boolean).join(" · ")
+							})]
+						}),
+						v.running && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "chip",
+							children: t("hist.running")
+						})
+					]
+				}, v.id))
+			}),
+			items.length < total && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				className: "dshl-link more",
+				onClick: () => void load(items.length, 10),
+				children: t("hist.more").replace("{n}", String(total - items.length))
+			})
+		]
+	});
+}
 /** The push stream key: copy it, or change it (typed, or a new random one). */
 function KeyRow({ value, t, onChanged }) {
 	const [edit, setEdit] = (0, react.useState)(null);
@@ -36123,6 +36209,22 @@ function LiveView(props) {
 			return "camera";
 		}
 	};
+	const openPast = async (v) => {
+		setError("");
+		try {
+			if (v.conversationId !== sessionId && props.onOpenVideo && await props.onOpenVideo(v.conversationId, v.id)) return;
+			const j = await post("reopen", {
+				jobId: v.id,
+				conversationId: sessionId
+			});
+			setCues(j.cues ?? []);
+			setTerms(j.terms ?? []);
+			setJob(j);
+			setArmed(null);
+		} catch (e) {
+			setError(e.message);
+		}
+	};
 	const emptyBox = () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "dshl-drop",
 		children: [
@@ -36132,6 +36234,11 @@ function LiveView(props) {
 				children: sourceBar
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: srcTab === "camera" && devices && !mics.length ? t("src.cam.none") : t(srcTab === "file" ? "src.file.body" : srcTab === "camera" ? "src.cam.body" : srcTab === "push" ? "src.push.body" : "empty.body") }),
+			pageMode && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(History, {
+				t,
+				ui,
+				onOpen: (v) => void openPast(v)
+			}),
 			srcTab === "push" && armed?.rtmp && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "dshl-pushinfo",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopyRow, {
@@ -37492,6 +37599,11 @@ const en = {
 	"dev.blocked": "No picture or sound from the device: DeepSeek Harness needs the system’s permission. Open System Settings, switch DeepSeek Harness on, then retry.",
 	"dev.denied": "DeepSeek Harness needs permission to use the {d}. Open System Settings, switch it on in the list, then retry.",
 	"dev.and": " and ",
+	"hist.title": "Recent videos",
+	"hist.untitled": "Untitled video",
+	"hist.live": "live",
+	"hist.running": "Live now",
+	"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",
 	"rs.mode.live": "Pushed out about {s} s behind; subtitles come a little after the words.",
@@ -37941,6 +38053,11 @@ const zh = {
 	"dev.blocked": "设备没有传来画面和声音：DeepSeek Harness 需要系统授权。点「打开系统设置」，在列表里打开 DeepSeek Harness，再点重试。",
 	"dev.denied": "DeepSeek Harness 需要{d}权限。点「打开系统设置」，在列表里打开它，再点重试。",
 	"dev.and": "和",
+	"hist.title": "最近的视频",
+	"hist.untitled": "未命名视频",
+	"hist.live": "直播",
+	"hist.running": "直播中",
+	"hist.more": "更多（还有 {n} 个）",
 	"set.spoken.tip": "视频里说的是哪种语言；自动 = 自己识别。",
 	"rs.mode": "推流用的字幕模式",
 	"rs.mode.live": "推出去比实时晚约 {s} 秒，字幕会比说话稍晚出现。",
@@ -38613,6 +38730,19 @@ html[data-platform='darwin'] .dshl.page .dshl-top :is(button, input, label, a, .
 .dshl-menu .dshl-seg button.on { background: rgba(255,255,255,.92); color: #111; box-shadow: none; }
 .dshl-menu .dshl-switch { background: rgba(255,255,255,.22); }
 .dshl-menu .dshl-switch.on { background: var(--accent); }
+.dshl-history { width: 100%; max-width: 680px; margin-top: 40px; text-align: left; }
+.dshl-history .hh { margin: 0 0 8px 4px; color: var(--faint); font-size: 12.5px; }
+.dshl-history .hl { display: grid; gap: 2px; }
+.dshl-history .hi { display: flex; align-items: center; gap: 12px; width: 100%; padding: 6px; border: 0; border-radius: 10px; background: none; color: var(--ink); text-align: left; cursor: pointer; }
+.dshl-history .hi:hover { background: var(--hover); }
+.dshl-history .th { position: relative; flex: none; width: 96px; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 6px; background: var(--l2); }
+.dshl-history .th img { display: block; width: 100%; height: 100%; object-fit: cover; }
+.dshl-history .dur { position: absolute; right: 4px; bottom: 3px; padding: 0 4px; border-radius: 3px; background: rgba(0,0,0,.65); color: #fff; font-size: 10.5px; line-height: 16px; font-variant-numeric: tabular-nums; }
+.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 .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 { display: grid; gap: 4px; width: 300px; max-width: 100%; }
 .dshl-modemenu .mm { display: grid; gap: 3px; padding: 9px 10px; border: 0; border-radius: 8px; background: none; color: inherit; text-align: left; cursor: pointer; }
 .dshl-modemenu .mm:hover { background: rgba(255,255,255,.08); }
@@ -38987,7 +39117,11 @@ async function openPage(sessions, opts = {}) {
 }
 async function showPage(sessions, opts) {
 	const current = sessions.current();
-	const fresh = () => pageSession(sessions, opts.workspaces, opts.title ?? "Video");
+	const fresh = async () => {
+		let id = await pageSession(sessions, opts.workspaces, opts.title ?? "Video");
+		if (await fetch(`/live/api/job?conversationId=${encodeURIComponent(id)}`).then((r) => r.json()).catch(() => null)) id = await pageSession(sessions, opts.workspaces, opts.title ?? "Video", true);
+		return id;
+	};
 	let sid = opts.sessionId && sessions.has(opts.sessionId) ? opts.sessionId : await fresh();
 	if (sid !== current) try {
 		sessions.open(sid);
@@ -39052,6 +39186,23 @@ function videoHandlers(sessions, workspaces, sessionId, fallbackTitle) {
 				return false;
 			}
 		},
+		/** Open a past video in its own conversation; false when that conversation is gone. */
+		onOpenVideo: async (conversationId, jobId) => {
+			if (!conversationId || !sessions.has(conversationId)) return false;
+			await fetch("/live/api/reopen", {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({
+					jobId,
+					conversationId
+				})
+			}).catch(() => {});
+			await openPage(sessions, {
+				sessionId: conversationId,
+				workspaces
+			});
+			return true;
+		},
 		onTitle: (title) => {
 			own().then((yes) => {
 				const now = sessions.info?.(sessionId)?.title;
@@ -39137,11 +39288,7 @@ function SidebarButton(props) {
 	const pct = item?.subs === "running" && item.duration ? Math.min(99, Math.round(item.at / item.duration * 100)) : void 0;
 	const meta = !busy ? "" : item?.subs === "running" ? pct !== void 0 ? t("side.subs").replace("{p}", String(pct)) : t("side.subsLive") : item?.recording ? t("side.recording") : item?.loading ? t("side.loading") : t("side.downloading");
 	const thumb = busy && frame && (!item || frame.jobId === item.jobId) ? frame.dataUrl : void 0;
-	const open = () => void openPage(sessions, item ? {
-		sessionId: item.conversationId,
-		workspaces,
-		title: t("view.live")
-	} : {
+	const open = () => void openPage(sessions, {
 		workspaces,
 		title: t("view.live")
 	});

package/lib/index.mjs

@@ -1,8 +1,8 @@
+import { execFile, spawn } from "node:child_process";
 import { appendFileSync, chmodSync, createReadStream, createWriteStream, existsSync, mkdirSync, readFileSync, readdirSync, rmSync, statSync, writeFileSync } from "node:fs";
 import { homedir, networkInterfaces } from "node:os";
 import { basename, dirname, extname, join, normalize, resolve, sep } from "node:path";
 import z from "@deepseek-ai/schemastery";
-import { execFile, spawn } from "node:child_process";
 import { promisify } from "node:util";
 import { EventEmitter } from "node:events";
 import { BlockAssembler, createUserMessage } from "@deepseek-ai/dsh-llm";
@@ -2111,6 +2111,12 @@ var LiveJob = class LiveJob extends EventEmitter {
 		this.persist();
 		this.emit("state", this.summary());
 	}
+	/** Show this video in another conversation (opened again from the history): saved, so it stays there. */
+	rebind(conversationId) {
+		this.opts.conversationId = conversationId;
+		this.closed = false;
+		this.persist();
+	}
 	/** job.json: enough to bring the job back after a restart (finished, not recording). */
 	persist() {
 		if (this.opts.source === "push" && this.message) return;
@@ -6430,6 +6436,137 @@ function apply(ctx, config) {
 		};
 	}
 	/** The conversation's video: in memory, or the latest one on disk (after a restart). */
+	/** A video by id: the running one, or brought back from its folder. */
+	function loadJob(id) {
+		if (jobs.has(id)) return jobs.get(id);
+		if (!/^[\w-]+$/.test(id)) return void 0;
+		const dir = join(config.dataDir, "jobs", id);
+		const file = join(dir, "job.json");
+		if (!existsSync(file)) return void 0;
+		try {
+			const raw = JSON.parse(readFileSync(file, "utf8"));
+			let job;
+			job = LiveJob.restore(dir, jobDeps(dir, raw.opts, () => job));
+			if (job) jobs.set(job.id, job);
+			return job;
+		} catch {
+			return;
+		}
+	}
+	/** Past videos for the start page, newest first: those with something to watch. */
+	const historyCache = /* @__PURE__ */ new Map();
+	function history() {
+		const root = join(config.dataDir, "jobs");
+		if (!existsSync(root)) return [];
+		const out = [];
+		for (const name of readdirSync(root).filter((n) => /^[\w-]+$/.test(n)).sort().reverse()) {
+			const dir = join(root, name), file = join(dir, "job.json");
+			const live = jobs.get(name);
+			if (live && live.summary().status === "running" && !live.summary().message) {
+				const s = live.summary();
+				out.push({
+					id: s.id,
+					title: s.title || (s.source === "url" ? s.url : ""),
+					source: s.source,
+					url: s.source === "url" ? s.url : void 0,
+					startedAt: s.startedAt,
+					duration: s.vod ? s.duration : s.recorded,
+					live: !s.vod,
+					running: true,
+					conversationId: s.conversationId
+				});
+				continue;
+			}
+			let mtime = 0;
+			try {
+				mtime = statSync(file).mtimeMs;
+			} catch {
+				continue;
+			}
+			let hit = historyCache.get(name);
+			if (!hit || hit.mtime !== mtime) {
+				let item = null;
+				try {
+					const j = JSON.parse(readFileSync(file, "utf8"));
+					if ((existsSync(join(dir, "recording.mp4")) || existsSync(join(dir, "hls", "index.m3u8"))) && j.status !== "error") {
+						const device = j.opts.source === "device" ? (() => {
+							try {
+								return JSON.parse(j.opts.url).title;
+							} catch {
+								return "";
+							}
+						})() : "";
+						let duration = j.duration;
+						if (!duration) try {
+							duration = [...readFileSync(join(dir, "hls", "index.m3u8"), "utf8").matchAll(/#EXTINF:([\d.]+)/g)].reduce((n, m) => n + Number(m[1]), 0) || void 0;
+						} catch {}
+						item = {
+							id: j.id,
+							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,
+							duration,
+							live: !j.vod,
+							running: false,
+							conversationId: j.opts.conversationId
+						};
+					}
+				} catch {}
+				hit = {
+					mtime,
+					item
+				};
+				historyCache.set(name, hit);
+			}
+			if (hit.item) out.push(hit.item);
+		}
+		return out;
+	}
+	/** A small picture of a video for its history row (made once, kept in its folder). */
+	async function thumbnail(id) {
+		if (!/^[\w-]+$/.test(id)) return void 0;
+		const dir = join(config.dataDir, "jobs", id);
+		const out = join(dir, "thumb.jpg");
+		if (existsSync(out)) return out;
+		for (const cover of ["cover.jpg", "cover.png"]) if (existsSync(join(dir, cover))) return join(dir, cover);
+		const src = existsSync(join(dir, "recording.mp4")) ? join(dir, "recording.mp4") : existsSync(join(dir, "hls", "index.m3u8")) ? join(dir, "hls", "index.m3u8") : void 0;
+		if (!src) return void 0;
+		if (await new Promise((resolve) => {
+			execFile("ffmpeg", [
+				"-v",
+				"error",
+				"-y",
+				"-i",
+				src,
+				"-ss",
+				"3",
+				"-frames:v",
+				"1",
+				"-vf",
+				"scale=320:-2",
+				"-q:v",
+				"5",
+				out
+			], { timeout: 2e4 }, (err) => resolve(!err && existsSync(out)));
+		})) return out;
+		return await new Promise((resolve) => {
+			execFile("ffmpeg", [
+				"-v",
+				"error",
+				"-y",
+				"-i",
+				src,
+				"-frames:v",
+				"1",
+				"-vf",
+				"scale=320:-2",
+				"-q:v",
+				"5",
+				out
+			], { timeout: 2e4 }, (err) => resolve(!err && existsSync(out)));
+		}) ? out : void 0;
+	}
 	function jobForConversation(conversationId) {
 		const id = byConversation.get(conversationId);
 		if (id === "") return void 0;
@@ -6890,6 +7027,50 @@ function apply(ctx, config) {
 					saveAs: typeof b.saveAs === "string" ? b.saveAs.replace(/[\\/:*?"<>|]+/g, " ").slice(0, 150) : "audio"
 				}));
 			}
+			if (route === "history") {
+				const all = history();
+				const offset = Math.max(0, Number(url.searchParams.get("offset")) || 0);
+				const limit = Math.min(50, Math.max(1, Number(url.searchParams.get("limit")) || 5));
+				return send(res, 200, {
+					items: all.slice(offset, offset + limit),
+					total: all.length
+				});
+			}
+			if (route === "thumb") {
+				const file = await thumbnail(url.searchParams.get("jobId") ?? "");
+				if (!file) {
+					res.writeHead(404);
+					res.end();
+					return;
+				}
+				res.writeHead(200, {
+					"content-type": file.endsWith(".png") ? "image/png" : "image/jpeg",
+					"cache-control": "max-age=3600"
+				});
+				createReadStream(file).pipe(res);
+				return;
+			}
+			if (route === "reopen" && req.method === "POST") {
+				const b = await readJson(req);
+				const job = loadJob(String(b.jobId));
+				const conv = String(b.conversationId ?? "");
+				if (!job || !conv) return send(res, 404, { error: "no such video" });
+				try {
+					rmSync(join(job.summary().dir, "closed"), { force: true });
+				} catch {}
+				const prev = byConversation.get(conv);
+				if (prev && prev !== job.id) {
+					const other = jobs.get(prev);
+					if (other && other.summary().status !== "running") byConversation.delete(conv);
+				}
+				job.rebind(conv);
+				byConversation.set(conv, job.id);
+				return send(res, 200, {
+					...job.summary(),
+					cues: job.cues,
+					terms: job.terms
+				});
+			}
 			if (route === "preview") {
 				const job = jobs.get(url.searchParams.get("jobId") ?? "");
 				if (!job) return send(res, 404, { error: "no such job" });

package/package.json

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