observejs 0.0.5 → 0.0.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: bd073a5b83f32fad3ad67963494c19805dd4c864
-  data.tar.gz: 5a806556aa26a32d44702cce679be4cf4ef58851
+  metadata.gz: 34f7e2b0d3b0c92e4a99b441e4e47ef15ad3744c
+  data.tar.gz: 0b4ca8788f5915d2b925d68a1131560315195865
 SHA512:
-  metadata.gz: 3fa57f1031876da0bad348dcb068992fdfb9b5fc51fb990356134356d787456b8abbfb14467e2f39ad83b140cc6e6954f6ffdb238e831080ad521068c5fc53f6
-  data.tar.gz: 3712714f8ef1bb3279e1cf00aa2d3ce9ae2c9b41b95c89bf31d2d72b27cff251faafa97ca01b0e1ac41ea8c22181c814563ed196c5b445b320ed22c577ee0f59
+  metadata.gz: 3f74f38db3a194c310dc5dcfa10996fbf2d68691ee288ff62b1247508fecd2a2e261d74ae8d803e7a3645a4973f55899249d1baa61b4508bca4b72bcd090b982
+  data.tar.gz: c2eb85285421fdf3ef7e5b24c559e4967a5e090ee93d1f1a5a53890237f14c54ae1091ac63ae83c28bae6ec8205f451cabf8398f5a0da44860aaa1beff9ea815

data/.gitignore

@@ -6,6 +6,7 @@
 /doc/
 /pkg/
 /spec/reports/
+db/
 tmp
 *.gem
 *.bundle

data/README.md

@@ -1,4 +1,4 @@
-# JointJS
+# ObserveJS
 
 Event based JavaScript framework tailored made for Ruby on rails.
 
@@ -7,17 +7,17 @@ Event based JavaScript framework tailored made for Ruby on rails.
 Add this line to your application's Gemfile:
 
 ```ruby
-gem 'jointjs'
+gem 'observejs'
 ```
 
 Then add this line to application.js
 
 ```js
-//= require 'joint'
+//= require 'observejs'
 ```
 ## Usage
 
-JointJSe is an event based framework that manages the life cycle of JavaScript objects. Here's a simple Todo where you can dynamically add/remove items on the list.
+ObserveJS is an event based framework that manages the life cycle of JavaScript objects. Here's a simple Todo where you can dynamically add/remove items on the list.
 
 ```erb
 <!-- views/todos/index.html.erb -->
@@ -28,7 +28,7 @@ JointJSe is an event based framework that manages the life cycle of JavaScript o
 
 ```coffee
 # assets/javascripts/todos/list.js.coffee 
-Joint.bind 'Todo.List', class
+ObserveJS.bind 'Todo.List', class
   # @element() always return the element to which your object is bound.
 
   loaded: =>
@@ -57,9 +57,9 @@ Some notes:
 
 - Automatic instantiation. No need to wrap things in DOMContentReady anymore.
 - Events are built following the "controller:action" pattern.
-- A callback (@loaded) is called right after JointJS has instantiated an object.
+- A callback (@loaded) is called right after ObserveJS has instantiated an object.
 - In *.js.erb, an event is created. You can set HTML to the event object.
 - To ease the process, a toHTML() method has been added to the String object (JS).
-- You need to register any class you create through the ```Joint.bind 'name', Class```. The name is the attribute you set in your DOM.
+- You need to register any class you create through the ```ObserveJS.bind 'name', Class```. The name is the attribute you set in your DOM.
 
 

data/Rakefile

@@ -1,3 +1,3 @@
 require File.expand_path('../test/application', __FILE__)
 
-JointTest::Application.load_tasks
+ObserveJSTest::Application.load_tasks

data/lib/observejs/app/assets/javascripts/observejs/base.js.coffee

@@ -0,0 +1,28 @@
+class ObserveJS
+  attributeName: 'as'
+
+  constructor: ->
+    @cache = {}
+
+  initialize: =>
+    event = new CustomEvent('observejs:loaded')
+    document.dispatchEvent(event)
+
+  isDOM: (el) ->
+    el instanceof HTMLDocument ||
+    el instanceof HTMLElement
+
+  bind: (name, kls) =>
+    @cache[name] = kls
+
+    kls.prototype.template = () ->
+      tmpl = @element().querySelector("template[for='#{name}']")
+      unless tmpl?
+        throw "Template Error: Couldn't find a template matching #{name}"
+        return
+      tmpl
+
+    kls.prototype.retrieve = (selector) ->
+      @element().querySelector(selector) || @template().content.querySelector(selector).cloneNode(true)
+
+window.ObserveJS = new ObserveJS()

data/lib/{jointjs/app/assets/javascripts/joint → observejs/app/assets/javascripts/observejs}/creator.js.coffee

@@ -1,19 +1,20 @@
 class Creator
 
   update: (el) =>
-    model = el.getAttribute(Joint.attributeName)
+    model = el.getAttribute(ObserveJS.attributeName)
     if model?
       @create(el, model)
     else
       @destroy(el)
 
   create: (el) =>
-    model = el.getAttribute(Joint.attributeName)
-    if Joint.cache[model]?
+    model = el.getAttribute(ObserveJS.attributeName)
+    if ObserveJS.cache[model]?
       if el.instance?
+        el.loaded()
         return
 
-      el.instance = new Joint.cache[model](el)
+      el.instance = new ObserveJS.cache[model](el)
 
       el.instance.element = ->
         el
@@ -32,10 +33,10 @@ class Creator
         el.instance.loaded()
 
     else
-      throw "error: #{model} is not registered. Add your model with Joint.Models.add(#{model})"
+      throw "error: #{model} is not registered. Add your model with ObserveJS.Models.add(#{model})"
 
   destroy: (el) =>
     el.instance.on.events?.forEach (event) ->
       event[1].removeEventListener(event[0], event[2])
 
-@Joint.Creator = new Creator()
+@ObserveJS.Creator = new Creator()

data/lib/observejs/app/assets/javascripts/observejs/watcher.js.coffee

@@ -0,0 +1,49 @@
+class Watcher
+  constructor: ->
+    document.addEventListener('observejs:loaded', @start)
+
+  start: =>
+    @observer = new MutationObserver(@observed)
+    @observer.observe(document, {
+      attributes: true,
+      subtree: true,
+      childList: true,
+      attributeFilter: [ObserveJS.attributeName],
+      characterData: true
+    })
+
+    @inspect(document)
+
+  observed: (mutations) =>
+    mutations.forEach (mutation) =>
+      if mutation.type == 'attributes'
+        ObserveJS.Creator.update(mutation.target)
+      else
+        @add(mutation.addedNodes)
+        @destroy(mutation.removedNodes)
+
+
+  add: (nodes) =>
+    for node in nodes
+      continue unless ObserveJS.isDOM(node)
+      if node.hasAttribute(ObserveJS.attributeName)
+        ObserveJS.Creator.create(node, node.getAttribute(ObserveJS.attributeName))
+
+      for child in node.querySelectorAll("[#{ObserveJS.attributeName}]")
+        ObserveJS.Creator.create(child, child.getAttribute(ObserveJS.attributeName))
+
+  destroy: (nodes) =>
+    for node in nodes
+      continue unless ObserveJS.isDOM(node)
+      if node.hasAttribute(ObserveJS.attributeName)
+        ObserveJS.Creator.destroy(node)
+
+      for child in node.querySelectorAll("[#{ObserveJS.attributeName}]")
+        ObserveJS.Creator.destroy(child)
+
+  inspect: (node) ->
+    if ObserveJS.isDOM(node)
+      found = node.querySelectorAll("[#{ObserveJS.attributeName}]")
+      ObserveJS.Creator.create(el) for el in found
+
+@ObserveJS.Watcher = new Watcher()

data/lib/{jointjs/app/assets/javascripts/joint → observejs/app/assets/javascripts/observejs}/xhr.js.coffee

@@ -31,13 +31,31 @@ class XHRData
 
     formData
 
-class XHR
-  script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
-
-  @completed: (e) ->
+class Response
+  constructor: (@xhr) ->
+    @xhr.request.addEventListener 'load', @process
+    @xhr.request.addEventListener 'error', @failure
+    @xhr.request.addEventListener 'abort', @failure
+
+  process: (e) =>
+    if e.target.status >= 200 && e.target.status < 300
+      @success(e)
+    else
+      @failure(e)
+
+  success: (e) =>
     if e.target.responseText.length > 1
       eval(e.target.responseText)(e.target.element)
 
+  failure: (e) =>
+    event = new CustomEvent("ObserveJS:XHR:Failed", {bubbles: true})
+    event.response = e
+    @xhr.request.element.dispatchEvent(event)
+
+
+class XHR
+  script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
+
   @send: (el) ->
 
     xhr = new XHR(el)
@@ -48,7 +66,7 @@ class XHR
     @data = new XHRData(el)
     @request = new XMLHttpRequest()
     @request.element = el
-    @request.addEventListener 'load', XHR.completed
+    @response = new Response(this)
 
     @method = el.getAttribute('method') || 'GET'
 
@@ -82,7 +100,7 @@ class XHR
     @request.send(@data.serialize())
 
 
-Joint.XHR = XHR
+ObserveJS.XHR = XHR
 
 document.addEventListener 'submit', (e) =>
   if e.target.getAttribute('disabled')? || e.target.dataset['remote'] != 'true'
@@ -107,4 +125,3 @@ document.addEventListener 'click', (e) =>
 
   e.preventDefault()
   return false
-

data/lib/observejs/app/assets/javascripts/observejs.js.coffee

@@ -0,0 +1,11 @@
+#= require 'observejs/ext'
+#= require 'observejs/base'
+#= require 'observejs/watcher'
+#= require 'observejs/creator'
+#= require 'observejs/xhr'
+
+if document.readyState == 'complete'
+  window.ObserveJS.initialize()
+else
+  document.addEventListener 'DOMContentLoaded', ->
+    window.ObserveJS.initialize()

data/lib/{jointjs → observejs}/railtie.rb

@@ -1,6 +1,6 @@
-module JointJS
+module ObserveJS
   class Railtie < Rails::Railtie
-    initializer 'joint.assets.paths', before: :add_view_paths do |app|
+    initializer 'observejs.assets.paths', before: :add_view_paths do |app|
       app.paths['vendor/assets'] << File.dirname(__FILE__) + '/app/assets/'
       app.paths['app/views'] << File.dirname(__FILE__) + '/app/views/'
     end

data/lib/observejs/version.rb

@@ -0,0 +1,3 @@
+module ObserveJS
+  VERSION = "0.0.7"
+end

data/lib/observejs.rb

@@ -0,0 +1,5 @@
+require "observejs/version"
+
+module ObserveJS
+  require 'observejs/railtie'
+end

data/{jointjs.gemspec → observejs.gemspec}

@@ -1,11 +1,11 @@
 # coding: utf-8
 lib = File.expand_path('../lib', __FILE__)
 $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
-require 'jointjs/version'
+require 'observejs/version'
 
 Gem::Specification.new do |spec|
   spec.name          = "observejs"
-  spec.version       = JointJS::VERSION
+  spec.version       = ObserveJS::VERSION
   spec.authors       = ["Pier-Olivier Thibault"]
   spec.email         = ["pothibo@gmail.com"]
   spec.summary       = %q{Event based JavaScript framework tailored for Ruby on rails.}

data/test/Gemfile

@@ -12,7 +12,7 @@ gem 'jbuilder', '~> 2.0'
 
 path = Pathname.new(__FILE__) + '..'
 
-gem 'jointjs', path: path.dirname
+gem 'observejs', path: path.dirname
 
 group :development, :test do
   # Call 'byebug' anywhere in the code to stop execution and get a debugger console
@@ -24,4 +24,3 @@ group :development, :test do
   # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
   gem 'spring'
 end
-

data/test/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
-  remote: /Users/pothibo/Develop/jointjs
+  remote: /Users/pothibo/Develop/observejs
   specs:
-    jointjs (0.0.4)
+    observejs (0.0.6)
 
 GEM
   remote: https://rubygems.org/
@@ -153,8 +153,8 @@ DEPENDENCIES
   byebug
   coffee-rails (~> 4.1.0)
   jbuilder (~> 2.0)
-  jointjs!
   jquery-rails
+  observejs!
   rails (= 4.2.0)
   sass-rails (~> 5.0)
   spring

data/test/app/assets/javascripts/application.js

@@ -1,4 +1,4 @@
-//= require joint
+//= require observejs
 //= require list
 //= require item
 //= require_tree ./tests

data/test/app/assets/javascripts/item.js.coffee

@@ -1,2 +1,2 @@
-Joint.bind 'List.Item', ->
+ObserveJS.bind 'List.Item', class
   loaded: ->

data/test/app/assets/javascripts/list.js.coffee

@@ -1,4 +1,4 @@
-Joint.bind 'List', class
+ObserveJS.bind 'List', class
   loaded: ->
     @on 'todos:create', document, @append
 

data/test/app/assets/javascripts/tests/instances.js.coffee

@@ -11,7 +11,6 @@ document.addEventListener 'readystatechange', (e) ->
     document.querySelector('ol.test.items').appendChild(li)
     assert.ok count + 1 == document.querySelectorAll("li[as='List.Item']").length, "Should instantiate a new instance for the new item"
     li.remove()
-  
-  event = new CustomEvent('QUnit:Joint:Initialized')
-  document.dispatchEvent(event)
 
+  event = new CustomEvent('QUnit:ObserveJS:Initialized')
+  document.dispatchEvent(event)

data/test/app/assets/javascripts/tests/template.js.coffee

@@ -0,0 +1,11 @@
+document.addEventListener 'readystatechange', (e) ->
+  return unless document.readyState == 'complete'
+  QUnit.test 'Should return a template bound to the class', (assert) ->
+    elements = document.querySelectorAll("li[as='List.Item']")
+
+    list = document.querySelector("[as='List']")
+    assert.ok list.instance.template() instanceof HTMLTemplateElement, "Should have a template associated with the List"
+
+    for li in elements
+      assert.throws li.instance.template, "No template should be found for those list element."
+

data/test/app/assets/javascripts/tests/xhr.js.coffee

@@ -1,4 +1,4 @@
-document.addEventListener 'QUnit:Joint:Initialized', ->
+document.addEventListener 'QUnit:ObserveJS:Initialized', ->
   QUnit.test 'Send an AJAX for any element that has a href attribute', (assert) ->
     el = document.querySelector("li[as='List.Item']")
     assert.ok(true)
@@ -9,11 +9,22 @@ document.addEventListener 'QUnit:Joint:Initialized', ->
     form = NewTodo
     form.querySelector('#todo_title').value = "Creating a new todo"
 
-    xhr = Joint.XHR.send(form)
+    xhr = ObserveJS.XHR.send(form)
     xhr.request.addEventListener 'load', (r) ->
       assert.equal(r.target.status, 200)
       passed()
 
+  QUnit.test 'Failed AJAX will emit and event', (assert) ->
+    passed = assert.async()
+
+    form = NewTodo.cloneNode(true)
+
+    form.addEventListener 'ObserveJS:XHR:Failed', (e) ->
+      assert.equal(form, e.response.target.element)
+      passed()
+
+    form.setAttribute('action', 'http://error.domain.cyz')
+    ObserveJS.XHR.send(form)
 
 
   QUnit.test 'If a form data is passed and the request is GET, hardcode the params in the URL', (assert) ->

data/test/app/assets/stylesheets/application.css.scss

@@ -0,0 +1,3 @@
+article {
+  display: none;
+}

data/test/app/views/layouts/application.html.erb

@@ -3,6 +3,7 @@
   <head>
     <title>JointJS Test Suite</title>
      <link rel="stylesheet" href="//code.jquery.com/qunit/qunit-1.16.0.css">
+    <%= stylesheet_link_tag "application", "data-turbolinks-track" => true %>
     <%= javascript_include_tag "application", 'http://code.jquery.com/qunit/qunit-1.16.0.js', "data-turbolinks-track" => true %>
     <%= csrf_meta_tags %>
   </head>

data/test/app/views/todos/index.html.erb

@@ -7,5 +7,8 @@
     <% @todos.each do |todo| %>
       <%= render todo %>
     <% end %>
+    <template for='List'>
+    </template>
   </ol>
+
 </article>

data/test/config/application.rb

@@ -6,7 +6,7 @@ require 'rails/all'
 # you've limited to :test, :development, or :production.
 Bundler.require(*Rails.groups)
 
-module JointTest
+module ObserveJSTest
   class Application < Rails::Application
     # Settings in config/environments/* take precedence over those specified here.
     # Application configuration should go into files in config/initializers

data/test/config/routes.rb

@@ -1,4 +1,4 @@
-JointTest::Application.routes.draw do
+ObserveJSTest::Application.routes.draw do
   resources :todos
   root to: 'todos#index'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: observejs
 version: !ruby/object:Gem::Version
-  version: 0.0.5
+  version: 0.0.7
 platform: ruby
 authors:
 - Pier-Olivier Thibault
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-17 00:00:00.000000000 Z
+date: 2015-08-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -78,17 +78,17 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
-- jointjs.gemspec
-- lib/jointjs.rb
-- lib/jointjs/app/assets/javascripts/joint.js.coffee
-- lib/jointjs/app/assets/javascripts/joint/base.js.coffee
-- lib/jointjs/app/assets/javascripts/joint/creator.js.coffee
-- lib/jointjs/app/assets/javascripts/joint/ext.js.coffee
-- lib/jointjs/app/assets/javascripts/joint/watcher.js.coffee
-- lib/jointjs/app/assets/javascripts/joint/xhr.js.coffee
-- lib/jointjs/app/views/layouts/application.js.erb
-- lib/jointjs/railtie.rb
-- lib/jointjs/version.rb
+- lib/observejs.rb
+- lib/observejs/app/assets/javascripts/observejs.js.coffee
+- lib/observejs/app/assets/javascripts/observejs/base.js.coffee
+- lib/observejs/app/assets/javascripts/observejs/creator.js.coffee
+- lib/observejs/app/assets/javascripts/observejs/ext.js.coffee
+- lib/observejs/app/assets/javascripts/observejs/watcher.js.coffee
+- lib/observejs/app/assets/javascripts/observejs/xhr.js.coffee
+- lib/observejs/app/views/layouts/application.js.erb
+- lib/observejs/railtie.rb
+- lib/observejs/version.rb
+- observejs.gemspec
 - test/Gemfile
 - test/Gemfile.lock
 - test/README.rdoc
@@ -97,7 +97,9 @@ files:
 - test/app/assets/javascripts/item.js.coffee
 - test/app/assets/javascripts/list.js.coffee
 - test/app/assets/javascripts/tests/instances.js.coffee
+- test/app/assets/javascripts/tests/template.js.coffee
 - test/app/assets/javascripts/tests/xhr.js.coffee
+- test/app/assets/stylesheets/application.css.scss
 - test/app/controllers/todos_controller.rb
 - test/app/models/todo.rb
 - test/app/views/layouts/application.html.erb
@@ -128,7 +130,6 @@ files:
 - test/config/locales/en.yml
 - test/config/routes.rb
 - test/config/secrets.yml
-- test/db/joint_test
 - test/db/migrate/20150106151240_create_todos.rb
 - test/db/schema.rb
 - test/db/seeds.rb
@@ -153,7 +154,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.2.2
+rubygems_version: 2.4.5
 signing_key: 
 specification_version: 4
 summary: Event based JavaScript framework tailored for Ruby on rails.
@@ -166,7 +167,9 @@ test_files:
 - test/app/assets/javascripts/item.js.coffee
 - test/app/assets/javascripts/list.js.coffee
 - test/app/assets/javascripts/tests/instances.js.coffee
+- test/app/assets/javascripts/tests/template.js.coffee
 - test/app/assets/javascripts/tests/xhr.js.coffee
+- test/app/assets/stylesheets/application.css.scss
 - test/app/controllers/todos_controller.rb
 - test/app/models/todo.rb
 - test/app/views/layouts/application.html.erb
@@ -197,7 +200,6 @@ test_files:
 - test/config/locales/en.yml
 - test/config/routes.rb
 - test/config/secrets.yml
-- test/db/joint_test
 - test/db/migrate/20150106151240_create_todos.rb
 - test/db/schema.rb
 - test/db/seeds.rb

data/lib/jointjs/app/assets/javascripts/joint/base.js.coffee

@@ -1,18 +0,0 @@
-class Joint
-  attributeName: 'as'
-
-  constructor: ->
-    @cache = {}
-
-  initialize: =>
-    event = new CustomEvent('joint:loaded')
-    document.dispatchEvent(event)
-
-  isDOM: (el) ->
-    el instanceof HTMLDocument ||
-    el instanceof HTMLElement
-
-  bind: (name, kls) =>
-    @cache[name] = kls
-
-window.Joint = new Joint()

data/lib/jointjs/app/assets/javascripts/joint/watcher.js.coffee

@@ -1,49 +0,0 @@
-class Watcher
-  constructor: ->
-    document.addEventListener('joint:loaded', @start)
-
-  start: =>
-    @observer = new MutationObserver(@observed)
-    @observer.observe(document, {
-      attributes: true,
-      subtree: true,
-      childList: true,
-      attributeFilter: [Joint.attributeName],
-      characterData: true
-    })
-
-    @inspect(document)
-
-  observed: (mutations) =>
-    mutations.forEach (mutation) =>
-      if mutation.type == 'attributes'
-        Joint.Creator.update(target)
-      else
-        @add(mutation.addedNodes)
-        @destroy(mutation.removedNodes)
-
-
-  add: (nodes) =>
-    for node in nodes
-      continue unless Joint.isDOM(node)
-      if node.hasAttribute(Joint.attributeName)
-        Joint.Creator.create(node, node.getAttribute(Joint.attributeName))
-
-      for child in node.querySelectorAll("[#{Joint.attributeName}]")
-        Joint.Creator.create(child, child.getAttribute(Joint.attributeName))
-
-  destroy: (nodes) =>
-    for node in nodes
-      continue unless Joint.isDOM(node)
-      if node.hasAttribute(Joint.attributeName)
-        Joint.Creator.destroy(node)
-
-      for child in node.querySelectorAll("[#{Joint.attributeName}]")
-        Joint.Creator.destroy(child)
-
-  inspect: (node) ->
-    if Joint.isDOM(node)
-      found = node.querySelectorAll("[#{Joint.attributeName}]")
-      Joint.Creator.create(el) for el in found
-
-@Joint.Watcher = new Watcher()

data/lib/jointjs/app/assets/javascripts/joint.js.coffee

@@ -1,12 +0,0 @@
-#= require 'joint/ext'
-#= require 'joint/base'
-#= require 'joint/watcher'
-#= require 'joint/creator'
-#= require 'joint/xhr'
-
-if document.readyState == 'complete'
-  window.Joint.initialize()
-else
-  document.addEventListener 'DOMContentLoaded', ->
-    window.Joint.initialize()
-

data/lib/jointjs/version.rb

@@ -1,3 +0,0 @@
-module JointJS
-  VERSION = "0.0.5"
-end

data/lib/jointjs.rb

@@ -1,5 +0,0 @@
-require "jointjs/version"
-
-module JointJS
-  require 'jointjs/railtie'
-end