pages/search: shaped tabs

pages/search/modules/store.js

@@ -0,0 +1,58 @@
+import * as labels from './labels.js'
+
+export const init = ({
+  tabs: browserTabs,
+  onStateUpdate,
+}) => {
+  /* Initial state */
+  const state = {
+    tabs: [],
+  }
+
+  /* */
+
+  const shapeTabs = (tabs) => tabs
+    .map((tab) => ({
+      label: labels.id2label(tab.id, tabs),
+      ...tab,
+    }))
+    .map((tab) => [
+      'favIconUrl',
+      'id',
+      'label',
+      'title',
+      'url',
+    ].reduce((acc, x) => (acc[x] = tab[x], acc), {}))
+
+  const fetchTabs = () =>
+    browserTabs.query({ currentWindow: true, active: false })
+      .then(shapeTabs)
+      .then((tabs) => tabs.reverse())
+      .then((tabs) => void (state.tabs = tabs))
+
+  /* */
+
+  const updateState = () =>
+    fetchTabs()
+      .then(() => onStateUpdate(state))
+
+  updateState()
+
+  /* */
+
+  return {
+    getCurrentState() {
+      return state
+    },
+    actions: {
+      goToTab(id) {
+        browserTabs.update(id, { active: true })
+          .then(updateState)
+      },
+      closeTab(id) {
+        browserTabs.remove(id)
+          .then(updateState)
+      },
+    },
+  }
+}