pixie3

dirty.coffee

@@ -0,0 +1,29 @@
+module.exports = (I, self) ->
+  # TODO: May want to not stash this on I, possibly have a volatileAccessor?
+  self.attrAccessor "savedCommand"
+
+  self.extend
+    dirty: ->
+      self.savedCommand() != self.lastCommand()
+    lastCommand: ->
+      self.history().last()
+    markClean: ->
+      self.savedCommand self.lastCommand()
+
+  self.markClean()
+
+  # HACK: This assumes we're the only app in the page
+  # NOTE: Track `prompted` so in an iframe it's less likely to trigger twice
+  prompted = false
+  window.addEventListener "beforeunload", (e) ->
+    unless prompted
+      if self.dirty()
+        e.returnValue = "Your changes haven't yet been saved. If you leave now you will lose your work."
+      prompted = true
+
+    setTimeout ->
+      prompted = false
+
+    return e.returnValue
+
+  return self

download.md

@@ -50,4 +50,4 @@ Pixi Paint is [open source software](https://github.com/STRd6/pixel-editor).
 >     $(".content").eq(0).empty()
 >     .append($ "<h2>", text: "Live Demo")
 >     $(".content").eq(1).empty()
->     .append($ "<iframe>", src: "http://danielx.net/pixel-editor", style: "border: none; border-top: 1px solid gray", width: 640, height: 640)
+>     .append($ "<iframe>", src: "https://danielx.net/pixel-editor/", style: "border: none; border-top: 1px solid gray", width: 768, height: 640)