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
|
/* 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/>. */
import { createSelector } from "devtools/client/shared/vendor/reselect";
import { getSelectedSource } from "./sources";
import { getBreakpointsList } from "./breakpoints";
import { getSelectedLocation } from "../utils/selected-location";
// Returns a list of sources with their related breakpoints:
// [{ source, breakpoints: [breakpoint1, ...] }, ...]
//
// This only returns sources for which we have a visible breakpoint.
// This will return either generated or original source based on the currently
// selected source.
export const getBreakpointSources = createSelector(
getBreakpointsList,
getSelectedSource,
(breakpoints, selectedSource) => {
const visibleBreakpoints = breakpoints.filter(
bp =>
!bp.options.hidden &&
(bp.text || bp.originalText || bp.options.condition || bp.disabled)
);
const sources = new Map();
for (const breakpoint of visibleBreakpoints) {
// Depending on the selected source, this will match the original or generated
// location of the given selected source.
const location = getSelectedLocation(breakpoint, selectedSource);
const { source } = location;
// We may have more than one breakpoint per source,
// so use the map to have a unique entry per source.
if (!sources.has(source)) {
sources.set(source, {
source,
breakpoints: [breakpoint],
});
} else {
sources.get(source).breakpoints.push(breakpoint);
}
}
// Returns an array of breakpoints info per source, sorted by source's displayed name
return [...sources.values()].sort((a, b) =>
a.source.shortName.localeCompare(b.source.shortName)
);
}
);
|
