cloudhead · saimonmoore · Sep 30, 2010 · Sep 30, 2010 · Sep 30, 2010 · Sep 30, 2010
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+pub/application.manifest
diff --git a/Makefile b/Makefile
@@ -3,3 +3,9 @@ css:
 
 crontab:
 	sudo crontab etc/thingler.cron -u couchdb
+
+deps:
+	test -e $(which npm) && echo 'npm already installed.' || curl http://npmjs.org/install.sh | sh
+	test -e $(which npm) && npm install cradle || echo 'npm not installed. install via "curl http://npmjs.org/install.sh | sh"'
+	test -e $(which npm) && npm install journey || echo  'npm not installed. install via "curl http://npmjs.org/install.sh | sh"'
+	test -e $(which npm) && npm install node-static || echo   'npm not installed. install via "curl http://npmjs.org/install.sh | sh"'
diff --git a/README.md b/README.md
@@ -3,6 +3,13 @@ thingler
 
 > Hello, I am [Thingler](http://thingler.com), and this is my source code. Feel free to browse.
 
+forkers
+=======
+
+If you want to hack on Thingler, install couchdb, node.js (I recommend following this gist: http://gist.github.com/579814)
+Then run make deps.
+
+
 License
 -------
 

diff --git a/pub/css/thingler.css b/pub/css/thingler.css
diff --git a/pub/index.html b/pub/index.html
@@ -1,9 +1,16 @@
 <!doctype html>
-<html lang="en">
+<html lang="en" manifest="/application.manifest">
   <head>
     <title>Thingler</title>
     <meta http-equiv="content-type" content="text/html;charset=utf-8" />
     <meta name="description" content="Thingler is a real-time collaborative todo list.">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
+    <!-- mobile specific -->
+    <meta name="viewport" content="width=device-width; initial-scale=1.0">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+
     <link rel="stylesheet" type="text/css" href="/css/thingler.css">
     <link rel="icon" type="image/gif" href="/favicon.gif">
   </head>

diff --git a/pub/js/appcache.js b/pub/js/appcache.js
@@ -0,0 +1,84 @@
+// usage: log('inside coolFunc',this,arguments);
+// paulirish.com/2009/log-a-lightweight-wrapper-for-consolelog/
+thingler_debug = false;
+
+window.log = function(){
+  log.history = log.history || [];   // store logs to an array for reference
+  if (thingler_debug) {
+    log.history.push(arguments);
+
+    if(this.console){
+      console.log( Array.prototype.slice.call(arguments) );
+    }
+  }
+};
+
+//app cache event handling
+var cache = window.applicationCache;
+var progressCount = 0;
+var cacheStatusValues = {
+  0: 'uncached',
+  1: 'idle',
+  2: 'checking',
+  3: 'downloading',
+  4: 'updateready',
+  5: 'obsolete',
+  6: 'error',
+  7: 'cached',
+  8: 'progress',
+  9: 'noupdate'
+};
+
+function logAppCacheEvent(e) {
+    var online, status, type, message;
+    online = (navigator.onLine) ? 'yes' : 'no';
+    status = cacheStatusValues[cache.status];
+    type = e.type;
+    message = 'online: ' + online;
+    message+= ', event: ' + type;
+    message+= ', status: ' + status;
+    if (type == 'error' && navigator.onLine) {
+        message+= ' (probably a syntax error in the manifest)';
+    }
+    log(message);
+}
+
+for (var k in cacheStatusValues) {
+  if (['idle', 'uncached'].indexOf(cacheStatusValues[k]) == -1) {
+    cache.addEventListener(cacheStatusValues[k], logAppCacheEvent, false);
+  }
+}
+
+cache.addEventListener('error', function(e) {
+  log( 'Error: Cache failed to update : ' + progressCount );
+}, false);
+cache.addEventListener('progress', function(e) {progressCount++;}, false);
+cache.addEventListener(
+    'updateready',
+    function(){
+        //automatically swap the cache to the latest version when new cache is ready
+        window.applicationCache.swapCache();
+        log('swap cache has been called');
+    },
+    false
+);
+
+// setInterval(function(){cache.update()}, 10000);
+
+//onoffline/online events
+var onoffline = function () {
+ log('Now offline...');
+};
+
+var ononline = function () {
+ log('Now online...');
+};
+
+if (window.addEventListener) {
+  document.body.addEventListener("offline", onoffline, false);
+  document.body.addEventListener("online", ononline, false);
+}
+else {
+  document.body.onoffline = onoffline;
+  document.body.ononline = ononline;
+}
diff --git a/pub/js/index.json b/pub/js/index.json
@@ -1,4 +1,4 @@
 {
-  "files": ["pilgrim.js", "domdom.js", "domdom-tokenizing.js", "thingler.js"],
+  "files": ["pilgrim.js", "domdom.js", "domdom-tokenizing.js", "lawnchair.min.js", "appcache.js", "thingler.js"],
   "minify": false
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -3,6 +3,13 @@ thingler @@
     > Hello, I am [Thingler](http://thingler.com), and this is my source code. Feel free to browse.
+    forkers
+    =======
+    If you want to hack on Thingler, install couchdb, node.js (I recommend following this gist: http://gist.github.com/579814)
+    Then run make deps.
     License
     -------
@@ Expand Down @@