🐛 Generate suggestions on focus

package.json

@@ -22,7 +22,7 @@
     "dev-actors": "tsc -w -p ./tsconfigs/tsconfig.actors.json",
     "rt:slink": "rm --force ./.store/artifact.tar.bz2 && ln -s ../../experiment-runtime/dist/experiment-runtime-1.0.0.en-US.linux-x86_64.tar.bz2 ./.store/artifact.tar.bz2",
     "lint": "eslint .",
-    "format": "pnpm lint && pnpm script:license-check --fix && prettier . --write",
+    "format": "pnpm lint && pnpm script:license-check --fix && prettier . --write --plugin prettier-plugin-svelte",
     "data": "concurrently -c auto pnpm:data:*",
     "data:tld": "wget https://data.iana.org/TLD/tlds-alpha-by-domain.txt -O ./src/content/shared/search/providers/data/tld.txt"
   },

src/content/browser/Browser.svelte

@@ -15,7 +15,7 @@
   // We don't care about the order that browers are rendered in the dom, but we
   // want to allow tab reordering. This should stop unnessisary updates
   $: sortedBrowers = [...$tabs].sort(
-    (tabA, tabB) => tabA.getId() - tabB.getId()
+    (tabA, tabB) => tabA.getId() - tabB.getId(),
   )
 </script>
 

src/content/browser/components/keybindings/Keybinding.svelte

@@ -9,15 +9,15 @@
 
   export let pref: string
   let keybind: Keybind = keybindFromString(
-    Services.prefs.getStringPref(pref, '')
+    Services.prefs.getStringPref(pref, ''),
   ).unwrap()
 
   onMount(() => {
     const observer = observable(
       () =>
         (keybind = keybindFromString(
-          Services.prefs.getStringPref(pref, '')
-        ).unwrap())
+          Services.prefs.getStringPref(pref, ''),
+        ).unwrap()),
     )
 
     Services.prefs.addObserver(pref, observer)

src/content/browser/components/toolbar/HamburgerMenu.svelte

@@ -28,22 +28,24 @@
   <div class="panel__container">
     <HamburgerMenuItem
       on:click={openDialogWindowAction(
-        'chrome://browser/content/settings/index.html'
+        'chrome://browser/content/settings/index.html',
       )}
     >
       Settings
     </HamburgerMenuItem>
     <HamburgerMenuItem
       on:click={openDialogWindowAction(
-        'chrome://browser/content/bookmarks/index.html'
+        'chrome://browser/content/bookmarks/index.html',
       )}
     >
       Bookmarks
     </HamburgerMenuItem>
     <HamburgerMenuItem
       on:click={() =>
         openTab(
-          resource.NetUtil.newURI('chrome://browser/content/credits/index.html')
+          resource.NetUtil.newURI(
+            'chrome://browser/content/credits/index.html',
+          ),
         )}
     >
       Credits

src/content/browser/components/toolbar/omnibox/Omnibox.svelte

@@ -20,6 +20,15 @@
 
   $: uri = tab.uri
 
+  async function generateSuggestions() {
+    const { suggestions: suggestionsMethod } = await suggestionsModule
+    suggestions = await suggestionsMethod(inputContent)
+    selectedSuggestion = Math.max(
+      Math.min(selectedSuggestion, suggestions.length - 1),
+      0,
+    )
+  }
+
   const unbindedSetInputContent = (value: string) => {
     inputContent = value
     if (tab.tabJustOpened && inputElement) {
@@ -48,19 +57,22 @@
         aria-owns="omnibox__suggestions-list"
         bind:this={inputElement}
         bind:value={inputContent}
-        on:focusin={() => (showFocus = true)}
+        on:focusin={() => {
+          showFocus = true
+          generateSuggestions()
+        }}
         on:blur|capture={() =>
           setTimeout(() => (showFocus = false) && (suggestions = []), 100)}
         on:keyup={async (e) => {
           if (e.key === 'Enter')
             return tab.goToUri(
-              resource.NetUtil.newURI(suggestions[selectedSuggestion].url)
+              resource.NetUtil.newURI(suggestions[selectedSuggestion].url),
             )
           if (e.key === 'ArrowDown') {
             e.preventDefault()
             selectedSuggestion = Math.min(
               selectedSuggestion + 1,
-              suggestions.length - 1
+              suggestions.length - 1,
             )
             return
           }
@@ -70,12 +82,7 @@
             return
           }
 
-          const { suggestions: suggestionsMethod } = await suggestionsModule
-          suggestions = await suggestionsMethod(inputContent)
-          selectedSuggestion = Math.max(
-            Math.min(selectedSuggestion, suggestions.length - 1),
-            0
-          )
+          await generateSuggestions()
         }}
       />
 

src/content/credits/Credits.svelte

@@ -16,7 +16,7 @@
       licenseText: string
     }[]
   > = fetch('chrome://browser/content/oss-licenses.json').then((res) =>
-    res.json()
+    res.json(),
   )
 </script>
 

src/content/settings/Settings.svelte

@@ -16,7 +16,7 @@
 
   let sidebarItems: SidebarItemData[] = []
   const searchEngines: Promise<any[]> = import('../shared/search/engine').then(
-    (search) => search.searchEngineService.getSearchEngines()
+    (search) => search.searchEngineService.getSearchEngines(),
   )
 </script>
 

src/content/settings/components/Category.svelte

@@ -17,7 +17,7 @@
 
     return () =>
       (sidebarItems = sidebarItems.filter(
-        (item) => item.counter != sidebarItem.counter
+        (item) => item.counter != sidebarItem.counter,
       ))
   })
 </script>

src/content/shared/components/FancySelect.svelte

@@ -13,8 +13,8 @@
   onMount(
     () =>
       (menulist.selectedIndex = items.findIndex(
-        (item) => item.value == selected
-      ))
+        (item) => item.value == selected,
+      )),
   )
   $: menulist &&
     (menulist.selectedIndex = items.findIndex((item) => item.value == selected))