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
117
118
119
120
121
122
123
|
import React from 'dom-chef';
import {CachedFunction} from 'webext-storage-cache';
import {TagIcon} from '@primer/octicons-react';
import elementReady from 'element-ready';
import * as pageDetect from 'github-url-detection';
import {$} from 'select-dom';
import observe from '../helpers/selector-observer.js';
import features from '../feature-manager.js';
import api from '../github-helpers/api.js';
import abbreviateNumber from '../helpers/abbreviate-number.js';
import createDropdownItem from '../github-helpers/create-dropdown-item.js';
import {buildRepoURL, cacheByRepo, getRepo, triggerRepoNavOverflow} from '../github-helpers/index.js';
import {appendBefore} from '../helpers/dom-utils.js';
import {repoUnderlineNavUl, repoUnderlineNavDropdownUl} from '../github-helpers/selectors.js';
import GetReleasesCount from './releases-tab.gql';
function detachHighlightFromCodeTab(codeTab: HTMLAnchorElement): void {
codeTab.dataset.selectedLinks = codeTab.dataset.selectedLinks!.replace('repo_releases ', '');
}
export async function getReleases(): Promise<[0] | [number, 'Tags' | 'Releases']> {
const repo = getRepo()!.nameWithOwner;
return releasesCount.get(repo);
}
async function fetchCounts(nameWithOwner: string): Promise<[0] | [number, 'Tags' | 'Releases'] > {
const [owner, name] = nameWithOwner.split('/');
const {repository: {releases, tags}} = await api.v4(GetReleasesCount, {
variables: {name, owner},
});
if (releases.totalCount) {
return [releases.totalCount, 'Releases'];
}
if (tags.totalCount) {
return [tags.totalCount, 'Tags'];
}
return [0];
}
export const releasesCount = new CachedFunction('releases-count', {
updater: fetchCounts,
shouldRevalidate: cachedValue => typeof cachedValue === 'number',
maxAge: {hours: 1},
staleWhileRevalidate: {days: 3},
cacheKey: cacheByRepo,
});
async function addReleasesTab(repoNavigationBar: HTMLElement): Promise<false | void> {
const [count, type] = await getReleases();
if (!type) {
return false;
}
// Wait for the dropdown because `observe` fires as soon as it encounter the container. `releases-tab` must be appended.
await elementReady(repoUnderlineNavUl);
repoNavigationBar.append(
<li className="d-flex">
<a
href={buildRepoURL(type.toLowerCase())}
className="js-selected-navigation-item UnderlineNav-item hx_underlinenav-item no-wrap js-responsive-underlinenav-item rgh-releases-tab"
data-hotkey="g r"
data-selected-links="repo_releases"
data-tab-item="rgh-releases-item"
data-turbo-frame="repo-content-turbo-frame" /* Required for `data-selected-links` to work */
>
<TagIcon className="UnderlineNav-octicon d-none d-sm-inline"/>
<span data-content={type}>{type}</span>
<span className="Counter" title={count > 999 ? String(count) : ''}>{abbreviateNumber(count)}</span>
</a>
</li>,
);
triggerRepoNavOverflow();
}
async function addReleasesDropdownItem(dropdownMenu: HTMLElement): Promise<false | void> {
const [, type] = await getReleases();
if (!type) {
$('.dropdown-divider', dropdownMenu)?.remove();
return false;
}
appendBefore(
dropdownMenu,
'.dropdown-divider', // Won't exist if `more-dropdown` is disabled
createDropdownItem(type, buildRepoURL(type.toLowerCase()), {
'data-menu-item': 'rgh-releases-item',
}),
);
triggerRepoNavOverflow();
}
async function init(signal: AbortSignal): Promise<void> {
observe(repoUnderlineNavUl, addReleasesTab, {signal});
observe(repoUnderlineNavDropdownUl, addReleasesDropdownItem, {signal});
observe(['[data-menu-item="i0code-tab"] a', 'a#code-tab'], detachHighlightFromCodeTab, {signal});
}
void features.add(import.meta.url, {
shortcuts: {
'g r': 'Go to Releases',
},
include: [
pageDetect.hasRepoHeader,
],
init,
});
/*
Test URLs:
Releases: https://github.com/refined-github/refined-github
Tags: https://github.com/python/cpython
*/
|
