rodauth-rails 1.6.3 → 1.7.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e133150815312f4fec4d4c03685b7a762b285860f72cd4594c5d034b58c8d37f
-  data.tar.gz: 10623324c6d20a69973f48faf950563d76ddffa1eb70f39cf82872b1318042ee
+  metadata.gz: '09013a1bf694e549fa97b25df4490342da804f04a4b390e3c443130b2ae6d39c'
+  data.tar.gz: 9c8a721619b16280d7892fe35ec6d0368d3bef2dd9eb0a26edddd5f65f87f5cb
 SHA512:
-  metadata.gz: a8b8d22356e108f7e7a6a4025958639546e2fd957a1115f5faf3faf187c136072c7aac1ab130e04a925637a77c31b99326c92d6e43cbc363b6bba3a89188718d
-  data.tar.gz: a5b40c767d34b94f8485d61cb0bd45021108ce927ee16892e72c2095c31a7091c75229bfd971f029227e5a24355de4f090cb75f5d974be9b7c267a5032e2e7c8
+  metadata.gz: 3710f7d71bff102f6a4564542575a75798df2063df3217a01574b04a541def22fb1ca04cf529fdfb1709e5f6c334f3ddda7027dce639f7b1d47ba4f71ba421df
+  data.tar.gz: b36c22fdd2e297058ac576d5c064ccb3a982370c0d0d70d2651a1b271ec2e0be4af7a8844dec098bfb839de90d5f3149d88987ed58c1728a4a7ecb039e874a4e

data/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 1.7.0 (2022-12-21)
+
+* Add Tailwind CSS templates to `rodauth:views` generator via the `--css=tailwind` option (@benkoshy, @janko)
+
+## 1.6.4 (2022-11-24)
+
+* Make `#rails_account` work on directly allocated Rodauth object with `@account` set (@janko)
+
+* Add commented out email configuration for `password_reset_notify` feature (@janko)
+
+* Design generated mailer in a way that exposes the Rodauth object (@janko)
+
+* Fix generated logout page always logging out globally when using active sessions feature (@janko)
+
 ## 1.6.3 (2022-11-15)
 
 * Suggest passing an integer to `verify_account_grace_period` instead of `ActiveSupport::Duration` (@vlado)

data/README.md

@@ -22,6 +22,8 @@ Provides Rails integration for the [Rodauth] authentication framework.
 * [Rails Authentication with Rodauth](https://janko.io/adding-authentication-in-rails-with-rodauth/)
 * [Multifactor Authentication in Rails with Rodauth](https://janko.io/adding-multifactor-authentication-in-rails-with-rodauth/)
 * [How to build an OIDC provider using rodauth-oauth on Rails](https://honeyryderchuck.gitlab.io/httpx/2021/03/15/oidc-provider-on-rails-using-rodauth-oauth.html)
+* [What It Took to Build a Rails Integration for Rodauth](https://janko.io/what-it-took-to-build-a-rails-integration-for-rodauth/)
+* [Social Login in Rails with Rodauth](https://janko.io/social-login-in-rails-with-rodauth/)
 
 ## Why Rodauth?
 
@@ -40,11 +42,19 @@ of the advantages that stand out for me:
 * consistent before/after hooks around everything
 * dedicated object encapsulating all authentication logic
 
-One common concern is the fact that, unlike most other authentication
-frameworks for Rails, Rodauth uses [Sequel] for database interaction instead of
-Active Record. There are good reasons for this, and to make Rodauth work
-smoothly alongside Active Record, rodauth-rails configures Sequel to [reuse
-Active Record's database connection][sequel-activerecord_connection].
+### Sequel
+
+One common concern for people coming from other Rails authentication frameworks
+is the fact that Rodauth uses [Sequel] for database interaction instead of
+Active Record. Sequel has powerful APIs for building advanced queries,
+supporting complex SQL expressions, database-agnostic date arithmetic, SQL
+function calls and more, all without having to drop down to raw SQL.
+
+For Rails apps using Active Record, rodauth-rails configures Sequel to [reuse
+Active Record's database connection][sequel-activerecord_connection]. This
+makes it run smoothly alongside Active Record, even allowing calling Active
+Record code from within Rodauth configuration. So, for all intents and
+purposes, Sequel can be treated just as an implementation detail of Rodauth.
 
 ## Installation
 
@@ -85,18 +95,27 @@ default URL options in each environment. Here is a possible configuration for
 `config/environments/development.rb`:
 
 ```rb
-config.action_mailer.default_url_options = { host: 'localhost', port: 3000 }
+config.action_mailer.default_url_options = { host: "localhost", port: 3000 }
 ```
 
 ## Usage
 
-### Routes
+The Rodauth app will be called for each request before it reaches the Rails
+router. It handles requests to Rodauth endpoints, and allows you to call
+additional code before your main routes.
 
-Because requests to Rodauth endpoints are handled by a Rack middleware (and not
-a Rails controller), Rodauth routes will not show in `rails routes`.
+```sh
+$ rails middleware
+# ...
+# use Rodauth::Rails::Middleware (calls your Rodauth app)
+# run YourApp::Application.routes
+```
 
-Use the `rodauth:routes` rake task to view the list of endpoints based on
-currently loaded features:
+### Routes
+
+Because requests to Rodauth endpoints are handled by Roda, Rodauth routes will
+not show in `rails routes`. You can use the `rodauth:routes` rake task to view
+the list of endpoints based on currently loaded features:
 
 ```sh
 $ rails rodauth:routes
@@ -295,7 +314,9 @@ you'll want to start editing the markup. You can run the following command to
 copy Rodauth templates into your Rails app:
 
 ```sh
-$ rails generate rodauth:views
+$ rails generate rodauth:views # bootstrap views
+# or
+$ rails generate rodauth:views --css=tailwind # tailwind views (requires @tailwindcss/forms plugin)
 ```
 
 This will generate views for Rodauth features you have currently enabled into
@@ -594,9 +615,9 @@ Then in your application you can reference the secondary Rodauth instance:
 rodauth(:admin).login_path #=> "/admin/login"
 ```
 
-You'll likely want to save the information of which account belongs to which
+*NOTE: You'll likely want to save the information of which account belongs to which
 configuration to the database. See [this guide][account types] on how you can do
-that.
+that.*
 
 ### Sharing configuration
 
@@ -720,10 +741,9 @@ Rodauth::Rails.rodauth(:admin, params: { "param" => "value" })
 ## Testing
 
 For system and integration tests, which run the whole middleware stack,
-authentication can be exercised normally via HTTP endpoints. See [this wiki
-page](https://github.com/janko/rodauth-rails/wiki/Testing) for some examples.
+authentication can be exercised normally via HTTP endpoints. For example, given
+a controller
 
-For controller tests, you can log in accounts by modifying the session:
 
 ```rb
 # app/controllers/articles_controller.rb
@@ -735,9 +755,23 @@ class ArticlesController < ApplicationController
   end
 end
 ```
+
+One can write `ActionDispatch::IntegrationTest` test helpers for `login` and
+`logout` by making requests to the rodauth endpoints
+
 ```rb
 # test/controllers/articles_controller_test.rb
-class ArticlesControllerTest < ActionController::TestCase
+class ArticlesControllerTest < ActionDispatch::IntegrationTest
+  def login(login, password)
+    post "/login", params: { login: login, password: password }
+    assert_redirected_to "/"
+  end
+
+  def logout
+    post "/logout"
+    assert_redirected_to "/"
+  end
+  
   test "required authentication" do
     get :index
 
@@ -746,7 +780,7 @@ class ArticlesControllerTest < ActionController::TestCase
     assert_equal "Please login to continue", flash[:alert]
 
     account = Account.create!(email: "user@example.com", password: "secret123", status: "verified")
-    login(account)
+    login(account.email, "secret123")
 
     get :index
     assert_response 200
@@ -757,45 +791,11 @@ class ArticlesControllerTest < ActionController::TestCase
     assert_response 302
     assert_equal "Please login to continue", flash[:alert]
   end
-
-  private
-
-  # Manually modify the session into what Rodauth expects.
-  def login(account)
-    session[:account_id] = account.id
-    session[:authenticated_by] = ["password"] # or ["password", "totp"] for MFA
-  end
-
-  def logout
-    session.clear
-  end
 end
 ```
 
-If you're using multiple configurations with different session prefixes, you'll need
-to make sure to use those in controller tests as well:
-
-```rb
-class RodauthAdmin < Rodauth::Rails::Auth
-  configure do
-    session_key_prefix "admin_"
-  end
-end
-```
-```rb
-# in a controller test:
-session[:admin_account_id] = account.id
-session[:admin_authenticated_by] = ["password"]
-```
-
-If you want to access the Rodauth instance in controller tests, you can do so
-through the controller instance:
-
-```rb
-# in a controller test:
-@controller.rodauth         #=> #<RodauthMain ...>
-@controller.rodauth(:admin) #=> #<RodauthAdmin ...>
-```
+For more examples and information about testing with rodauth, see
+[this wiki page about testing](https://github.com/janko/rodauth-rails/wiki/Testing). 
 
 ## Configuring
 
@@ -859,6 +859,8 @@ helpers through `#rails_routes`:
 class RodauthMain < Rodauth::Rails::Auth
   configure do
     login_redirect { rails_routes.activity_path }
+    change_password_redirect { rails_routes.profile_path }
+    change_login_redirect { rails_routes.profile_path }
   end
 end
 ```
@@ -1069,19 +1071,6 @@ end
 <% rodauth(:admin) #=> #<RodauthAdmin> (if using multiple configurations) %>
 ```
 
-### Sequel
-
-Rodauth uses the [Sequel] library for database interaction, which offers
-powerful APIs for building advanced queries (it supports SQL expressions,
-database-agnostic date arithmetic, SQL function calls).
-
-If you're using Active Record in your application, the `rodauth:install`
-generator automatically configures Sequel to reuse ActiveRecord's database
-connection, using the [sequel-activerecord_connection] gem.
-
-This means that, from the usage perspective, Sequel can be considered just
-as an implementation detail of Rodauth.
-
 ## Rodauth defaults
 
 rodauth-rails changes some of the default Rodauth settings for easier setup:

data/lib/generators/rodauth/templates/INSTRUCTIONS

@@ -43,8 +43,10 @@ Depending on your application's configuration some manual setup may be required:
 
   5. You can copy Rodauth views (for customization) to your app by running:
 
-       rails g rodauth:views
+       rails g rodauth:views # default bootstrap views
 
-     * Not required *
+       rails g rodauth:views --css=tailwind # tailwind views (requires @tailwindcss/forms plugin)
+
+      * Not required *
 
 ===============================================================================

data/lib/generators/rodauth/templates/app/mailers/rodauth_mailer.rb

@@ -1,64 +1,60 @@
 class RodauthMailer < ApplicationMailer
   def verify_account(name, account_id, key)
-    @email_link = email_link(name, :verify_account, account_id, key)
-    @account = find_account(name, account_id)
+    @rodauth = rodauth(name, account_id) { @verify_account_key_value = key }
+    @account = @rodauth.rails_account
 
-    mail to: @account.email, subject: rodauth(name).verify_account_email_subject
+    mail to: @account.email, subject: @rodauth.verify_account_email_subject
   end
 
   def reset_password(name, account_id, key)
-    @email_link = email_link(name, :reset_password, account_id, key)
-    @account = find_account(name, account_id)
+    @rodauth = rodauth(name, account_id) { @reset_password_key_value = key }
+    @account = @rodauth.rails_account
 
-    mail to: @account.email, subject: rodauth(name).reset_password_email_subject
+    mail to: @account.email, subject: @rodauth.reset_password_email_subject
   end
 
   def verify_login_change(name, account_id, key)
-    @email_link = email_link(name, :verify_login_change, account_id, key)
-    @account = find_account(name, account_id)
+    @rodauth = rodauth(name, account_id) { @verify_login_change_key_value = key }
+    @account = @rodauth.rails_account
     @new_email = @account.login_change_key.login
 
-    mail to: @new_email, subject: rodauth(name).verify_login_change_email_subject
+    mail to: @new_email, subject: @rodauth.verify_login_change_email_subject
   end
 
   def password_changed(name, account_id)
-    @account = find_account(name, account_id)
+    @rodauth = rodauth(name, account_id)
+    @account = @rodauth.rails_account
 
-    mail to: @account.email, subject: rodauth(name).password_changed_email_subject
+    mail to: @account.email, subject: @rodauth.password_changed_email_subject
   end
 
+  # def reset_password_notify(name, account_id)
+  #   @rodauth = rodauth(name, account_id)
+  #   @account = @rodauth.rails_account
+
+  #   mail to: @account.email, subject: @rodauth.reset_password_notify_email_subject
+  # end
+
   # def email_auth(name, account_id, key)
-  #   @email_link = email_link(name, :email_auth, account_id, key)
-  #   @account = find_account(name, account_id)
+  #   @rodauth = rodauth(name, account_id) { @email_auth_key_value = key }
+  #   @account = @rodauth.rails_account
 
-  #   mail to: @account.email, subject: rodauth(name).email_auth_email_subject
+  #   mail to: @account.email, subject: @rodauth.email_auth_email_subject
   # end
 
   # def unlock_account(name, account_id, key)
-  #   @email_link = email_link(name, :unlock_account, account_id, key)
-  #   @account = find_account(name, account_id)
+  #   @rodauth = rodauth(name, account_id) { @unlock_account_key_value = key }
+  #   @account = @rodauth.rails_account
 
-  #   mail to: @account.email, subject: rodauth(name).unlock_account_email_subject
+  #   mail to: @account.email, subject: @rodauth.unlock_account_email_subject
   # end
 
   private
 
-  def find_account(_name, account_id)
-<% if defined?(ActiveRecord::Railtie) -%>
-    Account.find(account_id)
-<% else -%>
-    Account.with_pk!(account_id)
-<% end -%>
-  end
-
-  def email_link(name, action, account_id, key)
-    instance = rodauth(name)
-    instance.instance_variable_set(:@account, { id: account_id })
-    instance.instance_variable_set(:"@#{action}_key_value", key)
-    instance.public_send(:"#{action}_email_link")
-  end
-
-  def rodauth(name)
-    RodauthApp.rodauth(name).allocate
+  def rodauth(name, account_id, &block)
+    instance = RodauthApp.rodauth(name).allocate
+    instance.instance_eval { @account = account_ds(account_id).first! }
+    instance.instance_eval(&block) if block
+    instance
   end
 end

data/lib/generators/rodauth/templates/app/misc/rodauth_main.rb

@@ -76,6 +76,9 @@ class RodauthMain < Rodauth::Rails::Auth
     create_password_changed_email do
       RodauthMailer.password_changed(self.class.configuration_name, account_id)
     end
+    # create_reset_password_notify_email do
+    #   RodauthMailer.reset_password_notify(self.class.configuration_name, account_id)
+    # end
     # create_email_auth_email do
     #   RodauthMailer.email_auth(self.class.configuration_name, account_id, email_auth_key_value)
     # end

data/lib/generators/rodauth/templates/app/views/rodauth/logout.html.erb

@@ -2,7 +2,7 @@
   <% if rodauth.features.include?(:active_sessions) %>
     <div class="form-group mb-3">
       <div class="form-check">
-        <%= form.check_box rodauth.global_logout_param, id: "global-logout", class: "form-check-input" %>
+        <%= form.check_box rodauth.global_logout_param, id: "global-logout", class: "form-check-input", include_hidden: false %>
         <%= form.label "global-logout", rodauth.global_logout_label, class: "form-check-label" %>
       </div>
     </div>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/_email_auth_request_form.html.erb

@@ -0,0 +1,5 @@
+<%= form_with url: rodauth.email_auth_request_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <%= form.hidden_field rodauth.login_param, value: params[rodauth.login_param] %>
+
+  <%= form.submit rodauth.email_auth_request_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/_login_form.html.erb

@@ -0,0 +1,24 @@
+<%= form_with url: rodauth.login_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <% if rodauth.skip_login_field_on_login? %>
+    <div class="mb-6">
+      <%= form.label "login", rodauth.login_label, class: "block text-sm font-semibold" %>
+      <%= form.email_field rodauth.login_param, value: params[rodauth.login_param], id: "login", readonly: true, class: "mt-2 text-sm w-full py-2 px-0 bg-inherit border-transparent focus:ring-0 focus:border-transparent" %>
+    </div>
+  <% else %>
+    <div class="mb-6">
+      <%= form.label "login", rodauth.login_label, class: "block text-sm font-semibold" %>
+      <%= form.email_field rodauth.login_param, value: params[rodauth.login_param], id: "login", autocomplete: "email", required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.login_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "login_error_message" } if rodauth.field_error(rodauth.login_param)) %>
+      <%= content_tag(:span, rodauth.field_error(rodauth.login_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "login_error_message") if rodauth.field_error(rodauth.login_param) %>
+    </div>
+  <% end %>
+
+  <% unless rodauth.skip_password_field_on_login? %>
+    <div class="mb-6">
+      <%= form.label "password", rodauth.password_label, class: "block text-sm font-semibold" %>
+      <%= form.password_field rodauth.password_param, value: "", id: "password", autocomplete: rodauth.password_field_autocomplete_value, required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.password_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password_error_message" } if rodauth.field_error(rodauth.password_param)) %>
+      <%= content_tag(:span, rodauth.field_error(rodauth.password_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password_error_message") if rodauth.field_error(rodauth.password_param) %>
+    </div>
+  <% end %>
+
+  <%= form.submit rodauth.login_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/_login_form_footer.html.erb

@@ -0,0 +1,7 @@
+<% unless rodauth.login_form_footer_links.empty? %>
+  <ul>
+    <% rodauth.login_form_footer_links.sort.each do |_, link, text| %>
+      <li><%= link_to text, link, class: "text-blue-600 rounded-sm text-sm hover:underline hover:text-blue-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-600 dark:text-blue-300 dark:hover:text-blue-400 dark:focus-visible:ring-2 dark:focus-visible:ring-blue-300" %></li>
+    <% end %>
+  </ul>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/_login_form_header.html.erb

@@ -0,0 +1,3 @@
+<% if rodauth.field_error(rodauth.password_param) && rodauth.features.include?(:reset_password) %>
+  <%= render template: "rodauth/reset_password_request", layout: false %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/add_recovery_codes.html.erb

@@ -0,0 +1,16 @@
+<div>
+  <% if rodauth.recovery_codes.any? %>
+    <div class="text-sm px-4 py-3 bg-white rounded-lg border shadow-lg grid grid-cols-2 gap-y-2 gap-x-4 dark:bg-gray-900 dark:text-gray-200">
+      <% rodauth.recovery_codes.each do |code| %>
+        <div class="font-mono"><%= code %></div>
+      <% end %>
+    </div>
+  <% end %>
+
+  <% if rodauth.can_add_recovery_codes? %>
+    <div class="text-2xl font-medium mt-6 mb-4">
+      <%== rodauth.add_recovery_codes_heading %>
+    </div>
+    <%= render template: "rodauth/recovery_codes", layout: false %>
+  <% end %>
+</div>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/change_login.html.erb

@@ -0,0 +1,25 @@
+<%= form_with url: rodauth.change_login_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <div class="mb-6">
+    <%= form.label "login", rodauth.login_label, class: "block text-sm font-semibold" %>
+    <%= form.email_field rodauth.login_param, value: params[rodauth.login_param], id: "login", autocomplete: "email", required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.login_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "login_error_message" } if rodauth.field_error(rodauth.login_param)) %>
+    <%= content_tag(:span, rodauth.field_error(rodauth.login_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "login_error_message") if rodauth.field_error(rodauth.login_param) %>
+  </div>
+
+  <% if rodauth.require_login_confirmation? %>
+    <div class="mb-6">
+      <%= form.label "login-confirm", rodauth.login_confirm_label, class: "block text-sm font-semibold" %>
+      <%= form.email_field rodauth.login_confirm_param, value: params[rodauth.login_confirm_param], id: "login-confirm", autocomplete: "email", required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.login_confirm_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "login-confirm_error_message" } if rodauth.field_error(rodauth.login_confirm_param)) %>
+      <%= content_tag(:span, rodauth.field_error(rodauth.login_confirm_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "login-confirm_error_message") if rodauth.field_error(rodauth.login_confirm_param) %>
+    </div>
+  <% end %>
+
+  <% if rodauth.change_login_requires_password? %>
+    <div class="mb-6">
+      <%= form.label "password", rodauth.password_label, class: "block text-sm font-semibold" %>
+      <%= form.password_field rodauth.password_param, value: "", id: "password", autocomplete: rodauth.password_field_autocomplete_value, required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.password_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password_error_message" } if rodauth.field_error(rodauth.password_param)) %>
+      <%= content_tag(:span, rodauth.field_error(rodauth.password_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password_error_message") if rodauth.field_error(rodauth.password_param) %>
+    </div>
+  <% end %>
+
+  <%= form.submit rodauth.change_login_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/change_password.html.erb

@@ -0,0 +1,25 @@
+<%= form_with url: rodauth.change_password_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <% if rodauth.change_password_requires_password? %>
+    <div class="mb-6">
+      <%= form.label "password", rodauth.password_label, class: "block text-sm font-semibold" %>
+      <%= form.password_field rodauth.password_param, value: "", id: "password", autocomplete: rodauth.password_field_autocomplete_value, required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.password_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password_error_message" } if rodauth.field_error(rodauth.password_param)) %>
+      <%= content_tag(:span, rodauth.field_error(rodauth.password_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password_error_message") if rodauth.field_error(rodauth.password_param) %>
+    </div>
+  <% end %>
+
+  <div class="mb-6">
+    <%= form.label "new-password", rodauth.new_password_label, class: "block text-sm font-semibold" %>
+    <%= form.password_field rodauth.new_password_param, value: "", id: "new-password", autocomplete: "new-password", required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.new_password_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "new-password_error_message" } if rodauth.field_error(rodauth.new_password_param)) %>
+    <%= content_tag(:span, rodauth.field_error(rodauth.new_password_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "new-password_error_message") if rodauth.field_error(rodauth.new_password_param) %>
+  </div>
+
+  <% if rodauth.require_password_confirmation? %>
+    <div class="mb-6">
+      <%= form.label "password-confirm", rodauth.password_confirm_label, class: "block text-sm font-semibold" %>
+      <%= form.password_field rodauth.password_confirm_param, value: "", id: "password-confirm", autocomplete: "new-password", required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.password_confirm_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password-confirm_error_message" } if rodauth.field_error(rodauth.password_confirm_param)) %>
+      <%= content_tag(:span, rodauth.field_error(rodauth.password_confirm_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password-confirm_error_message") if rodauth.field_error(rodauth.password_confirm_param) %>
+    </div>
+  <% end %>
+
+  <%= form.submit rodauth.change_password_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/close_account.html.erb

@@ -0,0 +1,11 @@
+<%= form_with url: rodauth.close_account_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <% if rodauth.close_account_requires_password? %>
+    <div class="mb-6">
+      <%= form.label "password", rodauth.password_label, class: "block text-sm font-semibold" %>
+      <%= form.password_field rodauth.password_param, value: "", id: "password", autocomplete: rodauth.password_field_autocomplete_value, required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.password_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password_error_message" } if rodauth.field_error(rodauth.password_param)) %>
+      <%= content_tag(:span, rodauth.field_error(rodauth.password_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password_error_message") if rodauth.field_error(rodauth.password_param) %>
+    </div>
+  <% end %>
+
+  <%= form.submit rodauth.close_account_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-600 dark:bg-red-400 dark:hover:bg-red-500 dark:text-gray-900 dark:focus:ring-red-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/confirm_password.html.erb

@@ -0,0 +1,19 @@
+<%= form_with url: rodauth.confirm_password_path, method: :post, data: { turbo: false } do |form| %>
+  <div class="dark:bg-gray-900 flex items-center justify-center h-screen">
+    <div class="max-w-sm">
+      <h2 class="mb-3 text-3xl font-semibold text-center dark:text-gray-100">
+        <%= rodauth.confirm_password_page_title %>
+      </h2>
+      <div class="mx-4">
+        <div class="py-2">
+          <%= form.label "password", rodauth.password_label, class: "text-sm text-gray-400" %>
+          <%= form.password_field rodauth.password_param, value: "", id: "password", autocomplete: rodauth.password_field_autocomplete_value, required: true, class: "w-full px-3 py-2 border rounded-md border-gray-400 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-100 focus:dark:border-emerald-400 focus:dark:bg-gray-700 invalid:border-red-500 invalid:text-red-600 focus:invalid:border-red-500 focus:invalid:ring-red-500 valid:border-green-500 #{"border rounded-md border-red-500" if rodauth.field_error(rodauth.password_param)}", aria: ({ invalid: true, describedby: "password_error_message" } if rodauth.field_error(rodauth.password_param)) %>
+          <%= content_tag(:span, rodauth.field_error(rodauth.password_param), class: "text-red-800 text-xs mt-1 ml-1", id: "password_error_message") if rodauth.field_error(rodauth.password_param) %>
+        </div>
+      </div>
+      <div class="py-2">
+        <%= form.submit rodauth.confirm_password_button, class: "w-full px-8 py-2 font-semibold rounded-md w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 dark:bg-emerald-400 dark:text-gray-900" %>
+      </div>
+    </div>
+  </div>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/create_account.html.erb

@@ -0,0 +1,33 @@
+<%= form_with url: rodauth.create_account_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <div class="mb-6">
+    <%= form.label "login", rodauth.login_label, class: "block text-sm font-semibold" %>
+    <%= form.email_field rodauth.login_param, value: params[rodauth.login_param], id: "login", autocomplete: "email", required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.login_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "login_error_message" } if rodauth.field_error(rodauth.login_param)) %>
+    <%= content_tag(:span, rodauth.field_error(rodauth.login_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "login_error_message") if rodauth.field_error(rodauth.login_param) %>
+  </div>
+
+  <% if rodauth.require_login_confirmation? %>
+    <div class="mb-6">
+      <%= form.label "login-confirm", rodauth.login_confirm_label, class: "block text-sm font-semibold" %>
+      <%= form.email_field rodauth.login_confirm_param, value: params[rodauth.login_confirm_param], id: "login-confirm", autocomplete: "email", required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.login_confirm_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "login-confirm_error_message" } if rodauth.field_error(rodauth.login_confirm_param)) %>
+      <%= content_tag(:span, rodauth.field_error(rodauth.login_confirm_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "login-confirm_error_message") if rodauth.field_error(rodauth.login_confirm_param) %>
+    </div>
+  <% end %>
+
+  <% if rodauth.create_account_set_password? %>
+    <div class="mb-6">
+      <%= form.label "password", rodauth.password_label, class: "block text-sm font-semibold" %>
+      <%= form.password_field rodauth.password_param, value: "", id: "password", autocomplete: rodauth.password_field_autocomplete_value, required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.password_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password_error_message" } if rodauth.field_error(rodauth.password_param)) %>
+      <%= content_tag(:span, rodauth.field_error(rodauth.password_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password_error_message") if rodauth.field_error(rodauth.password_param) %>
+    </div>
+
+    <% if rodauth.require_password_confirmation? %>
+      <div class="mb-6">
+        <%= form.label "password-confirm", rodauth.password_confirm_label, class: "block text-sm font-semibold" %>
+        <%= form.password_field rodauth.password_confirm_param, value: "", id: "password-confirm", autocomplete: "new-password", required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.password_confirm_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password-confirm_error_message" } if rodauth.field_error(rodauth.password_confirm_param)) %>
+        <%= content_tag(:span, rodauth.field_error(rodauth.password_confirm_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password-confirm_error_message") if rodauth.field_error(rodauth.password_confirm_param) %>
+      </div>
+    <% end %>
+  <% end %>
+
+  <%= form.submit rodauth.create_account_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/email_auth.html.erb

@@ -0,0 +1,3 @@
+<%= form_with url: rodauth.email_auth_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <%= form.submit rodauth.login_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/login.html.erb

@@ -0,0 +1,5 @@
+<div class="flex-1 space-y-4">
+  <%= render "login_form_header" %>
+  <%= render "login_form" %>
+  <%= render "login_form_footer" %>
+</div>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/logout.html.erb

@@ -0,0 +1,10 @@
+<%= form_with url: rodauth.logout_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <% if rodauth.features.include?(:active_sessions) %>
+    <div class="mb-6 flex items-center space-x-2">
+      <%= form.check_box rodauth.global_logout_param, id: "global-logout", class: "rounded dark:bg-gray-900 dark:border-gray-600 dark:checked:bg-current dark:checked:border-current dark:checked:text-emerald-400 dark:focus:ring-emerald-400 dark:focus:ring-offset-gray-900", include_hidden: false %>
+      <%= form.label "global-logout", rodauth.global_logout_label, class: "text-sm" %>
+    </div>
+  <% end %>
+
+  <%= form.submit rodauth.logout_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md bg-yellow-300 hover:bg-yellow-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-yellow-300 dark:bg-violet-400 dark:hover:bg-violet-500 dark:text-gray-900 dark:focus:ring-violet-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/multi_phase_login.html.erb

@@ -0,0 +1,5 @@
+<div class="flex-1 space-y-4">
+  <%= render "login_form_header" %>
+  <%== rodauth.render_multi_phase_login_forms %>
+  <%= render "login_form_footer" %>
+</div>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/otp_auth.html.erb

@@ -0,0 +1,9 @@
+<%= form_with url: rodauth.otp_auth_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <div class="mb-6">
+    <%= form.label "otp-auth-code", rodauth.otp_auth_label, class: "block text-sm font-semibold" %>
+    <%= form.text_field rodauth.otp_auth_param, value: "", id: "otp-auth-code", autocomplete: "off", inputmode: "numeric", required: true, class: "mt-2 text-sm w-1/2 px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.otp_auth_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "otp-auth-code_error_message" } if rodauth.field_error(rodauth.otp_auth_param)) %>
+    <%= content_tag(:span, rodauth.field_error(rodauth.otp_auth_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "otp-auth-code_error_message") if rodauth.field_error(rodauth.otp_auth_param) %>
+  </div>
+
+  <%= form.submit rodauth.otp_auth_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/otp_disable.html.erb

@@ -0,0 +1,11 @@
+<%= form_with url: rodauth.otp_disable_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <% if rodauth.two_factor_modifications_require_password? %>
+    <div class="mb-6">
+      <%= form.label "password", rodauth.password_label, class: "block text-sm font-semibold" %>
+      <%= form.password_field rodauth.password_param, value: "", id: "password", autocomplete: rodauth.password_field_autocomplete_value, required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.password_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password_error_message" } if rodauth.field_error(rodauth.password_param)) %>
+      <%= content_tag(:span, rodauth.field_error(rodauth.password_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password_error_message") if rodauth.field_error(rodauth.password_param) %>
+    </div>
+  <% end %>
+
+  <%= form.submit rodauth.otp_disable_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md bg-yellow-300 hover:bg-yellow-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-yellow-300 dark:bg-violet-400 dark:hover:bg-violet-500 dark:text-gray-900 dark:focus:ring-violet-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/otp_setup.html.erb

@@ -0,0 +1,32 @@
+<%= form_with url: rodauth.otp_setup_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <%= form.hidden_field rodauth.otp_setup_param, value: rodauth.otp_user_key, id: "otp-key" %>
+  <%= form.hidden_field rodauth.otp_setup_raw_param, value: rodauth.otp_key, id: "otp-hmac-secret" if rodauth.otp_keys_use_hmac? %>
+
+  <div class="mb-6 w-48">
+    <%== rodauth.otp_qr_code %>
+  </div>
+
+  <dl class="mb-6 text-sm">
+    <dt class="font-semibold"><%= rodauth.otp_secret_label %>:</dt>
+    <dd><%= rodauth.otp_user_key %></dd>
+
+    <dt class="font-semibold mt-2"><%= rodauth.otp_provisioning_uri_label %>:</dt>
+    <dd><%= rodauth.otp_provisioning_uri %></dd>
+  </dl>
+
+  <% if rodauth.two_factor_modifications_require_password? %>
+    <div class="mb-6">
+      <%= form.label "password", rodauth.password_label, class: "block text-sm font-semibold" %>
+      <%= form.password_field rodauth.password_param, value: "", id: "password", autocomplete: rodauth.password_field_autocomplete_value, required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.password_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password_error_message" } if rodauth.field_error(rodauth.password_param)) %>
+      <%= content_tag(:span, rodauth.field_error(rodauth.password_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password_error_message") if rodauth.field_error(rodauth.password_param) %>
+    </div>
+  <% end %>
+
+  <div class="mb-6">
+    <%= form.label "otp-auth-code", rodauth.otp_auth_label, class: "block text-sm font-semibold" %>
+    <%= form.text_field rodauth.otp_auth_param, value: "", id: "otp-auth-code", autocomplete: "off", inputmode: "numeric", required: true, class: "mt-2 text-sm w-1/2 px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.otp_auth_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "otp-auth-code_error_message" } if rodauth.field_error(rodauth.otp_auth_param)) %>
+    <%= content_tag(:span, rodauth.field_error(rodauth.otp_auth_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "otp-auth-code_error_message") if rodauth.field_error(rodauth.otp_auth_param) %>
+  </div>
+
+  <%= form.submit rodauth.otp_setup_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/recovery_auth.html.erb

@@ -0,0 +1,9 @@
+<%= form_with url: rodauth.recovery_auth_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <div class="mb-6">
+    <%= form.label "recovery-code", rodauth.recovery_codes_label, class: "block text-sm font-semibold" %>
+    <%= form.text_field rodauth.recovery_codes_param, value: "", id: "recovery-code", autocomplete: "off", required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.recovery_codes_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "recovery-code_error_message" } if rodauth.field_error(rodauth.recovery_codes_param)) %>
+    <%= content_tag(:span, rodauth.field_error(rodauth.recovery_codes_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "recovery-code_error_message") if rodauth.field_error(rodauth.recovery_codes_param) %>
+  </div>
+
+  <%= form.submit rodauth.recovery_auth_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/recovery_codes.html.erb

@@ -0,0 +1,11 @@
+<%= form_with url: rodauth.recovery_codes_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <% if rodauth.two_factor_modifications_require_password? %>
+    <div class="mb-6">
+      <%= form.label "password", rodauth.password_label, class: "block text-sm font-semibold" %>
+      <%= form.password_field rodauth.password_param, value: "", id: "password", autocomplete: rodauth.password_field_autocomplete_value, required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.password_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password_error_message" } if rodauth.field_error(rodauth.password_param)) %>
+      <%= content_tag(:span, rodauth.field_error(rodauth.password_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password_error_message") if rodauth.field_error(rodauth.password_param) %>
+    </div>
+  <% end %>
+
+  <%= form.submit rodauth.recovery_codes_button || rodauth.view_recovery_codes_button, name: (rodauth.add_recovery_codes_param if rodauth.recovery_codes_button), class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/remember.html.erb

@@ -0,0 +1,18 @@
+<%= form_with url: rodauth.remember_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <fieldset class="mb-6 space-y-2">
+    <div class="flex items-center space-x-2">
+      <%= form.radio_button rodauth.remember_param, rodauth.remember_remember_param_value, id: "remember-remember", class: "dark:bg-gray-900 dark:border-gray-600 dark:checked:bg-current dark:checked:border-current dark:checked:text-emerald-400 dark:focus:ring-emerald-400 dark:focus:ring-offset-gray-900" %>
+      <%= form.label "remember-remember", rodauth.remember_remember_label, class: "text-sm" %>
+    </div>
+    <div class="flex items-center space-x-2">
+      <%= form.radio_button rodauth.remember_param, rodauth.remember_forget_param_value, id: "remember-forget", class: "dark:bg-gray-900 dark:border-gray-600 dark:checked:bg-current dark:checked:border-current dark:checked:text-emerald-400 dark:focus:ring-emerald-400 dark:focus:ring-offset-gray-900" %>
+      <%= form.label "remember-forget", rodauth.remember_forget_label, class: "text-sm" %>
+    </div>
+    <div class="flex items-center space-x-2">
+      <%= form.radio_button rodauth.remember_param, rodauth.remember_disable_param_value, id: "remember-disable", class: "dark:bg-gray-900 dark:border-gray-600 dark:checked:bg-current dark:checked:border-current dark:checked:text-emerald-400 dark:focus:ring-emerald-400 dark:focus:ring-offset-gray-900" %>
+      <%= form.label "remember-disable", rodauth.remember_disable_label, class: "text-sm" %>
+    </div>
+  </fieldset>
+
+  <%= form.submit rodauth.remember_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/reset_password.html.erb

@@ -0,0 +1,17 @@
+<%= form_with url: rodauth.reset_password_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <div class="mb-6">
+    <%= form.label "password", rodauth.password_label, class: "block text-sm font-semibold" %>
+    <%= form.password_field rodauth.password_param, value: "", id: "password", autocomplete: rodauth.password_field_autocomplete_value, required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.password_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password_error_message" } if rodauth.field_error(rodauth.password_param)) %>
+    <%= content_tag(:span, rodauth.field_error(rodauth.password_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password_error_message") if rodauth.field_error(rodauth.password_param) %>
+  </div>
+
+  <% if rodauth.require_password_confirmation? %>
+    <div class="mb-6">
+      <%= form.label "password-confirm", rodauth.password_confirm_label, class: "block text-sm font-semibold" %>
+      <%= form.password_field rodauth.password_confirm_param, value: "", id: "password-confirm", autocomplete: "new-password", required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.password_confirm_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password-confirm_error_message" } if rodauth.field_error(rodauth.password_confirm_param)) %>
+      <%= content_tag(:span, rodauth.field_error(rodauth.password_confirm_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password-confirm_error_message") if rodauth.field_error(rodauth.password_confirm_param) %>
+    </div>
+  <% end %>
+
+  <%= form.submit rodauth.reset_password_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/reset_password_request.html.erb

@@ -0,0 +1,17 @@
+<%= form_with url: rodauth.reset_password_request_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <div class="mb-4 text-sm">
+    <%== rodauth.reset_password_explanatory_text %>
+  </div>
+
+  <% if params[rodauth.login_param] && !rodauth.field_error(rodauth.login_param) %>
+    <%= form.hidden_field rodauth.login_param, value: params[rodauth.login_param] %>
+  <% else %>
+    <div class="mb-6">
+      <%= form.label "login", rodauth.login_label, class: "block text-sm font-semibold" %>
+      <%= form.email_field rodauth.login_param, value: params[rodauth.login_param], id: "login", autocomplete: "email", required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.login_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "login_error_message" } if rodauth.field_error(rodauth.login_param)) %>
+      <%= content_tag(:span, rodauth.field_error(rodauth.login_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "login_error_message") if rodauth.field_error(rodauth.login_param) %>
+    </div>
+  <% end %>
+
+  <%= form.submit rodauth.reset_password_request_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/sms_auth.html.erb

@@ -0,0 +1,9 @@
+<%= form_with url: rodauth.sms_auth_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <div class="mb-6">
+    <%= form.label "sms-code", rodauth.sms_code_label, class: "block text-sm font-semibold" %>
+    <%= form.text_field rodauth.sms_code_param, value: "", id: "sms-code", autocomplete: "one-time-code", inputmode: "numeric", required: true, class: "mt-2 text-sm w-1/2 px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.sms_code_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "sms-code_error_message" } if rodauth.field_error(rodauth.sms_code_param)) %>
+    <%= content_tag(:span, rodauth.field_error(rodauth.sms_code_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "sms-code_error_message") if rodauth.field_error(rodauth.sms_code_param) %>
+  </div>
+
+  <%= form.submit rodauth.sms_auth_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/sms_confirm.html.erb

@@ -0,0 +1,9 @@
+<%= form_with url: rodauth.sms_confirm_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <div class="mb-6">
+    <%= form.label "sms-code", rodauth.sms_code_label, class: "block text-sm font-semibold" %>
+    <%= form.text_field rodauth.sms_code_param, value: "", id: "sms-code", autocomplete: "one-time-code", inputmode: "numeric", required: true, class: "mt-2 text-sm w-1/2 px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.sms_code_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "sms-code_error_message" } if rodauth.field_error(rodauth.sms_code_param)) %>
+    <%= content_tag(:span, rodauth.field_error(rodauth.sms_code_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "sms-code_error_message") if rodauth.field_error(rodauth.sms_code_param) %>
+  </div>
+
+  <%= form.submit rodauth.sms_confirm_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/sms_disable.html.erb

@@ -0,0 +1,11 @@
+<%= form_with url: rodauth.sms_disable_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <% if rodauth.two_factor_modifications_require_password? %>
+    <div class="mb-6">
+      <%= form.label "password", rodauth.password_label, class: "block text-sm font-semibold" %>
+      <%= form.password_field rodauth.password_param, value: "", id: "password", autocomplete: rodauth.password_field_autocomplete_value, required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.password_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password_error_message" } if rodauth.field_error(rodauth.password_param)) %>
+      <%= content_tag(:span, rodauth.field_error(rodauth.password_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password_error_message") if rodauth.field_error(rodauth.password_param) %>
+    </div>
+  <% end %>
+
+  <%= form.submit rodauth.sms_disable_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/sms_request.html.erb

@@ -0,0 +1,3 @@
+<%= form_with url: rodauth.sms_request_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <%= form.submit rodauth.sms_request_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/sms_setup.html.erb

@@ -0,0 +1,17 @@
+<%= form_with url: rodauth.sms_setup_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <% if rodauth.two_factor_modifications_require_password? %>
+    <div class="mb-6">
+      <%= form.label "password", rodauth.password_label, class: "block text-sm font-semibold" %>
+      <%= form.password_field rodauth.password_param, value: "", id: "password", autocomplete: rodauth.password_field_autocomplete_value, required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.password_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password_error_message" } if rodauth.field_error(rodauth.password_param)) %>
+      <%= content_tag(:span, rodauth.field_error(rodauth.password_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password_error_message") if rodauth.field_error(rodauth.password_param) %>
+    </div>
+  <% end %>
+
+  <div class="mb-6">
+    <%= form.label "sms-phone", rodauth.sms_phone_label, class: "block text-sm font-semibold" %>
+    <%= form.telephone_field rodauth.sms_phone_param, value: "", id: "sms-phone", autocomplete: "tel", required: true, class: "mt-2 text-sm w-1/2 px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.sms_phone_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "sms-phone_error_message" } if rodauth.field_error(rodauth.sms_phone_param)) %>
+    <%= content_tag(:span, rodauth.field_error(rodauth.sms_phone_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "sms-phone_error_message") if rodauth.field_error(rodauth.sms_phone_param) %>
+  </div>
+
+  <%= form.submit rodauth.sms_setup_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/two_factor_auth.html.erb

@@ -0,0 +1,5 @@
+<ul>
+  <% rodauth.two_factor_auth_links.sort.each do |_, link, text| %>
+    <li><%= link_to text, link, class: "text-blue-600 rounded-sm text-sm hover:underline hover:text-blue-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-600 dark:text-blue-300 dark:hover:text-blue-400 dark:focus-visible:ring-2 dark:focus-visible:ring-blue-300" %></li>
+  <% end %>
+</ul>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/two_factor_disable.html.erb

@@ -0,0 +1,11 @@
+<%= form_with url: rodauth.two_factor_disable_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <% if rodauth.two_factor_modifications_require_password? %>
+    <div class="mb-6">
+      <%= form.label "password", rodauth.password_label, class: "block text-sm font-semibold" %>
+      <%= form.password_field rodauth.password_param, value: "", id: "password", autocomplete: rodauth.password_field_autocomplete_value, required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.password_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password_error_message" } if rodauth.field_error(rodauth.password_param)) %>
+      <%= content_tag(:span, rodauth.field_error(rodauth.password_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password_error_message") if rodauth.field_error(rodauth.password_param) %>
+    </div>
+  <% end %>
+
+  <%= form.submit rodauth.two_factor_disable_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md bg-yellow-300 hover:bg-yellow-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-yellow-300 dark:bg-violet-400 dark:hover:bg-violet-500 dark:text-gray-900 dark:focus:ring-violet-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/two_factor_manage.html.erb

@@ -0,0 +1,26 @@
+<div>
+  <% if rodauth.two_factor_setup_links.any? %>
+    <div class="text-2xl font-medium">
+      <%== rodauth.two_factor_setup_heading %>
+    </div>
+    <ul class="mt-1">
+      <% rodauth.two_factor_setup_links.sort.each do |_, link, text| %>
+        <li><%= link_to text, link, class: "text-blue-600 rounded-sm text-sm hover:underline hover:text-blue-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-600 dark:text-blue-300 dark:hover:text-blue-400 dark:focus-visible:ring-2 dark:focus-visible:ring-blue-300" %></li>
+      <% end %>
+    </ul>
+  <% end %>
+
+  <% if rodauth.two_factor_remove_links.any? %>
+    <div class="text-2xl font-medium mt-4">
+      <%== rodauth.two_factor_remove_heading %>
+    </div>
+    <ul class="mt-1">
+      <% rodauth.two_factor_remove_links.sort.each do |_, link, text| %>
+        <li><%= link_to text, link, class: "text-blue-600 rounded-sm text-sm hover:underline hover:text-blue-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-600 dark:text-blue-300 dark:hover:text-blue-400 dark:focus-visible:ring-2 dark:focus-visible:ring-blue-300" %></li>
+      <% end %>
+      <% if rodauth.two_factor_remove_links.length > 1 %>
+        <li><%= link_to rodauth.two_factor_disable_link_text, rodauth.two_factor_disable_path, class: "text-blue-600 rounded-sm text-sm hover:underline hover:text-blue-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-600 dark:text-blue-300 dark:hover:text-blue-400 dark:focus-visible:ring-2 dark:focus-visible:ring-blue-300" %></li>
+      <% end %>
+    </ul>
+  <% end %>
+</div>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/unlock_account.html.erb

@@ -0,0 +1,15 @@
+<%= form_with url: rodauth.unlock_account_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <div class="mb-4 text-sm">
+    <%== rodauth.unlock_account_explanatory_text %>
+  </div>
+
+  <% if rodauth.unlock_account_requires_password? %>
+    <div class="mb-6">
+      <%= form.label "password", rodauth.password_label, class: "block text-sm font-semibold" %>
+      <%= form.password_field rodauth.password_param, value: "", id: "password", autocomplete: rodauth.password_field_autocomplete_value, required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.password_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password_error_message" } if rodauth.field_error(rodauth.password_param)) %>
+      <%= content_tag(:span, rodauth.field_error(rodauth.password_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password_error_message") if rodauth.field_error(rodauth.password_param) %>
+    </div>
+  <% end %>
+
+  <%= form.submit rodauth.unlock_account_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/unlock_account_request.html.erb

@@ -0,0 +1,9 @@
+<%= form_with url: rodauth.unlock_account_request_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <div class="mb-4 text-sm">
+    <%== rodauth.unlock_account_request_explanatory_text %>
+  </div>
+
+  <%= form.hidden_field rodauth.login_param, value: params[rodauth.login_param] %>
+
+  <%= form.submit rodauth.unlock_account_request_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/verify_account.html.erb

@@ -0,0 +1,19 @@
+<%= form_with url: rodauth.verify_account_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <% if rodauth.verify_account_set_password? %>
+    <div class="mb-6">
+      <%= form.label "password", rodauth.password_label, class: "block text-sm font-semibold" %>
+      <%= form.password_field rodauth.password_param, value: "", id: "password", autocomplete: rodauth.password_field_autocomplete_value, required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.password_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password_error_message" } if rodauth.field_error(rodauth.password_param)) %>
+      <%= content_tag(:span, rodauth.field_error(rodauth.password_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password_error_message") if rodauth.field_error(rodauth.password_param) %>
+    </div>
+
+    <% if rodauth.require_password_confirmation? %>
+      <div class="mb-6">
+        <%= form.label "password-confirm", rodauth.password_confirm_label, class: "block text-sm font-semibold" %>
+        <%= form.password_field rodauth.password_confirm_param, value: "", id: "password-confirm", autocomplete: "new-password", required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.password_confirm_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password-confirm_error_message" } if rodauth.field_error(rodauth.password_confirm_param)) %>
+        <%= content_tag(:span, rodauth.field_error(rodauth.password_confirm_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password-confirm_error_message") if rodauth.field_error(rodauth.password_confirm_param) %>
+      </div>
+    <% end %>
+  <% end %>
+
+  <%= form.submit rodauth.verify_account_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/verify_account_resend.html.erb

@@ -0,0 +1,17 @@
+<%= form_with url: rodauth.verify_account_resend_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <div class="mb-4 text-sm">
+    <%== rodauth.verify_account_resend_explanatory_text %>
+  </div>
+
+  <% if params[rodauth.login_param] %>
+    <%= form.hidden_field rodauth.login_param, value: params[rodauth.login_param] %>
+  <% else %>
+    <div class="mb-6">
+      <%= form.label "login", rodauth.login_label, class: "block text-sm font-semibold" %>
+      <%= form.email_field rodauth.login_param, value: params[rodauth.login_param], id: "login", autocomplete: "email", required: true, class: "mt-2 text-sm w-full px-3 py-2 border rounded-md dark:bg-gray-900 dark:text-gray-100 dark:focus:bg-gray-800 #{rodauth.field_error(rodauth.login_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "login_error_message" } if rodauth.field_error(rodauth.login_param)) %>
+      <%= content_tag(:span, rodauth.field_error(rodauth.login_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "login_error_message") if rodauth.field_error(rodauth.login_param) %>
+    </div>
+  <% end %>
+
+  <%= form.submit rodauth.verify_account_resend_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth/tailwind/verify_login_change.html.erb

@@ -0,0 +1,3 @@
+<%= form_with url: rodauth.verify_login_change_path, method: :post, data: { turbo: false }, class: "w-full max-w-sm" do |form| %>
+  <%= form.submit rodauth.verify_login_change_button, class: "w-full px-8 py-3 cursor-pointer font-semibold text-sm rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-600 dark:bg-emerald-400 dark:hover:bg-emerald-500 dark:text-gray-900 dark:focus:ring-emerald-400 dark:focus:ring-offset-current" %>
+<% end %>

data/lib/generators/rodauth/templates/app/views/rodauth_mailer/email_auth.text.erb

@@ -1,5 +1,5 @@
 Someone has requested a login link for the account with this email
 address.  If you did not request a login link, please ignore this
 message.  If you requested a login link, please go to
-<%= @email_link %>
+<%= @rodauth.email_auth_email_link %>
 to login to this account.

data/lib/generators/rodauth/templates/app/views/rodauth_mailer/reset_password.text.erb

@@ -1,5 +1,5 @@
 Someone has requested a password reset for the account with this email
 address.  If you did not request a password reset, please ignore this
 message.  If you requested a password reset, please go to
-<%= @email_link %>
+<%= @rodauth.reset_password_email_link %>
 to reset the password for the account.

data/lib/generators/rodauth/templates/app/views/rodauth_mailer/reset_password_notify.text.erb

@@ -0,0 +1,2 @@
+Someone (hopefully you) has reset the password for the account
+associated to this email address.

data/lib/generators/rodauth/templates/app/views/rodauth_mailer/unlock_account.text.erb

@@ -1,5 +1,5 @@
-Someone has requested that the account with this email be unlocked.
+Someone has requested a that the account with this email be unlocked.
 If you did not request the unlocking of this account, please ignore this
 message.  If you requested the unlocking of this account, please go to
-<%= @email_link %>
+<%= @rodauth.unlock_account_email_link %>
 to unlock this account.

data/lib/generators/rodauth/templates/app/views/rodauth_mailer/verify_account.text.erb

@@ -1,4 +1,4 @@
 Someone has created an account with this email address.  If you did not create
 this account, please ignore this message.  If you created this account, please go to
-<%= @email_link %>
+<%= @rodauth.verify_account_email_link %>
 to verify the account.

data/lib/generators/rodauth/templates/app/views/rodauth_mailer/verify_login_change.text.erb

@@ -6,5 +6,5 @@ New email: <%= @new_email %>
 
 If you did not request this login change, please ignore this message.  If you
 requested this login change, please go to
-<%= @email_link %>
+<%= @rodauth.verify_login_change_email_link %>
 to verify the login change.

data/lib/generators/rodauth/views_generator.rb

@@ -14,6 +14,10 @@ module Rodauth
           desc: "Generates views for all Rodauth features",
           default: false
 
+        class_option :css, type: :string, enum: %w[bootstrap tailwind tailwindcss],
+          desc: "CSS framework to generate views for",
+          default: "bootstrap"
+
         class_option :name, aliases: "-n", type: :string,
           desc: "The configuration name for which to generate views",
           default: nil
@@ -49,7 +53,7 @@ module Rodauth
           validate_features or return
 
           views.each do |view|
-            copy_file "app/views/rodauth/#{view}.html.erb", "app/views/#{directory}/#{view}.html.erb" do |content|
+            copy_file view_location(view), "app/views/#{directory}/#{view}.html.erb" do |content|
               content = content.gsub("rodauth.", "rodauth(:#{configuration_name}).") if configuration_name
               content = content.gsub("rodauth/", "#{directory}/")
               content = form_helpers_compatibility(content) if ActionView.version < Gem::Version.new("5.1")
@@ -115,6 +119,19 @@ module Rodauth
             .gsub(/form\.radio_button (\S+), (\S+),/, 'radio_button_tag \1, \2, false,')
             .gsub(/form\.check_box (\S+), (.+) /, 'check_box_tag \1, "t", false, \2 ')
         end
+
+        def view_location(view)
+          if tailwind?
+            "app/views/rodauth/tailwind/#{view}.html.erb"
+          else
+            "app/views/rodauth/#{view}.html.erb"
+          end
+        end
+
+        def tailwind?
+          ::Rails.application.config.generators.options[:rails][:template_engine] == :tailwindcss ||
+            options[:css]&.downcase&.start_with?("tailwind")
+        end
       end
     end
   end

data/lib/rodauth/rails/feature/base.rb

@@ -13,7 +13,7 @@ module Rodauth
         end
 
         def rails_account
-          return unless logged_in?
+          return unless account || logged_in?
 
           account_from_session unless account
 

data/lib/rodauth/rails/version.rb

@@ -1,5 +1,5 @@
 module Rodauth
   module Rails
-    VERSION = "1.6.3"
+    VERSION = "1.7.0"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: rodauth-rails
 version: !ruby/object:Gem::Version
-  version: 1.6.3
+  version: 1.7.0
 platform: ruby
 authors:
 - Janko Marohnić
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-11-15 00:00:00.000000000 Z
+date: 2022-12-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -251,6 +251,41 @@ files:
 - lib/generators/rodauth/templates/app/views/rodauth/sms_disable.html.erb
 - lib/generators/rodauth/templates/app/views/rodauth/sms_request.html.erb
 - lib/generators/rodauth/templates/app/views/rodauth/sms_setup.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/_email_auth_request_form.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/_login_form.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/_login_form_footer.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/_login_form_header.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/add_recovery_codes.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/change_login.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/change_password.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/close_account.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/confirm_password.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/create_account.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/email_auth.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/login.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/logout.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/multi_phase_login.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/otp_auth.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/otp_disable.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/otp_setup.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/recovery_auth.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/recovery_codes.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/remember.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/reset_password.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/reset_password_request.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/sms_auth.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/sms_confirm.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/sms_disable.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/sms_request.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/sms_setup.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/two_factor_auth.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/two_factor_disable.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/two_factor_manage.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/unlock_account.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/unlock_account_request.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/verify_account.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/verify_account_resend.html.erb
+- lib/generators/rodauth/templates/app/views/rodauth/tailwind/verify_login_change.html.erb
 - lib/generators/rodauth/templates/app/views/rodauth/two_factor_auth.html.erb
 - lib/generators/rodauth/templates/app/views/rodauth/two_factor_disable.html.erb
 - lib/generators/rodauth/templates/app/views/rodauth/two_factor_manage.html.erb
@@ -265,6 +300,7 @@ files:
 - lib/generators/rodauth/templates/app/views/rodauth_mailer/email_auth.text.erb
 - lib/generators/rodauth/templates/app/views/rodauth_mailer/password_changed.text.erb
 - lib/generators/rodauth/templates/app/views/rodauth_mailer/reset_password.text.erb
+- lib/generators/rodauth/templates/app/views/rodauth_mailer/reset_password_notify.text.erb
 - lib/generators/rodauth/templates/app/views/rodauth_mailer/unlock_account.text.erb
 - lib/generators/rodauth/templates/app/views/rodauth_mailer/verify_account.text.erb
 - lib/generators/rodauth/templates/app/views/rodauth_mailer/verify_login_change.text.erb