image_input 0.0.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: ab692730e6e757a30ca820411b9ff8bd3244b830b9fed37cb0cf2a9c60befaf4
+  data.tar.gz: 47a996956d900526f67a151aae095efe9f6203e17cff950e077715968284509b
+SHA512:
+  metadata.gz: 1512ffee551389be86c22e21a57adae1a1bf8b8c74441babd3979302c23e035a48531e33ff399497904e76cfaa8f38fb243c1cda8ffd269a9e699a00b3985c98
+  data.tar.gz: 03f77b3abb31f14f8b4ccae63ac34c133624baec35d285235219939d5cb49bf0beb89547349d18ce0e8d9551869963f1bde8a82f98792a2e3a2fb542cf645ff8

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2020 Andrew Katz
+
+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,50 @@
+# Image Input
+
+A Rails helper for a simple, clean image input for use with Active Storage.
+
+```erb
+<%= form_with(model: User.new) do |form| %>
+  <%= image_input form, :profile_picture %>
+<% end %>
+```
+
+NOTE: The styles of this project are constructed using Tailwind CSS.
+
+## Installation
+
+Add to your Gemfile:
+
+```ruby
+gem 'image_input'
+```
+
+```sh
+bundle install
+yarn add @mainkatz/image-input
+```
+
+## Development
+
+To develop this locally you can update your Gemfile:
+
+```ruby
+gem 'image_input', path: 'PATH_TO_PROJECT'
+```
+
+In this project run:
+
+```sh
+yarn link
+```
+
+In your app project run:
+
+```sh
+yarn link @mainkatz/image-input
+```
+
+To auto-recompile this project, run:
+
+```sh
+yarn run dev
+```

data/Rakefile

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'RailsPing'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+load 'rails/tasks/statistics.rake'
+
+require 'bundler/gem_tasks'
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+task default: :test

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

@@ -0,0 +1,28 @@
+<div data-controller="image-input">
+  <%= form.file_field(
+    field,
+    class: 'hidden',
+    data: {
+      target: 'image-input.field',
+      action: 'change->image-input#onFileChosen'
+    }
+  ) %>
+
+  <% if form.object.public_send(field).attached? %>
+    <%= image_tag(
+      form.object.public_send(field).variant(resize_to_limit: [300, 300]),
+      data: { target: 'image-input.image' },
+      class: 'rounded-md mb-4'
+    ) %>
+  <% end %>
+
+  <a
+    href="#"
+    class="border border-transparent cursor-pointer duration-150 ease-in-out focus:outline-none font-bold inline-block leading-5 px-4 py-2 rounded-md text-sm transition active:bg-gray-50 active:text-gray-800 bg-white border-gray-300 hover:bg-gray-100 hover:text-gray-600 text-gray-800 mr-4"
+    data-action="click->image-input#chooseFile"
+    data-target="image-input.button"
+    >
+    <%= form.object.public_send(field).attached? ? 'Change' : 'Choose file' %>
+  </a>
+  <span class="hidden font-mono text-sm" data-target="image-input.fileNameLabel"></span>
+</div>

data/lib/image_input.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+require 'image_input/helpers'
+require 'image_input/engine'
+
+module ImageInput
+end

data/lib/image_input/engine.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+class ImageInput::Engine < ::Rails::Engine
+  initializer 'image_input.engine' do |_app|
+    ActionView::Base.include ImageInput::Helpers
+  end
+end

data/lib/image_input/helpers.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+module ImageInput::Helpers
+  def image_input(form, field)
+    render 'image_input/input', form: form, field: field
+  end
+end

data/lib/image_input/version.rb

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

metadata

@@ -0,0 +1,71 @@
+--- !ruby/object:Gem::Specification
+name: image_input
+version: !ruby/object:Gem::Version
+  version: 0.0.2
+platform: ruby
+authors:
+- Andrew Katz
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2020-11-01 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '6'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '7'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '6'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '7'
+description: A simple image input for Rails and Active Storage.
+email:
+- andrew.katz@hey.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- app/views/image_input/_input.html.erb
+- lib/image_input.rb
+- lib/image_input/engine.rb
+- lib/image_input/helpers.rb
+- lib/image_input/version.rb
+homepage: https://github.com/andrewkatz/image_input
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - "~>"
+    - !ruby/object:Gem::Version
+      version: '2.4'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.1.4
+signing_key: 
+specification_version: 4
+summary: A simple image input for Rails and Active Storage.
+test_files: []