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
|
import React from 'dom-chef';
import select from 'select-dom';
import zipTextNodes from 'zip-text-nodes';
import {applyToLink} from 'shorten-repo-url';
import linkifyURLsCore from 'linkify-urls';
import linkifyIssuesCore from 'linkify-issues';
import getTextNodes from '../helpers/get-text-nodes.js';
import parseBackticksCore from './parse-backticks.js';
import {buildRepoURL} from './index.js';
// Shared class necessary to avoid also shortening the links
export const linkifiedURLClass = 'rgh-linkified-code';
export const linkifiedURLSelector = '.rgh-linkified-code';
export const codeElementsSelector = [
// Sometimes formatted diffs are loaded later and discard our formatting #5870
'.blob-code-inner:not(deferred-diff-lines.awaiting-highlight *)', // Code lines
':not(.notranslate) > .notranslate', // Code blocks in comments. May be wrapped twice
];
export function shortenLink(link: HTMLAnchorElement): void {
// Exclude the link if the closest element found is not `.comment-body`
// This avoids shortening links in code and code suggestions, but still shortens them in review comments
// https://github.com/refined-github/refined-github/pull/4759#discussion_r702460890
if (link.closest([...codeElementsSelector, '.comment-body'])?.classList.contains('comment-body')) {
applyToLink(link, location.href);
}
}
export function linkifyIssues(
currentRepo: {owner?: string; name?: string},
element: Element,
options: Partial<linkifyIssuesCore.TypeDomOptions> = {},
): void {
const linkified = linkifyIssuesCore(element.textContent!, {
user: currentRepo.owner ?? '/',
repository: currentRepo.name ?? '/',
type: 'dom',
baseUrl: '',
...options,
attributes: {
class: linkifiedURLClass, // Necessary to avoid also shortening the links
...options.attributes,
},
});
if (linkified.children.length === 0) { // Children are <a>
return;
}
// Enable native issue title fetch
for (const link of linkified.children as HTMLCollectionOf<HTMLAnchorElement>) {
const issue = link.href.split('/').pop();
link.setAttribute('class', 'issue-link js-issue-link');
link.dataset.errorText = 'Failed to load title';
link.dataset.permissionText = 'Title is private';
link.dataset.url = link.href;
link.dataset.id = `rgh-issue-${issue!}`;
link.dataset.hovercardType = 'issue';
link.dataset.hovercardUrl = `${link.pathname}/hovercard`;
}
zipTextNodes(element, linkified);
}
export function linkifyURLs(element: Element): Element[] | void {
if (element.textContent!.length < 15) { // Must be long enough for a URL
return;
}
if (select.exists(linkifiedURLSelector, element)) {
return select.all(linkifiedURLSelector, element);
}
const linkified = linkifyURLsCore(element.textContent!, {
type: 'dom' as const,
attributes: {
rel: 'noreferrer noopener',
class: linkifiedURLClass, // Necessary to avoid also shortening the links
},
});
if (linkified.lastChild?.textContent === '…') { // Link is followed by …
return;
}
if (linkified.children.length === 0) { // Children are <a>
return;
}
zipTextNodes(element, linkified);
}
export function parseBackticks(element: Element): void {
for (const node of getTextNodes(element)) {
const fragment = parseBackticksCore(node.textContent!);
if (fragment.children.length > 0) {
node.replaceWith(fragment);
}
}
}
export function linkifyCommit(sha: string): JSX.Element {
// Data attributes copied from the commit in https://github.com/refined-github/github-url-detection/releases/tag/v7.1.2
return (
<code>
<a
className="Link--secondary"
href={buildRepoURL('commit', sha)}
data-hovercard-type="commit"
data-hovercard-url={buildRepoURL('commit', sha, 'hovercard')}
>
{sha.slice(0, 7)}
</a>
</code>
);
}
|
