##Background
The modern browser imprements cache assets very well. But sometimes we need to get images with proxy or generate photos from server. So I try to cache images in local to avoid request server again and again. It cached in local file system, so the request won't send again if it found the local cache.

##So, what is it?

• Offline cache image, especially large image from proxy server.
• Offline cache AJAX data, provide user to get ajax data. Speed up the query time and reduce server query
• Development mode. In frontend development, we don't want to spend time in server request. so we can cache it in local in development mode.

##Demo http://blackbing.github.com/offlineCache/demo.html

##Usage ###as a jQuery plugin: Just require jquery.offlineCache-min.js and

//cache AJAX response
url = 'data/ajax.json'
//if cache is found, it will return a localfile url
ajaxJsonURL = $.offlineCache.getURL('data/ajax.json')
$.get(ajaxJsonURL, (res)->
  #save content manually
  if url is ajaxJsonURL
    $.offlineCache.create(url,
      content:res
      filetype: 'text'
  )
)

###as a Handlebar Helper: Just require handlebar.offlineCache-min.js and

####Template Example (offlineCache.hbs)

{{#each images}}
  <img src="{{offlineCache this}}" >
{{/each}}


#Coffeescript
Coffeescript
template = Handlebars.compile(offlineCacheTpl)
html = template(images:imageData)

###For more example: please see main.coffee

##Limitation

• Chrome only. It use HTML5 File API. The most frustrated thing is it only supported for Chrome.

###Dependency

• jQuery
• faultylab.MD5
• RequireJS

##Contribute

###Compile CoffeeScript

./compileScript.sh

###Run Server It need to run on server, you can simply use:

./runSimpleServer.sh

and open

http://localhost:8888

###Build Based on require/r.js

./build.sh