xiaoshuai
2b63bf7d0b
## 图片直显 + 右键复制 以前图片消息基本只能看到 "[图片] xxx.png" 的文件卡片, 而且右键没有"复制"。 根因有两层: 1. `asImage` 从来没被设成 true —— 用"发送文件"选中的图片是当**普通文件**发的, 对方只能看到文件卡片。 2. 拖拽/粘贴的图走 `sendBuffer`, 只在 <200KB 时才带 `thumbDataUrl`, 大图没有缩略图 -> 渲染层 fallback 成文件卡片。 改法: - 缩略图随消息体走 (`body.thumbDataUrl`): **发送方生成一次, 对方直接拿来显示**, 对端不用再解码, 老版本对端也看得到图。 - 缩略图用 Electron 的 `nativeImage` 生成 (`src/main/image.ts`), 不引 sharp/jimp: 宽度上限 480, **PNG 优先 (保透明 —— 截图转 JPEG 会变黑底)**, PNG 超 60KB 才退 JPEG, 然后按"降质量 -> 缩尺寸"的阶梯找一档够小的。 阈值/编码选择/选图源抽到 `src/main/image-core.ts` (纯逻辑, 不 import electron, 可单测)。 源文件 >20MB 不生成 —— nativeImage 解码会把整张图铺成 RGBA 内存。 - 拖拽/选中的图片改走 `sendFile(asImage: true)` (有真实路径, 流式上传), 只有粘贴的图片才走 `sendBuffer` (整图 base64 进 WS 帧, 大图撑爆带宽)。 - 右键"复制图片" -> `image:copy` IPC -> `clipboard.writeImage`, 写的是**原图** (本地文件优先, 退回 dataBase64), 不是气泡里那个缩略图。 - 缩略图缺失时 (老消息/老版本对端) 渲染层退到 `image:thumb` 现场生成, 失败才显示文件卡片。点开看大图用 `image:dataUrl` 读本地原图。 ## 修未读角标不清 用户正看着某个会话, dock/任务栏角标的数字却不消。 根因: `App.vue` 的 `message:received` 里先判 `if (!savedPath) return` (等文件落地再算未读), 而**文字消息没有 savedPath** —— 正好在"清未读"之前就 return 了。 文件/图片消息因为第二帧带 savedPath 才碰巧能清掉, 所以只有文字消息暴露这个 bug。 改法: - 决策抽成纯函数 `src/renderer/src/utils/unread.ts` 的 `unreadActionForIncoming()` (`clear` / `wait` / `count`): **先判 isActive -> 清未读 + 回已读回执, 再判 savedPath**。 - 侧边栏**重复点同一个设备**时 activePeerId 不变, watch 不触发 -> 显式清一次。 - 主进程 `device:delete` 清了 unread 但忘了 `updateBadge()` -> 角标残留, 补上。 ## 验证 - npm run typecheck ✅ - npm run build ✅ - npm run selftest ✅ 76 通过 / 0 失败 (新增 I1-I8 图片 + U1-U4 角标) - npm run selftest:sync ✅ 全部通过 - npm run selftest:image ✅ 真 Electron 下验 nativeImage (新增命令) - npm run package:linux ✅ 新 deb - npm run selftest:package ✅ 4/4 真机 (CDP 驱动真实窗口) 验证过: 图片气泡内联显示 (640x420, fallback 0 个), 右键菜单含"复制图片", 点下去系统剪贴板里是 **640x420 原图** (不是缩略图)。
140 lines
5.7 KiB
JSON
140 lines
5.7 KiB
JSON
{
|
|
"name": "local-net-msg",
|
|
"version": "0.1.0",
|
|
"private": true,
|
|
"description": "局域网即时通讯 (Electron + Vue 3) - 飞书风格",
|
|
"homepage": "https://github.com/localnetmsg/local-net-msg",
|
|
"author": "LocalNetMsg <dev@localnetmsg.local>",
|
|
"main": "out/main/index.js",
|
|
"allowScripts": {
|
|
"better-sqlite3": true,
|
|
"electron": true,
|
|
"esbuild": true,
|
|
"node-hid": true,
|
|
"@serialport/bindings-cpp": true,
|
|
"vue-demi": true
|
|
},
|
|
"scripts": {
|
|
"dev": "electron-vite dev",
|
|
"build": "electron-vite build",
|
|
"preview": "electron-vite preview",
|
|
"start": "electron-vite preview",
|
|
"typecheck:node": "tsc --noEmit -p tsconfig.node.json",
|
|
"typecheck:web": "vue-tsc --noEmit -p src/renderer/tsconfig.json",
|
|
"typecheck": "npm run typecheck:node && npm run typecheck:web",
|
|
"selftest:build": "esbuild scripts/selftest/main.ts --bundle --platform=node --format=cjs --target=node20 --outfile=scripts/selftest/.out/selftest.cjs --alias:electron=./scripts/selftest/electron-stub.cjs --alias:@lydell/node-pty=./scripts/selftest/pty-shim.cjs --external:better-sqlite3 --external:serialport --external:usb --external:node-hid --external:sudo-prompt --external:ws",
|
|
"selftest": "npm run selftest:build && cross-env ELECTRON_RUN_AS_NODE=1 electron scripts/selftest/.out/selftest.cjs",
|
|
"selftest:sync:build": "esbuild scripts/selftest/sync-e2e.ts --bundle --platform=node --format=cjs --target=node20 --outfile=scripts/selftest/.out/sync-e2e.cjs --alias:electron=./scripts/selftest/electron-stub.cjs --external:better-sqlite3 --external:serialport --external:usb --external:node-hid --external:sudo-prompt --external:ws",
|
|
"selftest:sync": "npm run selftest:sync:build && cross-env ELECTRON_RUN_AS_NODE=1 electron scripts/selftest/.out/sync-e2e.cjs",
|
|
"selftest:package": "cross-env ELECTRON_RUN_AS_NODE=1 electron scripts/selftest/packaging-check.cjs",
|
|
"selftest:image:build": "esbuild src/main/image.ts --bundle --platform=node --format=cjs --target=node20 --outfile=scripts/selftest/.out/image-native.cjs --external:electron",
|
|
"selftest:image": "npm run selftest:image:build && electron scripts/selftest/native-image-check.cjs",
|
|
"package:win": "cross-env ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/ ELECTRON_BUILDER_BINARIES_MIRROR=https://npmmirror.com/mirrors/electron-builder-binaries/ electron-vite build && electron-builder --win --x64",
|
|
"package:mac": "cross-env ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/ ELECTRON_BUILDER_BINARIES_MIRROR=https://npmmirror.com/mirrors/electron-builder-binaries/ electron-vite build && electron-builder --mac",
|
|
"package:linux": "cross-env ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/ ELECTRON_BUILDER_BINARIES_MIRROR=https://npmmirror.com/mirrors/electron-builder-binaries/ electron-vite build && electron-builder --linux",
|
|
"package:dir": "cross-env ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/ ELECTRON_BUILDER_BINARIES_MIRROR=https://npmmirror.com/mirrors/electron-builder-binaries/ electron-vite build && electron-builder --dir",
|
|
"postinstall": "node scripts/postinstall.js"
|
|
},
|
|
"dependencies": {
|
|
"@element-plus/icons-vue": "^2.3.1",
|
|
"@lydell/node-pty": "^1.2.0-beta.12",
|
|
"@xterm/addon-fit": "^0.11.0",
|
|
"@xterm/addon-web-links": "^0.12.0",
|
|
"@xterm/xterm": "^6.0.0",
|
|
"better-sqlite3": "^11.5.0",
|
|
"electron-store": "^8.2.0",
|
|
"element-plus": "^2.8.4",
|
|
"highlight.js": "^11.10.0",
|
|
"markdown-it": "^14.3.0",
|
|
"node-hid": "^3.3.0",
|
|
"pinia": "^2.2.4",
|
|
"serialport": "^13.0.0",
|
|
"sudo-prompt": "^9.2.1",
|
|
"usb": "^3.0.1",
|
|
"ws": "^8.18.0"
|
|
},
|
|
"devDependencies": {
|
|
"@types/better-sqlite3": "^7.6.11",
|
|
"@types/markdown-it": "^14.1.2",
|
|
"@types/node": "^22.7.5",
|
|
"@types/ws": "^8.5.12",
|
|
"@vitejs/plugin-vue": "^5.1.4",
|
|
"cross-env": "^7.0.3",
|
|
"electron": "^32.1.2",
|
|
"electron-builder": "^24.13.3",
|
|
"electron-vite": "^2.3.0",
|
|
"typescript": "^5.6.2",
|
|
"vite": "^5.4.8",
|
|
"vue": "^3.5.10",
|
|
"vue-router": "^4.4.5",
|
|
"vue-tsc": "^2.1.6"
|
|
},
|
|
"build": {
|
|
"appId": "com.localnetmsg.app",
|
|
"productName": "LocalNetMsg",
|
|
"copyright": "Copyright © 2026",
|
|
"directories": {
|
|
"output": "dist-Electron",
|
|
"buildResources": "resources"
|
|
},
|
|
"npmRebuild": false,
|
|
"files": [
|
|
"out/**/*",
|
|
"package.json"
|
|
],
|
|
"asarUnpack": [
|
|
"**/node_modules/@lydell/node-pty/**/*",
|
|
"**/node_modules/@lydell/node-pty-*/**/*",
|
|
"**/node_modules/@node-usb/**/*",
|
|
"**/node_modules/usb/prebuilds/**/*",
|
|
"**/node_modules/@serialport/**/prebuilds/**/*",
|
|
"**/node_modules/node-hid/prebuilds/**/*"
|
|
],
|
|
"extraResources": [
|
|
{
|
|
"from": "resources/icon.png",
|
|
"to": "icon.png"
|
|
}
|
|
],
|
|
"win": {
|
|
"icon": "resources/icon.png",
|
|
"target": [
|
|
{
|
|
"target": "nsis",
|
|
"arch": [
|
|
"x64"
|
|
]
|
|
}
|
|
],
|
|
"artifactName": "${productName}-${version}-Setup.${ext}"
|
|
},
|
|
"nsis": {
|
|
"oneClick": false,
|
|
"perMachine": false,
|
|
"allowElevation": true,
|
|
"allowToChangeInstallationDirectory": true,
|
|
"createDesktopShortcut": true,
|
|
"createStartMenuShortcut": true,
|
|
"shortcutName": "LocalNetMsg"
|
|
},
|
|
"mac": {
|
|
"icon": "resources/icon.png",
|
|
"target": "dmg",
|
|
"category": "public.app-category.social-networking"
|
|
},
|
|
"linux": {
|
|
"icon": "resources/icons",
|
|
"target": [
|
|
"deb"
|
|
],
|
|
"category": "Network",
|
|
"synopsis": "LAN instant messaging",
|
|
"description": "LocalNetMsg — a LAN instant messaging desktop app.",
|
|
"maintainer": "LocalNetMsg <dev@localnetmsg.local>",
|
|
"desktop": {
|
|
"StartupWMClass": "local-net-msg"
|
|
}
|
|
}
|
|
}
|
|
}
|