dsh-prompt-customizer 0.2.7 → 0.3.0

package/src/client/types.ts

@@ -1,75 +1,50 @@
-/** Shared types for the prompt-customizer client panel. */
-
-/** The settings scope used to read/write the namespace config. */
-export interface SettingsScope {
-  getSnapshot(): { status: string; value?: unknown; revision: number; writable: boolean }
-  subscribe(callback: () => void): () => void
-  set(field: string, value: unknown): void
-  unset(field: string): void
-}
-
-/** Inventory payload from the host route. */
-export interface Inventory {
-  sections: Array<{ name: string; order: number; text?: string; active: boolean; replaced: boolean }>
-  tools: Array<{ name: string; description?: string; hidden: boolean }>
-}
-
-/** Final-assembly preview payload from the host route. */
-export interface Preview {
-  ok: boolean
-  scope?: unknown
-  sections: Array<{ name: string; text: string }>
-  text: string
-  tools: Array<{ name: string; description: string } | string>
-}
-
-/** The resolved config object (namespace value). */
-export interface Config {
-  sections?: string[]
-  replace?: Record<string, string>
-  inject?: Array<{ name: string; order: number; text: string; custom?: boolean }>
-  tools?: { exclude?: string[]; include?: string[] }
-  /** Per-agent overlays: byAgent.<agentId> overrides the default fields for that agent. */
-  byAgent?: Record<string, AgentOverlay>
-  presets?: Preset[]
-  activePreset?: string
-}
-
-/** The per-agent overlay subset of Config (everything except byAgent/presets). */
-export interface AgentOverlay {
-  sections?: string[]
-  replace?: Record<string, string>
-  inject?: Array<{ name: string; order: number; text: string; custom?: boolean }>
-  tools?: { exclude?: string[]; include?: string[] }
-}
-
-/** Agent-preset info returned by /api/prompt-customizer/agents. */
-export interface AgentInfo {
-  id: string
-  name: string
-  description: string
-  order: number
-}
-
-export interface AgentsPayload {
-  ok: boolean
-  agents: AgentInfo[]
-  defaultAgent?: string
-  error?: string
-}
-
-/** A complete customization snapshot that can be saved / applied / exported. */
-export interface Preset {
-  id: string
-  name: string
-  data: PresetData
-}
-
-/** The customization fields a preset captures (full snapshot). */
-export interface PresetData {
-  sections?: string[]
-  replace?: Record<string, string>
-  /** Relative order: each section records the section it should follow. */
-  order?: Array<{ name: string; after?: string; text: string; custom?: boolean }>
-  tools?: { exclude?: string[]; include?: string[] }
-}
+/** Shared types for the prompt-customizer client panel. */
+
+/** The settings scope used to read/write the namespace config. */
+export interface SettingsScope {
+  getSnapshot(): { status: string; value?: unknown; revision: number; writable: boolean }
+  subscribe(callback: () => void): () => void
+  set(field: string, value: unknown): void
+  unset(field: string): void
+}
+
+/** Inventory payload from the host route. */
+export interface Inventory {
+  sections: Array<{ name: string; order: number; text?: string; active: boolean; replaced: boolean }>
+  tools: Array<{ name: string; description?: string; hidden: boolean }>
+}
+
+/** Final-assembly preview payload from the host route. */
+export interface Preview {
+  ok: boolean
+  scope?: unknown
+  sections: Array<{ name: string; text: string }>
+  text: string
+  tools: Array<{ name: string; description: string } | string>
+}
+
+/** The resolved config object (namespace value). */
+export interface Config {
+  sections?: string[]
+  replace?: Record<string, string>
+  inject?: Array<{ name: string; order: number; text: string; custom?: boolean }>
+  tools?: { exclude?: string[]; include?: string[] }
+  presets?: Preset[]
+  activePreset?: string
+}
+
+/** A complete customization snapshot that can be saved / applied / exported. */
+export interface Preset {
+  id: string
+  name: string
+  data: PresetData
+}
+
+/** The customization fields a preset captures (full snapshot). */
+export interface PresetData {
+  sections?: string[]
+  replace?: Record<string, string>
+  /** Relative order: each section records the section it should follow. */
+  order?: Array<{ name: string; after?: string; text: string; custom?: boolean }>
+  tools?: { exclude?: string[]; include?: string[] }
+}

package/lib/client.js

@@ -1,344 +0,0 @@
-/**
- * dsh-prompt-customizer — browser half.
- *
- * Registers a "提示词定制" card under the Settings → Plugins list. The card
- * fetches the effective section / tool inventory from the host
- * `/api/prompt-customizer/inventory` and lets the user block, replace, inject
- * prompt sections and hide tools. All writes go through the bound settings
- * scope (`prompt-customizer` namespace) and apply live.
- *
- * Client bundles must register via `window.__ModuleLoader__.load({ id, factory })`
- * (see @deepseek-ai/dsh-client-modules): the factory receives `require`, and
- * returns `module.exports` carrying `name` / `inject` / `apply`.
- */
-
-window.__ModuleLoader__.load({
-	id: "dsh-prompt-customizer",
-	factory: (require) => {
-		var module = { exports: {} };
-		var exports = module.exports;
-		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-
-		const { createElement: h, useEffect, useState } = require("react");
-
-		const name = "prompt-customizer";
-		const inject = ["slots", "locale"];
-
-		const NS = "prompt-customizer";
-		const INVENTORY_URL = "/api/prompt-customizer/inventory";
-
-		function apply(ctx) {
-			ctx.effect(() => ctx.locale.register(NS, {
-				zh: {
-					nav: "提示词定制",
-					loading: "加载中…",
-					unavailable: "当前环境未启用本命名空间。",
-					tabsSections: "提示词",
-					tabsTools: "工具",
-					refresh: "刷新",
-					blockedOff: "未屏蔽",
-					blockedOn: "已屏蔽",
-					replaced: "已替换",
-					replace: "替换",
-					clearReplace: "清除替换",
-					injectNew: "注入新段",
-					name: "名称",
-					order: "顺序",
-					text: "文本",
-					add: "添加",
-					hiddenOff: "可见",
-					hiddenOn: "已隐藏",
-					includeMode: "白名单模式：仅保留勾选项",
-					excludeMode: "黑名单模式：勾选 = 隐藏",
-					empty: "（空）",
-					dynamic: "<动态生成>",
-				},
-				en: {
-					nav: "Prompt Customizer",
-					loading: "Loading…",
-					unavailable: "Namespace unavailable in this environment.",
-					tabsSections: "Sections",
-					tabsTools: "Tools",
-					refresh: "Refresh",
-					blockedOff: "Active",
-					blockedOn: "Blocked",
-					replaced: "Replaced",
-					replace: "Replace",
-					clearReplace: "Clear",
-					injectNew: "Inject section",
-					name: "Name",
-					order: "Order",
-					text: "Text",
-					add: "Add",
-					hiddenOff: "Visible",
-					hiddenOn: "Hidden",
-					includeMode: "Whitelist: keep only checked",
-					excludeMode: "Blacklist: check to hide",
-					empty: "(empty)",
-					dynamic: "<dynamic>",
-				},
-			}), "prompt-customizer: locale");
-			const t = ctx.locale.bind(NS);
-
-			// Register a standalone settings section (sidebar menu entry) AND a
-			// plugin settings card. Both are registered through a NESTED inject
-			// of settingsScope so the panel can read/write the namespace config;
-			// on hosts without the settings transport neither appears instead of
-			// unmounting the whole plugin.
-			//
-			// `settings.section` is what puts "提示词定制" in the settings sidebar
-			// as its own entry (dsh-market pattern: id + order + label). The
-			// `settings.plugin.item` card additionally shows under the Plugins tab.
-			const settingsCtx = ctx;
-			settingsCtx.inject(["settingsScope"], (scoped) => {
-				const scope = scoped.settingsScope.bind({ namespace: NS });
-
-				scoped.slots.inject("settings.section", () => scoped.slots.register({
-					name: "settings.section",
-					id: "prompt-customizer",
-					order: 50,
-					label: () => t("nav"),
-					locale: NS,
-					inject: () => ({ t }),
-				}, () => h(Panel, { scope, t })));
-
-				scoped.slots.inject("settings.plugin.item", () => scoped.slots.register({
-					name: "settings.plugin.item",
-					key: NS,
-					locale: NS,
-					inject: () => ({ t }),
-				}, () => h(Panel, { scope, t })));
-			});
-		}
-
-		// ── React component ─────────────────────────────────────────────────────
-
-		function Panel({ scope, t }) {
-			const [snap, setSnap] = useState(() => scope.getSnapshot());
-			const [inv, setInv] = useState(null);
-			const [tab, setTab] = useState("sections");
-			const [error, setError] = useState(null);
-
-			useEffect(() => scope.subscribe(() => setSnap(scope.getSnapshot())), [scope]);
-
-			const refresh = () => {
-				fetch(INVENTORY_URL)
-					.then((r) => r.json())
-					.then((data) => { setInv(data); setError(null); })
-					.catch((e) => setError(String(e && e.message ? e.message : e)));
-			};
-			useEffect(refresh, []);
-
-			if (snap.status !== "ready" && snap.value === undefined) {
-				return h("div", { style: s.muted }, t("loading"));
-			}
-
-			const cfg = snap.value && typeof snap.value === "object"
-				? snap.value
-				: { sections: [], replace: {}, inject: [], tools: { exclude: [], include: [] } };
-
-			return h("div", { style: s.root }, [
-				h("div", { style: s.bar }, [
-					h("button", { style: tab === "sections" ? s.tabActive : s.tab, onClick: () => setTab("sections") }, t("tabsSections")),
-					h("button", { style: tab === "tools" ? s.tabActive : s.tab, onClick: () => setTab("tools") }, t("tabsTools")),
-					h("button", { style: s.refresh, onClick: refresh }, t("refresh")),
-				]),
-				error ? h("div", { style: s.error }, String(error)) : null,
-				tab === "sections"
-					? SectionsTab({ cfg, inv, scope, t })
-					: ToolsTab({ cfg, inv, scope, t }),
-			]);
-		}
-
-		function SectionsTab({ cfg, inv, scope, t }) {
-			const sections = inv && inv.sections ? inv.sections : [];
-			const replace = cfg.replace || {};
-			const blockedNames = new Set(cfg.sections || []);
-			// Which section is currently in inline "replace" edit mode.
-			const [editing, setEditing] = useState(null);
-			const [draft, setDraft] = useState("");
-
-			const toggleBlock = (name, currentlyBlocked) => {
-				const list = (cfg.sections || []).slice();
-				if (currentlyBlocked) { const i = list.indexOf(name); if (i >= 0) list.splice(i, 1); }
-				else list.push(name);
-				scope.set("sections", list);
-			};
-			const startReplace = (name) => {
-				setEditing(name);
-				setDraft(replace[name] || "");
-			};
-			const commitReplace = (name) => {
-				const next = { ...replace };
-				if (draft.trim() === "") delete next[name];
-				else next[name] = draft;
-				scope.set("replace", next);
-				setEditing(null);
-			};
-			const clearReplace = (name) => {
-				const next = { ...replace };
-				delete next[name];
-				scope.set("replace", next);
-			};
-
-			return h("div", { style: s.list }, [
-				sections.length === 0 ? h("div", { style: s.muted }, t("empty")) : null,
-				sections.map((sec) => {
-					// Blocked state comes from the CONFIG (user's block list), not
-					// the inventory snapshot, so toggling updates the checkbox
-					// immediately via the settings scope subscription.
-					const blocked = blockedNames.has(sec.name);
-					const isEditing = editing === sec.name;
-					return h("div", { key: sec.name, style: s.row }, [
-						h("label", { style: s.switchWrap }, [
-							h("input", { type: "checkbox", checked: blocked, onChange: () => toggleBlock(sec.name, blocked) }),
-							h("span", { style: blocked ? s.badgeBlocked : s.badgeOk }, blocked ? t("blockedOn") : t("blockedOff")),
-						]),
-						h("div", { style: s.rowBody }, [
-							h("div", { style: s.rowTitle }, [
-								h("span", { style: s.code }, sec.name),
-								h("span", { style: s.orderTag }, "#" + sec.order),
-								sec.replaced ? h("span", { style: s.badgeReplaced }, t("replaced")) : null,
-							]),
-							isEditing
-								? h("div", { style: s.editBox }, [
-									h("textarea", { style: s.editInput, value: draft, onChange: (e) => setDraft(e.target.value), rows: 3 }),
-									h("div", { style: s.injectRow }, [
-										h("button", { style: s.mini, onClick: () => commitReplace(sec.name) }, t("add")),
-										h("button", { style: s.mini, onClick: () => setEditing(null) }, t("clearReplace")),
-									]),
-								])
-								: h("div", { style: s.preview }, String(sec.text || "").slice(0, 140) || t("dynamic")),
-						]),
-						h("button", { style: s.mini, onClick: () => replace[sec.name] ? clearReplace(sec.name) : startReplace(sec.name) }, replace[sec.name] ? t("clearReplace") : t("replace")),
-					]);
-				}),
-				h("div", { style: s.injectBox }, [
-					h("div", { style: s.rowTitle }, t("injectNew")),
-					h(InjectForm, { inject: cfg.inject || [], scope, t }),
-				]),
-			]);
-		}
-
-		function InjectForm({ inject, scope, t }) {
-			const [name, setName] = useState("");
-			const [order, setOrder] = useState(120);
-			const [text, setText] = useState("");
-
-			const submit = () => {
-				if (!name.trim()) return;
-				const list = (inject || []).filter((x) => x.name !== name.trim());
-				list.push({ name: name.trim(), order: Number(order) || 120, text });
-				scope.set("inject", list);
-				setName(""); setText(""); setOrder(120);
-			};
-
-			return h("div", {}, [
-				h("div", { style: s.injectRow }, [
-					h("input", { style: { ...s.input, width: "22%" }, placeholder: t("name"), value: name, onChange: (e) => setName(e.target.value) }),
-					h("input", { style: { ...s.input, width: "12%" }, type: "number", placeholder: t("order"), value: order, onChange: (e) => setOrder(e.target.value) }),
-					h("input", { style: { ...s.input, flex: 1 }, placeholder: t("text"), value: text, onChange: (e) => setText(e.target.value) }),
-					h("button", { style: s.mini, onClick: submit }, t("add")),
-				]),
-				inject.length === 0 ? null : h("div", { style: s.muted }, inject.map((x) => `${x.name} (#${x.order})`).join("，")),
-			]);
-		}
-
-		function ToolsTab({ cfg, inv, scope, t }) {
-			const tools = inv && inv.tools ? inv.tools : [];
-			const toolsCfg = cfg.tools || { exclude: [], include: [] };
-			const exclude = toolsCfg.exclude || [];
-			const include = toolsCfg.include || [];
-			const includeMode = include.length > 0;
-
-			const toggle = (name, currentlyHidden) => {
-				if (includeMode) {
-					const next = include.slice();
-					if (currentlyHidden) next.push(name);
-					else { const i = next.indexOf(name); if (i >= 0) next.splice(i, 1); }
-					scope.set("tools", { ...toolsCfg, include: next });
-				} else {
-					const next = exclude.slice();
-					if (currentlyHidden) { const i = next.indexOf(name); if (i >= 0) next.splice(i, 1); }
-					else next.push(name);
-					scope.set("tools", { ...toolsCfg, exclude: next });
-				}
-			};
-			const setIncludeMode = (on) => {
-				scope.set("tools", on
-					? { exclude: exclude.filter((n) => tools.some((t) => t.name === n)), include: tools.filter((t) => !t.hidden).map((t) => t.name) }
-					: { exclude: ensureOnlyKnown(exclude, tools), include: [] });
-			};
-
-			return h("div", {}, [
-				h("div", { style: s.bar }, [
-					h("button", { style: includeMode ? s.tabActive : s.tab, onClick: () => setIncludeMode(true) }, t("includeMode")),
-					h("button", { style: includeMode ? s.tab : s.tabActive, onClick: () => setIncludeMode(false) }, t("excludeMode")),
-				]),
-				h("div", { style: s.list }, [
-					tools.length === 0 ? h("div", { style: s.muted }, t("empty")) : null,
-					tools.map((tool) => {
-						// Hidden state comes from the CONFIG (exclude/include lists),
-						// not the inventory snapshot, so toggling updates the
-						// checkbox immediately via the settings scope subscription.
-						const hidden = includeMode
-							? !include.includes(tool.name)
-							: exclude.includes(tool.name);
-						return h("div", { key: tool.name, style: s.row }, [
-							h("label", { style: s.switchWrap }, [
-								h("input", { type: "checkbox", checked: hidden, onChange: () => toggle(tool.name, hidden) }),
-								h("span", { style: hidden ? s.badgeBlocked : s.badgeOk }, hidden ? t("hiddenOn") : t("hiddenOff")),
-							]),
-							h("div", { style: s.rowBody }, [
-								h("div", { style: s.rowTitle }, h("span", { style: s.code }, tool.name)),
-								h("div", { style: s.preview }, String(tool.description || "").slice(0, 140)),
-							]),
-						]);
-					}),
-				]),
-			]);
-		}
-
-		function ensureOnlyKnown(list, known) {
-			const names = known.map((t) => t.name);
-			return list.filter((n) => names.includes(n));
-		}
-
-		// ── inline styles ───────────────────────────────────────────────────────
-
-		const s = (() => {
-			const flex = { display: "flex", alignItems: "center" };
-			return {
-				root: { fontFamily: "inherit", fontSize: 13, lineHeight: 1.5 },
-				bar: { ...flex, gap: 6, marginBottom: 8, flexWrap: "wrap" },
-				tab: { padding: "4px 10px", border: "1px solid rgba(128,128,128,.35)", borderRadius: 6, background: "transparent", cursor: "pointer", color: "inherit", opacity: .75 },
-				tabActive: { padding: "4px 10px", border: "1px solid rgba(128,128,128,.7)", borderRadius: 6, background: "rgba(128,128,128,.18)", cursor: "pointer", color: "inherit" },
-				refresh: { marginLeft: "auto", padding: "4px 10px", border: "1px solid rgba(128,128,128,.35)", borderRadius: 6, background: "transparent", cursor: "pointer", color: "inherit" },
-				list: { display: "flex", flexDirection: "column", gap: 6 },
-				row: { ...flex, gap: 8, padding: "6px 8px", border: "1px solid rgba(128,128,128,.2)", borderRadius: 8, background: "rgba(128,128,128,.06)" },
-				switchWrap: { ...flex, gap: 6, minWidth: 90 },
-				rowBody: { flex: 1, minWidth: 0 },
-				rowTitle: { ...flex, gap: 6, alignItems: "baseline", flexWrap: "wrap" },
-				code: { fontFamily: "monospace", fontSize: 12, wordBreak: "break-all" },
-				orderTag: { color: "rgba(128,128,128,.8)", fontSize: 11 },
-				preview: { color: "rgba(128,128,128,.85)", fontSize: 12, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
-				badgeOk: { color: "#3fb950", fontSize: 11, border: "1px solid rgba(63,185,80,.5)", borderRadius: 999, padding: "0 6px" },
-				badgeBlocked: { color: "#f85149", fontSize: 11, border: "1px solid rgba(248,81,73,.5)", borderRadius: 999, padding: "0 6px" },
-				badgeReplaced: { color: "#d29922", fontSize: 11, border: "1px solid rgba(210,153,34,.5)", borderRadius: 999, padding: "0 6px" },
-				mini: { padding: "3px 8px", border: "1px solid rgba(128,128,128,.35)", borderRadius: 6, background: "transparent", cursor: "pointer", color: "inherit", whiteSpace: "nowrap" },
-				injectBox: { marginTop: 10, padding: "8px", border: "1px dashed rgba(128,128,128,.4)", borderRadius: 8, display: "flex", flexDirection: "column", gap: 6 },
-				injectRow: { ...flex, gap: 6 },
-				editBox: { display: "flex", flexDirection: "column", gap: 6, marginTop: 4 },
-				editInput: { padding: "6px", border: "1px solid rgba(128,128,128,.35)", borderRadius: 6, background: "transparent", color: "inherit", fontFamily: "inherit", fontSize: 12, resize: "vertical", width: "100%", boxSizing: "border-box" },
-				input: { padding: "4px 6px", border: "1px solid rgba(128,128,128,.35)", borderRadius: 6, background: "transparent", color: "inherit" },
-				muted: { color: "rgba(128,128,128,.75)", fontSize: 12 },
-				error: { color: "#f85149", fontSize: 12, marginBottom: 6 },
-			};
-		})();
-
-		exports.name = name;
-		exports.inject = inject;
-		exports.apply = apply;
-		return module.exports;
-	},
-});