kaze 0.9.0 → 0.11.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 53f603a627b691ff3fee85613cd44327e85799c85c3b75557ee10c9757dba9e7
-  data.tar.gz: ca7677bad4b8446b1288a1d3a7d4db40edb6a77f851140a37b86e3607223c63d
+  metadata.gz: 801eeb176444975c22103b1c30236940bc4f039cbd78247f0dd953adceb14e2a
+  data.tar.gz: 7a0023977ffddbcdc64c30969fcbfe7f467df905636196433eb39f0adc65dda0
 SHA512:
-  metadata.gz: 979b1c79b3e9c447a4cf5adf3dfb1661b166f603114ce2e107c61719180c8a8102d2f5614de513ecef3b5f8847664f4618ea8e5bc6689f624d2646b76596ae3e
-  data.tar.gz: 4cb564c4b6ffd71e46adae28a2aeb903774bf7bd30db4c5375a0e649a91f77b4fd24ef8ddd79856513ef80d5b5f7b8c9e0f8aed8752cd9c637a65c589289a95b
+  metadata.gz: 9e69b526a0219cb6bad9268ccf6f312fe81a020f6925988eb4eb4d7733f5264bd02167c9b4f13c96daf1dcb0bece48eef41c2fa68a27b80b2b9ad8f917f37d8a
+  data.tar.gz: d683e46426ef76a6356343ade5d5e6026c5a05020daa3fc599e4279e73c31c09d1b18eae029bb9d8324f89fc429c4368beedf1089d273173e74c567ee76a412e

data/README.md

@@ -2,29 +2,41 @@
 
 # Kaze
 
-Heavily inspired by [Laravel Breeze](https://github.com/laravel/breeze), this gem offers authentication and application starter kits to give you a head start building your new Rails application. These kits automatically scaffold your application with the routes, controllers, and views you need to register and authenticate your application's users.
+Heavily inspired by [Laravel Breeze](https://github.com/laravel/breeze), this gem offers authentication and application starter kits to give you a head start building your new [Rails](https://rubyonrails.org) application. These kits automatically scaffold your application with the routes, controllers, and views you need to register and authenticate your application's users.
 
-[Kaze](https://github.com/gtkvn/kaze) is a minimal, simple implementation of all of Rails's authentication features, including login, registration, password reset. In addition, Kaze includes a simple "profile" page where the user may update their name, email address, and password.
+[Kaze](https://github.com/gtkvn/kaze) is a opinionated minimal, simple implementation of all authentication features that a modern web application should have, including login, registration, password reset, email verification. In addition, Kaze includes a simple "profile" page where the user may update their name, email address, and password.
 
 Kaze provides scaffolding options based on [Hotwire](https://hotwired.dev) or [Inertia](https://inertiajs.com), with the choice of using Vue or React for the Inertia-based scaffolding.
 
 ## Installation
 
-First, you should create a new Rails application, configure your database, and run your database migrations.
+Before creating your first project powered by Kaze, make sure that your local machine has Ruby installed. Ruby can be installed in minutes via [mise](https://mise.jdx.dev).
 
-You may install Kaze globally with:
+```
+mise use -g ruby@3.3
+```
+
+After you have installed Ruby, you may install `rails` and `kaze` gems globally:
 
 ```
+gem install rails
 gem install kaze
 ```
 
-Once Kaze is installed, you may scaffold your application using one of the Kaze "stacks" discussed in the documentation below.
+Then, you may create a new Rails application:
+
+```
+rails new kaze-example-app
+cd kaze-example-app
+```
+
+Once the project has been created, you may scaffold your application using one of the Kaze "stacks" discussed in the documentation below.
 
-## Kaze & Hotwire
+## Kaze and Hotwire
 
 The default Kaze "stack" is the Hotwire stack. Hotwire is a powerful way to building dynamic, reactive, front-end UIs primarily using Ruby and ERB templates without using much JavaScript by sending HTML instead of JSON over the wire.
 
-The Hotwire stack may be installed by invoking the `install` command with no other additional arguments inside your app directory.
+The Hotwire stack may be installed by invoking the `kaze install` command with no other additional arguments inside your app directory. This command publishes the authentication, views, routes, controllers, and other resources to your application.
 
 ```
 kaze install
@@ -37,13 +49,13 @@ bin/setup
 bin/dev
 ```
 
-Next, you may navigate to your application's `/login` or `/register` URLs in your web browser.
+Next, you may navigate to your application's `/login` or `/register` URLs in your web browser. All of Kaze's routes are defined within the `config/routes.rb` file.
 
-## Kaze & React / Vue
+## Kaze and React / Vue
 
 Kaze offers React and Vue scaffolding via an Inertia frontend implementation. Inertia allows you to build modern, single-page React and Vue applications using classic server-side routing and controllers.
 
-Inertia lets you enjoy the frontend power of React and Vue combined with the incredible backend productivity of Rails and lightning-fast Vite compilation. To use an Inertia stack, specify `react` or `vue` as your desired stack when executing the `install` command inside your app directory:
+Inertia lets you enjoy the frontend power of React and Vue combined with the incredible backend productivity of Rails and lightning-fast Vite compilation. To use an Inertia stack, specify `react` or `vue` as your desired stack when executing the `kaze install` command:
 
 ```
 kaze install react
@@ -60,4 +72,4 @@ bin/setup
 bin/dev
 ```
 
-Next, you may navigate to your application's `/login` or `/register` URLs in your web browser.
+Next, you may navigate to your application's `/login` or `/register` URLs in your web browser. All of Kaze's routes are defined within the `config/routes.rb` file.

data/lib/kaze/commands/install_command.rb

@@ -11,17 +11,11 @@ class Kaze::Commands::InstallCommand < Thor
   def install(stack = 'hotwire')
     return say 'Kaze must be run in a new Rails application.', :red unless File.exist?("#{Dir.pwd}/bin/rails")
 
-    if stack == 'hotwire'
-      return install_hotwire_stack
-    end
+    return install_hotwire_stack if stack == 'hotwire'
 
-    if stack == 'react'
-      return install_inertia_react_stack
-    end
+    return install_inertia_react_stack if stack == 'react'
 
-    if stack == 'vue'
-      return install_inertia_vue_stack
-    end
+    return install_inertia_vue_stack if stack == 'vue'
 
     say 'Invalid stack. Supported stacks are [hotwire], [react], [vue].', :red
   end
@@ -53,14 +47,14 @@ class Kaze::Commands::InstallCommand < Thor
   end
 
   def install_migrations
-    ensure_directory_exists("#{Dir.pwd}/db/migrate")
-    FileUtils.copy_entry("#{File.dirname(__FILE__)}/../../../stubs/default/db/migrate", "#{Dir.pwd}/db/migrate")
     stdin, _ = Open3.capture3("#{Dir.pwd}/bin/rails version")
     versions = stdin.gsub!('Rails ', '').split('.')
     railsVersion = [ versions[0], versions[1] ].join('.')
+
+    ensure_directory_exists("#{Dir.pwd}/db/migrate")
+    FileUtils.copy_entry("#{File.dirname(__FILE__)}/../../../stubs/default/db/migrate", "#{Dir.pwd}/db/migrate")
     Dir.children("#{Dir.pwd}/db/migrate").each do |file|
-      path = "#{Dir.pwd}/db/migrate/#{file}"
-      File.write(path, File.read(path).gsub!(/ActiveRecord::Migration$/, "ActiveRecord::Migration[#{railsVersion}]"))
+      replace_in_file(/ActiveRecord::Migration$/, "ActiveRecord::Migration[#{railsVersion}]", "#{Dir.pwd}/db/migrate/#{file}")
     end
   end
 
@@ -76,15 +70,19 @@ class Kaze::Commands::InstallCommand < Thor
     FileUtils.mkdir_p(path) unless File.directory?(path)
   end
 
+  def replace_in_file(search, replace, path)
+    File.write(path, File.read(path).gsub!(search, replace))
+  end
+
   def run_command(command)
     Open3.popen3(command) do |stdin, stdout, stderr, wait_thr|
       stdout_thread = Thread.new do
-        while (line = stdout.gets) do
+        while line = stdout.gets do
           say line
         end
       end
       stderr_thread = Thread.new do
-        while (line = stderr.gets) do
+        while line = stderr.gets do
           say line, :red
         end
       end

data/lib/kaze/commands/installs_inertia_stacks.rb

@@ -60,7 +60,7 @@ module Kaze::Commands::InstallsInertiaStacks
     FileUtils.copy_file("#{File.dirname(__FILE__)}/../../../stubs/default/bin/dev", "#{Dir.pwd}/bin/dev")
     FileUtils.copy_file("#{File.dirname(__FILE__)}/../../../stubs/inertia-common/bin/vite", "#{Dir.pwd}/bin/vite")
     FileUtils.copy_file("#{File.dirname(__FILE__)}/../../../stubs/default/Procfile.dev", "#{Dir.pwd}/Procfile.dev")
-    File.write("#{Dir.pwd}/Procfile.dev", "#{File.read("#{Dir.pwd}/Procfile.dev")}\nvite: bundle exec rake js:routes:typescript && bin/vite dev\n")
+    File.write("#{Dir.pwd}/Procfile.dev", "#{File.read("#{Dir.pwd}/Procfile.dev")}\nvite: bin/vite dev\n")
     run_command("#{Dir.pwd}/bin/rails generate js_routes:middleware")
     run_command("#{Dir.pwd}/bin/rails tailwindcss:build")
 
@@ -140,7 +140,7 @@ module Kaze::Commands::InstallsInertiaStacks
     FileUtils.copy_file("#{File.dirname(__FILE__)}/../../../stubs/default/bin/dev", "#{Dir.pwd}/bin/dev")
     FileUtils.copy_file("#{File.dirname(__FILE__)}/../../../stubs/inertia-common/bin/vite", "#{Dir.pwd}/bin/vite")
     FileUtils.copy_file("#{File.dirname(__FILE__)}/../../../stubs/default/Procfile.dev", "#{Dir.pwd}/Procfile.dev")
-    File.write("#{Dir.pwd}/Procfile.dev", "#{File.read("#{Dir.pwd}/Procfile.dev")}\nvite: bundle exec rake js:routes:typescript && bin/vite dev\n")
+    File.write("#{Dir.pwd}/Procfile.dev", "#{File.read("#{Dir.pwd}/Procfile.dev")}\nvite: bin/vite dev\n")
     run_command("#{Dir.pwd}/bin/rails generate js_routes:middleware")
     run_command("#{Dir.pwd}/bin/rails tailwindcss:build")
 

data/lib/kaze/version.rb

@@ -1,3 +1,3 @@
 module Kaze
-  VERSION = '0.9.0'
+  VERSION = '0.11.0'
 end

data/stubs/default/app/forms/update_profile_information_form.rb

@@ -3,4 +3,12 @@ class UpdateProfileInformationForm < ApplicationForm
 
   validates :name,  presence: true
   validates :email, presence: true, lowercase: true, email: true, uniqueness: { model: User, attribute: :email, conditions: -> { where.not(id: Current.auth.user.id) } }
+
+  def update
+    Current.auth.user.name = name
+    Current.auth.user.email = email
+    Current.auth.user.email_verified_at = nil if Current.auth.user.changed.include?('email')
+
+    Current.auth.user.save
+  end
 end

data/stubs/default/app/models/concerns/must_verify_email.rb

@@ -1,6 +1,4 @@
 module MustVerifyEmail
-  extend ActiveSupport::Concern
-
   def has_verified_email?
     !email_verified_at.nil?
   end

data/stubs/default/config/routes.rb

@@ -16,7 +16,7 @@ Rails.application.routes.draw do
   post 'reset-password', to: 'auth/new_password#create', as: :password_store
 
   get 'verify-email', to: 'auth/email_verification_notification#new', as: :verification_notice
-  post 'email/verification-notification', to: 'auth/email_verification_notification#create', as: :verification_send
+  post 'verify-email', to: 'auth/email_verification_notification#create', as: :verification_send
   get 'verify-email/:id/:hash', to: 'auth/verified_email#create', as: :verification_verify
 
   post 'logout', to: 'auth/authenticated_session#destroy', as: :logout

data/stubs/default/db/migrate/20240101000000_create_users.rb

@@ -1,11 +1,13 @@
 class CreateUsers < ActiveRecord::Migration
   def self.up
     create_table :users do |table|
-      table.string :name
-      table.string :email
-      table.timestamp :email_verified_at, null: true
-      table.string :password_digest
-      table.string :remember_token, null: true
+      table.string :name, null: false
+      table.string :email, null: false
+      table.timestamp :email_verified_at
+      table.string :password_digest, null: false
+      table.string :remember_token
+      table.integer :current_team_id
+      table.string :profile_photo_path, limit: 2048
       table.timestamps
     end
   end

data/stubs/default/test/integration/profile_test.rb

@@ -25,6 +25,18 @@ class ProfileTest < ActionDispatch::IntegrationTest
     assert_equal 'test@example.com', user.email
   end
 
+  test 'email verification status is unchanged when the email address is unchanged' do
+    user = FactoryBot.create(:user)
+
+    acting_as(user).patch profile_edit_path, params: {
+      name: 'Test User',
+      email: user.email
+    }
+
+    assert_redirected_to profile_edit_path
+    assert_not user.reload.email_verified_at.blank?
+  end
+
   test 'user can delete their account' do
     user = FactoryBot.create(:user)
 

data/stubs/hotwire/app/components/modal_component.rb

@@ -8,7 +8,7 @@ class ModalComponent < ViewComponent::Base
       lg: 'sm:max-w-lg',
       xl: 'sm:max-w-xl',
       '2xl': 'sm:max-w-2xl'
-    }[attributes[:max_width] || '2xl']
+    }[(attributes[:max_width] || '2xl').to_sym]
     @attributes = attributes.without(:name, :show, :max_width)
   end
 end

data/stubs/hotwire/app/controllers/concerns/validate_signature.rb

@@ -3,7 +3,7 @@ module ValidateSignature
 
   included do
     before_action do
-      render file: "#{Rails.root}/public/404.html",  layout: false, status: :not_found unless has_valid_signature?
+      render file: "#{Rails.root}/public/404.html", layout: false, status: :not_found unless has_valid_signature?
     end
   end
 

data/stubs/hotwire/app/controllers/password_controller.rb

@@ -1,4 +1,6 @@
 class PasswordController < ApplicationController
+  skip_ensure_email_is_verified
+
   def update
     @update_password_form = UpdatePasswordForm.new(params.permit(:current_password, :password, :password_confirmation))
 

data/stubs/hotwire/app/controllers/profile_controller.rb

@@ -1,4 +1,6 @@
 class ProfileController < ApplicationController
+  skip_ensure_email_is_verified
+
   def edit
     @update_profile_information_form = UpdateProfileInformationForm.new(name: Current.auth.user.name, email: Current.auth.user.email)
     @update_password_form = UpdatePasswordForm.new
@@ -12,7 +14,7 @@ class ProfileController < ApplicationController
 
     return render partial: 'profile/partials/update_profile_information_form', status: :unprocessable_entity if @update_profile_information_form.invalid?
 
-    Current.auth.user.update(name: @update_profile_information_form.name, email: @update_profile_information_form.email)
+    @update_profile_information_form.update
 
     redirect_to profile_edit_path, flash: { status: 'profile-updated' }
   end

data/stubs/hotwire/app/views/profile/partials/_update_profile_information_form.html.erb

@@ -8,6 +8,9 @@
         Update your account's profile information and email address.
       </p>
     </header>
+    <form id="send-verification" method="post" action="<%= verification_send_path %>">
+      <input type="hidden" name="authenticity_token" value="<%= form_authenticity_token %>">
+    </form>
     <%= form_with model: @update_profile_information_form, url: profile_update_path, method: "patch", class: "mt-6 space-y-6" do %>
       <!-- Name -->
       <div>
@@ -20,6 +23,21 @@
         <%= render(InputLabelComponent.new({ for: "email", value: "Email" })) %>
         <%= render(TextInputComponent.new({ id: "email", class: "block mt-1 w-full", type: "email", name: "email", value: @update_profile_information_form.email, required: true, autocomplete: "username" })) %>
         <%= render(InputErrorComponent.new({ class: "mt-2", message: @update_profile_information_form.error_messages[:email] })) %>
+        <% if User.include?(MustVerifyEmail) && !Current.auth.user.has_verified_email? %>
+          <div>
+            <p class="text-sm mt-2 text-gray-800 dark:text-gray-200">
+              Your email address is unverified.
+              <button form="send-verification" class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800">
+                Click here to re-send the verification email.
+              </button>
+            </p>
+            <% if flash[:status] == 'verification-link-sent' %>
+              <p class="mt-2 font-medium text-sm text-green-600 dark:text-green-400">
+                A new verification link has been sent to your email address.
+              </p>
+            <% end %>
+          </div>
+        <% end %>
       </div>
       <div class="flex items-center gap-4">
         <%= render(PrimaryButtonComponent.new) do %>

data/stubs/inertia-common/app/controllers/auth/email_verification_notification_controller.rb

@@ -16,6 +16,6 @@ class Auth::EmailVerificationNotificationController < ApplicationController
 
     Current.auth.user.send_email_verification_notification
 
-    redirect_back_or_to dashboard_path, flash: { status: 'verification-link-sent' }
+    redirect_back_or_to verification_notice_path, flash: { status: 'verification-link-sent' }
   end
 end

data/stubs/inertia-common/app/controllers/concerns/validate_signature.rb

@@ -3,7 +3,7 @@ module ValidateSignature
 
   included do
     before_action do
-      render file: "#{Rails.root}/public/404.html",  layout: false, status: :not_found unless has_valid_signature?
+      render file: "#{Rails.root}/public/404.html", layout: false, status: :not_found unless has_valid_signature?
     end
   end
 

data/stubs/inertia-common/app/controllers/password_controller.rb

@@ -1,4 +1,6 @@
 class PasswordController < ApplicationController
+  skip_ensure_email_is_verified
+
   def update
     form = UpdatePasswordForm.new(params.permit(:current_password, :password, :password_confirmation))
 

data/stubs/inertia-common/app/controllers/profile_controller.rb

@@ -1,7 +1,10 @@
 class ProfileController < ApplicationController
+  skip_ensure_email_is_verified
+
   def edit
     render inertia: 'Profile/Edit', props: {
-      status: session[:status]
+      mustVerifyEmail: User.include?(MustVerifyEmail),
+      status: flash[:status]
     }
   end
 
@@ -10,7 +13,7 @@ class ProfileController < ApplicationController
 
     return redirect_to profile_edit_path, inertia: { errors: form.error_messages } if form.invalid?
 
-    Current.auth.user.update(name: form.name, email: form.email)
+    form.update
 
     redirect_to profile_edit_path
   end

data/stubs/inertia-common/test/integration/profile_test.rb

@@ -25,6 +25,18 @@ class ProfileTest < ActionDispatch::IntegrationTest
     assert_equal 'test@example.com', user.email
   end
 
+  test 'email verification status is unchanged when the email address is unchanged' do
+    user = FactoryBot.create(:user)
+
+    acting_as(user).patch profile_edit_path, params: {
+      name: 'Test User',
+      email: user.email
+    }
+
+    assert_redirected_to profile_edit_path
+    assert_not user.reload.email_verified_at.blank?
+  end
+
   test 'user can delete their account' do
     user = FactoryBot.create(:user)
 

data/stubs/inertia-react-ts/app/javascript/Pages/Auth/ForgotPassword.tsx

@@ -21,12 +21,12 @@ export default function ForgotPassword({ status }: { status?: string }) {
     <GuestLayout>
       <Head title="Forgot Password" />
 
-      <div className="mb-4 text-sm text-gray-600">
+      <div className="mb-4 text-sm text-gray-600 dark:text-gray-400">
         Forgot your password? No problem. Just let us know your email address and we will email you a password reset
         link that will allow you to choose a new one.
       </div>
 
-      {status && <div className="mb-4 font-medium text-sm text-green-600">{status}</div>}
+      {status && <div className="mb-4 font-medium text-sm text-green-600 dark:text-green-400">{status}</div>}
 
       <form onSubmit={submit}>
         <TextInput

data/stubs/inertia-react-ts/app/javascript/Pages/Auth/Login.tsx

@@ -70,14 +70,14 @@ export default function Login({ status }: { status?: string }) {
         <div className="block mt-4">
           <label className="flex items-center">
             <Checkbox name="remember" checked={data.remember} onChange={(e) => setData('remember', e.target.checked)} />
-            <span className="ms-2 text-sm text-gray-600">Remember me</span>
+            <span className="ms-2 text-sm text-gray-600 dark:text-gray-400">Remember me</span>
           </label>
         </div>
 
         <div className="flex items-center justify-end mt-4">
           <Link
             href={password_request_path()}
-            className="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
+            className="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
           >
             Forgot your password?
           </Link>

data/stubs/inertia-react-ts/app/javascript/Pages/Auth/Register.tsx

@@ -103,7 +103,7 @@ export default function Register() {
         <div className="flex items-center justify-end mt-4">
           <Link
             href={login_path()}
-            className="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
+            className="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
           >
             Already registered?
           </Link>

data/stubs/inertia-react-ts/app/javascript/Pages/Auth/ResetPassword.tsx

@@ -31,7 +31,7 @@ export default function ResetPassword({ token }: { token: string }) {
       <Head title="Reset Password" />
 
       <form onSubmit={submit}>
-        <div className="mt-4">
+        <div>
           <InputLabel htmlFor="password" value="Password" />
 
           <TextInput

data/stubs/inertia-react-ts/app/javascript/Pages/Profile/Edit.tsx

@@ -5,25 +5,29 @@ import UpdateProfileInformationForm from './Partials/UpdateProfileInformationFor
 import { Head } from '@inertiajs/react'
 import { PageProps } from '@/types'
 
-export default function Edit({ auth }: PageProps) {
+export default function Edit({
+  auth,
+  mustVerifyEmail,
+  status,
+}: PageProps<{ mustVerifyEmail: boolean; status?: string }>) {
   return (
     <AuthenticatedLayout
       user={auth.user}
-      header={<h2 className="font-semibold text-xl text-gray-800 leading-tight">Profile</h2>}
+      header={<h2 className="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">Profile</h2>}
     >
       <Head title="Profile" />
 
       <div className="py-12">
         <div className="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">
-          <div className="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
-            <UpdateProfileInformationForm className="max-w-xl" />
+          <div className="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
+            <UpdateProfileInformationForm mustVerifyEmail={mustVerifyEmail} status={status} className="max-w-xl" />
           </div>
 
-          <div className="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
+          <div className="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
             <UpdatePasswordForm className="max-w-xl" />
           </div>
 
-          <div className="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
+          <div className="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
             <DeleteUserForm className="max-w-xl" />
           </div>
         </div>

data/stubs/inertia-react-ts/app/javascript/Pages/Profile/Partials/DeleteUserForm.tsx

@@ -47,9 +47,9 @@ export default function DeleteUserForm({ className = '' }: { className?: string
   return (
     <section className={`space-y-6 ${className}`}>
       <header>
-        <h2 className="text-lg font-medium text-gray-900">Delete Account</h2>
+        <h2 className="text-lg font-medium text-gray-900 dark:text-gray-100">Delete Account</h2>
 
-        <p className="mt-1 text-sm text-gray-600">
+        <p className="mt-1 text-sm text-gray-600 dark:text-gray-400">
           Once your account is deleted, all of its resources and data will be permanently deleted. Before deleting your
           account, please download any data or information that you wish to retain.
         </p>
@@ -59,9 +59,11 @@ export default function DeleteUserForm({ className = '' }: { className?: string
 
       <Modal show={confirmingUserDeletion} onClose={closeModal}>
         <form onSubmit={deleteUser} className="p-6">
-          <h2 className="text-lg font-medium text-gray-900">Are you sure you want to delete your account?</h2>
+          <h2 className="text-lg font-medium text-gray-900 dark:text-gray-100">
+            Are you sure you want to delete your account?
+          </h2>
 
-          <p className="mt-1 text-sm text-gray-600">
+          <p className="mt-1 text-sm text-gray-600 dark:text-gray-400">
             Once your account is deleted, all of its resources and data will be permanently deleted. Please enter your
             password to confirm you would like to permanently delete your account.
           </p>

data/stubs/inertia-react-ts/app/javascript/Pages/Profile/Partials/UpdatePasswordForm.tsx

@@ -40,9 +40,9 @@ export default function UpdatePasswordForm({ className = '' }: { className?: str
   return (
     <section className={className}>
       <header>
-        <h2 className="text-lg font-medium text-gray-900">Update Password</h2>
+        <h2 className="text-lg font-medium text-gray-900 dark:text-gray-100">Update Password</h2>
 
-        <p className="mt-1 text-sm text-gray-600">
+        <p className="mt-1 text-sm text-gray-600 dark:text-gray-400">
           Ensure your account is using a long, random password to stay secure.
         </p>
       </header>
@@ -105,7 +105,7 @@ export default function UpdatePasswordForm({ className = '' }: { className?: str
             leave="transition ease-in-out"
             leaveTo="opacity-0"
           >
-            <p className="text-sm text-gray-600">Saved.</p>
+            <p className="text-sm text-gray-600 dark:text-gray-400">Saved.</p>
           </Transition>
         </div>
       </form>

data/stubs/inertia-react-ts/app/javascript/Pages/Profile/Partials/UpdateProfileInformationForm.tsx

@@ -2,13 +2,21 @@ import InputError from '@/Components/InputError'
 import InputLabel from '@/Components/InputLabel'
 import PrimaryButton from '@/Components/PrimaryButton'
 import TextInput from '@/Components/TextInput'
-import { useForm, usePage } from '@inertiajs/react'
+import { Link, useForm, usePage } from '@inertiajs/react'
 import { Transition } from '@headlessui/react'
 import { FormEventHandler } from 'react'
 import { PageProps } from '@/types'
-import { profile_update_path } from '@/routes'
+import { profile_update_path, verification_send_path } from '@/routes'
 
-export default function UpdateProfileInformation({ className = '' }: { className?: string }) {
+export default function UpdateProfileInformation({
+  mustVerifyEmail,
+  status,
+  className = '',
+}: {
+  mustVerifyEmail: boolean
+  status?: string
+  className?: string
+}) {
   const user = usePage<PageProps>().props.auth.user
 
   const { data, setData, patch, errors, processing, recentlySuccessful } = useForm({
@@ -25,9 +33,11 @@ export default function UpdateProfileInformation({ className = '' }: { className
   return (
     <section className={className}>
       <header>
-        <h2 className="text-lg font-medium text-gray-900">Profile Information</h2>
+        <h2 className="text-lg font-medium text-gray-900 dark:text-gray-100">Profile Information</h2>
 
-        <p className="mt-1 text-sm text-gray-600">Update your account's profile information and email address.</p>
+        <p className="mt-1 text-sm text-gray-600 dark:text-gray-400">
+          Update your account's profile information and email address.
+        </p>
       </header>
 
       <form onSubmit={submit} className="mt-6 space-y-6">
@@ -63,6 +73,28 @@ export default function UpdateProfileInformation({ className = '' }: { className
           <InputError className="mt-2" message={errors.email} />
         </div>
 
+        {mustVerifyEmail && user.email_verified_at === null && (
+          <div>
+            <p className="text-sm mt-2 text-gray-800 dark:text-gray-200">
+              Your email address is unverified.
+              <Link
+                href={verification_send_path()}
+                method="post"
+                as="button"
+                className="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
+              >
+                Click here to re-send the verification email.
+              </Link>
+            </p>
+
+            {status === 'verification-link-sent' && (
+              <div className="mt-2 font-medium text-sm text-green-600 dark:text-green-400">
+                A new verification link has been sent to your email address.
+              </div>
+            )}
+          </div>
+        )}
+
         <div className="flex items-center gap-4">
           <PrimaryButton disabled={processing}>Save</PrimaryButton>
 
@@ -73,7 +105,7 @@ export default function UpdateProfileInformation({ className = '' }: { className
             leave="transition ease-in-out"
             leaveTo="opacity-0"
           >
-            <p className="text-sm text-gray-600">Saved.</p>
+            <p className="text-sm text-gray-600 dark:text-gray-400">Saved.</p>
           </Transition>
         </div>
       </form>

data/stubs/inertia-react-ts/app/javascript/entrypoints/bootstrap.ts

@@ -1,4 +1,4 @@
-import axios from 'axios';
-window.axios = axios;
+import axios from 'axios'
+window.axios = axios
 
-window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
+window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'

data/stubs/inertia-react-ts/app/javascript/types/global.d.ts

@@ -1,7 +1,7 @@
-import { AxiosInstance } from 'axios';
+import { AxiosInstance } from 'axios'
 
 declare global {
-    interface Window {
-        axios: AxiosInstance;
-    }
+  interface Window {
+    axios: AxiosInstance
+  }
 }

data/stubs/inertia-react-ts/app/javascript/types/index.d.ts

@@ -1,12 +1,12 @@
 export interface User {
-    id: number;
-    name: string;
-    email: string;
-    email_verified_at: string;
+  id: number
+  name: string
+  email: string
+  email_verified_at: string
 }
 
 export type PageProps<T extends Record<string, unknown> = Record<string, unknown>> = T & {
-    auth: {
-        user: User;
-    };
-};
+  auth: {
+    user: User
+  }
+}

data/stubs/inertia-vue-ts/app/javascript/Pages/Auth/ResetPassword.vue

@@ -8,13 +8,11 @@ import { Head, useForm } from '@inertiajs/vue3'
 import { password_store_path } from '@/routes'
 
 const props = defineProps<{
-  email: string
   token: string
 }>()
 
 const form = useForm({
   token: props.token,
-  email: props.email,
   password: '',
   password_confirmation: '',
 })
@@ -34,22 +32,6 @@ const submit = () => {
 
     <form @submit.prevent="submit">
       <div>
-        <InputLabel for="email" value="Email" />
-
-        <TextInput
-          id="email"
-          type="email"
-          class="mt-1 block w-full"
-          v-model="form.email"
-          required
-          autofocus
-          autocomplete="username"
-        />
-
-        <InputError class="mt-2" :message="form.errors.email" />
-      </div>
-
-      <div class="mt-4">
         <InputLabel for="password" value="Password" />
 
         <TextInput
@@ -58,6 +40,7 @@ const submit = () => {
           class="mt-1 block w-full"
           v-model="form.password"
           required
+          autofocus
           autocomplete="new-password"
         />
 

data/stubs/inertia-vue-ts/app/javascript/Pages/Profile/Partials/UpdateProfileInformationForm.vue

@@ -3,8 +3,8 @@ import InputError from '@/Components/InputError.vue'
 import InputLabel from '@/Components/InputLabel.vue'
 import PrimaryButton from '@/Components/PrimaryButton.vue'
 import TextInput from '@/Components/TextInput.vue'
-import { useForm, usePage } from '@inertiajs/vue3'
-import { profile_update_path } from '@/routes'
+import { Link, useForm, usePage } from '@inertiajs/vue3'
+import { profile_update_path, verification_send_path } from '@/routes'
 
 defineProps<{
   mustVerifyEmail?: Boolean
@@ -61,6 +61,27 @@ const form = useForm({
         <InputError class="mt-2" :message="form.errors.email" />
       </div>
 
+      <div v-if="mustVerifyEmail && user.email_verified_at === null">
+        <p class="text-sm mt-2 text-gray-800 dark:text-gray-200">
+          Your email address is unverified.
+          <Link
+            :href="verification_send_path()"
+            method="post"
+            as="button"
+            class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
+          >
+            Click here to re-send the verification email.
+          </Link>
+        </p>
+
+        <div
+          v-show="status === 'verification-link-sent'"
+          class="mt-2 font-medium text-sm text-green-600 dark:text-green-400"
+        >
+          A new verification link has been sent to your email address.
+        </div>
+      </div>
+
       <div class="flex items-center gap-4">
         <PrimaryButton :disabled="form.processing">Save</PrimaryButton>
 

data/stubs/inertia-vue-ts/app/javascript/entrypoints/application.ts

@@ -1,34 +1,38 @@
 import './bootstrap'
 import '../../assets/builds/tailwind.css'
 
-import { createApp, h, DefineComponent } from 'vue';
-import { createInertiaApp } from '@inertiajs/vue3';
+import { createApp, h, DefineComponent } from 'vue'
+import { createInertiaApp } from '@inertiajs/vue3'
 
-async function resolvePageComponent<T>(path: string|string[], pages: Record<string, Promise<T> | (() => Promise<T>)>): Promise<T> {
-    for (const p of (Array.isArray(path) ? path : [path])) {
-        const page = pages[p]
+async function resolvePageComponent<T>(
+  path: string | string[],
+  pages: Record<string, Promise<T> | (() => Promise<T>)>,
+): Promise<T> {
+  for (const p of Array.isArray(path) ? path : [path]) {
+    const page = pages[p]
 
-        if (typeof page === 'undefined') {
-            continue
-        }
-
-        return typeof page === 'function' ? page() : page
+    if (typeof page === 'undefined') {
+      continue
     }
 
-    throw new Error(`Page not found: ${path}`)
+    return typeof page === 'function' ? page() : page
+  }
+
+  throw new Error(`Page not found: ${path}`)
 }
 
-const appName = import.meta.env.VITE_APP_NAME || 'Rails';
+const appName = import.meta.env.VITE_APP_NAME || 'Rails'
 
 createInertiaApp({
-    title: (title) => `${title} - ${appName}`,
-    resolve: (name) => resolvePageComponent(`../Pages/${name}.vue`, import.meta.glob<DefineComponent>('../Pages/**/*.vue')),
-    setup({ el, App, props, plugin }) {
-        createApp({ render: () => h(App, props) })
-            .use(plugin)
-            .mount(el);
-    },
-    progress: {
-        color: '#4B5563',
-    },
-});
+  title: (title) => `${title} - ${appName}`,
+  resolve: (name) =>
+    resolvePageComponent(`../Pages/${name}.vue`, import.meta.glob<DefineComponent>('../Pages/**/*.vue')),
+  setup({ el, App, props, plugin }) {
+    createApp({ render: () => h(App, props) })
+      .use(plugin)
+      .mount(el)
+  },
+  progress: {
+    color: '#4B5563',
+  },
+})

data/stubs/inertia-vue-ts/app/javascript/entrypoints/bootstrap.ts

@@ -1,4 +1,4 @@
-import axios from 'axios';
-window.axios = axios;
+import axios from 'axios'
+window.axios = axios
 
-window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
+window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'

data/stubs/inertia-vue-ts/app/javascript/types/global.d.ts

@@ -1,13 +1,13 @@
-import { PageProps as InertiaPageProps } from '@inertiajs/core';
-import { AxiosInstance } from 'axios';
-import { PageProps as AppPageProps } from './';
+import { PageProps as InertiaPageProps } from '@inertiajs/core'
+import { AxiosInstance } from 'axios'
+import { PageProps as AppPageProps } from './'
 
 declare global {
-    interface Window {
-        axios: AxiosInstance;
-    }
+  interface Window {
+    axios: AxiosInstance
+  }
 }
 
 declare module '@inertiajs/core' {
-    interface PageProps extends InertiaPageProps, AppPageProps {}
+  interface PageProps extends InertiaPageProps, AppPageProps {}
 }

data/stubs/inertia-vue-ts/app/javascript/types/index.d.ts

@@ -1,12 +1,12 @@
 export interface User {
-    id: number;
-    name: string;
-    email: string;
-    email_verified_at: string;
+  id: number
+  name: string
+  email: string
+  email_verified_at: string
 }
 
 export type PageProps<T extends Record<string, unknown> = Record<string, unknown>> = T & {
-    auth: {
-        user: User;
-    };
-};
+  auth: {
+    user: User
+  }
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: kaze
 version: !ruby/object:Gem::Version
-  version: 0.9.0
+  version: 0.11.0
 platform: ruby
 authors:
 - Cuong Giang
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-06-18 00:00:00.000000000 Z
+date: 2024-06-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: thor
@@ -260,7 +260,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 3.1.0
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="