Bust AppCache on resize

assets/javascripts/views/layout/resizer.coffee

@@ -20,13 +20,15 @@ class app.views.Resizer extends app.View
   MIN = 250
   MAX = 600
 
-  resize: (newSize) ->
+  resize: (value, save) ->
-    return unless newSize > 0
+    return unless value > 0
-    newSize = Math.min(Math.max(Math.round(newSize), MIN), MAX)
+    value = Math.min(Math.max(Math.round(value), MIN), MAX)
-    app.settings.setSize(newSize)
+    newSize = "#{value}px"
-    newSize = "#{newSize}px"
     @style.innerHTML = @style.innerHTML.replace(new RegExp(@size, 'g'), newSize)
     @size = newSize
+    if save
+      app.settings.setSize(value)
+      app.appCache?.updateInBackground()
     return
 
   onDragStart: (event) =>
@@ -38,9 +40,9 @@ class app.views.Resizer extends app.View
   onDrag: (event) =>
     return if @lastDrag and @lastDrag > Date.now() - 50
     @lastDrag = Date.now()
-    @resize event.clientX
+    @resize(event.clientX, false)
     return
 
   onDragEnd: (event) =>
-    @resize event.screenX - window.screenX
+    @resize(event.screenX - window.screenX, true)
     return

test/app_test.rb

@@ -81,6 +81,17 @@ class AppTest < MiniTest::Spec
       assert_includes last_response.body, '# dark'
       refute_includes last_response.body, '# light'
     end
+
+    it "sets default size" do
+      get '/manifest.appcache'
+      assert_includes last_response.body, '18rem'
+    end
+
+    it "sets size from cookie" do
+      set_cookie('size=42')
+      get '/manifest.appcache'
+      assert_includes last_response.body, '42px'
+    end
   end
 
   describe "/[doc]" do

views/manifest.erb

@@ -1,5 +1,5 @@
 CACHE MANIFEST
-# <%= cookies[:dark].nil? ? 'light' : 'dark' %>
+# <%= cookies[:dark].nil? ? 'light' : 'dark' %> <%= size %>
 
 CACHE:
 /