weld-js-rails 0.0.2

data/.gitignore

@@ -0,0 +1,4 @@
+*.gem
+.bundle
+Gemfile.lock
+pkg/*

data/Gemfile

@@ -0,0 +1,4 @@
+source "http://rubygems.org"
+
+# Specify your gem's dependencies in weld-js-rails.gemspec
+gemspec

data/README.md

@@ -0,0 +1,37 @@
+# Weld-js-rails
+
+Weld! For Rails! So great.
+
+## Rails 3.1
+
+This gem vendors weld for browser use in Rails 3.1 and greater. The files will be added to the asset pipeline and available for you to use.
+
+### Installation
+
+In your Gemfile, add this line:
+
+    gem "weld-js-rails"
+
+Then, run `bundle install`.
+
+Add the following line to application.js
+
+    //= require weld
+
+You're done!
+
+### jQuery
+
+If you'd like weld integrated with jQuery, add the following line to application.js after weld:
+
+    //= require weld-jquery
+
+Then you can do this:
+
+    $('contacts').weld([ { name: 'John' } ])
+
+
+## Rails 3.0
+
+This gem does not support Rails 3.0, just download weld from https://github.com/hij1nx/weld.
+

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/lib/weld-js-rails.rb

@@ -0,0 +1,2 @@
+require "weld-js-rails/version"
+require "weld-js-rails/engine"

data/lib/weld-js-rails/engine.rb

@@ -0,0 +1,12 @@
+
+module Weld
+  module Js
+    module Rails
+      class Engine < ::Rails::Engine
+        config.before_configuration do
+          # Do stuff?
+        end
+      end
+    end
+  end
+end

data/lib/weld-js-rails/version.rb

@@ -0,0 +1,9 @@
+module Weld
+  module Js
+    module Rails
+      VERSION = "0.0.2"
+      WELD_VERSION = "0.2.1"
+      WELD_REVISION = "76b9821bd7e2a2a7d733e947ba1838ebcc090755"
+    end
+  end
+end

data/vendor/assets/javascripts/weld-jquery.js

@@ -0,0 +1,15 @@
+/*
+  @function {jQuery object}
+    Turn weld into a jQuery plugin.
+  @param {object} data
+    The data which will be used for the weld.
+  @param {object} config
+    An optional configuration object.
+
+  Example: $('contacts').weld([ { name: 'John' } ])
+*/
+$.fn.weld = function (data, config) {
+  return this.each (function () {
+    weld(this, data, config);
+  });
+};

data/vendor/assets/javascripts/weld.js

@@ -0,0 +1,454 @@
+;(function(exports) {
+  // shim out Object.keys
+  // ES5 15.2.3.14
+  // http://whattheheadsaid.com/2010/10/a-safer-object-keys-compatibility-implementation
+  if (!Object.keys) {
+
+    var hasDontEnumBug = true,
+    dontEnums = [
+      'toString',
+      'toLocaleString',
+      'valueOf',
+      'hasOwnProperty',
+      'isPrototypeOf',
+      'propertyIsEnumerable',
+      'constructor'
+    ],
+    dontEnumsLength = dontEnums.length;
+
+    for (var key in {"toString": null}) {
+      hasDontEnumBug = false;
+    }
+    Object.keys = function keys(object) {
+
+      if (typeof object !== "object"   &&
+          typeof object !== "function" ||
+          object === null)
+      {
+        throw new TypeError("Object.keys called on a non-object");
+      }
+    
+      var keys = [];
+      for (var name in object) {
+        if (object.hasOwnProperty(name)) {
+          keys.push(name);
+        }
+      }
+
+      if (hasDontEnumBug) {
+        for (var i = 0, ii = dontEnumsLength; i < ii; i++) {
+          var dontEnum = dontEnums[i];
+          if (object.hasOwnProperty(dontEnum)) {
+            keys.push(dontEnum);
+          }
+        }
+      }
+      return keys;
+    };
+  }
+
+
+  // Start: DEBUGGING
+  // ----------------
+  
+  /*  Since weld runs browser/server, ensure there is a console implementation.
+   */
+
+  var logger = (typeof console === 'undefined') ? { log : function(){} } : console;
+  var nodejs = false;
+
+  if (typeof require !== 'undefined' && !exports.define) {
+    var tty = require('tty');
+    if (tty.isatty && tty.isatty(0)) {
+      nodejs = true;
+    }
+  }
+  
+  var color = { 
+    gray: '\033[37m', 
+    darkgray: '\033[40;30m', 
+    red: '\033[31m', 
+    green: '\033[32m', 
+    yellow: '\033[33m', 
+    lightblue: '\033[1;34m', 
+    cyan: '\033[36m', 
+    white: '\033[1;37m' 
+  };  
+  
+  var inputRegex = /input|select|textarea|option|button/i;
+  var imageRegex = /img/i;
+  var depth = 0;  // The current depth of the traversal, used for debugging.
+  var successIndicator = nodejs ? (color.green + ' ✓' + color.gray) : ' Success';
+  var failureIndicator = nodejs ? (color.red + ' ✗' + color.gray) : ' Fail';
+
+  var debuggable = function debuggable(name, operation) {
+  
+    var label = name.toUpperCase();
+
+    // All of the ops have the same signature, so this is sane.
+    return function(parent, element, key, value) {
+      logger.log(
+        pad(), 
+        ((nodejs ? (color.gray + '┌ ') : '+ ') + label + ' -'),
+        'parent:', colorize(parent) + ',', 
+        'element:', colorize(element) + ',', 
+        'key:', colorize(key) + ',', 
+        'value:', colorize(value)
+      );
+          
+      depth+=1;
+
+      if (operation) {
+        var res = operation(parent, element, key, value);
+        depth-=1;
+        logger.log(pad(), (nodejs ? '└ ' : '+ ') + element + '' + (res !== false ? successIndicator : failureIndicator));
+        return res;
+      }
+
+      depth-=1;
+      d('- OPERATION NOT FOUND: ', label);
+    };
+  };
+
+  /*  Generates padding used for indenting debugger statements.
+   */
+
+  var pad = function pad() {
+    var l = depth, ret = '';
+    while(l--) {
+      ret += nodejs ? ' │   ' : ' |   ';
+    }
+    return ret;
+  };
+
+  /*  Debugger statement, terse, accepts any number of arguments 
+   *  that are passed to a logger.log statement.
+   */
+
+  var d = function d() {
+    var args = Array.prototype.slice.call(arguments);
+
+    // This is done because on the browser you cannot call console.log.apply
+    logger.log(pad(), args.join(' '));
+  };
+
+  var colorize = function colorize(val) {
+    var sval = val+'', u='undefined';
+    if(nodejs) {
+      if(sval === 'false' || sval === 'null' || sval === '' || sval === u || typeof val === u || val === false) {
+        if(sval === '') { sval = '(empty string)' };
+        return color.red + sval + color.gray;
+      }
+      else {
+        return color.yellow + sval + color.gray;
+      }
+    }
+    return sval;
+  };
+
+  // End: DEBUGGING
+  // --------------
+
+
+  /*  Weld!
+   *  @param {HTMLElement} DOMTarget
+   *    The target html node that will be used as the subject of data binding.
+   *  @param {Object|Array} data
+   *    The data that will be used.
+   *  @param {Object} pconfig
+   *    The configuration object.
+   */
+  exports.weld = function weld(DOMTarget, data, pconfig) {
+    
+    var parent = DOMTarget.parentNode;
+    var currentOpKey, p, fn, debug;
+
+    /*
+     *  Configuration Object.
+     *  @member {Object}
+     *    Contains an explicit mapping of data-keys to element name/id/classes
+     *  @member {Boolean}
+     *    Determines if debugging will be enabled.
+     *  @method {Boolean|Function}
+     *    Determines the method of insertion, can be a functon or false.
+     */
+    
+    var config = {
+      alias : {},
+      debug : false,
+      insert: false // Default to append
+    };
+
+    // Merge the user configuration over the existing config
+    if(pconfig) {
+      for(p in pconfig) {
+        if (pconfig.hasOwnProperty(p)) {
+          config[p] = pconfig[p];
+        }
+      }
+    }
+
+    debug = config.debug;
+
+    /*  An interface to the interal operations, implements common 
+     *  debugging output based on a standard set of parameters.
+     *  
+     *  @param {Function} operation
+     *    The function to call in "debug mode"
+     */
+
+    var ops = {
+      siblings : function siblings(parent, element, key, value) {
+        var remove = [],
+        sibling,
+        classes,
+        cc,
+        match,
+        siblings = parent.children;
+        cs = siblings.length; // Current Sibling
+        element.weld = {
+          parent  : parent,
+          classes : element.className.split(' ')
+        };
+
+        // Find all siblings that match the exact classes that exist in the originally
+        // matched element node
+        while (cs--) {
+          sibling = siblings[cs];
+
+          if (sibling === element) {
+            // If this is not the last item in the list, store where new items should be inserted
+            if (cs < siblings.length) {
+              element.weld.insertBefore = siblings[cs+1];
+            }
+
+            // remove the element here because siblings is a live list.
+            // which means, if you remove it before hand, the length will mismatch and cause problems
+            if (debug) {
+              d('- REMOVE - element:', colorize(element), 'class:', colorize(element.className), 'id:', colorize(element.id));
+            }
+
+            parent.removeChild(element);
+
+          // Check for the same class
+          } else {
+            classes      = sibling.className.split(' ');
+            cc = classes.length;
+            match        = true;
+            while (cc--) {
+              // TODO: optimize
+              if (element.weld.classes.indexOf(classes[cc]) < 0) {
+                match = false;
+                break;
+              }
+            }
+
+            // This element matched, you win a prize! DIE.
+            if (match) {
+              if (debug) {
+                d('- REMOVE - element:', colorize(sibling), 'class:', colorize(sibling.className), 'id:', colorize(sibling.id));
+              }
+              parent.removeChild(sibling);
+            }
+          }
+        }
+      },
+      traverse : function traverse(parent, element, key, value) {
+
+        var type, target, i, keys, l, obj;
+        var template = element;
+        var templateParent = element.parentNode;
+
+        // LEAF
+        
+        if(~({}).toString.call(value).indexOf('Date')) {
+          value = value.toString();
+        }
+        
+        if (value.nodeType || typeof value !== 'object') {
+          ops.set(parent, element, key, value);
+
+        // ARRAY / NodeList
+        } else if (value.length && value[0]) {
+          if (templateParent) {
+            ops.siblings(templateParent, template, key, value);
+          } else if (template.weld && template.weld.parent) {
+            templateParent = template.weld.parent;
+          }
+
+          l = value.length;
+          for (i=0; i<l; i++) {
+            if (debug) {
+              d('- CLONE - element:', colorize(element), 'class:', colorize(element.className), 'id:', colorize(element.id));
+            }
+            target = element.cloneNode(true);
+            target.weld = {};
+
+            // Clone weld params
+            if (element.weld) {
+              var keys = Object.keys(element.weld), currentKey = keys.length, weldParam;
+              while(currentKey--) {
+                weldParam = keys[currentKey];
+                target.weld[weldParam] = element.weld[weldParam];
+              }
+            }
+            ops.traverse(templateParent, target, i, value[i]);
+            ops.insert(templateParent, target, i, value[i]);
+          }
+
+        // OBJECT
+        } else {
+          var keys = Object.keys(value), current = keys.length, obj;
+          while (current--) {
+            var lkey    = keys[current];
+            obj    = value[lkey];
+            target = ops.match(template, element, lkey, obj);
+
+            if (target) {
+              ops.traverse(template, target, lkey, obj);
+
+            // Handle the case where a parent data key doesn't
+            // match a dom node, but the child data object may.
+            // don't continue traversing if the child data object
+            // is not an array/object
+            } else if (target !== false        &&
+                       typeof obj === 'object' &&
+                       Object.keys(obj).length > 0) // TODO: optimize
+            {
+              ops.traverse(templateParent, template, lkey, obj);
+            }
+          }
+        }
+      },
+      elementType : function elementType(parent, element, key, value) {
+        if (element) {
+          var nodeName = element.nodeName;
+
+          if (typeof nodeName === "string") {
+            if (inputRegex.test(nodeName)) {
+              return 'input';
+            }
+
+            if (imageRegex.test(nodeName)) {
+              return 'image';
+            }
+          }
+        }
+      },
+      map : false, // this is a user-defined operation
+      insert : function(parent, element) {
+        // Insert the template back into document
+        if (element.weld && element.weld.insertBefore) {
+          parent.insertBefore(element, element.weld.insertBefore);
+        } else {
+          parent.appendChild(element);
+        }
+      },
+      set : function set(parent, element, key, value) {
+
+        if(ops.map && ops.map(parent, element, key, value) === false) {
+          return false;
+        }
+
+        if(debug) {
+          d('- SET: value is', value.tagName);
+        }
+
+        var type = ops.elementType(parent, element, key, value), res = false;
+
+        if (value && value.nodeType) { // imports.
+
+          if (element.ownerDocument !== value.ownerDocument) {
+            value = element.ownerDocument.importNode(value, true);
+          } else if (value.parentNode) {
+            value.parentNode.removeChild(value);
+          }
+
+          while (element.firstChild) { // clean first.
+            element.removeChild(element.firstChild);
+          }
+
+          element.appendChild(value);
+          res = true;
+        }
+        else if (type === 'input') { // special cases.
+          element.setAttribute('value', value);
+          res = true;
+        }
+        else if (type === 'image') {
+          element.setAttribute('src', value);
+          res = true;
+        }
+        else { // simple text assignment.
+          element.textContent = value;
+          res = true;
+        }
+        return res;
+      },
+      match : function match(parent, element, key, value) {
+        if(typeof config.alias[key] !== 'undefined') {
+          if(typeof config.alias[key] === 'function') {
+            key = config.alias[key](parent, element, key, value) || key;
+          }
+          else if(config.alias[key] === false) {
+            return false;
+          }
+          else {
+            key = config.alias[key];
+          }
+        }
+        
+        // Alias can be a node, for explicit binding. 
+        // Alias can also be a method that returns a string or DOMElement
+        if (key && key.nodeType) {
+          return key;
+        }
+
+        if(element) {
+          if(element.querySelector) {
+            return element.querySelector('.' + key + ',#' + key + ',[name="' + key + '"]');
+          }
+          else {
+            var els = element.getElementsByTagName('*'), l = els.length, e, i;
+            // find the _first_ best match
+            for (i=0; i<l; i++) {
+              e = els[i];
+              if(e.id === key || e.name === key || e.className.split(' ').indexOf(key) > -1) {
+                return e;
+              }
+            }
+          }
+        }
+      }
+    };
+
+
+    // Allow the caller to overwrite the internals of weld
+    for (currentOpKey in ops) {
+      if (ops.hasOwnProperty(currentOpKey)) {
+        currentOp = ops[currentOpKey];
+        fn = config[currentOpKey] || ops[currentOpKey];
+
+        if (debug) {
+          fn = debuggable(currentOpKey, fn);
+        }
+
+        ops[currentOpKey] = fn;
+      }
+    }
+
+    // Kick it off
+    ops.traverse(null, DOMTarget, null, data);
+
+    if (config.debug) {
+      logger.log(DOMTarget.outerHTML);
+    }
+  };
+
+  if (typeof exports.define !== "undefined" && exports.define.amd) {
+    define('weld',[], function() {return window.weld });
+  }
+
+})((typeof exports === "undefined") ? window : exports);
+
+

data/vendor/assets/javascripts/weld.min.js

@@ -0,0 +1 @@
+(function(i){var o=(typeof console==="undefined")?{log:function(){}}:console;var a=false;if(typeof require!=="undefined"){var m=require("tty");if(m.isatty&&m.isatty(0)){a=true}}var h={gray:"\033[37m",darkgray:"\033[40;30m",red:"\033[31m",green:"\033[32m",yellow:"\033[33m",lightblue:"\033[1;34m",cyan:"\033[36m",white:"\033[1;37m"},c=/input|select|textarea|option|button/i,g=/img/i,l=0,f=a?(h.green+" ✓"+h.gray):" Success",k=a?(h.red+" ✗"+h.gray):" Fail",j=function j(r,d){var q=r.toUpperCase();return function(v,u,t,w){o.log(e(),((a?(h.gray+"┌ "):"+ ")+q+" -"),"parent:",b(v)+",","element:",b(u)+",","key:",b(t)+",","value:",b(w));l+=1;if(d){var s=d(v,u,t,w);l-=1;o.log(e(),(a?"└ ":"+ ")+u+""+(s!==false?f:k));return s}l-=1;n("- OPERATION NOT FOUND: ",q)}},e=function e(){var d=l,q="";while(d--){q+=a?" │   ":" |   "}return q},n=function n(){var d=Array.prototype.slice.call(arguments);o.log(e(),d.join(" "))},b=function b(r){var q=r+"",d="undefined";if(a){if(q==="false"||q==="null"||q===""||q===d||typeof r===d||r===false){if(q===""){q="(empty string)"}return h.red+q+h.gray}else{return h.yellow+q+h.gray}}return q};i.weld=function p(y,u,D){var t={alias:{},debug:false,insert:false},s={siblings:function A(L,G,N,K){var H=[],M,F,E,I,J=L.children;cs=J.length;G.weld={parent:L,classes:G.className.split(" ")};while(cs--){M=J[cs];if(M===G){if(cs<J.length){G.weld.insertBefore=J[cs+1]}if(d){n("- REMOVE - element:",b(G),"class:",b(G.className),"id:",b(G.id))}L.removeChild(G)}else{F=M.className.split(" ");E=F.length;I=true;while(E--){if(G.weld.classes.indexOf(F[E])<0){I=false;break}}if(I){if(d){n("- REMOVE - element:",b(M),"class:",b(M.className),"id:",b(M.id))}L.removeChild(M)}}}},traverse:function w(O,G,Q,N){var L,K,H,S,E,F,P=G,R=G.parentNode;if(N.nodeType||typeof N!=="object"){s.set(O,G,Q,N)}else{if(N.length&&N[0]){if(R){s.siblings(R,P,Q,N)}else{if(P.weld&&P.weld.parent){R=P.weld.parent}}E=N.length;for(H=0;H<E;H++){if(d){n("- CLONE - element:",b(G),"class:",b(G.className),"id:",b(G.id))}K=G.cloneNode(true);K.weld={};if(G.weld){if(Object.keys){var S=Object.keys(G.weld),M=S.length,I;while(M--){I=S[M];K.weld[I]=G.weld[I]}}else{for(var I in G.weld){if(G.weld.hasOwnProperty(I)){K.weld[I]=G.weld[I]}}}}s.traverse(R,K,H,N[H]);s.insert(R,K)}}else{if(Object.keys){var S=Object.keys(N),J=S.length;while(J--){Q=S[J];F=N[Q];K=s.match(P,G,Q,F);if(K){s.traverse(P,K,Q,F)}}}else{for(Q in N){if(N.hasOwnProperty(Q)){F=N[Q];K=s.match(P,G,Q,F);if(K){s.traverse(P,K,Q,F)}}}}}}},elementType:function x(G,F,E,H){if(F){var I=F.nodeName;if(typeof I==="string"){if(c.test(I)){return"input"}if(g.test(I)){return"image"}}}},map:false,insert:function(F,E){if(E.weld&&E.weld.insertBefore){F.insertBefore(E,E.weld.insertBefore)}else{F.appendChild(E)}},set:function C(I,G,F,J){if(s.map&&s.map(I,G,F,J)===false){return false}if(d){n("- SET: value is",J.tagName)}var H=s.elementType(I,G,F,J),E=false;if(J&&J.nodeType){if(G.ownerDocument!==J.ownerDocument){J=G.ownerDocument.importNode(J,true)}else{if(J.parentNode){J.parentNode.removeChild(J)}}while(G.firstChild){G.removeChild(G.firstChild)}G.appendChild(J);E=true}else{if(H==="input"){G.setAttribute("value",J);E=true}else{if(H==="image"){G.setAttribute("src",J);E=true}else{G.textContent=J;E=true}}}return E},match:function v(J,I,H,K){if(typeof t.alias[H]!=="undefined"){if(typeof t.alias[H]==="function"){H=t.alias[H](J,I,H,K)||H}else{if(t.alias[H]===false){return false}else{H=t.alias[H]}}}if(H&&H.nodeType){return H}if(I){if(I.querySelector){return I.querySelector("."+H+",#"+H+',[name="'+H+'"]')}else{var G=I.getElementsByTagName("*"),E=G.length,L,F;for(F=0;F<E;F++){L=G[F];if(L.id===H||L.name===H||L.className.split(" ").indexOf(H)>-1){return L}}}}}},B=y.parentNode,q,r,z,d;if(D){for(r in D){if(D.hasOwnProperty(r)){t[r]=D[r]}}}d=t.debug;for(q in s){if(s.hasOwnProperty(q)){currentOp=s[q];z=t[q]||s[q];if(d){z=j(q,z)}s[q]=z}}s.traverse(null,y,null,u);if(t.debug){o.log(B.innerHTML)}}})((typeof exports==="undefined")?window:exports);

data/weld-js-rails.gemspec

@@ -0,0 +1,25 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "weld-js-rails/version"
+
+Gem::Specification.new do |s|
+  s.name        = "weld-js-rails"
+  s.version     = Weld::Js::Rails::VERSION
+  s.authors     = ["Amiel Martin"]
+  s.email       = ["amiel@carnesmedia.com"]
+  s.homepage    = "http://github.com/amiel/weld-js-rails"
+  s.summary     = %q{A gem to automate using weld with Rails 3.1}
+  # s.description = %q{TODO: Write a gem description}
+
+
+  s.rubyforge_project = "weld-js-rails"
+
+  s.add_dependency "railties", "~> 3.1"
+
+  s.files         = `git ls-files`.split("\n")
+  s.require_path  = "lib"
+
+  # specify any dependencies here; for example:
+  # s.add_development_dependency "rspec"
+  # s.add_runtime_dependency "rest-client"
+end

metadata

@@ -0,0 +1,67 @@
+--- !ruby/object:Gem::Specification
+name: weld-js-rails
+version: !ruby/object:Gem::Version
+  version: 0.0.2
+  prerelease: 
+platform: ruby
+authors:
+- Amiel Martin
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2011-09-02 00:00:00.000000000Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: &70267834482040 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: *70267834482040
+description: 
+email:
+- amiel@carnesmedia.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- README.md
+- Rakefile
+- lib/weld-js-rails.rb
+- lib/weld-js-rails/engine.rb
+- lib/weld-js-rails/version.rb
+- vendor/assets/javascripts/weld-jquery.js
+- vendor/assets/javascripts/weld.js
+- vendor/assets/javascripts/weld.min.js
+- weld-js-rails.gemspec
+homepage: http://github.com/amiel/weld-js-rails
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: weld-js-rails
+rubygems_version: 1.8.10
+signing_key: 
+specification_version: 3
+summary: A gem to automate using weld with Rails 3.1
+test_files: []