feat: open images from dialog menu

src/main/menu.js

@@ -1,6 +1,8 @@
 const { app, dialog, BrowserWindow, shell } = require('electron')
 const { version, author } = require('../../package.json')
 const os = require('os')
+const { readFileOrDir } = require('./utils')
+const { ImageOptimizer } = require('./image-compressor')
 
 const isMac = process.platform === 'darwin'
 const year = new Date().getFullYear()
@@ -66,6 +68,27 @@ module.exports = context => {
     submenu: createImageOptimizerMenu(context)
   }
 
+  const file = {
+    label: 'File',
+    submenu: [
+      {
+        label: 'Open Images',
+        async click () {
+          const { filePaths } = await dialog.showOpenDialog({
+            properties: ['openFile', 'openDirectory', 'multiSelections']
+          })
+          if (filePaths.length) {
+            const files = readFileOrDir(filePaths)
+            const optimizer = new ImageOptimizer(files, context)
+            context.webContents.send('drop-from-dialog')
+            optimizer.start()
+          }
+        },
+        accelerator: 'CommandOrControl+O'
+      }
+    ]
+  }
+
   const help = {
     label: 'Help',
     role: 'help',
@@ -107,5 +130,5 @@ module.exports = context => {
     ]
   }
 
-  return [imageOptimizer, help]
+  return [imageOptimizer, file, help]
 }

src/main/utils/index.js

@@ -1,4 +1,6 @@
 const fs = require('fs')
+const path = require('path')
+const mime = require('mime-types')
 
 function isFile (path) {
   const stat = fs.lstatSync(path)
@@ -18,6 +20,17 @@ function getFileSize (path) {
   }
 }
 
+function getFilesOrDirs (paths) {
+  return paths.map(p => {
+    const { name, ext } = path.parse(p)
+    return {
+      name: name + ext,
+      path: p,
+      type: isFolder(p) ? '' : mime.lookup(p)
+    }
+  })
+}
+
 function formatBytes (bytes, decimals = 2) {
   if (bytes === 0) return '0 Bytes'
 
@@ -33,5 +46,6 @@ function formatBytes (bytes, decimals = 2) {
 module.exports = {
   isFile,
   isFolder,
-  getFileSize
+  getFileSize,
+  readFileOrDir: getFilesOrDirs
 }

src/renderer/components/AppDragArea.vue

@@ -37,6 +37,10 @@ export default {
     return {}
   },
 
+  created () {
+    ipc.on('drop-from-dialog', () => this.$emit('hide', true))
+  },
+
   methods: {
     onDrop (e) {
       e.preventDefault()