image_input 0.0.3 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e05a8c96a19bdf1a9bbcb5440ad4873e745984df5d699e3c245891088598ce80
-  data.tar.gz: 9f663e1a8463389ab87b7065de53901655ad1222736b08ea116d6d8766f02885
+  metadata.gz: 0a60c559fc547a126d4786f8824f501dc0cdf424762cb2be77a374dd72b16207
+  data.tar.gz: a91af36aee1196eed5ed5cf20ba01d1ac7e3b60af321882e8ac05610a85de01e
 SHA512:
-  metadata.gz: da40acec7591bfa36a3cce7e9ca72586a0aea77f3f3118435d85a03dea47e5d69931a65695eebd5b1738aba355d6434c0350018090a3b9bfa7938ca149b35b40
-  data.tar.gz: 501a41dbc3c290989637bc351bccc3aafc5e4b7ea386ce9f1dca05598b5e85bada12107e8bf52b51681913d28a971c1921d10317bf92895248fbb5cd0272bce0
+  metadata.gz: eeb1f2e83c7e12fc3c49fe7de8c81c1f084d7714fb6d084bb3a894570384e346f06ec40933130c7fb06dccbac5d7157c24fcc0f81428e5b4f94efee59938d8b2
+  data.tar.gz: 7e3e26c2cbcf5f3f7a9c858d5982d6aa30309e23a353b5169812788dd10d46dbc9dbbf6f123ff1129f274c9045d78f11ff1213ea390b1e49fda263cc4ec7a1c6

data/README.md

@@ -2,6 +2,14 @@
 
 A Rails helper for a simple, clean image input for use with Active Storage.
 
+Example usage:
+
+```ruby
+class User < ApplicationRecord
+  has_one_attached :profile_picture
+end
+```
+
 ```erb
 <%= form_with(model: User.new) do |form| %>
   <%= image_input form, :profile_picture %>
@@ -23,6 +31,14 @@ bundle install
 yarn add @mainkatz/image-input
 ```
 
+Register Stimulus controller. By default in Rails, this is in `controllers/index.js`.
+
+```js
+import ImageInputController from '@mainkatz/dropzone-input';
+
+application.register('image-input', ImageInputController);
+```
+
 ## Development
 
 To develop this locally you can update your Gemfile:

data/app/views/image_input/_input.html.erb

@@ -2,15 +2,16 @@
   <%= form.file_field(
     field,
     class: 'hidden',
+    accept: accept,
     data: {
       target: 'image-input.field',
       action: 'change->image-input#onFileChosen'
     }
   ) %>
 
-  <% if form.object.public_send(field).attached? %>
+  <% if blob.attached? && blob.image? %>
     <%= image_tag(
-      form.object.public_send(field).variant(resize_to_limit: [300, 300]),
+      blob.variant(resize_to_limit: [300, 300]),
       data: { target: 'image-input.image' },
       class: 'rounded-md mb-4'
     ) %>
@@ -22,7 +23,9 @@
     data-action="click->image-input#chooseFile"
     data-target="image-input.button"
     >
-    <%= form.object.public_send(field).attached? ? 'Change' : 'Choose file' %>
+    <%= blob.attached? ? 'Change' : 'Choose file' %>
   </a>
-  <span class="hidden font-mono text-sm" data-target="image-input.fileNameLabel"></span>
+  <span class="<%= 'hidden' unless blob.attached? %> font-mono text-sm" data-target="image-input.fileNameLabel">
+    <%= blob.try(:filename) %>
+  </span>
 </div>

data/lib/image_input/helpers.rb

@@ -2,8 +2,14 @@
 
 module ImageInput
   module Helpers
-    def image_input(form, field)
-      render 'image_input/input', form: form, field: field
+    def image_input(form, field, accept: %i(png jpeg gif))
+      render(
+        'image_input/input',
+        form: form,
+        field: field,
+        blob: form.object.public_send(field),
+        accept: accept.map { |a| Mime[a].to_s }.join(',')
+      )
     end
   end
 end

data/lib/image_input/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ImageInput
-  VERSION = '0.0.3'
+  VERSION = '0.0.4'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: image_input
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.4
 platform: ruby
 authors:
 - Andrew Katz
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-11-01 00:00:00.000000000 Z
+date: 2020-11-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails