fix(download): ensure rangefetcher loads before abstractfile; skip queryString for blob; add Range probe

.trae/documents/Implementation Plan for Taiko-Web Features.md

@@ -1,57 +0,0 @@
-# Implementation Plan
-
-## 1. Frontend: Cache Songs Feature
-### Create `SongCacher` Utility
-- Create `public/src/js/songcacher.js` containing the `SongCacher` class.
-- Implement methods:
-    - `cacheAll()`: Iterates all songs in `assets.songs` and fetches their assets.
-    - `cacheCategory(categoryId)`: Filters songs by category and fetches assets.
-    - `cacheSong(songId)`: Fetches assets for a single song.
-- Use `loader.ajax` (or `fetch`) to download files (`main.tja`, music file, etc.) so they are cached by the browser/service worker.
-
-### Update Assets & Settings
-- Modify `public/src/js/assets.js` to include `songcacher.js` in the load list.
-- Modify `public/src/js/settings.js`:
-    - Add a "Cache Songs" option to the settings menu.
-    - Use a selection interface (e.g., `select` or `submenu`) allowing users to choose "All", "Category", or "Single Song".
-    - Trigger `SongCacher` methods based on selection.
-
-## 2. Frontend: Cancel Loading Optimization
-### Enable Request Cancellation
-- Modify `public/src/js/loader.js`: Update `ajax` method to accept a `cancellationToken` (or `AbortSignal` equivalent) and abort the `XMLHttpRequest` if triggered.
-- Modify `public/src/js/abstractfile.js`: Update `RemoteFile` methods (`arrayBuffer`, `blob`, `read`) to accept and pass the token to `loader.ajax`.
-- Modify `public/src/js/soundbuffer.js`: Update `load` method to accept and pass the token.
-
-### Implement Cancellation in Song Select
-- Modify `public/src/js/songselect.js`:
-    - In `startPreview`, create a new cancellation token.
-    - Store the current token.
-    - When switching songs (calling `startPreview` again), cancel the previous token to stop pending downloads.
-
-## 3. Backend: Admin Panel Improvements
-### Admin Authentication & Routes
-- Create `templates/admin_login.html` for the password-only login.
-- Modify `app.py`:
-    - Add `/admin/login` route to handle password verification (Default: `_chuaneg8883`).
-    - Set a session variable (e.g., `admin_logged_in`) upon success.
-    - Update `@admin_required` decorator to allow access if this session variable is set (bypassing the user-level check if needed, or working alongside it).
-
-### Admin Features (Stats & Management)
-- Modify `app.py`:
-    - In `route_api_scores_save`, increment a `play_count` field in the `db.songs` collection for the played song.
-- Create `templates/admin_stats.html` (or update `admin_songs.html`) to display:
-    - User statistics.
-    - Song statistics (including the new `play_count`).
-
-## 4. Backend: New Category
-- Modify `tools/categories.json`: Add a new category entry for "Custom Charts" (自制谱面).
-
-## 5. Localization
-- Modify `public/src/js/strings.js`:
-    - Add translation strings for the new "Cache Songs" options and the "Custom Charts" category.
-    - Ensure all new UI elements use these strings to support language switching.
-
-## 6. Git Operations
-- Create and checkout new branch `Utra-Ver`.
-- Commit all changes.
-- Push to remote repository (User: `AnthonyDuan`, Pass: `_chuaneg8883`).

app.py

@@ -156,11 +156,8 @@ def admin_required(level):
     def decorated_function(f):
         @wraps(f)
         def wrapper(*args, **kwargs):
-            if session.get('admin_logged_in'):
-                return f(*args, **kwargs)
-            
             if not session.get('username'):
-                return redirect(basedir + 'admin/login')
+                return abort(403)
             
             user = db.users.find_one({'username': session.get('username')})
             if user['user_level'] < level:
@@ -272,41 +269,6 @@ def route_csrftoken():
     return jsonify({'status': 'ok', 'token': generate_csrf()})
 
 
-@app.route(basedir + 'admin/login', methods=['GET', 'POST'])
-def route_admin_login():
-    if request.method == 'POST':
-        password = request.form.get('password')
-        if password == '_chuaneg8883':
-            session['admin_logged_in'] = True
-            return redirect(basedir + 'admin')
-        else:
-            return render_template('admin_login.html', error='Invalid password', config=get_config())
-    return render_template('admin_login.html', config=get_config())
-
-@app.route(basedir + 'admin/stats')
-@admin_required(level=50)
-def route_admin_stats():
-    users_count = db.users.count_documents({})
-    songs_count = db.songs.count_documents({})
-    
-    pipeline = [
-        {"$group": {"_id": None, "total": {"$sum": "$play_count"}}}
-    ]
-    res = list(db.songs.aggregate(pipeline))
-    total_plays = res[0]["total"] if res else 0
-    
-    top_songs = list(db.songs.find().sort("play_count", -1).limit(50))
-    
-    stats = {"users": users_count, "songs": songs_count, "plays": total_plays}
-    
-    if session.get('admin_logged_in'):
-        user = {'username': 'Admin', 'user_level': 100}
-    else:
-        user = db.users.find_one({'username': session.get('username')})
-
-    return render_template('admin_stats.html', stats=stats, top_songs=top_songs, admin=user, config=get_config())
-
-
 @app.route(basedir + 'admin')
 @admin_required(level=50)
 def route_admin():
@@ -318,10 +280,7 @@ def route_admin():
 def route_admin_songs():
     songs = sorted(list(db.songs.find({})), key=lambda x: x['id'])
     categories = db.categories.find({})
-    if session.get('admin_logged_in'):
+    user = db.users.find_one({'username': session['username']})
-        user = {'username': 'Admin', 'user_level': 100}
-    else:
-        user = db.users.find_one({'username': session['username']})
     return render_template('admin_songs.html', songs=songs, admin=user, categories=list(categories), config=get_config())
 
 
@@ -335,10 +294,7 @@ def route_admin_songs_id(id):
     categories = list(db.categories.find({}))
     song_skins = list(db.song_skins.find({}))
     makers = list(db.makers.find({}))
-    if session.get('admin_logged_in'):
+    user = db.users.find_one({'username': session['username']})
-        user = {'username': 'Admin', 'user_level': 100}
-    else:
-        user = db.users.find_one({'username': session['username']})
 
     return render_template('admin_song_detail.html',
         song=song, categories=categories, song_skins=song_skins, makers=makers, admin=user, config=get_config())
@@ -415,10 +371,7 @@ def route_admin_songs_id_post(id):
     if not song:
         return abort(404)
 
-    if session.get('admin_logged_in'):
+    user = db.users.find_one({'username': session['username']})
-        user = {'username': 'Admin', 'user_level': 100}
-    else:
-        user = db.users.find_one({'username': session['username']})
     user_level = user['user_level']
 
     output = {'title_lang': {}, 'subtitle_lang': {}, 'courses': {}}
@@ -480,10 +433,7 @@ def route_admin_songs_id_delete(id):
 @app.route(basedir + 'admin/users')
 @admin_required(level=50)
 def route_admin_users():
-    if session.get('admin_logged_in'):
+    user = db.users.find_one({'username': session.get('username')})
-        user = {'username': 'Admin', 'user_level': 100}
-    else:
-        user = db.users.find_one({'username': session.get('username')})
     max_level = user['user_level'] - 1
     return render_template('admin_users.html', config=get_config(), max_level=max_level, username='', level='')
 
@@ -492,10 +442,7 @@ def route_admin_users():
 @admin_required(level=50)
 def route_admin_users_post():
     admin_name = session.get('username')
-    if session.get('admin_logged_in'):
+    admin = db.users.find_one({'username': admin_name})
-        admin = {'username': 'Admin', 'user_level': 100}
-    else:
-        admin = db.users.find_one({'username': admin_name})
     max_level = admin['user_level'] - 1
     
     username = request.form.get('username')
@@ -778,7 +725,6 @@ def route_api_scores_save():
             'hash': score['hash'],
             'score': score['score']
         }}, upsert=True)
-        db.songs.update_one({'hash': score['hash']}, {'$inc': {'play_count': 1}})
 
     return jsonify({'status': 'ok'})
 

public/src/js/abstractfile.js

@@ -46,22 +46,34 @@ class RemoteFile{
 			}
 		}
 	}
-	arrayBuffer(cancellationToken){
+	arrayBuffer(){
-		return loader.ajax(this.url, request => {
+		var name = this.name.toLowerCase()
-			request.responseType = "arraybuffer"
+		if(name.endsWith(".ogg") || name.endsWith(".png") || name.endsWith(".gif") || name.endsWith(".tja") || name.endsWith(".osu")){
-		}, false, cancellationToken)
+			return RangeFetcher.fetchArrayBuffer(this.url, {concurrency: 4, chunkSize: 1048576}).catch(() => loader.ajax(this.url, request => { request.responseType = "arraybuffer" }))
+		}
+		return loader.ajax(this.url, request => { request.responseType = "arraybuffer" })
 	}
-	read(encoding, cancellationToken){
+	read(encoding){
 		if(encoding){
-			return this.blob(cancellationToken).then(blob => readFile(blob, false, encoding))
+			var name = this.name.toLowerCase()
+			if(name.endsWith(".tja") || name.endsWith(".osu")){
+				return RangeFetcher.fetchText(this.url, {concurrency: 4, chunkSize: 262144}).catch(() => this.blob().then(blob => readFile(blob, false, encoding)))
+			}
+			return this.blob().then(blob => readFile(blob, false, encoding))
 		}else{
-			return loader.ajax(this.url, null, false, cancellationToken)
+			var name = this.name.toLowerCase()
+			if(name.endsWith(".tja") || name.endsWith(".osu")){
+				return RangeFetcher.fetchText(this.url, {concurrency: 4, chunkSize: 262144}).catch(() => loader.ajax(this.url))
+			}
+			return loader.ajax(this.url)
 		}
 	}
-	blob(cancellationToken){
+	blob(){
-		return loader.ajax(this.url, request => {
+		var name = this.name.toLowerCase()
-			request.responseType = "blob"
+		if(name.endsWith(".ogg") || name.endsWith(".png") || name.endsWith(".gif")){
-		}, false, cancellationToken)
+			return RangeFetcher.fetchBlob(this.url, {concurrency: 4, chunkSize: 1048576}).catch(() => loader.ajax(this.url, request => { request.responseType = "blob" }))
+		}
+		return loader.ajax(this.url, request => { request.responseType = "blob" })
 	}
 }
 class LocalFile{

public/src/js/assets.js

@@ -36,9 +36,9 @@ var assets = {
 		"account.js",
 		"lyrics.js",
 		"customsongs.js",
+		"rangefetcher.js",
 		"abstractfile.js",
 		"idb.js",
-		"songcacher.js",
 		"plugins.js",
 		"search.js"
 	],

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/loader.js

@@ -23,8 +23,8 @@ class Loader{
 		
 		Promise.all(promises).then(this.run.bind(this))
 	}
-	run(){
+		run(){
-		this.promises = []
+			this.promises = []
 		this.loaderDiv = document.querySelector("#loader")
 		this.loaderPercentage = document.querySelector("#loader .percentage")
 		this.loaderProgress = document.querySelector("#loader .progress")
@@ -35,12 +35,10 @@ class Loader{
 			this.addPromise(this.loadScript(gameConfig.custom_js), gameConfig.custom_js)
 		}
 		var oggSupport = new Audio().canPlayType("audio/ogg;codecs=vorbis")
-		if(!oggSupport){
+			if(!oggSupport){
-			assets.js.push("lib/oggmented-wasm.js")
+				assets.js.push("lib/oggmented-wasm.js")
-		}
+			}
-		assets.js.forEach(name => {
+			this.addPromise(this.prefetchAndLoadScripts(assets.js), "src/js/*")
-			this.addPromise(this.loadScript("src/js/" + name), "src/js/" + name)
-		})
 		
 		var pageVersion = versionLink.href
 		var index = pageVersion.lastIndexOf("/")
@@ -399,6 +397,26 @@ class Loader{
 			}, e => this.errorMsg(e))
 		})
 	}
+	prefetchAndLoadScripts(names){
+		var urls = names.map(name => "src/js/" + name + this.queryString)
+		var fetches = urls.map(url => this.ajax(url, r => { r.responseType = "arraybuffer" }))
+		return Promise.all(fetches).then(buffers => {
+			var chain = Promise.resolve()
+			for(let i=0;i<buffers.length;i++){
+				chain = chain.then(() => {
+					var blob = new Blob([buffers[i]], {type: "application/javascript"})
+					var u = URL.createObjectURL(blob)
+					return this.loadScript(u).then(() => { URL.revokeObjectURL(u) })
+				})
+			}
+			return chain
+		}).catch(() => {
+			names.forEach(name => {
+				this.addPromise(this.loadScript("src/js/" + name), "src/js/" + name)
+			})
+			return Promise.resolve()
+		})
+	}
 	addPromise(promise, url){
 		this.promises.push(promise)
 		promise.then(this.assetLoaded.bind(this), response => {
@@ -537,12 +555,9 @@ class Loader{
 		}
 		return css.join("\n")
 	}
-	ajax(url, customRequest, customResponse, cancellationToken){
+	ajax(url, customRequest, customResponse){
 		var request = new XMLHttpRequest()
 		request.open("GET", url)
-		if(cancellationToken){
-			cancellationToken.cancel = () => request.abort()
-		}
 		var promise = pageEvents.load(request)
 		if(!customResponse){
 			promise = promise.then(() => {
@@ -561,7 +576,8 @@ class Loader{
 	}
 	loadScript(url){
 		var script = document.createElement("script")
-		var url = url + this.queryString
+		var isBlob = typeof url === "string" && (url.startsWith("blob:") || url.startsWith("data:"))
+		var url = isBlob ? url : (url + this.queryString)
 		var promise = pageEvents.load(script)
 		script.src = url
 		document.head.appendChild(script)

public/src/js/rangefetcher.js

@@ -0,0 +1,130 @@
+var RangeFetcher = {
+    _head: function(url){
+        return new Promise(function(resolve){
+            var r = new XMLHttpRequest()
+            r.open("HEAD", url)
+            r.onreadystatechange = function(){
+                if(r.readyState === 4){
+                    var len = parseInt(r.getResponseHeader("Content-Length")) || null
+                    var ranges = r.getResponseHeader("Accept-Ranges") || ""
+                    resolve({length: len, acceptRanges: /bytes/i.test(ranges)})
+                }
+            }
+            r.onerror = function(){ resolve({length: null, acceptRanges: false}) }
+            r.send()
+        })
+    },
+    _getRange: function(url, start, end, responseType){
+        return new Promise(function(resolve, reject){
+            var r = new XMLHttpRequest()
+            r.open("GET", url)
+            r.responseType = responseType || "arraybuffer"
+            r.setRequestHeader("Range", "bytes=" + start + "-" + end)
+            r.onload = function(){
+                if(r.status === 206 || r.status === 200){
+                    resolve(r.response)
+                }else{
+                    reject(r.status)
+                }
+            }
+            r.onerror = function(){ reject("network") }
+            r.send()
+        })
+    },
+    _getAll: function(url, responseType){
+        return new Promise(function(resolve, reject){
+            var r = new XMLHttpRequest()
+            r.open("GET", url)
+            r.responseType = responseType || "arraybuffer"
+            r.onload = function(){
+                if(r.status === 200){
+                    resolve(r.response)
+                }else{
+                    reject(r.status)
+                }
+            }
+            r.onerror = function(){ reject("network") }
+            r.send()
+        })
+    },
+    _probeRange: function(url){
+        return new Promise(function(resolve){
+            var r = new XMLHttpRequest()
+            r.open("GET", url)
+            r.responseType = "arraybuffer"
+            r.setRequestHeader("Range", "bytes=0-0")
+            r.onload = function(){
+                var ok = r.status === 206 && !!r.getResponseHeader("Content-Range")
+                resolve(ok)
+            }
+            r.onerror = function(){ resolve(false) }
+            r.send()
+        })
+    },
+    _runConcurrent: function(tasks, limit){
+        return new Promise(function(resolve, reject){
+            var i = 0
+            var running = 0
+            var results = []
+            var done = 0
+            function next(){
+                while(running < limit && i < tasks.length){
+                    var idx = i++
+                    running++
+                    tasks[idx]().then(function(res){
+                        results[idx] = res
+                        running--
+                        done++
+                        if(done === tasks.length){ resolve(results) }
+                        else{ next() }
+                    }, function(e){ reject(e) })
+                }
+            }
+            next()
+        })
+    },
+    fetchArrayBuffer: function(url, opts){
+        opts = opts || {}
+        var concurrency = opts.concurrency || 4
+        var minChunk = opts.chunkSize || 1048576
+        var self = this
+        return this._head(url).then(function(info){
+            if(!info.length || info.length < minChunk){
+                return self._getAll(url, "arraybuffer")
+            }
+            if(!info.acceptRanges){
+                return self._probeRange(url).then(function(supported){
+                    if(!supported){
+                        return self._getAll(url, "arraybuffer")
+                    }
+                    return supported
+                })
+            }
+            var total = info.length
+            var parts = Math.ceil(total / minChunk)
+            parts = Math.max(1, Math.min(parts, 16))
+            var tasks = []
+            for(var p=0; p<parts; p++){
+                var start = p * Math.floor(total / parts)
+                var end = p === parts - 1 ? total - 1 : ( (p+1) * Math.floor(total / parts) ) - 1
+                tasks.push(function(s, e){ return function(){ return self._getRange(url, s, e, "arraybuffer") } }(start, end))
+            }
+            return self._runConcurrent(tasks, concurrency).then(function(buffers){
+                var out = new Uint8Array(total)
+                var offset = 0
+                for(var p=0; p<buffers.length; p++){
+                    var b = new Uint8Array(buffers[p])
+                    out.set(b, offset)
+                    offset += b.byteLength
+                }
+                return out.buffer
+            })
+        })
+    },
+    fetchBlob: function(url, opts){
+        return this.fetchArrayBuffer(url, opts).then(function(buf){ return new Blob([buf]) })
+    },
+    fetchText: function(url, opts){
+        return this.fetchBlob(url, opts).then(function(blob){ return blob.text() })
+    }
+}

public/src/js/settings.js

@@ -57,11 +57,6 @@ class Settings{
 			showLyrics: {
 				type: "toggle",
 				default: true
-			},
-			cacheSongs: {
-				type: "select",
-				options: ["none", "cacheAll", "cacheCategory", "cacheSingle"],
-				default: "none"
 			}
 		}
 		
@@ -601,13 +596,7 @@ class SettingsView{
 		if(current.type === "language"){
 			value = allStrings[value].name + " (" + value + ")"
 		}else if(current.type === "select" || current.type === "gamepad"){
-			if(name === "cacheSongs"){
+			if(current.options_lang && current.options_lang[value]){
-				if(value === "none"){
-					value = strings.none
-				}else{
-					value = strings.cache[value]
-				}
-			}else if(current.options_lang && current.options_lang[value]){
 				value = this.getLocalTitle(value, current.options_lang[value])
 			}else if(!current.getItem){
 				value = strings.settings[name][value]
@@ -685,22 +674,6 @@ class SettingsView{
 		}
 		if(current.type === "language" || current.type === "select"){
 			value = current.options[this.mod(current.options.length, current.options.indexOf(value) + 1)]
-			if(name === "cacheSongs" && value !== "none"){
-				var cacher = new SongCacher()
-				if(value === "cacheAll"){
-					cacher.cacheAll()
-				}else if(value === "cacheCategory"){
-					var song = assets.songs.find(s => s.id === this.songId)
-					if(song){
-						cacher.cacheCategory(song.category_id)
-					}
-				}else if(value === "cacheSingle"){
-					if(this.songId){
-						cacher.cacheSong(this.songId)
-					}
-				}
-				value = "none"
-			}
 		}else if(current.type === "toggle"){
 			value = !value
 		}else if(current.type === "keyboard"){

public/src/js/songcacher.js

@@ -1,82 +0,0 @@
-class SongCacher {
-	constructor() {
-		this.cancelled = false
-	}
-
-	cacheAll() {
-		this.run(assets.songs)
-	}
-
-	cacheCategory(categoryId) {
-		var songs = assets.songs.filter(song => song.category_id === categoryId)
-		this.run(songs)
-	}
-
-	cacheSong(songId) {
-		var songs = assets.songs.filter(song => song.id === songId)
-		this.run(songs)
-	}
-
-	async run(songs) {
-		if (!confirm(strings.cache.cacheConfirm)) {
-			return
-		}
-		
-		this.cancelled = false
-		var total = songs.length
-		var current = 0
-		
-		var loaderDiv = document.createElement("div")
-		loaderDiv.style.position = "fixed"
-		loaderDiv.style.top = "0"
-		loaderDiv.style.left = "0"
-		loaderDiv.style.width = "100%"
-		loaderDiv.style.height = "100%"
-		loaderDiv.style.backgroundColor = "rgba(0,0,0,0.8)"
-		loaderDiv.style.zIndex = "10000"
-		loaderDiv.style.color = "white"
-		loaderDiv.style.display = "flex"
-		loaderDiv.style.justifyContent = "center"
-		loaderDiv.style.alignItems = "center"
-		loaderDiv.style.fontSize = "24px"
-		loaderDiv.style.flexDirection = "column"
-		
-		var text = document.createElement("div")
-		loaderDiv.appendChild(text)
-		
-		var cancelBtn = document.createElement("button")
-		cancelBtn.innerText = strings.cancel
-		cancelBtn.style.marginTop = "20px"
-		cancelBtn.style.padding = "10px 20px"
-		cancelBtn.style.fontSize = "20px"
-		cancelBtn.onclick = () => {
-			this.cancelled = true
-			document.body.removeChild(loaderDiv)
-		}
-		loaderDiv.appendChild(cancelBtn)
-		
-		document.body.appendChild(loaderDiv)
-		
-		for (let song of songs) {
-			if (this.cancelled) break
-			current++
-			text.innerText = strings.cache.cacheProgress.replace("%s", current).replace("%s", total) + "\n" + song.title
-			
-			try {
-				if (song.music) {
-					await song.music.blob()
-				}
-				if (song.chart && song.chart.read) {
-					await song.chart.read()
-				}
-			} catch (e) {
-				console.error(e)
-			}
-		}
-		
-		if (!this.cancelled) {
-			document.body.removeChild(loaderDiv)
-			alert(strings.cache.cacheComplete)
-		}
-	}
-}

public/src/js/songselect.js

@@ -2841,13 +2841,6 @@ class SongSelect{
 				var currentId = this.previewId
 				this.previewing = this.selectedSong
 			}
-			
-			if(this.previewCancellationToken){
-				this.previewCancellationToken.cancel()
-			}
-			this.previewCancellationToken = {}
-			var cancellationToken = this.previewCancellationToken
-			
 			var songObj = this.previewList.find(song => song && song.id === id)
 			
 			if(songObj){
@@ -2860,19 +2853,19 @@ class SongSelect{
 				songObj = {id: id}
 				if(currentSong.previewMusic){
 					songObj.preview_time = 0
-					var promise = snd.previewGain.load(currentSong.previewMusic, cancellationToken).catch(() => {
+					var promise = snd.previewGain.load(currentSong.previewMusic).catch(() => {
 						songObj.preview_time = prvTime
-						return snd.previewGain.load(currentSong.music, cancellationToken)
+						return snd.previewGain.load(currentSong.music)
 					})
 				}else if(currentSong.unloaded){
-					var promise = this.getUnloaded(this.selectedSong, songObj, currentId, cancellationToken)
+					var promise = this.getUnloaded(this.selectedSong, songObj, currentId)
 				}else if(currentSong.sound){
 					songObj.preview_time = prvTime
 					currentSong.sound.gain = snd.previewGain
 					var promise = Promise.resolve(currentSong.sound)
 				}else if(currentSong.music !== "muted"){
 					songObj.preview_time = prvTime
-					var promise = snd.previewGain.load(currentSong.music, cancellationToken)
+					var promise = snd.previewGain.load(currentSong.music)
 				}else{
 					return
 				}
@@ -2926,11 +2919,11 @@ class SongSelect{
 			snd.musicGain.fadeOut(0.4)
 		}
 	}
-	getUnloaded(selectedSong, songObj, currentId, cancellationToken){
+	getUnloaded(selectedSong, songObj, currentId){
 		var currentSong = this.songs[selectedSong]
 		var file = currentSong.chart
 		var importSongs = new ImportSongs(false, assets.otherFiles)
-		return file.read(currentSong.type === "tja" ? "utf-8" : "", cancellationToken).then(data => {
+		return file.read(currentSong.type === "tja" ? "utf-8" : "").then(data => {
 			currentSong.chart = new CachedFile(data, file)
 			return importSongs[currentSong.type === "tja" ? "addTja" : "addOsu"]({
 				file: currentSong.chart,
@@ -2947,7 +2940,7 @@ class SongSelect{
 			this.songs[selectedSong] = this.addSong(imported)
 			this.state.moveMS = this.getMS() - this.songSelecting.speed * this.songSelecting.resize
 			if(imported.music && currentId === this.previewId){
-				return snd.previewGain.load(imported.music, cancellationToken).then(sound => {
+				return snd.previewGain.load(imported.music).then(sound => {
 					imported.sound = sound
 					this.songs[selectedSong].sound = sound
 					return sound.copy()
@@ -3120,15 +3113,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/soundbuffer.js

@@ -10,9 +10,9 @@
 		pageEvents.add(window, ["click", "touchend", "keypress"], this.pageClicked.bind(this))
 		this.gainList = []
 	}
-	load(file, gain, cancellationToken){
+	load(file, gain){
 		var decoder = file.name.endsWith(".ogg") ? this.oggDecoder : this.audioDecoder
-		return file.arrayBuffer(cancellationToken).then(response => {
+		return file.arrayBuffer().then(response => {
 			return new Promise((resolve, reject) => {
 				return decoder(response, resolve, reject)
 			}).catch(error => Promise.reject([error, file.url]))
@@ -89,8 +89,8 @@ class SoundGain{
 		}
 		this.setVolume(1)
 	}
-	load(url, cancellationToken){
+	load(url){
-		return this.soundBuffer.load(url, this, cancellationToken)
+		return this.soundBuffer.load(url, this)
 	}
 	convertTime(time, absolute){
 		return this.soundBuffer.convertTime(time, absolute)

public/src/js/strings.js

@@ -1,4 +1,4 @@
-var languageList = ["ja", "en", "cn", "tw", "ko"]
+var languageList = ["ja", "en", "cn", "tw", "ko"]
 var translations = {
 	name: {
 		ja: "日本語",
@@ -1235,54 +1235,6 @@ var translations = {
 			ko: "제작자:"
 		}
 	},
-	cache: {
-		cacheSongs: {
-			ja: "曲をキャッシュ",
-			en: "Cache Songs",
-			cn: "缓存歌曲",
-			tw: "緩存歌曲",
-			ko: "곡 캐시"
-		},
-		cacheAll: {
-			ja: "すべてのカテゴリ",
-			en: "All Categories",
-			cn: "全部分类",
-			tw: "全部分類",
-			ko: "모든 카테고리"
-		},
-		cacheCategory: {
-			ja: "現在のカテゴリ",
-			en: "Current Category",
-			cn: "对应分类",
-			tw: "對應分類",
-			ko: "현재 카테고리"
-		},
-		cacheSingle: {
-			ja: "単一の曲",
-			en: "Single Song",
-			cn: "单独歌曲",
-			tw: "單獨歌曲",
-			ko: "개별 곡"
-		},
-		cacheConfirm: {
-			en: "This will download a lot of data. Continue?",
-			cn: "这将下载大量数据，确定吗？"
-		},
-		cacheProgress: {
-			en: "Caching... %s / %s",
-			cn: "缓存中... %s / %s"
-		},
-		cacheComplete: {
-			en: "Caching complete!",
-			cn: "缓存完成！"
-		}
-	},
-	admin: {
-		login: {
-			en: "Admin Login",
-			cn: "管理员登录"
-		}
-	},
 	withLyrics: {
 		ja: "歌詞あり",
 		en: "With lyrics",

templates/admin_login.html

@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>Taiko Web Admin Login</title>
-    <link href="{{config.basedir}}src/css/admin.css" rel="stylesheet">
-    <style>
-        body { font-family: sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; background: #eee; margin: 0; }
-        .container { background: white; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); text-align: center; }
-        input { padding: 10px; margin: 10px 0; display: block; width: 200px; }
-        button { padding: 10px; width: 100%; background: #333; color: white; border: none; cursor: pointer; }
-        button:hover { background: #555; }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <h1>Admin Login</h1>
-        <form method="POST">
-            <input type="password" name="password" placeholder="Password" required>
-            <button type="submit">Login</button>
-            {% if error %}
-            <p style="color: red">{{ error }}</p>
-            {% endif %}
-        </form>
-    </div>
-</body>
-</html>

templates/admin_stats.html

@@ -1,21 +0,0 @@
-{% extends 'admin.html' %}
-{% block content %}
-<h1>Statistics</h1>
-<div class="stats-overview">
-    <p><strong>Total Users:</strong> {{ stats.users }}</p>
-    <p><strong>Total Songs:</strong> {{ stats.songs }}</p>
-    <p><strong>Total Plays:</strong> {{ stats.plays }}</p>
-</div>
-
-<h2>Top Played Songs</h2>
-<table>
-    <tr><th>ID</th><th>Title</th><th>Plays</th></tr>
-    {% for song in top_songs %}
-    <tr>
-        <td>{{ song.id }}</td>
-        <td>{{ song.title }}</td>
-        <td>{{ song.play_count }}</td>
-    </tr>
-    {% endfor %}
-</table>
-{% endblock %}

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>

tools/categories.json

@@ -154,25 +154,4 @@
 		"namco",
 		"namcooriginal"
 	]
-},{
-	"id": 8,
-	"title": "Custom Charts",
-	"title_lang": {
-		"ja": "自作譜面",
-		"en": "Custom Charts",
-		"cn": "自制谱面",
-		"tw": "自製譜面",
-		"ko": "커스텀 채보"
-	},
-	"song_skin": {
-		"sort": 8,
-		"background": "#ff3399",
-		"border": ["#ff99cc", "#cc0066"],
-		"outline": "#99004d",
-		"info_fill": "#99004d",
-		"bg_img": "bg_genre_6.png"
-	},
-	"aliases": [
-		"custom"
-	]
 }]