feat: allow configuring initial focus

src/backend/defaults-installer.js

@@ -16,6 +16,9 @@ const defaults = [{
 }, {
   key: 'initialComponent',
   value: 'my'
+}, {
+  key: 'initialFocus',
+  value: 'bookmarks'
 }, {
   key: 'tiles',
   value: []
@@ -29,7 +32,7 @@ const installIfNeeded = (settings, item) => {
     if (value[item.key] !== undefined) {
       return;
     }
-    
+
     return settings.set(item.key, item.value);
   });
 };

src/backend/tab-opener.js

@@ -6,11 +6,11 @@ export default (url, callback) => {
     } else {
       chrome.tabs.create({ url: url });
     }
-    
+
     if (typeof callback === 'function') {
       callback();
     }
   });
-  
+
   return true;
 };

src/frontend/components/SearchField.vue

@@ -20,7 +20,7 @@ import messageService from '../message-service';
 import { mapState, mapGetters } from 'vuex';
 
 const state = mapState(['inputValue']);
-const getters = mapGetters(['selectedBookmark', 'openNew']);
+const getters = mapGetters(['selectedBookmark', 'openNew', 'initialFocus']);
 
 export default {
   computed: { ...getters, ...state },
@@ -48,11 +48,20 @@ export default {
     },
     onFocus() {
       this.$el.querySelector('input').focus();
-    }
+    },
   },
   mounted() {
-    this.onFocus();
-    window.onfocus = () => this.onFocus();
+    const search = new URLSearchParams(window.location.search);
+
+    if (this.initialFocus === 'bookmarks') {
+      if (search.get('bookmarks') === null) {
+        window.location.search = '?bookmarks';
+      } else {
+        this.onFocus();
+      }
+    }
+
+    window.addEventListener('focus', () => this.onFocus());
     messageService.on('focus', () => this.onFocus());
   }
 };

src/frontend/components/Settings.vue

@@ -50,6 +50,14 @@
         :values="['recent', 'my']"
         :value-labels="['Recent Bookmarks', 'My Bookmarks']" />
 
+      <settings-section
+        title="On New tab open"
+        @save="saveSetting"
+        name="initialFocus"
+        :active-value="initialFocus"
+        :values="['url', 'bookmarks']"
+        :value-labels="['Browser URL', 'Bookmarks Filter']" />
+
       <settings-section
         title="Open In The New Tab"
         @save="saveSetting"
@@ -79,7 +87,8 @@ const getters = mapGetters([
   'openNew',
   'showChromeUrls',
   'accent',
-  'initialComponent'
+  'initialComponent',
+  'initialFocus'
 ]);
 const state = mapState(['theme']);
 

src/frontend/store.js

@@ -67,6 +67,9 @@ const store = createStore({
     initialComponent(state) {
       return state.settings.initialComponent;
     },
+    initialFocus(state) {
+      return state.settings.initialFocus;
+    },
     shouldDisplayBookmarksList(state, getters) {
       return getters.showRecent || getters.hasInputValue;
     },

vite.config.js

@@ -8,15 +8,15 @@ export default defineConfig({
     rollupOptions: {
       input: {
         main: './src/frontend/main.js',
-        background: '/src/backend/background.js'
+        background: './src/backend/background.js',
       },
       output: {
         entryFileNames: 'scripts/[name].js',
         assetFileNames: 'assets/[name].[ext]',
-      }
+      },
     },
     sourcemap: process.env.CI === undefined,
   },
-  
+
   plugins: [vue()],
 });