dsh-notify-yimit 0.1.4 → 0.1.6

package/lib/client.js

@@ -40,8 +40,6 @@ window.__ModuleLoader__.load({
 			'.dn-seg{display:flex;gap:2px;padding:2px;border-radius:10px;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);max-width:520px}',
 			'.dn-seg-btn{flex:1;font:inherit;font-size:13px;color:var(--dsw-alias-label-secondary);border:0;border-radius:8px;padding:6px 10px;cursor:pointer;background:transparent;transition:background .15s ease,color .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}',
 			'.dn-seg-btn:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}',
-			// 选中态用主题主色 + 反色文字:浅色模式下与背景对比也足够清晰(此前浅色下
-			// 白底+深灰与容器太接近,深色正常)。
 			'.dn-seg-btn[data-on="true"]{background:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-label-primary-inverted);box-shadow:var(--dsw-shadow-lv1)}',
 			'.dn-seg-btn[data-on="true"]:hover{background:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-label-primary-inverted)}',
 			'.dn-seg-btn:disabled{opacity:.45;cursor:not-allowed}',
@@ -52,17 +50,13 @@ window.__ModuleLoader__.load({
 			'.dn-collapse>.dn-collapse-body>.dn-block{min-width:0}',
 			'.dn-kind-list{display:flex;flex-direction:column;gap:8px}',
 			'.dn-kind-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--dsw-alias-border-l1);border-radius:10px;background:var(--dsw-alias-bg-layer-1)}',
-			// 每类型的背景/文字/开关项右对齐(预览块留在左侧)
 			'.dn-kind-row>.dn-kind-field:first-of-type{margin-left:auto}',
-			// 样式预览:纯色块内嵌类型文字,始终用配置的背景/文字色(内联样式,不受主题影响)
 			'.dn-kind-preview{flex:none;min-width:72px;text-align:center;font-size:12px;font-weight:600;line-height:22px;padding:2px 10px;border-radius:6px;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}',
 			'.dn-kind-field{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--dsw-alias-label-tertiary);flex:none}',
 			'.dn-input{font:inherit;font-size:13px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;padding:5px 10px;outline:none;max-width:120px}',
 			'.dn-input:focus{border-color:var(--dsw-alias-state-business-primary)}',
 			'.dn-input[type=color]{padding:2px 4px;width:48px;height:28px;cursor:pointer;max-width:none}',
 			'.dn-input:disabled{opacity:.45;cursor:not-allowed}',
-			// 浏览器选择器:原生 select 的展开列表为系统绘制、无法贴合主题,改为自绘下拉,
-			// 触发器与弹层都走 --dsw-* 变量,深浅色模式下与设置页风格一致。
 			'.dn-bselect{position:relative;width:280px;max-width:100%;flex:none}',
 			'.dn-bselect-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font:inherit;font-size:13px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;padding:5px 10px;cursor:pointer;outline:none}',
 			'.dn-bselect-trigger:hover:not(:disabled){border-color:var(--dsw-alias-border-l2)}',
@@ -577,11 +571,8 @@ window.__ModuleLoader__.load({
 				}
 
 				if (config.mode === 'custom') {
-					if (typeof Notification === 'undefined' || Notification.permission !==
-						'granted') {
-						ack();
-						return
-					}
+					ack();
+					return
 				} else if (config.mode === 'system') {
 					if (typeof Notification === 'undefined' || Notification.permission ===
 						'denied') {
@@ -801,7 +792,8 @@ window.__ModuleLoader__.load({
 			const controlsDisabled = !config.enabled
 
 			const kindRows = KIND_ORDER.map((kind) => {
-				const entry = config.colors?. [kind] ?? {}
+				// 修正：去掉 `?.` 和 `[kind]` 之间的空格
+				const entry = config.colors?.[kind] ?? {}
 				const bg = entry.bg || config.bgColor || '#20272f'
 				const fg = entry.fg || config.textColor || '#e6edf3'
 				const enabled = entry.enabled !== false
@@ -1366,4 +1358,4 @@ window.__ModuleLoader__.load({
 		exports.inject = inject
 		return module.exports
 	},
-})
+})

package/lib/index.js

@@ -1,7 +1,3 @@
-/**
- * dsh-notify-yimit-yimit 宿主插件。
- * 优化点：内存LRU控制、队列头指针优化、浏览器探测缓存、宿主崩溃退避、全面多语言支持。
- */
 import {
 	z
 } from 'zod'
@@ -30,39 +26,42 @@ const DEFAULT_CONFIG = Object.freeze({
 	bgColor: '#20272f',
 	textColor: '#e6edf3',
 	locale: 'en',
-	// 通知窗口样式:width 窗口宽度(编辑模式拖拽边缘调整);gap 通知间距(px);
-	// position = null 表示默认右下贴边,{left,top} 为任意屏幕位置(工作区相对坐标)。
 	toast: {
 		width: 340,
 		gap: 12,
-		position: null,
+		position: null
 	},
 	colors: {
 		completed: {
 			bg: '#1f5138',
 			fg: '#e6f4ec',
+			accent: '#34d399',
 			enabled: true
-		},
+		}, // 翠绿
 		error: {
 			bg: '#5c1f24',
 			fg: '#fbe9ea',
+			accent: '#f87171',
 			enabled: true
-		},
+		}, // 珊瑚红
 		running: {
 			bg: '#203a5c',
 			fg: '#e8f0fb',
+			accent: '#60a5fa',
 			enabled: true
-		},
+		}, // 天蓝
 		approval: {
 			bg: '#4a3a12',
 			fg: '#f7efd8',
+			accent: '#fbbf24',
 			enabled: true
-		},
+		}, // 琥珀
 		question: {
 			bg: '#3d2a55',
 			fg: '#f0e8fa',
+			accent: '#a78bfa',
 			enabled: true
-		},
+		}, // 雾紫
 	},
 })
 
@@ -137,7 +136,11 @@ function normalizeConfig(input) {
 	if (src.locale === 'zh' || src.locale === 'en') out.locale = src.locale
 
 	// 通知窗口样式:width 260–520;gap 0–60;position 缺省 null(默认右下贴边),合法 {left,top} 才采纳。
-	out.toast = { width: 340, gap: 12, position: null }
+	out.toast = {
+		width: 340,
+		gap: 12,
+		position: null
+	}
 	const srcToast = src.toast !== null && typeof src.toast === 'object' && !Array.isArray(src.toast) ? src.toast : {}
 	if (typeof srcToast.width === 'number' && Number.isFinite(srcToast.width)) {
 		out.toast.width = Math.max(260, Math.min(520, Math.round(srcToast.width)))
@@ -149,7 +152,10 @@ function normalizeConfig(input) {
 	if (pos !== null && typeof pos === 'object' && !Array.isArray(pos) &&
 		typeof pos.left === 'number' && Number.isFinite(pos.left) &&
 		typeof pos.top === 'number' && Number.isFinite(pos.top)) {
-		out.toast.position = { left: Math.round(pos.left), top: Math.round(pos.top) }
+		out.toast.position = {
+			left: Math.round(pos.left),
+			top: Math.round(pos.top)
+		}
 	}
 
 	const srcColors = src.colors !== null && typeof src.colors === 'object' && !Array.isArray(src.colors) ? src.colors :
@@ -161,6 +167,7 @@ function normalizeConfig(input) {
 		out.colors[kind] = {
 			bg: isHex(entry?.bg) ? entry.bg : def.bg,
 			fg: isHex(entry?.fg) ? entry.fg : def.fg,
+			accent: isHex(entry?.accent) ? entry.accent : def.accent, // 新增
 			enabled: entry?.enabled !== false,
 		}
 	}
@@ -201,7 +208,8 @@ function mergeConfigPatch(base, patch) {
 	if (patch !== null && typeof patch === 'object' && patch.toast !== null && typeof patch.toast === 'object' && !
 		Array.isArray(patch.toast)) {
 		out.toast = {
-			...(base.toast !== null && typeof base.toast === 'object' && !Array.isArray(base.toast) ? base.toast : {}),
+			...(base.toast !== null && typeof base.toast === 'object' && !Array.isArray(base.toast) ? base.toast :
+				{}),
 			...patch.toast
 		}
 	}
@@ -258,7 +266,8 @@ function openConfig() {
 				fs.writeFileSync(tmp, JSON.stringify(config, null, 2), 'utf8')
 				fs.renameSync(tmp, file)
 			} catch {
-				/* 静默 */ }
+				/* 静默 */
+			}
 		},
 	}
 }
@@ -276,7 +285,11 @@ function clip(text) {
 }
 
 function titleOf(session) {
-	const events = session?.events
+	// 宿主兼容:0.1.2-alpha.4 起 `Session.events` 被 `snapshotEvents()` 取代(旧版仍有 .events)。
+	// 优先用 snapshotEvents()(无参返回全量冻结事件数组),旧宿主回退 .events。
+	const events = typeof session?.snapshotEvents === 'function'
+		? session.snapshotEvents()
+		: session?.events
 	if (Array.isArray(events)) {
 		// 全量扫描:标题事件通常在会话早期(seq 小)生成,长会话/恢复会话里它可能在
 		// 最后 50 条之外——只扫尾部会漏掉,导致回退到占位/目录名(恢复会话不会重放
@@ -489,7 +502,8 @@ export function apply(ctx) {
 						if (idx !== -1) toastOrder.splice(idx, 1)
 						reflowToasts()
 					}
-				} else if (msg.type === 'geometry' && typeof msg.left === 'number' && typeof msg.top === 'number') {
+				} else if (msg.type === 'geometry' && typeof msg.left === 'number' && typeof msg.top ===
+					'number') {
 					// 编辑模式:样板窗拖拽/缩放结束 → 写回配置,并应用到在屏浮窗。
 					const width = Math.max(260, Math.min(520, Math.round(Number(msg.width) || 340)))
 					const left = Math.round(Number(msg.left))
@@ -497,11 +511,18 @@ export function apply(ctx) {
 					store.set({
 						toast: {
 							width,
-							position: { left, top }
+							position: {
+								left,
+								top
+							}
 						}
 					})
 					for (const rec of activeToasts.values()) {
-						sendCmd({ cmd: 'size', key: rec.key, width })
+						sendCmd({
+							cmd: 'size',
+							key: rec.key,
+							width
+						})
 					}
 					reflowToasts()
 				}
@@ -585,9 +606,16 @@ export function apply(ctx) {
 				const needsTop = rec.meta !== null && newTop !== rec.meta.top
 				const needsLeft = rec.meta !== null && rec.meta.left !== pos.left
 				if (needsTop || needsLeft) {
-					const move = { cmd: 'move', key: rec.key, top: newTop }
+					const move = {
+						cmd: 'move',
+						key: rec.key,
+						top: newTop
+					}
 					if (needsTop) rec.meta.top = newTop
-					if (needsLeft) { move.left = pos.left; rec.meta.left = pos.left }
+					if (needsLeft) {
+						move.left = pos.left;
+						rec.meta.left = pos.left
+					}
 					sendCmd(move)
 				}
 				prevTop = newTop
@@ -626,6 +654,23 @@ export function apply(ctx) {
 		return `http://127.0.0.1:${ws !== null && ws !== undefined && typeof ws.port === 'number' ? ws.port : 3080}`
 	}
 
+	const KIND_BADGES = {
+		zh: {
+			completed: '完成',
+			error: '出错',
+			running: '运行中',
+			approval: '待审批',
+			question: '待回答'
+		},
+		en: {
+			completed: 'Done',
+			error: 'Failed',
+			running: 'Running',
+			approval: 'Approval',
+			question: 'Question'
+		},
+	}
+
 	function showDesktopToast(cfg, ev) {
 		const maxVisible = Math.max(1, Math.min(20, Math.floor(Number(cfg.maxVisible) || 3)))
 		const stickyKind = ev.kind === 'running' || ev.kind === 'approval' || ev.kind === 'question'
@@ -691,6 +736,8 @@ export function apply(ctx) {
 			bg: colors?.bg ?? cfg.bgColor ?? '#20272f',
 			fg: colors?.fg ?? cfg.textColor ?? '#e6edf3',
 			durationSec: Math.max(1, Math.round((Number(cfg.durationMs) || 8000) / 1000)),
+			accent: colors?.accent ?? '#60a5fa', // 强调色
+			durationSec: Math.max(1, Math.round((Number(cfg.durationMs) || 8000) / 1000)),
 			sticky: stickyKind,
 			offsetY,
 			sessionId: String(ev.sessionId),
@@ -736,7 +783,11 @@ export function apply(ctx) {
 		if (typeof title !== 'string' || title.length === 0) return
 		for (const rec of activeToasts.values()) {
 			if (rec.sessionId === sessionId) {
-				sendCmd({ cmd: 'title', key: rec.key, title })
+				sendCmd({
+					cmd: 'title',
+					key: rec.key,
+					title
+				})
 			}
 		}
 	}
@@ -748,11 +799,13 @@ export function apply(ctx) {
 					cmd: 'shutdown'
 				})
 			} catch {
-				/* 忽略 */ }
+				/* 忽略 */
+			}
 			try {
 				host.kill()
 			} catch {
-				/* 已退出 */ }
+				/* 已退出 */
+			}
 		}
 		activeToasts.clear()
 		toastOrder.length = 0
@@ -768,7 +821,7 @@ export function apply(ctx) {
 		const at = Date.now()
 		const cfg = store.get()
 		// 每类型开关:该类型被关闭时完全不产生通知(桌面浮窗与系统通知都不发)。
-		if (cfg.colors?.[kind]?.enabled === false) return
+		if (cfg.colors?. [kind]?.enabled === false) return
 		const desktop = cfg.enabled === true && cfg.mode === 'custom'
 		const lang = cfg.locale === 'zh' ? 'zh' : 'en'
 		const l = TOAST_LABELS[lang]
@@ -878,7 +931,8 @@ export function apply(ctx) {
 				if (typeof event.data?.title === 'string' && event.data.title.length > 0) {
 					st.title = event.data.title
 					for (let i = queueHead; i < queue.length; i++) {
-						if (queue[i].sessionId === id && (queue[i].title.length === 0 || UNTITLED_NAMES.has(queue[i].title)))
+						if (queue[i].sessionId === id && (queue[i].title.length === 0 || UNTITLED_NAMES.has(
+								queue[i].title)))
 							queue[i].title = st.title
 					}
 					// 已弹浮窗(运行中/待审批/待回答等)标题原地更新,不再一直顶着占位/旧标题。
@@ -928,7 +982,8 @@ export function apply(ctx) {
 							push(id, 'question', first.question)
 						}
 					} catch {
-						/* arguments 非 JSON */ }
+						/* arguments 非 JSON */
+					}
 				}
 				return
 			}
@@ -1015,7 +1070,8 @@ export function apply(ctx) {
 					`${L.approvalPrefix} ${toolName}` : L.approvalFallback))
 			}
 		} catch {
-			/* 观察失败不影响审批链路 */ }
+			/* 观察失败不影响审批链路 */
+		}
 		return next()
 	})
 
@@ -1032,11 +1088,16 @@ export function apply(ctx) {
 			const prev = store.get()
 			const next = store.set(patch)
 			// toast 几何(位置/宽度/间距)变更:立即应用到在屏浮窗,无需等待下一个浮窗。
-			const pToast = patch !== null && typeof patch === 'object' && !Array.isArray(patch) ? patch.toast : undefined
+			const pToast = patch !== null && typeof patch === 'object' && !Array.isArray(patch) ? patch.toast :
+				undefined
 			if (pToast !== null && typeof pToast === 'object' && !Array.isArray(pToast)) {
 				if (typeof pToast.width === 'number' && pToast.width !== prev.toast?.width) {
 					for (const rec of activeToasts.values()) {
-						sendCmd({ cmd: 'size', key: rec.key, width: next.toast.width })
+						sendCmd({
+							cmd: 'size',
+							key: rec.key,
+							width: next.toast.width
+						})
 					}
 				}
 				reflowToasts()
@@ -1072,13 +1133,26 @@ export function apply(ctx) {
 				title: EDIT_TITLES[lang],
 				width: cfg.toast?.width ?? 340,
 				position: cfg.toast?.position ?? null,
+				// 新增：类型色卡数组，样板窗内做预览
+				chips: KIND_KEYS.map((k) => ({
+					label: (KIND_BADGES[lang] ?? KIND_BADGES.en)[k],
+					accent: cfg.colors[k].accent,
+					bg: cfg.colors[k].bg,
+					fg: cfg.colors[k].fg,
+				})),
 			})
-			return { ok: true }
+			return {
+				ok: true
+			}
 		},
 		/** 退出编辑模式:样板窗淡出消失。 */
 		endEditMode() {
-			sendCmd({ cmd: 'edit-end' })
-			return { ok: true }
+			sendCmd({
+				cmd: 'edit-end'
+			})
+			return {
+				ok: true
+			}
 		},
 	}