observejs 0.0.5

checksums.yaml

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

data/.gitignore

@@ -0,0 +1,16 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+tmp
+*.gem
+*.bundle
+*.so
+*.o
+*.a
+*.log
+.DS_Store

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in ethereal.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Pier-Olivier Thibault
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,65 @@
+# JointJS
+
+Event based JavaScript framework tailored made for Ruby on rails.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'jointjs'
+```
+
+Then add this line to application.js
+
+```js
+//= require 'joint'
+```
+## 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.
+
+```erb
+<!-- views/todos/index.html.erb -->
+<%= content_tag :ol, as: 'Todo.List', do %>
+  <%= render @todos %>
+<% end %>
+```
+
+```coffee
+# assets/javascripts/todos/list.js.coffee 
+Joint.bind 'Todo.List', class
+  # @element() always return the element to which your object is bound.
+
+  loaded: =>
+    @element().on 'todos:create', @add
+    @element().on 'todos:destroy', @delete
+
+  add: (e) =>
+    @element().appendChild(e.html)
+
+  delete: (e) =>
+    @element().querySelector("[tid=#{e.todoId}]")?.remove()
+
+```
+
+```ruby
+  #views/todos/create.js.erb
+  e.html = "<%= j render(@todo) %>".toHTML()
+```
+
+```ruby
+  #views/todos/destroy.js.erb
+  e.todoId = <%= @todo.id %> 
+```
+
+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.
+- 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.
+
+

data/Rakefile

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

data/jointjs.gemspec

@@ -0,0 +1,23 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'jointjs/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "observejs"
+  spec.version       = JointJS::VERSION
+  spec.authors       = ["Pier-Olivier Thibault"]
+  spec.email         = ["pothibo@gmail.com"]
+  spec.summary       = %q{Event based JavaScript framework tailored for Ruby on rails.}
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.7"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "rails", "~> 4.1"
+  spec.add_development_dependency "sqlite3"
+end

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

@@ -0,0 +1,18 @@
+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/creator.js.coffee

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

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

@@ -0,0 +1,7 @@
+String::toHTML = ->
+  el = document.createElement('div')
+  el.innerHTML = this
+  if el.children.length > 1
+    el.children
+  else
+    el.children[0]

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

@@ -0,0 +1,49 @@
+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/xhr.js.coffee

@@ -0,0 +1,110 @@
+class XHRData
+  constructor: (el) ->
+    @backend = {}
+    if el instanceof HTMLFormElement
+      @form = el
+
+  set: (k, v) =>
+    @backend[k] = v
+    @keys().push(k)
+
+  value: (k) =>
+    @backend[k]
+
+  has: (k) =>
+    @backend[k]?
+
+  keys: =>
+    store = []
+    fn = ->
+      store
+    @keys = fn
+    fn()
+
+  any: =>
+    @keys().length > 0
+
+  serialize: =>
+    formData = new FormData(@form)
+    for key in @keys()
+      formData.append key, @value(key)
+
+    formData
+
+class XHR
+  script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
+
+  @completed: (e) ->
+    if e.target.responseText.length > 1
+      eval(e.target.responseText)(e.target.element)
+
+  @send: (el) ->
+
+    xhr = new XHR(el)
+    xhr.send()
+    xhr
+
+  constructor: (el) ->
+    @data = new XHRData(el)
+    @request = new XMLHttpRequest()
+    @request.element = el
+    @request.addEventListener 'load', XHR.completed
+
+    @method = el.getAttribute('method') || 'GET'
+
+  send: =>
+    action = @request.element.getAttribute('action') || @request.element.getAttribute('href')
+
+    unless action?
+      throw "Cannot send a request to the server if the element isn't a Form or if the element doesn't have the HREF attributes: <div href>"
+      return
+
+    if @method == 'GET' && @data.any()
+      parser = document.createElement('a')
+      parser.href = action
+      params = parser.search.substring(1).split('&')
+
+      for key in @data.keys()
+        params.push "#{key}=#{@data.value(key)}"
+
+      parser.search = "?#{params.join("&")}"
+
+      action = parser.href
+
+    @request.open @method, action
+    @request.setRequestHeader 'accept', "*/*;q=0.5, #{@script}"
+    @request.setRequestHeader 'X-Requested-With', "XMLHttpRequest"
+
+    if @method != 'GET'
+      token = document.querySelector('meta[name=csrf-token]').getAttribute('content')
+      @request.setRequestHeader 'X-CSRF-Token', token
+
+    @request.send(@data.serialize())
+
+
+Joint.XHR = XHR
+
+document.addEventListener 'submit', (e) =>
+  if e.target.getAttribute('disabled')? || e.target.dataset['remote'] != 'true'
+    return
+
+  XHR.send(e.target)
+
+  e.preventDefault()
+  return false
+
+document.addEventListener 'click', (e) =>
+  el = e.target
+  while el? && !(el instanceof HTMLAnchorElement)
+    el = el.parentElement
+
+  return unless el?
+
+  if el.getAttribute('disabled')? || el.dataset['remote'] != 'true'
+    return
+
+  XHR.send(el)
+
+  e.preventDefault()
+  return false
+

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

@@ -0,0 +1,12 @@
+#= 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/app/views/layouts/application.js.erb

@@ -0,0 +1,6 @@
+(function(target) {
+  var e = new CustomEvent("<%= j "#{controller_name}:#{action_name}" %>", {bubbles: true})
+  <%= yield %>
+  target.dispatchEvent(e)
+})
+

data/lib/jointjs/railtie.rb

@@ -0,0 +1,8 @@
+module JointJS
+  class Railtie < Rails::Railtie
+    initializer 'joint.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
+  end
+end

data/lib/jointjs/version.rb

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

data/lib/jointjs.rb

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

data/test/Gemfile

@@ -0,0 +1,27 @@
+source 'https://rubygems.org'
+
+
+gem 'rails', '4.2.0'
+gem 'sqlite3'
+gem 'sass-rails', '~> 5.0'
+gem 'uglifier', '>= 1.3.0'
+gem 'coffee-rails', '~> 4.1.0'
+gem 'jquery-rails'
+gem 'turbolinks'
+gem 'jbuilder', '~> 2.0'
+
+path = Pathname.new(__FILE__) + '..'
+
+gem 'jointjs', path: path.dirname
+
+group :development, :test do
+  # Call 'byebug' anywhere in the code to stop execution and get a debugger console
+  gem 'byebug'
+
+  # Access an IRB console on exception pages or by using <%= console %> in views
+  gem 'web-console', '~> 2.0'
+
+  # 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

@@ -0,0 +1,164 @@
+PATH
+  remote: /Users/pothibo/Develop/jointjs
+  specs:
+    jointjs (0.0.4)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    actionmailer (4.2.0)
+      actionpack (= 4.2.0)
+      actionview (= 4.2.0)
+      activejob (= 4.2.0)
+      mail (~> 2.5, >= 2.5.4)
+      rails-dom-testing (~> 1.0, >= 1.0.5)
+    actionpack (4.2.0)
+      actionview (= 4.2.0)
+      activesupport (= 4.2.0)
+      rack (~> 1.6.0)
+      rack-test (~> 0.6.2)
+      rails-dom-testing (~> 1.0, >= 1.0.5)
+      rails-html-sanitizer (~> 1.0, >= 1.0.1)
+    actionview (4.2.0)
+      activesupport (= 4.2.0)
+      builder (~> 3.1)
+      erubis (~> 2.7.0)
+      rails-dom-testing (~> 1.0, >= 1.0.5)
+      rails-html-sanitizer (~> 1.0, >= 1.0.1)
+    activejob (4.2.0)
+      activesupport (= 4.2.0)
+      globalid (>= 0.3.0)
+    activemodel (4.2.0)
+      activesupport (= 4.2.0)
+      builder (~> 3.1)
+    activerecord (4.2.0)
+      activemodel (= 4.2.0)
+      activesupport (= 4.2.0)
+      arel (~> 6.0)
+    activesupport (4.2.0)
+      i18n (~> 0.7)
+      json (~> 1.7, >= 1.7.7)
+      minitest (~> 5.1)
+      thread_safe (~> 0.3, >= 0.3.4)
+      tzinfo (~> 1.1)
+    arel (6.0.0)
+    binding_of_caller (0.7.2)
+      debug_inspector (>= 0.0.1)
+    builder (3.2.2)
+    byebug (3.5.1)
+      columnize (~> 0.8)
+      debugger-linecache (~> 1.2)
+      slop (~> 3.6)
+    coffee-rails (4.1.0)
+      coffee-script (>= 2.2.0)
+      railties (>= 4.0.0, < 5.0)
+    coffee-script (2.3.0)
+      coffee-script-source
+      execjs
+    coffee-script-source (1.8.0)
+    columnize (0.9.0)
+    debug_inspector (0.0.2)
+    debugger-linecache (1.2.0)
+    erubis (2.7.0)
+    execjs (2.2.2)
+    globalid (0.3.0)
+      activesupport (>= 4.1.0)
+    hike (1.2.3)
+    i18n (0.7.0)
+    jbuilder (2.2.6)
+      activesupport (>= 3.0.0, < 5)
+      multi_json (~> 1.2)
+    jquery-rails (4.0.3)
+      rails-dom-testing (~> 1.0)
+      railties (>= 4.2.0)
+      thor (>= 0.14, < 2.0)
+    json (1.8.1)
+    loofah (2.0.1)
+      nokogiri (>= 1.5.9)
+    mail (2.6.3)
+      mime-types (>= 1.16, < 3)
+    mime-types (2.4.3)
+    mini_portile (0.6.2)
+    minitest (5.5.0)
+    multi_json (1.10.1)
+    nokogiri (1.6.5)
+      mini_portile (~> 0.6.0)
+    rack (1.6.0)
+    rack-test (0.6.2)
+      rack (>= 1.0)
+    rails (4.2.0)
+      actionmailer (= 4.2.0)
+      actionpack (= 4.2.0)
+      actionview (= 4.2.0)
+      activejob (= 4.2.0)
+      activemodel (= 4.2.0)
+      activerecord (= 4.2.0)
+      activesupport (= 4.2.0)
+      bundler (>= 1.3.0, < 2.0)
+      railties (= 4.2.0)
+      sprockets-rails
+    rails-deprecated_sanitizer (1.0.3)
+      activesupport (>= 4.2.0.alpha)
+    rails-dom-testing (1.0.5)
+      activesupport (>= 4.2.0.beta, < 5.0)
+      nokogiri (~> 1.6.0)
+      rails-deprecated_sanitizer (>= 1.0.1)
+    rails-html-sanitizer (1.0.1)
+      loofah (~> 2.0)
+    railties (4.2.0)
+      actionpack (= 4.2.0)
+      activesupport (= 4.2.0)
+      rake (>= 0.8.7)
+      thor (>= 0.18.1, < 2.0)
+    rake (10.4.2)
+    sass (3.4.9)
+    sass-rails (5.0.1)
+      railties (>= 4.0.0, < 5.0)
+      sass (~> 3.1)
+      sprockets (>= 2.8, < 4.0)
+      sprockets-rails (>= 2.0, < 4.0)
+      tilt (~> 1.1)
+    slop (3.6.0)
+    spring (1.2.0)
+    sprockets (2.12.3)
+      hike (~> 1.2)
+      multi_json (~> 1.0)
+      rack (~> 1.0)
+      tilt (~> 1.1, != 1.3.0)
+    sprockets-rails (2.2.2)
+      actionpack (>= 3.0)
+      activesupport (>= 3.0)
+      sprockets (>= 2.8, < 4.0)
+    sqlite3 (1.3.10)
+    thor (0.19.1)
+    thread_safe (0.3.4)
+    tilt (1.4.1)
+    turbolinks (2.5.3)
+      coffee-rails
+    tzinfo (1.2.2)
+      thread_safe (~> 0.1)
+    uglifier (2.6.1)
+      execjs (>= 0.3.0)
+      json (>= 1.8.0)
+    web-console (2.0.0)
+      activemodel (~> 4.0)
+      binding_of_caller (>= 0.7.2)
+      railties (~> 4.0)
+      sprockets-rails (>= 2.0, < 4.0)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  byebug
+  coffee-rails (~> 4.1.0)
+  jbuilder (~> 2.0)
+  jointjs!
+  jquery-rails
+  rails (= 4.2.0)
+  sass-rails (~> 5.0)
+  spring
+  sqlite3
+  turbolinks
+  uglifier (>= 1.3.0)
+  web-console (~> 2.0)

data/test/README.rdoc

@@ -0,0 +1,28 @@
+== README
+
+This README would normally document whatever steps are necessary to get the
+application up and running.
+
+Things you may want to cover:
+
+* Ruby version
+
+* System dependencies
+
+* Configuration
+
+* Database creation
+
+* Database initialization
+
+* How to run the test suite
+
+* Services (job queues, cache servers, search engines, etc.)
+
+* Deployment instructions
+
+* ...
+
+
+Please feel free to use a different markup language if you do not plan to run
+<tt>rake doc:app</tt>.

data/test/Rakefile

@@ -0,0 +1,6 @@
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require File.expand_path('../config/application', __FILE__)
+
+Rails.application.load_tasks

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

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

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

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

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

@@ -0,0 +1,6 @@
+Joint.bind 'List', class
+  loaded: ->
+    @on 'todos:create', document, @append
+
+  append: (e) =>
+    @element().insertBefore(e.HTML, @element().firstChild)

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

@@ -0,0 +1,17 @@
+document.addEventListener 'readystatechange', (e) ->
+  return unless document.readyState == 'complete'
+  QUnit.test 'All declared HTML element should have an instance', (assert) ->
+    elements = document.querySelectorAll("li[as='List.Item']")
+    for li in elements
+      assert.ok li.instance, "No instance bound to the element"
+
+  QUnit.test 'If an element is inserted in the DOM, load its instance', (assert) ->
+    count = document.querySelectorAll("li[as='List.Item']").length
+    li = "<li as='List.Item'>Item ##{count + 1}</li>".toHTML()
+    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)
+