feat: 记录并展示歌曲各难度最高记录（良率/连打数/总分）

public/src/js/assets.js

@@ -2,6 +2,7 @@ var assets = {
 	"js": [
 		"lib/md5.min.js",
 		"lib/fuzzysort.js",
+		"cookie.js",
 		"loadsong.js",
 		"parseosu.js",
 		"titlescreen.js",

public/src/js/cookie.js

@@ -0,0 +1,41 @@
+var cookie = {
+    get: function(name){
+        var pairs = document.cookie ? document.cookie.split("; ") : []
+        for(var i = 0; i < pairs.length; i++){
+            var idx = pairs[i].indexOf("=")
+            var key = idx > -1 ? pairs[i].slice(0, idx) : pairs[i]
+            if(key === name){
+                var val = idx > -1 ? pairs[i].slice(idx + 1) : ""
+                try{
+                    return decodeURIComponent(val)
+                }catch(e){
+                    return val
+                }
+            }
+        }
+        return null
+    },
+    set: function(name, value, maxAge){
+        var v = typeof value === "string" ? value : String(value)
+        document.cookie = name + "=" + encodeURIComponent(v) + ";path=/" + (maxAge ? ";max-age=" + maxAge : "")
+    },
+    getJSON: function(name){
+        var v = this.get(name)
+        if(!v){
+            return {}
+        }
+        try{
+            return JSON.parse(v)
+        }catch(e){
+            return {}
+        }
+    },
+    updateJSON: function(name, updater, maxAge){
+        var obj = this.getJSON(name)
+        var next = updater && updater(obj) || obj
+        try{
+            this.set(name, JSON.stringify(next), maxAge)
+        }catch(e){}
+        return next
+    }
+}

public/src/js/importsongs.js

@@ -1,4 +1,4 @@
-class ImportSongs{
+class ImportSongs{
 	constructor(...args){
 		this.init(...args)
 	}
@@ -322,10 +322,6 @@ class ImportSongs{
 							songTitle = songTitle.slice(0, uraPos)
 						}
 					}
-					if(id === "cn" && !meta["titlecn"] && meta.titlezh){
-						titleLang.cn = meta.titlezh
-						titleLangAdded = true
-					}
 					if(meta["title" + id]){
 						titleLang[id] = meta["title" + id]
 						titleLangAdded = true
@@ -333,10 +329,6 @@ class ImportSongs{
 						titleLang[id] = this.songTitle[songTitle][id] + ura
 						titleLangAdded = true
 					}
-					if(id === "cn" && !meta["subtitlecn"] && meta.subtitlezh){
-						subtitleLang.cn = meta.subtitlezh
-						subtitleLangAdded = true
-					}
 					if(meta["subtitle" + id]){
 						subtitleLang[id] = meta["subtitle" + id]
 						subtitleLangAdded = true

public/src/js/scoresheet.js

@@ -940,7 +940,7 @@ class Scoresheet{
 				delete this.resultsObj.title
 				delete this.resultsObj.difficulty
 				delete this.resultsObj.gauge
-				scoreStorage.add(hash, difficulty, this.resultsObj, true, title).catch(() => {
+		scoreStorage.add(hash, difficulty, this.resultsObj, true, title).catch(() => {
 					this.showWarning = {name: "scoreSaveFailed"}
 				})
 			}else if(oldScore && (crown === "gold" && oldScore.crown !== "gold" || crown && !oldScore.crown)){
@@ -949,6 +949,21 @@ class Scoresheet{
 					this.showWarning = {name: "scoreSaveFailed"}
 				})
 			}
+			var key = "taiko_best_records"
+			var obj = cookie.getJSON(key)
+			if(!(hash in obj)){
+				obj[hash] = {}
+			}
+			var prev = obj[hash][difficulty]
+			var total = this.resultsObj.good + this.resultsObj.ok + this.resultsObj.bad
+			var acc = total > 0 ? Math.round(((this.resultsObj.good + this.resultsObj.ok) / total) * 1000) / 10 : 0
+			var combo = this.resultsObj.maxCombo || 0
+			var points = this.resultsObj.points || 0
+			var update = !prev || points > prev.score || (points === prev.score && (acc > prev.accuracy || combo > prev.combo))
+			if(update){
+				obj[hash][difficulty] = {score: points, accuracy: acc, combo: combo, updatedAt: Date.now()}
+				try{ cookie.set(key, JSON.stringify(obj), 31536000) }catch(e){}
+			}
 		}
 		this.scoreSaved = true
 	}

public/src/js/songselect.js

@@ -1989,6 +1989,37 @@ class SongSelect{
 									})
 								}
 							}
+							var recAll = cookie.getJSON("taiko_best_records")
+							var bySong = recAll[currentSong.hash] || null
+							var diffName = currentUra ? "ura" : this.difficultyId[i]
+							var rec = bySong && bySong[diffName] || null
+							var elapsedMS2 = Math.max(this.state.screenMS, this.state.moveMS, this.state.mouseMoveMS)
+							var cycle = Math.floor(((ms - elapsedMS2) % 6000) / 2000)
+							var label = ""
+							if(rec){
+								if(cycle === 0){
+									label = (strings.bestAccuracy || "良率") + " " + (Math.round(rec.accuracy * 10) / 10) + "%"
+								}else if(cycle === 1){
+									label = (strings.bestCombo || "连打数") + " " + rec.combo
+								}else{
+									label = (strings.bestScore || "总分") + " " + rec.score
+								}
+							}else{
+								label = (strings.none || "无")
+							}
+							this.draw.verticalText({
+								ctx: ctx,
+								text: label,
+								x: _x,
+								y: songSel ? _y + 220 : _y + 265,
+								width: songSel ? 44 : 56,
+								height: songSel ? 120 : 135,
+								fill: currentUra ? "#fff" : "#000",
+								outline: currentUra ? "#003C52" : false,
+								outlineSize: currentUra ? this.songAsset.letterBorder : 0,
+								fontSize: songSel ? 22 : 24,
+								fontFamily: this.font
+							})
 						}
 						var currentDiff = this.selectedDiff - this.diffOptions.length
 						if(this.selectedDiff === 4 + this.diffOptions.length){
@@ -3113,15 +3144,6 @@ class SongSelect{
 	
 	getLocalTitle(title, titleLang){
 		if(titleLang){
-			if(strings.id === "cn"){
-				if(titleLang.cn){
-					return titleLang.cn
-				}
-				if(titleLang.ja){
-					return titleLang.ja
-				}
-				return title
-			}
 			for(var id in titleLang){
 				if(id === "en" && strings.preferEn && !(strings.id in titleLang) && titleLang.en || id === strings.id && titleLang[id]){
 					return titleLang[id]

public/src/js/strings.js

@@ -67,6 +67,27 @@ var translations = {
 		tw: "選擇難度",
 		ko: "난이도 선택"
 	},
+	bestAccuracy: {
+		ja: "良率",
+		en: "Accuracy",
+		cn: "良率",
+		tw: "良率",
+		ko: "정확도"
+	},
+	bestCombo: {
+		ja: "連打数",
+		en: "Max Combo",
+		cn: "连打数",
+		tw: "連打數",
+		ko: "최대 콤보"
+	},
+	bestScore: {
+		ja: "総得点",
+		en: "Score",
+		cn: "总分",
+		tw: "總分",
+		ko: "총점"
+	},
 	back: {
 		ja: "もどる",
 		en: "Back",

templates/index.html

@@ -29,9 +29,9 @@
 	<div id="screen" class="pattern-bg"></div>
 	<div data-nosnippet id="version">
 		{% if version.version and version.commit_short and version.commit %}
-			<a href="{{version.url}}commit/{{version.commit}}" target="_blank" rel="noopener" id="version-link" class="stroke-sub" alt="vLightNova 1.0.0">vLightNova 1.0.0</a>
+			<a href="{{version.url}}commit/{{version.commit}}" target="_blank" rel="noopener" id="version-link" class="stroke-sub" alt="taiko-web ver.{{version.version}} ({{version.commit_short}})">taiko-web ver.{{version.version}} ({{version.commit_short}})</a>
 		{% else %}
-			<a target="_blank" rel="noopener" id="version-link" class="stroke-sub" alt="vLightNova 1.0.0">vLightNova 1.0.0</a>
+			<a target="_blank" rel="noopener" id="version-link" class="stroke-sub" alt="taiko-web vRAINBOW-BETA4">taiko-web vRAINBOW-BETA4</a>
 		{% endif %}
 	</div>
 	<script src="src/js/browsersupport.js?{{version.commit_short}}"></script>