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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
|
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
// @flow
import type { PersistedTab, VisibleTab } from "../reducers/tabs";
import type { TabList, Tab, TabsSources } from "../reducers/types";
import type { URL } from "../types";
/*
* Finds the hidden tabs by comparing the tabs' top offset.
* hidden tabs will have a great top offset.
*
* @param sourceTabs Array
* @param sourceTabEls HTMLCollection
*
* @returns Array
*/
export function getHiddenTabs(
sourceTabs: TabsSources,
sourceTabEls: Array<any>
): TabsSources {
sourceTabEls = [].slice.call(sourceTabEls);
function getTopOffset(): number {
const topOffsets = sourceTabEls.map(t => t.getBoundingClientRect().top);
return Math.min(...topOffsets);
}
function hasTopOffset(el): boolean {
// adding 10px helps account for cases where the tab might be offset by
// styling such as selected tabs which don't have a border.
const tabTopOffset = getTopOffset();
return el.getBoundingClientRect().top > tabTopOffset + 10;
}
return sourceTabs.filter((tab, index: number) => {
const element = sourceTabEls[index];
return element && hasTopOffset(element);
});
}
export function getFramework(tabs: TabList, url: URL): string {
const tab = tabs.find(t => t.url === url);
return tab?.framework ?? "";
}
export function getTabMenuItems(): Object {
return {
closeTab: {
id: "node-menu-close-tab",
label: L10N.getStr("sourceTabs.closeTab"),
accesskey: L10N.getStr("sourceTabs.closeTab.accesskey"),
disabled: false,
},
closeOtherTabs: {
id: "node-menu-close-other-tabs",
label: L10N.getStr("sourceTabs.closeOtherTabs"),
accesskey: L10N.getStr("sourceTabs.closeOtherTabs.accesskey"),
disabled: false,
},
closeTabsToEnd: {
id: "node-menu-close-tabs-to-end",
label: L10N.getStr("sourceTabs.closeTabsToEnd"),
accesskey: L10N.getStr("sourceTabs.closeTabsToEnd.accesskey"),
disabled: false,
},
closeAllTabs: {
id: "node-menu-close-all-tabs",
label: L10N.getStr("sourceTabs.closeAllTabs"),
accesskey: L10N.getStr("sourceTabs.closeAllTabs.accesskey"),
disabled: false,
},
showSource: {
id: "node-menu-show-source",
label: L10N.getStr("sourceTabs.revealInTree"),
accesskey: L10N.getStr("sourceTabs.revealInTree.accesskey"),
disabled: false,
},
copySource: {
id: "node-menu-copy-source",
label: L10N.getStr("copySource.label"),
accesskey: L10N.getStr("copySource.accesskey"),
disabled: false,
},
copySourceUri2: {
id: "node-menu-copy-source-url",
label: L10N.getStr("copySourceUri2"),
accesskey: L10N.getStr("copySourceUri2.accesskey"),
disabled: false,
},
toggleBlackBox: {
id: "node-menu-blackbox",
label: L10N.getStr("ignoreContextItem.ignore"),
accesskey: L10N.getStr("ignoreContextItem.ignore.accesskey"),
disabled: false,
},
prettyPrint: {
id: "node-menu-pretty-print",
label: L10N.getStr("sourceTabs.prettyPrint"),
accesskey: L10N.getStr("sourceTabs.prettyPrint.accesskey"),
disabled: false,
},
};
}
export function isSimilarTab(tab: Tab, url: URL, isOriginal: boolean): boolean {
return tab.url === url && tab.isOriginal === isOriginal;
}
export function persistTabs(tabs: VisibleTab[]): PersistedTab[] {
return [...tabs]
.filter(tab => tab.url)
.map(tab => ({ ...tab, sourceId: null }));
}
|
