Update memento.windowStorage.js

.bowerrc

@@ -0,0 +1,3 @@
+{
+    "directory": "./bower_components"
+}

.gitignore

@@ -51,3 +51,7 @@ build/Release
 # Deployed apps should consider commenting this line out:
 # see https://npmjs.org/doc/faq.html#Should-I-check-my-node_modules-folder-into-git
 node_modules
+
+# bower
+bower_components
+.idea/

.jshintrc

@@ -0,0 +1,31 @@
+{
+    "node": true,
+    "esnext": true,
+    "bitwise": true,
+    "curly": true,
+    "eqeqeq": true,
+    "immed": true,
+    "indent": 4,
+    "latedef": true,
+    "newcap": true,
+    "noarg": true,
+    "quotmark": "single",
+    "regexp": true,
+    "undef": true,
+    "unused": true,
+    "strict": true,
+    "trailing": true,
+    "smarttabs": true,
+    "white": true,
+    "loopfunc": true,
+    "latedef": "nofunc",
+    "globals": {
+        "angular": false,
+        "$": false,
+        "document": false,
+        "window": false,
+        "_": false,
+        "location": false,
+        "localforage": false
+    }
+}

README.md

@@ -16,7 +16,7 @@ Memento is designed to support multiple storage methods; the method can be chose
 
 	myApp.config(['MementoProvider', function (MementoProvider) {
 		// Here, we can configure Memento to use a different storage method.
-		MementoProvider.storageMethod = 'window';
+		MementoProvider.setStorageMethod('window'); // also indexedDb, webSql, localStorage
 	}])
 
 _NOTE: Memento currently only supports the 'window' storage method at this time._
@@ -30,15 +30,17 @@ With Memento as an app dependency, we can now inject Memento into a controller a
 		];
 
 		var memento = new Memento($scope.tasks);
+		or
+		var memento = new Memento($scope.tasks, 20); // you can set up the max history as 20
 
 A Memento object acts as a stack of states for a given object. Thus, it exposes stack-like methods.
 
-- `push(obj)`: Push an object onto the Memento stack, storing its state. 
-- `undo()`: Move backwards in the stack; return the previous state.
-- `redo()`: Move forwards in the stack; return the next state.
-- `revert()`: Return the original (first stored) object. This does not clear the stack.
-- `canUndo()`: Returns true if we can move backwards in the stack - the object has a previous state.
-- `canRedo()`: Returns true if we can move forwards in the stack - the object has a redo state.
+- `push(obj).then(function (result) {})`: Push an object onto the Memento stack, storing its state.
+- `undo().then(function (result) {})`: Move backwards in the stack; return the previous state.
+- `redo().then(function (result) {})`: Move forwards in the stack; return the next state.
+- `revert().then(function (result) {})`: Return the original (first stored) object. This does not clear the stack.
+- `canUndo().then(function (result) {})`: Returns true if we can move backwards in the stack - the object has a previous state.
+- `canRedo().then(function (result) {})`: Returns true if we can move forwards in the stack - the object has a redo state.
 
 Rudimentary usage examples are provided in the `examples` directory.
 

bower.json

@@ -0,0 +1,22 @@
+{
+  "name": "memento-promise",
+  "version": "1.4.0",
+  "homepage": "https://github.com/iamdenny/memento-promise",
+  "authors": [
+    "Denny Lim <hi.iamdenny@navercorp.com>"
+  ],
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "./lib",
+    "test",
+    "tests"
+  ],
+  "dependencies": {
+    "angular": "~1.x.x",
+    "angular-mocks": "~1.x.x",
+    "localforage": "~1.x.x"
+  }
+}

examples/index.html

@@ -3,9 +3,13 @@
 
 	<title>Memento example</title>
 
-	<script src="../lib/angular/angular.min.js"></script>
+	<script src="../bower_components/angular/angular.min.js"></script>
+    <script src="../bower_components/localforage/dist/localforage.min.js"></script>
 	<script src="../src/memento.core.js"></script>
-	<script src="../src/memento.windowStorage.js"></script>
+	<script src="../src/memento.indexedDb.js"></script>
+    <script src="../src/memento.localStorage.js"></script>
+    <script src="../src/memento.webSql.js"></script>
+    <script src="../src/memento.windowStorage.js"></script>
 	<script src="index.js"></script>
 
 </head>
@@ -20,8 +24,8 @@ <h1>Memento Example - Todo List</h1>
 		<input type="text" data-ng-model="newTask">
 		<button type="submit">Add New</button>
 	</form>
-	<button data-ng-disabled="!weCanUndo()" data-ng-click="undo()">Undo</button>
-	<button data-ng-disabled="!weCanRedo()" data-ng-click="redo()">Redo</button>
+	<button data-ng-disabled="!canUndo" data-ng-click="undo()">Undo</button>
+	<button data-ng-disabled="!canRedo" data-ng-click="redo()">Redo</button>
 	<button data-ng-click="revert()">Revert</button>
 </body>
 <html>

examples/index.js

@@ -1,37 +1,69 @@
 angular.module('memento-example', ['Memento'])
 	.config(['MementoProvider', function (MementoProvider) {
 		// Here, we can configured Memento to use a different storage method.
-		MementoProvider.storageMethod = 'window';
+		MementoProvider.setStorageMethod('window');
+//        MementoProvider.setStorageMethod('localStorage');
+//        MementoProvider.setStorageMethod('webSql');
+//        MementoProvider.setStorageMethod('indexedDb');
 	}])
 	.controller('main', function ($scope, Memento) {
 		$scope.tasks = [
 			{ name: 'Update the memento.js README file' },
 			{ name: 'Add JSON deltas to main branch' }
 		];
+        $scope.canUndo = false;
+        $scope.canRedo = false;
 
 		var memento = new Memento($scope.tasks);
 
 		$scope.remove = function (index) {
 			$scope.tasks.splice(index, 1);
+            checkUndoRedo();
 		};
 
 		$scope.add = function (value) {
 			if (value === '') return;
 
 			$scope.tasks.push({ name: value });
-			memento.push($scope.tasks);
-			$scope.newTask = '';
+			memento.push($scope.tasks).then(function () {
+                $scope.newTask = '';
+                checkUndoRedo();
+            });
 		};
 
-		$scope.weCanUndo = function () { return memento.canUndo() };
-		$scope.weCanRedo = function () { return memento.canRedo() };
+        function checkUndoRedo() {
+            memento.canUndo().then(function (result) {
+                $scope.canUndo = result;
+                safeApply();
+            });
+            memento.canRedo().then(function (result) {
+                $scope.canRedo = result;
+                safeApply();
+            });
+        }
+
+        function safeApply() {
+            if (!$scope.$$phase) {
+                $scope.$digest();
+            }
+        }
+
 		$scope.undo = function () {
-			$scope.tasks = memento.undo() || $scope.tasks;
+            memento.undo().then(function (tasks) {
+                $scope.tasks = tasks || $scope.tasks;
+                checkUndoRedo();
+            });
 		};
 		$scope.redo = function () {
-			$scope.tasks = memento.redo() || $scope.tasks;
+            memento.redo().then(function (tasks) {
+                $scope.tasks = tasks || $scope.tasks;
+                checkUndoRedo();
+            });
 		};
 		$scope.revert = function () {
-			$scope.tasks = memento.revert();
+			memento.revert().then(function (tasks) {
+                $scope.tasks = tasks;
+                checkUndoRedo();
+            });
 		};
 	});

gulpfile.js

@@ -6,7 +6,7 @@ var gulp = require('gulp'),
 	karma = require('gulp-karma'),
 
 	paths = {
-		scripts: "scripts/*.js",
+		scripts: "src/*.js",
 		spec: "spec/*.js",
 		dist: "dist"
 	};

karma.conf.js

@@ -15,8 +15,9 @@ module.exports = function(config) {
 
     // list of files / patterns to load in the browser
     files: [
-      './lib/angular/angular.min.js',
-      './lib/angular-mocks/angular-mocks.js',
+      './bower_components/angular/angular.min.js',
+      './bower_components/localforage/dist/localforage.min.js',
+      './bower_components/angular-mocks/angular-mocks.js',
       './src/*.js',
       './spec/*.js'
     ],