forked from refined-github/refined-github
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathoptions.html
More file actions
116 lines (106 loc) · 5.35 KB
/
options.html
File metadata and controls
116 lines (106 loc) · 5.35 KB
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
<!doctype html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<base target="_blank">
<title>Refined GitHub options</title>
<link rel="stylesheet" href="options.css">
<form id="options-form" class="detail-view-container">
<details id="info" open>
<summary><strong>👋 Information</strong></summary>
<p>
Visit the <a href="https://github.com/refined-github/refined-github/issues/3543">welcome page</a> to learn about updates, debugging, and GitHub Enterprise.
You can <a href="https://chrome.google.com/webstore/detail/refined-github/hlepfoohegkhhmjieoechaddaejaokhf/reviews" id="rate-link">rate Refined GitHub</a> to help others find it.
Follow or sponsor <a href="https://github.com/sponsors/fregante">@fregante</a> if Refined GitHub helps you work more efficiently. 🍻
</p>
</details>
<details id="token">
<summary><strong>🔑 Personal token</strong></summary>
<p>
Optional, <a id="personal-token-link" href="https://github.com/settings/tokens/new?description=Refined%20GitHub&scopes=repo,delete_repo,read:project">generate one</a><br>
<!-- placeholder is set to enable use of :placeholder-shown CSS selector -->
<!-- https://gist.github.com/magnetikonline/073afe7909ffdd6f10ef06a00bc3bc88 -->
<input type="text" name="personalToken" pattern="[\da-f]{40}|ghp_\w{36,251}|github_pat_[a-zA-Z0-9]{22}_[a-zA-Z0-9]{59}" placeholder=" " spellcheck="false" autocomplete="off" autocapitalize="off">
<span id="validation"></span>
</p>
<ul>
<li data-validation data-scope="valid_token">The token enables <a href="https://github.com/refined-github/refined-github/search?q=github-helpers+api">some features</a> to <strong>read</strong> data from public repositories
<li data-validation data-scope="public_repo">The <code>public_repo</code> scope lets them <strong>edit</strong> your public repositories
<li data-validation data-scope="repo">The <code>repo</code> scope lets them <strong>edit private</strong> repositories as well
<li data-validation data-scope="delete_repo">The <code>delete_repo</code> scope is only used by the <code>quick-repo-deletion</code> feature
<li data-validation data-scope="read:project">The <code>read:project</code> scope lets them determine if a repository or organization uses projects
</ul>
</details>
<details id="features">
<summary><strong class="features-header">🔋 Features</strong></summary>
<p>
<input id="filter-features" type="text" placeholder="Find features" spellcheck="false" autocomplete="off" autocapitalize="off">
</p>
<div class="js-features"></div>
</details>
<details id="bisect">
<summary><strong>🔎 Identify feature</strong></summary>
<p>
This process will help you identify what Refined GitHub feature is making changes or causing issues on GitHub.
</p>
<p id="find-feature-message" hidden>
Visit the GitHub page where you want to find the feature and refresh it to see the instructions. You can navigate to any page, but don’t use multiple tabs.
</p>
<p>
<button id="find-feature">Start process to identify feature…</button>
</p>
</details>
<details id="css">
<summary><strong>💅 Custom CSS</strong></summary>
<p>Like a userstyle, useful to undo unwanted style changes</p>
<p><textarea name="customCSS" rows="2" spellcheck="false"></textarea></p>
<p>CSS is limited to 100KB, after which the options <a href="https://github.com/fregante/webext-options-sync/issues/27">will stop being saved</a>.</p>
<p>Options storage: <output class="storage-sync">unknown</output></p>
</details>
<details id="action">
<summary><strong>🔗 Button link</strong></summary>
<p>You can pick what page opens when you click the Refined GitHub icon in the browser toolbar</p>
<p><input type="url" name="actionUrl" placeholder="https://github.com" spellcheck="false" autocomplete="off" autocapitalize="off"></p>
</details>
<details id="debugging">
<summary><strong>🐛 Debugging</strong></summary>
<p>
<label>
<input type="checkbox" name="logging">
Show the features enabled on each page in the console
</label>
</p>
<p>
<label>
<input type="checkbox" name="logHTTP">
Log API calls in the console
</label>
</p>
<p>
Options storage: <output class="storage-sync">unknown</output><br>
Cache storage: <output class="storage-local">unknown</output>
</p>
<p>
<button id="clear-cache">Clear cache</button>
</p>
</details>
<details id="hotfixes">
<summary><strong>☄️ Hotfixes</strong></summary>
<p>In order to address severe issues as quickly as possible, Refined GitHub loads a list of disabled features and temporary CSS fixes. <a href="https://github.com/refined-github/yolo">More info.</a></p>
<p>This is the latest CSS fetched from the server (if any):</p>
<p><textarea id="hotfixes-field" rows="2" disabled></textarea></p>
</details>
<details id="export">
<summary><strong>🗄️ Export options</strong></summary>
<p>
You can export and import options across browsers and devices via a JSON file. If you're a GitHub Enterprise user, you will need to export each domain separately.
</p>
<p>
<strong>Note</strong> that your options include your access token if provided.
</p>
<p>
<button type="button" class="js-export">Export</button>
<button type="button" class="js-import">Import</button>
</p>
</details>
</form>
<script src="options.js"></script>