cruyff 0.0.1 → 0.1.0

data/SpecRunner.html

@@ -8,10 +8,10 @@
   <script type="text/javascript" src="spec/js_lib/jquery-1.4.4.js"></script>
   <script type="text/javascript" src="spec/js_lib/jquery.ba-bbq-1.2.1.js"></script>
   <script type="text/javascript" src="spec/js_lib/jquery.form-2.52.js"></script>
-  <script type="text/javascript" src="spec/js_lib/rails-11.01.12.js"></script> 
   <script type="text/javascript" src="spec/js_lib/jasmine-jquery-1.1.3.js"></script>
 
-  <script type="text/javascript" src="lib/generators/templates/jquery.cruyff.js"></script>
+  <script type="text/javascript" src="lib/generators/cruyff/templates/rails.js"></script>
+  <script type="text/javascript" src="lib/generators/cruyff/templates/jquery.cruyff.js"></script>
 
   <script type="text/javascript" src="spec/SpecHelper.js"></script>
   <script type="text/javascript" src="spec/js_lib/jasmine-fixture.js"></script>
@@ -24,6 +24,7 @@
 <script type="text/javascript">
 $(function() {
 /*
+  //this ajax call don't works on chrome. WTF???
   $.ajax({
     url: 'spec/fixtures/view.html',
     success: function(data, status, xhr) {

data/lib/cruyff/version.rb

@@ -1,3 +1,3 @@
 module Cruyff
-  VERSION = "0.0.1"
+  VERSION = "0.1.0"
 end

data/lib/cruyff.rb

@@ -0,0 +1,20 @@
+module Jquery
+  module Rails
+    class Railtie < ::Rails::Railtie
+
+      config.before_configuration do
+        require "jquery-rails/assert_select_jquery" if ::Rails.env.test?
+
+        if ::Rails.root.join("public/javascripts/jquery-ui.min.js").exist?
+          jq_defaults = %w(jquery jquery-ui)
+          jq_defaults.map!{|a| a + ".min" } if ::Rails.env.production?
+        else
+          jq_defaults = ::Rails.env.production? ? %w(jquery.min) : %w(jquery)
+        end
+
+        config.action_view.javascript_expansions[:defaults] = jq_defaults + %w(rails)
+      end
+
+    end
+  end
+end

data/lib/generators/cruyff/install/install_generator.rb

@@ -0,0 +1,61 @@
+module Cruyff
+  module Generators
+    class InstallGenerator < ::Rails::Generators::Base
+      desc "This generator downloads and installs jQuery, jQuery-ujs HEAD, and (optionally) the newest jQuery UI"
+      class_option :ui, :type => :boolean, :default => false, :desc => "Include jQueryUI"
+      class_option :version, :type => :string, :default => "1.4.4", :desc => "Which version of jQuery to fetch"
+      @@default_version = "1.4.4"
+
+      def remove_prototype
+        %w(controls.js dragdrop.js effects.js prototype.js).each do |js|
+          remove_file "public/javascripts/#{js}"
+        end
+      end
+
+      def download_jquery
+        say_status("fetching", "jQuery (#{options.version})", :green)
+        get_jquery(options.version)
+      rescue OpenURI::HTTPError
+        say_status("warning", "could not find jQuery (#{options.version})", :yellow)
+        say_status("fetching", "jQuery (#{@@default_version})", :green)
+        get_jquery(@@default_version)
+      end
+
+      def download_jquery_ui
+        if options.ui?
+          say_status("fetching", "jQuery UI (latest 1.x release)", :green)
+          get "http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.js",     "public/javascripts/jquery-ui.js"
+          get "http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js", "public/javascripts/jquery-ui.min.js"
+        end
+      end
+
+      def download_ujs_driver
+        say_status("fetching", "jQuery UJS Cruyff adapter (github HEAD)", :green)
+        get "https://github.com/andref5/cruyff/raw/master/lib/generators/cruyff/templates/rails.js", "public/javascripts/rails.js"
+      end
+
+      def download_cruyff
+        say_status("fetching", "jQuery Cruyff plugin (github HEAD)", :green)
+        get "https://github.com/andref5/cruyff/raw/master/lib/generators/cruyff/templates/jquery.cruyff.js", "public/javascripts/jquery.cruyff.js"
+      end
+
+      def download_jquery_bbq
+        say_status("fetching", "jQuery BBQ plugin: Back Button & Query Library (github HEAD)", :green)
+        get "https://github.com/cowboy/jquery-bbq/raw/master/jquery.ba-bbq.js", "public/javascripts/jquery.ba-bbq.js"
+      end
+
+      def download_jquery_form
+        say_status("fetching", "jQuery Form plugin (github HEAD)", :green)
+        get "https://github.com/malsup/form/raw/master/jquery.form.js", "public/javascripts/jquery.form.js"
+      end
+
+    private
+
+      def get_jquery(version)
+        get "http://ajax.googleapis.com/ajax/libs/jquery/#{version}/jquery.js",     "public/javascripts/jquery.js"
+        get "http://ajax.googleapis.com/ajax/libs/jquery/#{version}/jquery.min.js", "public/javascripts/jquery.min.js"
+      end
+
+    end
+  end
+end

data/lib/generators/cruyff/templates/jquery.cruyff.js

@@ -0,0 +1,89 @@
+(function($) {
+
+  var cruyffSettings = {
+    url: "",
+    method: "",
+    dataType: "",
+    data: "",
+    responseSelector: "#response",
+    response: [],
+  };
+
+  $.fn.handleRemoteCrud = function(element) {
+    var cs = this.cruyffSetup(element);
+
+    //call ajaxSubmit from jquery.form because provides a file upload mechanism.
+    element.ajaxSubmit({
+      url: cs.url,
+      type: cs.method || 'GET',
+      data: cs.data,
+      dataType: cs.dataType,
+      // stopping the "ajax:beforeSend" event will cancel the ajax request
+      beforeSend: function(xhr, settings) {
+        if (settings.dataType === undefined) {
+          xhr.setRequestHeader('accept', '*/*;q=0.5, ' + settings.accepts.script);
+        }
+        return fire(element, 'ajax:beforeSend', [xhr, settings]);
+      },
+      success: function(data, status, xhr) {
+        element.trigger('ajax:success', [data, status, xhr]);
+        cs.response.html(data);
+      },
+      complete: function(xhr, status) {
+        element.trigger('ajax:complete', [xhr, status]);
+      },
+      error: function(xhr, status, error) {
+        element.trigger('ajax:error', [xhr, status, error]);
+        cs.response.html(error.toString());
+      }
+    });
+
+    $.bbq.pushState("app=" + cs.url);
+
+  };
+
+  $.fn.cruyffSetup = function(element) {
+    var cs = cruyffSettings;
+
+    cs.response = $(cs.responseSelector);
+    
+    /**
+    * Rails.js Code 2011-01-12
+    **/
+    cs.dataType = element.attr('data-type') || ($.ajaxSettings && $.ajaxSettings.dataType);
+  
+    if (element.is('form')) {
+      cs.method = element.attr('method');
+      cs.url = element.attr('action');
+      cs.data = element.serializeArray();
+      // memoized value from clicked submit button
+      var button = element.data('ujs:submit-button');
+      if (button) {
+        cs.data.push(button);
+        element.data('ujs:submit-button', null);
+      }
+    } else {
+      cs.method = element.attr('data-method');
+      cs.url = element.attr('href');
+      cs.data = null;
+    }
+    /**
+    * End Rails.js
+    **/
+
+    return cs;
+  };
+
+  //Override rails.js handleRemote
+  $.fn.handleRemote = function(element) {
+    this.handleRemoteCrud(element);
+  };
+
+  //Wrapper to rails.js fire function
+  function fire(obj, name, data) {
+    $.fn.fire(obj, name, data);
+  }
+
+  //$.fn.cruyffUrl = $.bbq.getState("app");
+
+})( jQuery );

data/{spec/js_lib/rails-11.01.12.js → lib/generators/cruyff/templates/rails.js}

@@ -7,14 +7,22 @@
 
 (function($) {
 	// Triggers an event on an element and returns the event result
-	function fire(obj, name, data) {
+  function fire(obj, name, data) {
+    this.fire(obj, name, data);
+  }
+  // create a jQuery object to call from another context
+	$.fn.fire = function (obj, name, data) {
 		var event = new $.Event(name);
 		obj.trigger(event, data);
 		return event.result !== false;
 	}
 
 	// Submits "remote" forms and links with ajax
-	function handleRemote(element) {
+  function handleRemote(element) {
+    $.fn.handleRemote(element);
+  }
+  // create a jQuery object to override
+	$.fn.handleRemote = function (element) {
 		var method, url, data,
 			dataType = element.attr('data-type') || ($.ajaxSettings && $.ajaxSettings.dataType);
 
@@ -126,7 +134,7 @@
 		var name = button.attr('name'), data = name ? {name:name, value:button.val()} : null;
 		button.closest('form').data('ujs:submit-button', data);
 	});
-	
+
 	$('form').live('ajax:beforeSend.rails', function(event) {
 		if (this == event.target) disableFormElements($(this));
 	});
@@ -135,3 +143,4 @@
 		if (this == event.target) enableFormElements($(this));
 	});
 })( jQuery );
+

data/spec/CruyffSpec.js

@@ -6,6 +6,12 @@ describe('Cruyff',function() {
     $.jasmine.inject('<div id="response"></div>');
   });
 
+  it('should override rails handleRemote function',function(){
+    spyOn($.fn, 'handleRemoteCrud');
+    $.fn.handleRemote('element');
+    expect($.fn.handleRemoteCrud).wasCalled();
+  })
+
   describe('Setup from hyperlink', function() {
     beforeEach(function() {
       $.jasmine.inject('<a href="spec/fixtures/view.html"\
@@ -110,7 +116,7 @@ describe('Cruyff',function() {
 
     it('should render success response',function(){
       runs(function() {
-        $.fn.handleRemoteCrud(element);
+        element.trigger('click');
       });
       waits(100);
       runs(function() {
@@ -121,7 +127,7 @@ describe('Cruyff',function() {
     it('should render error response',function(){
       element.attr('href', 'bad/url');
       runs(function() {
-        $.fn.handleRemoteCrud(element);
+        element.trigger('click');
       });
       waits(100);
       runs(function() {
@@ -141,7 +147,7 @@ describe('Cruyff',function() {
 
     it('should bookmark',function() {
       runs(function() {
-        $.fn.handleRemoteCrud(element);
+        element.trigger('click');
       });
       waits(100);
       runs(function() {
@@ -149,7 +155,7 @@ describe('Cruyff',function() {
       });
     });
 
-    it('should load browser url',function() {
+    xit('should load browser url',function() {
       $.bbq.pushState('app=spec/fixtures/view.html');
       expect($.fn.cruyffUrl).toEqual('spec/fixtures/view.html');
     });

metadata

@@ -1,40 +1,32 @@
 --- !ruby/object:Gem::Specification 
 name: cruyff
 version: !ruby/object:Gem::Version 
-  prerelease: false
-  segments: 
-  - 0
-  - 0
-  - 1
-  version: 0.0.1
+  prerelease: 
+  version: 0.1.0
 platform: ruby
 authors: 
-- Charger Tec
+  - Charger Tec
 autorequire: 
 bindir: bin
 cert_chain: []
 
-date: 2011-01-20 00:00:00 -02:00
+date: 2011-01-21 00:00:00 -02:00
 default_executable: 
 dependencies: 
-- !ruby/object:Gem::Dependency 
-  name: jquery-rails
-  prerelease: false
-  requirement: &id001 !ruby/object:Gem::Requirement 
-    none: false
-    requirements: 
-    - - ~>
-      - !ruby/object:Gem::Version 
-        segments: 
-        - 0
-        - 2
-        - 6
-        version: 0.2.6
-  type: :runtime
-  version_requirements: *id001
+  - !ruby/object:Gem::Dependency 
+    name: jquery-rails
+    prerelease: false
+    requirement: &id001 !ruby/object:Gem::Requirement 
+      none: false
+      requirements: 
+        - - ~>
+          - !ruby/object:Gem::Version 
+            version: 0.2.6
+    type: :runtime
+    version_requirements: *id001
 description: Cruyff is a Ajax CRUD solution for Rails applications.
 email: 
-- DM @andrefarina
+  - DM @andrefarina
 executables: []
 
 extensions: []
@@ -42,27 +34,28 @@ extensions: []
 extra_rdoc_files: []
 
 files: 
-- .gitignore
-- Gemfile
-- Rakefile
-- Readme.md
-- SpecRunner.html
-- cruyff.gemspec
-- lib/cruyff/version.rb
-- lib/generators/cruyff_generator.rb
-- lib/generators/templates/jquery.cruyff.js
-- spec/CruyffSpec.js
-- spec/SpecHelper.js
-- spec/fixtures/view.html
-- spec/js_lib/jasmine-1.0.1/jasmine-html.js
-- spec/js_lib/jasmine-1.0.1/jasmine.css
-- spec/js_lib/jasmine-1.0.1/jasmine.js
-- spec/js_lib/jasmine-fixture.js
-- spec/js_lib/jasmine-jquery-1.1.3.js
-- spec/js_lib/jquery-1.4.4.js
-- spec/js_lib/jquery.ba-bbq-1.2.1.js
-- spec/js_lib/jquery.form-2.52.js
-- spec/js_lib/rails-11.01.12.js
+  - .gitignore
+  - Gemfile
+  - Rakefile
+  - Readme.md
+  - SpecRunner.html
+  - cruyff.gemspec
+  - lib/cruyff.rb
+  - lib/cruyff/version.rb
+  - lib/generators/cruyff/install/install_generator.rb
+  - lib/generators/cruyff/templates/jquery.cruyff.js
+  - lib/generators/cruyff/templates/rails.js
+  - spec/CruyffSpec.js
+  - spec/SpecHelper.js
+  - spec/fixtures/view.html
+  - spec/js_lib/jasmine-1.0.1/jasmine-html.js
+  - spec/js_lib/jasmine-1.0.1/jasmine.css
+  - spec/js_lib/jasmine-1.0.1/jasmine.js
+  - spec/js_lib/jasmine-fixture.js
+  - spec/js_lib/jasmine-jquery-1.1.3.js
+  - spec/js_lib/jquery-1.4.4.js
+  - spec/js_lib/jquery.ba-bbq-1.2.1.js
+  - spec/js_lib/jquery.form-2.52.js
 has_rdoc: true
 homepage: https://github.com/andref5/cruyff
 licenses: []
@@ -71,29 +64,35 @@ post_install_message:
 rdoc_options: []
 
 require_paths: 
-- lib
+  - lib
 required_ruby_version: !ruby/object:Gem::Requirement 
   none: false
   requirements: 
-  - - ">="
-    - !ruby/object:Gem::Version 
-      segments: 
-      - 0
-      version: "0"
+    - - ">="
+      - !ruby/object:Gem::Version 
+        version: "0"
 required_rubygems_version: !ruby/object:Gem::Requirement 
   none: false
   requirements: 
-  - - ">="
-    - !ruby/object:Gem::Version 
-      segments: 
-      - 0
-      version: "0"
+    - - ">="
+      - !ruby/object:Gem::Version 
+        version: "0"
 requirements: []
 
 rubyforge_project: 
-rubygems_version: 1.3.7
+rubygems_version: 1.4.2
 signing_key: 
 specification_version: 3
 summary: Ajax CRUD solution for Rails applications.
-test_files: []
-
+test_files: 
+  - spec/CruyffSpec.js
+  - spec/SpecHelper.js
+  - spec/fixtures/view.html
+  - spec/js_lib/jasmine-1.0.1/jasmine-html.js
+  - spec/js_lib/jasmine-1.0.1/jasmine.css
+  - spec/js_lib/jasmine-1.0.1/jasmine.js
+  - spec/js_lib/jasmine-fixture.js
+  - spec/js_lib/jasmine-jquery-1.1.3.js
+  - spec/js_lib/jquery-1.4.4.js
+  - spec/js_lib/jquery.ba-bbq-1.2.1.js
+  - spec/js_lib/jquery.form-2.52.js

data/lib/generators/cruyff_generator.rb

@@ -1,14 +0,0 @@
-require 'rails/generators'
-
-class CruyffGenerator < Rails::Generators::Base
-  def self.source_root
-    File.join(File.dirname(__FILE__), 'templates')
-  end
-  
-  def install_cruyff
-    copy_file(
-      'jquery.cruyff.js',
-      'public/javascripts/jquery.cruyff.js'
-    )
-  end
-end

data/lib/generators/templates/jquery.cruyff.js

@@ -1,174 +0,0 @@
-(function($) {
-
-  var cruyffSettings = {
-    url: "",
-    method: "",
-    dataType: "",
-    data: "",
-    responseSelector: "#response",
-    response: [],
-  };
-
-  $.fn.handleRemoteCrud = function(element) {
-    var cs = this.cruyffSetup(element);
-
-    //call ajaxSubmit from jquery.form because provides a file upload mechanism.
-    element.ajaxSubmit({
-      url: cs.url,
-      type: cs.method || 'GET',
-      data: cs.data,
-      dataType: cs.dataType,
-      // stopping the "ajax:beforeSend" event will cancel the ajax request
-      beforeSend: function(xhr, settings) {
-        if (settings.dataType === undefined) {
-          xhr.setRequestHeader('accept', '*/*;q=0.5, ' + settings.accepts.script);
-        }
-        return fire(element, 'ajax:beforeSend', [xhr, settings]);
-      },
-      success: function(data, status, xhr) {
-        element.trigger('ajax:success', [data, status, xhr]);
-        cs.response.html(data);
-      },
-      complete: function(xhr, status) {
-        element.trigger('ajax:complete', [xhr, status]);
-      },
-      error: function(xhr, status, error) {
-        element.trigger('ajax:error', [xhr, status, error]);
-        cs.response.html(error.toString());
-      }
-    });
-
-    $.bbq.pushState("app=" + cs.url);
-
-  };
-  function handleRemote(element) {
-    $.fn.handleRemoteCrud(element);
-  }
-
-  $.fn.cruyffSetup = function(element) {
-    var cs = cruyffSettings;
-
-    cs.response = $(cs.responseSelector);
-    
-    /**
-    * Rails.js Code 2011-01-12
-    **/
-    cs.dataType = element.attr('data-type') || ($.ajaxSettings && $.ajaxSettings.dataType);
-  
-    if (element.is('form')) {
-      cs.method = element.attr('method');
-      cs.url = element.attr('action');
-      cs.data = element.serializeArray();
-      // memoized value from clicked submit button
-      var button = element.data('ujs:submit-button');
-      if (button) {
-        cs.data.push(button);
-        element.data('ujs:submit-button', null);
-      }
-    } else {
-      cs.method = element.attr('data-method');
-      cs.url = element.attr('href');
-      cs.data = null;
-    }
-    /**
-    * End Rails.js $.bbq.getState
-    **/
-
-    return cs;
-  };
-
-  $.fn.cruyffUrl = $.bbq.getState("app");
-
-  console.log($.fn.cruyffUrl);
-
-/**
-* Rails.js Code 2011-01-12. I don't know yet how to override inner functions.
-**/
-	function fire(obj, name, data) {
-		var event = new $.Event(name);
-		obj.trigger(event, data);
-		return event.result !== false;
-	}
-	// Handles "data-method" on links such as:
-	// <a href="/users/5" data-method="delete" rel="nofollow" data-confirm="Are you sure?">Delete</a>
-	function handleMethod(link) {
-		var href = link.attr('href'),
-			method = link.attr('data-method'),
-			csrf_token = $('meta[name=csrf-token]').attr('content'),
-			csrf_param = $('meta[name=csrf-param]').attr('content'),
-			form = $('<form method="post" action="' + href + '"></form>'),
-			metadata_input = '<input name="_method" value="' + method + '" type="hidden" />';
-
-		if (csrf_param !== undefined && csrf_token !== undefined) {
-			metadata_input += '<input name="' + csrf_param + '" value="' + csrf_token + '" type="hidden" />';
-		}
-
-		form.hide().append(metadata_input).appendTo('body');
-		form.submit();
-	}
-
-	function disableFormElements(form) {
-		form.find('input[data-disable-with]').each(function() {
-			var input = $(this);
-			input.data('ujs:enable-with', input.val())
-				.val(input.attr('data-disable-with'))
-				.attr('disabled', 'disabled');
-		});
-	}
-
-	function enableFormElements(form) {
-		form.find('input[data-disable-with]').each(function() {
-			var input = $(this);
-			input.val(input.data('ujs:enable-with')).removeAttr('disabled');
-		});
-	}
-
-	function allowAction(element) {
-		var message = element.attr('data-confirm');
-		return !message || (fire(element, 'confirm') && confirm(message));
-	}
-
-	$('a[data-confirm], a[data-method], a[data-remote]').die('click.rails').live('click.rails', function(e) {
-		var link = $(this);
-		if (!allowAction(link)) return false;
-
-		if (link.attr('data-remote')) {
-			handleRemote(link);
-			return false;
-		} else if (link.attr('data-method')) {
-			handleMethod(link);
-			return false;
-		}
-	});
-
-	$('form').die('submit.rails').live('submit.rails', function(e) {
-		var form = $(this);
-		if (!allowAction(form)) return false;
-
-		if (form.attr('data-remote')) {
-			handleRemote(form);
-			return false;
-		} else {
-			disableFormElements(form);
-		}
-	});
-
-	$('form input[type=submit], form button[type=submit], form button:not([type])').die('click.rails').live('click.rails', function() {
-		var button = $(this);
-		if (!allowAction(button)) return false;
-		// register the pressed submit button
-		var name = button.attr('name'), data = name ? {name:name, value:button.val()} : null;
-		button.closest('form').data('ujs:submit-button', data);
-	});
-	
-	$('form').live('ajax:beforeSend.rails', function(event) {
-		if (this == event.target) disableFormElements($(this));
-	});
-
-	$('form').live('ajax:complete.rails', function(event) {
-		if (this == event.target) enableFormElements($(this));
-	});
-/**
-* End Rails.js
-**/
-})( jQuery );