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
|
import {$} from 'select-dom';
import * as pageDetect from 'github-url-detection';
import delegate, {DelegateEvent} from 'delegate-it';
import features from '../feature-manager.js';
function toggleCommitMessage(event: DelegateEvent<MouseEvent>): void {
// The clicked element is a button, a link or a popup ("Verified" badge, CI details, etc.)
const elementClicked = event.target as HTMLElement;
if (elementClicked.closest('a, button, clipboard-copy, details')) {
return;
}
// There is text selection
if (window.getSelection()?.toString().length !== 0) {
return;
}
$('.ellipsis-expander', event.delegateTarget)?.dispatchEvent(
new MouseEvent('click', {bubbles: true, altKey: event.altKey}),
);
}
const commitMessagesSelector = [
'.js-commits-list-item',
':is(.file-navigation, .js-permalink-shortcut) ~ .Box .Box-header', // Commit message in file tree header
].join(',');
function init(signal: AbortSignal): void {
delegate(commitMessagesSelector, 'click', toggleCommitMessage, {signal});
}
void features.add(import.meta.url, {
include: [
pageDetect.isCommitList,
pageDetect.isCompare,
pageDetect.isRepoTree,
pageDetect.isSingleFile,
],
exclude: [
pageDetect.isRepoFile404,
],
init,
});
/*
Test URLs:
https://github.com/refined-github/sandbox/tree/254a81ef488dcb3866cf8a4cacde501d9faaa588
How to test:
1. Ensure that clicking the ellipsis can still expand/elide the commit message correctly.
2. Ensure that clicking next to the ellipsis can also expand/elide the commit message.
3. Ensure that clicking on the expanded commit message can elide it.
4. Ensure that selecting texts in the expanded commit message would not elide it.
*/
|
