peteshow 0.8.4 → 0.8.5

data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "peteshow",
-  "version": "0.8.4",
+  "version": "0.8.5",
   "description": "Plugin for filling out forms with fake data for testing purposes",
   "keywords": [
     "filler",

data/src/peteshow-core.js

@@ -47,28 +47,9 @@
 
     $('body').append($div)
 
-    initCommands()
-  }
-
-  Peteshow.destroy = function() {
-    Peteshow.hide()
-    $div.remove();
-  }
-
-  Peteshow.hide = function() {
-    $div.hide()
-    $div.removeClass('active')
-  }
-
-  Peteshow.toggle = function() {
-    $tools.toggle()
-    $div.toggleClass('active')
-  }
+    Peteshow.initCommands()
 
-  Peteshow.show = function() {
-    $div.show()
-    $tools.show()
-    if(!$div.hasClass('active')) $div.addClass('active')
+    Peteshow.storage.init(_options)
   }
 
   handleKeypress = function(e) {
@@ -82,7 +63,7 @@
     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) // backtick
       Peteshow.toggle()
 
     var action  = $("[data-command='"+code+"']"),
@@ -92,72 +73,57 @@
       action.click()
   }
 
-  initCommands = function() {
+  Peteshow.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 += outputSavedFields()
+        base += Peteshow.storage.output()
         base += "<li><a data-command='H' href='#' id='hide-peteshow'>Hide</a></li>"
 
-    $div.find($commands).html(_options.commands + base)
-
-    bindEvents()
-  }
+    $commands.html(_options.commands + base)
 
-  bindEvents = function() {
+    // bind events
     var commands = [
-      [ $toggle,                          function() { Peteshow.toggle() } ],
-      [ $('#fill-out-forms'),             function() { Peteshow.fillOutForms() } ],
-      [ $('#fill-out-forms-and-submit'),  function() { Peteshow.fillOutForms(); Peteshow.submitForm() } ],
-      [ $('#clear'),                      function() { Peteshow.clearSaved(); } ],
-      [ $('#hide-peteshow'),              function() { Peteshow.hide() } ]
+      [ $toggle,                          Peteshow.toggle ],
+      [ $('#fill-out-forms'),             Peteshow.fillOutForms ],
+      [ $('#fill-out-forms-and-submit'),  Peteshow.fillOutFormsAndSubmit ],
+      [ $('#clear'),                      Peteshow.storage.clear ],
+      [ $('#hide-peteshow'),              Peteshow.hide ]
     ]
 
     $.each(commands, function() {
       var command = $(this)
       $(command[0]).on('click', function() {
-        command[1]()
-        return false
-      });
-    });
+        command[1](); return false
+      })
+    })
 
     _options.events()
   }
 
-  Peteshow.submitForm = function() {
-    $(_options.form).submit()
-    $('form[name*=registration], .simple_form').submit()
-    $('form').last().submit()
-  };
-
   Peteshow.fillOutForms = function() {
-    // checkbox
-    $('input[type=checkbox]').prop('checked', true)
+    var rules  = $.extend(true, getDefaultRules(), _options.rules || {})
+
+    $('input:checkbox').filterFields().prop('checked', true)
 
-    // radio button
-    randomRadioValue()
+    $('input:radio').each(randomRadioValue)
 
-    // select
     $('select').each(randomSelectValue)
 
-    // force rules
+    // force rules (for hidden fields)
     $.each(_options.force, function(element,v) {
       $(element)
-        .filter(function() { return _options.ignore.indexOf(this.id) === -1 })
+        .filterFields()
         .val($.isFunction(v) ? v() : v)
 
       if(_options.blur) $(element).blur()
     })
 
-    // apply rules
-    var rules   = $.extend(true, getDefaultRules(), _options.rules || {})
-        reused  = {},
-        saved   = Peteshow.getSavedFields()
-
-    // apply value to rule element, if visible and not in ignore list
+    // fill out fields with rules
     $.each(rules, function(element,v) {
-      $(element).filter(':visible')
-                .filter(function() { return _options.ignore.indexOf(this.id) === -1 })
-                .val($.isFunction(v) ? v() : v)
+      $(element)
+        .filter(':visible')
+        .filterFields()
+        .val($.isFunction(v) ? v() : v)
 
       if(_options.blur) $(element).blur()
     })
@@ -165,15 +131,24 @@
     // special rules
     _options.special()
 
-    // reuse values
+    // localstorage functionality
+    reuseLocalStorage()
+  }
+
+  reuseLocalStorage = function() {
+    var reused  = {},
+        saved   = Peteshow.storage.get()
+
     $.each(_options.reuse, function(element,v) {
       var url = _options.reuse[element]
 
+      // exists on page
       if($(element).length > 0) {
-        // if element isnt in saved, save it
-        if(!(element in saved)) reused[element] = $(element).val()
+        // element isnt in saved, save it
+        if(!(element in saved))
+          reused[element] = $(element).val()
 
-        // if element is saved and we're not on the reused url, save it
+        // 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()
       }
@@ -182,79 +157,22 @@
     // save if found rules to reuse
     if(!$.isEmptyObject(reused)) {
       $.extend(saved, reused)
-      Peteshow.setSavedFields(JSON.stringify(saved))
+      Peteshow.storage.set(saved)
     }
 
     // apply saved rule values if they exist and on the right page
     if(savedFieldsExist()) {
-      $.each(Peteshow.getSavedFields(), function(element,v) {
+      $.each(Peteshow.storage.get(), function(element,v) {
         var url = _options.reuse[element]
         if(window.location.href.indexOf(url) > -1) $(element).val(v)
       })
-      // reinit menu
-      initCommands()
-    }
-  }
-
-  outputSavedFields = function() {
-    var base = ''
 
-    if(savedFieldsExist()) {
-      base += "<li class='list'>"
-        base += "<div class='inner'>"
-          $.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'>Clear stored</a></li>"
+      // redraw menu
+      Peteshow.initCommands()
     }
-
-    return base
-  }
-
-  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, {domain: getDomain()}) : localStorage.setItem('peteshow', data)
   }
 
-  Peteshow.getSavedFields = function() {
-    var saved = _options.cookies ? $.cookie('peteshow') : localStorage.getItem('peteshow')
-    return (saved != undefined || saved != null) ? JSON.parse(saved) : {}
-  }
-
-  getDomain = function() {
-    // http://rossscrivener.co.uk/blog/javascript-get-domain-exclude-subdomain
-    var i=0, domain=document.domain, p=domain.split('.'), s='_gd'+(new Date()).getTime();
-    while(i<(p.length-1) && document.cookie.indexOf(s+'='+s)==-1){
-      domain = p.slice(-1-(++i)).join('.');
-      document.cookie = s+"="+s+";domain="+domain+";";
-    }
-    document.cookie = s+"=;expires=Thu, 01 Jan 1970 00:00:01 GMT;domain="+domain+";";
-    return domain;
-  }
-
-  Peteshow.clearSaved = function() {
-    Peteshow.clearLocalStorage()
-    Peteshow.clearCookies()
-    initCommands()
-  }
-
-  Peteshow.clearLocalStorage = function() {
-    localStorage.removeItem('peteshow')
-    initCommands()
-  }
-
-  Peteshow.clearCookies = function() {
-    $.removeCookie('peteshow', {domain: getDomain()})
-    initCommands()
-  }
-
-  randomSelectValue = function(i,select) {
+  randomSelectValue = function(i, select) {
     var options   = $(select).find('option'),
         filters   = _options.filter.toString().replace(new RegExp(',', 'g'), '|'),
         regex     = new RegExp('other|select'+(filters == '' ? '' : '|' + filters),'gi'),
@@ -265,18 +183,18 @@
 
       if(value.match(regex) == null && value != '')
         filtered.push(value)
-    });
+    })
 
     var random = Math.floor(Math.random() * filtered.length)
 
     $(select)
-      .filter(function() { return _options.ignore.indexOf(this.id) === -1 })
+      .filterFields()
       .val(filtered[random])
       .change()
   }
 
-  randomRadioValue = function() {
-    var names = $('input:radio').map(function() {
+  randomRadioValue = function(i, radios) {
+    var names = $(radios).map(function() {
       return $(this).attr('name')
     })
 
@@ -286,12 +204,52 @@
       var radios = $('input:radio[name="'+name+'"]')
 
       $(radios[Math.floor(Math.random() * radios.length)])
-        .filter(function() { return _options.ignore.indexOf(this.id) === -1 })
+        .filterFields()
         .prop('checked', true)
         .change()
     })
   }
 
-  $(document).keydown(handleKeypress);
+  $.fn.filterFields = function() {
+    return this.filter(function() {
+      return _options.ignore.indexOf(this.name) === -1
+    })
+  }
+
+  Peteshow.submitForm = function() {
+    $(_options.form).submit()
+    $('form[name*=registration], .simple_form').submit()
+    $('form').last().submit()
+  }
+
+  Peteshow.fillOutFormsAndSubmit = function() {
+    Peteshow.fillOutForms()
+    Peteshow.submitForm()
+  }
+
+  Peteshow.destroy = function() {
+    Peteshow.hide()
+    $div.remove()
+  }
+
+  Peteshow.hide = function() {
+    $div.hide()
+    $div.removeClass('active')
+  }
+
+  Peteshow.toggle = function() {
+    $tools.toggle()
+    $div.toggleClass('active')
+  }
+
+  Peteshow.show = function() {
+    $div.show()
+    $tools.show()
+
+    if(!$div.hasClass('active'))
+      $div.addClass('active')
+  }
+
+  $(document).keydown(handleKeypress)
 }(jQuery)
 

data/src/peteshow-helpers.js

@@ -18,7 +18,7 @@
 
   Peteshow.randomNumberRange = function (min, max) {
     return function() {
-      return Math.floor(Math.random() * (max - min + 1)) + min;
+      return Math.floor(Math.random() * (max - min + 1)) + min
     }
   }
 

data/src/peteshow-storage.js

@@ -0,0 +1,69 @@
++function($) {
+  var cookies = false
+
+  Peteshow.storage.init = function(options) {
+    cookies = options.cookies
+  }
+
+  Peteshow.storage.set = function(data) {
+    data = JSON.stringify(data)
+
+    if(cookies)  $.cookie('peteshow', data, {domain: getDomain()})
+    else         localStorage.setItem('peteshow', data)
+  }
+
+  Peteshow.storage.get = function() {
+    var saved = cookies ? $.cookie('peteshow') : localStorage.getItem('peteshow')
+    return (saved != undefined || saved != null) ? JSON.parse(saved) : {}
+  }
+
+  Peteshow.storage.output = function() {
+    var base = ''
+
+    if(savedFieldsExist()) {
+      base += "<li class='list'>"
+        base += "<div class='inner'>"
+          $.each(Peteshow.storage.get(), function(k,v) {
+            base += '<div>' + k + '<span>' + v + '</span></div>'
+          })
+        base += "</div>"
+      base += "</li>"
+      base += "<li><a data-command='R' href='#' id='clear'>Clear stored</a></li>"
+    }
+
+    return base
+  }
+
+  Peteshow.storage.clear = function() {
+    clearLocalStorage()
+    clearCookies()
+    Peteshow.initCommands()
+  }
+
+  savedFieldsExist = function() {
+    var saved = cookies ? $.cookie('peteshow') : localStorage.getItem('peteshow')
+    return (saved != undefined || saved != null)
+  }
+
+  getDomain = function() {
+    // http://rossscrivener.co.uk/blog/javascript-get-domain-exclude-subdomain
+    var i=0, domain=document.domain, p=domain.split('.'), s='_gd'+(new Date()).getTime()
+    while(i<(p.length-1) && document.cookie.indexOf(s+'='+s)==-1){
+      domain = p.slice(-1-(++i)).join('.')
+      document.cookie = s+"="+s+";domain="+domain+";"
+    }
+    document.cookie = s+"=;expires=Thu, 01 Jan 1970 00:00:01 GMT;domain="+domain+";"
+    return domain == 'localhost' ? '' : domain
+  }
+
+  clearLocalStorage = function() {
+    localStorage.removeItem('peteshow')
+    Peteshow.initCommands()
+  }
+
+  clearCookies = function() {
+    $.removeCookie('peteshow', {domain: getDomain()})
+    Peteshow.initCommands()
+  }
+
+}(jQuery)

data/src/peteshow.js

@@ -7,14 +7,16 @@ Peteshow.defaults = {
   blur        : false,
   cookies     : false,
 
-  rules     : {},
-  ignore    : [],
-  filter    : [],
-  force     : {},
-  reuse     : {},
-  commands  : '',
-  special   : function(){},
-  events    : function(){},
+  rules       : {},
+  ignore      : [],
+  filter      : [],
+  force       : {},
+  reuse       : {},
+  commands    : '',
+  special     : function(){},
+  events      : function(){},
 }
 
+Peteshow.storage = {};
+
 window.Peteshow = Peteshow;

data/tests/index.html

@@ -18,7 +18,7 @@
         <input name='date ' type='date' >
         <input name='decimal' type='text' >
         <input name='number' type='text' >
-        <input name='phone' type='text' />
+        <input name='phone' type='text' id='phone-number' />
         <input name='tel' type='tel' >
         <input name='first_name' type='text /'>
         <input name='middle_name' type='text /'>
@@ -50,11 +50,11 @@
       <script src='../vendor/jquery.cookie.js'></script>
 
       <script src='../src/peteshow.js'></script>
-      <script src='../src/peteshow-core.js'></script>
       <script src='../src/peteshow-helpers.js'></script>
+      <script src='../src/peteshow-storage.js'></script>
+      <script src='../src/peteshow-core.js'></script>
 
       <script src='./suite/core.js'></script>
-      <script src='./suite/helpers.js'></script>
       <script src='./suite/keybindings.js'></script>
       <script src='./suite/options.js'></script>
       <script src='./suite/localstorage.js'></script>