feat: upgrade to latest electron

Author: antfu

.vscode/settings.json

@@ -0,0 +1,41 @@
+{
+  // Enable the ESlint flat config support
+  "eslint.experimental.useFlatConfig": true,
+
+  // Disable the default formatter, use eslint instead
+  "prettier.enable": false,
+  "editor.formatOnSave": false,
+
+  // Auto fix
+  "editor.codeActionsOnSave": {
+    "source.fixAll": "explicit",
+    "source.organizeImports": "never"
+  },
+
+  // Silent the stylistic rules in you IDE, but still auto fix them
+  "eslint.rules.customizations": [
+    { "rule": "style/*", "severity": "off" },
+    { "rule": "*-indent", "severity": "off" },
+    { "rule": "*-spacing", "severity": "off" },
+    { "rule": "*-spaces", "severity": "off" },
+    { "rule": "*-order", "severity": "off" },
+    { "rule": "*-dangle", "severity": "off" },
+    { "rule": "*-newline", "severity": "off" },
+    { "rule": "*quotes", "severity": "off" },
+    { "rule": "*semi", "severity": "off" }
+  ],
+
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml"
+  ]
+}

broz.js

@@ -1,7 +1,8 @@
 #!/usr/bin/env node
 'use strict'
-const { execFileSync } = require('child_process')
-const path = require('path')
+const process = require('node:process')
+const { execFileSync } = require('node:child_process')
+const path = require('node:path')
 
 const args = [path.resolve(__dirname, 'index.js'), ...Array.from(process.argv).slice(2)]
 execFileSync(String(require('electron')), args, { stdio: 'inherit' })

eslint.config.js

@@ -0,0 +1,4 @@
+// @ts-check
+const antfu = require('@antfu/eslint-config').default
+
+module.exports = antfu()

index.js

@@ -1,4 +1,5 @@
 // @ts-check
+const process = require('node:process')
 const { app, BrowserWindow } = require('electron')
 const createState = require('electron-window-state')
 const yargs = require('yargs')
@@ -27,12 +28,12 @@ yargs
       })
       .option('height', {
         type: 'number',
-        default: false,
+        default: undefined,
         desc: 'set initial window height',
       })
       .option('width', {
         type: 'number',
-        default: false,
+        default: undefined,
         desc: 'set initial window width',
       }),
     async (args) => {
@@ -76,6 +77,14 @@ function createMainWindow(args) {
   })
 
   state.manage(main)
+  const debouncedSaveWindowState = debounce(
+    event => state.saveState(event.sender),
+    500,
+  )
+
+  main.on('resize', debouncedSaveWindowState)
+  main.on('move', debouncedSaveWindowState)
+
   configureWindow(main, args)
 
   return main
@@ -155,3 +164,13 @@ document.head.appendChild(rootStyle)
 
   return win
 }
+
+function debounce(fn, delay) {
+  let timeoutID = null
+  return function (...args) {
+    clearTimeout(timeoutID)
+    timeoutID = setTimeout(() => {
+      fn(...args)
+    }, delay)
+  }
+}

package.json

@@ -1,7 +1,7 @@
 {
   "name": "broz",
   "version": "0.3.3",
-  "packageManager": "pnpm@7.3.0",
+  "packageManager": "pnpm@8.9.0",
   "description": "A simple, frameless browser for screenshots",
   "author": "antfu <[email protected]>",
   "license": "MIT",
@@ -22,18 +22,15 @@
     "release": "bumpp --commit --tag --push && npm publish"
   },
   "dependencies": {
-    "electron": "^12.0.6",
+    "electron": "^26.3.0",
     "electron-window-state": "^5.0.3",
-    "yargs": "^17.5.1"
+    "yargs": "^17.7.2"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.25.1",
-    "@types/yargs": "^17.0.10",
-    "bumpp": "^8.2.1",
-    "eslint": "^8.18.0",
-    "typescript": "^4.7.4"
-  },
-  "eslintConfig": {
-    "extends": "@antfu"
+    "@antfu/eslint-config": "^1.0.0-beta.24",
+    "@types/yargs": "^17.0.28",
+    "bumpp": "^9.2.0",
+    "eslint": "^8.51.0",
+    "typescript": "^5.2.2"
   }
 }