devise-tailwindcssed 0.1.0

data/Guardfile_rubocop

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+guard :rubocop, all_on_start: false, cli: ["--format", "clang"] do
+  watch(%r{.+\.rb$})
+  watch(%r{.+\.rake$})
+  watch(%r{(?:.+/)?\.rubocop\.yml$}) { |m| File.dirname(m[0]) }
+end

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2018 Pawel Osiczko
+
+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,91 @@
+<!-- Tocer[start]: Auto-generated, don't remove. -->
+
+## Table of Contents
+
+- [Devise Tailwindcssed](#devise-tailwindcssed)
+  - [Prerequisites](#prerequisites)
+  - [Installation](#installation)
+  - [Usage](#usage)
+  - [Development](#development)
+  - [Contributing](#contributing)
+  - [License](#license)
+  - [Code of Conduct](#code-of-conduct)
+
+<!-- Tocer[finish]: Auto-generated, don't remove. -->
+
+# Devise Tailwindcssed
+
+This gem tries to give you a nicer place to start with your views for your Devise model 
+when you are using Tailwind CSS 1.0.
+
+You can find usage information below, but the gist of it is you'll run 
+`rails g devise:views:tailwindcssed` instead of the normal devise:views.
+
+If you want to switch back to what Devise gives you no problem! Just remove 
+the devise views folder and run the normal Devise generator command.
+
+NOTE: 
+
+* This gem is meant to be run with Rails 6 which includes asset packing tools like Webpacker. Your main project must be 
+set up to include TailwindCSS. For details see incomparable [Chris Oliver's tutorial](https://gorails.com/episodes/tailwindcss-1-0-with-rails-6) from [Gorails](https://gorails.com). 
+
+* This gem does not use any Tailwind CSS template. The markup is included the ERB templates.
+
+## Prerequisites
+
+* This gem is meant to be run with Rails 6 which includes Webpacker. 
+* Your project needs to be be already set up to include Tailwind CSS (see [Chris Oliver's tutorial](https://gorails.com/episodes/tailwindcss-1-0-with-rails-6))
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'devise-tailwindcssed'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install devise-tailwindcssed
+
+## Usage
+
+To use the Tailwind views generator you'll want to have Devise and Tailwindcss installed 
+per normal installation. When you have installed Devise and generated your user model you 
+can copy over the views with:
+
+    rails generate devise:views:tailwindcssed
+
+If you've already generated the Devise views you can use the -f argument to force an override.
+That will erase any of the changes you've made!
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake spec` to run 
+the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release 
+a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, 
+which will create a git tag for the version, push git commits and tags, and push the `.gem` 
+file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at 
+[https://github.com/posiczko/devise-tailwindcssed](https://github.com/posiczko/devise-tailwindcssed). 
+This project is intended to be a safe, welcoming space for collaboration, and contributors 
+are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+
+## Code of Conduct
+
+Everyone interacting in the Devise::Tailwindcssed project’s codebases, issue trackers, 
+chat rooms and mailing lists is expected to follow 
+the [code of conduct](https://github.com/posiczko/devise-tailwindcssed/blob/master/CODE_OF_CONDUCT.md).

data/Rakefile

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+begin
+  require "gemsmith/rake/setup"
+  require "bundler/audit/task"
+  require "git/cop/rake/setup"
+  require "rspec/core/rake_task"
+  require "reek/rake/task"
+  require "rubocop/rake_task"
+
+  Bundler::Audit::Task.new
+  RSpec::Core::RakeTask.new :spec
+  Reek::Rake::Task.new
+  RuboCop::RakeTask.new
+rescue LoadError => e
+  puts e.message
+end
+
+desc "Run code quality checks"
+task code_quality: %i[bundle:audit git_cop reek rubocop]
+
+task default: %i[code_quality spec]

data/app/helpers/devise_helper.rb

@@ -0,0 +1,53 @@
+# frozen_string_literal: true
+
+# devise helper
+module DeviseHelper
+  def devise_error_messages!
+    return if resource.errors.empty?
+
+    messages = resource.errors.full_messages.map { |msg|
+      content_tag(:p, "- #{msg}.")
+    }.join
+    sentence = I18n.t("errors.messages.not_saved",
+                      count: resource.errors.count,
+                      resource: resource.class.model_name.human.downcase)
+
+    html = <<-HTML
+      <div class="bg-red-100 border-l-4 border-red-500 mb-4 p-4 text-red-700" role="alert">
+          <p class="font-bold">Oops!</p>
+          <p>#{sentence}</p>#{messages}
+      </div>
+    HTML
+
+    html.html_safe
+  end
+
+  def devise_simple_error_messages!
+    return if resource.errors.empty?
+
+    sentence = "Ooops!"
+    if resource.errors.count == 1
+      message =  resource.errors.full_messages[0]
+      html = <<-HTML
+        <div class="bg-red-lightest border-l-4 border-red text-orange-dark p-4" role="alert">
+          <p class="font-bold">#{sentence}</p>
+          <p> #{ message }.</p>
+        </div>
+      HTML
+    else
+      messages = resource.errors.full_messages.map { |msg|
+        content_tag(:li, "#{msg}.")
+      }.join
+      html = <<-HTML
+        <div class="bg-red-100 border-l-4 border-red-500  mb-4 p-4 text-red-700" role="alert">
+          <p class="font-bold">#{sentence}</p>
+          <ul class="list-disc">
+            #{messages}
+          </ul>
+        </div>
+      HTML
+    end
+
+    html.html_safe
+  end
+end

data/app/views/devise/confirmations/new.html.erb

@@ -0,0 +1,35 @@
+<div class="w-full max-w-xs">
+    <h1 class="font-hairline mb-6 text-center">Resend Confirmation Instructions</h1>
+
+    <%= form_for(resource,
+                 as: resource_name,
+                 url: confirmation_path(resource_name),
+                 html: {
+                         method: :post,
+                         class: "bg-white mb-4 px-8 pt-6 pb-8 rounded shadow-md"
+                 }) do |f| %>
+
+        <%#= render "devise/shared/error_messages", resource: resource %>
+        <%= devise_error_messages! %>
+
+        <div class="mb-4">
+            <%= f.label :email, class: "block font-bold mb-2 text-gray-700 text-sm" %>
+            <%= f.email_field :email,
+                              autofocus: true,
+                              autocomplete: "email",
+                              value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email),
+                              class: "appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none shadow focus:shadow-outline"
+            %>
+        </div>
+
+        <div class="mb-4">
+            <%= f.submit "Resend Confirmation Info",
+                         class: "button bg-blue-500 hover:bg-blue-700 font-bold text-white focus:outline-none py-2 px-4 rounded focus:shadow-outline w-full"
+            %>
+        </div>
+
+        <%= render "devise/shared/links" %>
+    <% end %>
+
+    <%= render "devise/shared/form_footer" %>
+</div>

data/app/views/devise/mailer/confirmation_instructions.html.erb

@@ -0,0 +1,5 @@
+<p>Welcome <%= @email %>!</p>
+
+<p>You can confirm your account email through the link below:</p>
+
+<p><%= link_to 'Confirm my account', confirmation_url(@resource, confirmation_token: @token) %></p>

data/app/views/devise/mailer/password_change.html.erb

@@ -0,0 +1,3 @@
+<p>Hello <%= @resource.email %>!</p>
+
+<p>We're contacting you to notify you that your password has been changed.</p>

data/app/views/devise/mailer/reset_password_instructions.html.erb

@@ -0,0 +1,8 @@
+<p>Hello <%= @resource.email %>!</p>
+
+<p>Someone has requested a link to change your password. You can do this through the link below.</p>
+
+<p><%= link_to 'Change my password', edit_password_url(@resource, reset_password_token: @token) %></p>
+
+<p>If you didn't request this, please ignore this email.</p>
+<p>Your password won't change until you access the link above and create a new one.</p>

data/app/views/devise/mailer/unlock_instructions.html.erb

@@ -0,0 +1,7 @@
+<p>Hello <%= @resource.email %>!</p>
+
+<p>Your account has been locked due to an excessive number of unsuccessful sign in attempts.</p>
+
+<p>Click the link below to unlock your account:</p>
+
+<p><%= link_to 'Unlock my account', unlock_url(@resource, unlock_token: @token) %></p>

data/app/views/devise/passwords/edit.html.erb

@@ -0,0 +1,55 @@
+<div class="w-full max-w-xs">
+    <h2 class="font-hairline mb-6 text-center">Change Your Password</h2>
+
+    <%= form_for(resource,
+                 as: resource_name,
+                 url: user_password_path(resource_name),
+                 html: {
+                         method: :put,
+                         class: "bg-white mb-4 px-8 pt-6 pb-8 rounded shadow-md"
+                 }
+        ) do |f| %>
+
+        <%#= render "devise/shared/error_messages", resource: resource %>
+
+        <%= devise_error_messages! %>
+
+        <%= f.hidden_field :reset_password_token %>
+
+        <div class="mb-4">
+            <%= f.label :password, "New Password",
+                        class: "block font-bold mb-2 text-gray-700 text-sm"
+            %>
+            <% if @minimum_password_length %>
+                <small><em class="text-gray-600">(<%= @minimum_password_length %> characters minimum)</em></small>
+            <% end %>
+            <%= f.password_field :password,
+                                 autofocus: true,
+                                 autocomplete: "new-password",
+                                 class: "appearance-none border leading-tight focus:outline-none px-3 py-2 rounded shadow focus:shadow-outline text-gray-700 w-full"
+            %>
+        </div>
+
+        <div class="mb-4">
+            <%= f.label :password_confirmation,
+                        "Confirm New Password",
+                        class: "block font-bold mb-2 text-gray-700 text-sm"
+            %>
+            <%= f.password_field :password_confirmation,
+                                 autocomplete: "off",
+                                 class: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline"
+            %>
+        </div>
+
+        <div class="mb-4">
+            <%= f.submit "Change My Password",
+                         class: "button bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full" %>
+
+            %>
+        </div>
+
+        <%= render "devise/shared/links" %>
+    <% end %>
+
+    <%= render "devise/shared/form_footer" %>
+</div>

data/app/views/devise/passwords/new.html.erb

@@ -0,0 +1,31 @@
+<div class="w-full max-w-xs">
+    <h1 class="font-hairline mb-6 text-center">Forgot your password?</h1>
+
+    <%= form_for(resource,
+                 as: resource_name,
+                 url: password_path(resource_name),
+                 html: {
+                         method: :post,
+                         class: "bg-white mb-4 px-8 pt-6 pb-8 rounded shadow-md"
+                 }) do |f| %>
+
+        <%#= render "devise/shared/error_messages", resource: resource %>
+        <%= devise_error_messages! %>
+
+        <div class="mb-4">
+            <%= f.label :email, class: "block font-bold mb-2 text-gray-700 text-sm" %>
+            <%= f.email_field :email, autofocus: true, autocomplete: "email",
+                              class: "appearance-none border leading-tight focus:outline-none px-3 py-2 rounded shadow focus:shadow-outline text-gray-700 w-full"
+            %>
+        </div>
+
+        <div class="mb-4">
+            <%= f.submit "Send Password Reset Info",
+                         class: "button bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full" %>
+        </div>
+
+        <%= render "devise/shared/links" %>
+    <% end %>
+
+    <%= render "devise/shared/form_footer" %>
+</div>

data/app/views/devise/registrations/edit.html.erb

@@ -0,0 +1,60 @@
+<div class="w-full max-w-xs">
+    <h1 class="font-hairline mb-6 text-center">Edit <%= resource_name.to_s.humanize %></h1>
+
+    <%= form_for(resource,
+                 as: resource_name,
+                 url: registration_path(resource_name),
+                 html: {
+                         method: :put,
+                         class: "bg-white mb-4 px-8 pt-6 pb-8 rounded shadow-md"
+                 }
+        ) do |f| %>
+
+        <%#= render "devise/shared/error_messages", resource: resource %>
+        <%= devise_error_messages! %>
+
+        <div class="mb-4">
+            <%= f.label :email %><br/>
+            <%= f.email_field :email,
+                              autofocus: true,
+                              autocomplete: "email" %>
+        </div>
+
+        <% if devise_mapping.confirmable? && resource.pending_reconfirmation? %>
+            <div>Currently waiting confirmation for: <%= resource.unconfirmed_email %></div>
+        <% end %>
+
+        <div class="mb-4">
+            <%= f.label :password %> <i>(leave blank if you don't want to change it)</i><br/>
+            <%= f.password_field :password, autocomplete: "new-password" %>
+            <% if @minimum_password_length %>
+                <br/>
+                <em><%= @minimum_password_length %> characters minimum</em>
+            <% end %>
+        </div>
+
+        <div class="mb-4">
+            <%= f.label :password_confirmation %><br/>
+            <%= f.password_field :password_confirmation,
+                                 autocomplete: "new-password"
+            %>
+        </div>
+
+        <div class="mb-4">
+            <%= f.label :current_password %> <i>(we need your current password to confirm your changes)</i><br/>
+            <%= f.password_field :current_password,
+                                 autocomplete: "current-password"
+            %>
+        </div>
+
+        <div class="actions">
+            <%= f.submit "Update" %>
+        </div>
+    <% end %>
+
+    <h1 class="font-hairline mb-6 text-center">Cancel My Account</h1>
+
+    <p>Unhappy? <%= button_to "Cancel my account", registration_path(resource_name), data: { confirm: "Are you sure?" }, method: :delete %></p>
+
+    <%= link_to "Back", :back %>
+</div>

data/app/views/devise/registrations/new.html.erb

@@ -0,0 +1,52 @@
+<div class="w-full max-w-xs">
+    <h1 class="font-hairline mb-6 text-center">Sign Up</h1>
+
+    <%= form_for(resource,
+                 as: resource_name,
+                 url: registration_path(resource_name),
+                 html: {
+                         class: "bg-white mb-4 px-8 pt-6 pb-8 rounded shadow-md"
+                 }
+        ) do |f| %>
+
+        <%= devise_error_messages! %>
+
+        <div class="mb-4">
+            <%= f.label :email, class: "block font-bold mb-2 text-gray-700 text-sm" %>
+            <%= f.email_field :email,
+                              autocomplete: "email",
+                              placeholder: "user@example.com",
+                              class: "appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none shadow focus:shadow-outline" %>
+        </div>
+
+        <div class="mb-4">
+            <%= f.label :password, class: "block font-bold mb-2 text-gray-700 text-sm" %>
+            <% if @minimum_password_length %>
+                <small><em class="text-gray-600">(<%= @minimum_password_length %> charactersa minimum)</em></small>
+            <% end %>
+            <%= f.password_field :password,
+                                 autocomplete: "new-password",
+                                 class: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline"
+            %>
+        </div>
+
+        <div class="mb-4">
+            <%= f.label :password_confirmation, class: "block font-bold mb-2 text-gray-700 text-sm" %>
+            <%= f.password_field :password_confirmation,
+                                 autocomplete: "new-password",
+                                 class: "appearance-none border leading-tight focus:outline-none px-3 py-2 rounded shadow focus:shadow-outline text-gray-700 w-full"
+            %>
+        </div>
+
+        <div class="mb-4">
+            <%= f.submit "Sign Up",
+                         class: "button bg-blue-500 hover:bg-blue-700 font-bold text-white focus:outline-none py-2 px-4 rounded focus:shadow-outline w-full"
+            %>
+        </div>
+
+        <%= render "devise/shared/links" %>
+
+    <% end %>
+
+    <%= render "devise/shared/form_footer" %>
+</div>