joosy 0.1.0.RC1

data/lib/rails/generators/joosy/preloader_generator.rb

@@ -0,0 +1,32 @@
+require 'rails/generators/named_base'
+
+module Joosy
+  module Generators
+    class PreloaderGenerator < ::Rails::Generators::NamedBase
+      class_option :template_engine, :type => :string,
+        :desc => "Generate templates for specified engine."
+
+      source_root File.join(File.dirname(__FILE__), 'templates')
+
+      def create_preloader_files
+        unless class_path.empty?
+          puts <<HELP
+Usage: rails generate joosy:preloader joosy_app_name
+HELP
+          exit 1
+        end
+
+        template "app_preloader.js.coffee.erb", "app/assets/javascripts/#{file_name}_preloader.js.coffee.erb"
+
+        empty_directory "app/controllers"
+        template "app_controller.rb", "app/controllers/#{file_name}_controller.rb"
+
+        empty_directory "app/views/layouts"
+        template "preload.html.#{options[:template_engine]}",
+                 "app/views/layouts/#{file_name}.html.#{options[:template_engine]}"
+
+        route "match '#{file_name}' => '#{file_name}#index'"
+      end
+    end
+  end
+end

data/lib/rails/generators/joosy/resource_generator.rb

@@ -0,0 +1,29 @@
+require 'rails/generators/joosy/joosy_base'
+
+module Joosy
+  module Generators
+    class ResourceGenerator < ::Rails::Generators::JoosyBase
+      source_root File.join(File.dirname(__FILE__), 'templates')
+
+      def create_files
+        super
+
+        empty_directory "#{app_path}/resources"
+        template "app/resources/template.js.coffee", "#{app_path}/resources/#{file_name}.js.coffee"
+      end
+
+      protected
+
+      def app_path
+        unless class_path.size == 1
+          puts <<HELP
+Usage: rails generate joosy:resource joosy_app_name/resource_name
+Tip: resource_name is better to be singular
+HELP
+          exit 1
+        end
+        class_path[0]
+      end
+    end
+  end
+end

data/lib/rails/generators/joosy/templates/app.js.coffee

@@ -0,0 +1,10 @@
+#= require hamlcoffee
+#= require joosy
+#
+#= require_tree ./<%= file_name %>/helpers
+#= require_tree ./<%= file_name %>/templates
+#= require_tree ./<%= file_name %>/resources
+#= require_tree ./<%= file_name %>/widgets
+#= require_tree ./<%= file_name %>/layouts
+#= require_tree ./<%= file_name %>/pages
+#= require_tree ./<%= file_name %>

data/lib/rails/generators/joosy/templates/app/helpers/application.js.coffee

@@ -0,0 +1,4 @@
+Joosy.helpers 'Application', ->
+  
+  # helloWorld = (name) ->
+  #   "Hello World, #{name}"

data/lib/rails/generators/joosy/templates/app/layouts/application.js.coffee

@@ -0,0 +1,2 @@
+class @ApplicationLayout extends Joosy.Layout
+  @view 'application'

data/lib/rails/generators/joosy/templates/app/layouts/template.js.coffee

@@ -0,0 +1,2 @@
+class @<%= file_name.camelize %>Layout extends ApplicationLayout
+  @view '<%= file_name %>'

data/lib/rails/generators/joosy/templates/app/pages/application.js.coffee

@@ -0,0 +1 @@
+class @ApplicationPage extends Joosy.Page

data/lib/rails/generators/joosy/templates/app/pages/template.js.coffee

@@ -0,0 +1,5 @@
+Joosy.namespace '<%= namespace_name %>', ->
+
+  class @<%= file_name.camelize %>Page extends ApplicationPage
+    @layout <%= layout_name.camelize %>Layout
+    @view   '<%= file_name %>'

data/lib/rails/generators/joosy/templates/app/pages/welcome/index.js.coffee

@@ -0,0 +1,22 @@
+Joosy.namespace 'Welcome', ->
+
+  class @IndexPage extends ApplicationPage
+    @layout ApplicationLayout
+    @view   'index'
+    
+    @afterLoad ->
+      @startHeartbeat()
+      @content.css 
+        'padding-top': "#{$(window).height() / 2 - 160}px"
+    
+    elements:
+      content: '#content'
+      joosy:   '.joosy'
+
+    events:
+      'mouseover $joosy': -> clearInterval @heartbeat
+      'mouseout $joosy': 'startHeartbeat'
+      
+    startHeartbeat: ->
+      @heartbeat = @setInterval 1500, =>
+        @joosy.animate({opacity: 0.8}, 300).animate({opacity: 1}, 300)

data/lib/rails/generators/joosy/templates/app/resources/template.js.coffee

@@ -0,0 +1,2 @@
+class @<%= file_name.camelize %>Resource extends Joosy.Resource.REST
+  @entity '<%= file_name %>'

data/lib/rails/generators/joosy/templates/app/routes.js.coffee

@@ -0,0 +1,8 @@
+Joosy.Router.map
+  404             : (path) -> alert "Page '#{path}' was not found :("
+  '/'             : Welcome.IndexPage
+# '/resources'    :
+#   '/'           : Resource.IndexPage
+#   '/:id'        : Resource.ShowPage
+#   '/:id/edit'   : Resource.EditPage
+#   '/new'        : Resource.EditPage

data/lib/rails/generators/joosy/templates/app/templates/layouts/application.jst.hamlc

@@ -0,0 +1,2 @@
+#page{:style => 'font-family: "Lucida Grande", "Verdana"; text-align: center'}
+  .content{:id => @yield()}

data/lib/rails/generators/joosy/templates/app/templates/pages/welcome/index.jst.hamlc

@@ -0,0 +1,7 @@
+#wrapper
+  #content
+    %h1 Welcome aboard
+    %h2{:style => 'margin-bottom: 30px'} You’re still riding Ruby on Rails.
+    .joosy{:style => 'background: #F71; border-radius: 10px; width: 250px; display: inline-block'}
+      %div{:style => 'color: #FFF; padding: 10px;'}
+        But it's so joosy this time!

data/lib/rails/generators/joosy/templates/app/widgets/template.js.coffee

@@ -0,0 +1,2 @@
+class @<%= file_name.camelize %>Widget extends Joosy.Widget
+  @view '<%= file_name %>'

data/lib/rails/generators/joosy/templates/app_controller.rb

@@ -0,0 +1,9 @@
+<% module_namespacing do -%>
+class <%= class_name %>Controller < ApplicationController
+  helper 'joosy/sprockets'
+
+  def index
+    render nothing: true, layout: '<%= file_path %>'
+  end
+end
+<% end -%>

data/lib/rails/generators/joosy/templates/app_preloader.js.coffee.erb

@@ -0,0 +1,13 @@
+<%= "<%= require_joosy_preloader_for '" %><%= file_name %><%= "', preloader: 'caching', force: false %" + ">" %>
+
+bootstrap = ->
+  $('#preloader').remove()
+  Joosy.Application.initialize '<%= file_name %>','#application',
+    environment: window.joosy.environment
+    debug: false
+
+window.onload = ->
+  Preloader.load window.joosy.libraries,
+    complete: bootstrap
+    start: -> document.getElementById('preloader').style.display = 'block'
+    progress: (percent) -> document.getElementById('percents').innerHTML = percent + '%'

data/lib/rails/generators/joosy/templates/preload.html.erb

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title><%= file_path %></title>
+
+    <script type="text/javascript">
+      window.joosy = {
+        libraries: <%= "<%= extract_sources_and_sizes_from_include_tag('#{file_path}') %"+">" %>,
+        environment: '<%= "<%= Rails.env.to_s %"+">" %>'
+      };
+    </script>
+
+    <%= "<%= stylesheet_link_tag 'application' %"+">" %>
+    <%= "<%= csrf_meta_tags %"+">" %>
+  </head>
+
+  <body>
+    <%= "<%= javascript_include_tag '#{file_path}_preloader' %"+">" %>
+    <div id="application">
+      <div id="preloader">
+        Loading application...
+        <span id="percents">0%</span>
+      </div>
+    </div>
+  </body>
+</html>

data/lib/rails/generators/joosy/templates/preload.html.haml

@@ -0,0 +1,19 @@
+!!! 5
+%html
+  %head
+    %title> <%= file_path %>
+
+    javascript:
+      window.preload = {
+        libraries: #{extract_sources_and_sizes_from_include_tag('<%= file_path %>')}
+      };
+
+    = stylesheet_link_tag 'application'
+    = csrf_meta_tags
+
+  %body
+    = javascript_include_tag '<%= file_path %>_preloader'
+    #application
+      #preloader
+        Loading application...
+        %span#percents 0%

data/lib/rails/generators/joosy/widget_generator.rb

@@ -0,0 +1,32 @@
+require 'rails/generators/joosy/joosy_base'
+
+module Joosy
+  module Generators
+    class WidgetGenerator < ::Rails::Generators::JoosyBase
+      source_root File.join(File.dirname(__FILE__), 'templates')
+
+      def create_files
+        super
+
+        empty_directory "#{app_path}/widgets"
+        template "app/widgets/template.js.coffee", "#{app_path}/widgets/#{file_name}.js.coffee"
+
+        empty_directory "#{app_path}/templates/widgets"
+        create_file "#{app_path}/templates/widgets/#{file_name}.jst.#{options[:template_kind]}"
+      end
+
+      protected
+
+      def app_path
+        unless class_path.size == 1
+          puts <<HELP
+Usage: rails generate joosy:widget joosy_app_name/widget_name
+Tip: do not add Widget suffix to widget_name
+HELP
+          exit 1
+        end
+        class_path[0]
+      end
+    end
+  end
+end

data/spec/javascripts/helpers/spec_helper.js.coffee

@@ -0,0 +1,44 @@
+beforeEach ->
+  window.JST = {}
+  $('body').append('<div id="ground">')
+  @ground = $('body #ground')
+  @seedGround = ->
+    @ground.html('
+      <div id="application" class="application">
+        <div id="header" class="header" />
+        <div id="wrapper" class="wrapper">
+          <div id="content" class="content">
+            <div id="post1" class="post" />
+            <div id="post2" class="post" />
+            <div id="post3" class="post" />
+          </div>
+          <div id="sidebar" class="sidebar">
+            <div id="widget1" class="widget" />
+            <div id="widget2" class="widget" />
+          </div>
+        </div>
+        <div id="footer" class="footer" />
+      </div>
+    ')
+  @addMatchers
+    toBeSequenced: () ->
+      if !Object.isArray(@actual) || @actual.length == 0
+        console.log 'toBeSequenced: not array or empty array given'
+        return false
+      i = 0
+      for spy in @actual
+        unless spy.callCount == 1
+          console.log "toBeSequenced: spy ##{i} was called #{spy.callCount} times"
+          return false
+        i++
+      if @actual.length > 1
+        for spy in @actual.from(1)
+          i = @actual.indexOf spy
+          previous = @actual[i - 1]
+          unless spy.calledAfter previous
+            console.log "toBeSequenced: spy ##{i} wasn't called after spy ##{i - 1}"
+            return false
+      return true
+
+afterEach ->
+  @ground.remove() unless @polluteGround

data/spec/javascripts/joosy/core/application_spec.js.coffee

@@ -0,0 +1,40 @@
+describe "Joosy.Application", ->
+
+  beforeEach ->
+    sinon.stub(Joosy.Router, "setupRoutes")
+    @seedGround()
+
+  afterEach ->
+    Joosy.Router.setupRoutes.restore()
+
+  it "should initialize", ->
+    Joosy.Application.initialize 'app', '#application'
+    expect(Joosy.Application.page).toBeUndefined()
+    expect(Joosy.Application.selector).toEqual '#application'
+    expect(Joosy.Application.sandboxSelector).toMatch /#[0-9A-F]{8}-[0-9A-F]{4}-4[0-9A-F]{3}-[0-9A-F]{4}-[0-9A-F]{12}/
+    expect($(Joosy.Application.sandboxSelector).length).toEqual 1
+    expect(Joosy.Router.setupRoutes.callCount).toEqual 1
+    expect(Joosy.Application.name).toEqual 'app'
+
+  it "should set container", ->
+    expect(Joosy.Application.content()).toEqual $('#application')
+
+  it "should properly initialize and save pages", ->
+    spy = sinon.spy()
+    class Page1
+      constructor: spy
+    class Page2
+      constructor: spy
+
+    Joosy.Application.setCurrentPage(Page1, {foo: 'bar'})
+
+    expect(Joosy.Application.page instanceof Page1).toBeTruthy()
+    expect(spy.callCount).toEqual 1
+    expect(spy.args[0]).toEqual [{foo: 'bar'}, undefined]
+
+    Joosy.Application.setCurrentPage(Page2, {bar: 'baz'})
+
+    expect(Joosy.Application.page instanceof Page2).toBeTruthy()
+    expect(spy.callCount).toEqual 2
+    expect(spy.args[1][0]).toEqual {bar: 'baz'}
+    expect(spy.args[1][1] instanceof Page1).toBeTruthy()

data/spec/javascripts/joosy/core/form_spec.js.coffee

@@ -0,0 +1,141 @@
+describe "Joosy.Form", ->
+
+  beforeEach ->
+    @server = sinon.fakeServer.create()
+    @seedGround()
+    @nudeForm = "<form id='nude'><input name='test[foo]'/><input name='test[bar]'/></form>"
+    @putForm  = "<form id='put' method='put'><input name='test[camel_baz]'/></form>"
+    @moreForm = "<form id='more' method='put'><input name='test[ololo]'/></form>"
+
+    @ground.find('#sidebar').after(@nudeForm).after(@putForm).after(@moreForm)
+
+    @nudeForm = $('#nude')
+    @putForm  = $('#put')
+    @moreForm = $('#more')
+
+    class Test extends Joosy.Resource.REST
+      @entity 'test'
+
+    @resource = Test.create
+      foo: 'foo',
+      bar: 'bar'
+      camelBaz: 'baz'
+
+  afterEach ->
+    @server.restore()
+
+  describe "Initialization", ->
+
+    beforeEach ->
+      @spy = sinon.spy $.fn, 'ajaxForm'
+
+    afterEach ->
+      @spy.restore()
+
+    it "should properly act with options", ->
+      formWithProperties = new Joosy.Form @nudeForm, invalidationClass: 'fluffy'
+      expect(formWithProperties.container).toEqual @nudeForm
+      expect(formWithProperties.invalidationClass).toEqual 'fluffy'
+      expect(formWithProperties.fields.length).toEqual 2
+
+      expect(@spy.callCount).toEqual 1
+
+    it "should properly act with callback", ->
+      formWithCallback = new Joosy.Form @putForm, callback=sinon.spy()
+      expect(formWithCallback.container).toEqual @putForm
+      expect(formWithCallback.invalidationClass).toEqual 'field_with_errors'
+      expect(formWithCallback.success).toBe callback
+      expect(formWithCallback.fields.length).toEqual 1
+
+      expect(@spy.callCount).toEqual 1
+
+    it "should hijack form method if it differs from POST/GET", ->
+      form   = new Joosy.Form @putForm, callback=sinon.spy()
+      marker = @putForm.find "input[type=hidden]"
+      expect(@putForm.attr('method')?.toLowerCase()).toEqual 'post'
+      expect(marker.attr 'name').toEqual '_method'
+      expect(marker.attr 'value').toEqual 'put'
+
+  describe "Filling", ->
+
+    beforeEach ->
+      @nudeForm = new Joosy.Form @nudeForm
+      @putForm  = new Joosy.Form @putForm
+      @moreForm = new Joosy.Form @moreForm
+
+    it "should fill form and set propert action and method", ->
+      @nudeForm.fill @resource
+      expect(@nudeForm.fields[0].value).toEqual 'foo'
+      expect(@nudeForm.fields[1].value).toEqual 'bar'
+      expect(@nudeForm.container.attr('method').toLowerCase()).toEqual 'post'
+      expect(@nudeForm.container.attr 'action').toEqual '/tests/'
+
+    it "should fill form with camelized properties", ->
+      @putForm.fill @resource
+      expect(@putForm.fields[0].value).toEqual 'baz'
+      expect(@putForm.container.attr('method').toLowerCase()).toEqual 'post'
+      expect(@putForm.container.attr 'action').toEqual '/tests/'
+
+    it "should fill form with decorator", ->
+      @moreForm.fill @resource, (e) ->
+        e.ololo = e.camelBaz
+        e
+      expect(@moreForm.fields[0].value).toEqual 'baz'
+
+  describe "Callbacks", ->
+    beforeEach ->
+      @nudeForm = new Joosy.Form @nudeForm, @spy=sinon.spy()
+      @nudeForm.fill @resource
+      @nudeForm.container.submit()
+      @target = @server.requests.last()
+
+    it "should trigger 'success'", ->
+      expect(@target.method).toEqual 'POST'
+      expect(@target.url).toEqual '/tests/'
+      @target.respond 200, 'Content-Type': 'application/json', '{"form": "works"}'
+      expect(@spy.callCount).toEqual 1
+      expect(@spy.args[0][0]).toEqual {form: 'works'}
+
+    it "should fill class for invalidated fields by default", ->
+      @target.respond 422, 'Content-Type': 'application/json', '{"test[foo]": "error!"}'
+      expect($(@nudeForm.fields[0]).attr 'class').toEqual 'field_with_errors'
+
+    it "should trigger 'error' and complete default action if it returned true", ->
+      @nudeForm.error = sinon.spy ->
+        true
+      @target.respond 422, 'Content-Type': 'application/json', '{"test[foo]": "error!"}'
+      expect($(@nudeForm.fields[0]).attr 'class').toEqual 'field_with_errors'
+      expect(@nudeForm.error.callCount).toEqual 1
+      expect(@nudeForm.error.args[0][0]).toEqual Object.extended
+        "test[foo]": "error!"
+
+    it "should trigger 'error' and skip default action if it returned false", ->
+      @nudeForm.error = sinon.spy ->
+        false
+      @target.respond 422, 'Content-Type': 'application/json', '{"test[foo]": "error!"}'
+      expect($(@nudeForm.fields[0]).attr 'class').toNotEqual 'field_with_errors'
+      expect(@nudeForm.error.callCount).toEqual 1
+
+    it "should clear fields before another submit", ->
+      @target.respond 422, 'Content-Type': 'application/json', '{"test[foo]": "error!"}'
+      expect($(@nudeForm.fields[0]).attr 'class').toEqual 'field_with_errors'
+      @nudeForm.container.submit()
+      expect($(@nudeForm.fields[0]).attr 'class').toNotEqual 'field_with_errors'
+
+    it "should trigger 'before' and do default action if it returns true", ->
+      @target.respond 422, 'Content-Type': 'application/json', '{"test[foo]": "error!"}'
+      expect($(@nudeForm.fields[0]).attr 'class').toEqual 'field_with_errors'
+      @nudeForm.before = sinon.spy ->
+        true
+      @nudeForm.container.submit()
+      expect($(@nudeForm.fields[0]).attr 'class').toNotEqual 'field_with_errors'
+      expect(@nudeForm.before.callCount).toEqual 1
+
+    it "should trigger 'before' and skip default action if it returns false", ->
+      @target.respond 422, 'Content-Type': 'application/json', '{"test[foo]": "error!"}'
+      expect($(@nudeForm.fields[0]).attr 'class').toEqual 'field_with_errors'
+      @nudeForm.before = sinon.spy ->
+        false
+      @nudeForm.container.submit()
+      expect($(@nudeForm.fields[0]).attr 'class').toEqual 'field_with_errors'
+      expect(@nudeForm.before.callCount).toEqual 1