feat(desktop): 增加截图功能

client/desktop/package.json

@@ -45,6 +45,7 @@
     "package:nodebug": "ts-node ./.erb/scripts/clean.js dist && yarn build && electron-builder build --publish never",
     "rebuild": "electron-rebuild --parallel --types prod,dev,optional --module-dir release/app",
     "dev": "cross-env FE_URL=http://127.0.0.1:11011 SERVICE_URL=http://127.0.0.1:11000 yarn start",
+    "dev:nightly": "cross-env FE_URL=http://nightly.paw.msgbyte.com SERVICE_URL=https://tailchat-nightly.moonrailgun.com/ yarn start",
     "start": "ts-node ./.erb/scripts/check-port-in-use.js && yarn start:renderer",
     "start:main": "cross-env NODE_ENV=development electronmon -r ts-node/register/transpile-only .",
     "start:preload": "cross-env NODE_ENV=development TS_NODE_TRANSPILE_ONLY=true webpack --config ./.erb/configs/webpack.config.preload.dev.ts",
@@ -115,11 +116,13 @@
     "electron-debug": "^3.2.0",
     "electron-is": "^3.0.0",
     "electron-log": "^4.4.7",
+    "electron-screenshots": "^0.5.15",
     "electron-serve": "^1.1.0",
     "electron-updater": "^5.0.1",
     "electron-window-state": "^5.0.3",
     "express": "^4.18.1",
     "get-port": "5.1.1",
+    "lodash": "^4.17.21",
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
     "react-router-dom": "^6.3.0",
@@ -131,6 +134,7 @@
     "@teamsupercell/typings-for-css-modules-loader": "^2.5.1",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.2.0",
+    "@types/lodash": "^4.14.191",
     "@types/jest": "^27.5.1",
     "@types/node": "^17.0.42",
     "@types/react": "^18.0.9",

client/desktop/src/main/main.ts

@@ -16,6 +16,7 @@ import MenuBuilder from './menu';
 import { getMainWindowUrl } from './util';
 import windowStateKeeper from 'electron-window-state';
 import is from 'electron-is';
+import { initScreenshots } from './screenshots';
 
 log.info('Start...');
 
@@ -189,6 +190,8 @@ app
   .whenReady()
   .then(() => {
     createWindow();
+    initScreenshots();
+
     app.on('activate', () => {
       // On macOS it's common to re-create a window in the app when the
       // dock icon is clicked and there are no other windows open.

client/desktop/src/main/screenshots.ts

@@ -0,0 +1,25 @@
+import { globalShortcut } from 'electron';
+import Screenshots from 'electron-screenshots';
+import _once from 'lodash/once';
+
+export const initScreenshots = _once(() => {
+  const screenshots = new Screenshots();
+
+  globalShortcut.register('ctrl+shift+a', () => {
+    screenshots.startCapture();
+    // screenshots.$view.webContents.openDevTools();
+  });
+
+  // 点击确定按钮回调事件
+  screenshots.on('ok', (e, buffer, bounds) => {
+    console.log('capture', buffer, bounds);
+  });
+  // 点击取消按钮回调事件
+  screenshots.on('cancel', () => {
+    console.log('capture', 'cancel');
+  });
+  // 点击保存按钮回调事件
+  screenshots.on('save', (e, buffer, bounds) => {
+    console.log('capture', buffer, bounds);
+  });
+});