kiteditor 1.0.1

data/vendor/assets/javascripts/mercury/toolbar.js.coffee

@@ -0,0 +1,86 @@
+class @Mercury.Toolbar
+
+  constructor: (@options = {}) ->
+    @visible = @options.visible
+    @build()
+    @bindEvents()
+
+
+  build: ->
+    @element = jQuery('<div>', {class: 'mercury-toolbar-container', style: 'width:10000px'})
+    @element.css({display: 'none'}) unless @visible
+    @element.appendTo(jQuery(@options.appendTo).get(0) ? 'body')
+
+    for own toolbarName, buttons of Mercury.config.toolbars
+      continue if buttons._custom
+      toolbar = jQuery('<div>', {class: "mercury-toolbar mercury-#{toolbarName}-toolbar"}).appendTo(@element)
+      toolbar.attr('data-regions', buttons._regions) if buttons._regions
+      container = jQuery('<div>', {class: 'mercury-toolbar-button-container'}).appendTo(toolbar)
+
+      for own buttonName, options of buttons
+        continue if buttonName == '_regions'
+        button = @buildButton(buttonName, options)
+        button.appendTo(container) if button
+
+      if container.css('white-space') == 'nowrap'
+        expander = new Mercury.Toolbar.Expander(toolbarName, {appendTo: toolbar, for: container})
+        expander.appendTo(@element)
+
+      toolbar.addClass('disabled') if Mercury.config.toolbars['primary'] && toolbarName != 'primary'
+
+    @element.css({width: '100%'})
+
+
+  buildButton: (name, options) ->
+    return false if name[0] == '_'
+    switch jQuery.type(options)
+      when 'array' # button
+        [title, summary, handled] = options
+        new Mercury.Toolbar.Button(name, title, summary, handled, {appendDialogsTo: @element})
+
+      when 'object' # button group
+        group = new Mercury.Toolbar.ButtonGroup(name, options)
+        for own action, opts of options
+          button = @buildButton(action, opts)
+          button.appendTo(group) if button
+        group
+
+      when 'string' # separator
+        jQuery('<hr>', {class: "mercury-#{if options == '-' then 'line-separator' else 'separator'}"})
+
+      else throw Mercury.I18n('Unknown button structure -- please provide an array, object, or string for "%s".', name)
+
+
+  bindEvents: ->
+    Mercury.on 'region:focused', (event, options) =>
+      for toolbar in @element.find(".mercury-toolbar")
+        toolbar = jQuery(toolbar)
+        if regions = toolbar.data('regions')
+          toolbar.removeClass('disabled') if regions.split(',').indexOf(options.region.type) > -1
+
+    Mercury.on 'region:blurred', (event, options) =>
+      for toolbar in @element.find(".mercury-toolbar")
+        toolbar = jQuery(toolbar)
+        if regions = toolbar.data('regions')
+          toolbar.addClass('disabled') if regions.split(',').indexOf(options.region.type) > -1
+
+    @element.on 'click', ->
+      Mercury.trigger('hide:dialogs')
+
+    @element.on 'mousedown', (event) ->
+      event.preventDefault()
+
+
+  height: ->
+    if @visible then @element.outerHeight() else 0
+
+
+  show: ->
+    @visible = true
+    @element.css({top: -@element.outerHeight(), display: 'block'})
+    @element.animate({top: 0}, 200, 'easeInOutSine')
+
+
+  hide: ->
+    @visible = false
+    @element.hide()

data/vendor/assets/javascripts/mercury/tooltip.js.coffee

@@ -0,0 +1,74 @@
+@Mercury.tooltip = (forElement, content, options = {}) ->
+  Mercury.tooltip.show(forElement, content, options)
+  return Mercury.tooltip
+
+jQuery.extend Mercury.tooltip,
+
+  show: (@forElement, @content, @options = {}) ->
+    @document = @forElement.get(0).ownerDocument
+    @initialize()
+    if @visible then @update() else @appear()
+
+
+  initialize: ->
+    return if @initialized
+    @build()
+    @bindEvents()
+    @initialized = true
+
+
+  build: ->
+    @element = jQuery('<div>', {class: 'mercury-tooltip'})
+    @element.appendTo(jQuery(@options.appendTo).get(0) ? 'body')
+
+
+  bindEvents: ->
+    Mercury.on 'resize', => @position() if @visible
+
+    @element.on 'mousedown', (event) ->
+      event.preventDefault()
+      event.stopPropagation()
+
+    for parent in @forElement.parentsUntil(jQuery('body', @document))
+      continue unless parent.scrollHeight > parent.clientHeight
+      jQuery(parent).on 'scroll', =>
+        @position() if @visible
+
+    jQuery(@document).on 'scroll', =>
+      @position() if @visible
+
+
+  appear: ->
+    @update()
+
+    @element.show()
+    @element.animate {opacity: 1}, 200, 'easeInOutSine', =>
+      @visible = true
+
+
+  update: ->
+    @element.html(@content)
+    @position()
+
+
+  position: ->
+    offset = @forElement.offset()
+    width = @element.width()
+
+    top = offset.top + (Mercury.displayRect.top - jQuery(@document).scrollTop()) + @forElement.outerHeight()
+    left = offset.left - jQuery(@document).scrollLeft()
+
+    left = left - (left + width + 25) - Mercury.displayRect.width if (left + width + 25) > Mercury.displayRect.width
+    left = if left <= 0 then 0 else left
+
+    @element.css {
+      top: top
+      left: left
+    }
+
+
+  hide: ->
+    return unless @initialized
+    @element.hide()
+    @visible = false
+

data/vendor/assets/javascripts/mercury/uploader.js.coffee

@@ -0,0 +1,227 @@
+@Mercury.uploader = (file, options) ->
+  Mercury.uploader.show(file, options) if Mercury.config.uploading.enabled
+  return Mercury.uploader
+
+jQuery.extend Mercury.uploader,
+
+  show: (file, @options = {}) ->
+    @file = new Mercury.uploader.File(file)
+    if @file.errors
+      alert("Error: #{@file.errors}")
+      return
+    return unless @supported()
+
+    Mercury.trigger('focus:window')
+    @initialize()
+    @appear()
+
+
+  initialize: ->
+    return if @initialized
+    @build()
+    @bindEvents()
+    @initialized = true
+
+
+  supported: ->
+    xhr = new XMLHttpRequest
+    fileReader = window.FileReader
+
+    if window.Uint8Array && window.ArrayBuffer && !XMLHttpRequest.prototype.sendAsBinary
+      XMLHttpRequest::sendAsBinary = (datastr) ->
+        ui8a = new Uint8Array(datastr.length)
+        ui8a[index] = (datastr.charCodeAt(index) & 0xff) for data, index in datastr
+        @send(ui8a.buffer)
+
+    return !!(xhr.upload && xhr.sendAsBinary && fileReader)
+
+
+  build: ->
+    @element = jQuery('<div>', {class: 'mercury-uploader', style: 'display:none'})
+    @element.append('<div class="mercury-uploader-preview"><b><img/></b></div>')
+    @element.append('<div class="mercury-uploader-details"></div>')
+    @element.append('<div class="mercury-uploader-progress"><span></span><div class="mercury-uploader-indicator"><div><b>0%</b></div></div></div>')
+
+    @updateStatus('Processing...')
+
+    @overlay = jQuery('<div>', {class: 'mercury-uploader-overlay', style: 'display:none'})
+
+    @element.appendTo(jQuery(@options.appendTo).get(0) ? 'body')
+    @overlay.appendTo(jQuery(@options.appendTo).get(0) ? 'body')
+
+
+  bindEvents: ->
+    Mercury.on 'resize', => @position()
+
+
+  appear: ->
+    @fillDisplay()
+    @position()
+
+    @overlay.show()
+    @overlay.animate {opacity: 1}, 200, 'easeInOutSine', =>
+      @element.show()
+      @element.animate {opacity: 1}, 200, 'easeInOutSine', =>
+        @visible = true
+        @loadImage()
+
+
+  position: ->
+    width = @element.outerWidth()
+    height = @element.outerHeight()
+
+    @element.css {
+      top: (Mercury.displayRect.height - height) / 2
+      left: (Mercury.displayRect.width - width) / 2
+    }
+
+
+  fillDisplay: ->
+    details = [
+      Mercury.I18n('Name: %s', @file.name),
+      Mercury.I18n('Size: %s', @file.readableSize),
+      Mercury.I18n('Type: %s', @file.type)
+    ]
+    @element.find('.mercury-uploader-details').html(details.join('<br/>'))
+
+
+  loadImage: ->
+    @file.readAsDataURL (result) =>
+      @element.find('.mercury-uploader-preview b').html(jQuery('<img>', {src: result}))
+      @upload()
+
+
+  upload: ->
+    xhr = new XMLHttpRequest
+    jQuery.each ['onloadstart', 'onprogress', 'onload', 'onabort', 'onerror'], (index, eventName) =>
+      xhr.upload[eventName] = (event) => @uploaderEvents[eventName].call(@, event)
+    xhr.onload = (event) =>
+      if (event.currentTarget.status >= 400)
+        @updateStatus('Error: Unable to upload the file')
+        Mercury.notify('Unable to process response: %s', event.currentTarget.status)
+        @hide()
+      else
+        try
+          response =
+            if Mercury.config.uploading.handler
+              Mercury.config.uploading.handler(event.target.responseText)
+            else
+              jQuery.parseJSON(event.target.responseText)
+          src = response.url || response.image.url
+          throw 'Malformed response from server.' unless src
+          Mercury.trigger('action', {action: 'insertImage', value: {src: src}})
+          @hide()
+        catch error
+          @updateStatus('Error: Unable to upload the file')
+          Mercury.notify('Unable to process response: %s', error)
+          @hide()
+
+    xhr.open('post', Mercury.config.uploading.url, true)
+    xhr.setRequestHeader('Accept', 'application/json, text/javascript, text/html, application/xml, text/xml, */*')
+    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest')
+    xhr.setRequestHeader(Mercury.config.csrfHeader, Mercury.csrfToken)
+
+    @file.readAsBinaryString (result) =>
+      # build the multipart post string
+      multipart = new Mercury.uploader.MultiPartPost(Mercury.config.uploading.inputName, @file, result)
+
+      # update the content size so we can calculate
+      @file.updateSize(multipart.delta)
+
+      # set the content type and send
+      xhr.setRequestHeader('Content-Type', 'multipart/form-data; boundary=' + multipart.boundary)
+      xhr.sendAsBinary(multipart.body)
+
+
+  updateStatus: (message, loaded) ->
+    @element.find('.mercury-uploader-progress span').html(Mercury.I18n(message).toString())
+    if loaded
+      percent = Math.floor(loaded * 100 / @file.size) + '%'
+      @element.find('.mercury-uploader-indicator div').css({width: percent})
+      @element.find('.mercury-uploader-indicator b').html(percent).show()
+
+
+  hide: (delay = 0) ->
+    setTimeout delay * 1000, =>
+      @element.animate {opacity: 0}, 200, 'easeInOutSine', =>
+        @overlay.animate {opacity: 0}, 200, 'easeInOutSine', =>
+          @overlay.hide()
+          @element.hide()
+          @reset()
+          @visible = false
+          Mercury.trigger('focus:frame')
+
+
+  reset: ->
+    @element.find('.mercury-uploader-preview b').html('')
+    @element.find('.mercury-uploader-indicator div').css({width: 0})
+    @element.find('.mercury-uploader-indicator b').html('0%').hide()
+    @updateStatus('Processing...')
+
+
+  uploaderEvents:
+    onloadstart: -> @updateStatus('Uploading...')
+
+    onprogress: (event) -> @updateStatus('Uploading...', event.loaded)
+
+    onabort: ->
+      @updateStatus('Aborted')
+      @hide(1)
+
+    onload: ->
+      @updateStatus('Successfully uploaded...', @file.size)
+
+    onerror: ->
+      @updateStatus('Error: Unable to upload the file')
+      @hide(3)
+
+
+
+class Mercury.uploader.File
+
+  constructor: (@file) ->
+    @size = @file.size
+    @fullSize = @file.size
+    @readableSize = @file.size.toBytes()
+    @name = @file.fileName
+    @name ||= @file.name 
+    @type = @file.type
+
+    # add any errors if we need to
+    errors = []
+    errors.push(Mercury.I18n('Too large')) if @size >= Mercury.config.uploading.maxFileSize
+    errors.push(Mercury.I18n('Unsupported format')) unless Mercury.config.uploading.allowedMimeTypes.indexOf(@type) > -1
+    @errors = errors.join(' / ') if errors.length
+
+
+  readAsDataURL: (callback = null) ->
+    reader = new FileReader()
+    reader.readAsDataURL(@file)
+    reader.onload = => callback(reader.result) if callback
+
+
+  readAsBinaryString: (callback = null) ->
+    reader = new FileReader()
+    reader.readAsBinaryString(@file)
+    reader.onload = => callback(reader.result) if callback
+
+
+  updateSize: (delta) ->
+    @fullSize = @size + delta
+
+
+
+class Mercury.uploader.MultiPartPost
+
+  constructor: (@inputName, @file, @contents, @formInputs = {}) ->
+    @boundary = 'Boundaryx20072377098235644401115438165x'
+    @body = ''
+    @buildBody()
+    @delta = @body.length - @file.size
+
+
+  buildBody: ->
+    boundary = '--' + @boundary
+    for own name, value of @formInputs
+      @body += "#{boundary}\r\nContent-Disposition: form-data; name=\"#{name}\"\r\n\r\n#{unescape(encodeURIComponent(value))}\r\n"
+    @body += "#{boundary}\r\nContent-Disposition: form-data; name=\"#{@inputName}\"; filename=\"#{@file.name}\"\r\nContent-Type: #{@file.type}\r\nContent-Transfer-Encoding: binary\r\n\r\n#{@contents}\r\n#{boundary}--"