s3_direct_rails 0.1.0

data/vendor/assets/javascripts/s3_uploader/jquery.iframe-transport.js

@@ -0,0 +1,171 @@
+/*
+ * jQuery Iframe Transport Plugin 1.4
+ * https://github.com/blueimp/jQuery-File-Upload
+ *
+ * Copyright 2011, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ */
+
+/*jslint unparam: true, nomen: true */
+/*global define, window, document */
+
+(function (factory) {
+    'use strict';
+    if (typeof define === 'function' && define.amd) {
+        // Register as an anonymous AMD module:
+        define(['jquery'], factory);
+    } else {
+        // Browser globals:
+        factory(window.jQuery);
+    }
+}(function ($) {
+    'use strict';
+
+    // Helper variable to create unique names for the transport iframes:
+    var counter = 0;
+
+    // The iframe transport accepts three additional options:
+    // options.fileInput: a jQuery collection of file input fields
+    // options.paramName: the parameter name for the file form data,
+    //  overrides the name property of the file input field(s),
+    //  can be a string or an array of strings.
+    // options.formData: an array of objects with name and value properties,
+    //  equivalent to the return data of .serializeArray(), e.g.:
+    //  [{name: 'a', value: 1}, {name: 'b', value: 2}]
+    $.ajaxTransport('iframe', function (options) {
+        if (options.async && (options.type === 'POST' || options.type === 'GET')) {
+            var form,
+                iframe;
+            return {
+                send: function (_, completeCallback) {
+                    form = $('<form style="display:none;"></form>');
+                    // javascript:false as initial iframe src
+                    // prevents warning popups on HTTPS in IE6.
+                    // IE versions below IE8 cannot set the name property of
+                    // elements that have already been added to the DOM,
+                    // so we set the name along with the iframe HTML markup:
+                    iframe = $(
+                        '<iframe src="javascript:false;" name="iframe-transport-' +
+                            (counter += 1) + '"></iframe>'
+                    ).bind('load', function () {
+                        var fileInputClones,
+                            paramNames = $.isArray(options.paramName) ?
+                                    options.paramName : [options.paramName];
+                        iframe
+                            .unbind('load')
+                            .bind('load', function () {
+                                var response;
+                                // Wrap in a try/catch block to catch exceptions thrown
+                                // when trying to access cross-domain iframe contents:
+                                try {
+                                    response = iframe.contents();
+                                    // Google Chrome and Firefox do not throw an
+                                    // exception when calling iframe.contents() on
+                                    // cross-domain requests, so we unify the response:
+                                    if (!response.length || !response[0].firstChild) {
+                                        throw new Error();
+                                    }
+                                } catch (e) {
+                                    response = undefined;
+                                }
+                                // The complete callback returns the
+                                // iframe content document as response object:
+                                completeCallback(
+                                    200,
+                                    'success',
+                                    {'iframe': response}
+                                );
+                                // Fix for IE endless progress bar activity bug
+                                // (happens on form submits to iframe targets):
+                                $('<iframe src="javascript:false;"></iframe>')
+                                    .appendTo(form);
+                                form.remove();
+                            });
+                        form
+                            .prop('target', iframe.prop('name'))
+                            .prop('action', options.url)
+                            .prop('method', options.type);
+                        if (options.formData) {
+                            $.each(options.formData, function (index, field) {
+                                $('<input type="hidden"/>')
+                                    .prop('name', field.name)
+                                    .val(field.value)
+                                    .appendTo(form);
+                            });
+                        }
+                        if (options.fileInput && options.fileInput.length &&
+                                options.type === 'POST') {
+                            fileInputClones = options.fileInput.clone();
+                            // Insert a clone for each file input field:
+                            options.fileInput.after(function (index) {
+                                return fileInputClones[index];
+                            });
+                            if (options.paramName) {
+                                options.fileInput.each(function (index) {
+                                    $(this).prop(
+                                        'name',
+                                        paramNames[index] || options.paramName
+                                    );
+                                });
+                            }
+                            // Appending the file input fields to the hidden form
+                            // removes them from their original location:
+                            form
+                                .append(options.fileInput)
+                                .prop('enctype', 'multipart/form-data')
+                                // enctype must be set as encoding for IE:
+                                .prop('encoding', 'multipart/form-data');
+                        }
+                        form.submit();
+                        // Insert the file input fields at their original location
+                        // by replacing the clones with the originals:
+                        if (fileInputClones && fileInputClones.length) {
+                            options.fileInput.each(function (index, input) {
+                                var clone = $(fileInputClones[index]);
+                                $(input).prop('name', clone.prop('name'));
+                                clone.replaceWith(input);
+                            });
+                        }
+                    });
+                    form.append(iframe).appendTo(document.body);
+                },
+                abort: function () {
+                    if (iframe) {
+                        // javascript:false as iframe src aborts the request
+                        // and prevents warning popups on HTTPS in IE6.
+                        // concat is used to avoid the "Script URL" JSLint error:
+                        iframe
+                            .unbind('load')
+                            .prop('src', 'javascript'.concat(':false;'));
+                    }
+                    if (form) {
+                        form.remove();
+                    }
+                }
+            };
+        }
+    });
+
+    // The iframe transport returns the iframe content document as response.
+    // The following adds converters from iframe to text, json, html, and script:
+    $.ajaxSetup({
+        converters: {
+            'iframe text': function (iframe) {
+                return $(iframe[0].body).text();
+            },
+            'iframe json': function (iframe) {
+                return $.parseJSON($(iframe[0].body).text());
+            },
+            'iframe html': function (iframe) {
+                return $(iframe[0].body).html();
+            },
+            'iframe script': function (iframe) {
+                return $.globalEval($(iframe[0].body).text());
+            }
+        }
+    });
+
+}));

data/vendor/assets/javascripts/s3_uploader/s3_uploader.js

@@ -0,0 +1,88 @@
+jQuery(function() {
+
+  var host = 'http://localhost:3000';
+
+  var params = decodeURIComponent(location.href).split('?')[1].split('&');
+  var s3BucketUrl;
+  var jqXHR = new Array();
+
+  for (x in params){
+    var key = params[x].split('=')[0];
+    var val = params[x].substring(params[x].search('=')+1);
+    if( key == 'bucket' )
+      s3BucketUrl = val;
+    else
+      $('#file_upload input[name=' + key.replace(/^_/,'') + ']').val(val);
+   }
+
+  // Opera doesn't handle multiple files properly so use single file selection there
+  if (navigator.appName == 'Opera') {
+    $('#file_upload').find('input:file').each(function () {
+      $(this).removeAttr('multiple')
+        // Fix for Opera, which ignores just removing the multiple attribute:
+        .replaceWith($(this).clone(true));
+    });
+  }
+
+  function randomString(length) {
+    var chars = '0123456789abcdefghiklmnopqrstuvwxyz';
+    var sRnd = '';
+    for (var i=0; i<length; i++){
+        var randomPoz = Math.floor(Math.random() * chars.length);
+        sRnd += chars.substring(randomPoz,randomPoz+1);
+    }
+    return sRnd;
+  }
+
+  $(window).on("message", function (e) {
+    e.preventDefault();
+    if (e.originalEvent.origin !== host)
+      return;
+    var data = JSON.parse(e.originalEvent.data)
+    jqXHR[data.uuid].abort();
+  });
+
+  $('#file_upload').fileupload({
+
+    url: s3BucketUrl,
+
+    formData: function (form) {
+      var data = form.serializeArray();
+      var fileType = '';
+      if ('type' in this.files[0] )
+        fileType = this.files[0].type;
+      data.push({ name: 'Content-Type', value: fileType })
+      data[0].value = data[0].value.replace(':uuid', this.context);
+      return data;
+    },
+
+    add: function (e, data) {
+      var postData = { eventType: 'add upload' }
+      postData.uuidInKey = $('#file_upload input[name=key]').val().search(':uuid') != -1;
+      postData.file_name = data.files[0].name;
+      postData.uuid = randomString(20);
+
+      window.parent.postMessage(JSON.stringify(postData), host);
+
+      data.context = postData.uuid;
+      jqXHR[postData.uuid] = data.submit();
+    },
+
+    progress: function (e, data) {
+      window.parent.postMessage( JSON.stringify({ eventType: 'upload progress',
+                                 uuid: data.context,
+                                 progress: parseInt(data.loaded / data.total * 100, 10) }),
+                                 host);
+    },
+
+    done: function (e, data) {
+      var file = data.files[0];
+      var postData = { eventType: 'upload done', uuid: data.context };
+      postData.file_name = file.name;
+      postData.s3_key = $('#file_upload input[name=key]').val().replace('/${filename}', '').replace(':uuid', data.context);
+      if( 'size' in file ) postData.file_size = file.size;
+      if( 'type' in file ) postData.file_type = file.type;
+      window.parent.postMessage(JSON.stringify(postData), host);
+    }
+  });
+});

data/vendor/assets/javascripts/uploads.js.coffee.erb

@@ -0,0 +1,59 @@
+jQuery ->
+
+  uploaderHost = "http://#{$('#uploader').data('s3-bucket')}.s3.amazonaws.com"
+
+  xhrUploadProgressSupported = () ->
+    xhr = new XMLHttpRequest()
+    xhr && ('upload' of xhr) && ('onprogress' of xhr.upload)
+
+
+  # Can only track progress if size property is present on files.
+  progressSupported = xhrUploadProgressSupported()
+
+
+  $('#uploading_files').on 'click', '.uploading_file .remove_link', (e) ->
+    uuid = $(this).parent().data('uuid')
+    $(this).parent().remove()
+    $('#uploader iframe')[0].contentWindow.postMessage(JSON.stringify({ eventType: 'abort upload', uuid: uuid }), uploaderHost);
+
+
+  $(window).on "message", (event) ->
+
+    event = event.originalEvent
+
+    if event.origin != uploaderHost
+      return
+
+    data = JSON.parse(event.data)
+
+    eventType = data.eventType
+    delete data.eventType
+
+    switch eventType
+
+      when 'upload done'
+
+        $(".uploading_file[data-uuid=#{data.uuid}]").remove()
+
+        $.ajax $('#uploader iframe').data('create-resource-url'),
+          type: 'POST',
+          data: data
+
+
+      when 'add upload'
+
+        if progressSupported
+          uploadPercent = "<br/><progress value='0' max='100' class='upload_progress_bar'>0</progress> <span class='upload_percentage'>0</span> %";
+          $('#uploading_files').append("<p class='uploading_file'>#{data.file_name + uploadPercent} <a href='#' class='remove_link'>X</a></p>");
+        else
+          $('#uploading_files').append("<p class='uploading_file'>#{data.file_name}<br/><img src='<%= asset_path('uploading.gif') %>'/></p>");
+
+        $('.uploading_file').last().attr 'data-uuid', data.uuid
+
+
+      when 'upload progress'
+
+        if progressSupported
+          $(".uploading_file[data-uuid=#{data.uuid}]").find('.upload_percentage').html(data.progress)
+          $(".uploading_file[data-uuid=#{data.uuid}]").find('.upload_progress_bar').val(data.progress)
+

metadata

@@ -0,0 +1,70 @@
+--- !ruby/object:Gem::Specification
+name: s3_direct_rails
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+  prerelease: 
+platform: ruby
+authors:
+- Cory Kaufman-Schofied
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-05-09 00:00:00.000000000Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: aws-s3
+  requirement: &70328903805420 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: *70328903805420
+description: Upload files directly to S3 using Rails, Carrierwave and jQuery Fileupload
+email: cory@corykaufman.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- lib/s3_direct_rails.rb
+- lib/s3_direct_rails/railtie.rb
+- lib/s3_direct_rails/uploader_helper.rb
+- lib/s3_direct_rails/version.rb
+- lib/tasks/s3_direct_rails.rake
+- s3_direct_rails.gemspec
+- vendor/assets/javascripts/s3_uploader/jquery.fileupload.js
+- vendor/assets/javascripts/s3_uploader/jquery.iframe-transport.js
+- vendor/assets/javascripts/s3_uploader/s3_uploader.js
+- vendor/assets/javascripts/uploads.js.coffee.erb
+homepage: https://github.com/allspiritseve/s3_direct_rails
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.16
+signing_key: 
+specification_version: 3
+summary: S3 Direct Rails
+test_files: []