tailwind_devise 0.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: dbd819519e2533b45a0403d97f295bbbc2d677fe735e423ca56c6b92ecd437a7
+  data.tar.gz: 99e8ca28300c21ff1e351a83b69be3e782e7dbfdfbafd2aa64be485e88b6b4bc
+SHA512:
+  metadata.gz: 77962bf0a9ee75e060013d0f9bf73afa340088437ca1f7adbca7197d959a753a3508d9abae188fe465d6895cb5120d1aa47ae9d922d4aafc14ee07c50cb3518e
+  data.tar.gz: 50cae3749fc4cffa330d625cc4d1f90d9d93439b787b14d8c687a0f9ee1bb5a09b4f098ac415886a25afb5e06d5311de19ba46e99bc0fe6d22a6f4c8c6120d33

data/lib/generators/tailwind_devise/templates/devise/confirmations/new.html.erb

@@ -0,0 +1,16 @@
+<h2>Resend confirmation instructions</h2>
+
+<%= form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post }) do |f| %>
+  <%= render "devise/shared/error_messages", resource: resource %>
+
+  <div class="field">
+    <%= f.label :email %><br />
+    <%= f.email_field :email, autofocus: true, autocomplete: "email", value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email) %>
+  </div>
+
+  <div class="actions">
+    <%= f.submit "Resend confirmation instructions" %>
+  </div>
+<% end %>
+
+<%= render "devise/shared/links" %>

data/lib/generators/tailwind_devise/templates/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/lib/generators/tailwind_devise/templates/devise/mailer/email_changed.html.erb

@@ -0,0 +1,7 @@
+<p>Hello <%= @email %>!</p>
+
+<% if @resource.try(:unconfirmed_email?) %>
+  <p>We're contacting you to notify you that your email is being changed to <%= @resource.unconfirmed_email %>.</p>
+<% else %>
+  <p>We're contacting you to notify you that your email has been changed to <%= @resource.email %>.</p>
+<% end %>

data/lib/generators/tailwind_devise/templates/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/lib/generators/tailwind_devise/templates/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/lib/generators/tailwind_devise/templates/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/lib/generators/tailwind_devise/templates/devise/passwords/edit.html.erb

@@ -0,0 +1,25 @@
+<h2>Change your password</h2>
+
+<%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }) do |f| %>
+  <%= render "devise/shared/error_messages", resource: resource %>
+  <%= f.hidden_field :reset_password_token %>
+
+  <div class="field">
+    <%= f.label :password, "New password" %><br />
+    <% if @minimum_password_length %>
+      <em>(<%= @minimum_password_length %> characters minimum)</em><br />
+    <% end %>
+    <%= f.password_field :password, autofocus: true, autocomplete: "new-password" %>
+  </div>
+
+  <div class="field">
+    <%= f.label :password_confirmation, "Confirm new password" %><br />
+    <%= f.password_field :password_confirmation, autocomplete: "new-password" %>
+  </div>
+
+  <div class="actions">
+    <%= f.submit "Change my password" %>
+  </div>
+<% end %>
+
+<%= render "devise/shared/links" %>

data/lib/generators/tailwind_devise/templates/devise/passwords/new.html.erb

@@ -0,0 +1,24 @@
+<div class="w-full min-h-[100vh]">
+  <div class="max-w-xl w-full mx-auto shadow-lg bg-gray-200 rounded-lg py-8">
+    <h2 class="text-xl mb-4 text-center">Forgot your password?</h2>
+
+    <div class="w-3/4 mx-auto">
+      <%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f| %>
+        <%= render "devise/shared/error_messages", resource: resource %>
+
+        <div class="field mb-4">
+          <%= f.label :email, class: "mb-2 text-lg" %><br />
+          <%= f.email_field :email, autofocus: true, autocomplete: "email", class: "w-full rounded-lg bg-gray-50" %>
+        </div>
+
+        <div class="actions w-full">
+          <%= f.submit "Send me reset password instructions", class: "bg-blue-500 w-full p-2 text-blue-100 rounded-lg cursor-pointer hover:bg-blue-700 hover:text-blue-300" %>
+        </div>
+      <% end %>
+
+      <div class="flex flex-col items-center mt-4 gap-4">
+        <%= render "devise/shared/links" %>
+      </div>
+    </div>
+  </div>
+</div>

data/lib/generators/tailwind_devise/templates/devise/registrations/edit.html.erb

@@ -0,0 +1,48 @@
+<div class="w-full min-h-[100vh]">
+  <div class="max-w-xl w-full mx-auto shadow-lg bg-gray-200 rounded-lg py-8">
+    <h2 class="text-xl mb-4 text-center">Edit <%= resource_name.to_s.humanize %></h2>
+
+    <div class="w-3/4 mx-auto">
+      <%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f| %>
+        <%= render "devise/shared/error_messages", resource: resource %>
+
+        <div class="field mb-4">
+          <%= f.label :email %><br />
+          <%= f.email_field :email, autofocus: true, autocomplete: "email", class: "w-full rounded-lg bg-gray-50" %>
+        </div>
+
+        <% if devise_mapping.confirmable? && resource.pending_reconfirmation? %>
+          <div>Currently waiting confirmation for: <%= resource.unconfirmed_email %></div>
+        <% end %>
+
+        <div class="field 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", class: "w-full rounded-lg bg-gray-50" %>
+          <% if @minimum_password_length %>
+            <br />
+            <em><%= @minimum_password_length %> characters minimum</em>
+          <% end %>
+        </div>
+
+        <div class="field mb-4">
+          <%= f.label :password_confirmation %><br />
+          <%= f.password_field :password_confirmation, autocomplete: "new-password", class: "w-full rounded-lg bg-gray-50" %>
+        </div>
+
+        <div class="field 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", class: "w-full rounded-lg bg-gray-50" %>
+        </div>
+
+        <div class="actions">
+          <%= f.submit "Update", class: "bg-blue-500 w-full p-2 text-blue-100 rounded-lg cursor-pointer hover:bg-blue-700 hover:text-blue-300" %>
+        </div>
+      <% end %>
+      <br/>
+      
+      <%= link_to "Back", :back, class: "text-lg" %>
+
+      <div class="flex gap-2 items-center mt-8 mx-auto">Unhappy? <%= button_to "Cancel my account", registration_path(resource_name), data: { confirm: "Are you sure?", turbo_confirm: "Are you sure?" }, method: :delete, class: "bg-red-500 p-2 rounded-lg text-red-100" %></div>
+    </div>
+  </div>
+</div>

data/lib/generators/tailwind_devise/templates/devise/registrations/new.html.erb

@@ -0,0 +1,37 @@
+<div class="w-full min-h-[100vh]">
+  <div class="max-w-xl w-full mx-auto shadow-lg bg-gray-200 rounded-lg py-8">
+    <h2 class="text-xl mb-4 text-center">Sign up</h2>
+
+    <div class="w-3/4 mx-auto">
+      <%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
+        <%= render "devise/shared/error_messages", resource: resource %>
+
+        <div class="field mb-4">
+          <%= f.label :email, class: "mb-2 text-lg" %><br />
+          <%= f.email_field :email, autofocus: true, autocomplete: "email", class: "w-full rounded-lg bg-gray-50" %>
+        </div>
+
+        <div class="field mb-4">
+          <%= f.label :password, class: "mb-2 text-lg" %>
+          <% if @minimum_password_length %>
+          <em>(<%= @minimum_password_length %> characters minimum)</em>
+          <% end %><br />
+          <%= f.password_field :password, autocomplete: "new-password", class: "w-full rounded-lg bg-gray-50" %>
+        </div>
+
+        <div class="field mb-4">
+          <%= f.label :password_confirmation, class: "mb-2 text-lg" %><br />
+          <%= f.password_field :password_confirmation, autocomplete: "new-password", class: "w-full rounded-lg bg-gray-50" %>
+        </div>
+
+        <div class="actions">
+          <%= f.submit "Sign up", class: "bg-blue-500 w-full p-2 text-blue-100 rounded-lg cursor-pointer hover:bg-blue-700 hover:text-blue-300" %>
+        </div>
+      <% end %>
+
+      <div class="flex flex-col items-center mt-4 gap-4">
+        <%= render "devise/shared/links" %>
+      </div>
+    </div>
+  </div>
+</div>

data/lib/generators/tailwind_devise/templates/devise/sessions/new.html.erb

@@ -0,0 +1,33 @@
+<div class="w-full min-h-[100vh]">
+  <div class="max-w-xl w-full mx-auto shadow-lg bg-gray-200 rounded-lg py-8">
+    <h2 class="text-xl mb-4 text-center">Log in</h2>
+
+    <div class="w-3/4 mx-auto">
+      <%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
+        <div class="field mb-4">
+          <%= f.label :email, class: "mb-2 text-lg" %><br />
+          <%= f.email_field :email, autofocus: true, autocomplete: "email", class: "w-full rounded-lg bg-gray-50" %>
+        </div>
+
+        <div class="field mb-4">
+          <%= f.label :password, class: "mb-2 text-lg" %><br />
+          <%= f.password_field :password, autocomplete: "current-password", class: "w-full rounded-lg bg-gray-50" %>
+        </div>
+        
+        <% if devise_mapping.rememberable? %>
+          <div class="field mb-4">
+            <%= f.check_box :remember_me %>
+            <%= f.label :remember_me %>
+          </div>
+        <% end %>
+
+        <div class="actions w-full">
+          <%= f.submit "Log in", class: "bg-blue-500 w-full p-2 text-blue-100 rounded-lg cursor-pointer hover:bg-blue-700 hover:text-blue-300" %>
+        </div>
+      <% end %>
+      <div class="flex flex-col items-center mt-4 gap-4">
+        <%= render "devise/shared/links" %>
+      </div>
+    </div>
+  </div>
+</div>

data/lib/generators/tailwind_devise/templates/devise/shared/_error_messages.html.erb

@@ -0,0 +1,15 @@
+<% if resource.errors.any? %>
+  <div id="error_explanation" data-turbo-cache="false">
+    <h2>
+      <%= I18n.t("errors.messages.not_saved",
+                 count: resource.errors.count,
+                 resource: resource.class.model_name.human.downcase)
+       %>
+    </h2>
+    <ul>
+      <% resource.errors.full_messages.each do |message| %>
+        <li><%= message %></li>
+      <% end %>
+    </ul>
+  </div>
+<% end %>

data/lib/generators/tailwind_devise/templates/devise/shared/_links.html.erb

@@ -0,0 +1,25 @@
+<%- if controller_name != 'sessions' %>
+  <%= link_to "Log in", new_session_path(resource_name) %>
+<% end %>
+
+<%- if devise_mapping.registerable? && controller_name != 'registrations' %>
+  <%= link_to "New here? Create an account now", new_registration_path(resource_name) %>
+<% end %>
+
+<%- if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations' %>
+  <%= link_to "Forgot your password?", new_password_path(resource_name) %>
+<% end %>
+
+<%- if devise_mapping.confirmable? && controller_name != 'confirmations' %>
+  <%= link_to "Didn't receive confirmation instructions?", new_confirmation_path(resource_name) %>
+<% end %>
+
+<%- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks' %>
+  <%= link_to "Didn't receive unlock instructions?", new_unlock_path(resource_name) %>
+<% end %>
+
+<%- if devise_mapping.omniauthable? %>
+  <%- resource_class.omniauth_providers.each do |provider| %>
+    <%= button_to "Sign in with #{OmniAuth::Utils.camelize(provider)}", omniauth_authorize_path(resource_name, provider), data: { turbo: false } %><br />
+  <% end %>
+<% end %>

data/lib/generators/tailwind_devise/templates/devise/unlocks/new.html.erb

@@ -0,0 +1,16 @@
+<h2>Resend unlock instructions</h2>
+
+<%= form_for(resource, as: resource_name, url: unlock_path(resource_name), html: { method: :post }) do |f| %>
+  <%= render "devise/shared/error_messages", resource: resource %>
+
+  <div class="field">
+    <%= f.label :email %><br />
+    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
+  </div>
+
+  <div class="actions">
+    <%= f.submit "Resend unlock instructions" %>
+  </div>
+<% end %>
+
+<%= render "devise/shared/links" %>

data/lib/generators/tailwind_devise/views_generator.rb

@@ -0,0 +1,15 @@
+require 'rails/generators/base'
+
+module TailwindDevise
+  class ViewsGenerator < Rails::Generators::Base
+    source_root File.expand_path('templates', __dir__)
+    desc "This generator adds the devise views styled with Tailwind CSS"
+
+    def copy_devise_tailwind_files_to_app
+      devise_folder_path = "#{Rails.root}/app/views/devise"
+      FileUtils.rm_rf(devise_folder_path)
+      FileUtils.mkdir_p(devise_folder_path)
+      directory 'devise', devise_folder_path
+    end
+  end
+end

metadata

@@ -0,0 +1,99 @@
+--- !ruby/object:Gem::Specification
+name: tailwind_devise
+version: !ruby/object:Gem::Version
+  version: 0.0.0
+platform: ruby
+authors:
+- Indigo
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2024-02-07 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '6.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '6.0'
+- !ruby/object:Gem::Dependency
+  name: thor
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.20.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.20.0
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '6.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '6.0'
+description: Pretty sign in & sign up pages with Tailwind CSS
+email: indigo@techtutorials.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/generators/tailwind_devise/templates/devise/confirmations/new.html.erb
+- lib/generators/tailwind_devise/templates/devise/mailer/confirmation_instructions.html.erb
+- lib/generators/tailwind_devise/templates/devise/mailer/email_changed.html.erb
+- lib/generators/tailwind_devise/templates/devise/mailer/password_change.html.erb
+- lib/generators/tailwind_devise/templates/devise/mailer/reset_password_instructions.html.erb
+- lib/generators/tailwind_devise/templates/devise/mailer/unlock_instructions.html.erb
+- lib/generators/tailwind_devise/templates/devise/passwords/edit.html.erb
+- lib/generators/tailwind_devise/templates/devise/passwords/new.html.erb
+- lib/generators/tailwind_devise/templates/devise/registrations/edit.html.erb
+- lib/generators/tailwind_devise/templates/devise/registrations/new.html.erb
+- lib/generators/tailwind_devise/templates/devise/sessions/new.html.erb
+- lib/generators/tailwind_devise/templates/devise/shared/_error_messages.html.erb
+- lib/generators/tailwind_devise/templates/devise/shared/_links.html.erb
+- lib/generators/tailwind_devise/templates/devise/unlocks/new.html.erb
+- lib/generators/tailwind_devise/views_generator.rb
+homepage: https://rubygems.org/gems/tailwind_devise
+licenses:
+- MIT
+metadata: {}
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.4.10
+signing_key:
+specification_version: 4
+summary: Creates pretty sign in/signup views for devise
+test_files: []