All files listeners.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
4x
4x
 
 
 
4x
4x
4x
 
 
2x
 
8x
 
 
 
 
 
 
 
 
 
 
4x
 
7x
 
6x
6x
 
6x
 
6x
 
 
6x
 
 
5x
1x
 
4x
 
 
 
 
 
4x
 
 
 
 
4x
5x
 
 
 
import {browser, Menus, Tabs} from 'webextension-polyfill-ts';
import {MENU_ITEM_ID, minimizingIndex, toId} from './util';
import OnShownInfoType = Menus.OnShownInfoType;
import Tab = Tabs.Tab;
 
export abstract class Listeners {
  private static lastMenuInstanceId = 0;
  private static nextMenuInstanceId = 1;
 
  static closeTabsToLeft(info: Menus.OnClickData, target: Tabs.Tab): Promise<void> {
    return browser.tabs
      .query({currentWindow: true, pinned: false})
      .then(tabs => tabs.filter(tab => tab.index < target.index).map(toId))
      .then(browser.tabs.remove);
  }
 
  /**
   * Toggles the enabled state of the Close Tabs to the Left button.
   * If targetTab has the same index as the leftmost tab in the current window, the menu button is disabled.
   * Otherwise, the menu button is enabled.
   *
   * @see https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/menus/onShown
   */
  static updateEnabledState: (info: OnShownInfoType, targetTab: Tab | undefined) => void = async (info, targetTab) => {
    // If targetTab is undefined then this is not a tab menu
    if (!targetTab) return;
 
    const menuInstanceId = Listeners.nextMenuInstanceId++;
    Listeners.lastMenuInstanceId = menuInstanceId;
 
    const leftmostTabInCurrentWindow: Tabs.Tab | null = await browser.tabs
      .query({currentWindow: true, pinned: false})
      .then(windowTabs => (windowTabs.length ? windowTabs.reduce(minimizingIndex) : null));
 
    // Verify that menu was not closed and shown again during async operation
    if (menuInstanceId !== Listeners.lastMenuInstanceId) return;
 
    // If targetTab is pinned, then there can only be pinned tabs to the left
    if (targetTab.pinned) {
      return Listeners.updateMenuItem({enabled: false});
    }
    return Listeners.updateMenuItem({enabled: leftmostTabInCurrentWindow?.index !== targetTab.index});
  };
 
  /**
   * Reset the menu open/closed state used by the onShown handler.
   */
  static resetMenuInstanceState: () => void = () => (Listeners.lastMenuInstanceId = 0);
 
  /**
   * Update the menu item with the provided properties, then refresh the extension items in the shown menu.
   */
  private static updateMenuItem = async (updateProperties: Menus.UpdateUpdatePropertiesType): Promise<void> => {
    return browser.menus.update(MENU_ITEM_ID, updateProperties).then(() => browser.menus.refresh());
  };
}