feat(ux): open Web UI at launch on Linux

assets/locales/en.json

@@ -219,6 +219,7 @@
     "openNodeSettings": "Open Node Settings",
     "appPreferences": "App Preferences",
     "launchOnStartup": "Launch at Login",
+    "openWebUIAtLaunch": "Open Web UI at Launch",
     "ipfsCommandLineTools": "Command Line Tools",
     "takeScreenshotShortcut": "Global Screenshot Shortcut",
     "downloadHashShortcut": "Global Download Shortcut",

src/tray.js

@@ -14,9 +14,11 @@ const { CONFIG_KEY: DOWNLOAD_KEY, SHORTCUT: DOWNLOAD_SHORTCUT, downloadCid } = r
 const { CONFIG_KEY: AUTO_LAUNCH_KEY, isSupported: supportsLaunchAtLogin } = require('./auto-launch')
 const { CONFIG_KEY: IPFS_PATH_KEY } = require('./ipfs-on-path')
 const { CONFIG_KEY: NPM_IPFS_KEY } = require('./npm-on-ipfs')
+const { CONFIG_KEY: AUTO_LAUNCH_WEBUI_KEY } = require('./webui')
 
 const CONFIG_KEYS = [
   AUTO_LAUNCH_KEY,
+  AUTO_LAUNCH_WEBUI_KEY,
   IPFS_PATH_KEY,
   NPM_IPFS_KEY,
   SCREENSHOT_KEY,
@@ -118,6 +120,7 @@ function buildMenu (ctx) {
           enabled: false
         },
         buildCheckbox(AUTO_LAUNCH_KEY, 'settings.launchOnStartup'),
+        buildCheckbox(AUTO_LAUNCH_WEBUI_KEY, 'settings.openWebUIAtLaunch'),
         buildCheckbox(IPFS_PATH_KEY, 'settings.ipfsCommandLineTools'),
         buildCheckbox(SCREENSHOT_KEY, 'settings.takeScreenshotShortcut'),
         buildCheckbox(DOWNLOAD_KEY, 'settings.downloadHashShortcut'),

src/webui/index.js

@@ -7,11 +7,15 @@ const os = require('os')
 const openExternal = require('./open-external')
 const logger = require('../common/logger')
 const store = require('../common/store')
+const { IS_MAC, IS_WIN } = require('../common/consts')
 const dock = require('../utils/dock')
 const { VERSION } = require('../common/consts')
+const createToggler = require('../utils/create-toggler')
 
 serve({ scheme: 'webui', directory: join(__dirname, '../../assets/webui') })
 
+const CONFIG_KEY = 'openWebUIAtLaunch'
+
 const createWindow = () => {
   const dimensions = screen.getPrimaryDisplay()
 
@@ -72,6 +76,19 @@ const apiOrigin = (apiMultiaddr) => {
 }
 
 module.exports = async function (ctx) {
+  if (store.get(CONFIG_KEY, null) === null) {
+    // First time running this. If it's not macOS, nor Windows,
+    // enable opening ipfs-webui at app launch.
+    // This is the best we can do to mitigate Tray issues on Linux:
+    // https://github.com/ipfs-shipyard/ipfs-desktop/issues/1153
+    store.set(CONFIG_KEY, !IS_MAC && !IS_WIN)
+  }
+
+  createToggler(CONFIG_KEY, async ({ newValue }) => {
+    store.set(CONFIG_KEY, newValue)
+    return true
+  })
+
   openExternal()
 
   const window = createWindow(ctx)
@@ -130,10 +147,17 @@ module.exports = async function (ctx) {
   return new Promise(resolve => {
     window.once('ready-to-show', () => {
       logger.info('[web ui] window ready')
+
+      if (store.get(CONFIG_KEY)) {
+        ctx.launchWebUI('/')
+      }
+
       resolve()
     })
 
     updateLanguage()
     window.loadURL(url.toString())
   })
 }
+
+module.exports.CONFIG_KEY = CONFIG_KEY