fluxbit_view_components 0.3.0 → 0.4.0

data/lib/generators/fluxbit/templates/_metadata.html.erb.tt

@@ -0,0 +1,44 @@
+<% singular = file_name.singularize; plural = file_name.pluralize -%>
+<%% if <%= singular %>.persisted? %>
+  <%%= fx_flex(vertical: false, gap: 1, class: "mt-4") do %>
+    <%%= fx_flex(align_items: :center, justify_content: :center, class: "bg-blue-500 dark:bg-blue-700 size-6 rounded-full") do %>
+      <%%= anyicon("heroicons_solid:plus", class: "size-4 text-white justify-center") %>
+    <%% end %>
+    <%%= fx_flex(vertical: true) do %>
+      <p class="text-sm font-medium text-gray-900 dark:text-white"><%%= t("<%= plural %>.fields.created_at") %></p>
+      <p class="text-sm text-gray-500">
+        <%%= <%= singular %>.created_at.strftime("%A, %B %d, %Y at %I:%M %p") %>
+      </p>
+      <p class="text-xs text-gray-400">
+        <%%= time_ago_in_words(<%= singular %>.created_at) %>
+      </p>
+    <%% end %>
+  <%% end %>
+
+  <%%= fx_flex(vertical: false, gap: 1, class: "mt-4") do %>
+    <%%= fx_flex(align_items: :center, justify_content: :center, class: "bg-green-500 dark:bg-green-700 size-6 rounded-full") do %>
+      <%%= anyicon("heroicons_solid:pencil", class: "size-4 text-white justify-center") %>
+    <%% end %>
+    <%%= fx_flex(vertical: true) do %>
+      <p class="text-sm font-medium text-gray-900 dark:text-white"><%%= t("<%= plural %>.fields.updated_at") %></p>
+      <p class="text-sm text-gray-500">
+        <%%= <%= singular %>.updated_at.strftime("%A, %B %d, %Y at %I:%M %p") %>
+      </p>
+      <p class="text-xs text-gray-400">
+        <%%= time_ago_in_words(<%= singular %>.updated_at) %>
+      </p>
+    <%% end %>
+  <%% end %>
+
+  <%%= fx_flex(vertical: false, gap: 1, class: "mt-4") do %>
+    <%%= fx_flex(align_items: :center, justify_content: :center, class: "bg-gray-500 dark:bg-gray-700 size-6 rounded-full") do %>
+      <%%= anyicon("heroicons_solid:finger-print", class: "size-4 text-white justify-center") %>
+    <%% end %>
+    <%%= fx_flex(vertical: true) do %>
+      <p class="text-sm font-medium text-gray-900 dark:text-white"><%%= t("<%= plural %>.fields.id") %></p>
+      <p class="text-sm text-gray-500">
+        <%%= <%= singular %>.id %>
+      </p>
+    <%% end %>
+  <%% end %>
+<%% end %>

data/lib/generators/fluxbit/templates/controller.rb.tt

@@ -0,0 +1,406 @@
+<% singular = file_name.singularize; plural = file_name.pluralize -%>
+# frozen_string_literal: true
+
+class <%= namespaced? ? "#{namespace_module}::" : "" %><%= class_name.pluralize %>Controller < ApplicationController
+  include Pundit::Authorization
+  rescue_from Pundit::NotAuthorizedError, with: :user_not_authorized
+
+  before_action :set_<%= singular %>, only: %i[ show edit update destroy ]
+  before_action :set_<%= plural %>_for_bulk_actions, only: %i[ update_all destroy_all ]
+<% if options[:pundit] %>
+  after_action :verify_authorized, except: :index
+  after_action :verify_policy_scoped, only: :index
+<% end %>
+
+  # GET /<%= "#{namespace_path}/" %><%= plural %>
+  def index
+<% if options[:paginator] -%>
+    @page_size = 10
+    Pagy::DEFAULT[:limit] = (params[:per_page].presence || @page_size).to_i
+<% end -%>
+    @<%= plural %> = policy_scope(<%= class_name.singularize %>).all
+
+    # Search and filter logic
+    @q = params[:q]
+    @<%= plural %> = @<%= plural %>.where("name LIKE ?", "%#{@q}%") if @q.present?
+<% attributes.first(5).each do |att|
+    name, type = att.name, att.type.to_s 
+  next if type == 'password_digest'  # handle password fields separately 
+-%>
+<% if ['integer','decimal'].include?(type) -%>
+    @<%= name %> = params[:<%= name %>]
+    @<%= plural %> = @<%= plural %>.where("<%= name %> >= ?", @<%= name %>) if @<%= name %>.present?
+<% elsif ['text', 'string'].include?(type) -%>
+    @<%= name %> = params[:<%= name %>]
+    @<%= plural %> = @<%= plural %>.where("<%= name %> LIKE ?", "%#{@<%= name %>}") if @<%= name %>.present?
+<% end -%>
+<% end -%>
+    @has_filters = [<%= attributes.reject { |a| 
+      a.type.to_s == "password_digest" }.map { |a| "@#{a.name}" }.join(', ') %>, @q].compact_blank.any?
+
+    # Sort logic
+    if params[:order].present?
+      order = params[:order].rpartition("_")
+      order_options = %w[<%= attributes.map(&:name).join(" ") %> created_at updated_at]
+      if order.length == 3 && %w[asc desc].include?(order.last) && order_options.include?(order.first)
+        @<%= plural %> = @<%= plural %>.order(order.first.to_sym => order.last.to_sym)
+      else
+        flash[:error] = t("<%= plural %>.messages.order_error")
+        @<%= plural %> = @<%= plural %>.order(created_at: :desc)
+      end
+    else
+      @<%= plural %> = @<%= plural %>.order(created_at: :desc) # Default order
+    end
+
+<% if options[:paginator] -%>
+    @pagy, @<%= plural %> = pagy(@<%= plural %>)
+<% end -%>
+    respond_to do |format|
+      format.html # index.html.erb
+      format.json
+      format.csv { send_data generate_csv(@<%= plural %>), filename: "<%= plural %>-#{Date.today}.csv" }
+    end
+  end
+
+  # GET /<%= "#{namespace_path}/" %><%= plural %>/1
+  def show
+    authorize @<%= singular %>
+    respond_to do |format|
+      format.html # show.html.erb
+      format.json
+    end
+  end
+
+  # GET /<%= "#{namespace_path}/" %><%= plural %>/new
+  def new
+    @<%= singular %> = <%= class_name.singularize %>.new
+    authorize @<%= singular %>
+    respond_to do |format|
+      format.html # new.html.erb (form in modal)
+      format.json { render template: "<%= "#{namespace_path}/" %><%= plural %>/show", locals: { <%= singular %>: @<%= singular %> } }
+    end
+  end
+
+  # GET /<%= "#{namespace_path}/" %><%= plural %>/1/edit
+  def edit
+    authorize @<%= singular %>
+    respond_to do |format|
+      format.html
+      format.json { render template: "<%= "#{namespace_path}/" %><%= plural %>/show", locals: { <%= singular %>: @<%= singular %> } }
+    end
+  end
+
+  # POST /<%= "#{namespace_path}/" %><%= plural %>
+  def create
+    @<%= singular %> = <%= class_name.singularize %>.new(<%= singular %>_params)
+    authorize @<%= singular %>
+
+    respond_to do |format|
+      if @<%= singular %>.save
+        @message = t("<%= plural %>.messages.create_success")
+        format.html do
+          flash[:notice] = @message
+
+          if turbo_frame_request?
+            render "shared/send_alert_via_drawer", locals: { message: @message, color: :success }
+          else
+            redirect_to <%= path_prefix %><%= plural %>_path
+          end
+        end
+<% if options[:turbo] -%>
+        format.turbo_stream # renders create.turbo_stream.erb
+<% end -%>
+        format.json { render template: "<%= "#{namespace_path}/" %><%= plural %>/show", locals: { <%= singular %>: @<%= singular %> }, status: :created }
+      else
+        format.html do
+          # Re-render the form for HTML (status 422 for validation errors)
+          render :new, status: :unprocessable_content
+        end
+<% if options[:turbo] -%>
+        format.turbo_stream # renders create.turbo_stream.erb (re-render form with errors)
+<% end -%>
+        format.json { render template: "<%= "#{namespace_path}/" %><%= plural %>/show", locals: { <%= singular %>: @<%= singular %> }, status: :unprocessable_content }
+      end
+    end
+  end
+
+  # PATCH/PUT /<%= "#{namespace_path}/" %><%= plural %>/1
+  def update
+    authorize @<%= singular %>
+    respond_to do |format|
+      if @<%= singular %>.update(<%= singular %>_params)
+        @message = t("<%= plural %>.messages.update_success")
+        format.html do
+          flash[:notice] = @message
+
+          if turbo_frame_request?
+            render "shared/send_alert_via_drawer", locals: { message: @message, color: :success }
+          else
+            redirect_to <%= path_prefix %><%= plural %>_path
+          end
+        end
+<% if options[:turbo] -%>
+        format.turbo_stream # renders update.turbo_stream.erb
+<% end -%>
+        format.json { render template: "<%= "#{namespace_path}/" %><%= plural %>/show", locals: { <%= singular %>: @<%= singular %> } }
+      else
+        format.html do
+          render :edit, status: :unprocessable_content
+        end
+<% if options[:turbo] -%>
+        format.turbo_stream # renders update.turbo_stream.erb (re-render form with errors)
+<% end -%>
+        format.json { render template: "<%= "#{namespace_path}/" %><%= plural %>/show", locals: { <%= singular %>: @<%= singular %> }, status: :unprocessable_content }
+      end
+    end
+  end
+
+  # DELETE /<%= "#{namespace_path}/" %><%= plural %>/1
+  def destroy
+    authorize @<%= singular %>
+    if @<%= singular %>.destroy
+      @message = t("<%= plural %>.messages.destroy_success")
+      color_alert = :success
+    else
+      @message = t("<%= plural %>.messages.destroy_failure")
+      color_alert = :danger
+    end
+
+    respond_to do |format|
+      format.html do
+        flash[:notice] = @message
+
+        if turbo_frame_request?
+          render "shared/send_alert_via_drawer", locals: { message: @message, color: color_alert }
+        else
+          redirect_to <%= path_prefix %><%= plural %>_path
+        end
+      end
+<% if options[:turbo] -%>
+      format.turbo_stream # renders destroy.turbo_stream.erb
+<% end -%>
+      format.json { head :no_content }
+    end
+  end
+
+  # UPDATE_ALL /<%= "#{namespace_path}/" %><%= plural %>/update_all
+  def update_all
+    authorize @<%= plural %>
+    @errors = []
+    @count = 0
+
+    ActiveRecord::Base.transaction do
+      @<%= plural %>.each do |<%= singular %>|
+        if <%= singular %>.update(<%= singular %>_params)
+          @count += 1
+        else
+          @errors << { id: <%= singular %>.id, errors: <%= singular %>.errors.full_messages }
+        end
+      end
+
+      # Rollback if any validation fails (optional - remove if you want partial updates)
+      raise ActiveRecord::Rollback if @errors.any?
+    end
+
+    @message = if @errors.empty?
+      t("<%= plural %>.messages.bulk_update_success", count: @count)
+    else
+      t("<%= plural %>.messages.bulk_update_failure", count: @count, errors: @errors.map { |e| "<%= singular.humanize %> ID #{e[:id]}: #{e[:errors].join(', ')}" }.join('; '))
+    end
+
+    respond_with_bulk_result(@errors.empty?)
+  end
+
+  # DESTROY_ALL /<%= "#{namespace_path}/" %><%= plural %>/destroy_all
+  def destroy_all
+    authorize @<%= plural %>
+    @errors = []
+    @count = 0
+
+    ActiveRecord::Base.transaction do
+      @<%= plural %>.each do |<%= singular %>|
+        if <%= singular %>.destroy
+          @count += 1
+        else
+          @errors << { id: <%= singular %>.id, errors: <%= singular %>.errors.full_messages }
+        end
+      end
+
+      # Rollback if any validation fails (optional - remove if you want partial updates)
+      raise ActiveRecord::Rollback if @errors.any?
+    end
+
+    @message = if @errors.empty?
+      t("<%= plural %>.messages.bulk_destroy_success", count: @count)
+    else
+      t("<%= plural %>.messages.bulk_destroy_failure", errors: @errors.map { |e| "<%= singular.humanize %> ID #{e[:id]}: #{e[:errors].join(', ')}" }.join('; '))
+    end
+    respond_with_bulk_result(@errors.empty?)
+  end
+
+  private
+
+  def set_<%= singular %>
+    @<%= singular %> = <%= class_name.singularize %>.find(params[:id])
+    # Note: Pundit authorization for @<%= singular %> happens in each action
+  rescue ActiveRecord::RecordNotFound
+    @message = t("<%= plural %>.messages.not_found")
+    respond_to do |format|
+      format.html do
+        flash[:error] = @message
+
+        if turbo_frame_request?
+          render "shared/send_alert_via_drawer", locals: { message: @message, color: :success }
+        else
+          redirect_to <%= path_prefix %><%= plural %>_path
+        end
+      end
+      format.json { render json: { error: @message }, status: :not_found }
+<% if options[:turbo] -%>
+      format.turbo_stream { render turbo_stream: turbo_stream.append("notice", partial: "shared/alert", locals: { message: @message, color: :error }) }
+<% end -%>
+    end
+  end
+
+  def set_<%= plural %>_for_bulk_actions
+    <%= singular %>_ids = Array(params[:<%= singular %>_ids]).reject(&:blank?)
+    @<%= plural %> = <%= class_name.singularize %>.where(id: <%= singular %>_ids)
+
+    if @<%= plural %>.empty?
+      @message = t("<%= plural %>.messages.not_selected_for_action")
+      respond_to do |format|
+        format.html do
+          flash[:warning] = @message
+
+          if turbo_frame_request?
+            render "shared/send_alert_via_drawer", locals: { message: @message, color: :danger }
+          else
+            redirect_to <%= path_prefix %><%= plural %>_path
+          end
+        end
+<% if options[:turbo] -%>
+        format.turbo_stream { render turbo_stream: turbo_stream.append("notice", partial: "shared/alert", locals: { message: @message, color: :danger }) }
+<% end -%>
+        format.json { render json: { message: @message }, status: :bad_request }
+      end
+    end
+  end
+
+  def respond_with_bulk_result(success)
+    respond_to do |format|
+      if success
+        format.html do
+          flash[:notice] = @message
+
+          if turbo_frame_request?
+            render "shared/send_alert_via_drawer", locals: { message: @message, color: :success }
+          else
+            redirect_to <%= path_prefix %><%= plural %>_path
+          end
+        end
+<% if options[:turbo] -%>
+        format.turbo_stream
+<% end -%>
+        format.json { render json: { message: @message, count: @count }, status: :ok }
+      else
+        format.html do
+          flash[:error] = @message
+
+          if turbo_frame_request?
+            render "shared/send_alert_via_drawer", locals: { message: @message, color: :danger }
+          else
+            redirect_to <%= path_prefix %><%= plural %>_path
+          end
+        end
+<% if options[:turbo] -%>
+        format.turbo_stream
+<% end -%>
+        format.json {
+          render json: {
+            message: @message,
+            errors: @errors
+          }, status: :unprocessable_content
+        }
+      end
+    end
+  end
+
+  # Only allow a list of trusted parameters through.
+  def <%= singular %>_params
+    params.require(:<%= singular %>).permit(
+<%- allowed_attrs = attributes.map do |att| 
+            attr_name, attr_type = att.name, att.type.to_s
+            if ['references', 'belongs_to'].include?(attr_type)
+              ":#{attr_name}_id"
+            elsif attr_type == 'password_digest'
+              # For password digest, permit password and password_confirmation
+              ':password, :password_confirmation'
+            else
+              ":#{attr_name}"
+            end 
+          end
+      -%>
+      <%= allowed_attrs.join(', ') %>
+    )
+  end
+
+  def user_not_authorized
+    @message = t("<%= plural %>.messages.not_authorized")
+    respond_to do |format|
+      format.html do
+        flash[:error] = @message
+        redirect_to <%= path_prefix %><%= plural %>_path
+      end
+      format.json { render json: { error: @message }, status: :forbidden }
+<% if options[:turbo] -%>
+      format.turbo_stream { render turbo_stream: turbo_stream.append("error", partial: "shared/alert", locals: { message: @message, color: :error }) }
+<% end -%>
+    end
+  end
+
+  def generate_csv(<%= plural %>)
+    attribute_names = %w[<%= attributes.map(&:name).map(&:camelize).join(" ") %>]
+    require "csv" unless defined?(CSV)
+
+    CSV.generate(headers: true) do |csv|
+      csv << attribute_names
+      <%= plural %>.each do |<%= singular %>|
+        csv << [
+<% attributes.reject { |attr| attr.type == :password_digest }.each_with_index do |attr, idx| -%>
+          <%=
+            case attr.type
+            when :boolean
+              "I18n.t(#{singular}.#{attr.name}?, scope: \"#{plural}.values.#{attr.name}\")"
+            when :datetime
+              "#{singular}.#{attr.name}.strftime('%Y-%m-%d %H:%M:%S')"
+            else
+              "#{singular}.#{attr.name}"
+            end
+          %><%= "," unless idx == attributes.size - 1 %>
+<% end -%>
+        ]
+      end
+    end
+  rescue LoadError
+    # Fallback if CSV is not available
+    content = "#{attribute_names.join(',')}\n"
+    <%= plural %>.each do |<%= singular %>|
+
+      content += [
+<% attributes.reject { |attr| attr.type == :password_digest }.each_with_index do |attr, idx| -%>
+        <%=
+          case attr.type
+          when :boolean
+            "I18n.t(#{singular}.#{attr.name}?, scope: \"#{plural}.values.#{attr.name}\")"
+          when :datetime
+            "#{singular}.#{attr.name}.strftime('%Y-%m-%d %H:%M:%S')"
+          else
+            "#{singular}.#{attr.name}"
+          end
+        %><%= "," unless idx == attributes.size - 1 %>
+<% end -%>
+      ].join(",")
+    end
+    content
+  end
+end

data/lib/generators/fluxbit/templates/create.turbo_stream.erb.tt

@@ -0,0 +1,7 @@
+<% singular = file_name.singularize; plural = file_name.pluralize -%>
+<%%= if @<%= singular %>.errors.any?
+  turbo_stream.replace "<%= singular %>_form", partial: "<%= namespace_path %>/<%= plural %>/form", locals: { <%= plural %>: [@<%= singular %>] }
+else
+  flash[:notice] = @message
+  turbo_stream.action :refresh, "body"
+end %>

data/lib/generators/fluxbit/templates/destroy.turbo_stream.erb.tt

@@ -0,0 +1,3 @@
+<% singular = file_name.singularize -%>
+<%%= turbo_stream.remove dom_id(@<%= singular %>) %>
+<%%= turbo_stream.append "notice", fx_alert(with_content: @message, color: @<%= singular %>.errors.any? ? :danger : :success) %>

data/lib/generators/fluxbit/templates/destroy_all.turbo_stream.erb.tt

@@ -0,0 +1,9 @@
+<% singular = file_name.singularize; plural = file_name.pluralize -%>
+<%% if @errors.any? %>
+  <%%= turbo_stream.append "notice", fx_alert(with_content: @message, color: :danger) %>
+<%% else %>
+  <%% @<%= plural %>.each do |<%= singular %>| %>
+    <%%= turbo_stream.remove dom_id(<%= singular %>) %>
+  <%% end %> 
+  <%%= turbo_stream.append "notice", fx_alert(with_content: @message, color: :success) %>
+<%% end %>

data/lib/generators/fluxbit/templates/devise_views/confirmations/new.html.erb

@@ -0,0 +1,11 @@
+<% content_for(:header) do %>
+  <%= fx_heading with_content: "Resend confirmation instructions", size: 2, class: "text-center mt-8" %>
+<% end %>
+
+<%= form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post }, builder: Fluxbit::FormBuilder) do |f| %>
+  <%= render "devise/shared/error_messages", resource: resource %>
+  <%= f.fx_email_field :email, autofocus: true, autocomplete: "email", value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email), wrapper_html: {class: "mb-6 field"} %>
+  <%= f.fx_submit "Resend confirmation instructions" %>
+<% end %>
+
+<%= render "devise/shared/links" %>

data/lib/generators/fluxbit/templates/devise_views/layouts/devise.html.erb

@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title><%%= content_for(:title) || "Application Name" %></title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
+    <%%= csrf_meta_tags %>
+    <%%= csp_meta_tag %>
+
+    <%%= yield :head %>
+    <link rel="icon" href="/icon.png" type="image/png">
+    <link rel="icon" href="/icon.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="/icon.png">
+
+    <%%= stylesheet_link_tag :app, "data-turbo-track": "reload" %>
+    <%%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
+    <script>
+      if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+        document.documentElement.classList.add('dark');
+      } else {
+        document.documentElement.classList.remove('dark')
+      }
+    </script>
+  </head>
+  <body class="<%%= fx_body_class %>">
+    <p class="notice">
+      <%% if notice %>
+        <%%= fx_alert(color: :info, 'data-turbo-cache' => "false", with_content: notice) %>
+      <%% end %>
+    </p>
+    <p class="alert">
+      <%% if alert %>
+        <%%= fx_alert(color: :danger, 'data-turbo-cache' => "false", with_content: alert) %>
+      <%% end %>
+    </p>
+    <div class="flex min-h-full flex-col justify-center py-12 sm:px-6 lg:px-8">
+      <div class="sm:mx-auto sm:w-full sm:max-w-md">
+        <!-- Replace with your company logo -->
+        <%%= fx_heading(class: "text-center text-blue-900 flex justify-center items-center", remove_class: "text-gray-900") do %>
+          <svg width="512" height="512" viewBox="0 0 31.999996 31.999992" fill="#0068e6" aria-hidden="true" data-slot="icon" version="1.1" id="fluxbit" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"  alt="Fluxbit Logo" class="h-24 w-auto px-2">
+            <g transform="translate(-14.895488,-76.954309)">
+              <g transform="matrix(0.03883817,0,0,0.03883817,-18.205404,74.713827)">
+                <path d="m 1089.7476,425.74218 c 57.5807,-87.88823 229.5277,-143.25616 138.5588,-203.04776 -35.7449,-21.73146 3.8792,-32.89434 29.8425,-24.79965 56.6117,17.64991 66.3127,69.78167 57.5963,102.44516 -25.5052,95.57597 -173.0966,108.96892 -164.5857,215.80641 14.7244,113.56667 178.4751,104.15893 218.0103,9.19107 13.1682,-31.63159 3.7281,-58.61968 -21.3229,-60.95897 -43.9037,-4.09979 -79.283,70.54958 -103.9213,79.24255 -23.0709,8.13988 -59.7994,-24.2899 -13.7305,-48.62764 51.675,-26.4149 68.1608,-106.93054 145.1876,-91.59293 84.7516,20.2064 88.9232,201.5204 -41.4396,268.20255 -164.4932,84.14041 -337.34273,-103.68571 -244.1955,-245.86079 z"/>
+                <rect width="55.374088" height="54.900341" x="1366.8969" y="321.34384" ry="10.65924" />
+                <path d="M 1264.2422,57.6875 A 411.96594,411.96594 0 0 0 852.27734,469.65234 411.96594,411.96594 0 0 0 1264.2422,881.61914 411.96594,411.96594 0 0 0 1676.209,469.65234 411.96594,411.96594 0 0 0 1264.2422,57.6875 Z m 0,40.025391 A 371.93936,371.93936 0 0 1 1636.1816,469.65234 371.93936,371.93936 0 0 1 1264.2422,841.5918 371.93936,371.93936 0 0 1 892.30469,469.65234 371.93936,371.93936 0 0 1 1264.2422,97.712891 Z" />
+              </g>
+            </g>
+          </svg>
+          Fluxbit
+        <%% end %>
+        <!-- /End replace -->
+
+        <%%= yield(:header) if content_for?(:header) %>
+      </div>
+
+      <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
+        <div class="py-8 px-4 sm:px-10 bg-white border border-gray-200 rounded-lg shadow dark:bg-slate-800 dark:border-slate-700">
+          <%%= yield %>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>

data/lib/generators/fluxbit/templates/devise_views/mailer/confirmation_instructions.html.erb

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

data/lib/generators/fluxbit/templates/devise_views/mailer/email_changed.html.erb

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

data/lib/generators/fluxbit/templates/devise_views/mailer/password_changed.html.erb

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

data/lib/generators/fluxbit/templates/devise_views/mailer/reset_password_instructions.html.erb

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

data/lib/generators/fluxbit/templates/devise_views/mailer/unlock_instructions.html.erb

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

data/lib/generators/fluxbit/templates/devise_views/passwords/edit.html.erb

@@ -0,0 +1,29 @@
+<% content_for(:header) do %>
+  <%= fx_heading with_content: "Change your password", size: 2, class: "text-center mt-8" %>
+<% end %>
+
+<%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }, builder: Fluxbit::FormBuilder) do |f| %>
+  <%= render "devise/shared/error_messages", resource: resource %>
+  <%= f.hidden_field :reset_password_token %>
+  <%= f.fx_password :password,
+    autofocus: true,
+    autocomplete: "new-password",
+    min_length: 6,
+    require_uppercase: true,
+    require_lowercase: true,
+    require_numbers: true,
+    require_special: true,
+    wrapper_html: {class: "mb-6 field"} %>
+  <%= f.fx_password :password_confirmation,
+    autocomplete: "new-password",
+    min_length: 6,
+    require_uppercase: true,
+    require_lowercase: true,
+    require_numbers: true,
+    require_special: true,
+    wrapper_html: {class: "mb-6 field"},
+    help_text: "We need your current password to confirm your changes" %>
+  <%= f.fx_submit "Change my password" %>
+<% end %>
+
+<%= render "devise/shared/links" %>

data/lib/generators/fluxbit/templates/devise_views/passwords/new.html.erb

@@ -0,0 +1,11 @@
+<% content_for(:header) do %>
+  <%= fx_heading with_content: "Forgot your password?", size: 2, class: "text-center mt-8" %>
+<% end %>
+
+<%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }, builder: Fluxbit::FormBuilder) do |f| %>
+  <%= render "devise/shared/error_messages", resource: resource %>
+  <%= f.fx_email_field :email, autofocus: true, autocomplete: "email", wrapper_html: {class: "mb-6 field"} %>
+  <%= f.fx_submit "Send me password reset instructions" %>
+<% end %>
+
+<%= render "devise/shared/links" %>