peteshow 0.7.9 → 0.8.0

data/Gruntfile.js

@@ -17,7 +17,8 @@ module.exports = function(grunt) {
     meta: {
       depFiles : [
         'vendor/faker.js',
-        'vendor/jquery.formatdatetime.js'
+        'vendor/jquery.formatdatetime.js',
+        'vendor/jquery.cookie.js'
       ],
 
       srcFiles : [
@@ -78,7 +79,7 @@ module.exports = function(grunt) {
     },
 
     qunit: {
-      all: ['tests/*.html']
+      all: ['tests/index.html']
     }
   });
 

data/README.md

@@ -25,4 +25,6 @@ Also specific pages for frameworks:
 
 Developed by [Pete Brousalis](http://twitter.com/brousalis) in his spare time for use at [Enova](http://www.enova.com/) in Chicago, IL.
 
-Special thanks to Matthew Bergman & Marak Squires for [Faker.js](http://github.com/marak/Faker.js/), and Adam Gschwender for [jquery.formatDateTime](https://github.com/agschwender/jquery.formatDateTime), both included with Peteshow.
+Special thanks to Matthew Bergman & Marak Squires for [Faker.js](http://github.com/marak/Faker.js/), Adam Gschwender for [jquery.formatDateTime](https://github.com/agschwender/jquery.formatDateTime), Klaus Hartl for [jquery.cookie](https://github.com/carhartl/jquery-cookie), all used by Peteshow.
+
+And to Donnie Hall for creating the original `Peepshow`, which I rewrote and rebranded.

data/dist/peteshow.js

@@ -956,6 +956,124 @@ else {
 
 }));
 
+/*!
+ * jQuery Cookie Plugin v1.4.1
+ * https://github.com/carhartl/jquery-cookie
+ *
+ * Copyright 2006, 2014 Klaus Hartl
+ * Released under the MIT license
+ */
+(function (factory) {
+	if (typeof define === 'function' && define.amd) {
+		// AMD
+		define(['jquery'], factory);
+	} else if (typeof exports === 'object') {
+		// CommonJS
+		factory(require('jquery'));
+	} else {
+		// Browser globals
+		factory(jQuery);
+	}
+}(function ($) {
+
+	var pluses = /\+/g;
+
+	function encode(s) {
+		return config.raw ? s : encodeURIComponent(s);
+	}
+
+	function decode(s) {
+		return config.raw ? s : decodeURIComponent(s);
+	}
+
+	function stringifyCookieValue(value) {
+		return encode(config.json ? JSON.stringify(value) : String(value));
+	}
+
+	function parseCookieValue(s) {
+		if (s.indexOf('"') === 0) {
+			// This is a quoted cookie as according to RFC2068, unescape...
+			s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
+		}
+
+		try {
+			// Replace server-side written pluses with spaces.
+			// If we can't decode the cookie, ignore it, it's unusable.
+			// If we can't parse the cookie, ignore it, it's unusable.
+			s = decodeURIComponent(s.replace(pluses, ' '));
+			return config.json ? JSON.parse(s) : s;
+		} catch(e) {}
+	}
+
+	function read(s, converter) {
+		var value = config.raw ? s : parseCookieValue(s);
+		return $.isFunction(converter) ? converter(value) : value;
+	}
+
+	var config = $.cookie = function (key, value, options) {
+
+		// Write
+
+		if (arguments.length > 1 && !$.isFunction(value)) {
+			options = $.extend({}, config.defaults, options);
+
+			if (typeof options.expires === 'number') {
+				var days = options.expires, t = options.expires = new Date();
+				t.setTime(+t + days * 864e+5);
+			}
+
+			return (document.cookie = [
+				encode(key), '=', stringifyCookieValue(value),
+				options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
+				options.path    ? '; path=' + options.path : '',
+				options.domain  ? '; domain=' + options.domain : '',
+				options.secure  ? '; secure' : ''
+			].join(''));
+		}
+
+		// Read
+
+		var result = key ? undefined : {};
+
+		// To prevent the for loop in the first place assign an empty array
+		// in case there are no cookies at all. Also prevents odd result when
+		// calling $.cookie().
+		var cookies = document.cookie ? document.cookie.split('; ') : [];
+
+		for (var i = 0, l = cookies.length; i < l; i++) {
+			var parts = cookies[i].split('=');
+			var name = decode(parts.shift());
+			var cookie = parts.join('=');
+
+			if (key && key === name) {
+				// If second argument (value) is a function it's a converter...
+				result = read(cookie, value);
+				break;
+			}
+
+			// Prevent storing a cookie that we couldn't decode.
+			if (!key && (cookie = read(cookie)) !== undefined) {
+				result[name] = cookie;
+			}
+		}
+
+		return result;
+	};
+
+	config.defaults = {};
+
+	$.removeCookie = function (key, options) {
+		if ($.cookie(key) === undefined) {
+			return false;
+		}
+
+		// Must not alter options, thus extending a fresh object...
+		$.cookie(key, '', $.extend({}, options, { expires: -1 }));
+		return !$.cookie(key);
+	};
+
+}));
+
 var Peteshow = {};
 
 Peteshow.defaults = {
@@ -963,6 +1081,7 @@ Peteshow.defaults = {
   emailDomain : 'example.com',
   form        : '',
   blur        : false,
+  cookies     : false,
 
   rules     : {},
   ignore    : [],
@@ -974,17 +1093,7 @@ Peteshow.defaults = {
   events    : function(){},
 }
 
-if (typeof define == 'function'){
-  define(function(){
-    return Peteshow;
-  });
-
-} else if(typeof module !== 'undefined' && module.exports) {
-  module.exports = Peteshow;
-
-} else {
-  window.Peteshow = Peteshow;
-}
+window.Peteshow = Peteshow;
 
 +function($) {
   Peteshow.randomChars = function (length, chars) {
@@ -1050,28 +1159,36 @@ if (typeof define == 'function'){
 +function($) {
   getDefaultRules = function() {
     return {
-      'input[type=password]'                        : 'password',
-      'input[type=text]'                            : Peteshow.randomLetters(8),
-      'input[type=email], input[name*=email]'       : Peteshow.randomEmail(),
-      'input[name*=number], input[type=number]'     : Peteshow.randomNumber(8),
-      'input[class*=number], input[class*=decimal]' : Peteshow.randomNumber(8),
-      'input[type=date]'                            : Peteshow.randomDate(),
-      'input[name*=phone]'                          : Faker.PhoneNumber.phoneNumberFormat(5),
-      'input[name*=first_name]'                     : Faker.Name.firstName(),
-      'input[name*=last_name]'                      : Faker.Name.lastName(),
-      'input[name*=company]'                        : Faker.Company.companyName(),
-      'input[name*=line1], input[name*=street]'     : Faker.Address.streetName(),
-      'input[name*=line2], input[name*=suite]'      : Faker.Address.secondaryAddress(),
-      'input[name*=city]'                           : Faker.Address.city(),
-      'input[name*=zip], input[name*=postal]'       : Faker.Address.zipCodeFormat(0),
-      'input[name*=state]'                          : Faker.Address.usState(),
-      'input[name*=job_title]'                      : Faker.Company.catchPhrase(),
-      'input[name*=intent]'                         : Faker.Lorem.sentence(),
-      'input[name*=income], input[name*=amount]'    : Peteshow.randomNumber(4),
-      'input[name*=branch], input[name*=routing]'   : '400001',
-      'input[name*=card_type_cd]'                   : '001',
-      'input[name*=card_number]'                    : '4111111111111111',
-      'input[name*=cvv]'                            : '123'
+      'input[type=password]'      : 'password',
+      'input[type=text]'          : Peteshow.randomLetters(8),
+      'input[type=email]'         : Peteshow.randomEmail(),
+      'input[type=number]'        : Peteshow.randomNumber(8),
+      'input[type=date]'          : Peteshow.randomDate(),
+      'input[name*=email]'        : Peteshow.randomEmail(),
+      'input[name*=number]'       : Peteshow.randomNumber(8),
+      'input[class*=number]'      : Peteshow.randomNumber(8),
+      'input[class*=decimal]'     : Peteshow.randomNumber(8),
+      'input[name*=phone]'        : Faker.PhoneNumber.phoneNumberFormat(5),
+      'input[name*=first_name]'   : Faker.Name.firstName(),
+      'input[name*=last_name]'    : Faker.Name.lastName(),
+      'input[name*=company]'      : Faker.Company.companyName(),
+      'input[name*=line1]'        : Faker.Address.streetName(),
+      'input[name*=street]'       : Faker.Address.streetName(),
+      'input[name*=suite]'        : Faker.Address.secondaryAddress(),
+      'input[name*=line2]'        : Faker.Address.secondaryAddress(),
+      'input[name*=city]'         : Faker.Address.city(),
+      'input[name*=zip]'          : Faker.Address.zipCodeFormat(0),
+      'input[name*=postal]'       : Faker.Address.zipCodeFormat(0),
+      'input[name*=state]'        : Faker.Address.usState(),
+      'input[name*=job_title]'    : Faker.Company.catchPhrase(),
+      'input[name*=intent]'       : Faker.Lorem.sentence(),
+      'input[name*=income]'       : Peteshow.randomNumber(4),
+      'input[name*=amount]'       : Peteshow.randomNumber(4),
+      'input[name*=branch]'       : '400001',
+      'input[name*=routing]'      : '400001',
+      'input[name*=card_type_cd]' : '001',
+      'input[name*=card_number]'  : '4111111111111111',
+      'input[name*=cvv]'          : '123'
     }
   }
 
@@ -1116,26 +1233,27 @@ if (typeof define == 'function'){
     var key   = (typeof e.which == 'number') ? e.which : e.keyCode,
         code  = String.fromCharCode(e.keyCode)
 
+    // modifier keys
     if(e.ctrlKey) code = 'ctrl_'+code
     if(e.altKey || (e.originalEvent && e.originalEvent.metaKey)) code = 'alt_'+code
     if(e.shiftKey) code = 'shift_'+code
     if($.inArray(e.keyCode, [9,16,17,18, 91, 93, 224]) != -1) return
     if(e.metaKey) return
 
-    if(e.keyCode == 192) { // `
+    if(e.keyCode == 192) // `
       Peteshow.toggle()
-    }
 
     var action  = $("[data-command='"+code+"']"),
         visible = $tools.is(':visible')
 
-    if(action.length > 0 && visible) action.click()
+    if(action.length > 0 && visible)
+      action.click()
   }
 
   initCommands = function() {
     var base =  "<li><a data-command='F' href='#' id='fill-out-forms'>Fill Out Forms</a></li>"
         base += "<li><a data-command='Q' href='#' id='fill-out-forms-and-submit'>Fill Out and Submit</a></li>"
-        base += outputLocalStorage()
+        base += outputSavedFields()
         base += "<li><a data-command='H' href='#' id='hide-peteshow'>Hide</a></li>"
 
     $div.find($commands).html(_options.commands + base)
@@ -1148,13 +1266,12 @@ if (typeof define == 'function'){
       [ $toggle,                          function() { Peteshow.toggle() } ],
       [ $('#fill-out-forms'),             function() { Peteshow.fillOutForms() } ],
       [ $('#fill-out-forms-and-submit'),  function() { Peteshow.fillOutForms(); Peteshow.submitForm() } ],
-      [ $('#clear-localstorage'),         function() { Peteshow.clearLocalStorage() } ],
+      [ $('#clear'),                      function() { Peteshow.clearSaved(); } ],
       [ $('#hide-peteshow'),              function() { Peteshow.hide() } ]
     ]
 
     $.each(commands, function() {
       var command = $(this)
-
       $(command[0]).on('click', function() {
         command[1]()
         return false
@@ -1190,10 +1307,9 @@ if (typeof define == 'function'){
     })
 
     // apply rules
-    var rules     = $.extend(true, getDefaultRules(), _options.rules || {})
-        reused    = {},
-        ls        = Peteshow.getLocalStorage(),
-        local     = (ls != null || ls != undefined) ? ls : {}
+    var rules   = $.extend(true, getDefaultRules(), _options.rules || {})
+        reused  = {},
+        saved   = Peteshow.getSavedFields()
 
     // apply value to rule element, if visible and not in ignore list
     $.each(rules, function(element,v) {
@@ -1212,55 +1328,67 @@ if (typeof define == 'function'){
       var url = _options.reuse[element]
 
       if($(element).length > 0) {
-        // if element isnt in localstorage, save it in localstorage
-        if(!(element in local))
-          reused[element] = $(element).val()
+        // if element isnt in saved, save it
+        if(!(element in saved)) reused[element] = $(element).val()
 
-        // if element is in localstorage and we're not on the reused url, save it in localstorage
-        if((element in local) && window.location.href.indexOf(url) < 0)
+        // if element is saved and we're not on the reused url, save it
+        if((element in saved) && window.location.href.indexOf(url) < 0)
           reused[element] = $(element).val()
       }
     })
 
-    // save localstorage if found rules to reuse
+    // save if found rules to reuse
     if(!$.isEmptyObject(reused)) {
-      $.extend(local, reused)
-
-      localStorage.setItem('peteshow', JSON.stringify(local))
+      $.extend(saved, reused)
+      Peteshow.setSavedFields(JSON.stringify(saved))
     }
 
-    // apply localstorage rule values if they exist and on the right page
-    if(localStorage.peteshow != undefined || localStorage.peteshow != null) {
-      $.each(Peteshow.getLocalStorage(), function(element,v) {
+    // apply saved rule values if they exist and on the right page
+    if(savedFieldsExist()) {
+      $.each(Peteshow.getSavedFields(), function(element,v) {
         var url = _options.reuse[element]
-
-        if(window.location.href.indexOf(url) > -1)
-          $(element).val(v)
+        if(window.location.href.indexOf(url) > -1) $(element).val(v)
       })
-
       // reinit menu
       initCommands()
     }
   }
 
-  outputLocalStorage = function() {
+  outputSavedFields = function() {
     var base = ''
-    if(localStorage.peteshow != undefined || localStorage.peteshow != null) {
+
+    if(savedFieldsExist()) {
       base += "<li class='list'>"
         base += "<div class='inner'>"
-          $.each(Peteshow.getLocalStorage(), function(k,v) {
+          $.each(Peteshow.getSavedFields(), function(k,v) {
             base += '<div>' + k + '<span>' + v + '</span></div>'
           })
         base += "</div>"
       base += "</li>"
-
-      base += "<li><a data-command='R' href='#' id='clear-localstorage'>Clear stored</a></li>"
+      base += "<li><a data-command='R' href='#' id='clear'>Clear stored</a></li>"
     }
+
     return base
   }
 
-  Peteshow.getLocalStorage = function() {
-    return JSON.parse(localStorage.getItem('peteshow'))
+  savedFieldsExist = function() {
+    var saved = _options.cookies ? $.cookie('peteshow') : localStorage.getItem('peteshow')
+    return (saved != undefined || saved != null)
+  }
+
+  Peteshow.setSavedFields = function(data) {
+    _options.cookies ? $.cookie('peteshow', data) : localStorage.setItem('peteshow', data)
+  }
+
+  Peteshow.getSavedFields = function() {
+    var saved = _options.cookies ? $.cookie('peteshow') : localStorage.getItem('peteshow')
+    return (saved != undefined || saved != null) ? JSON.parse(saved) : {}
+  }
+
+  Peteshow.clearSaved = function() {
+    Peteshow.clearLocalStorage()
+    Peteshow.clearCookies()
+    initCommands()
   }
 
   Peteshow.clearLocalStorage = function() {
@@ -1268,6 +1396,11 @@ if (typeof define == 'function'){
     initCommands()
   }
 
+  Peteshow.clearCookies = function() {
+    $.removeCookie('peteshow')
+    initCommands()
+  }
+
   randomSelectValue = function(i,select) {
     var options   = $(select).find('option'),
         filters   = _options.filter.toString().replace(new RegExp(',', 'g'), '|'),