carrierwave-crop-on-fly 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: a4b2b20f10b010c98b7c72ce473beddc9fd9fbab
+  data.tar.gz: 4568c7d682db0640d53151093ccc37ef6494f1d1
+SHA512:
+  metadata.gz: e4195a367c327aef9ed2c66bd7f5aa9a59564bf40584c6815de72dadf6eb545d026d51a9ad36d6b7e0142c145be2b255c0067ea0513fde64497f8a55ccc1ef92
+  data.tar.gz: 0e5fbcfc2ec2988ee9d0308dfcdb27b3d3276c200a44a28dbeb93fd05d9a0d243a9857f5c8c07169d958dea6a35830f56e3bc905a3ea787874ef5479e95fb3d5

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2015 evg2108
+
+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,67 @@
+# CarrierWave-Fly-Crop
+
+CarrierWave extension for on fly specifying crop area with preview and cropping images before they saved.
+
+this gem based on [carrierwave-crop](https://github.com/kirtithorat/carrierwave-crop)
+
+## Installation
+
+Install the latest stable release:
+
+    $[sudo] gem install carrierwave-fly-crop
+
+In Rails, add it to your Gemfile:
+
+    gem 'carrierwave-fly-crop'
+    
+Also you must add mini_magick gem
+
+    gem 'mini_magick'
+
+And then execute:
+
+    $ bundle
+
+Finally, restart the server to apply the changes.
+
+## Getting Started
+
+Add the required files in assets
+
+In .js file
+
+    //= require jquery
+    //= require jcrop_init
+
+In .css file
+
+    *= require jquery.jcrop
+    *= require jcrop_fix
+
+## Usage
+
+Open your model file and add the CarrierWave uploader:
+
+    class User < ActiveRecord::Base
+      mount_uploader :avatar, AvatarUploader
+    end
+
+In the CarrierWave uploader:
+
+    class BaseUploader < CarrierWave::Uploader::Base
+      include CarrierWave::MiniMagick
+      process crop: [100, 100]
+    end
+
+In the view:
+
+    <%= form_for @user do |f| %>
+      <%= f.file_field :avatar %>
+      <%= f.cropbox :avatar, width: 300, height: 300 %>
+      <%= f.previewbox :avatar %>
+      <%= f.submit 'Crop' %>
+    <% end %>
+
+### Credits and resources
+* [CarrierWave](https://github.com/carrierwaveuploader/carrierwave)
+* [Deep Liquid's JCrop](http://deepliquid.com/content/Jcrop.html)

data/app/assets/javascripts/jcrop.js

@@ -0,0 +1,145 @@
+//= require jquery.jcrop.js
+//= require_self
+
+document.jcrop = (function() {
+    var exports = { };
+
+    var centerSelection = function(input_image_sizes, output_image_sizes) {
+        var x_offset = 0;
+        var y_offset = 0;
+        var orig_w = input_image_sizes[0];
+        var orig_h = input_image_sizes[1];
+
+        var ratio = output_image_sizes[0] / output_image_sizes[1];
+        var current_image_ratio = orig_w / orig_h;
+
+        var width = orig_w;
+        var height = orig_h;
+        if (ratio < current_image_ratio) {
+            width = orig_h * ratio;
+            x_offset = (orig_w - width) / 2;
+        } else if (ratio > current_image_ratio) {
+            height = orig_w * ratio;
+            y_offset = (orig_h - height) / 2
+        }
+
+        return { aspect_ratio: ratio, position_and_size: [x_offset, y_offset, width, height] }
+    };
+
+    var readURL = function(input)
+    {
+        if (input.files && input.files[0]) {
+            var reader = new FileReader();
+
+            reader.onload = function(e){
+                if (!document.jcrop.options.image_loaded) {
+                    document.jcrop.options.image_loaded = true;
+                    document.jcrop.options.cropbox_image.on('load', function () {
+                        document.jcrop.options.current_image_width = this.width;
+                        document.jcrop.options.current_image_height = this.height;
+
+                        var selection = centerSelection([document.jcrop.options.current_image_width, document.jcrop.options.current_image_height],
+                                                        [document.jcrop.options.output_width, document.jcrop.options.output_height]);
+
+                        var data = document.jcrop.options.cropbox_image.data('Jcrop');
+                        if (data) { data.destroy(); }
+
+                        document.jcrop.options.cropbox_image.Jcrop({
+                            aspectRatio: selection.aspect_ratio,
+                            setSelect: selection.position_and_size,
+                            onChange: showPreview,
+                            onSelect: showPreview,
+                            boxWidth: 300, boxHeight: 300
+                        });
+                    });
+                }
+
+                document.jcrop.options.cropbox_image.attr('src', e.target.result);
+                if (document.jcrop.options.previewbox_image.length > 0) { document.jcrop.options.previewbox_image.attr('src', e.target.result); }
+            };
+            reader.readAsDataURL(input.files[0]);
+        }
+    };
+
+    var showPreview = function(coords) {
+        if (document.jcrop.options.crop_x.length > 0) { document.jcrop.options.crop_x.val(coords.x); }
+        if (document.jcrop.options.crop_y.length > 0) { document.jcrop.options.crop_y.val(coords.y); }
+        if (document.jcrop.options.crop_w.length > 0) { document.jcrop.options.crop_w.val(coords.w); }
+        if (document.jcrop.options.crop_h.length > 0) { document.jcrop.options.crop_h.val(coords.h); }
+
+        if (document.jcrop.options.previewbox_image.length > 0) {
+            var original_picture_height = document.jcrop.options.current_image_height;
+            var original_picture_width = document.jcrop.options.current_image_width;
+
+            var preview_height = document.jcrop.options.output_height;
+            var preview_width = document.jcrop.options.output_width;
+
+            var imaginary_picture_height = (original_picture_height * preview_height) / coords.h;
+            var imaginary_picture_width = (original_picture_width * preview_width) / coords.w;
+
+            var imaginary_picture_x_shift = imaginary_picture_width * coords.x / (original_picture_width);
+            var imaginary_picture_y_shift = imaginary_picture_height * coords.y / (original_picture_height);
+
+            document.jcrop.options.previewbox_image.css({
+                width: Math.round(imaginary_picture_width) + 'px',
+                height: Math.round(imaginary_picture_height) + 'px',
+                marginLeft: '-' + Math.round(imaginary_picture_x_shift) + 'px',
+                marginTop: '-' + Math.round(imaginary_picture_y_shift) + 'px'
+            });
+        }
+    };
+
+    var init_options = function(options) {
+        options = options || {};
+
+        options.file_input_id = options.file_input_id ? '#' + options.file_input_id : '#file_input_cropper';
+        options.file_input = $(options.file_input_id);
+        if (options.file_input.length == 0) { throw "element '" + options.file_input_id + "' not found"; }
+
+        options.cropbox_image_id = options.cropbox_image_id || options.file_input_id + '_cropbox';
+        options.cropbox_image = $(options.cropbox_image_id);
+        if (options.cropbox_image.length == 0) { throw "element '" + options.cropbox_image_id + "' not found"; }
+
+        options.previewbox_image_id = options.previewbox_image_id || options.file_input_id + '_previewbox';
+        options.previewbox_image = $(options.previewbox_image_id);
+        if (options.previewbox_image.length == 0) { console.info("element '" + options.previewbox_image_id + "' not found"); }
+
+        options.crop_x_id = options.crop_x_id || options.file_input_id + '_crop_x';
+        options.crop_x = $(options.crop_x_id);
+        if (options.crop_x.length == 0) { console.warn("element '" + options.crop_x_id + "' not found. You can not send horizontal offset data to the server"); }
+
+        options.crop_y_id = options.crop_y_id || options.file_input_id + '_crop_y';
+        options.crop_y = $(options.crop_y_id);
+        if (options.crop_y.length == 0) { console.warn("element '" + options.crop_y_id + "' not found. You can not send vertical offset data to the server"); }
+
+        options.crop_w_id = options.crop_w_id || options.file_input_id + '_crop_w';
+        options.crop_w = $(options.crop_w_id);
+        if (options.crop_w.length == 0) { console.warn("element '" + options.crop_w_id + "' not found. You can not send width data to the server"); }
+
+        options.crop_h_id = options.crop_h_id || options.file_input_id + '_crop_h';
+        options.crop_h = $(options.crop_h_id);
+        if (options.crop_h.length == 0) { console.warn("element '" + options.crop_h_id + "' not found. You can not send height data to the server"); }
+
+        options.output_width = options.output_width || options.cropbox_image.data('output-width') || 100;
+        options.output_height = options.output_height || options.cropbox_image.data('output-height') || 100;
+
+        document.jcrop.options = options;
+
+        return options;
+    };
+
+    exports.init = function(options) {
+        init_options(options);
+
+        var file_input = $(document.jcrop.options.file_input_id);
+
+        if (file_input.length > 0) {
+            file_input.change(function(){
+                if (document.jcrop.options.after_change) { document.jcrop.options.after_change(); }
+                readURL(this);
+            });
+        }
+    };
+    
+    return exports;
+})();

data/app/assets/stylesheets/jcrop_fix.css

@@ -0,0 +1,3 @@
+.jcrop-keymgr {
+  opacity: 0;
+}

data/lib/carrierwave-crop-on-fly.rb

@@ -0,0 +1 @@
+require 'carrierwave/crop/all'

data/lib/carrierwave/crop/all.rb

@@ -0,0 +1,13 @@
+# encoding: utf-8
+
+require 'carrierwave/crop/version'
+require 'carrierwave/crop/error'
+
+if defined? Rails
+  require 'carrierwave/crop/engine'
+  require 'carrierwave/crop/helpers'
+  require 'carrierwave/crop/uploader_additions'
+  require 'carrierwave/crop/uploaded_file_additions'
+  require 'carrierwave/crop/extension_crop_data'
+  require 'carrierwave/crop/railtie'
+end

data/lib/carrierwave/crop/engine.rb

@@ -0,0 +1,8 @@
+# encoding: utf-8
+
+module CarrierWave
+  module Crop
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/carrierwave/crop/error.rb

@@ -0,0 +1,8 @@
+# encoding: utf-8
+
+module CarrierWave
+  module Crop
+    class MissingProcessorError < StandardError; end
+    class ProcessingError < StandardError; end
+  end
+end

data/lib/carrierwave/crop/extension_crop_data.rb

@@ -0,0 +1,29 @@
+module CarrierWave
+  module Crop
+    module ExtensionCropData
+      extend ActiveSupport::Concern
+
+      included do
+        before :cache, :remember_crop_data
+
+        attr_accessor :crop_x, :crop_y, :crop_w, :crop_h
+      end
+
+      private
+
+      def remember_crop_data(file)
+        self.crop_x = file.file.crop_x
+        self.crop_y = file.file.crop_y
+        self.crop_w = file.file.crop_w
+        self.crop_h = file.file.crop_h
+      end
+
+    end
+  end
+end
+
+if defined? CarrierWave::Uploader::Base
+  CarrierWave::Uploader::Base.class_eval do
+    include ::CarrierWave::Crop::ExtensionCropData
+  end
+end

data/lib/carrierwave/crop/helpers.rb

@@ -0,0 +1,84 @@
+# encoding: utf-8
+
+module CarrierWave
+  module Crop
+    module Helpers
+
+      # Form helper to render the preview of a cropped attachment.
+      # Loads the actual image. Previewbox has no constraints on dimensions, image is renedred at full size.
+      # By default box size is 100x100. Size can be customized by setting the :width and :height option.
+      # If you override one of width/height you must override both.
+      #
+      #   previewbox :avatar
+      #   previewbox :avatar, width: 200, height: 200
+      #
+      # @param attachment [Symbol] attachment name
+      # @param opts [Hash] specify version or width and height options
+      def previewbox(attachment, opts = {})
+        attachment = attachment.to_sym
+        attachment_instance = self.object.send(attachment)
+
+        if(attachment_instance.is_a? CarrierWave::Uploader::Base)
+          model_name = self.object.class.name.demodulize.underscore
+          width, height = 100, 100
+          if(opts[:width] && opts[:height])
+            width, height = opts[:width].round, opts[:height].round
+          elsif (sizes = find_output_sizes(attachment_instance))
+            width, height = *sizes
+          end
+          wrapper_attributes = {id: "#{model_name}_#{attachment}_previewbox_wrapper", style: "width:#{width}px; height:#{height}px; overflow:hidden", class: 'previewbox_wrapper'}
+
+          preview_image = @template.image_tag(attachment_instance.url, id: "#{model_name}_#{attachment}_previewbox")
+          @template.content_tag(:div, preview_image, wrapper_attributes)
+        end
+      end
+
+      def find_output_sizes(attachment_instance)
+        attachment_instance.class.processors.reverse.find{ |a| a[0].to_s.include?('crop') }.try(:[], 1)
+      end
+
+      # Form helper to render the actual cropping box of an attachment.
+      # Loads the actual image. Cropbox has no constraints on dimensions, image is renedred at full size.
+      # Box size can be restricted by setting the :width and :height option. If you override one of width/height you must override both.
+      #
+      #   cropbox :avatar
+      #   cropbox :avatar, width: 550, height: 600
+      #
+      # @param attachment [Symbol] attachment name
+      # @param opts [Hash] specify version or width and height options
+      def cropbox(attachment, opts = {})
+        attachment = attachment.to_sym
+        attachment_instance = self.object.send(attachment)
+
+        if(attachment_instance.is_a? CarrierWave::Uploader::Base)
+          model_name = self.object.class.name.demodulize.underscore
+
+          output = ActiveSupport::SafeBuffer.new
+          [:crop_x ,:crop_y, :crop_w, :crop_h].each do |attribute|
+            output << @template.hidden_field_tag("#{model_name}[#{attachment}][#{attribute}]", nil, id: "#{model_name}_#{attachment}_#{attribute}")
+          end
+
+          wrapper_attributes = {id: "#{model_name}_#{attachment}_cropbox_wrapper", class: 'cropbox_wrapper'}
+          if(opts[:width] && opts[:height])
+            wrapper_attributes.merge!(style: "width:#{opts[:width].round}px; height:#{opts[:height].round}px; overflow:hidden")
+          end
+
+          width, height = 100, 100
+          if (sizes = find_output_sizes(attachment_instance))
+            width, height = *sizes
+          end
+
+          output << @template.image_tag(attachment_instance.url, id: "#{model_name}_#{attachment}_cropbox", data: { output_width: width, output_height: height })
+
+          @template.content_tag(:div, output, wrapper_attributes)
+        end
+      end
+    end
+  end
+end
+
+if defined? ActionView::Helpers::FormBuilder
+  ActionView::Helpers::FormBuilder.class_eval do
+    include CarrierWave::Crop::Helpers
+  end
+end

data/lib/carrierwave/crop/railtie.rb

@@ -0,0 +1,10 @@
+# encoding: utf-8
+
+module CarrierWave
+  module Crop
+    class Railtie < Rails::Railtie
+      initializer 'carrierwave.crop' do
+      end
+    end
+  end
+end

data/lib/carrierwave/crop/uploaded_file_additions.rb

@@ -0,0 +1,15 @@
+class ActionDispatch::Http::UploadedFile
+  attr_accessor :crop_x, :crop_y, :crop_w, :crop_h
+
+  alias_method :old_initialize, :initialize
+
+  def initialize(hash)
+    parameters = hash.with_indifferent_access
+    @crop_x = parameters[:crop_x]
+    @crop_y = parameters[:crop_y]
+    @crop_w = parameters[:crop_w]
+    @crop_h = parameters[:crop_h]
+
+    old_initialize(hash)
+  end
+end

data/lib/carrierwave/crop/uploader_additions.rb

@@ -0,0 +1,67 @@
+module CarrierWave
+  module Crop
+    module UploaderAdditions
+      # Performs cropping.
+      #
+      #  Resizes the original image to 600x600 and then performs cropping
+      #  process crop: [600, 600]
+      def crop(width = nil, height = nil)
+        if self.respond_to? "resize_to_limit"
+          begin
+            manipulate! do |img|
+              if crop_w.present? && crop_h.present?
+                w = crop_w
+                h = crop_h
+              else
+                orig_w = img['width']
+                orig_h = img['height']
+
+                ratio = width.to_f / height
+                orig_ratio = orig_w / orig_h
+
+                w = h = [orig_w, orig_h].min
+                if ratio < orig_ratio
+                  w = orig_h * ratio
+                elsif ratio > orig_ratio
+                  h = orig_w * ratio
+                end
+              end
+
+              if crop_x.blank? && crop_y.blank?
+                img.combine_options do |op|
+                  op.crop "#{w.to_i}x#{h.to_i}+0+0"
+                  op.gravity 'Center'
+                end
+              else
+                img.crop("#{w.to_i}x#{h.to_i}+#{crop_x.to_i}+#{crop_y.to_i}")
+              end
+              img.resize("#{width}x#{height}")
+              img
+            end
+
+          rescue Exception => e
+            raise CarrierWave::Crop::ProcessingError, "Failed to crop - #{e.message}"
+          end
+
+        else
+          raise CarrierWave::Crop::MissingProcessorError, "Failed to crop #{attachment}. Add mini_magick."
+        end
+      end
+
+      # Checks if the attachment received cropping attributes
+      # @param  attachment [Symbol] Name of the attribute to be croppedv
+      #
+      # @return [Boolean]
+      # def cropping?
+      #   crop_x.present? && crop_y.present? && crop_w.present? && crop_h.present?
+      # end
+
+    end ## End of UploaderAdditions
+  end ## End of Crop
+end ## End of CarrierWave
+
+if defined? CarrierWave::Uploader::Base
+  CarrierWave::Uploader::Base.class_eval do
+    include CarrierWave::Crop::UploaderAdditions
+  end
+end