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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
|
import './quick-repo-deletion.css';
import delay from 'delay';
import React from 'dom-chef';
import cache from 'webext-storage-cache';
import select from 'select-dom';
import delegate from 'delegate-it';
import {TrashIcon} from '@primer/octicons-react';
import elementReady from 'element-ready';
import * as pageDetect from 'github-url-detection';
import features from '.';
import * as api from '../github-helpers/api';
import {getForkedRepo, getRepo} from '../github-helpers';
import pluralize from '../helpers/pluralize';
import addNotice from '../github-widgets/notice-bar';
import {getCacheKey} from './forked-to';
import looseParseInt from '../helpers/loose-parse-int';
import parseBackticks from '../github-helpers/parse-backticks';
function handleToggle(event: delegate.Event<Event, HTMLDetailsElement>): void {
const hasContent = select.exists([
'[data-hotkey="g i"] .Counter:not([hidden])', // Open issues
'[data-hotkey="g p"] .Counter:not([hidden])', // Open PRs
'.rgh-open-prs-of-forks', // PRs opened in the source repo
]);
if (hasContent && !confirm('This repo has open issues/PRs, are you sure you want to delete everything?')) {
// Close the <details> element again
event.delegateTarget.open = false;
return;
}
if (!pageDetect.isForkedRepo() && !confirm('⚠️ This action cannot be undone. This will permanently delete the repository, wiki, issues, comments, packages, secrets, workflow runs, and remove all collaborator associations.')) {
event.delegateTarget.open = false;
return;
}
// Without the timeout, the same toggle event will also trigger the AbortController
setTimeout(start, 1, event.delegateTarget);
}
async function verifyScopesWhileWaiting(abortController: AbortController): Promise<void> {
try {
await api.expectTokenScope('delete_repo');
} catch (error: unknown) {
abortController.abort();
addNotice([
'Could not delete the repository. ',
parseBackticks((error as Error).message),
], {
type: 'error',
action: (
<a className="btn btn-sm primary flash-action" href="https://github.com/settings/tokens">
Update token…
</a>
),
});
}
}
async function buttonTimeout(buttonContainer: HTMLDetailsElement): Promise<boolean> {
const abortController = new AbortController();
// Add a global click listener to avoid potential future issues with z-index
document.addEventListener('click', event => {
event.preventDefault();
abortController.abort();
buttonContainer.open = false;
}, {once: true});
void verifyScopesWhileWaiting(abortController);
let secondsLeft = 5;
const button = select('.btn', buttonContainer)!;
try {
do {
button.style.transform = `scale(${1.2 - ((secondsLeft - 5) / 3)})`; // Dividend is zoom speed
button.textContent = `Deleting repo in ${pluralize(secondsLeft, '$$ second')}. Cancel?`;
await delay(1000, {signal: abortController.signal}); // eslint-disable-line no-await-in-loop
} while (--secondsLeft);
} catch {
button.textContent = 'Delete fork';
button.style.transform = '';
}
return !abortController.signal.aborted;
}
async function start(buttonContainer: HTMLDetailsElement): Promise<void> {
if (!await buttonTimeout(buttonContainer)) {
return;
}
select('.btn', buttonContainer)!.textContent = 'Deleting repo…';
try {
const {nameWithOwner, owner} = getRepo()!;
await api.v3('/repos/' + nameWithOwner, {
method: 'DELETE',
json: false,
});
const forkSource = '/' + getForkedRepo()!;
const restoreURL = pageDetect.isOrganizationRepo()
? `/organizations/${owner}/settings/deleted_repositories`
: '/settings/deleted_repositories';
const otherForksURL = `/${owner}?tab=repositories&type=fork`;
addNotice(
<><TrashIcon/> <span>Repository <strong>{nameWithOwner}</strong> deleted. <a href={restoreURL}>Restore it</a>, <a href={forkSource}>visit the source repo</a>, or see <a href={otherForksURL}>your other forks.</a></span></>,
{action: false},
);
select('.application-main')!.remove();
await cache.delete(getCacheKey());
if (document.hidden) {
// Try closing the tab if in the background. Could fail, so we still update the UI above
void browser.runtime.sendMessage({closeTab: true});
}
} catch (error: unknown) {
buttonContainer.closest('li')!.remove(); // Remove button
addNotice([
'Could not delete the repository. ',
(error as any).response?.message ?? (error as any).message,
], {
type: 'error',
});
throw error;
}
}
async function init(): Promise<Deinit | false> {
if (
// Only if the user can delete the repository
!await elementReady('nav [data-content="Settings"]')
// Only if the repository hasn't been starred
// TODO [2022-06-01]: Remove `.social-count` (GHE)
|| looseParseInt(select('.starring-container :is(.Counter, .social-count)')) > 0
) {
return false;
}
await api.expectToken();
// (Ab)use the details element as state and an accessible "click-anywhere-to-cancel" utility
select('.pagehead-actions')!.prepend(
<li>
<details className="details-reset details-overlay select-menu rgh-quick-repo-deletion">
<summary aria-haspopup="menu" role="button">
{/* This extra element is needed to keep the button above the <summary>’s lightbox */}
<span className="btn btn-sm btn-danger">Delete fork</span>
</summary>
</details>
</li>,
);
return delegate(document, '.rgh-quick-repo-deletion[open]', 'toggle', handleToggle, true);
}
void features.add(import.meta.url, {
include: [
pageDetect.isForkedRepo,
],
awaitDomReady: false,
init,
});
|
