dsh-video-skills 0.1.0 → 0.1.2

package/README.md

@@ -46,6 +46,8 @@ then append `"dsh-video-skills"` to `dsh.profile.bundles` in the same profile `p
 
 ## Tools
 
+Both tools work in any composition — CLI, TUI, or Web. Only the browse-and-install page needs the Web UI; without a web server the plugin simply registers the tools and mounts no HTTP route.
+
 ### `video_skill_search`
 
 | Parameter | Type | Default | Description |

package/README.zh-CN.md

@@ -46,6 +46,8 @@ dsh plugin --profile <name> add file:/绝对路径/dsh-plugin-video-skills
 
 ## 工具
 
+两个工具在任何组合里都可用——CLI、TUI、Web 都行。只有浏览安装页面需要 Web UI；没有 Web 服务时插件只注册工具，不挂任何 HTTP 路由。
+
 ### `video_skill_search`
 
 | 参数 | 类型 | 默认值 | 说明 |

package/client/client.js

@@ -82,8 +82,8 @@ window.__ModuleLoader__.load({
 			"videoSkills.installing": "安装中…",
 			"videoSkills.installed": "已安装",
 			"videoSkills.target.label": "安装到",
-			"videoSkills.target.claude": "Claude（~/.claude/skills）",
-			"videoSkills.target.dsh": "DSH（~/.dsh/skills）",
+			"videoSkills.target.claude": "Claude",
+			"videoSkills.target.dsh": "DSH",
 			"videoSkills.files": "{n} 个文件",
 			"videoSkills.error.load": "目录加载失败：{message}",
 			"videoSkills.error.refresh": "刷新失败：{message}",
@@ -130,8 +130,8 @@ window.__ModuleLoader__.load({
 			"videoSkills.installing": "Installing…",
 			"videoSkills.installed": "Installed",
 			"videoSkills.target.label": "Install to",
-			"videoSkills.target.claude": "Claude (~/.claude/skills)",
-			"videoSkills.target.dsh": "DSH (~/.dsh/skills)",
+			"videoSkills.target.claude": "Claude",
+			"videoSkills.target.dsh": "DSH",
 			"videoSkills.files": "{n} files",
 			"videoSkills.error.load": "Catalog failed to load: {message}",
 			"videoSkills.error.refresh": "Refresh failed: {message}",
@@ -152,33 +152,34 @@ window.__ModuleLoader__.load({
 			"videoSkills.grade.caution": "Caution"
 		};
 
-		var STYLE = {
-			page: { display: "flex", flexDirection: "column", gap: "16px", padding: "20px", font: "14px/1.5 system-ui, -apple-system, Segoe UI, sans-serif", color: "var(--dsh-text, #e6e6e6)" },
-			header: { display: "flex", flexDirection: "column", gap: "4px" },
-			title: { margin: 0, fontSize: "18px", fontWeight: 600 },
-			subtitle: { margin: 0, fontSize: "12px", opacity: 0.7 },
-			bar: { display: "flex", flexWrap: "wrap", alignItems: "center", gap: "8px" },
-			row: { display: "flex", alignItems: "center", gap: "8px" },
-			chip: { padding: "3px 10px", borderRadius: "999px", border: "1px solid rgba(127,127,127,0.45)", background: "transparent", color: "inherit", cursor: "pointer", fontSize: "12px" },
-			chipOn: { padding: "3px 10px", borderRadius: "999px", border: "1px solid var(--dsh-accent, #4f8cff)", background: "var(--dsh-accent, #4f8cff)", color: "#fff", cursor: "pointer", fontSize: "12px" },
-			input: { padding: "5px 8px", borderRadius: "6px", border: "1px solid rgba(127,127,127,0.45)", background: "transparent", color: "inherit", fontSize: "13px" },
-			button: { padding: "5px 12px", borderRadius: "6px", border: "1px solid rgba(127,127,127,0.45)", background: "transparent", color: "inherit", cursor: "pointer", fontSize: "13px" },
-			primary: { padding: "5px 14px", borderRadius: "6px", border: "1px solid var(--dsh-accent, #4f8cff)", background: "var(--dsh-accent, #4f8cff)", color: "#fff", cursor: "pointer", fontSize: "13px" },
+				var STYLE = {
+			page: { display: "flex", flexDirection: "column", gap: "10px", padding: "16px", font: "13px/1.45 system-ui, -apple-system, Segoe UI, sans-serif", color: "inherit" },
+			header: { display: "flex", flexDirection: "column", gap: "2px" },
+			title: { margin: 0, fontSize: "15px", fontWeight: 600 },
+			subtitle: { margin: 0, fontSize: "12px", color: "color-mix(in srgb, currentColor 74%, transparent)" },
+			bar: { display: "flex", flexWrap: "wrap", alignItems: "center", gap: "6px" },
+			row: { display: "flex", alignItems: "center", gap: "6px" },
+			chip: { padding: "2px 9px", borderRadius: "999px", border: "1px solid color-mix(in srgb, currentColor 26%, transparent)", background: "transparent", color: "inherit", cursor: "pointer", fontSize: "11.5px", lineHeight: 1.6 },
+			chipOn: { padding: "2px 9px", borderRadius: "999px", border: "1px solid var(--dsh-accent, #4f8cff)", background: "var(--dsh-accent, #4f8cff)", color: "#fff", cursor: "pointer", fontSize: "11.5px", lineHeight: 1.6 },
+			input: { padding: "3px 8px", borderRadius: "6px", border: "1px solid color-mix(in srgb, currentColor 26%, transparent)", background: "transparent", color: "inherit", fontSize: "12.5px" },
+			button: { padding: "3px 10px", borderRadius: "6px", border: "1px solid color-mix(in srgb, currentColor 26%, transparent)", background: "transparent", color: "inherit", cursor: "pointer", fontSize: "12.5px" },
+			primary: { padding: "3px 12px", borderRadius: "6px", border: "1px solid var(--dsh-accent, #4f8cff)", background: "var(--dsh-accent, #4f8cff)", color: "#fff", cursor: "pointer", fontSize: "12.5px", fontWeight: 500 },
 			list: { display: "flex", flexDirection: "column", gap: "0" },
-			item: { display: "flex", gap: "12px", padding: "12px 0", borderTop: "1px solid rgba(127,127,127,0.22)" },
-			preview: { width: "112px", height: "63px", objectFit: "cover", borderRadius: "6px", flex: "0 0 auto", background: "rgba(127,127,127,0.12)" },
-			body: { display: "flex", flexDirection: "column", gap: "4px", minWidth: 0, flex: "1 1 auto" },
-			repo: { fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", fontSize: "13px", overflowWrap: "anywhere" },
-			desc: { fontSize: "12px", opacity: 0.78, margin: 0 },
-			meta: { display: "flex", flexWrap: "wrap", alignItems: "center", gap: "6px", fontSize: "11px", opacity: 0.75 },
-			badge: { padding: "1px 7px", borderRadius: "4px", background: "rgba(127,127,127,0.18)", fontSize: "11px" },
-			badgeOn: { padding: "1px 7px", borderRadius: "4px", background: "rgba(60,190,120,0.22)", color: "#3cbe78", fontSize: "11px" },
-			badgeStale: { padding: "1px 7px", borderRadius: "4px", background: "rgba(230,170,60,0.2)", color: "#e6aa3c", fontSize: "11px" },
-			actions: { display: "flex", flexDirection: "column", alignItems: "flex-end", gap: "6px", flex: "0 0 auto" },
-			error: { color: "#e5534b", fontSize: "12px", margin: 0 },
-			errorRow: { color: "#e5534b", fontSize: "11px", maxWidth: "220px", textAlign: "right" },
-			hint: { fontSize: "12px", opacity: 0.7 },
-			radio: { display: "flex", alignItems: "center", gap: "4px", fontSize: "11px", opacity: 0.85, cursor: "pointer" }
+			item: { display: "grid", gridTemplateColumns: "minmax(0, 1fr) auto", alignItems: "center", gap: "10px", padding: "6px 0", borderTop: "1px solid color-mix(in srgb, currentColor 13%, transparent)" },
+			body: { display: "flex", flexDirection: "column", gap: "1px", minWidth: 0 },
+			head: { display: "flex", alignItems: "baseline", gap: "0 8px", minWidth: 0 },
+			repo: { fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", fontSize: "12.5px", fontWeight: 600, whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", flex: "0 1 auto", minWidth: 0 },
+			desc: { margin: 0, fontSize: "12px", color: "color-mix(in srgb, currentColor 78%, transparent)", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" },
+			meta: { display: "flex", flexWrap: "wrap", alignItems: "center", gap: "5px", fontSize: "10.5px", color: "color-mix(in srgb, currentColor 70%, transparent)", flex: "0 0 auto", marginLeft: "auto" },
+			badge: { padding: "0 5px", borderRadius: "4px", border: "1px solid color-mix(in srgb, currentColor 20%, transparent)", fontSize: "10.5px", lineHeight: "15px" },
+			badgeOn: { padding: "0 5px", borderRadius: "4px", border: "1px solid rgba(60,190,120,0.55)", background: "rgba(60,190,120,0.14)", color: "#2f9e5f", fontSize: "10.5px", lineHeight: "15px" },
+			badgeStale: { padding: "0 5px", borderRadius: "4px", border: "1px solid rgba(210,150,40,0.55)", background: "rgba(210,150,40,0.14)", color: "#a97614", fontSize: "10.5px", lineHeight: "15px" },
+			actions: { display: "flex", alignItems: "center", gap: "8px", flex: "0 0 auto" },
+			error: { color: "#d4382f", fontSize: "12px", margin: 0 },
+			errorRow: { color: "#d4382f", fontSize: "10.5px", maxWidth: "190px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
+			hint: { margin: 0, fontSize: "12px", color: "color-mix(in srgb, currentColor 74%, transparent)" },
+			radio: { display: "inline-flex", alignItems: "center", gap: "3px", fontSize: "11px", cursor: "pointer", color: "color-mix(in srgb, currentColor 88%, transparent)" },
+			radioInput: { margin: 0, accentColor: "var(--dsh-accent, #4f8cff)" }
 		};
 
 		/** Substitute {name} placeholders; an unknown placeholder is left verbatim. */
@@ -725,49 +726,36 @@ window.__ModuleLoader__.load({
 
 			var rows = shown.map(function (entry, index) {
 				var repo = String(entry.repo === undefined ? "" : entry.repo);
+				var descText = String(entry.description === undefined ? "" : entry.description);
 				var targets = installed[repo];
 				var isInstalled = Array.isArray(targets) && targets.length > 0;
 				var isPending = pending[repo] === true;
 				var chosen = targetChoice[repo] === undefined ? "claude" : targetChoice[repo];
-				var preview = typeof entry.previewUrl === "string" && entry.previewUrl !== ""
-					? h("img", {
-						key: "preview",
-						style: STYLE.preview,
-						src: entry.previewUrl,
-						alt: "",
-						loading: "lazy",
-						onError: function (event) {
-							try {
-								if (event !== null && event !== undefined && event.target !== null && event.target !== undefined) event.target.style.visibility = "hidden";
-							} catch (error) {
-								/* a broken preview must never break the row */
-							}
-						}
-					})
-					: h("div", { key: "preview", style: STYLE.preview });
-
 				var metaBits = [
 					h("span", { key: "stars", style: STYLE.badge }, t("videoSkills.stars", { n: Number(entry.stars) || 0 })),
-					h("span", { key: "kind", style: STYLE.badge }, t("videoSkills.kind." + String(entry.kind))),
 					h("span", { key: "grade", style: entry.grade === "caution" ? STYLE.badgeStale : STYLE.badge }, t("videoSkills.grade." + String(entry.grade)))
 				];
-				if (typeof entry.license === "string" && entry.license !== "") metaBits.push(h("span", { key: "license", style: STYLE.badge }, entry.license));
+				var detail = repo;
+				if (typeof entry.kind === "string" && entry.kind !== "") detail += " · " + t("videoSkills.kind." + entry.kind);
+				if (typeof entry.license === "string" && entry.license !== "") detail += " · " + entry.license;
 				if (isInstalled) metaBits.push(h("span", { key: "installed", style: STYLE.badgeOn }, t("videoSkills.installed")));
 
 				return h("div", { key: repo + "#" + String(index), style: STYLE.item }, [
-					preview,
 					h("div", { key: "body", style: STYLE.body }, [
-						h("div", { key: "repo", style: STYLE.repo }, repo),
-						h("p", { key: "desc", style: STYLE.desc }, String(entry.description === undefined ? "" : entry.description)),
-						h("div", { key: "meta", style: STYLE.meta }, metaBits)
+						h("div", { key: "head", style: STYLE.head }, [
+							h("span", { key: "repo", style: STYLE.repo, title: detail }, repo),
+							h("span", { key: "meta", style: STYLE.meta }, metaBits)
+						]),
+						h("p", { key: "desc", style: STYLE.desc, title: descText }, descText)
 					]),
 					h("div", { key: "actions", style: STYLE.actions }, [
 						h("div", { key: "targets", style: STYLE.row }, TARGETS.map(function (target) {
-							return h("label", { key: target, style: STYLE.radio }, [
+							return h("label", { key: target, style: STYLE.radio, title: target === "claude" ? "~/.claude/skills" : "~/.dsh/skills" }, [
 								h("input", {
 									type: "radio",
 									name: "target-" + repo,
 									value: target,
+									style: STYLE.radioInput,
 									checked: chosen === target,
 									onChange: function () {
 										try {
@@ -792,7 +780,7 @@ window.__ModuleLoader__.load({
 							disabled: isPending,
 							onClick: function () { try { install(entry); } catch (error) { } }
 						}, isPending ? t("videoSkills.installing") : t("videoSkills.install")),
-						rowErrors[repo] !== undefined ? h("div", { key: "error", style: STYLE.errorRow, role: "alert" }, String(rowErrors[repo])) : null
+						rowErrors[repo] !== undefined ? h("div", { key: "error", style: STYLE.errorRow, role: "alert", title: String(rowErrors[repo]) }, String(rowErrors[repo])) : null
 					])
 				]);
 			});

package/locale/en-US.json

@@ -23,8 +23,8 @@
   "videoSkills.installing": "Installing…",
   "videoSkills.installed": "Installed",
   "videoSkills.target.label": "Install to",
-  "videoSkills.target.claude": "Claude (~/.claude/skills)",
-  "videoSkills.target.dsh": "DSH (~/.dsh/skills)",
+  "videoSkills.target.claude": "Claude",
+  "videoSkills.target.dsh": "DSH",
   "videoSkills.files": "{n} files",
   "videoSkills.error.load": "Catalog failed to load: {message}",
   "videoSkills.error.refresh": "Refresh failed: {message}",

package/locale/zh-CN.json

@@ -23,8 +23,8 @@
   "videoSkills.installing": "安装中…",
   "videoSkills.installed": "已安装",
   "videoSkills.target.label": "安装到",
-  "videoSkills.target.claude": "Claude（~/.claude/skills）",
-  "videoSkills.target.dsh": "DSH（~/.dsh/skills）",
+  "videoSkills.target.claude": "Claude",
+  "videoSkills.target.dsh": "DSH",
   "videoSkills.files": "{n} 个文件",
   "videoSkills.error.load": "目录加载失败：{message}",
   "videoSkills.error.refresh": "刷新失败：{message}",

package/package.json

@@ -1,8 +1,23 @@
 {
   "name": "dsh-video-skills",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Browse the awesome-claude-video-skills catalog inside DSH and install a skill with one click.",
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/1368546410qq/dsh-video-skills.git"
+  },
+  "homepage": "https://github.com/1368546410qq/dsh-video-skills#readme",
+  "bugs": {
+    "url": "https://github.com/1368546410qq/dsh-video-skills/issues"
+  },
+  "keywords": [
+    "dsh",
+    "deepseek-harness",
+    "plugin",
+    "skills",
+    "video"
+  ],
   "type": "module",
   "main": "src/host/index.js",
   "exports": {

package/src/host/index.js

@@ -9,8 +9,8 @@ import { buildVideoTools, resolveDefineTool } from './tool-schema.js';
 
 /** Cordis plugin name. */
 export const name = 'video-skills';
-/** The web server is required; the tool registry is optional. */
-export const inject = ['webServer'];
+/** Nothing is required: the tools work in any composition, the route waits for a web server. */
+export const inject = [];
 /** Single prefix route the client talks to. */
 export const API_BASE = '/video-skills/api/v1';
 /** Largest JSON body accepted on POST routes. */
@@ -127,14 +127,29 @@ async function registerTools(ctx) {
   return true;
 }
 
-/** Compose the plugin against the host context. */
-export function apply(ctx) {
-  const webServer = ctx?.webServer ?? (typeof ctx?.get === 'function' ? ctx.get('webServer') : undefined);
+/** Mount the prefix route once a web server is composed. */
+function mountRoutes(scope) {
+  const webServer = scope?.webServer ?? (typeof scope?.get === 'function' ? scope.get('webServer') : undefined);
   if (!webServer || typeof webServer.register !== 'function') return;
-
   const registerRoute = () => webServer.register({ kind: 'prefix', path: API_BASE, handler });
-  if (typeof ctx.effect === 'function') ctx.effect(registerRoute);
+  if (typeof scope.effect === 'function') scope.effect(registerRoute);
   else registerRoute();
+}
 
+/**
+ * Compose the plugin against the host context.
+ *
+ * The two halves have different requirements: the model tools are useful in
+ * every composition (CLI, TUI, web), while the HTTP route only exists where a
+ * web server is composed, so each waits for its own service instead of making
+ * the web server a precondition for the whole plugin.
+ */
+export function apply(ctx) {
+  if (typeof ctx?.inject === 'function') {
+    ctx.inject(['tools'], (scope) => { registerTools(scope).catch(() => {}); });
+    ctx.inject(['webServer'], mountRoutes);
+    return;
+  }
+  mountRoutes(ctx);
   registerTools(ctx).catch(() => {});
 }