jquery-image_reader 0.1.0

data/.gitignore

@@ -0,0 +1,18 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+lib/assets/index.html
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,8 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in jquery-image_reader.gemspec
+gemspec
+
+gem "coffee-filter"
+gem "middleman", "~>3.0.0.beta.3"
+gem "therubyracer"

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2012 Daniel X. Moore
+
+MIT License
+
+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.md

@@ -0,0 +1,29 @@
+# Jquery::ImageReader
+
+TODO: Write a gem description
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'jquery-image_reader'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install jquery-image_reader
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Added some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1,8 @@
+#!/usr/bin/env rake
+require "bundler/gem_tasks"
+
+task :build => [:compile]
+
+task :compile do
+  `middleman build`
+end

data/config.rb

@@ -0,0 +1,79 @@
+###
+# Compass
+###
+
+# Susy grids in Compass
+# First: gem install compass-susy-plugin
+# require 'susy'
+
+# Change Compass configuration
+# compass_config do |config|
+#   config.output_style = :compact
+# end
+
+###
+# Page options, layouts, aliases and proxies
+###
+
+# Per-page layout changes:
+#
+# With no layout
+# page "/path/to/file.html", :layout => false
+#
+# With alternative layout
+# page "/path/to/file.html", :layout => :otherlayout
+#
+# A path which all have the same layout
+# with_layout :admin do
+#   page "/admin/*"
+# end
+
+# Proxy (fake) files
+# page "/this-page-has-no-template.html", :proxy => "/template-file.html" do
+#   @which_fake_page = "Rendering a fake page with a variable"
+# end
+
+###
+# Helpers
+###
+
+# Automatic image dimensions on image_tag helper
+# activate :automatic_image_sizes
+
+# Methods defined in the helpers block are available in templates
+# helpers do
+#   def some_helper
+#     "Helping"
+#   end
+# end
+
+set :css_dir, 'stylesheets'
+
+set :js_dir, 'javascripts'
+
+set :images_dir, 'images'
+
+set :build_dir, 'lib/assets'
+
+# Build-specific configuration
+configure :build do
+  # For example, change the Compass output style for deployment
+  # activate :minify_css
+
+  # Minify Javascript on build
+  # activate :minify_javascript
+
+  # Enable cache buster
+  # activate :cache_buster
+
+  # Use relative URLs
+  # activate :relative_assets
+
+  # Compress PNGs after build
+  # First: gem install middleman-smusher
+  # require "middleman-smusher"
+  # activate :smusher
+
+  # Or use a different image path
+  # set :http_path, "/Content/images/"
+end

data/jquery-image_reader.gemspec

@@ -0,0 +1,19 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/jquery-image_reader/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["Daniel X. Moore"]
+  gem.email         = ["yahivin@gmail.com"]
+  gem.description   = %q{A couple of jquery plugins that allow easy binding of file drop and paste events specially targeting getting image data.}
+  gem.summary       = %q{Paste and Drop images into web apps}
+  gem.homepage      = "https://github.com/STRd6/jquery-image_reader"
+
+  gem.files         = `git ls-files`.split($\)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.name          = "jquery-image_reader"
+  gem.require_paths = ["lib"]
+  gem.version       = Jquery::ImageReader::VERSION
+
+  gem.add_dependency "jquery-source"
+end

data/lib/assets/javascripts/jquery.drop_image_reader.js

@@ -0,0 +1,58 @@
+(function() {
+
+  (function($) {
+    var defaults;
+    $.event.fix = (function(originalFix) {
+      return function(event) {
+        event = originalFix.apply(this, arguments);
+        if (event.type.indexOf('drag') === 0 || event.type.indexOf('drop') === 0) {
+          event.dataTransfer = event.originalEvent.dataTransfer;
+        }
+        return event;
+      };
+    })($.event.fix);
+    defaults = {
+      callback: $.noop,
+      matchType: /image.*/
+    };
+    return $.fn.dropImageReader = function(options) {
+      var stopFn;
+      if (typeof options === "function") {
+        options = {
+          callback: options
+        };
+      }
+      options = $.extend({}, defaults, options);
+      stopFn = function(event) {
+        event.stopPropagation();
+        return event.preventDefault();
+      };
+      return this.each(function() {
+        var $this, element;
+        element = this;
+        $this = $(this);
+        $this.bind('dragenter dragover dragleave', stopFn);
+        return $this.bind('drop', function(event) {
+          stopFn(event);
+          return Array.prototype.forEach.call(event.dataTransfer.files, function(file) {
+            var reader;
+            if (!file.type.match(options.matchType)) {
+              return;
+            }
+            reader = new FileReader();
+            reader.onload = function(evt) {
+              return options.callback.call(element, {
+                dataURL: evt.target.result,
+                event: evt,
+                file: file,
+                name: file.name
+              });
+            };
+            return reader.readAsDataURL(file);
+          });
+        });
+      });
+    };
+  })(jQuery);
+
+}).call(this);

data/lib/assets/javascripts/jquery.paste_image_reader.js

@@ -0,0 +1,58 @@
+(function() {
+
+  (function($) {
+    var defaults;
+    $.event.fix = (function(originalFix) {
+      return function(event) {
+        event = originalFix.apply(this, arguments);
+        if (event.type.indexOf('copy') === 0 || event.type.indexOf('paste') === 0) {
+          event.clipboardData = event.originalEvent.clipboardData;
+        }
+        return event;
+      };
+    })($.event.fix);
+    defaults = {
+      callback: $.noop,
+      matchType: /image.*/
+    };
+    return $.fn.pasteImageReader = function(options) {
+      if (typeof options === "function") {
+        options = {
+          callback: options
+        };
+      }
+      options = $.extend({}, defaults, options);
+      return this.each(function() {
+        var $this, element;
+        element = this;
+        $this = $(this);
+        return $this.bind('paste', function(event) {
+          var clipboardData, found;
+          found = false;
+          clipboardData = event.clipboardData;
+          return Array.prototype.forEach.call(clipboardData.types, function(type, i) {
+            var file, reader;
+            if (found) {
+              return;
+            }
+            if (type.match(options.matchType) || clipboardData.items[i].type.match(options.matchType)) {
+              file = clipboardData.items[i].getAsFile();
+              reader = new FileReader();
+              reader.onload = function(evt) {
+                return options.callback.call(element, {
+                  dataURL: evt.target.result,
+                  event: evt,
+                  file: file,
+                  name: file.name
+                });
+              };
+              reader.readAsDataURL(file);
+              return found = true;
+            }
+          });
+        });
+      });
+    };
+  })(jQuery);
+
+}).call(this);

data/lib/jquery-image_reader/version.rb

@@ -0,0 +1,5 @@
+module Jquery
+  module ImageReader
+    VERSION = "0.1.0"
+  end
+end

data/lib/jquery-image_reader.rb

@@ -0,0 +1,7 @@
+require "jquery-image_reader/version"
+
+module Jquery
+  module ImageReader
+    # Your code goes here...
+  end
+end

data/source/index.html.haml

@@ -0,0 +1,16 @@
+!!!
+%html
+  %head
+    = javascript_include_tag "jquery"
+    = javascript_include_tag "jquery.drop_image_reader"
+    = javascript_include_tag "jquery.paste_image_reader"
+  %body
+
+    :coffeescript
+      $("html").pasteImageReader ({name, dataURL, file, event}) ->
+        $("body").css
+          backgroundImage: "url(\#{dataURL})"
+
+      $("html").dropImageReader ({name, dataURL, file, event}) ->
+        $("body").css
+          backgroundImage: "url(\#{dataURL})"

data/source/javascripts/jquery.drop_image_reader.js.coffee

@@ -0,0 +1,51 @@
+(($) ->
+  $.event.fix = ((originalFix) ->
+    (event) ->
+      event = originalFix.apply(this, arguments)
+
+      if event.type.indexOf('drag') == 0 || event.type.indexOf('drop') == 0
+        event.dataTransfer = event.originalEvent.dataTransfer
+
+      event
+
+  )($.event.fix)
+
+  defaults =
+    callback: $.noop
+    matchType: /image.*/
+
+  $.fn.dropImageReader = (options) ->
+    if typeof options == "function"
+      options =
+        callback: options
+
+    options = $.extend({}, defaults, options)
+
+    stopFn = (event) ->
+      event.stopPropagation()
+      event.preventDefault()
+
+    this.each ->
+      element = this
+      $this = $(this)
+
+      $this.bind 'dragenter dragover dragleave', stopFn
+
+      $this.bind 'drop', (event) ->
+        stopFn(event)
+
+        Array::forEach.call event.dataTransfer.files, (file) ->
+          return unless file.type.match(options.matchType)
+
+          reader = new FileReader()
+
+          reader.onload = (evt) ->
+            options.callback.call element,
+              dataURL: evt.target.result
+              event: evt
+              file: file
+              name: file.name
+
+          reader.readAsDataURL(file)
+
+)(jQuery)

data/source/javascripts/jquery.paste_image_reader.js.coffee

@@ -0,0 +1,51 @@
+(($) ->
+  $.event.fix = ((originalFix) ->
+    (event) ->
+      event = originalFix.apply(this, arguments)
+
+      if event.type.indexOf('copy') == 0 || event.type.indexOf('paste') == 0
+        event.clipboardData = event.originalEvent.clipboardData
+
+      return event
+
+  )($.event.fix)
+
+  defaults =
+    callback: $.noop
+    matchType: /image.*/
+
+  $.fn.pasteImageReader = (options) ->
+    if typeof options == "function"
+      options =
+        callback: options
+
+    options = $.extend({}, defaults, options)
+
+    this.each ->
+      element = this
+      $this = $(this)
+
+      $this.bind 'paste', (event) ->
+        found = false
+        clipboardData = event.clipboardData
+
+        Array::forEach.call clipboardData.types, (type, i) ->
+          return if found
+
+          if type.match(options.matchType) or clipboardData.items[i].type.match(options.matchType)
+            file = clipboardData.items[i].getAsFile()
+
+            reader = new FileReader()
+
+            reader.onload = (evt) ->
+              options.callback.call element,
+                dataURL: evt.target.result
+                event: evt
+                file: file
+                name: file.name
+
+            reader.readAsDataURL(file)
+
+            found = true
+
+)(jQuery)

metadata

@@ -0,0 +1,71 @@
+--- !ruby/object:Gem::Specification
+name: jquery-image_reader
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+  prerelease: 
+platform: ruby
+authors:
+- Daniel X. Moore
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-06-02 00:00:00.000000000Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jquery-source
+  requirement: &18049760 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: *18049760
+description: A couple of jquery plugins that allow easy binding of file drop and paste
+  events specially targeting getting image data.
+email:
+- yahivin@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- config.rb
+- jquery-image_reader.gemspec
+- lib/assets/javascripts/jquery.drop_image_reader.js
+- lib/assets/javascripts/jquery.paste_image_reader.js
+- lib/jquery-image_reader.rb
+- lib/jquery-image_reader/version.rb
+- source/index.html.haml
+- source/javascripts/jquery.drop_image_reader.js.coffee
+- source/javascripts/jquery.paste_image_reader.js.coffee
+homepage: https://github.com/STRd6/jquery-image_reader
+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.10
+signing_key: 
+specification_version: 3
+summary: Paste and Drop images into web apps
+test_files: []