feat: add context menu (blib-la#41)

main/background.ts

@@ -1,6 +1,7 @@
 import path from "path";
 
 import { app, protocol, shell, Menu } from "electron";
+import contextMenu from "electron-context-menu";
 import serve from "electron-serve";
 
 import i18next from "../next-i18next.config.js";
@@ -14,8 +15,14 @@ import { init } from "./init";
 import { getInstalledVersion } from "./utils/first-launch";
 import "./live-painting";
 import "./datasets";
+
 import "./captions";
 
+contextMenu({
+	showSaveImageAs: true,
+	showSearchWithGoogle: false,
+});
+
 app.commandLine.appendSwitch("enable-smooth-scrolling");
 
 if (isProduction) {

package.json

@@ -22,10 +22,11 @@
     "test:unit": "jest --runInBand --config jest.config.unit.mjs --verbose"
   },
   "dependencies": {
-    "electron-dl": "^3.5.1",
-    "electron-serve": "^1.3.0",
+    "electron-dl": "3.5.1",
+    "electron-serve": "1.3.0",
     "electron-store": "^8.1.0",
-    "sharp": "^0.33.2"
+    "electron-context-menu": "3.6.1",
+    "sharp": "0.33.2"
   },
   "devDependencies": {
     "@commitlint/cli": "^18.6.0",

renderer/ions/styles/index.tsx

@@ -3,6 +3,8 @@ import { css, Global } from "@emotion/react";
 export const globalStyles = (
 	<Global
 		styles={css({
+			"*": { userSelect: "none" },
+			"input, textarea, [contenteditable], select": { userSelect: "unset" },
 			":root": {
 				"--safe-area-inset-top": "env(safe-area-inset-top)",
 				"--safe-area-inset-bottom": "env(safe-area-inset-bottom)",