uploads 0.0.1

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2013 YOURNAME
+
+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.rdoc

@@ -0,0 +1,3 @@
+= Uploads
+
+This project rocks and uses MIT-LICENSE.

data/Rakefile

@@ -0,0 +1,38 @@
+#!/usr/bin/env rake
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+begin
+  require 'rdoc/task'
+rescue LoadError
+  require 'rdoc/rdoc'
+  require 'rake/rdoctask'
+  RDoc::Task = Rake::RDocTask
+end
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Uploads'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+
+
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task :default => :test

data/app/assets/javascripts/anjlab/uploads.js

@@ -0,0 +1,7 @@
+// =require anjlab/uploads/utils
+// =require anjlab/uploads/handler.base
+// =require anjlab/uploads/handler.form
+// =require anjlab/uploads/handler.xhr
+// =require anjlab/uploads/button
+// =require anjlab/uploads/dnd
+// =require anjlab/uploads/uploader

data/app/assets/javascripts/anjlab/uploads/button.js.coffee

@@ -0,0 +1,80 @@
+class @AnjLab.Uploads.Button
+
+  constructor: (element, options) ->
+    @options = $.extend(true, {}, $.fn.uploaderButtonDefaults, options)
+    @$element = $(@options.element ? element)
+
+    # make button suitable container for input
+    @$element.css
+      position: 'relative'
+      overflow: 'hidden'
+      # Make sure browse button is in the right side
+      # in Internet Explorer
+      direction: 'ltr'
+
+    @input = @createInput()
+
+  getInput: -> @input
+
+  # cleans/recreates the file input
+  reset: ->
+    if @input.parentNode
+      $(@input).remove()
+
+    @$element.removeClass(@options.focusClass)
+    @input = @createInput()
+
+  createInput: ->
+    input = document.createElement("input")
+
+    if @options.multiple
+      input.setAttribute("multiple", "multiple")
+
+    if @options.acceptFiles
+      input.setAttribute("accept", @options.acceptFiles)
+
+    input.setAttribute("type", "file")
+    input.setAttribute("name", @options.name)
+
+    $(input).css
+      position: 'absolute'
+      # in Opera only 'browse' button
+      # is clickable and it is located at
+      # the right side of the input
+      right: 0
+      top: 0
+      fontFamily: 'Arial'
+      # 4 persons reported this, the max values that worked for them were 243, 236, 236, 118
+      fontSize: '118px'
+      margin: 0
+      padding: 0
+      cursor: 'pointer'
+      opacity: 0
+
+    @$element.append(input)
+
+    $(input).on 
+      change:    => @options.onChange(input)
+      mouseover: => @$element.addClass(@options.hoverClass)
+      mouseout:  => @$element.removeClass(@options.hoverClass)
+      focus:     => @$element.addClass(@options.focusClass)
+      blur:      => @$element.removeClass(@options.focusClass)
+
+    # IE and Opera, unfortunately have 2 tab stops on file input
+    # which is unacceptable in our case, disable keyboard access
+    if window.attachEvent
+      # it is IE or Opera
+      input.setAttribute('tabIndex', '-1')
+
+    input
+
+$.fn.uploaderButtonDefaults =  
+  element: null
+  # if set to true adds multiple attribute to file input
+  multiple: false,
+  acceptFiles: null,
+  # name attribute of file input
+  name: 'file',
+  onChange: (input) -> null,
+  hoverClass: 'qq-upload-button-hover',
+  focusClass: 'qq-upload-button-focus'

data/app/assets/javascripts/anjlab/uploads/dnd.js.coffee

@@ -0,0 +1,215 @@
+utils = @AnjLab.Uploads.Utils
+
+class @AnjLab.Uploads.DragAndDrop
+
+  constructor: (zones, options)->
+    @droppedFiles = []
+    @droppedEntriesCount = 0
+    @droppedEntriesParsedCount = 0
+    @options = options
+    @setupDragDrop(zones)
+    
+  maybeUploadDroppedFiles: ->
+    if @droppedEntriesCount == @droppedEntriesParsedCount && !@dirPending
+      @options.callbacks.log("Grabbed #{@droppedFiles.length} files after tree traversal.")
+      @zones.each -> $(this).data('dropZone').dropDisabled(false)
+      @options.callbacks.dropProcessing(false, @droppedFiles)
+
+  addDroppedFile: (file)->
+    @droppedFiles.push(file)
+    @droppedEntriesParsedCount += 1
+    @maybeUploadDroppedFiles()
+
+  traverseFileTree: (entry)->
+    # var dirReader, i;
+    dirPending = false
+    @droppedEntriesCount+=1
+
+    if entry.isFile
+      entry.file (file) => @addDroppedFile(file)
+    else if entry.isDirectory
+      dirPending = true
+      dirReader = entry.createReader();
+      dirReader.readEntries (entries) =>
+        @droppedEntriesParsedCount+=1;
+        for e in entries
+          @traverseFileTree(e)
+
+        dirPending = false;
+
+        if !entries.length
+          @maybeUploadDroppedFiles()
+
+  isFileDrag: (dragEvent) ->
+    for own key, val of dragEvent.dataTransfer.types
+      return true if val == 'Files'
+
+    false
+
+  handleDataTransfer: (dataTransfer) ->
+    @options.callbacks.dropProcessing(true)
+    @zones.each -> $(this).data('dropZone').dropDisabled(true)
+
+    if dataTransfer.files.length > 1 && !@options.multiple
+      @options.callbacks.dropProcessing(false)
+      @options.callbacks.error('tooManyFilesError', "")
+      @zones.each -> $(this).data('dropZone').dropDisabled(false)
+    else
+      @droppedFiles = [];
+      @droppedEntriesCount = 0
+      @droppedEntriesParsedCount = 0
+
+      if utils.isFolderDropSupported(dataTransfer)
+        items = dataTransfer.items
+
+        i = 0
+        for item in items
+          entry = item.webkitGetAsEntry()
+          if entry
+            # due to a bug in Chrome's File System API impl - #149735
+            if entry.isFile
+              @droppedFiles.push(items[i].getAsFile());
+              if (i == items.length - 1)
+                @maybeUploadDroppedFiles()
+              else
+                @traverseFileTree(entry)
+          i += 1
+      else
+        @options.callbacks.dropProcessing(false, dataTransfer.files)
+        @zones.each -> $(this).data('dropZone').dropDisabled(false)
+
+  setupDragDrop: (zones)->
+    dnd = this
+    @zones = $(zones).each ->
+      $zone = $(this)
+      zoneOpts = $.extend(true, {}, {
+        onEnter: (e) =>
+          $zone.toggleClass(dnd.options.classes.dropActive, true)
+          e.stopPropagation()
+
+        onLeaveNotDescendants: (e) =>
+          $zone.toggleClass(dnd.options.classes.dropActive, false)
+
+        onDrop: (e) =>
+          $zone.toggleClass(dnd.options.classes.dropActive, false)
+
+          dnd.handleDataTransfer(e.originalEvent.dataTransfer)
+      }, dnd.options)
+
+      $zone.data('dropZone', new AnjLab.Uploads.UploadDropZone(this, zoneOpts))
+
+    $(document).on 'drop', (e) -> e.preventDefault()
+
+_dropOutsideDisabled = false
+_collection = $()
+
+class @AnjLab.Uploads.UploadDropZone
+
+  constructor: (element, options)->
+    @$element = $(element)
+
+    defaultOptions =
+      onEnter: (e) -> null
+      onLeave: (e) -> null
+      # is not fired when leaving element by hovering descendants
+      onLeaveNotDescendants: (e) -> null,
+      onDrop: (e) -> null
+
+    @options = $.extend(true, {}, defaultOptions, options)
+
+    @disableDropOutside()
+    @attachEvents()
+
+  docDragEnter:(e)->
+    if (_collection.size() == 0)
+      $('body').toggleClass(@options.classes.bodyDragover, true)
+    _collection = _collection.add(e.target)
+
+  docDragLeave:(e)->
+    #timeout is needed because Firefox 3.6 fires the dragleave event on
+    # the previous element before firing dragenter on the next one
+    setTimeout( =>
+      # remove 'left' element from the collection
+      _collection = _collection.not(e.target)
+
+      # if collection is empty we have left the original element
+      # (dragleave has fired on all 'entered' elements)
+      if _collection.size() == 0
+        $('body').toggleClass(@options.classes.bodyDragover, false)
+    , 1)
+
+  disableDropOutside: (e) ->
+    # run only once for all instances
+    if !_dropOutsideDisabled
+
+      $(document).on 'dragover', (e)->
+        if e.originalEvent.dataTransfer
+          e.originalEvent.dataTransfer.dropEffect = 'none'
+          e.preventDefault()
+          false
+
+      $(document).on 'dragenter', (e) => @docDragEnter(e)
+
+      $(document).on 'dragleave drop', (e)=> @docDragLeave(e)
+
+    _dropOutsideDisabled = true
+
+  isValidFileDrag: (e)->
+    # e.dataTransfer currently causing IE errors
+    # IE9 does NOT support file API, so drag-and-drop is not possible
+    return false if utils.ie() && !utils.ie10()
+
+    dt = e.originalEvent.dataTransfer
+    # do not check dt.types.contains in webkit, because it crashes safari 4
+    isSafari = utils.safari()
+
+    # dt.effectAllowed is none in Safari 5
+    # dt.types.contains check is for firefox
+    effectTest = if utils.ie10() then true else dt.effectAllowed != 'none'
+    dt && effectTest && (dt.files || (!isSafari && dt.types.contains && dt.types.contains('Files')))
+
+  isOrSetDropDisabled: (isDisabled)->
+    @preventDrop = isDisabled if isDisabled != undefined
+    @preventDrop
+
+  attachEvents: ->
+    @$element.on 'dragover', (e) =>
+      return if !@isValidFileDrag(e)
+            
+      effect = if utils.ie() ? null else e.originalEvent.dataTransfer.effectAllowed
+      if effect == 'move' || effect == 'linkMove'
+        e.originalEvent.dataTransfer.dropEffect = 'move' # for FF (only move allowed)
+      else
+        e.originalEvent.dataTransfer.dropEffect = 'copy' # for Chrome
+
+      e.stopPropagation()
+      e.preventDefault()
+      false
+
+    @$element.on 'dragenter', (e) =>
+      @docDragEnter(e)
+      if !@isOrSetDropDisabled()
+        return if !@isValidFileDrag(e)
+        @options.onEnter(e)
+
+    @$element.on 'dragleave', (e) =>
+      @docDragLeave(e)
+      return if !@isValidFileDrag(e)
+
+      @options.onLeave(e)
+
+      relatedTarget = document.elementFromPoint(e.clientX, e.clientY)
+      # do not fire when moving a mouse over a descendant
+      return if $.contains(this, relatedTarget)
+
+      @options.onLeaveNotDescendants(e)
+
+    @$element.on 'drop', (e) =>
+      @docDragLeave(e)
+      if !@isOrSetDropDisabled()
+        return if !@isValidFileDrag(e)
+        e.preventDefault()
+        @options.onDrop(e)
+        false
+
+  dropDisabled: (isDisabled) -> @isOrSetDropDisabled(isDisabled)

data/app/assets/javascripts/anjlab/uploads/handler.base.js.coffee

@@ -0,0 +1,101 @@
+utils = @AnjLab.Uploads.Utils
+
+class @AnjLab.Uploads.UploadHandler
+  constructor: (options)->
+    @options = options
+    @queue = []
+    @log = options.log
+
+  @create: (options) ->
+    opts = $.extend(true, {}, $.fn.uploadHandlerDefaults, options)
+    if utils.isXhrUploadSupported()
+      new AnjLab.Uploads.UploadHandlerXhr(opts)
+    else
+      new AnjLab.Uploads.UploadHandlerForm(opts)
+
+  # Removes element from queue, starts upload of next
+  dequeue: (id) ->
+    i = $.inArray(id, @queue)
+    max = @options.maxConnections
+
+    @queue.splice(i, 1)
+
+    if @queue.length >= max && i < max
+      nextId = @queue[max-1]
+      @uploadFile(nextId)
+
+  upload: (id) ->
+    # if too many active uploads, wait...
+    @uploadFile(id) if @queue.push(id) <= @options.maxConnections
+
+  retry: (id) ->
+    if $.inArray(id, @queue) >= 0
+      @uploadFile(id, true)
+    else
+      @upload(id)
+
+  cancel: (id) ->
+      @log("Cancelling #{id}")
+      @options.paramsStore.remove(id)
+      @cancelFile(id)
+      @dequeue(id)
+
+  cancelAll: ->
+    for fileId in @queue
+      @cancel(fileId)
+
+    @queue = []
+
+  getQueue: -> @queue
+
+  reset: ->
+    @log('Resetting upload handler')
+    @queue = []
+    # all handers should call super in their resets
+
+  uploadComplete: (id) -> @dequeue(id)
+
+  # protocol for handlers to implement
+
+  add: (file) -> @log('Not implemented')
+  uploadFile: (id, m) -> @log('Not implemented')
+  cancelFile: (id) -> @log('Not implemented')
+  getName: (id) -> @log('Not implemented')  
+  getUuid: (id) -> @log('Not implemented')
+  isValid: (id) -> @log('Not implemented')
+  getSize: (id) -> null
+  getFile: (id) -> null
+  getResumableFilesData: -> []
+
+$.fn.uploadHandlerDefaults =
+  debug: false
+  forceMultipart: true
+  paramsStore: {}
+  endpointStore: {}
+  maxConnections: 3 # maximum number of concurrent uploads
+  uuidParamName: 'qquuid'
+  totalFileSizeParamName: 'qqtotalfilesize'
+  chunking:
+    enabled: false
+    partSize: 2000000 # bytes
+    paramNames:
+        partIndex: 'qqpartindex'
+        partByteOffset: 'qqpartbyteoffset'
+        chunkSize: 'qqchunksize'
+        totalParts: 'qqtotalparts'
+        filename: 'qqfilename'
+  resume:
+    enabled: false
+    id: null
+    cookiesExpireIn: 7 #days
+    paramNames:
+      resuming: "qqresume"
+
+  log: (str, level) -> null
+  onProgress: (id, fileName, loaded, total) -> null
+  onComplete: (id, fileName, response, xhr) -> null
+  onCancel: (id, fileName) -> null
+  onUpload: (id, fileName) -> null
+  onUploadChunk: (id, fileName, chunkData) -> null
+  onAutoRetry: (id, fileName, response, xhr) -> null
+  onResume: (id, fileName, chunkData) -> null