upjs-rails 0.1.0

data/lib/assets/javascripts/up/popup.js.coffee

@@ -0,0 +1,143 @@
+###*
+Pop-up overlays.
+  
+For modal dialogs see {{#crossLink "up.modal"}}{{/crossLink}}.
+  
+@class up.popup 
+###
+up.popup = (->
+  
+  position = ($link, $popup, origin) ->
+    linkBox = up.util.measure($link, full: true)
+    css = switch origin
+      when "bottom-right"
+        right: linkBox.right
+        top: linkBox.top + linkBox.height
+      when "bottom-left"
+        left: linkBox.left
+        top: linkBox.bottom + linkBox.height
+      when "top-right"
+        right: linkBox.right
+        bottom: linkBox.top
+      when "top-left"
+        left: linkBox.left
+        bottom: linkBox.top
+      else
+        up.util.error("Unknown origin", origin)
+#    for key, value of css
+#      css[key] = Math.max(value, 0)
+    $popup.css(css)
+    
+  createHiddenPopup = ($link, selector, sticky) ->
+    $popup = up.util.$createElementFromSelector('.up-popup')
+    $popup.attr('up-sticky', '') if sticky
+    $content = up.util.$createElementFromSelector(selector)
+    $content.appendTo($popup)
+    $popup.appendTo(document.body)
+    $popup.hide()
+    $popup
+    
+  updated = ($link, $popup, origin, animation) ->
+    $popup.show()
+    position($link, $popup, origin)
+    up.animate($popup, animation)
+    
+  ###*
+  Opens a popup overlay.
+  
+  @method up.popup.open
+  @param {Element|jQuery|String} elementOrSelector
+  @param {String} [options.origin='bottom-right']
+  @param {String} [options.animation]
+  @param {Boolean} [options.sticky=false]
+    If set to `true`, the popup remains
+    open even if the page changes in the background.
+  @param {Object} [options.history=false]
+  @example
+      <a href="/decks" up-popup=".deck_list">Switch deck</a>
+  @example
+      <a href="/settings" up-popup=".options" up-popup-sticky>Settings</a>  
+  ###
+  open = (linkOrSelector, options = {}) ->
+    $link = $(linkOrSelector)
+
+    url = up.util.presentAttr($link, 'href')
+    selector = options.target || $link.attr('up-popup') || 'body'
+    origin = options.origin || $link.attr('up-origin') || 'bottom-right'
+    animation = options.animation || $link.attr('up-animation') || 'roll-down'
+    sticky = options.sticky || $link.is('[up-sticky]')
+    history = options.history || false
+
+    close()
+    $popup = createHiddenPopup($link, selector, sticky)
+    
+#    console.log("before replace", $link, $popup)
+    
+    up.replace(selector, url,
+      history: history
+      source: true
+      insert: -> updated($link, $popup, origin, animation) 
+    )
+    
+  ###*
+  Returns the source URL for the fragment displayed
+  in the current popup overlay, or `undefined` if no
+  popup is open.
+  
+  @method up.popup.source
+  @return {String}
+    the source URL
+  ###
+  source = ->
+    $popup = $('.up-popup')
+    unless $popup.is('.up-destroying')
+      $popup.find('[up-source]').attr('up-source')
+
+  ###*
+  Closes a currently opened popup overlay.
+  Does nothing if no popup is currently open.
+  
+  @method up.popup.close
+  @param options.animation {String}
+  ###
+  close = (options) ->
+    options = up.util.options(options, animation: 'fade-out')
+    $popup = $('.up-popup')
+    if $popup.length
+      up.destroy($popup, animation: options.animation)
+    
+  autoclose = ->
+    unless $('.up-popup').is('[up-sticky]')
+      close()
+    
+
+  up.on('click', '[up-popup]', (event, $link) ->
+    event.preventDefault()
+    if $link.is('.up-current')
+      close()
+    else
+      open($link)
+  )
+  
+  up.on('click', 'body', (event, $body) ->
+    $target = $(event.target)
+    unless $target.closest('.up-popup').length || $target.closest('[up-popup]').length
+      close()
+  )
+  
+  up.bus.on('fragment:ready', ($fragment) ->
+    unless $fragment.closest('.up-popup').length
+      autoclose()
+  )
+  
+  # Close the pop-up overlay when the user presses ESC.
+  $(document).on('keydown', (event) ->
+    if event.keyCode == 27
+      close()
+  )
+  
+  open: open
+  close: close
+  source: source
+  
+)()

data/lib/assets/javascripts/up/util.js.coffee

@@ -0,0 +1,287 @@
+up.util = (->
+
+  get = (url, options) ->
+    options = options or {}
+    options.url = url
+    ajax options
+
+  ajax = (options) ->
+    if options.selector
+      options.headers = {
+        "X-Up-Selector": options.selector
+      }
+    $.ajax options
+    
+  isStandardPort = (protocol, port) ->
+    (port == 80 && protocol == 'http') || (port == 443 && protocol == 'https')
+
+  normalizeUrl = (urlOrAnchor, options) ->
+    anchor = if isString(urlOrAnchor) 
+      $('<a>').attr(href: urlOrAnchor).get(0)
+    else 
+      unwrap(urlOrAnchor)
+    normalized = anchor.protocol + "//" + anchor.hostname
+    normalized += ":#{anchor.port}" unless isStandardPort(anchor.protocol, anchor.port)  
+    normalized += anchor.pathname
+    normalized += anchor.search unless options?.search == false
+    normalized
+
+  $createElementFromSelector = (selector) ->
+    path = selector.split(/[ >]/)
+    $root = null
+    for depthSelector, iteration in path
+      conjunction = depthSelector.match(/(^|\.|\#)[A-Za-z0-9\-_]+/g)
+      tag = "div"
+      classes = []
+      id = null
+      for expression in conjunction
+        switch expression[0]
+          when "."
+            classes.push expression.substr(1)
+          when "#"
+            id = expression.substr(1)
+          else
+            tag = expression
+      html = "<" + tag
+      html += " class=\"" + classes.join(" ") + "\""  if classes.length
+      html += " id=\"" + id + "\""  if id
+      html += ">"
+      $element = $(html)
+      $element.appendTo($parent) if $parent
+      $root = $element if iteration == 0
+      $parent = $element
+    $root
+
+  createElement = (tagName, html) ->
+    element = document.createElement(tagName)
+    element.innerHTML = html
+    element
+
+  error = (args...) ->
+    message = if args.length == 1 && up.util.isString(args[0]) then args[0] else JSON.stringify(args)
+    console.log("[UP] Error: #{message}", args...)
+    alert message
+    throw message
+
+  createSelectorFromElement = ($element) ->
+    console.log("Creating selector from element", $element)
+    classes = if classString = $element.attr("class") then classString.split(" ") else []
+    id = $element.attr("id")
+    selector = $element.prop("tagName").toLowerCase()
+    selector += "#" + id  if id
+    for klass in classes
+      selector += "." + klass
+    selector
+
+  # jQuery's implementation of $(...) cannot create elements that have
+  # an <html> or <body> tag. So we're using native elements.
+  createElementFromHtml = (html) ->
+    htmlElementPattern = /<html>((?:.|\n)*)<\/html>/i
+    innerHtml = undefined
+    if match = html.match(htmlElementPattern)
+      innerHtml = match[1]
+    else
+      innerHtml = "<html><body>#{html}</body></html>"
+    createElement('html', innerHtml)
+
+  extend = $.extend
+
+  each = (collection, block) ->
+    block(item, index) for item, index in collection
+
+  isNull = (object) ->
+    object == null
+
+  isUndefined = (object) ->
+    object == `void(0)`
+    
+  isDefined = (object) ->
+    !isUndefined(object)
+    
+  isMissing = (object) ->
+    isUndefined(object) || isNull(object)
+
+  isGiven = (object) ->
+    !isMissing(object)
+    
+  isBlank = (object) ->
+    isMissing(object) ||                  # null or undefined 
+#    (isString(object) && object == "") || # String
+    (object.length == 0)                  # String, Array, jQuery
+  
+  presence = (object, checker = isPresent) ->
+    if checker(object) then object else null
+  
+  isPresent = (object) ->
+    !isBlank(object)
+
+  isFunction = (object) ->
+    typeof(object) == 'function'
+
+  isString = (object) ->
+    typeof(object) == 'string'
+
+  isObject = (object) ->
+    type = typeof object
+    type == 'function' || (type == 'object' && !!object)
+
+  isJQuery = (object) ->
+    object instanceof jQuery
+
+  isPromise = (object) ->
+    isFunction(object.then)
+    
+  ifGiven = (object) ->
+    object if isGiven(object)
+
+  copy = (object)  ->
+    extend({}, object)
+
+  unwrap = (object) ->
+    if isJQuery(object)
+      object.get(0)
+    else
+      object
+
+  # Non-destructive extend
+  merge = (object, otherObject) ->
+    extend(copy(object), otherObject)
+
+  options = (object, defaults) ->
+    merged = if object then copy(object) else {}
+    if defaults
+      for key, defaultValue of defaults
+        value = merged[key]
+        if !isGiven(value)
+          merged[key] = defaultValue
+        else if isObject(defaultValue) && isObject(value)
+          merged[key] = options(value, defaultValue)
+    merged
+
+  detect = (array, tester) ->
+    match = null
+    array.every (element) ->
+      if tester(element)
+        match = element
+        false
+      else
+        true
+    match
+    
+  select = (array, tester) ->
+    matches = []
+    each array, (element) ->
+      if tester(element)
+        matches.push(element)
+    matches
+
+  presentAttr = ($element, attrNames...) ->
+    values = ($element.attr(attrName) for attrName in attrNames)
+    detect(values, isPresent)
+    
+  nextFrame = (block) ->
+    setTimeout(block, 0)
+    
+  last = (array) ->
+    array[array.length - 1]
+    
+  clientSize = ->
+    element = document.documentElement
+    width: element.clientWidth
+    height: element.clientHeight
+    
+  temporaryCss = ($element, css, block) ->
+    
+    oldCss = $element.css(Object.keys(css))
+#    oldCss = {}
+#    for property of css
+#      oldCss[property] = $element.css(property)
+    $element.css(css)
+    memo = -> $element.css(oldCss)
+    if block
+      block()
+      memo()
+    else
+      memo
+
+  cssAnimate = ($element, lastFrame, opts) ->
+    opts = options(opts, duration: 300, easing: 'ease')
+    deferred = $.Deferred()
+    # This should really be "one" instead of "on".
+    # We only want this event to be called once, then clean up after ourselves.
+    # $element.one(up.browser.transitionEndEvent(), -> deferred.resolve())
+    transition =
+      'transition-property': Object.keys(lastFrame).join(', ')
+      'transition-duration': "#{opts.duration}ms"
+      'transition-timing-function': opts.easing
+    console.log("CSS transition with", transition)
+    withoutTransition = temporaryCss($element, transition)
+    $element.css(lastFrame)
+    deferred.then(withoutTransition)
+    setTimeout((-> deferred.resolve()), opts.duration)
+    deferred.promise()
+
+  measure = ($element, options) ->
+    offset = $element.offset()
+    box = 
+      left: offset.left
+      top: offset.top
+      width: $element.outerWidth()
+      height: $element.outerHeight()
+    if options?.full
+      viewport = clientSize()
+      box.right = viewport.width - (box.left + box.width)
+      box.bottom = viewport.height - (box.top + box.height)
+    box
+
+  prependGhost = ($element) ->
+    dimensions = measure($element)
+    $ghost = $element.clone()
+    $ghost.css
+      right: ''
+      bottom: ''
+      margin: 0
+      position: 'fixed'
+    $ghost.css(dimensions)
+    $ghost.addClass('up-ghost')
+    $ghost.prependTo(document.body)
+
+  presentAttr: presentAttr
+  createElement: createElement
+  normalizeUrl: normalizeUrl
+  createElementFromHtml: createElementFromHtml
+  $createElementFromSelector: $createElementFromSelector
+  createSelectorFromElement: createSelectorFromElement
+  get: get
+  ajax: ajax
+  extend: extend
+  copy: copy
+  merge: merge
+  options: options
+  error: error
+  each: each
+  detect: detect
+  select: select
+  last: last
+  isNull: isNull
+  isDefined: isDefined
+  isUndefined: isUndefined
+  isGiven: isGiven
+  isMissing: isMissing
+  isPresent: isPresent
+  isBlank: isBlank
+  presence: presence
+  isObject: isObject
+  isFunction: isFunction
+  isString: isString
+  isJQuery: isJQuery
+  isPromise: isPromise
+  ifGiven: ifGiven
+  unwrap: unwrap
+  nextFrame: nextFrame
+  measure: measure
+  temporaryCss: temporaryCss
+  cssAnimate: cssAnimate
+  prependGhost: prependGhost
+
+)()

data/lib/assets/stylesheets/up/follow.css.sass

@@ -0,0 +1,2 @@
+[up-follow]
+  cursor: pointer

data/lib/assets/stylesheets/up/index.css

@@ -0,0 +1,3 @@
+/*
+ *= require_tree .
+ */

data/lib/assets/stylesheets/up/modal.css.sass

@@ -0,0 +1,54 @@
+$stratum: 10000
+$width: 700px
+$height: 450px
+
+.up-modal-overlay
+  position: fixed
+  top: 0
+  left: 0
+  bottom: 0
+  right: 0
+  background-color: rgba(90, 90, 90, 0.7)
+  z-index: $stratum
+
+.up-modal-dialog
+  position: fixed
+  z-index: $stratum + 1
+  margin: auto
+  top: 0
+  left: 0
+  bottom: 0
+  right: 0
+  width: $width
+  height: $height
+  max-width: 100%
+  max-height: 100%
+  background-color: #fff
+  box-shadow: 0 0 10px 5px #000
+
+.up-modal-close
+  position: absolute
+  top: 20px
+  right: 20px
+  background-color: #666
+  color: #fff
+  font-weight: bold
+  text-transform: uppercase
+  padding: 5px 15px
+  z-index: $stratum + 2
+  cursor: pointer
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
+
+.up-modal-close-label
+
+.up-modal-close-key
+  margin-left: 3px
+  opacity: 0.5
+
+.up-modal-content
+  overflow-x: hidden
+  overflow-y: auto
+  width: 100%
+  height: 100%
+  padding: 20px
+  box-sizing: border-box

data/lib/assets/stylesheets/up/popup.css.sass

@@ -0,0 +1,9 @@
+$stratum: 10000
+
+.up-popup
+  z-index: $stratum
+  position: fixed
+  background-color: #fff
+  padding: 15px
+  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3)
+  

data/lib/upjs/rails/engine.rb

@@ -0,0 +1,6 @@
+module Upjs
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/upjs/rails/redirection.rb

@@ -0,0 +1,26 @@
+module Upjs
+  module Rails
+    module Redirection
+
+      def redirect_to(*args)
+        super
+        flash[:redirected_to] = self.location if request.up?
+      end
+
+      def self.included(base)
+        base.before_filter :extract_redirect_location
+      end
+
+      private
+
+      def extract_redirect_location
+        if location = flash[:redirected_to]
+          headers['X-Up-Previous-Redirect-Location'] = location
+        end
+      end
+
+      ActionController::Base.include(self)
+
+    end
+  end
+end

data/lib/upjs/rails/request.rb

@@ -0,0 +1,13 @@
+module Upjs
+  module Rails
+    module Request
+
+      def up?
+        headers['X-Up-Selector'].present?
+      end
+
+      ActionDispatch::Request.include(self)
+
+    end
+  end
+end

data/lib/upjs/rails/version.rb

@@ -0,0 +1,5 @@
+module Upjs
+  module Rails
+    VERSION = "0.1.0"
+  end
+end

data/lib/upjs-rails.rb

@@ -0,0 +1,7 @@
+require "upjs/rails/version"
+require "upjs/rails/engine"
+require "upjs/rails/redirection"
+require "upjs/rails/request"
+
+
+

data/spec_app/.firefox-version

@@ -0,0 +1 @@
+24.0

data/spec_app/.gitignore

@@ -0,0 +1,17 @@
+# See https://help.github.com/articles/ignoring-files for more about ignoring files.
+#
+# If you find yourself ignoring temporary files generated by your text editor
+# or operating system, you probably want to add a global ignore instead:
+#   git config --global core.excludesfile '~/.gitignore_global'
+
+# Ignore bundler config.
+/.bundle
+
+# Ignore the default SQLite database.
+/db/*.sqlite3
+/db/*.sqlite3-journal
+
+# Ignore all logfiles and tempfiles.
+/log/*
+!/log/.keep
+/tmp

data/spec_app/Gemfile

@@ -0,0 +1,24 @@
+source 'https://rubygems.org'
+
+gem 'rails', '4.2.0'
+gem 'sqlite3'
+gem 'sass-rails', '~> 5.0'
+gem 'haml-rails'
+gem 'uglifier', '>= 1.3.0'
+gem 'coffee-rails', '~> 4.1.0'
+gem 'therubyracer', platforms: :ruby
+gem 'jquery-rails'
+gem 'upjs-rails', path: '..'
+
+group :development, :test do
+  gem 'byebug'
+  gem 'web-console', '~> 2.0'
+end
+
+group :test do
+  gem 'rspec-rails'
+  gem 'cucumber-rails', require: false
+  gem 'database_cleaner'
+  gem 'selenium-webdriver'
+  gem 'spreewald'
+end