isotope 1.0.1

data/examples/rails3-example/public/javascripts/rails.js

@@ -0,0 +1,175 @@
+(function() {
+  // Technique from Juriy Zaytsev
+  // http://thinkweb2.com/projects/prototype/detecting-event-support-without-browser-sniffing/
+  function isEventSupported(eventName) {
+    var el = document.createElement('div');
+    eventName = 'on' + eventName;
+    var isSupported = (eventName in el);
+    if (!isSupported) {
+      el.setAttribute(eventName, 'return;');
+      isSupported = typeof el[eventName] == 'function';
+    }
+    el = null;
+    return isSupported;
+  }
+
+  function isForm(element) {
+    return Object.isElement(element) && element.nodeName.toUpperCase() == 'FORM'
+  }
+
+  function isInput(element) {
+    if (Object.isElement(element)) {
+      var name = element.nodeName.toUpperCase()
+      return name == 'INPUT' || name == 'SELECT' || name == 'TEXTAREA'
+    }
+    else return false
+  }
+
+  var submitBubbles = isEventSupported('submit'),
+      changeBubbles = isEventSupported('change')
+
+  if (!submitBubbles || !changeBubbles) {
+    // augment the Event.Handler class to observe custom events when needed
+    Event.Handler.prototype.initialize = Event.Handler.prototype.initialize.wrap(
+      function(init, element, eventName, selector, callback) {
+        init(element, eventName, selector, callback)
+        // is the handler being attached to an element that doesn't support this event?
+        if ( (!submitBubbles && this.eventName == 'submit' && !isForm(this.element)) ||
+             (!changeBubbles && this.eventName == 'change' && !isInput(this.element)) ) {
+          // "submit" => "emulated:submit"
+          this.eventName = 'emulated:' + this.eventName
+        }
+      }
+    )
+  }
+
+  if (!submitBubbles) {
+    // discover forms on the page by observing focus events which always bubble
+    document.on('focusin', 'form', function(focusEvent, form) {
+      // special handler for the real "submit" event (one-time operation)
+      if (!form.retrieve('emulated:submit')) {
+        form.on('submit', function(submitEvent) {
+          var emulated = form.fire('emulated:submit', submitEvent, true)
+          // if custom event received preventDefault, cancel the real one too
+          if (emulated.returnValue === false) submitEvent.preventDefault()
+        })
+        form.store('emulated:submit', true)
+      }
+    })
+  }
+
+  if (!changeBubbles) {
+    // discover form inputs on the page
+    document.on('focusin', 'input, select, texarea', function(focusEvent, input) {
+      // special handler for real "change" events
+      if (!input.retrieve('emulated:change')) {
+        input.on('change', function(changeEvent) {
+          input.fire('emulated:change', changeEvent, true)
+        })
+        input.store('emulated:change', true)
+      }
+    })
+  }
+
+  function handleRemote(element) {
+    var method, url, params;
+
+    var event = element.fire("ajax:before");
+    if (event.stopped) return false;
+
+    if (element.tagName.toLowerCase() === 'form') {
+      method = element.readAttribute('method') || 'post';
+      url    = element.readAttribute('action');
+      params = element.serialize();
+    } else {
+      method = element.readAttribute('data-method') || 'get';
+      url    = element.readAttribute('href');
+      params = {};
+    }
+
+    new Ajax.Request(url, {
+      method: method,
+      parameters: params,
+      evalScripts: true,
+
+      onComplete:    function(request) { element.fire("ajax:complete", request); },
+      onSuccess:     function(request) { element.fire("ajax:success",  request); },
+      onFailure:     function(request) { element.fire("ajax:failure",  request); }
+    });
+
+    element.fire("ajax:after");
+  }
+
+  function handleMethod(element) {
+    var method = element.readAttribute('data-method'),
+        url = element.readAttribute('href'),
+        csrf_param = $$('meta[name=csrf-param]')[0],
+        csrf_token = $$('meta[name=csrf-token]')[0];
+
+    var form = new Element('form', { method: "POST", action: url, style: "display: none;" });
+    element.parentNode.insert(form);
+
+    if (method !== 'post') {
+      var field = new Element('input', { type: 'hidden', name: '_method', value: method });
+      form.insert(field);
+    }
+
+    if (csrf_param) {
+      var param = csrf_param.readAttribute('content'),
+          token = csrf_token.readAttribute('content'),
+          field = new Element('input', { type: 'hidden', name: param, value: token });
+      form.insert(field);
+    }
+
+    form.submit();
+  }
+
+
+  document.on("click", "*[data-confirm]", function(event, element) {
+    var message = element.readAttribute('data-confirm');
+    if (!confirm(message)) event.stop();
+  });
+
+  document.on("click", "a[data-remote]", function(event, element) {
+    if (event.stopped) return;
+    handleRemote(element);
+    event.stop();
+  });
+
+  document.on("click", "a[data-method]", function(event, element) {
+    if (event.stopped) return;
+    handleMethod(element);
+    event.stop();
+  });
+
+  document.on("submit", function(event) {
+    var element = event.findElement(),
+        message = element.readAttribute('data-confirm');
+    if (message && !confirm(message)) {
+      event.stop();
+      return false;
+    }
+
+    var inputs = element.select("input[type=submit][data-disable-with]");
+    inputs.each(function(input) {
+      input.disabled = true;
+      input.writeAttribute('data-original-value', input.value);
+      input.value = input.readAttribute('data-disable-with');
+    });
+
+    var element = event.findElement("form[data-remote]");
+    if (element) {
+      handleRemote(element);
+      event.stop();
+    }
+  });
+
+  document.on("ajax:after", "form", function(event, element) {
+    var inputs = element.select("input[type=submit][disabled=true][data-disable-with]");
+    inputs.each(function(input) {
+      input.value = input.readAttribute('data-original-value');
+      input.removeAttribute('data-original-value');
+      input.disabled = false;
+    });
+  });
+})();

data/examples/rails3-example/public/robots.txt

@@ -0,0 +1,5 @@
+# See http://www.robotstxt.org/wc/norobots.html for documentation on how to use the robots.txt file
+#
+# To ban all spiders from the entire site uncomment the next two lines:
+# User-Agent: *
+# Disallow: /

data/examples/rails3-example/script/rails

@@ -0,0 +1,6 @@
+#!/usr/bin/env ruby
+# This command will automatically be run when you run "rails" with Rails 3 gems installed from the root of your application.
+
+APP_PATH = File.expand_path('../../config/application',  __FILE__)
+require File.expand_path('../../config/boot',  __FILE__)
+require 'rails/commands'

data/examples/rails3-example/test/functional/articles_controller_test.rb

@@ -0,0 +1,9 @@
+require 'test_helper'
+
+class ArticlesControllerTest < ActionController::TestCase
+  test "should get show" do
+    get :show
+    assert_response :success
+  end
+
+end

data/examples/rails3-example/test/performance/browsing_test.rb

@@ -0,0 +1,9 @@
+require 'test_helper'
+require 'rails/performance_test_help'
+
+# Profiling results for each test method are written to tmp/performance.
+class BrowsingTest < ActionDispatch::PerformanceTest
+  def test_homepage
+    get '/'
+  end
+end

data/examples/rails3-example/test/test_helper.rb

@@ -0,0 +1,13 @@
+ENV["RAILS_ENV"] = "test"
+require File.expand_path('../../config/environment', __FILE__)
+require 'rails/test_help'
+
+class ActiveSupport::TestCase
+  # Setup all fixtures in test/fixtures/*.(yml|csv) for all tests in alphabetical order.
+  #
+  # Note: You'll currently still have to declare fixtures explicitly in integration tests
+  # -- they do not yet inherit this setting
+  fixtures :all
+
+  # Add more helper methods to be used by all tests here...
+end

data/examples/rails3-example/test/unit/helpers/article_helper_test.rb

@@ -0,0 +1,4 @@
+require 'test_helper'
+
+class ArticleHelperTest < ActionView::TestCase
+end

data/examples/rails3-example/test/unit/helpers/articles_helper_test.rb

@@ -0,0 +1,4 @@
+require 'test_helper'
+
+class ArticlesHelperTest < ActionView::TestCase
+end

data/examples/rails3-example/tmp/pids/server.pid

@@ -0,0 +1 @@
+2689

data/examples/sinatra-example/server.rb

@@ -0,0 +1,4 @@
+require 'rubygems'
+require 'sinatra'
+
+# TODO :)

data/isotope.gemspec

@@ -0,0 +1,32 @@
+# -*- encoding: utf-8 -*-
+
+Gem::Specification.new do |s|
+  s.name = %q{isotope}
+  s.version = "1.0.1"
+
+  s.required_rubygems_version = Gem::Requirement.new(">= 1.2") if s.respond_to? :required_rubygems_version=
+  s.authors = ["Elad Ossadon"]
+  s.cert_chain = ["/Users/Elad/.pem/gem-public_cert.pem"]
+  s.date = %q{2010-10-30}
+  s.description = %q{Isotope provides an easy way to use a signle EJS template on both server and client side}
+  s.email = %q{elad@ossadon.com}
+  s.extra_rdoc_files = ["CHANGELOG.rdoc", "LICENSE", "README.md", "lib/isotope.js", "lib/isotope.rb", "lib/version.rb"]
+  s.files = ["CHANGELOG.rdoc", "Gemfile", "Gemfile.lock", "LICENSE", "Manifest", "README.md", "Rakefile", "examples/rails3-example/Gemfile", "examples/rails3-example/Gemfile.lock", "examples/rails3-example/README", "examples/rails3-example/Rakefile", "examples/rails3-example/app/controllers/application_controller.rb", "examples/rails3-example/app/controllers/articles_controller.rb", "examples/rails3-example/app/helpers/application_helper.rb", "examples/rails3-example/app/helpers/articles_helper.rb", "examples/rails3-example/app/views/articles/article.html.ejs", "examples/rails3-example/app/views/articles/show_client.html.erb", "examples/rails3-example/app/views/articles/show_server_template_in_view.html.erb", "examples/rails3-example/app/views/layouts/application.html.erb", "examples/rails3-example/config.ru", "examples/rails3-example/config/application.rb", "examples/rails3-example/config/boot.rb", "examples/rails3-example/config/database.yml", "examples/rails3-example/config/environment.rb", "examples/rails3-example/config/environments/development.rb", "examples/rails3-example/config/environments/production.rb", "examples/rails3-example/config/environments/test.rb", "examples/rails3-example/config/initializers/backtrace_silencers.rb", "examples/rails3-example/config/initializers/inflections.rb", "examples/rails3-example/config/initializers/mime_types.rb", "examples/rails3-example/config/initializers/secret_token.rb", "examples/rails3-example/config/initializers/session_store.rb", "examples/rails3-example/config/locales/en.yml", "examples/rails3-example/config/routes.rb", "examples/rails3-example/db/development.sqlite3", "examples/rails3-example/db/seeds.rb", "examples/rails3-example/doc/README_FOR_APP", "examples/rails3-example/public/404.html", "examples/rails3-example/public/422.html", "examples/rails3-example/public/500.html", "examples/rails3-example/public/favicon.ico", "examples/rails3-example/public/images/rails.png", "examples/rails3-example/public/index.html", "examples/rails3-example/public/javascripts/application.js", "examples/rails3-example/public/javascripts/controls.js", "examples/rails3-example/public/javascripts/dragdrop.js", "examples/rails3-example/public/javascripts/effects.js", "examples/rails3-example/public/javascripts/isotope.js", "examples/rails3-example/public/javascripts/prototype.js", "examples/rails3-example/public/javascripts/rails.js", "examples/rails3-example/public/robots.txt", "examples/rails3-example/script/rails", "examples/rails3-example/test/functional/articles_controller_test.rb", "examples/rails3-example/test/performance/browsing_test.rb", "examples/rails3-example/test/test_helper.rb", "examples/rails3-example/test/unit/helpers/article_helper_test.rb", "examples/rails3-example/test/unit/helpers/articles_helper_test.rb", "examples/rails3-example/tmp/pids/server.pid", "examples/sinatra-example/server.rb", "isotope.gemspec", "lib/isotope.js", "lib/isotope.rb", "lib/version.rb", "test/article.ejs", "test/isotope_spec.rb"]
+  s.homepage = %q{http://github.com/elado/isotope}
+  s.rdoc_options = ["--line-numbers", "--inline-source", "--title", "Isotope", "--main", "README.md"]
+  s.require_paths = ["lib"]
+  s.rubyforge_project = %q{isotope}
+  s.rubygems_version = %q{1.3.7}
+  s.signing_key = %q{/Users/Elad/.pem/gem-private_key.pem}
+  s.summary = %q{Ruby Hybrid (Server and Client sides) templates}
+
+  if s.respond_to? :specification_version then
+    current_version = Gem::Specification::CURRENT_SPECIFICATION_VERSION
+    s.specification_version = 3
+
+    if Gem::Version.new(Gem::VERSION) >= Gem::Version.new('1.2.0') then
+    else
+    end
+  else
+  end
+end

data/lib/isotope.js

@@ -0,0 +1,53 @@
+// Simple JavaScript Templating
+// John Resig - http://ejohn.org/ - MIT Licensed
+
+(function(){
+  var cache = {};
+  
+  this.Isotope = function tmpl(str, data, options){
+    // Figure out if we're getting a template, or if we need to
+    // load the template - and be sure to cache the result.
+    var fn = cache[str] = cache[str] ||
+
+      // Generate a reusable function that will serve as a template
+      // generator (and which will be cached).
+      new Function("obj",
+        "var p=[],print=function(){p.push.apply(p,arguments);};" +
+        
+        // Introduce the data as local variables using with(){}
+        "with(obj){p.push('" +
+        
+        // Convert the template into pure JavaScript
+        str
+          .replace(/[\r\t\n]/g, " ")
+          .split("<%").join("\t")
+          .replace(/((^|%>)[^\t]*)'/g, "$1\r")
+          .replace(/\t=(.*?)%>/g, "',$1,'")
+          .split("\t").join("');")
+          .split("%>").join("p.push('")
+          .split("\r").join("\\'")
+      + "');}return p.join('');");
+    
+    // Provide some basic currying to the user
+
+	if (data) {
+		options=options || {};
+		
+		if (data instanceof Array) {
+			var s=[];
+			for (var i=0;i<data.length;i++) {
+				var itemObject={};
+				itemObject[options.localName || "item"]=data[i];
+				
+				s.push(fn(itemObject));
+			}
+			return s.join(options.delimeter || "");
+		}
+		else {
+			return fn( data );
+		}
+	}
+
+    return fn;
+  };
+})();

data/lib/isotope.rb

@@ -0,0 +1,75 @@
+require 'rubygems'
+require 'johnson'
+require 'json'
+
+module Isotope
+  @@_template_cache = {}
+  
+  @@cache_templates = true
+  
+  def cache_templates
+    @@cache_templates
+  end
+  
+  def cache_templates=(value)
+    if !value
+      @@_template_cache.clear
+    end
+    
+    @@cache_templates = value
+  end
+  
+  def self.render_partial(view_file, options = {})
+    if options[:collection] && options[:collection].kind_of?(Enumerable)
+      return render_partial_collection(view_file, options)
+    end
+    
+    isotope_file_path = File.join(File.dirname(__FILE__), "isotope.js")
+    
+    view_file_content = template_file_content(view_file)
+
+    script = "
+      Johnson.runtime.load('#{isotope_file_path}');
+      Isotope(#{view_file_content.to_json}, #{options[:locals].to_json});
+    "
+    
+    # puts script
+
+    output = Johnson.evaluate(script)
+    
+    output
+  end
+  
+  def self.render_partial_collection(view_file, options = {})
+    s = []
+    
+    options.delete(:collection).each { |item|
+      item_options = options.dup
+      item_options[:locals] ||= {}
+      item_options[:locals][options[:local_name] || :item] = item
+
+      s << render_partial(view_file, item_options)
+    }
+    
+    s = s.join(options[:delimeter] || "")
+    
+    s
+  end
+
+  def self.render_template(view_file, options = {})
+    options[:id] = "template" unless options[:id]
+
+    view_file_content = template_file_content(view_file)
+    template_string = "<script type=\"text/x-isotope\" id=\"#{options[:id]}\">#{view_file_content}</script>"
+
+    template_string
+  end
+  
+  def self.template_file_content(view_file)
+    if @@cache_templates
+      @@_template_cache[view_file] ||= IO.read(view_file)
+    else
+      IO.read(view_file)
+    end
+  end
+end

data/lib/version.rb

@@ -0,0 +1,9 @@
+module Isotope
+  module VERSION
+    MAJOR = 1
+    MINOR = 0
+    TINY  = 1
+
+    STRING = [MAJOR, MINOR, TINY].join('.')
+  end
+end

data/test/article.ejs

@@ -0,0 +1,11 @@
+<h2><%=item.title%></h2>
+
+<div class="content">
+<%=item.content%>
+</div>
+
+<ul class="tags">
+	<%item.tags.forEach(function (tag) {%>
+	<li><%=tag.name%></li>
+	<%});%>
+</ul>

data/test/isotope_spec.rb

@@ -0,0 +1,103 @@
+require 'rubygems'
+require File.join(File.dirname(__FILE__), '../lib/isotope')
+
+describe Isotope do
+  before :all do
+    @articles = dummy_articles
+    @template_file = File.join(File.dirname(__FILE__), "article.ejs")
+  end
+  
+  it "should output a js template" do
+      s = Isotope.render_template(@template_file, :id => "hello")
+      
+      s.should_not be_nil
+      
+      s.strip.gsub(/\t| {2,}/, "").should eql('
+        <script type="text/x-isotope" id="hello"><h2><%=item.title%></h2>
+
+        <div class="content">
+        <%=item.content%>
+        </div>
+
+        <ul class="tags">
+        	<%item.tags.forEach(function (tag) {%>
+        	<li><%=tag.name%></li>
+        	<%});%>
+        </ul></script>'.strip.gsub(/\t| {2,}/, "")
+      )
+  end
+
+  it "should render articles" do
+    evaluated_content = Isotope.render_partial(@template_file, :locals => { :item => @articles[0] })
+    
+    expected_content = '
+      <h2>Hello!</h2>
+      <div class="content">
+      World!
+      </div>
+      <ul class="tags">
+        <li>tag 1</li>
+        <li>tag 2</li>
+        <li>tag 3</li>
+        <li>tag 4</li>
+      </ul>
+    '
+    # white spaces are not important to equalize
+    evaluated_content.gsub(/\s/, "").should eql(expected_content.gsub(/\s/, ""))
+  end
+  
+  it "should render an array of articles" do
+    evaluated_content = Isotope.render_partial(@template_file, :collection => @articles, :delimeter => "<hr/>")
+
+    expected_content = '
+      <h2>Hello!</h2>
+      <div class="content">
+      World!
+      </div>
+      <ul class="tags">
+        <li>tag 1</li>
+        <li>tag 2</li>
+        <li>tag 3</li>
+        <li>tag 4</li>
+      </ul>
+      <hr/>
+      <h2>Hello 2!</h2>
+      <div class="content">
+      World 2!
+      </div>
+      <ul class="tags">
+        <li>tag 5</li>
+        <li>tag 6</li>
+        <li>tag 7</li>
+        <li>tag 8</li>
+      </ul>
+    '
+
+    evaluated_content.gsub(/\s/, "").should eql(expected_content.gsub(/\s/, ""))
+  end
+end
+
+def dummy_articles
+  [
+    {
+      :title => "Hello!",
+      :content => "World!",
+      :tags => [
+        {:name => "tag 1"},
+        {:name => "tag 2"},
+        {:name => "tag 3"},
+        {:name => "tag 4"}
+      ]
+    },
+    {
+      :title => "Hello 2!",
+      :content => "World 2!",
+      :tags => [
+        {:name => "tag 5"},
+        {:name => "tag 6"},
+        {:name => "tag 7"},
+        {:name => "tag 8"}
+      ]
+    }
+  ]
+end