-
Notifications
You must be signed in to change notification settings - Fork 9
/
scoreboard.js
496 lines (453 loc) · 17.6 KB
/
scoreboard.js
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
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
"use strict";
let issue_comments;
let database = [];
let csv_file_count = parseInt(localStorage.csv_file_count) || 0;
let database_uppercase;
let result, result_count, current_page;
const issue_comments_urls = [
"https://api.github.com/repos/plazum/find-keke/issues/11/comments",
"https://api.github.com/repos/plazum/find-keke/issues/10/comments"
];
for (let i = 1; localStorage["database_" + i]; i++)
database.push(JSON.parse(localStorage["database_" + i]));
const UI_text = {
title: {
zh: "计分板全量数据库搜索",
ja: "スコアボード 全データベース検索",
en: "Scoreboard Full Database Search"
},
introduction: {
zh: "请在文本框中输入查询条件，支持正则表达式。",
ja: "検索条件を入力してください。正規表現が使えます。",
en: "Please enter query conditions, regular expressions supported."
},
player_name_header: {
zh: "玩家名",
ja: "プレイヤー名",
en: "Player name"
},
rows_header: {
zh: "行",
ja: "行",
en: "Rows"
},
cols_header: {
zh: "列",
ja: "列",
en: "Columns"
},
score_header: {
zh: "用时/秒",
ja: "かかった時間（秒）",
en: "Time spent (second)"
},
time_header: {
zh: "时间",
ja: "時間",
en: "Time"
},
relation: {
zh: "各查询条件之间的关系：",
ja: "各検索条件間の関係：",
en: "The relation among the query conditions:"
},
and_label: {
zh: "AND（与）",
ja: "AND（論理積）",
en: "AND"
},
or_label: {
zh: "OR（或）",
ja: "OR（論理和）",
en: "OR"
},
use_regex_label: {
zh: "使用正则表达式",
ja: "正規表現を使う",
en: "Use regular expressions"
},
case_sensitive_label: {
zh: "区分大小写",
ja: "大文字と小文字を区別する",
en: "Case sensitive"
},
scoreboard: {
zh: "计分板",
ja: "スコアボード",
en: "Scoreboard"
},
select_all: {
zh: "全选",
ja: "全選択",
en: "Select All"
},
deselect_all: {
zh: "全不选",
ja: "全解除",
en: "Deselect All"
},
update: {
zh: "更新数据",
ja: "データを更新する",
en: "Update the data"
},
search: {
zh: "🔍搜索",
ja: "🔍検索",
en: "🔍Search"
},
reset: {
zh: "重置",
ja: "リセット",
en: "Reset"
},
loading: {
zh: "加载中……",
ja: "読み込み中……",
en: "Loading..."
},
failed: {
zh: "加载失败",
ja: "読み込みに失敗しました",
en: "Failed to load"
},
retry: {
zh: "重试",
ja: "再試行",
en: "Retry"
},
cancel: {
zh: "取消",
ja: "キャンセル",
en: "Cancel"
},
previous_page: {
zh: "上一页",
ja: "前へ",
en: "Previous page"
},
next_page: {
zh: "下一页",
ja: "次へ",
en: "Next page"
}
};
const UI_text_exclusion = ["loading", "failed"];
const UI_element_id = Object.keys(UI_text).filter(value => !UI_text_exclusion.includes(value));
const UI_element_id2 = ["player_name_header", "rows_header", "cols_header", "score_header", "time_header", "previous_page", "next_page"];
function set_language(value) {
language = value;
document.documentElement.lang = language;
localStorage.language = language;
document.title = UI_text.title[language];
for (const id of UI_element_id) {
document.getElementById(id).textContent = UI_text[id][language];
}
for (const id of UI_element_id2) {
document.getElementById(id + "2").textContent = UI_text[id][language];
}
if (document.getElementById("label_0"))
write_filter_label();
if (document.getElementById("total").textContent !== "-")
write_result_count();
}
window.addEventListener("message", event => set_language(event.data), false);
async function fetch_urls(urls, cancellable) {
document.getElementById("status").textContent = UI_text.loading[language];
document.getElementById("progress_bar").style.display = "";
document.getElementById("buttons").style.display = "none";
document.getElementById("cancel").style.display = cancellable ? "" : "none";
if (!document.getElementById("loading_dialog").hasAttribute("open"))
open_dialog("loading_dialog");
let retry = true;
let result = [];
let index = 0;
do {
document.getElementById("progress_bar").value = index + 1;
let fetch_fail = false;
const response = await fetch(
urls[index],
{
headers: {
Accept: "application/vnd.github+json",
"X-GitHub-Api-Version": "2022-11-28"
}
}
)
.catch(error => {
fetch_fail = true;
const text_fetch_error = {
zh: `Fetch API抛出错误“${error}”，是否重试？`,
ja: `Fetch APIで「${error}」というエラーが発生しました。再試行しますか？`,
en: `Fetch API throws error "${error}", retry?`
};
retry = confirm(text_fetch_error[language]);
});
if (fetch_fail) {
if (retry)
continue;
else
break;
}
if (response.ok) {
const comments_json = await response.json();
result = result.concat(comments_json);
index++;
} else {
const text = await response.text();
const text_github_rest_api_failed = {
zh: `GitHub REST API失败，返回如下\n${response.status} ${response.statusText}\n${text}是否重试？`,
ja: `GitHub REST APIが失敗しました。戻り値は以下になります\n${response.status} ${response.statusText}\n${text}再試行しますか？`,
en: `GitHub REST API fails, returning as follows\n${response.status} ${response.statusText}\n${text}Retry?`
};
retry = confirm(text_github_rest_api_failed[language]);
if (!retry)
break;
}
} while (index !== issue_comments_urls.length);
if (result.length === 0 || index !== issue_comments_urls.length) {
document.getElementById("status").textContent = UI_text.failed[language];
document.getElementById("progress_bar").style.display = "none";
document.getElementById("buttons").style.display = "";
} else {
close_dialog("loading_dialog");
}
return result;
}
const pattern1 = /^[|] (.+) [|] (\d+) [|] (\d+) [|] (-?\d+[.]\d\d) [|] (([A-Z][a-z][a-z] ){2}\d\d \d\d\d\d \d\d:\d\d:\d\d GMT[+-]\d\d\d\d [(].+[)]) [|]$/;
const pattern2 = /^[|] ([*][*])(.+)\1 [|] \1(\d+)\1 [|] \1(\d+)\1 [|] \1(-?\d+[.]\d\d)\1 [|] \1(([A-Z][a-z][a-z] ){2}\d\d \d\d\d\d \d\d:\d\d:\d\d GMT[+-]\d\d\d\d [(].+[)])\1 [|]$/;
function compute() {
database = [];
csv_file_count = 0;
const scoreboard_comment_ids = issue_comments[0].body.split("\r\n", 1)[0].match(/\d+/g).map(value => parseInt(value));
for (const comment of issue_comments) {
if (scoreboard_comment_ids.includes(comment.id)) {
const index = database.length;
database.push([]);
const lines = comment.body.split(comment.body.includes("\r\n") ? "\r\n" : "\n"); // 有些评论的换行符是\n，有些评论的换行符是\r\n
if (lines[2].endsWith(".csv") && !lines[3].startsWith("-->"))
csv_file_count++;
const start = lines.indexOf("| --- | --- | --- | --- | --- |") + 1;
if (lines[lines.length - 1] === "</details>")
lines.length--;
for (let i = start; i < lines.length; i++) {
let record = lines[i].match(pattern1);
if (record) {
database[index].push(record.slice(1, 6));
continue;
}
record = lines[i].match(pattern2).slice(2, 7);
record.push("best");
database[index].push(record);
}
localStorage["database_" + (index + 1)] = JSON.stringify(database[index]);
}
}
localStorage.csv_file_count = csv_file_count.toString();
localStorage.latest_update_time = Date.now();
}
function write_filter_label() {
for (let i = 0; i < database.length; i++) {
const scoreboard_checkbox_label = {
zh: `${UI_text.scoreboard.zh}${i + 1}（${database[i].length}）`,
ja: `${UI_text.scoreboard.ja}${i + 1}（${database[i].length}）`,
en: `${UI_text.scoreboard.en} ${i + 1} (${database[i].length})`
};
document.getElementById("label_" + i).textContent = scoreboard_checkbox_label[language];
}
if (Math.ceil(database.length / 5) !== Math.ceil(csv_file_count / 5))
document.querySelector("#scoreboard_filter tr:last-child td").style.height
= `calc(${document.querySelector("#scoreboard_filter td").clientHeight}px - 1em)`;
}
function render_filter() {
let scoreboard_filter = "";
for (let i = 0; i < database.length; i++) {
if (i % 5 === 0)
scoreboard_filter += "<tr>";
scoreboard_filter += `<td><input id="${i}" type="checkbox" checked><label id="label_${i}" for="${i}"></label>`
+ `${i < csv_file_count ? `<br><a href="scoreboard-${i + 1}.csv">scoreboard-${i + 1}.csv</a>` : ""}</td>`;
if (i % 5 === 4 || i === database.length - 1)
scoreboard_filter += "</tr>";
}
document.getElementById("scoreboard_filter").innerHTML = scoreboard_filter;
write_filter_label();
}
function cache_database_uppercase() {
database_uppercase = [];
for (let i = 0; i < database.length; i++) {
database_uppercase.push([]);
for (let j = 0; j < database[i].length; j++) {
database_uppercase[i].push(database[i][j].map(value => value.toUpperCase()));
}
}
}
async function prepare() {
document.getElementById("progress_bar").max = issue_comments_urls.length + 1;
if (database.length === 0 || (Date.now() - parseInt(localStorage.latest_update_time) >= 86400000)) {
const comments = database.length !== 0 ?
await fetch_urls(issue_comments_urls, true)
:
await fetch_urls(issue_comments_urls, false)
;
if (comments.length !== 0) {
issue_comments = comments;
compute();
} else {
return;
}
}
render_filter();
cache_database_uppercase();
}
// 因为按钮的id为update，所以在onclick函数中的名字update将指向button#update，而不是函数update()，
// 这是因为onclick函数with了所在的<form>，而<form>.update即为该按钮，
// 所以在onclick函数中调用的时候要用window.update()
async function update() {
const comments = await fetch_urls(issue_comments_urls, true);
if (comments.length !== 0) {
issue_comments = comments;
compute();
render_filter();
cache_database_uppercase();
}
}
function retry() {
if (database.length === 0)
prepare();
else
update();
}
function validate(target) {
if (!document.getElementById("use_regex").checked) {
target.setCustomValidity("");
} else {
try {
const regex = new RegExp(target.value);
target.setCustomValidity("");
} catch (e) {
target.setCustomValidity(e);
}
}
}
function validate_all() {
for (const input of document.querySelectorAll("input[type='search']")) {
validate(input);
}
}
function select_all() {
for (let i = 0; i < database.length; i++) {
document.getElementById(i.toString()).checked = true;
}
}
function deselect_all() {
for (let i = 0; i < database.length; i++) {
document.getElementById(i.toString()).checked = false;
}
}
let player_name, rows, cols, score, time;
let player_name_regex, rows_regex, cols_regex, score_regex, time_regex;
function match(record) {
let player_name_matched, rows_matched, cols_matched, score_matched, time_matched;
const and_or = document.querySelector("input[name='and_or']:checked").id;
if (document.getElementById("use_regex").checked) {
player_name_matched = player_name_regex === null || player_name_regex.test(record[0]);
rows_matched = rows_regex === null || rows_regex.test(record[1]);
cols_matched = cols_regex === null || cols_regex.test(record[2]);
score_matched = score_regex === null || score_regex.test(record[3]);
time_matched = time_regex === null || time_regex.test(record[4]);
} else {
player_name_matched = player_name === "" || record[0].includes(player_name);
rows_matched = rows === "" || record[1].includes(rows);
cols_matched = cols === "" || record[2].includes(cols);
score_matched = score === "" || record[3].includes(score);
time_matched = time === "" || record[4].includes(time);
}
switch (and_or) {
case "and":
return player_name_matched && rows_matched && cols_matched && score_matched && time_matched;
case "or":
return (player_name !== "" && player_name_matched)
|| ( rows !== "" && rows_matched)
|| ( cols !== "" && cols_matched)
|| ( score !== "" && score_matched)
|| ( time !== "" && time_matched);
}
}
function write_result_count() {
const total = {
zh: `共找到${result_count}个结果。`,
ja: `${result_count}件の結果が見つかりました。`,
en: `${result_count} result${result_count === 1 ? "" : "s"} in total.`
};
document.getElementById("total").textContent = total[language];
}
function render_result(page) {
current_page = page;
let result_html = "";
for (let i = page * 1000; i < result_count && i < (page + 1) * 1000; i++) {
const record = result[i];
if (record[6] === "best")
result_html += `<tr><td><b>${record[0]}</b></td><td><b>${record[1]}</b></td><td><b>${record[2]}</b></td>`
+ `<td><b>${record[3]}</b></td><td><b>${record[4]}</b></td><td><b>${record[5]}</b></td></tr>`;
else
result_html += `<tr><td>${record[0]}</td><td>${record[1]}</td><td>${record[2]}</td>`
+ `<td>${record[3]}</td><td>${record[4]}</td><td>${record[5]}</td></tr>`;
}
let page_html = [];
for (let i = 0; i < Math.ceil(result_count / 1000); i++) {
if (i !== page)
page_html.push(`<a href="javascript:void(0);" + 1}</a>`);
else
page_html.push(`<b>${i + 1}</b>`);
}
document.getElementById("result").innerHTML = result_html;
document.getElementById("previous_page").disabled
= document.getElementById("previous_page2").disabled
= page <= 0;
document.getElementById("next_page").disabled
= document.getElementById("next_page2").disabled
= page >= Math.ceil(result_count / 1000) - 1;
document.getElementById("page").innerHTML
= document.getElementById("page2").innerHTML
= page_html.join(" ");
}
// 和上面的update()同样理由，因为和<form>当中的button#search重名了，所以要用window.search()的方式调用
function search() {
[player_name, rows, cols, score, time] = [
document.getElementById("player_name").value,
document.getElementById("rows").value,
document.getElementById("cols").value,
document.getElementById("score").value,
document.getElementById("time").value
];
if (player_name === "" && rows === "" && cols === "" && score === "" && time === "")
return;
const selected_scoreboard_count = Array.from(document.getElementById("scoreboard_filter").getElementsByTagName("input"))
.reduce((sum, current) => sum + current.checked, 0);
if (selected_scoreboard_count === 0)
return;
if (document.getElementById("use_regex").checked) {
const flags = document.getElementById("case_sensitive").checked ? "" : "i";
player_name_regex = player_name !== "" ? new RegExp(player_name, flags) : null;
rows_regex = rows !== "" ? new RegExp(rows, flags) : null;
cols_regex = cols !== "" ? new RegExp(cols, flags) : null;
score_regex = score !== "" ? new RegExp(score, flags) : null;
time_regex = time !== "" ? new RegExp(time, flags) : null;
} else {
if (!document.getElementById("case_sensitive").checked)
[player_name, rows, cols, score, time] = [player_name, rows, cols, score, time].map(value => value.toUpperCase());
}
result = [];
const database_used = document.getElementById("case_sensitive").checked ? database : database_uppercase;
for (let i = 0; i < database.length; i++) {
if (!document.getElementById(i.toString()).checked)
continue;
for (let j = 0; j < database[i].length; j++) {
if (match(database_used[i][j]))
result.push([i + 1].concat(database[i][j]));
}
}
result_count = result.length;
write_result_count();
render_result(0);
}