pwnstyles_rails 0.1.5 → 0.1.6

data/Gemfile

@@ -1,14 +1,12 @@
-source 'http://rubygems.org'
-# Add dependencies required to use your gem here.
-# Example:
-gem 'rails', '>= 3.1.1'
-gem 'sass-rails', '>= 3.1.4'
+source :rubygems
+
+gem 'rails', '>= 3.2.0'
+gem 'sass-rails', '>= 3.2.4'
 
-# Add dependencies to develop your gem here.
-# Include everything needed to run rake, tests, features, etc.
 group :development do
   gem 'shoulda', '>= 0'
   gem 'bundler', '~> 1.0.0'
-  gem 'jeweler', '~> 1.6.0'
-  gem 'rcov', '>= 0'
+  gem 'jeweler', '>= 1.8.0'
+  gem 'rcov', '>= 0', :platform => :mri_18
+  gem 'simplecov', '>= 0', :platform => :mri_19
 end

data/Gemfile.lock

@@ -1,89 +1,90 @@
 GEM
   remote: http://rubygems.org/
   specs:
-    actionmailer (3.1.1)
-      actionpack (= 3.1.1)
-      mail (~> 2.3.0)
-    actionpack (3.1.1)
-      activemodel (= 3.1.1)
-      activesupport (= 3.1.1)
+    actionmailer (3.2.1)
+      actionpack (= 3.2.1)
+      mail (~> 2.4.0)
+    actionpack (3.2.1)
+      activemodel (= 3.2.1)
+      activesupport (= 3.2.1)
       builder (~> 3.0.0)
       erubis (~> 2.7.0)
-      i18n (~> 0.6)
-      rack (~> 1.3.2)
+      journey (~> 1.0.1)
+      rack (~> 1.4.0)
       rack-cache (~> 1.1)
-      rack-mount (~> 0.8.2)
       rack-test (~> 0.6.1)
-      sprockets (~> 2.0.2)
-    activemodel (3.1.1)
-      activesupport (= 3.1.1)
+      sprockets (~> 2.1.2)
+    activemodel (3.2.1)
+      activesupport (= 3.2.1)
       builder (~> 3.0.0)
-      i18n (~> 0.6)
-    activerecord (3.1.1)
-      activemodel (= 3.1.1)
-      activesupport (= 3.1.1)
-      arel (~> 2.2.1)
+    activerecord (3.2.1)
+      activemodel (= 3.2.1)
+      activesupport (= 3.2.1)
+      arel (~> 3.0.0)
       tzinfo (~> 0.3.29)
-    activeresource (3.1.1)
-      activemodel (= 3.1.1)
-      activesupport (= 3.1.1)
-    activesupport (3.1.1)
+    activeresource (3.2.1)
+      activemodel (= 3.2.1)
+      activesupport (= 3.2.1)
+    activesupport (3.2.1)
+      i18n (~> 0.6)
       multi_json (~> 1.0)
-    arel (2.2.1)
+    arel (3.0.0)
     builder (3.0.0)
     erubis (2.7.0)
     git (1.2.5)
     hike (1.2.1)
     i18n (0.6.0)
-    jeweler (1.6.4)
+    jeweler (1.8.3)
       bundler (~> 1.0)
       git (>= 1.2.5)
       rake
-    json (1.6.1)
-    mail (2.3.0)
+      rdoc
+    journey (1.0.1)
+    json (1.6.5)
+    mail (2.4.1)
       i18n (>= 0.4.0)
       mime-types (~> 1.16)
       treetop (~> 1.4.8)
     mime-types (1.17.2)
-    multi_json (1.0.3)
+    multi_json (1.0.4)
     polyglot (0.3.3)
-    rack (1.3.5)
+    rack (1.4.1)
     rack-cache (1.1)
       rack (>= 0.4)
-    rack-mount (0.8.3)
-      rack (>= 1.0.0)
     rack-ssl (1.3.2)
       rack
     rack-test (0.6.1)
       rack (>= 1.0)
-    rails (3.1.1)
-      actionmailer (= 3.1.1)
-      actionpack (= 3.1.1)
-      activerecord (= 3.1.1)
-      activeresource (= 3.1.1)
-      activesupport (= 3.1.1)
+    rails (3.2.1)
+      actionmailer (= 3.2.1)
+      actionpack (= 3.2.1)
+      activerecord (= 3.2.1)
+      activeresource (= 3.2.1)
+      activesupport (= 3.2.1)
       bundler (~> 1.0)
-      railties (= 3.1.1)
-    railties (3.1.1)
-      actionpack (= 3.1.1)
-      activesupport (= 3.1.1)
+      railties (= 3.2.1)
+    railties (3.2.1)
+      actionpack (= 3.2.1)
+      activesupport (= 3.2.1)
       rack-ssl (~> 1.3.2)
       rake (>= 0.8.7)
       rdoc (~> 3.4)
       thor (~> 0.14.6)
     rake (0.9.2.2)
-    rcov (0.9.11)
-    rdoc (3.11)
+    rcov (1.0.0)
+    rdoc (3.12)
       json (~> 1.4)
-    sass (3.1.10)
-    sass-rails (3.1.4)
-      actionpack (~> 3.1.0)
-      railties (~> 3.1.0)
-      sass (>= 3.1.4)
-      sprockets (~> 2.0.0)
-      tilt (~> 1.3.2)
+    sass (3.1.13)
+    sass-rails (3.2.4)
+      railties (~> 3.2.0)
+      sass (>= 3.1.10)
+      tilt (~> 1.3)
     shoulda (2.11.3)
-    sprockets (2.0.3)
+    simplecov (0.5.4)
+      multi_json (~> 1.0.3)
+      simplecov-html (~> 0.5.3)
+    simplecov-html (0.5.3)
+    sprockets (2.1.2)
       hike (~> 1.2)
       rack (~> 1.0)
       tilt (~> 1.1, != 1.3.0)
@@ -92,15 +93,16 @@ GEM
     treetop (1.4.10)
       polyglot
       polyglot (>= 0.3.1)
-    tzinfo (0.3.30)
+    tzinfo (0.3.31)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
   bundler (~> 1.0.0)
-  jeweler (~> 1.6.0)
-  rails (>= 3.1.1)
+  jeweler (>= 1.8.0)
+  rails (>= 3.2.0)
   rcov
-  sass-rails (>= 3.1.4)
+  sass-rails (>= 3.2.4)
   shoulda
+  simplecov

data/Rakefile

@@ -30,13 +30,6 @@ Rake::TestTask.new(:test) do |test|
   test.verbose = true
 end
 
-require 'rcov/rcovtask'
-Rcov::RcovTask.new do |test|
-  test.libs << 'test'
-  test.pattern = 'test/**/test_*.rb'
-  test.verbose = true
-end
-
 task :default => :test
 
 require 'rdoc/task'

data/VERSION

@@ -1 +1 @@
-0.1.5
+0.1.6

data/app/assets/javascripts/pwn-fx.js.coffee

@@ -0,0 +1,178 @@
+# PwnFx: AJAX sprinkles via unobtrusive JavaScript.
+# @author Victor Costan
+
+# The author sorely misses Rails' AJAX helpers such as observe_field. This
+# library provides a replacement that adheres to the new philosophy of
+# unobtrusive JavaScript triggered by HTML5 data- attributes.
+
+# Fires off an AJAX request (almost) every time when an element changes.
+#
+# The text / HTML returned by the request is placed in another element.
+#
+# Element attributes:
+#   data-pwnfx-refresh-url: URL to perform an AJAX request to
+#   data-pwnfx-refresh-method: the HTTP method of AJAX request (default: POST)
+#   data-pwnfx-refresh-ms: interval between a change on the source element and
+#                          AJAX refresh requests (default: 200ms)
+#   data-pwnfx-target: the element populated with the AJAX response
+class PwnFxRefresh
+  constructor: (element, xhrUrl) ->
+    targetSelector = '#' + element.getAttribute('data-pwnfx-refresh-target') 
+    refreshInterval = parseInt(
+        element.getAttribute('data-pwnfx-refresh-ms') || '200');
+    xhrMethod = element.getAttribute('data-pwnfx-refresh-method') || 'POST'
+    xhrForm = @parentForm element
+    
+    onXhrSuccess = ->
+      data = @responseText
+      for targetElement in document.querySelectorAll(targetSelector)
+        targetElement.innerHTML = data
+        for scriptElement in targetElement.querySelectorAll('script')
+          parent = scriptElement.parentElement
+          nextSibling = scriptElement.nextSibling
+          parent.removeChild scriptElement
+          parent.insertBefore scriptElement.cloneNode(true), nextSibling
+        
+    
+    refreshPending = false
+    refreshOldValue = null
+    ajaxRefresh = ->
+      refreshPending = false
+      xhr = new XMLHttpRequest
+      xhr.onload = onXhrSuccess
+      xhr.open xhrMethod, xhrUrl
+      xhr.send new FormData(xhrForm)
+      
+    onChange = ->
+      value = element.value
+      return true if value == refreshOldValue
+      refreshOldValue = value
+      
+      return true if refreshPending
+      refreshPending = true
+      window.setTimeout ajaxRefresh, refreshInterval
+      true
+      
+    element.addEventListener 'change', onChange
+    element.addEventListener 'keydown', onChange
+    element.addEventListener 'keyup', onChange
+    
+    
+  # The closest form element wrapping a node.
+  parentForm: (element) ->
+    while element
+      return element if element.nodeName == 'FORM'
+      element = element.parentNode
+    null
+    
+# Shows elements conditionally, depending on whether some inputs' values match.
+#
+# Element attributes:
+#   data-pwnfx-confirm: all elements with the same value for this attribute
+#       belong to the same confirmation group; their values have to match to
+#       trigger the "win" condition
+#   data-pwnfx-confirm-win: CSS selector identifying the elements to be shown
+#       when the "win" condition is triggered, and hidden otherwise
+#   data-pwnfx-confirm-fail: CSS selector identifying the elements to be hidden
+#       when the "win" condition is triggered, and shown otherwise
+class PwnFxConfirm
+  constructor: (element, identifier) ->
+    sourceSelector = "[data-pwnfx-confirm-done=\"#{identifier}\"]"
+    winSelector = "[data-pwnfx-confirm-win=\"#{identifier}\"]"
+    failSelector = "[data-pwnfx-confirm-fail=\"#{identifier}\"]"
+
+    onChange = ->
+      value = null
+      matching = true
+      for element, index in document.querySelectorAll(sourceSelector)
+        if index == 0
+          value = element.value
+        else if element.value != value
+          matching = false
+          break
+
+      hideSelector = if matching then failSelector else winSelector
+      showSelector = if matching then winSelector else failSelector
+      for targetElement in document.querySelectorAll(showSelector)
+        targetElement.classList.remove 'hidden'
+      for targetElement in document.querySelectorAll(hideSelector)
+        targetElement.classList.add 'hidden'
+      true
+    onChange()
+      
+    element.addEventListener 'change', onChange
+    element.addEventListener 'keydown', onChange
+    element.addEventListener 'keyup', onChange
+        
+# Moves an element using data-pwnfx-move.
+class PwnFxMove
+  constructor: (element, identifier) ->
+    targetSelector = 
+    target = document.querySelector "[data-pwnfx-move-target=\"#{identifier}\"]"
+    target.appendChild element
+
+# Shows / hides elements when an element is clicked or checked / unchecked.
+#
+# Attributes:
+#   data-pwnfx-reveal: a name for the events caused by this element's triggering
+#   data-pwnfx-trigger: 'click' means events are triggered when the element is
+#       clicked, 'check' means events are triggered when the element is checked;
+#       (default: click)
+#   data-pwnfx-positive: set to the same value as data-pwnfx-reveal on elements
+#       that will be shown when a positive event (click / check) is triggered,
+#       and hidden when a negative event (uncheck) is triggered
+#   data-pwnfx-negative: set to the same value as data-pwnfx-reveal on elements
+#       that will be hidden when a positive event (click / check) is triggered,
+#       and shown when a negative event (uncheck) is triggered
+class PwnFxReveal
+  constructor: (element, identifier) ->
+    trigger = element.getAttribute('data-pwnfx-reveal-trigger') || 'click'      
+    positiveSelector = "[data-pwnfx-reveal-positive=\"#{identifier}\"]"
+    negativeSelector = "[data-pwnfx-reveal-negative=\"#{identifier}\"]"
+    onChange = (event) ->
+      positive = (trigger == 'click') || element.checked
+      
+      showSelector = if positive then positiveSelector else negativeSelector
+      hideSelector = if positive then negativeSelector else positiveSelector
+      for targetElement in document.querySelectorAll(showSelector)
+        targetElement.classList.remove 'hidden'
+      for targetElement in document.querySelectorAll(hideSelector)
+        targetElement.classList.add 'hidden'
+      if trigger == 'click'
+        event.preventDefault()
+        false
+      else
+        true
+    
+    if trigger == 'click'
+      element.addEventListener 'click', onChange
+    else if trigger == 'check'
+      element.addEventListener 'change', onChange
+      onChange()
+
+
+# List of effects.
+pwnEffects = [
+  ['data-pwnfx-move', PwnFxMove],
+  ['data-pwnfx-refresh-url', PwnFxRefresh],
+  ['data-pwnfx-confirm', PwnFxConfirm],
+  ['data-pwnfx-reveal', PwnFxReveal]
+]
+
+# Wires JS to elements with data-pwnfx attributes.
+window.PwnFx = ->
+  for effect in pwnEffects
+    attrName = effect[0]
+    effectClass = effect[1]
+    doneAttrName = "#{attrName}-done"
+    attrSelector = "[#{attrName}]"
+    for element in document.querySelectorAll(attrSelector)
+      attrValue = element.getAttribute attrName
+      continue unless attrValue
+      element.removeAttribute attrName
+      element.setAttribute doneAttrName, attrValue
+      new effectClass element, attrValue
+  null
+
+# Honor data-pwnfx attributes after the DOM is loaded.
+window.addEventListener 'load', -> window.PwnFx()

data/app/assets/stylesheets/generic/_controls.css.scss

@@ -12,7 +12,7 @@ input[type=submit], input[type=button], button, a.button {
   background-color: $button-color;
   border: 1px solid $button-border-color;
   color: $button-font-color;
-  font-size: 1.1em;
+  font-size: 1.21em;
   text-decoration: none;
   display: inline-block;
   
@@ -47,6 +47,8 @@ input[type=text], input[type=email], input[type=tel], input[type=password],
   box-shadow: inset 0px 2px 2px $input-shadow-color;
   background-color: $input-background-color;
 
+  text-decoration: none;
+
   &:hover {
     border: 1px solid $button-hover-border-color;
   }

data/lib/pwnstyles_rails/generators/layouts/_status_bar.html.erb

@@ -1,18 +1,16 @@
 <% if flash[:error] %>
-<p class="status-bar error" data-pwnfx-reveal-target="status-bar">
+<p class="status-bar error" data-pwnfx-reveal-negative="status-bar">
   <%= flash[:error] %>
 
   <span class="actions">
-  <%= link_to 'Hide', '#', 'data-pwnfx-reveal' => 'status-bar',
-                           'data-pwnfx-reveal-trigger' => 'click-hide' %>
+  <%= link_to 'Hide', '#', 'data-pwnfx-reveal' => 'status-bar' %>
   </span>
 </p>
 <% elsif flash[:errors] && flash[:errors].any? %>
-<div class="status-bar error" data-pwnfx-reveal-target="status-bar">
+<div class="status-bar error" data-pwnfx-reveal-negative="status-bar">
   <%= pluralize(flash[:errors].count, "error") %> occurred:
   <span class="actions">
-  <%= link_to 'Hide', '#', 'data-pwnfx-reveal' => 'status-bar',
-                           'data-pwnfx-reveal-trigger' => 'click-hide' %>
+  <%= link_to 'Hide', '#', 'data-pwnfx-reveal' => 'status-bar' %>
   </span>
 
   <ul>
@@ -22,12 +20,11 @@
   </ul>
 </div>
 <% elsif flash[:notice] %>
-<p class="status-bar notice" data-pwnfx-reveal-target="status-bar">
+<p class="status-bar notice" data-pwnfx-reveal-negative="status-bar">
   <%= flash[:notice] %>
 
   <span class="actions">
-  <%= link_to 'Hide', '#', 'data-pwnfx-reveal' => 'status-bar',
-                           'data-pwnfx-reveal-trigger' => 'click-hide' %>
+  <%= link_to 'Hide', '#', 'data-pwnfx-reveal' => 'status-bar' %>
   </span>
 </p>
 <% end %>

data/pwnstyles_rails.gemspec

@@ -5,7 +5,7 @@
 
 Gem::Specification.new do |s|
   s.name = "pwnstyles_rails"
-  s.version = "0.1.5"
+  s.version = "0.1.6"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["Victor Costan"]
@@ -25,7 +25,7 @@ Gem::Specification.new do |s|
     "README.rdoc",
     "Rakefile",
     "VERSION",
-    "app/assets/javascripts/pwn-fx.js",
+    "app/assets/javascripts/pwn-fx.js.coffee",
     "app/assets/stylesheets/_pwnstyles.css.scss",
     "app/assets/stylesheets/generic/_controls.css.scss",
     "app/assets/stylesheets/generic/_forms.css.scss",
@@ -69,27 +69,30 @@ Gem::Specification.new do |s|
     s.specification_version = 3
 
     if Gem::Version.new(Gem::VERSION) >= Gem::Version.new('1.2.0') then
-      s.add_runtime_dependency(%q<rails>, [">= 3.1.1"])
-      s.add_runtime_dependency(%q<sass-rails>, [">= 3.1.4"])
+      s.add_runtime_dependency(%q<rails>, [">= 3.2.0"])
+      s.add_runtime_dependency(%q<sass-rails>, [">= 3.2.4"])
       s.add_development_dependency(%q<shoulda>, [">= 0"])
       s.add_development_dependency(%q<bundler>, ["~> 1.0.0"])
-      s.add_development_dependency(%q<jeweler>, ["~> 1.6.0"])
+      s.add_development_dependency(%q<jeweler>, [">= 1.8.0"])
       s.add_development_dependency(%q<rcov>, [">= 0"])
+      s.add_development_dependency(%q<simplecov>, [">= 0"])
     else
-      s.add_dependency(%q<rails>, [">= 3.1.1"])
-      s.add_dependency(%q<sass-rails>, [">= 3.1.4"])
+      s.add_dependency(%q<rails>, [">= 3.2.0"])
+      s.add_dependency(%q<sass-rails>, [">= 3.2.4"])
       s.add_dependency(%q<shoulda>, [">= 0"])
       s.add_dependency(%q<bundler>, ["~> 1.0.0"])
-      s.add_dependency(%q<jeweler>, ["~> 1.6.0"])
+      s.add_dependency(%q<jeweler>, [">= 1.8.0"])
       s.add_dependency(%q<rcov>, [">= 0"])
+      s.add_dependency(%q<simplecov>, [">= 0"])
     end
   else
-    s.add_dependency(%q<rails>, [">= 3.1.1"])
-    s.add_dependency(%q<sass-rails>, [">= 3.1.4"])
+    s.add_dependency(%q<rails>, [">= 3.2.0"])
+    s.add_dependency(%q<sass-rails>, [">= 3.2.4"])
     s.add_dependency(%q<shoulda>, [">= 0"])
     s.add_dependency(%q<bundler>, ["~> 1.0.0"])
-    s.add_dependency(%q<jeweler>, ["~> 1.6.0"])
+    s.add_dependency(%q<jeweler>, [">= 1.8.0"])
     s.add_dependency(%q<rcov>, [">= 0"])
+    s.add_dependency(%q<simplecov>, [">= 0"])
   end
 end
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: pwnstyles_rails
 version: !ruby/object:Gem::Version
-  version: 0.1.5
+  version: 0.1.6
   prerelease: 
 platform: ruby
 authors:
@@ -9,33 +9,33 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-02-04 00:00:00.000000000Z
+date: 2012-02-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
-  requirement: &14639820 !ruby/object:Gem::Requirement
+  requirement: &7895040 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
-        version: 3.1.1
+        version: 3.2.0
   type: :runtime
   prerelease: false
-  version_requirements: *14639820
+  version_requirements: *7895040
 - !ruby/object:Gem::Dependency
   name: sass-rails
-  requirement: &14639180 !ruby/object:Gem::Requirement
+  requirement: &7893040 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
-        version: 3.1.4
+        version: 3.2.4
   type: :runtime
   prerelease: false
-  version_requirements: *14639180
+  version_requirements: *7893040
 - !ruby/object:Gem::Dependency
   name: shoulda
-  requirement: &14638580 !ruby/object:Gem::Requirement
+  requirement: &7891480 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -43,10 +43,10 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *14638580
+  version_requirements: *7891480
 - !ruby/object:Gem::Dependency
   name: bundler
-  requirement: &14637940 !ruby/object:Gem::Requirement
+  requirement: &7890520 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -54,21 +54,32 @@ dependencies:
         version: 1.0.0
   type: :development
   prerelease: false
-  version_requirements: *14637940
+  version_requirements: *7890520
 - !ruby/object:Gem::Dependency
   name: jeweler
-  requirement: &14637340 !ruby/object:Gem::Requirement
+  requirement: &7889360 !ruby/object:Gem::Requirement
     none: false
     requirements:
-    - - ~>
+    - - ! '>='
       - !ruby/object:Gem::Version
-        version: 1.6.0
+        version: 1.8.0
   type: :development
   prerelease: false
-  version_requirements: *14637340
+  version_requirements: *7889360
 - !ruby/object:Gem::Dependency
   name: rcov
-  requirement: &14636700 !ruby/object:Gem::Requirement
+  requirement: &7888140 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: *7888140
+- !ruby/object:Gem::Dependency
+  name: simplecov
+  requirement: &7887200 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -76,7 +87,7 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *14636700
+  version_requirements: *7887200
 description: Included CSS was designed for reuse across pwnb.us apps.
 email: victor@costan.us
 executables: []
@@ -93,7 +104,7 @@ files:
 - README.rdoc
 - Rakefile
 - VERSION
-- app/assets/javascripts/pwn-fx.js
+- app/assets/javascripts/pwn-fx.js.coffee
 - app/assets/stylesheets/_pwnstyles.css.scss
 - app/assets/stylesheets/generic/_controls.css.scss
 - app/assets/stylesheets/generic/_forms.css.scss
@@ -141,7 +152,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -2823634831094979445
+      hash: -808311045673830044
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:

data/app/assets/javascripts/pwn-fx.js

@@ -1,160 +0,0 @@
-/**
- * PwnFx: AJAX sprinkles via unobtrusive JavaScript.
- * @author Victor Costan
- * 
- * The author sorely misses Rails' AJAX helpers such as observe_field. This
- * library provides a replacement that adheres to the new philosophy of
- * unobtrusive JavaScript triggered by HTML5 data- attributes.
- */
-
-
-/** Namespace. */
-var PwnFx = {};
-
-/** Wires JS to elements with data-pwnfx attributes. */
-PwnFx.wireAll = function () {
-  $('[data-pwnfx-move]').each(function (_, element) {
-    PwnFx.wireMove(element);
-  });
-
-  $('[data-pwnfx-refresh-url]').each(function (_, element) {
-    PwnFx.wireRefresh(element);
-  });
-  $('[data-pwnfx-confirm]').each(function (_, element) {
-    PwnFx.wireConfirm(element);
-  });
-  $('[data-pwnfx-reveal]').each(function (_, element) {
-    PwnFx.wireReveal(element);
-  });
-};
-
-/** Wires JS to an AJAX refresh element that uses data-pwnfx-refresh-url. */
-PwnFx.wireRefresh = function (element) {
-  var jElement = $(element);
-  var xhrUrl = jElement.attr('data-pwnfx-refresh-url');
-  jElement.attr('data-pwnfx-refresh-url-done', xhrUrl);
-  jElement.removeAttr('data-pwnfx-refresh-url');
-  
-  var targetSelector = '#' + jElement.attr('data-pwnfx-refresh-target');
-  var refreshInterval =
-      parseInt(jElement.attr('data-pwnfx-refresh-ms') || '200');
-  var xhrMethod = jElement.attr('data-pwnfx-refresh-method') || 'POST';
-  var form = $(jElement.parents('form')[0]);
-  var onXhrSuccessFn = function (data) {
-    $(targetSelector).html(data);
-  };
-  var refreshPending = false;
-  var refreshOldValue = null;
-  var ajaxRefreshFn = function () {
-    refreshPending = false;
-    $.ajax({
-      data: form.serialize(), success: onXhrSuccessFn,
-      dataType: 'html', type: xhrMethod, url: xhrUrl
-    });
-  };
-  var onChangeFn = function () {
-    var value = jElement.val();
-    if (value == refreshOldValue) {
-      return;
-    } else {
-      refreshOldValue = value;
-    }
-    if (refreshPending) {
-      return;
-    } else {
-      refreshPending = true;
-      setTimeout(ajaxRefreshFn, refreshInterval);
-    }
-  };
-  
-  jElement.bind('change', onChangeFn);
-  jElement.bind('keydown', onChangeFn);
-  jElement.bind('keyup', onChangeFn);
-  onChangeFn();
-};
-
-/**
- * Wires JS to an AJAX confirmation check element using data-pwnfx-confirm.
- */
-PwnFx.wireConfirm = function (element) {
-  var jElement = $(element);
-  var identifier = jElement.attr('data-pwnfx-confirm');
-  var sourceSelector = '[data-pwnfx-confirm="' + identifier + '"]'
-  var winSelector = '[data-pwnfx-confirm-win="' + identifier + '"]';
-  var failSelector = '[data-pwnfx-confirm-fail="' + identifier + '"]';
-  
-  var onChangeFn = function () {
-    var value = null;
-    var matching = true;
-    $(sourceSelector).each(function (index, element) {
-      var val = $(element).val();
-      value = value || val;
-      if (value != val) {
-        matching = false;
-      }
-      if (matching) {
-        $(winSelector).removeClass('hidden');
-        $(failSelector).addClass('hidden');
-      } else {
-        $(winSelector).addClass('hidden');
-        $(failSelector).removeClass('hidden');
-      }
-    });
-  };
-  jElement.bind('change', onChangeFn);
-  jElement.bind('keydown', onChangeFn);
-  jElement.bind('keyup', onChangeFn);
-  onChangeFn();
-};
-
-/** Moves an element using data-pwnfx-move. */
-PwnFx.wireMove = function (element) {
-  var jElement = $(element);
-  var identifier = jElement.attr('data-pwnfx-move');
-  jElement.attr('data-pwnfx-move-done', identifier);
-  jElement.removeAttr('data-pwnfx-move');
-
-  var targetSelector = '[data-pwnfx-move-target="' + identifier + '"]';
-  var jTarget = $(targetSelector).first();
-  jElement.detach();
-  jTarget.append(jElement);
-};
-
-/** Wires JS to an AJAX show/hide trigger using data-pwnfx-reveal. */
-PwnFx.wireReveal = function (element) {
-  var jElement = $(element);
-  var identifier = jElement.attr('data-pwnfx-reveal');
-  jElement.attr('data-pwnfx-reveal-done', identifier);
-  jElement.removeAttr('data-pwnfx-reveal');
-
-  var trigger = jElement.attr('data-pwnfx-reveal-trigger') || 'click';
-  var showOnCheck = true;
-  if (trigger == 'uncheck') {
-    trigger = 'check';
-    showOnCheck = false;
-  } else if (trigger == 'click-hide') {
-    trigger = 'click';
-    showOnCheck = false;
-  }
-  var targetSelector = '[data-pwnfx-reveal-target="' + identifier + '"]';
-  
-  var onChangeFn = function () {
-    var checked = (trigger == 'click') || jElement.is(':checked');
-    var willShow = (checked == showOnCheck);
-    if (willShow) {
-      $(targetSelector).removeClass('hidden');
-    } else {
-      $(targetSelector).addClass('hidden');
-    }
-  };
-  
-  if (trigger == 'click') {
-    jElement.bind('click', onChangeFn);
-  } else if (trigger = 'check') {
-    jElement.bind('change', onChangeFn);
-    onChangeFn();
-  }
-};
-
-// Wire JS to elements when the document is loaded.
-$(PwnFx.wireAll);