Merge branch 'assets-css' of bui/taiko-web into master

app.py

@@ -11,6 +11,7 @@ from ffmpy import FFmpeg
 
 app = Flask(__name__)
 DATABASE = 'taiko.db'
+DEFAULT_URL = 'https://github.com/bui/taiko-web/'
 
 
 def get_db():
@@ -119,9 +120,17 @@ def get_tja_preview(tja):
 
 
 def get_version():
-    version = None
+    version = {'commit': None, 'commit_short': '', 'version': None, 'url': DEFAULT_URL}
     if os.path.isfile('version.json'):
-        version = json.load(open('version.json', 'r'))
+        try:
+            ver = json.load(open('version.json', 'r'))
+        except ValueError:
+            print('Invalid version.json file')
+            return version
+
+        for key in version.keys():
+            if ver.get(key):
+                version[key] = ver.get(key)
 
     return version
 
@@ -213,10 +222,10 @@ def make_preview(song_id, song_type):
     if os.path.isfile(song_path) and not os.path.isfile(prev_path):
         preview = get_preview(song_id, song_type) / 1000
         if not preview or preview <= 0.1:
-            print 'Skipping #%s due to no preview' % song_id
+            print('Skipping #%s due to no preview' % song_id)
             return False
 
-        print 'Making preview.mp3 for song #%s' % song_id
+        print('Making preview.mp3 for song #%s' % song_id)
         ff = FFmpeg(inputs={song_path: '-ss %s' % preview},
                     outputs={prev_path: '-codec:a libmp3lame -ar 32000 -b:a 92k -y -loglevel panic'})
         ff.run()

public/src/js/about.js

@@ -29,10 +29,7 @@
 		this.endButton.innerText = strings.tutorial.ok
 		this.endButton.setAttribute("alt", strings.tutorial.ok)
 		
-		var versionUrl = "https://github.com/bui/taiko-web/"
-		if(gameConfig._version){
-			versionUrl = gameConfig._version.url
-		}
+		var versionUrl = gameConfig._version.url
 		this.getLink(this.linkIssues).href = versionUrl + "issues"
 		
 		pageEvents.add(this.linkIssues, ["click", "touchend"], this.linkButton.bind(this))

public/src/js/assets.js

@@ -37,6 +37,10 @@ var assets = {
 		"debug.css",
 		"songbg.css"
 	],
+	"assetsCss": [
+		"fonts/fonts.css",
+		"img/img.css"
+	],
 	"img": [
 		"title-screen.png",
 		"notes.png",

public/src/js/loader.js

@@ -23,7 +23,7 @@ class Loader{
 		this.loaderPercentage = document.querySelector("#loader .percentage")
 		this.loaderProgress = document.querySelector("#loader .progress")
 		
-		var queryString = gameConfig._version ? "?" + gameConfig._version.commit_short : ""
+		var queryString = gameConfig._version.commit_short ? "?" + gameConfig._version.commit_short : ""
 		
 		assets.js.forEach(name => {
 			var script = document.createElement("script")
@@ -40,6 +40,12 @@ class Loader{
 				stylesheet.href = "/src/css/" + name + queryString
 				document.head.appendChild(stylesheet)
 			})
+			assets.assetsCss.forEach(name => {
+				var stylesheet = document.createElement("link")
+				stylesheet.rel = "stylesheet"
+				stylesheet.href = gameConfig.assets_baseurl + name + queryString
+				document.head.appendChild(stylesheet)
+			})
 			var checkStyles = () => {
 				if(document.styleSheets.length >= cssCount){
 					resolve()

templates/index.html

@@ -8,9 +8,7 @@
 	<meta name="description" content="パソコンとスマホのブラウザ向けの太鼓の達人シミュレータ 🥁 Taiko no Tatsujin rhythm game simulator for desktop and mobile browsers">
 
 	<link rel="stylesheet" href="/src/css/loader.css?{{version.commit_short}}">
-	<link rel="stylesheet" href="{{config.assets_baseurl}}fonts/fonts.css?{{version.commit_short}}">
-	<link rel="stylesheet" href="{{config.assets_baseurl}}img/img.css?{{version.commit_short}}">
-	
+
 	<script src="/src/js/assets.js?{{version.commit_short}}"></script>
 	<script src="/src/js/strings.js?{{version.commit_short}}"></script>
 	<script src="/src/js/pageevents.js?{{version.commit_short}}"></script>
@@ -21,10 +19,10 @@
 	<div id="assets"></div>
 	<div id="screen" class="pattern-bg"></div>
 	<div id="version">
-		{% if version %}
+		{% if version.version and version.commit_short and version.commit %}
 			<a href="{{version.url}}commit/{{version.commit}}" target="_blank" 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 href="https://github.com/bui/taiko-web" target="_blank" id="version-link" class="stroke-sub" alt="taiko-web (unknown version)">taiko-web (unknown version)</a>
+			<a href="{{version.url}}" target="_blank" id="version-link" class="stroke-sub" alt="taiko-web (unknown version)">taiko-web (unknown version)</a>
 		{% endif %}
 	</div>
 	<script src="/src/js/browsersupport.js?{{version.commit_short}}"></script>