pages/search: actions: extract tab to popup

pages/search/modules/actionboxHandlers.js

@@ -19,7 +19,7 @@ export const actionboxHandlers = (commandQuery, store, flush) => {
     'c': duplicateTab,
     's': discardTab,
     'p': pinOrUnpinTab,
-    // 'e': Pop the tab into it's own window with minimal UI
+    'e': moveTabToPopup,
   }[command] ?? noop(command))(store, label, flush)
 }
 
@@ -78,6 +78,15 @@ function duplicateTab (store, label, flush) {
   }
 }
 
+function moveTabToPopup (store, label, flush) {
+  const tab = getTabByLabel(store, label)
+  if (tab) {
+    flush()
+    store.actions.moveTabToPopup(tab.id)
+    store.actions.closeCurrentTab()
+  }
+}
+
 function pinOrUnpinTab (store, label, flush) {
   const tab = getTabByLabel(store, label)
   if (tab) {

pages/search/modules/store.js

@@ -3,6 +3,7 @@ const fuzzysort = window.fuzzysort
 
 export const init = ({
   tabs: browserTabs,
+  windows: browserWindows,
   onStateUpdate,
   closeCurrentTab,
 }) => {
@@ -94,6 +95,12 @@ export const init = ({
         browserTabs.discard(id)
           .then(updateState)
       },
+      moveTabToPopup(id) {
+        browserWindows.create({
+          tabId: id,
+          type: 'popup',
+        }).then(updateState)
+      },
       updateTab(id, options) {
         browserTabs.update(id, options)
           .then(updateState)

pages/search/search.js

@@ -4,6 +4,7 @@ import * as inputHandlers from './modules/inputHandlers.js'
 
 const store = Store.init({
   tabs: browser.tabs,
+  windows: browser.windows,
   onStateUpdate: dom.updateSearchResults,
   closeCurrentTab: () => window.close(),
 })