dropzone_input 0.0.2 → 1.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2b6c88928b59aae6ea99b57c341d4b0be5804bfd4e6c3b9ae1627ff06a31ade9
-  data.tar.gz: '083f0bafaad00984a5ad416fe83ae1f8ab10dbd26ae64c9b8b624ffefbe1b818'
+  metadata.gz: c4f03cfcfa9114f7c9121c5c82a9d307ce69c9a0c5a27789e906ed1692969234
+  data.tar.gz: 3d90a1417cacd85afb1ecb3558b5bad166c38df14512bc35e23578fed8d618d8
 SHA512:
-  metadata.gz: e4113b589dfbe38c9740cf061e37639627afb7155ce5a8f7ea08a3b824b9d4a4584963ee13ef490a963af2bb305a54a7f815f4332f562a090595bd19c90b25d8
-  data.tar.gz: db76a2c6297fb2cde4b7ad9db4f266a6d1375fb81cc0ffecf6cd3c7d101f3de03341b4eebbdb2517b12348173c1989ed4cc5f85f304063f862f83eec5721ac00
+  metadata.gz: 8466730e8d6a1fac07e1ed5b9131559958e9848ce8ea2136cea37ae9d825e41d9efb5a530dc3da4187fb3a6fce142dc2de7d65c170b320a2a8237f295c98cca0
+  data.tar.gz: 4715a836cd355621bfd9091c2dd493e479f2f65d24d79df264158e616cfbd4f53e9b9a49c2359bb5934b521241fb128ba6a8c24e4783f4314da60faa51a42d81

data/README.md

@@ -6,6 +6,7 @@ A Rails helper and Stimulus Controller that makes adding dropzone to a Rails for
 <%= form_with(model: User.new) do |form| %>
   <%= dropzone form, :image,
     file_success_event: 'USER_FILE_UPLOADED',
+    file_progress_event: 'USER_FILE_PROGRESS',
     queue_complete_event: 'USER_FILE_UPLOAD_DONE' %>
 <% end %>
 ```
@@ -16,7 +17,7 @@ time and *pull requests are welcome* and will be reviewed quickly.
 
 ## Installation
 
-Add to your Gemfile
+Add to your Gemfile.
 
 ```ruby
 gem 'dropzone_input'
@@ -24,10 +25,23 @@ gem 'dropzone_input'
 
 ```sh
 bundle install
+```
+
+Add Javascript dependencies.
+
+```
 yarn add dropzone # If you don't already have this
 yarn add @darkroom-com/dropzone-input
 ```
 
+Register Stimulus controller. By default in Rails, this is in `controllers/index.js`.
+
+```js
+import DropzoneController from '@darkroom-com/dropzone-input';
+
+application.register('dropzone', DropzoneController);
+```
+
 ## Development
 
 To develop this locally you can update your Gemfile to
@@ -45,7 +59,7 @@ yarn link
 In your app project run
 
 ```sh
-yarn add @darkroom-com/dropzone-input
+yarn link @darkroom-com/dropzone-input
 ```
 
 To auto-recompile this project, run

data/app/views/dropzone_input/_default_content.html.erb

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 72 43.2" version="1.1" viewBox="0 0 72 43.2" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" class="inline-block w-16 mb-1">
+  <style type="text/css">
+.st0{fill:none;stroke:#424443;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+  </style>
+  <polyline class="st0" points="28.3 26.3 34.4 20.3 40.4 26.3 34.4 20.3 34.4 42.3"/>
+  <path class="st0" d="m22.1 33c-6.6 0-11.9-5.3-11.9-11.9s5.4-11.9 11.9-11.9c2.4-4.9 7.4-8.3 13.3-8.3 7.6 0 13.9 5.8 14.7 13.2 0.7-0.1 1.3-0.2 2-0.2 5.3 0 9.5 4.3 9.5 9.5s-4.1 9.6-9.4 9.6h-5.6"/>
+</svg>
+<h1 class="text-xl text-gray-700">Upload</h1>

data/app/views/dropzone_input/_dropzone.html.erb

@@ -1,12 +1,4 @@
-<%= form.file_field field, direct_upload: true, data: { target: 'dropzone.input' } %>
+<%= form.file_field field, direct_upload: true, data: { 'dropzone-target': 'input' } %>
 <div class="dz-default dz-message">
-  <?xml version="1.0" encoding="UTF-8"?>
-  <svg enable-background="new 0 0 72 43.2" version="1.1" viewBox="0 0 72 43.2" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" class="inline-block w-16 mb-1">
-    <style type="text/css">
-.st0{fill:none;stroke:#424443;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
-    </style>
-    <polyline class="st0" points="28.3 26.3 34.4 20.3 40.4 26.3 34.4 20.3 34.4 42.3"/>
-    <path class="st0" d="m22.1 33c-6.6 0-11.9-5.3-11.9-11.9s5.4-11.9 11.9-11.9c2.4-4.9 7.4-8.3 13.3-8.3 7.6 0 13.9 5.8 14.7 13.2 0.7-0.1 1.3-0.2 2-0.2 5.3 0 9.5 4.3 9.5 9.5s-4.1 9.6-9.4 9.6h-5.6"/>
-  </svg>
-  <h1 class="text-xl text-gray-700">Upload</h1>
+  <%= yield %>
 </div>

data/lib/dropzone_input/helpers.rb

@@ -12,12 +12,23 @@ module DropzoneInput
         controller: 'dropzone',
         dropzone_accepted_files: ActiveStorage.variable_content_types.join(',')
       }
-      %i( max_files max_file_size file_success_event queue_complete_event ).each do |key|
+      %i(
+        max_files
+        max_file_size
+        file_drop_event
+        file_progress_event
+        file_success_event
+        queue_complete_event
+        file_drop_id
+        file_drop_over_id
+      ).each do |key|
         data["dropzone_#{key}".to_sym] = options.delete(key) if options.key?(key)
       end
 
       content_tag :div, options.merge(class: class_list, data: data) do
-        render partial: 'dropzone_input/dropzone', locals: { form: form, field: field }
+        render 'dropzone_input/dropzone', form: form, field: field do
+          block_given? ? yield : render('dropzone_input/default_content')
+        end
       end
     end
   end

data/lib/dropzone_input/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module DropzoneInput
-  VERSION = '0.0.2'
+  VERSION = '1.0.1'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dropzone_input
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 1.0.1
 platform: ruby
 authors:
 - Trae Robrock
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-07-07 00:00:00.000000000 Z
+date: 2021-01-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -40,6 +40,7 @@ files:
 - MIT-LICENSE
 - README.md
 - Rakefile
+- app/views/dropzone_input/_default_content.html.erb
 - app/views/dropzone_input/_dropzone.html.erb
 - lib/dropzone_input.rb
 - lib/dropzone_input/engine.rb
@@ -64,7 +65,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.2
+rubygems_version: 3.1.4
 signing_key: 
 specification_version: 4
 summary: A rails helper to easily add Dropzone to forms.