copy_tuner_client 0.0.15 → 0.1.0.beta

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    ZjkxOTQ4ODNlMDVlNDNkNWYxNjg1NTI5ZTMxNmY3ZTg4ZDMzYzgxNw==
+  data.tar.gz: !binary |-
+    ODE4OTVlM2JmNWY5YjQyZjViMDBlNzdiYTFhOTlhNGMwMzQ5YjU2Yg==
+SHA512:
+  metadata.gz: !binary |-
+    MTA4YzcxOGZmMDNmYjNjMGIyZjhiYjYxNjNlYzc5YTE5NzU1YWVhMjNmZDI4
+    M2JlN2MwN2E3NmQ5ZWFhNzM1MzlmODE5N2I1MWE1NTVkOGUzN2EyMWNiMjc5
+    MDEyOTQwMDkyYzU4OTg2NDdlYzFiZmI1M2QwYWJmODMyMmNmZDM=
+  data.tar.gz: !binary |-
+    M2E0ZGMwN2E2MzNmNzM0MDliYmUwOTU3MmMxZjEzNGYzOTQ1NTY5OWE0OTU5
+    ODZlMTBlYzFhNjAyNWNlYWYwNzE4ZDFlNjBhNmJkNDQ2MGJhN2I3Yjc1YzU0
+    ZTA5MTRmZDI1YjJkOGNmNmNmOWQ2NzQ3MWM0NzVkNTUwMjZkZDk=

data/.gitignore

@@ -16,4 +16,3 @@ doc
 pkg
 *.gem
 .bundle
-*.gemfile.lock

data/.travis.yml

@@ -1,9 +1,9 @@
 rvm:
+  - 1.8.7
+  - 1.9.2
   - 1.9.3
-  - 2.0.0
-  - 2.1.2
 
 gemfile:
-  - gemfiles/3.2.gemfile
-  - gemfiles/4.0.gemfile
-  - gemfiles/4.1.gemfile
+  - gemfiles/2.3.gemfile
+  - gemfiles/3.0.gemfile
+  - gemfiles/3.1.gemfile

data/Appraisals

@@ -1,12 +1,15 @@
-appraise '3.2' do
-  gem 'rails', '3.2.19'
+appraise '2.3' do
+  gem 'rails', '2.3.16'
 end
 
-appraise '4.0' do
-  gem 'rails', '4.0.8'
+appraise '3.0' do
+  gem 'rails', '3.0.20'
 end
 
-
-appraise '4.1' do
-  gem 'rails', '4.1.4'
+appraise '3.1' do
+  gem 'rails', '3.1.10'
+  gem 'jquery-rails'
+  gem 'uglifier'
+  gem 'sass-rails'
+  gem 'coffee-rails'
 end

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    copy_tuner_client (0.0.15)
+    copy_tuner_client (0.1.0.beta)
       i18n (>= 0.5.0)
       json
 
@@ -39,38 +39,37 @@ GEM
       multi_json (~> 1.0)
     addressable (2.2.6)
     ansi (1.4.3)
-    appraisal (1.0.0)
+    appraisal (0.4.0)
       bundler
       rake
-      thor (>= 0.14.0)
     arel (2.2.1)
-    aruba (0.6.0)
-      childprocess (>= 0.3.6)
-      cucumber (>= 1.1.1)
-      rspec-expectations (>= 2.7.0)
+    aruba (0.3.7)
+      childprocess (>= 0.1.9)
+      cucumber (>= 0.10.5)
+      rspec (>= 2.6.0)
     bcrypt-ruby (3.0.0)
     bourne (1.0)
       mocha (= 0.9.8)
-    builder (3.0.4)
-    childprocess (0.5.3)
-      ffi (~> 1.0, >= 1.0.11)
+    builder (3.0.0)
+    childprocess (0.2.2)
+      ffi (~> 1.0.6)
     crack (0.1.8)
-    cucumber (1.3.16)
+    cucumber (0.10.7)
       builder (>= 2.1.2)
-      diff-lcs (>= 1.1.3)
-      gherkin (~> 2.12)
-      multi_json (>= 1.7.5, < 2.0)
-      multi_test (>= 0.1.1)
+      diff-lcs (>= 1.1.2)
+      gherkin (~> 2.4.0)
+      json (>= 1.4.6)
+      term-ansicolor (>= 1.0.5)
     daemons (1.1.4)
-    diff-lcs (1.2.5)
+    diff-lcs (1.1.3)
     erubis (2.7.0)
     eventmachine (0.12.10)
-    ffi (1.9.3)
-    gherkin (2.12.2)
-      multi_json (~> 1.3)
+    ffi (1.0.9)
+    gherkin (2.4.18)
+      json (>= 1.4.6)
     hike (1.2.1)
     i18n (0.6.0)
-    json (1.8.1)
+    json (1.5.4)
     mail (2.3.0)
       i18n (>= 0.4.0)
       mime-types (~> 1.16)
@@ -78,8 +77,7 @@ GEM
     mime-types (1.16)
     mocha (0.9.8)
       rake
-    multi_json (1.10.1)
-    multi_test (0.1.1)
+    multi_json (1.0.3)
     polyglot (0.3.2)
     rack (1.3.2)
     rack-cache (1.0.3)
@@ -105,16 +103,16 @@ GEM
       rake (>= 0.8.7)
       rdoc (~> 3.4)
       thor (~> 0.14.6)
-    rake (10.3.2)
+    rake (10.0.3)
     rdoc (3.9.4)
-    rspec (2.99.0)
-      rspec-core (~> 2.99.0)
-      rspec-expectations (~> 2.99.0)
-      rspec-mocks (~> 2.99.0)
-    rspec-core (2.99.1)
-    rspec-expectations (2.99.1)
-      diff-lcs (>= 1.1.3, < 2.0)
-    rspec-mocks (2.99.1)
+    rspec (2.6.0)
+      rspec-core (~> 2.6.0)
+      rspec-expectations (~> 2.6.0)
+      rspec-mocks (~> 2.6.0)
+    rspec-core (2.6.4)
+    rspec-expectations (2.6.0)
+      diff-lcs (~> 1.1.2)
+    rspec-mocks (2.6.0)
     sham_rack (1.3.3)
       rack
     sinatra (1.2.6)
@@ -125,6 +123,7 @@ GEM
       rack (~> 1.0)
       tilt (~> 1.1, != 1.3.0)
     sqlite3 (1.3.4)
+    term-ansicolor (1.0.6)
     thin (1.2.11)
       daemons (>= 1.0.9)
       eventmachine (>= 0.12.6)
@@ -146,11 +145,11 @@ PLATFORMS
   ruby
 
 DEPENDENCIES
-  appraisal (~> 1.0)
-  aruba (~> 0.6.0)
+  appraisal (~> 0.4)
+  aruba (~> 0.3.2)
   bourne
   copy_tuner_client!
-  cucumber (~> 1.3.16)
+  cucumber (~> 0.10.0)
   i18n
   rails (~> 3.1.0)
   rake

data/README.md

@@ -4,23 +4,9 @@ CopyTuner Client
 [TODO] Write After
 
 
-
-Development
-=================
-
 ## Spec
 
-### default spec
-
-    $ bundle exec rake
-
 ### Appraisal for Multi Version Rails spec
 
-    $ bundle exec rake appraisal:install
-    $ bundle exec rake appraisal
-
-## release gem
-
-    $ bundle exec rake build      # build gem to pkg/ dir 
-    $ bundle exec rake install    # install to local gem
-    $ bundle exec rake release    # release gem to rubygems.org
+    rake appraisal:install
+    rake appraisal

data/Rakefile

@@ -5,7 +5,9 @@ require 'rspec/core/rake_task'
 require 'yard'
 
 desc 'Default: run the specs and features.'
-task :default => [:spec, :cucumber]
+task :default => :spec do
+  system "rake -s appraisal cucumber;"
+end
 
 desc 'Test the copy_tuner_client plugin.'
 RSpec::Core::RakeTask.new do |t|

data/app/assets/javascripts/copyray.js.coffee

@@ -0,0 +1,285 @@
+window.Xray = {}
+return unless $ = window.jQuery
+
+# Max CSS z-index. The overlay and xray bar use this.
+MAX_ZINDEX = 2147483647
+
+# Initialize Xray. Called immediately, but some setup is deferred until DOM ready.
+Xray.init = do ->
+  return if Xray.initialized
+  Xray.initialized = true
+
+  is_mac = navigator.platform.toUpperCase().indexOf('MAC') isnt -1
+
+  # Register keyboard shortcuts
+  $(document).keydown (e) ->
+    # cmd+shift+x on Mac, ctrl+shift+x on other platforms
+    if (is_mac and e.metaKey or !is_mac and e.ctrlKey) and e.shiftKey and e.keyCode is 88
+      if Xray.isShowing then Xray.hide() else Xray.show()
+    if Xray.isShowing and e.keyCode is 27 # esc
+      Xray.hide()
+
+  $ ->
+    # Instantiate the overlay singleton.
+    new Xray.Overlay
+    # Go ahead and do a pass on the DOM to find templates.
+    Xray.findTemplates()
+    # Ready to rock.
+    console?.log "Ready to Xray. Press #{if is_mac then 'cmd+shift+x' else 'ctrl+shift+x'} to scan your UI."
+
+# Returns all currently created Xray.Specimen objects.
+Xray.specimens = ->
+  Xray.ViewSpecimen.all.concat Xray.TemplateSpecimen.all
+
+# Looks up the stored constructor info
+Xray.constructorInfo = (constructor) ->
+  if window.XrayPaths
+    for own info, func of window.XrayPaths
+      return JSON.parse(info) if func == constructor
+  null
+
+# Scans the document for templates, creating Xray.TemplateSpecimens for them.
+Xray.findTemplates = -> util.bm 'findTemplates', ->
+  # Find all <!-- XRAY START ... --> comments
+  comments = $('*:not(iframe,script)').contents().filter ->
+    this.nodeType == 8 and this.data[0..9] == "XRAY START"
+
+  # Find the <!-- XRAY END ... --> comment for each. Everything between the
+  # start and end comment becomes the contents of an Xray.TemplateSpecimen.
+  for comment in comments
+    [_, id, path] = comment.data.match(/^XRAY START (\d+) (.*)$/)
+    $templateContents = new jQuery
+    el = comment.nextSibling
+    until !el or (el.nodeType == 8 and el.data == "XRAY END #{id}")
+      if el.nodeType == 1 and el.tagName != 'SCRIPT'
+        $templateContents.push el
+      el = el.nextSibling
+    # Remove XRAY template comments from the DOM.
+    el.parentNode.removeChild(el) if el?.nodeType == 8
+    comment.parentNode.removeChild(comment)
+    # Add the template specimen
+    Xray.TemplateSpecimen.add $templateContents,
+      name: path.split('/').slice(-1)[0]
+      path: path
+
+# Open the given filesystem path by calling out to Xray's server.
+Xray.open = (path) ->
+  $.ajax(url: "/_xray/open?path=#{path}")
+
+# Show the Xray overlay
+Xray.show = (type = null) ->
+  Xray.Overlay.instance().show(type)
+
+# Hide the Xray overlay
+Xray.hide = ->
+  Xray.Overlay.instance().hide()
+
+Xray.toggleSettings = ->
+  Xray.Overlay.instance().settings.toggle()
+
+# Wraps a DOM element that Xray is tracking. This is subclassed by
+# Xray.TemplateSpecimen and Xray.ViewSpecimen.
+class Xray.Specimen
+  @add: (el, info = {}) ->
+    @all.push new this(el, info)
+
+  @remove: (el) ->
+    @find(el)?.remove()
+
+  @find: (el) ->
+    el = el[0] if el instanceof jQuery
+    for specimen in @all
+      return specimen if specimen.el == el
+    null
+
+  @reset: ->
+    @all = []
+
+  constructor: (contents, info = {}) ->
+    @el = if contents instanceof jQuery then contents[0] else contents
+    @$contents = $(contents)
+    @name = info.name
+    @path = info.path
+
+  remove: ->
+    idx = @constructor.all.indexOf(this)
+    @constructor.all.splice(idx, 1) unless idx == -1
+
+  isVisible: ->
+    @$contents.length and @$contents.is(':visible')
+
+  makeBox: ->
+    @bounds = util.computeBoundingBox(@$contents)
+    @$box = $("<div class='xray-specimen #{@constructor.name}'>").css(@bounds)
+
+    # If the element is fixed, override the computed position with the fixed one.
+    if @$contents.css('position') == 'fixed'
+      @$box.css
+        position : 'fixed'
+        top      : @$contents.css('top')
+        left     : @$contents.css('left')
+
+    @$box.click => Xray.open @path
+    @$box.append @makeLabel
+
+  makeLabel: =>
+    $("<div class='xray-specimen-handle #{@constructor.name}'>").append(@name)
+
+
+# Wraps elements that constitute a Javascript "view" object, e.g.
+# Backbone.View.
+class Xray.ViewSpecimen extends Xray.Specimen
+  @all = []
+
+
+# Wraps elements that were rendered by a template, e.g. a Rails partial or
+# a client-side rendered JS template.
+class Xray.TemplateSpecimen extends Xray.Specimen
+  @all = []
+
+
+# Singleton class for the Xray "overlay" invoked by the keyboard shortcut
+class Xray.Overlay
+  @instance: ->
+    @singletonInstance ||= new this
+
+  constructor: ->
+    Xray.Overlay.singletonInstance = this
+    @bar = new Xray.Bar('#xray-bar')
+    @settings = new Xray.Settings('#xray-settings')
+    @shownBoxes = []
+    @$overlay = $('<div id="xray-overlay">')
+    @$overlay.click => @hide()
+
+  show: (type = null) ->
+    @reset()
+    Xray.isShowing = true
+    util.bm 'show', =>
+      @bar.$el.find('#xray-bar-togglers .xray-bar-btn').removeClass('active')
+      unless @$overlay.is(':visible')
+        $('body').append @$overlay
+        @bar.show()
+      switch type
+        when 'templates'
+          Xray.findTemplates()
+          specimens = Xray.TemplateSpecimen.all
+          @bar.$el.find('.xray-bar-templates-toggler').addClass('active')
+        when 'views'
+          specimens = Xray.ViewSpecimen.all
+          @bar.$el.find('.xray-bar-views-toggler').addClass('active')
+        else
+          Xray.findTemplates()
+          specimens = Xray.specimens()
+          @bar.$el.find('.xray-bar-all-toggler').addClass('active')
+      for element in specimens
+        continue unless element.isVisible()
+        element.makeBox()
+        # A cheap way to "order" the boxes, where boxes positioned closer to the
+        # bottom right of the document have a higher z-index.
+        element.$box.css
+          zIndex: Math.ceil(MAX_ZINDEX*0.9 + element.bounds.top + element.bounds.left)
+        @shownBoxes.push element.$box
+        $('body').append element.$box
+
+  reset: ->
+    $box.remove() for $box in @shownBoxes
+    @shownBoxes = []
+
+  hide: ->
+    Xray.isShowing = false
+    @$overlay.detach()
+    @reset()
+    @bar.hide()
+
+
+# The Xray bar shows controller, action, and view information, and has
+# toggle buttons for showing the different types of specimens in the overlay.
+class Xray.Bar
+  constructor: (el) ->
+    @$el = $(el)
+    @$el.css(zIndex: MAX_ZINDEX)
+    @$el.find('#xray-bar-controller-path .xray-bar-btn').click ->
+      Xray.open($(this).attr('data-path'))
+    @$el.find('.xray-bar-all-toggler').click       -> Xray.show()
+    @$el.find('.xray-bar-templates-toggler').click -> Xray.show('templates')
+    @$el.find('.xray-bar-views-toggler').click     -> Xray.show('views')
+    @$el.find('.xray-bar-settings-btn').click      -> Xray.toggleSettings()
+
+  show: ->
+    @$el.show()
+    @originalPadding = parseInt $('html').css('padding-bottom')
+    if @originalPadding < 40
+      $('html').css paddingBottom: 40
+
+  hide: ->
+    @$el.hide()
+    $('html').css paddingBottom: @originalPadding
+
+
+class Xray.Settings
+  constructor: (el) ->
+    @$el = $(el)
+    @$el.find('form').submit @save
+
+  toggle: =>
+    @$el.toggle()
+
+  save: (e) =>
+    e.preventDefault()
+    editor = @$el.find('#xray-editor-input').val()
+    $.ajax
+      url: '/_xray/config'
+      type: 'POST'
+      data: {editor: editor}
+      success: => @displayUpdateMsg(true)
+      error: => @displayUpdateMsg(false)
+
+  displayUpdateMsg: (success) =>
+    if success
+      $msg = $("<span class='xray-settings-success xray-settings-update-msg'>Success!</span>")
+    else
+      $msg = $("<span class='xray-settings-error xray-settings-update-msg'>Uh oh, something went wrong!</span>")
+    @$el.append($msg)
+    $msg.delay(2000).fadeOut(500, => $msg.remove(); @toggle())
+
+
+# Utility methods.
+util =
+  # Benchmark a piece of code
+  bm: (name, fn) ->
+    time = new Date
+    result = fn()
+    # console.log "#{name} : #{new Date() - time}ms"
+    result
+
+  # Computes the bounding box of a jQuery set, which may be many sibling
+  # elements with no parent in the set.
+  computeBoundingBox: ($contents) ->
+    # Edge case: the container may not physically wrap its children, for
+    # example if they are floated and no clearfix is present.
+    if $contents.length == 1 and $contents.height() <= 0
+      return util.computeBoundingBox($contents.children())
+
+    boxFrame =
+      top    : Number.POSITIVE_INFINITY
+      left   : Number.POSITIVE_INFINITY
+      right  : Number.NEGATIVE_INFINITY
+      bottom : Number.NEGATIVE_INFINITY
+
+    for el in $contents
+      $el = $(el)
+      continue unless $el.is(':visible')
+      frame = $el.offset()
+      frame.right  = frame.left + $el.outerWidth()
+      frame.bottom = frame.top + $el.outerHeight()
+      boxFrame.top    = frame.top if frame.top < boxFrame.top
+      boxFrame.left   = frame.left if frame.left < boxFrame.left
+      boxFrame.right  = frame.right if frame.right > boxFrame.right
+      boxFrame.bottom = frame.bottom if frame.bottom > boxFrame.bottom
+
+    return {
+      left   : boxFrame.left
+      top    : boxFrame.top
+      width  : boxFrame.right - boxFrame.left
+      height : boxFrame.bottom - boxFrame.top
+    }