application cache support.

Manticore should now behave like an offline application when installed on a users iOS (or other appcache supprting) device. the manifest file is automatically generated by the makefile now too, so it should correctly update when the project is built
brehaut · Sep 1, 2014 · dc251d5 · dc251d5
1 parent fb71c64
commit dc251d5
Show file tree

Hide file tree

Showing 7 changed files with 66 additions and 21 deletions.
diff --git a/.gitignore b/.gitignore
@@ -16,3 +16,4 @@ out/*
 /static/js/main.js.map
 /static/data/custom.json
 /manticore-release.zip
+/manifest.appcache
diff --git a/Makefile b/Makefile
@@ -1,28 +1,61 @@
-build_stock: build
-	rm target/static/data/custom.json
+SRC_ROOT = src
+STATIC_ROOT = static
+TARGET_ROOT = target
 
-build: clean bundle_contrib_js
-	mkdir -p target/static/{css,js,data,images}
-	cp static/data/* target/static/data/
-	cp static/css/* target/static/css/
-	cp static/js/* target/static/js/
-	cp static/images/* target/static/images/
-	cp index.html target/
-	tsc src/ts/manticore.ts --removeComments --out target/static/js/main.js
-
-release: build_stock
-	echo '{"campaign": [\n    ["Example monster", 1, "normal", "troop", ["test", "tags"]]\n]}\n' > target/static/data/custom.json
-	zip manticore-release.zip -r target	
+SCRIPTS = $(STATIC_ROOT)/js
+STYLES = $(STATIC_ROOT)/css
+IMAGES = $(STATIC_ROOT)/images
+DATA = $(STATIC_ROOT)/data
+
+MANIFEST = manifest.appcache
+
+TS_APP_SRC = $(SRC_ROOT)/ts/manticore.ts
+TS_APP_OUT = $(SCRIPTS)/main.js
+
+default: build_stock
 
 clean:
-	rm -rf target
+	rm -rf $(TARGET_ROOT)
 	rm static/js/*
 
 bundle_contrib_js:
-	cat src/js/contrib/* > static/js/contrib.js
+	cat src/js/contrib/* > $(SCRIPTS)/contrib.js
+
+manifest:
+	echo "CACHE MANIFEST\n\n# Generated:" > $(MANIFEST)
+	date -u +#\ %Y%m%d:%H%M%S >> $(MANIFEST)
+	echo >> $(MANIFEST)$
+
+	cat $(SRC_ROOT)/manifest-static >> $(MANIFEST);
+	for file in $(SCRIPTS)/*; do echo $$file >> $(MANIFEST); done
+	echo $(TS_APP_OUT) >> $(MANIFEST)
+	for file in $(STYLES)/*; do echo $$file >> $(MANIFEST); done
+	for file in $(DATA)/*; do echo $$file >> $(MANIFEST); done
+	for file in $(IMAGES)/*; do echo $$file >> $(MANIFEST); done
+
+
+build_ts:
+	tsc $(SRC_ROOT)/ts/manticore.ts --removeComments --out $(TARGET_ROOT)/$(STATIC_ROOT)/js/main.js
+
+
+bundle_all: clean bundle_contrib_js build_ts manifest
+	mkdir -p $(TARGET_ROOT)/$(STATIC_ROOT)/{css,js,data,images}
+	cp $(DATA)/* $(TARGET_ROOT)/$(DATA)/
+	cp $(STYLES)/* $(TARGET_ROOT)/$(STYLES)/
+	cp $(SCRIPTS)/* $(TARGET_ROOT)/$(SCRIPTS)/
+	cp $(IMAGES)/* $(TARGET_ROOT)/$(IMAGES)/
+	cp $(MANIFEST) $(TARGET_ROOT)/
+	cp index.html $(TARGET_ROOT)/	
+
+build_stock: bundle_all manifest
+	rm target/static/data/custom.json
+
+release: clean build_stock manifest 
+	echo '{"campaign": [\n    ["Example monster", 1, "normal", "troop", ["test", "tags"]]\n]}\n' > $(TARGET_ROOT)/$(DATA)/custom.json
+	zip manticore-release.zip -r target	
 
-watch: bundle_contrib_js
-	tsc -w src/ts/manticore.ts --sourcemap --out static/js/main.js
+watch: bundle_contrib_js manifest
+	tsc -w $(TS_APP_SRC) --sourcemap --out static/js/main.js
 
 server:
 	python -m SimpleHTTPServer
diff --git a/index.html b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html manifest="manifest.appcache">
     <head>
       <meta charset="utf-8">
       <link href='http://fonts.googleapis.com/css?family=Alegreya:400italic,700italic,400,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

diff --git a/src/manifest-static b/src/manifest-static
@@ -0,0 +1 @@
+http://fonts.googleapis.com/css?family=Alegreya:400italic,700italic,400,700&subset=latin,latin-ext
diff --git a/src/ts/interface.ts b/src/ts/interface.ts
@@ -478,7 +478,7 @@ module manticore.interface {
 
 
     // show a loading bezel while the json data is loading.
-    function loadingUI(root, promise) {
+    function loadingUI(root, promise) { 
         var loading = DOM.div({"class": "loading"}, [DOM.text(_("Loading..."))])
         root.appendChild(loading);
 

diff --git a/src/ts/manticore.ts b/src/ts/manticore.ts
@@ -49,4 +49,14 @@ module manticore {
             bestiary.allocationsForParty
         );
     });
+
+    // appcache management
+    function updateReady (e?) {
+        applicationCache.swapCache();
+    }
+
+    applicationCache.addEventListener("updateready", updateReady);
+    if(window.applicationCache.status === window.applicationCache.UPDATEREADY) {
+        updateReady();
+    }
 }
diff --git a/static/css/style.css b/static/css/style.css
@@ -68,7 +68,7 @@ body > section {
 }
 
 body > footer {
-    background: rgba(40, 15, 7, 1);;
+    background: rgba(40, 15, 7, 1);
     color: #F2F2EB;
     font-size: 0.9em;
     margin-top: 3em;