commandz 0.0.3 → 0.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f2704f6b71bfb108f4089d4539879479a1f5e6c9
-  data.tar.gz: a7511dae7fbb4fa5b5d499947f1712718a3bc2c0
+  metadata.gz: 706f3e28800a1bd1c1e659a2fcf7a355c8b03fab
+  data.tar.gz: 4b3451066e237bbf6e4c75e8245f9ac1e528a490
 SHA512:
-  metadata.gz: 0c650267d1bac2d6e1525a1f77a044cfd5929a9baed475f8b53a6bd51430b000731031a4182f196f3611d180f7bc2fe162a8c11fb4e07fc0d0f63dc9cec4b1b2
-  data.tar.gz: 076c76e6f4e9ba0dbfe2efaea07317a63eb902382ccf9ec0dfce6f7cf8dca245e039cf5e232cfd7fb4dee0ca92322ae05284de2e617ff03c907f498f865986c3
+  metadata.gz: e2caf799f9bab92f94978984affae1337d23acb9dba7f4476d3a55637a5ed810e60d08ce08ba4c708b7251f0d5df24e65c2b6ea61f4bf43d69891bf9850ecb35
+  data.tar.gz: aa1ddb7d6a90db28f177d10b24eac586e94dfc16eea054ed29aa372d30d3d9dbdf609e8a9a5c42f03ee44079991efa6737f6840372f185814d858d5b011951aa

data/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [v0.1.0](https://github.com/EtienneLem/commandz/tree/v0.1.0)
+- Rename `CommandZ.commands` -> `CommandZ.history`
+- Rename `CommandZ.onChange` -> `CommandZ.onStatusChange`
+- Add storage with threshold support
+- Add `CommandZ.reset()`
+
 ## [v0.0.3](https://github.com/EtienneLem/commandz/tree/v0.0.3)
 - Fix a bug where `handleChange` wouldn’t be called after `CommandZ.execute()`
 

data/README.md

@@ -16,14 +16,19 @@
 
 ## Table of contents
 - [API](#api)
-  - [CommandZ.execute](#execute)
-  - [CommandZ.undo](#undo)
-  - [CommandZ.redo](#redo)
-  - [CommandZ.status](#status)
-  - [CommandZ.onChange](#onchange)
-  - [CommandZ.clear](#clear)
-  - [CommandZ.keyboardShortcuts](#keyboardshortcuts)
+  - [execute](#execute) | [store](#store)
+  - [undo (commands)](#undo-commands) | [undo (storage)](#undo-storage)
+  - [redo (commands)](#redo-commands) | [redo (storage)](#redo-storage)
+  - [setThreshold (storage only)](#setthreshold-storage-only)
+  - [status](#status)
+  - [onStatusChange](#onstatuschange)
+  - [onStorageChange](#onstoragechange)
+  - [clear](#clear)
+  - [reset](#reset)
+  - [keyboardShortcuts](#keyboardshortcuts)
 - [DOM Example](#dom-example)
+  - [Commands](#commands)
+  - [Storage](#storage)
 - [Setup](#setup)
   - [Rails](#rails)
   - [Other](#other)
@@ -39,8 +44,9 @@ COMMAND: {
 }
 ```
 
-### execute
-Receive `COMMAND` or `COMMANDS` and execute `COMMAND.up()`.
+### #execute
+Receive `COMMAND` or `COMMANDS` and execute `COMMAND.up()`.<br>
+Store commands as a `{ command: COMMAND }` object in the history array.
 
 **Single command per history item**<br>
 Store one history item per `COMMAND`.
@@ -79,8 +85,8 @@ console.log(CommandZ.commands.length) // => 1
 console.log(CommandZ.index)           // => 0
 ```
 
-### undo
-Call `COMMAND.down()` and set the index to the previous command.
+### #undo (commands)
+Call `COMMAND.down()` and set the index to the previous history item.
 
 ```js
 CommandZ.execute({
@@ -104,8 +110,8 @@ console.log(CommandZ.commands.length) // => 2
 console.log(CommandZ.index)           // => -1
 ```
 
-### redo
-Set the index to the next command and call `COMMAND.up()`.
+### #redo (commands)
+Set the index to the next history item and call `COMMAND.up()`.
 
 ```js
 CommandZ.execute({
@@ -125,7 +131,73 @@ console.log(CommandZ.commands.length) // => 2
 console.log(CommandZ.index)           // => 0
 ```
 
-### status
+### #store
+Store data as a `{ data: … }` object in the history array.
+
+```js
+CommandZ.store({ width: 100, height: 100 })
+```
+
+### #undo (storage)
+Set the index to the previous history item and send data via [`CommandZ.onStorageChange`](#onstoragechange).
+
+```js
+CommandZ.onStorageChange(function(data) {
+  console.log(data)
+})
+
+CommandZ.store({ width: 100, height: 100 })
+CommandZ.undo()
+
+console.log(CommandZ.commands.length) // => 1
+console.log(CommandZ.index)           // => -1
+
+CommandZ.store({ width: 100, height: 100 })
+CommandZ.store({ width: 200, height: 200 })
+CommandZ.undo() # => { width: 100, height: 100 }
+
+console.log(CommandZ.commands.length) // => 2
+console.log(CommandZ.index)           // => 0
+```
+
+### #redo (storage)
+Set the index to the next history item and send data via [`CommandZ.onStorageChange`](#onstoragechange).
+
+```js
+CommandZ.onStorageChange(function(data) {
+  console.log(data)
+})
+
+CommandZ.store({ width: 100, height: 100 })
+CommandZ.store({ width: 200, height: 200 })
+CommandZ.undo() # => { width: 100, height: 100 }
+CommandZ.redo() # => { width: 200, height: 200 }
+
+console.log(CommandZ.commands.length) // => 2
+console.log(CommandZ.index)           // => 1
+```
+
+### #setThreshold (storage only)
+Unlike commands, you can allow your users to spam the `CMD+Z` button without restoring every states at every steps.<br>
+Threshold is set in `milliseconds`.
+
+```js
+CommandZ.setThreshold(500)
+CommandZ.onStorageChange(function(data) {
+  console.log(data)
+})
+
+CommandZ.store({ width: 100, height: 100 })
+CommandZ.store({ width: 200, height: 200 })
+CommandZ.store({ width: 300, height: 300 })
+
+CommandZ.undo(100)
+
+// Wait 500ms
+// => { width: 100, height: 100 }
+```
+
+### #status
 Return the current status.
 
 ```js
@@ -144,11 +216,11 @@ console.log(CommandZ.commands.length) // => 2
 console.log(CommandZ.index)           // => 1
 ```
 
-### onChange
+### #onStatusChange
 Register a callback that will be called with the `status` every time there’s a change to the history.
 
 ```js
-CommandZ.onChange(function(status) {
+CommandZ.onStatusChange(function(status) {
   console.log(status)
 })
 
@@ -166,7 +238,21 @@ CommandZ.undo() // => { canUndo: true, canRedo: true }
 CommandZ.undo() // => { canUndo: false, canRedo: true }
 ```
 
-### clear
+### #onStorageChange
+Register a callback that will be called with the `data` on undo/redo.
+
+```js
+CommandZ.onStorageChange(function(data) {
+  console.log(data)
+})
+
+CommandZ.store({ width: 100, height: 100 })
+CommandZ.store({ width: 200, height: 200 })
+
+CommandZ.undo() // => { width: 100, height: 100 }
+```
+
+### #clear
 Clear history.
 
 ```js
@@ -187,7 +273,10 @@ console.log(CommandZ.commands.length) // => 0
 console.log(CommandZ.index)           // => -1
 ```
 
-### keyboardShortcuts
+### #reset
+Clear history, remove callbacks and set threshold to 0.
+
+### #keyboardShortcuts
 Enable or disable `CMD+Z` & `CMD+SHIFT+Z` keyboard shortcuts. These shortcuts are enabled by default.<br>
 Will only `undo()` & `redo()` if the current selected element is not an input so that it doesn’t prevent your OS default behavior.
 
@@ -197,6 +286,7 @@ CommandZ.keyboardShortcuts(false)
 ```
 
 ## DOM Example
+### Commands
 ```js
 // This example requires jQuery or Zepto
 $container = $('<div></div>')
@@ -234,6 +324,35 @@ console.log(CommandZ.commands.length) // => 3
 console.log(CommandZ.index)           // => 2
 ```
 
+### Storage
+```js
+// This example requires jQuery or Zepto
+$container = $('<div></div>')
+
+img = new Image
+$container.html(img)
+
+// Register undo/redo callback
+CommandZ.onStorageChange = function(data) {
+  img.width = data.width
+  img.height = data.height
+}
+
+img.width = 100
+img.height = 100
+
+// Lets store some states
+[1, 2, 3, 4].forEach(function(i) {
+  CommandZ.store({ width: i * 100, height: i * 100 })
+})
+
+CommandZ.undo(2)
+console.log(img.width) // => 200
+
+CommandZ.redo()
+console.log(img.width) // => 300
+```
+
 ## Setup
 ### Rails
 1. Add `gem 'commandz'` to your Gemfile.

data/commandz.min.js

@@ -1,10 +1,10 @@
 /*
-* CommandZ v0.0.3
+* CommandZ v0.1.0
 * https://github.com/EtienneLem/commandz
 *
 * Copyright 2013, Etienne Lemay http://heliom.ca
 * Released under the MIT license
 *
-* Date: 2013-08-29 16:12:59 -0400
+* Date: 2013-09-02 11:47:04 -0400
 */
-(function(){var t,n=function(t,n){return function(){return t.apply(n,arguments)}};t=function(){function t(){this.handleKeyboard=n(this.handleKeyboard,this),this.VERSION="0.0.3",this.changeCallback=null,this.clear(),this.keyboardShortcuts(!0)}return t.prototype.clear=function(){return this.commands=[],this.index=-1},t.prototype.keyboardShortcuts=function(t){var n;return null==t&&(t=!0),n=t?"addEventListener":"removeEventListener",document[n]("keypress",this.handleKeyboard)},t.prototype.handleKeyboard=function(t){return"INPUT"!==document.activeElement.nodeName&&122===t.keyCode&&t.metaKey===!0?(t.preventDefault(),t.shiftKey?this.redo():this.undo()):void 0},t.prototype.execute=function(t){var n;return this.up(t),this.index<this.commands.length-1&&(n=this.commands.length-this.index-1,this.commands.splice(-n)),this.commands.push(t),this.index=this.commands.length-1,this.handleChange()},t.prototype.undo=function(t){var n,e;if(null==t&&(t=1),this.status().canUndo)for(n=e=1;t>=1?t>=e:e>=t;n=t>=1?++e:--e){if(!this.commands[this.index])return;this.down(this.commands[this.index]),this.index--,this.handleChange()}},t.prototype.redo=function(t){var n,e;if(null==t&&(t=1),this.status().canRedo)for(n=e=1;t>=1?t>=e:e>=t;n=t>=1?++e:--e){if(!this.commands[this.index+1])return;this.index++,this.up(this.commands[this.index]),this.handleChange()}},t.prototype.exec=function(t,n){var e,i,o,s;if(!(n instanceof Array))return n[t]();for(s=[],i=0,o=n.length;o>i;i++)e=n[i],s.push(e[t]());return s},t.prototype.up=function(t){return this.exec("up",t)},t.prototype.down=function(t){return this.exec("down",t)},t.prototype.onChange=function(t){return this.changeCallback=t,this.handleChange()},t.prototype.handleChange=function(){return this.changeCallback?this.changeCallback(this.status()):void 0},t.prototype.status=function(){return{canUndo:this.index>-1,canRedo:this.index<this.commands.length-1}},t}(),this.CommandZ=new t}).call(this);
+(function(){var t,e=function(t,e){return function(){return t.apply(e,arguments)}};t=function(){function t(){this.handleKeypress=e(this.handleKeypress,this),this.VERSION="0.1.0",this.reset(),this.keyboardShortcuts(!0)}return t.prototype.reset=function(){return this.clear(),this.statusChangeCallback=null,this.storageChangeCallback=null,this.thresholdTimer=null,this.threshold=0},t.prototype.clear=function(){return this.history=[],this.index=-1},t.prototype.keyboardShortcuts=function(t){var e;return null==t&&(t=!0),e=t?"addEventListener":"removeEventListener",document[e]("keypress",this.handleKeypress)},t.prototype.handleKeypress=function(t){return"INPUT"!==document.activeElement.nodeName&&122===t.keyCode&&t.metaKey===!0?(t.preventDefault(),t.shiftKey?this.redo():this.undo()):void 0},t.prototype.execute=function(t){var e;return e={},e.command=t,this.up(t),this.addToHistory(e)},t.prototype.store=function(t){var e;return e={},e.data=t,this.addToHistory(e)},t.prototype.addToHistory=function(t){var e;return this.index<this.history.length-1&&(e=this.history.length-this.index-1,this.history.splice(-e)),this.history.push(t),this.index=this.history.length-1,this.handleStatusChange()},t.prototype.undo=function(t){var e,n,s,i,h;if(null==t&&(t=1),this.status().canUndo)for(i=h=1;t>=1?t>=h:h>=t;i=t>=1?++h:--h){if(!this.history[this.index])return;s=this.history[this.index],(e=s.command)&&this.down(e),this.index--,(s=this.history[this.index])&&(n=s.data)&&this.handleData(n),this.handleStatusChange()}},t.prototype.redo=function(t){var e,n,s,i,h;if(null==t&&(t=1),this.status().canRedo)for(i=h=1;t>=1?t>=h:h>=t;i=t>=1?++h:--h){if(!this.history[this.index+1])return;this.index++,s=this.history[this.index],(e=s.command)&&this.up(e),(n=s.data)&&this.handleData(n),this.handleStatusChange()}},t.prototype.exec=function(t,e){var n,s,i,h;if(!(e instanceof Array))return e[t]();for(h=[],s=0,i=e.length;i>s;s++)n=e[s],h.push(n[t]());return h},t.prototype.up=function(t){return this.exec("up",t)},t.prototype.down=function(t){return this.exec("down",t)},t.prototype.handleData=function(t){var e=this;return this.threshold>0?(clearTimeout(this.thresholdTimer),this.thresholdTimer=setTimeout(function(){return e.sendData(t)},this.threshold)):this.sendData(t)},t.prototype.sendData=function(t){return this.storageChangeCallback?this.storageChangeCallback(t):void 0},t.prototype.onStorageChange=function(t){return this.storageChangeCallback=t},t.prototype.setThreshold=function(t){return this.threshold=t},t.prototype.onStatusChange=function(t){return this.statusChangeCallback=t,this.handleStatusChange()},t.prototype.handleStatusChange=function(){return this.statusChangeCallback?this.statusChangeCallback(this.status()):void 0},t.prototype.status=function(){return{canUndo:this.index>-1,canRedo:this.index<this.history.length-1}},t}(),this.CommandZ=new t}).call(this);

data/lib/assets/javascripts/commandz.coffee

@@ -1,63 +1,94 @@
 class CommandZ
 
   constructor: ->
-    @VERSION = '0.0.3'
-    @changeCallback = null
+    @VERSION = '0.1.0'
 
-    this.clear()
+    this.reset()
     this.keyboardShortcuts(true)
 
+  reset: ->
+    this.clear()
+
+    @statusChangeCallback = null
+    @storageChangeCallback = null
+    @thresholdTimer = null
+    @threshold = 0
+
   clear: ->
-    @commands = []
+    @history = []
     @index = -1
 
   keyboardShortcuts: (enable=true) ->
     addOrRemove = if enable then 'addEventListener' else 'removeEventListener'
-    document[addOrRemove]('keypress', this.handleKeyboard)
+    document[addOrRemove]('keypress', this.handleKeypress)
 
-  handleKeyboard: (e) =>
+  handleKeypress: (e) =>
     return if document.activeElement.nodeName is 'INPUT'
     return unless e.keyCode is 122 and e.metaKey is true
 
     e.preventDefault()
     if e.shiftKey then this.redo() else this.undo()
 
+  # Execute and store commands as { command: {up: ->, down: ->} }
   execute: (command) ->
+    historyItem = {}
+    historyItem.command = command
+
     this.up(command)
+    this.addToHistory(historyItem)
+
+  # Store data as { data: … }
+  store: (data) ->
+    historyItem = {}
+    historyItem.data = data
+
+    this.addToHistory(historyItem)
+
+  # History management
+  addToHistory: (historyItem) ->
+    # Overwrite upcoming history items
+    if @index < @history.length - 1
+      difference = (@history.length - @index) - 1
+      @history.splice(-difference)
 
-    # Overwrites following commands (if @index < @commands.length)
-    if (@index < @commands.length - 1)
-      difference = (@commands.length - @index) - 1
-      @commands.splice(-difference)
+    @history.push(historyItem)
+    @index = @history.length - 1
 
-    # Push new command
-    @commands.push(command)
-    @index = @commands.length - 1
-    this.handleChange()
+    this.handleStatusChange()
 
   undo: (times=1) ->
     return unless this.status().canUndo
 
     for i in [1..times]
-      return unless @commands[@index]
+      return unless @history[@index]
 
-      this.down(@commands[@index])
+      historyItem = @history[@index]
+      this.down(command) if command = historyItem.command
+
+      # Has to be after a command item, but before a data item
       @index--
 
-      this.handleChange()
+      if historyItem = @history[@index]
+        this.handleData(data) if data = historyItem.data
+
+      this.handleStatusChange()
 
   redo: (times=1) ->
     return unless this.status().canRedo
 
     for i in [1..times]
-      return unless @commands[@index + 1]
+      return unless @history[@index + 1]
 
+      # Has to be before both a command and a data item
       @index++
-      this.up(@commands[@index])
 
-      this.handleChange()
+      historyItem = @history[@index]
+      this.up(command) if command = historyItem.command
+      this.handleData(data) if data = historyItem.data
 
-  # Execute up/down on a command
+      this.handleStatusChange()
+
+  # Execute up/down action on a command
   # command can be a group of commands or a single command
   exec: (action, command) ->
     return command[action]() unless command instanceof Array
@@ -66,19 +97,38 @@ class CommandZ
   up:   (command) -> this.exec('up',   command)
   down: (command) -> this.exec('down', command)
 
-  # Register onChange callback
-  onChange: (callback) ->
-    @changeCallback = callback
-    this.handleChange()
+  # Send current history item data
+  handleData: (data) ->
+    return this.sendData(data) unless @threshold > 0
+
+    clearTimeout(@thresholdTimer)
+    @thresholdTimer = setTimeout =>
+      this.sendData(data)
+    , @threshold
+
+  sendData: (data) ->
+    return unless @storageChangeCallback
+    @storageChangeCallback(data)
+
+  # Storage management
+  onStorageChange: (callback) ->
+    @storageChangeCallback = callback
+
+  setThreshold: (threshold) ->
+    @threshold = threshold
+
+  # Status management
+  onStatusChange: (callback) ->
+    @statusChangeCallback = callback
+    this.handleStatusChange()
 
-  handleChange: ->
-    return unless @changeCallback
-    @changeCallback(this.status())
+  handleStatusChange: ->
+    return unless @statusChangeCallback
+    @statusChangeCallback(this.status())
 
-  # Return current status
   status: ->
     canUndo: @index > -1
-    canRedo: @index < @commands.length - 1
+    canRedo: @index < @history.length - 1
 
 # Singleton
 @CommandZ = new CommandZ

data/lib/commandz/version.rb

@@ -1,3 +1,3 @@
 module CommandZ
-  VERSION = '0.0.3'
+  VERSION = '0.1.0'
 end

data/spec/commandz_spec.coffee

@@ -1,39 +1,39 @@
 describe 'CommandZ', ->
-  describe 'unit', ->
+  describe 'commands', ->
     it 'stores commands', ->
       [0..9].forEach (i) -> CommandZ.execute({up: (-> i), down: (-> i)})
 
-      expect(CommandZ.commands.length).toBe(10)
+      expect(CommandZ.history.length).toBe(10)
       expect(CommandZ.index).toBe(9)
 
     it 'undo', ->
       [0..3].forEach -> CommandZ.undo()
 
-      expect(CommandZ.commands.length).toBe(10)
+      expect(CommandZ.history.length).toBe(10)
       expect(CommandZ.index).toBe(5)
 
     it 'redo', ->
       CommandZ.redo()
 
-      expect(CommandZ.commands.length).toBe(10)
+      expect(CommandZ.history.length).toBe(10)
       expect(CommandZ.index).toBe(6)
 
     it 'undo many times', ->
       CommandZ.undo(3)
-      expect(CommandZ.commands.length).toBe(10)
+      expect(CommandZ.history.length).toBe(10)
       expect(CommandZ.index).toBe(3)
 
       CommandZ.undo(100)
-      expect(CommandZ.commands.length).toBe(10)
+      expect(CommandZ.history.length).toBe(10)
       expect(CommandZ.index).toBe(-1)
 
     it 'redo many times', ->
       CommandZ.redo(3)
-      expect(CommandZ.commands.length).toBe(10)
+      expect(CommandZ.history.length).toBe(10)
       expect(CommandZ.index).toBe(2)
 
       CommandZ.redo(100)
-      expect(CommandZ.commands.length).toBe(10)
+      expect(CommandZ.history.length).toBe(10)
       expect(CommandZ.index).toBe(9)
 
     it 'returns current status', ->
@@ -46,47 +46,92 @@ describe 'CommandZ', ->
       CommandZ.undo(3)
       CommandZ.execute({up: (->), down: (->)})
 
-      expect(CommandZ.commands.length).toBe(8)
+      expect(CommandZ.history.length).toBe(8)
       expect(CommandZ.index).toBe(7)
 
     it 'clears commands', ->
       CommandZ.clear()
 
-      expect(CommandZ.commands.length).toBe(0)
+      expect(CommandZ.history.length).toBe(0)
       expect(CommandZ.index).toBe(-1)
 
     it 'stores grouped commands', ->
       CommandZ.execute([{up: (->), down: (->)}, {up: (->), down: (->)}])
-      CommandZ.undo()
-      CommandZ.redo()
 
-      expect(CommandZ.commands.length).toBe(1)
-      expect(CommandZ.commands[0].length).toBe(2)
+      expect(CommandZ.history.length).toBe(1)
+      expect(CommandZ.history[0].command.length).toBe(2)
 
       expect(CommandZ.index).toBe(0)
 
-    it 'registers onChange callback', ->
+    it 'registers onStatusChange callback', ->
       CommandZ.clear()
       [0..2].forEach (i) -> CommandZ.execute({up: (-> i), down: (-> i)})
 
-      onChangeCallback = jasmine.createSpy('onChangeCallback')
-      CommandZ.onChange (status) -> onChangeCallback('test')
+      onStatusChangeCallback = jasmine.createSpy('onStatusChangeCallback')
+      CommandZ.onStatusChange (status) -> onStatusChangeCallback('test')
 
       CommandZ.undo(3)
       CommandZ.redo(2)
       CommandZ.execute({up: (->), down: (->)})
 
-      expect(onChangeCallback.calls.length).toBe(7)
-      CommandZ.onChange(null)
+      expect(onStatusChangeCallback.calls.length).toBe(7)
+      CommandZ.onStatusChange(null)
+
+  describe 'storage', ->
+    data = null
+
+    beforeEach ->
+      CommandZ.reset()
+      [1..3].forEach (i) -> CommandZ.store({ width: i * 100, height: i * 100 })
+
+    it 'stores data', ->
+      expect(CommandZ.history.length).toBe(3)
+      expect(CommandZ.index).toBe(2)
+
+    it 'undo', ->
+      CommandZ.onStorageChange (storageData) -> data = storageData
+      CommandZ.undo()
+
+      expect(data).toEqual({ width: 200, height: 200 })
+
+    it 'redo', ->
+      CommandZ.undo()
+      CommandZ.onStorageChange (storageData) -> data = storageData
+      CommandZ.redo()
+
+      expect(data).toEqual({ width: 300, height: 300 })
+
+    it 'undo and redo many times', ->
+      spyOn(CommandZ, 'sendData')
+
+      CommandZ.undo(2)
+      CommandZ.redo(2)
+      expect(CommandZ.sendData.calls.length).toBe(4)
+
+      CommandZ.redo(100)
+      expect(CommandZ.sendData.calls.length).toBe(4)
+
+    it 'has a threshold', ->
+      spyOn(CommandZ, 'sendData')
+
+      CommandZ.setThreshold(500)
+      CommandZ.undo(100)
+
+      waits(450)
+      runs -> expect(CommandZ.sendData.calls.length).toBe(0)
+
+      waits(100)
+      runs -> expect(CommandZ.sendData.calls.length).toBe(1)
 
   describe 'integration', ->
     $container = null
 
     beforeEach ->
-      CommandZ.clear()
-      loadFixtures('spec_container.html')
+      CommandZ.reset()
 
+      loadFixtures('spec_container.html')
       $container = $('#spec-container')
+
       [0..4].forEach ->
         $test = $('<div class="foo"></div>')
         CommandZ.execute
@@ -132,3 +177,28 @@ describe 'CommandZ', ->
 
       CommandZ.undo()
       expect($container.html()).toBe('')
+
+    it 'restores states with stored data', ->
+      img = new Image
+      $container.html(img)
+
+      CommandZ.onStorageChange (data) ->
+        img.width = data.width
+        img.height = data.height
+
+      img.width = 100
+      img.height = 100
+
+      [1..4].forEach (i) -> CommandZ.store({ width: i * 100, height: i * 100 })
+
+      CommandZ.undo(2)
+      expect(img.width).toBe(200)
+
+      CommandZ.redo()
+      expect(img.width).toBe(300)
+
+      CommandZ.redo(100)
+      expect(img.width).toBe(400)
+
+      CommandZ.undo(100)
+      expect(img.width).toBe(100)

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: commandz
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.1.0
 platform: ruby
 authors:
 - Etienne Lemay
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-08-29 00:00:00.000000000 Z
+date: 2013-09-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rake