dsh-vidi 0.7.7 → 0.7.8

package/lib/client.js

@@ -35389,10 +35389,9 @@ function LiveView(props) {
 	const linesBox = (0, react.useRef)(null);
 	const fileInput = (0, react.useRef)(null);
 	const active = !!job && (job.status === "resolving" || job.status === "running" || job.status === "stopping");
-	const [srcTab, setSrcTabRaw] = (0, react.useState)(() => store.get("source", "link"));
+	const [srcTab, setSrcTabRaw] = (0, react.useState)("link");
 	const setSrcTab = (v) => {
 		setSrcTabRaw(v);
-		store.set("source", v);
 		setError("");
 	};
 	const devices = useDevices(srcTab === "camera");
@@ -35896,20 +35895,15 @@ function LiveView(props) {
 			title
 		}), "device");
 	};
-	const emptyBox = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	const emptyBox = () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "dshl-drop",
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: t(srcTab === "file" ? "src.file.title" : srcTab === "camera" ? "src.cam.title" : srcTab === "push" ? "src.push.title" : "empty.title") }),
-			/* @__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") }),
-			srcTab === "file" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-				className: "dshl-btn",
-				onClick: () => fileInput.current?.click(),
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.folder, {}),
-					" ",
-					t("src.file.pick")
-				]
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: t("empty.title") }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dshl-bar center",
+				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") }),
 			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, {
@@ -36127,6 +36121,118 @@ function LiveView(props) {
 			children: t("lag.settings")
 		})]
 	}) : null;
+	const sourceBar = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pick, {
+			className: "srcpick",
+			value: srcTab,
+			onChange: (v) => setSrcTab(v),
+			title: t("src.tip"),
+			options: [
+				"link",
+				"file",
+				"camera",
+				"push"
+			].map((k) => ({
+				value: k,
+				label: t(`src.${k}`)
+			}))
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			ref: fileInput,
+			type: "file",
+			accept: "video/*,audio/*,.mkv,.ts,.flv",
+			hidden: true,
+			onChange: (e) => {
+				const f = e.target.files?.[0];
+				if (f) onFile(f);
+				e.target.value = "";
+			}
+		}),
+		(srcTab === "link" || srcTab === "file") && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+			className: "dshl-field",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				type: "text",
+				value: input,
+				placeholder: t(srcTab === "file" ? "src.file.placeholder" : "in.placeholder"),
+				onChange: (e) => setInput(e.target.value),
+				onKeyDown: (e) => {
+					if (e.key === "Enter") start();
+				}
+			}), srcTab === "file" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				className: "ghost",
+				title: t("in.file.tip"),
+				onClick: () => fileInput.current?.click(),
+				children: uploading !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "pct",
+					children: t("in.uploading").replace("{p}", String(uploading))
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.folder, {})
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			className: "dshl-btn primary",
+			onClick: () => start(),
+			disabled: !classify(input),
+			children: t("in.open")
+		})] }),
+		srcTab === "camera" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "dshl-devbar",
+			children: devices === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "dshl-muted",
+				children: t("src.cam.loading")
+			}) : mics.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pick, {
+				value: camV,
+				options: videoOptions,
+				onChange: setCamVideo,
+				title: t("dev.video")
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pick, {
+				value: camA,
+				options: mics.map((d) => ({
+					value: d.id,
+					label: d.name
+				})),
+				onChange: setCamAudio,
+				title: t("dev.audio")
+			})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "dshl-muted",
+				children: t("src.cam.none")
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			className: "dshl-btn primary",
+			onClick: () => void startDevice(),
+			disabled: !camA,
+			children: t("dev.start")
+		})] }),
+		srcTab === "push" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "dshl-field static",
+			title: t("src.push.body"),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(armed?.rtmp ? "src.push.bar" : active ? "src.push.busy" : "src.push.wait") })
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Settings, {
+			engine: engine || "local",
+			onEngine: setEngine,
+			mode,
+			onMode: changeMode,
+			spoken,
+			onSpoken: setSpoken,
+			langOptions,
+			login,
+			onLogin: chooseLogin,
+			browsers,
+			providers,
+			shared: keysShared,
+			name: engineName,
+			onKey: (id, k) => {
+				setProviders((ps) => ps.map((p) => p.id === id ? {
+					...p,
+					key: k,
+					ready: k.set
+				} : p));
+				if (k.set) setError("");
+			},
+			open: settingsOpen,
+			onOpen: setSettingsOpen,
+			t
+		})
+	] });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: `dshl ${theater && !activeBench ? "theater" : ""} ${pageMode ? "page" : ""} ${activeBench ? "bench" : ""} ${pageMode && !sideOpen && !activeBench ? "noside" : ""}`,
 		style: pageMode ? { ["--side-w"]: `${sideW}px` } : void 0,
@@ -36154,7 +36260,7 @@ function LiveView(props) {
 			if (f && !active) onFile(f);
 		},
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
+			(hasMain || onClose) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
 				className: "dshl-top",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "dshl-bar",
@@ -36165,117 +36271,8 @@ function LiveView(props) {
 							title: t("page.back"),
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.arrow, {})
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pick, {
-							className: "srcpick",
-							value: srcTab,
-							onChange: (v) => setSrcTab(v),
-							title: t("src.tip"),
-							options: [
-								"link",
-								"file",
-								"camera",
-								"push"
-							].map((k) => ({
-								value: k,
-								label: t(`src.${k}`)
-							}))
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-							ref: fileInput,
-							type: "file",
-							accept: "video/*,audio/*,.mkv,.ts,.flv",
-							hidden: true,
-							onChange: (e) => {
-								const f = e.target.files?.[0];
-								if (f) onFile(f);
-								e.target.value = "";
-							}
-						}),
-						(srcTab === "link" || srcTab === "file") && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-							className: "dshl-field",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-								type: "text",
-								value: input,
-								placeholder: t(srcTab === "file" ? "src.file.placeholder" : "in.placeholder"),
-								onChange: (e) => setInput(e.target.value),
-								onKeyDown: (e) => {
-									if (e.key === "Enter") start();
-								}
-							}), srcTab === "file" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								className: "ghost",
-								title: t("in.file.tip"),
-								onClick: () => fileInput.current?.click(),
-								children: uploading !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "pct",
-									children: t("in.uploading").replace("{p}", String(uploading))
-								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.folder, {})
-							})]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							className: "dshl-btn primary",
-							onClick: () => start(),
-							disabled: !classify(input),
-							children: t("in.open")
-						})] }),
-						srcTab === "camera" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "dshl-devbar",
-							children: devices === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dshl-muted",
-								children: t("src.cam.loading")
-							}) : mics.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pick, {
-								value: camV,
-								options: videoOptions,
-								onChange: setCamVideo,
-								title: t("dev.video")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pick, {
-								value: camA,
-								options: mics.map((d) => ({
-									value: d.id,
-									label: d.name
-								})),
-								onChange: setCamAudio,
-								title: t("dev.audio")
-							})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dshl-muted",
-								children: t("src.cam.none")
-							})
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							className: "dshl-btn primary",
-							onClick: () => void startDevice(),
-							disabled: !camA,
-							children: t("dev.start")
-						})] }),
-						srcTab === "push" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "dshl-field static",
-							title: t("src.push.body"),
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(armed?.rtmp ? "src.push.bar" : active ? "src.push.busy" : "src.push.wait") })
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Settings, {
-							engine: engine || "local",
-							onEngine: setEngine,
-							mode,
-							onMode: changeMode,
-							spoken,
-							onSpoken: setSpoken,
-							langOptions,
-							login,
-							onLogin: chooseLogin,
-							browsers,
-							providers,
-							shared: keysShared,
-							name: engineName,
-							onKey: (id, k) => {
-								setProviders((ps) => ps.map((p) => p.id === id ? {
-									...p,
-									key: k,
-									ready: k.set
-								} : p));
-								if (k.set) setError("");
-							},
-							open: settingsOpen,
-							onOpen: setSettingsOpen,
-							t
-						}),
-						pageMode && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						hasMain && sourceBar,
+						pageMode && hasMain && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							className: `dshl-ctl icon ${sideOpen ? "on" : ""}`,
 							title: t(sideOpen ? "side.hide" : "side.show"),
 							"aria-pressed": sideOpen,
@@ -36305,15 +36302,15 @@ function LiveView(props) {
 					children: t("st.retry")
 				})]
 			}),
-			!hasMain && !pageMode ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+			!hasMain ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
 				className: "dshl-empty",
-				children: emptyBox
+				children: emptyBox()
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("main", {
 				className: "dshl-main",
 				ref: mainRef,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "dshl-col",
-					children: !hasMain || !job ? emptyBox : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					children: !hasMain || !job ? emptyBox() : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Player, {
 							ref: player,
 							src: job.status === "resolving" || job.status === "error" ? null : `/live/media/${encodeURIComponent(job.id)}/${job.hls ?? "hls"}/index.m3u8`,
@@ -37168,7 +37165,7 @@ const en = {
 	"in.uploading": "Uploading {p}%",
 	"in.drop": "Drop to start",
 	"empty.title": "Subtitles for any video",
-	"empty.body": "Paste a link from YouTube, Bilibili and more — videos and live streams.",
+	"empty.body": "YouTube, Bilibili and other sites, videos and live streams.",
 	"st.resolving": "Opening…",
 	"st.login": "Using your {b} login… if macOS asks, choose “Always Allow”.",
 	"st.live": "Live",
@@ -37188,10 +37185,10 @@ const en = {
 	"src.push": "OBS stream",
 	"src.file.placeholder": "Path of a video or audio file",
 	"src.file.title": "Open a video on this computer",
-	"src.file.body": "Drop a video or audio file here.",
+	"src.file.body": "Choose a file with the folder button, or drop it anywhere on this page.",
 	"src.file.pick": "Choose a file",
 	"src.cam.title": "Talk to the camera",
-	"src.cam.body": "Pick the picture and the microphone above and press Start: subtitles appear as you speak.",
+	"src.cam.body": "Pick the picture and the microphone, press Start: subtitles appear as you speak.",
 	"src.cam.none": "No camera or microphone found on this computer.",
 	"src.cam.loading": "Looking for cameras…",
 	"src.push.title": "Stream from OBS",
@@ -37586,7 +37583,7 @@ const zh = {
 	"in.uploading": "上传中 {p}%",
 	"in.drop": "松手开始",
 	"empty.title": "给任何视频配字幕",
-	"empty.body": "粘贴 YouTube、B 站等网站的视频或直播链接",
+	"empty.body": "支持 YouTube、B 站等网站的视频和直播",
 	"st.resolving": "正在打开…",
 	"st.login": "正在用 {b} 的登录状态…如果系统弹窗询问，点「始终允许」",
 	"st.live": "直播中",
@@ -37606,10 +37603,10 @@ const zh = {
 	"src.push": "OBS 推流",
 	"src.file.placeholder": "视频或音频文件的路径",
 	"src.file.title": "打开这台电脑上的视频",
-	"src.file.body": "把视频或音频文件拖到这里。",
+	"src.file.body": "点文件夹按钮选择，或者直接把文件拖进来。",
 	"src.file.pick": "选择文件",
 	"src.cam.title": "对着摄像头说话",
-	"src.cam.body": "在上面选好画面和麦克风，点开始，字幕边说边出。",
+	"src.cam.body": "选好画面和麦克风，点开始，字幕边说边出。",
 	"src.cam.none": "这台电脑上没有找到摄像头或麦克风。",
 	"src.cam.loading": "正在找摄像头…",
 	"src.push.title": "用 OBS 推流过来",
@@ -38010,6 +38007,10 @@ const CSS = `
 
 /* ── Empty state ── */
 .dshl-empty { padding: 28px 20px; }
+.dshl.page .dshl-empty { flex: 1; display: flex; align-items: center; justify-content: center; min-height: 0; overflow: auto; }
+.dshl.page .dshl-empty > .dshl-drop { border: 0; padding-top: 0; }
+.dshl-drop > .dshl-bar.center { display: flex; align-items: center; gap: 8px; width: 100%; max-width: 680px; margin: 22px 0 12px; text-align: left; }
+.dshl-drop > .dshl-bar.center + p { font-size: 13px; color: var(--faint); }
 .dshl-drop { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; max-width: 760px; margin: 0 auto; padding: 56px 24px 48px;
   border: 1.5px dashed var(--line); border-radius: 16px; text-align: center; }
 .dshl-col > .dshl-drop { max-width: none; min-height: 320px; aspect-ratio: 16 / 9; padding: 32px 24px; border-radius: 12px; }

package/package.json

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