dsh-desktop-windows 0.1.8 → 0.1.9

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-desktop-windows",
   "productName": "DeepSeek Harness Desktop",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "DeepSeek Harness 桌面版（Windows）· Electron desktop shell for DeepSeek Harness (dsh web) — 双击即用，无需终端 / double-click to run the harness in a standalone window",
   "main": "src/main.js",
   "license": "MIT",

package/src/main.js

@@ -41,6 +41,8 @@ let tray = null // 系统托盘
 let isQuitting = false // 用户从托盘选择退出时置 true，放行窗口关闭
 let setupWindow = null // 首次环境引导窗口
 let sessionsWin = null // 会话管理窗口
+let shotWindow = null // 选区截图窗口
+let pendingShot = null // 全屏截图（nativeImage），选区确认后裁剪
 
 /* ------------------------------------------------------------------ *
  * 工具：日志
@@ -399,6 +401,79 @@ function openSessionsWindow() {
   ipcMain.handle('sessions:remove', (_e, id) => deleteSession(id))
 }
 
+/* ------------------------------------------------------------------ *
+ * 选区截图窗口
+ * ------------------------------------------------------------------ */
+
+function openShotWindow() {
+  if (shotWindow && !shotWindow.isDestroyed()) {
+    shotWindow.focus()
+    return
+  }
+  shotWindow = new BrowserWindow({
+    fullscreen: true,
+    frame: false,
+    resizable: false,
+    alwaysOnTop: true,
+    skipTaskbar: true,
+    webPreferences: {
+      contextIsolation: true,
+      nodeIntegration: false,
+      sandbox: true,
+      preload: path.join(__dirname, 'screenshot-preload.js'),
+    },
+  })
+  shotWindow.setAlwaysOnTop(true, 'screen-saver')
+  shotWindow.loadFile(path.join(__dirname, 'screenshot.html'))
+  shotWindow.once('ready-to-show', () => {
+    shotWindow.show()
+    shotWindow.focus()
+  })
+  shotWindow.webContents.once('did-finish-load', () => {
+    if (pendingShot && !shotWindow.isDestroyed()) {
+      shotWindow.webContents.send('screenshot:data', pendingShot.toDataURL())
+    }
+  })
+  shotWindow.on('closed', () => {
+    shotWindow = null
+  })
+}
+
+/** 选区确认：裁剪 → 剪贴板 → 主窗口粘贴。 */
+function onShotDone(rect) {
+  const image = pendingShot
+  pendingShot = null
+  if (shotWindow && !shotWindow.isDestroyed()) shotWindow.destroy()
+  if (!image || !rect) return
+  const sf = screen.getPrimaryDisplay().scaleFactor || 1
+  const r = {
+    x: Math.round(rect.x * sf),
+    y: Math.round(rect.y * sf),
+    width: Math.round(rect.w * sf),
+    height: Math.round(rect.h * sf),
+  }
+  if (r.width <= 0 || r.height <= 0) return
+  const cropped = image.crop(r)
+  clipboard.writeImage(cropped)
+  if (mainWindow && !mainWindow.isDestroyed()) {
+    mainWindow.show()
+    mainWindow.focus()
+    mainWindow.webContents
+      .executeJavaScript(
+        `(() => { const el = document.querySelector('textarea, [contenteditable="true"]'); if (el) { el.focus(); return true } return false })()`
+      )
+      .then((focused) => {
+        if (focused) mainWindow.webContents.paste()
+      })
+      .catch(() => {})
+  }
+}
+
+function onShotCancel() {
+  pendingShot = null
+  if (shotWindow && !shotWindow.isDestroyed()) shotWindow.destroy()
+}
+
 /* ------------------------------------------------------------------ *
  * 系统托盘
  * ------------------------------------------------------------------ */
@@ -552,28 +627,22 @@ if (!gotLock) {
     ipcMain.on('dsh-desktop:reload', () => {
       if (mainWindow) mainWindow.webContents.reload()
     })
-    // 截图：截当前屏幕 → 写剪贴板 → 聚焦聊天输入框并粘贴
+    // 选区截图：截全屏 → 打开选区窗口 → 用户框选 → 裁剪 → 剪贴板 → 粘贴聊天框
     ipcMain.handle('dsh-desktop:capture', async () => {
       try {
         const display = screen.getPrimaryDisplay()
-        const size = display.size
+        const sf = display.scaleFactor || 1
         const sources = await desktopCapturer.getSources({
           types: ['screen'],
-          thumbnailSize: { width: size.width, height: size.height },
+          thumbnailSize: {
+            width: Math.round(display.size.width * sf),
+            height: Math.round(display.size.height * sf),
+          },
         })
         if (!sources.length) return { ok: false, error: '未找到屏幕源' }
-        const image = sources[0].thumbnail
-        if (image.isEmpty()) return { ok: false, error: '截图为空' }
-        clipboard.writeImage(image)
-        // 聚焦聊天输入框并触发粘贴
-        if (mainWindow && !mainWindow.isDestroyed()) {
-          const focused = await mainWindow.webContents
-            .executeJavaScript(
-              `(() => { const el = document.querySelector('textarea, [contenteditable="true"]'); if (el) { el.focus(); return true } return false })()`
-            )
-            .catch(() => false)
-          if (focused) mainWindow.webContents.paste()
-        }
+        pendingShot = sources[0].thumbnail
+        if (pendingShot.isEmpty()) return { ok: false, error: '截图为空' }
+        openShotWindow()
         return { ok: true }
       } catch (e) {
         return { ok: false, error: String((e && e.message) || e) }
@@ -585,6 +654,9 @@ if (!gotLock) {
         dialog.showMessageBox(mainWindow, { type: 'info', message: String(msg), buttons: ['好'] })
       }
     })
+    // 选区截图结果
+    ipcMain.on('screenshot:done', (_e, rect) => onShotDone(rect))
+    ipcMain.on('screenshot:cancel', () => onShotCancel())
     if (external) log('reusing external dsh service on port ' + port)
   })
 

package/src/screenshot-preload.js

@@ -0,0 +1,15 @@
+'use strict'
+
+// 选区截图窗口的 preload：把主进程的 IPC 桥接给页面（contextBridge 隔离）
+const { contextBridge, ipcRenderer } = require('electron')
+
+contextBridge.exposeInMainWorld('__screenshot', {
+  // 订阅截图数据（主进程发来的 dataURL）
+  onData: (cb) => {
+    ipcRenderer.on('screenshot:data', (_e, dataUrl) => cb(dataUrl))
+  },
+  // 提交选区（页面坐标）
+  done: (rect) => ipcRenderer.send('screenshot:done', rect),
+  // 取消
+  cancel: () => ipcRenderer.send('screenshot:cancel'),
+})

package/src/screenshot.html

@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<title>截图选区</title>
+<style>
+  * { margin: 0; padding: 0; box-sizing: border-box; user-select: none; }
+  html, body { width: 100%; height: 100%; overflow: hidden; background: #000; cursor: crosshair; }
+  #stage { position: fixed; inset: 0; }
+  #stage img { width: 100%; height: 100%; object-fit: fill; display: block; }
+  #mask { position: fixed; inset: 0; pointer-events: none; }
+  #sel { position: fixed; border: 1.5px solid #2563eb; background: rgba(37, 99, 235, 0.12); display: none; pointer-events: none; }
+  #sel .sz { position: absolute; left: 0; top: -22px; background: #2563eb; color: #fff; font: 11px/18px sans-serif; padding: 0 6px; border-radius: 4px; white-space: nowrap; }
+  #toolbar {
+    position: fixed; display: none; align-items: center; gap: 8px;
+    background: rgba(15, 23, 42, 0.92); border: 1px solid #334155;
+    border-radius: 10px; padding: 8px 12px; z-index: 10;
+    box-shadow: 0 4px 20px rgba(0,0,0,.5);
+  }
+  #toolbar .tip { color: #94a3b8; font: 12px/1 sans-serif; margin-right: 4px; }
+  #toolbar button {
+    border: none; border-radius: 6px; padding: 6px 14px; cursor: pointer;
+    font: 600 12px/1 sans-serif;
+  }
+  #okBtn { background: #2563eb; color: #fff; }
+  #okBtn:hover { background: #1d4ed8; }
+  #cancelBtn { background: #334155; color: #e2e8f0; }
+  #cancelBtn:hover { background: #475569; }
+  #hint {
+    position: fixed; left: 50%; top: 20px; transform: translateX(-50%);
+    background: rgba(15, 23, 42, 0.85); color: #e2e8f0;
+    font: 13px/1 sans-serif; padding: 8px 16px; border-radius: 8px;
+    z-index: 5; pointer-events: none;
+  }
+</style>
+</head>
+<body>
+  <div id="stage"><img id="bg" alt=""></div>
+  <div id="mask"></div>
+  <div id="sel"><div class="sz"></div></div>
+  <div id="toolbar">
+    <span class="tip">拖动鼠标框选区域</span>
+    <button id="okBtn">✔ 确定</button>
+    <button id="cancelBtn">✕ 取消 (Esc)</button>
+  </div>
+  <div id="hint">拖动鼠标框选要截取的区域 · Esc 取消</div>
+
+<script>
+  const bg = document.getElementById('bg')
+  const mask = document.getElementById('mask')
+  const sel = document.getElementById('sel')
+  const toolbar = document.getElementById('toolbar')
+  const hint = document.getElementById('hint')
+  const sz = sel.querySelector('.sz')
+
+  let startX = 0, startY = 0, drawing = false
+  let rect = null
+
+  // 接收主进程传来的截图 dataURL
+  window.__screenshot.onData((dataUrl) => {
+    bg.src = dataUrl
+    setTimeout(() => (hint.style.opacity = '0.9'), 100)
+  })
+
+  const updateMask = () => {
+    if (!rect) { mask.style.background = 'rgba(0,0,0,0.45)'; return }
+    const { x, y, w, h } = rect
+    mask.style.background =
+      `linear-gradient(rgba(0,0,0,0.45) ${y}px, transparent ${y}px ${y + h}px, rgba(0,0,0,0.45) ${y + h}px),` +
+      `linear-gradient(90deg, rgba(0,0,0,0.45) ${x}px, transparent ${x}px ${x + w}px, rgba(0,0,0,0.45) ${x + w}px)`
+  }
+
+  document.addEventListener('mousedown', (e) => {
+    if (e.button !== 0) return
+    startX = e.clientX; startY = e.clientY
+    drawing = true
+    rect = null
+    sel.style.display = 'none'
+    toolbar.style.display = 'none'
+  })
+
+  document.addEventListener('mousemove', (e) => {
+    if (!drawing) return
+    const x = Math.min(startX, e.clientX)
+    const y = Math.min(startY, e.clientY)
+    const w = Math.abs(e.clientX - startX)
+    const h = Math.abs(e.clientY - startY)
+    rect = { x, y, w, h }
+    sel.style.display = 'block'
+    sel.style.left = x + 'px'; sel.style.top = y + 'px'
+    sel.style.width = w + 'px'; sel.style.height = h + 'px'
+    sz.textContent = Math.round(w) + ' × ' + Math.round(h)
+    updateMask()
+  })
+
+  document.addEventListener('mouseup', () => {
+    if (!drawing) return
+    drawing = false
+    if (rect && rect.w > 5 && rect.h > 5) {
+      const t = document.getElementById('toolbar')
+      t.style.display = 'flex'
+      t.style.left = Math.min(rect.x + rect.w + 10, window.innerWidth - 220) + 'px'
+      t.style.top = (rect.y + rect.h + 12 > window.innerHeight - 60 ? rect.y - 56 : rect.y + rect.h + 12) + 'px'
+      hint.style.opacity = '0'
+    } else {
+      rect = null; sel.style.display = 'none'
+    }
+  })
+
+  document.getElementById('okBtn').onclick = () => {
+    if (rect) window.__screenshot.done(rect)
+  }
+  document.getElementById('cancelBtn').onclick = () => window.__screenshot.cancel()
+
+  document.addEventListener('keydown', (e) => {
+    if (e.key === 'Escape') window.__screenshot.cancel()
+    if (e.key === 'Enter' && rect) window.__screenshot.done(rect)
+  })
+</script>
+</body>
+</html>