turbo_turbo 0.2.0

data/lib/generators/turbo_turbo/install_generator.rb

@@ -0,0 +1,351 @@
+# frozen_string_literal: true
+
+require "rails/generators/base"
+require "fileutils"
+
+module TurboTurbo
+  module Generators
+    class InstallGenerator < Rails::Generators::Base
+      desc "Install TurboTurbo files"
+      source_root File.expand_path("templates", __dir__)
+
+      def install_javascript_controllers
+        empty_directory "app/javascript/controllers/turbo_turbo"
+        copy_file "turbo_turbo/modal_controller.js", "app/javascript/controllers/turbo_turbo/modal_controller.js"
+        copy_file "turbo_turbo/flash_controller.js", "app/javascript/controllers/turbo_turbo/flash_controller.js"
+      end
+
+      def register_stimulus_controllers
+        index_file = "app/javascript/controllers/index.js"
+
+        unless File.exist?(index_file)
+          say "Warning: Could not find #{index_file}", :yellow
+          return
+        end
+
+        content = File.read(index_file)
+
+        # Check if TurboTurbo controllers are already registered
+        if content.include?("turbo-turbo--modal") && content.include?("turbo-turbo--flash")
+          say "TurboTurbo controllers already registered in #{index_file}", :blue
+          return
+        end
+
+        # Add import statements and registrations
+        turbo_turbo_imports = <<~JS
+
+          // TurboTurbo controllers
+          import TurboTurboModalController from "./turbo_turbo/modal_controller"
+          import TurboTurboFlashController from "./turbo_turbo/flash_controller"
+
+          application.register("turbo-turbo--modal", TurboTurboModalController)
+          application.register("turbo-turbo--flash", TurboTurboFlashController)
+        JS
+
+        # Insert before the last line (usually eagerLoadControllersFrom)
+        lines = content.split("\n")
+        insert_index = lines.rindex { |line| line.strip.length.positive? && !line.strip.start_with?("//") }
+
+        if insert_index
+          lines.insert(insert_index + 1, turbo_turbo_imports)
+          File.write(index_file, lines.join("\n"))
+          say "Added TurboTurbo controller registrations to #{index_file}", :green
+        else
+          say "Warning: Could not determine where to insert TurboTurbo registrations in #{index_file}", :yellow
+        end
+      end
+
+      def install_layout_files
+        empty_directory "app/views/turbo_turbo"
+        copy_file "turbo_turbo/_flashes.html.erb", "app/views/turbo_turbo/_flashes.html.erb"
+        copy_file "turbo_turbo/_modal_background.html.erb", "app/views/turbo_turbo/_modal_background.html.erb"
+        copy_file "turbo_turbo/_error_message.html.erb", "app/views/turbo_turbo/_error_message.html.erb"
+      end
+
+      def modify_application_controller
+        controller_file = "app/controllers/application_controller.rb"
+
+        unless File.exist?(controller_file)
+          say "Warning: Could not find #{controller_file}", :yellow
+          return
+        end
+
+        content = File.read(controller_file)
+        original_content = content.dup
+
+        # Add include TurboTurbo::ControllerHelpers if not present
+        unless content.include?("include TurboTurbo::ControllerHelpers")
+          content = content.gsub(/(class ApplicationController < ActionController::Base\s*\n)/) do
+            "#{::Regexp.last_match(1)}  include TurboTurbo::ControllerHelpers\n\n"
+          end
+        end
+
+        # Add flash types if not present
+        unless content.include?("add_flash_types") || content.match?(/add_flash_types\s*:success.*:error.*:warning.*:info/)
+          content = content.gsub(/(include TurboTurbo::ControllerHelpers\s*\n)/) do
+            "#{::Regexp.last_match(1)}  add_flash_types :success, :error, :warning, :info\n"
+          end
+        end
+
+        if content == original_content
+          say "#{controller_file} already includes TurboTurbo configuration", :blue
+        else
+          File.write(controller_file, content)
+          say "Modified #{controller_file} to include TurboTurbo helpers and flash types", :green
+        end
+      end
+
+      def add_css_import
+        copy_css_file_to_app
+        add_css_import_to_main_file
+      end
+
+      private
+
+      def copy_css_file_to_app
+        # Copy the TurboTurbo CSS files from the gem to the app
+        gem_css_dir = File.join(gem_root, "app/assets/stylesheets")
+        app_css_dir = "app/assets/stylesheets"
+
+        # CSS subdirectory (now contains base.css and component CSS files)
+        gem_css_subdir = File.join(gem_css_dir, "turbo_turbo")
+        app_css_subdir = File.join(app_css_dir, "turbo_turbo")
+
+        unless File.exist?(gem_css_subdir)
+          say "Warning: Could not find turbo_turbo CSS directory in the gem", :red
+          return
+        end
+
+        if File.exist?(app_css_subdir)
+          say "TurboTurbo CSS directory already exists in #{app_css_dir}", :blue
+          return
+        end
+
+        # Copy CSS subdirectory (contains base.css and component files)
+        FileUtils.cp_r(gem_css_subdir, app_css_subdir)
+
+        say "Copied TurboTurbo CSS files to #{app_css_dir}/turbo_turbo", :green
+      end
+
+      def add_css_import_to_main_file
+        css_files = [
+          "app/assets/stylesheets/application.tailwind.css",
+          "app/assets/stylesheets/application.css"
+        ]
+
+        css_file = css_files.find { |file| File.exist?(file) }
+
+        unless css_file
+          say "Warning: Could not find application.tailwind.css or application.css", :red
+          say "Please manually add '@import \"./turbo_turbo.css\";' to your main CSS file", :red
+          return
+        end
+
+        content = File.read(css_file)
+
+        # Check if import already exists (check for both old and new import formats)
+        if content.include?('@import "turbo_turbo"') || content.include?('@import "./turbo_turbo"') || content.include?('@import "./turbo_turbo.css"') || content.include?('@import "./turbo_turbo/base"')
+          say "TurboTurbo CSS import already exists in #{css_file}", :blue
+          return
+        end
+
+        # Add import at the top of the file (using relative path to base.css)
+        content = "@import \"./turbo_turbo/base\";\n\n#{content}"
+        File.write(css_file, content)
+        say "Added TurboTurbo CSS import to #{css_file}", :green
+      end
+
+      def gem_root
+        @gem_root ||= File.expand_path("../../..", __dir__)
+      end
+
+      def modify_layout_file
+        layout_files = [
+          "app/views/layouts/application.html.erb",
+          "app/views/layouts/application.html.slim"
+        ]
+
+        layout_file = layout_files.find { |file| File.exist?(file) }
+
+        unless layout_file
+          say "Warning: Could not find application layout file", :yellow
+          return
+        end
+
+        content = File.read(layout_file)
+        original_content = content.dup
+
+        content = if layout_file.end_with?(".slim")
+                    modify_slim_layout(content)
+                  else
+                    modify_erb_layout(content)
+                  end
+
+        if content == original_content
+          say "#{layout_file} already includes TurboTurbo components", :blue
+        else
+          File.write(layout_file, content)
+          say "Modified #{layout_file} to include TurboTurbo components", :green
+        end
+      end
+
+      def install_routes
+        # Copy routes file to config/routes/
+        empty_directory "config/routes"
+        copy_file "config/routes/turbo_turbo_routes.rb", "config/routes/turbo_turbo_routes.rb"
+
+        # Add draw(:turbo_turbo_routes) to main routes.rb
+        routes_file = "config/routes.rb"
+
+        unless File.exist?(routes_file)
+          say "Warning: Could not find #{routes_file}", :yellow
+          return
+        end
+
+        content = File.read(routes_file)
+
+        # Check if draw(:turbo_turbo_routes) already exists
+        if content.include?("draw(:turbo_turbo_routes)") || content.include?('draw("turbo_turbo_routes")')
+          say "TurboTurbo routes already included in #{routes_file}", :blue
+          return
+        end
+
+        # Add draw(:turbo_turbo_routes) before the final 'end'
+        content = content.gsub(/(\s*end\s*)$/) do
+          "  draw(:turbo_turbo_routes)\n#{::Regexp.last_match(1)}"
+        end
+
+        File.write(routes_file, content)
+        say "Added draw(:turbo_turbo_routes) to #{routes_file}", :green
+      end
+
+      def display_instructions
+        say "\n\nTurboTurbo has been installed!", :green
+        say "\nWhat was installed:"
+        say "✅ JavaScript controllers copied to app/javascript/controllers/turbo_turbo/"
+        say "✅ Stimulus controllers registered in index.js"
+        say "✅ ApplicationController configured with TurboTurbo::ControllerHelpers"
+        say "✅ Flash types configured (:success, :error, :warning, :info)"
+        say "✅ CSS files copied to app/assets/stylesheets/turbo_turbo/"
+        say "✅ CSS import added to main stylesheet"
+        say "✅ Body tag configured with turbo-turbo--modal controller"
+        say "✅ Flash messages render added"
+        say "✅ Modal background render added"
+        say "✅ TurboTurbo::ModalComponent render added"
+        say "✅ TurboTurbo routes template copied to config/routes/turbo_turbo_routes.rb"
+        say "✅ draw(:turbo_turbo_routes) added to config/routes.rb"
+        say "\nNext steps:"
+        say "🚀 You're ready to use TurboTurbo! Start by adding turbo_actions to your controllers."
+        say "📝 Add your modal routes to config/routes/turbo_turbo_routes.rb"
+        say "\nOptional:"
+        say "• Run 'rails generate turbo_turbo:views' to copy ViewComponents for customization"
+        say "• Run 'rails generate turbo_turbo:layout [LAYOUT_NAME]' for custom layouts"
+        say "\nFor usage examples, see: https://github.com/lordofthedanse/turbo_turbo"
+      end
+
+      def modify_erb_layout(content)
+        # Add turbo-turbo--modal to data-controller if not present
+        if content.match?(/data-controller\s*=\s*["'][^"']*["']/)
+          # data-controller exists, check if turbo-turbo--modal is present
+          unless content.match?(/data-controller\s*=\s*["'][^"']*\bturbo-turbo--modal\b[^"']*["']/)
+            content = content.gsub(/(data-controller\s*=\s*["'])([^"']*)(['"])/) do
+              prefix = ::Regexp.last_match(1)
+              controller_list = ::Regexp.last_match(2)
+              suffix = ::Regexp.last_match(3)
+              controllers = controller_list.strip.split(/\s+/)
+              controllers << "turbo-turbo--modal" unless controllers.include?("turbo-turbo--modal")
+              "#{prefix}#{controllers.join(' ')}#{suffix}"
+            end
+          end
+        else
+          # Add data-controller with turbo-turbo--modal to body tag
+          content = content.gsub(/(<body[^>]*?)>/) do
+            body_tag = ::Regexp.last_match(1)
+            "#{body_tag} data-controller=\"turbo-turbo--modal\">"
+          end
+        end
+
+        # Add layout renders after body tag if not present
+        unless content.include?("render 'turbo_turbo/flashes'") || content.include?('render "turbo_turbo/flashes"')
+          content = content.gsub(/(<body[^>]*>\s*)/) do
+            "#{::Regexp.last_match(1)}  <%= render 'turbo_turbo/flashes' %>\n  "
+          end
+        end
+
+        unless content.include?("render 'turbo_turbo/modal_background'") || content.include?('render "turbo_turbo/modal_background"')
+          content = content.gsub(%r{(.*render ['"]turbo_turbo/flashes['"].*\n\s*)}) do
+            "#{::Regexp.last_match(1)}  <%= render 'turbo_turbo/modal_background' %>\n  "
+          end
+        end
+
+        # Add ModalComponent before closing body tag if not present
+        unless content.include?("TurboTurbo::ModalComponent")
+          content = content.gsub(%r{(\s*)</body>}) do
+            "#{::Regexp.last_match(1)}  <%= render TurboTurbo::ModalComponent.new %>\n#{::Regexp.last_match(1)}</body>"
+          end
+        end
+
+        content
+      end
+
+      def modify_slim_layout(content)
+        # Add turbo-turbo--modal to data-controller if not present
+        if content.match?(/data-controller\s*=\s*["'][^"']*["']/)
+          # data-controller exists, check if turbo-turbo--modal is present
+          unless content.match?(/data-controller\s*=\s*["'][^"']*\bturbo-turbo--modal\b[^"']*["']/)
+            content = content.gsub(/(data-controller\s*=\s*["'])([^"']*)(['"])/) do
+              prefix = ::Regexp.last_match(1)
+              controller_list = ::Regexp.last_match(2)
+              suffix = ::Regexp.last_match(3)
+              controllers = controller_list.strip.split(/\s+/)
+              controllers << "turbo-turbo--modal" unless controllers.include?("turbo-turbo--modal")
+              "#{prefix}#{controllers.join(' ')}#{suffix}"
+            end
+          end
+        else
+          # Add data-controller with turbo-turbo--modal to body tag
+          content = content.gsub(/(^ *body(?:\.[a-zA-Z0-9_-]+)*)\s*$/m) do
+            body_line = ::Regexp.last_match(1)
+            "#{body_line} data-controller=\"turbo-turbo--modal\""
+          end
+        end
+
+        # Add layout renders after body tag if not present
+        unless content.match?(%r{render\s+["']turbo_turbo/flashes["']}) || content.match?(%r{render\s+"turbo_turbo/flashes"})
+          content = content.gsub(/(^ *body(?:\.[a-zA-Z0-9_-]+)*.*\n)/m) do
+            "#{::Regexp.last_match(1)}  = render \"turbo_turbo/flashes\"\n"
+          end
+        end
+
+        unless content.match?(%r{render\s+["']turbo_turbo/modal_background["']}) || content.match?(%r{render\s+"turbo_turbo/modal_background"})
+          content = content.gsub(%r{(.*render\s+["']turbo_turbo/flashes["'].*\n)}) do
+            "#{::Regexp.last_match(1)}  = render \"turbo_turbo/modal_background\"\n"
+          end
+        end
+
+        # Add TurboTurbo::ModalComponent at end of body if not present
+        unless content.include?("TurboTurbo::ModalComponent")
+          # Find the last line with content before implicit body closing
+          lines = content.split("\n")
+          body_found = false
+          insert_index = -1
+
+          lines.each_with_index do |line, index|
+            if line.match?(/^\s*body/)
+              body_found = true
+            elsif body_found && line.strip.length.positive? && !line.match?(%r{^\s*/}) # not a comment
+              insert_index = index
+            end
+          end
+
+          if insert_index >= 0
+            lines.insert(insert_index + 1, "  = render TurboTurbo::ModalComponent.new")
+            content = lines.join("\n")
+          end
+        end
+
+        content
+      end
+    end
+  end
+end

data/lib/generators/turbo_turbo/layout_generator.rb

@@ -0,0 +1,221 @@
+# frozen_string_literal: true
+
+require "rails/generators/base"
+
+module TurboTurbo
+  module Generators
+    class LayoutGenerator < Rails::Generators::Base
+      desc "Install TurboTurbo components to a custom layout file"
+      source_root File.expand_path("templates", __dir__)
+
+      argument :layout_name, type: :string, default: "application",
+                             desc: "The layout file name (without extension)"
+
+      class_option :skip_flash, type: :boolean, default: false,
+                                desc: "Skip adding flash-related components (flashes render)"
+
+      class_option :skip_modal, type: :boolean, default: false,
+                                desc: "Skip adding modal-related components (data controller, modal background, ModalComponent)"
+
+      def check_if_everything_skipped
+        return unless options[:skip_flash] && options[:skip_modal]
+
+        say "You skipped everything, so we did nothing!", :yellow
+        exit(0)
+      end
+
+      def ensure_layout_partials_exist
+        empty_directory "app/views/turbo_turbo"
+
+        if !options[:skip_flash] && !File.exist?("app/views/turbo_turbo/_flashes.html.erb")
+          copy_file "turbo_turbo/_flashes.html.erb", "app/views/turbo_turbo/_flashes.html.erb"
+        end
+
+        return if options[:skip_modal]
+        return if File.exist?("app/views/turbo_turbo/_modal_background.html.erb")
+
+        copy_file "turbo_turbo/_modal_background.html.erb", "app/views/turbo_turbo/_modal_background.html.erb"
+      end
+
+      def modify_custom_layout_file
+        layout_files = [
+          "app/views/layouts/#{layout_name}.html.erb",
+          "app/views/layouts/#{layout_name}.html.slim"
+        ]
+
+        layout_file = layout_files.find { |file| File.exist?(file) }
+
+        unless layout_file
+          say "Error: Could not find layout file for '#{layout_name}'", :red
+          say "Looking for: #{layout_files.join(' or ')}", :yellow
+          return
+        end
+
+        content = File.read(layout_file)
+        original_content = content.dup
+
+        content = if layout_file.end_with?(".slim")
+                    modify_slim_layout(content)
+                  else
+                    modify_erb_layout(content)
+                  end
+
+        if content == original_content
+          say "#{layout_file} already includes TurboTurbo components", :blue
+        else
+          File.write(layout_file, content)
+          say "Modified #{layout_file} to include TurboTurbo components", :green
+        end
+      end
+
+      def display_completion_message
+        say "\nTurboTurbo components added to #{layout_name} layout!", :green
+        say "\nComponents added:"
+
+        say "✅ turbo_turbo/flashes render" unless options[:skip_flash]
+
+        unless options[:skip_modal]
+          say "✅ turbo-turbo--modal data controller"
+          say "✅ turbo_turbo/modal_background render"
+          say "✅ TurboTurbo::ModalComponent render"
+        end
+
+        return unless options[:skip_flash] || options[:skip_modal]
+
+        say "\nSkipped components:"
+        say "⏭️  Flash-related: turbo_turbo/flashes render" if options[:skip_flash]
+        return unless options[:skip_modal]
+
+        say "⏭️  Modal-related: data controller, modal background, ModalComponent"
+      end
+
+      private
+
+      def modify_erb_layout(content)
+        # Add turbo-turbo--modal to data-controller if not present and not skipped
+        unless options[:skip_modal]
+          if content.match?(/data-controller\s*=\s*["'][^"']*["']/)
+            # data-controller exists, check if turbo-turbo--modal is present
+            unless content.match?(/data-controller\s*=\s*["'][^"']*\bturbo-turbo--modal\b[^"']*["']/)
+              content = content.gsub(/(data-controller\s*=\s*["'])([^"']*)(['"])/) do
+                prefix = ::Regexp.last_match(1)
+                controller_list = ::Regexp.last_match(2)
+                suffix = ::Regexp.last_match(3)
+                controllers = controller_list.strip.split(/\s+/)
+                controllers << "turbo-turbo--modal" unless controllers.include?("turbo-turbo--modal")
+                "#{prefix}#{controllers.join(' ')}#{suffix}"
+              end
+            end
+          else
+            # Add data-controller with turbo-turbo--modal to body tag
+            content = content.gsub(/(<body[^>]*?)>/) do
+              body_tag = ::Regexp.last_match(1)
+              "#{body_tag} data-controller=\"turbo-turbo--modal\">"
+            end
+          end
+        end
+
+        # Add flashes render after body tag if not present and not skipped
+        if !options[:skip_flash] && !(content.include?("render 'turbo_turbo/flashes'") || content.include?('render "turbo_turbo/flashes"'))
+          content = content.gsub(/(<body[^>]*>\s*)/) do
+            "#{::Regexp.last_match(1)}  <%= render 'turbo_turbo/flashes' %>\n  "
+          end
+        end
+
+        # Add modal background render if not present and not skipped
+        if !options[:skip_modal] && !(content.include?("render 'turbo_turbo/modal_background'") || content.include?('render "turbo_turbo/modal_background"'))
+          content = if content.include?("render 'turbo_turbo/flashes'") || content.include?('render "turbo_turbo/flashes"')
+                      # Insert after flashes
+                      content.gsub(%r{(.*render ['"]turbo_turbo/flashes['"].*\n\s*)}) do
+                        "#{::Regexp.last_match(1)}  <%= render 'turbo_turbo/modal_background' %>\n  "
+                      end
+                    else
+                      # Insert after body tag
+                      content.gsub(/(<body[^>]*>\s*)/) do
+                        "#{::Regexp.last_match(1)}  <%= render 'turbo_turbo/modal_background' %>\n  "
+                      end
+                    end
+        end
+
+        # Add ModalComponent before closing body tag if not present and not skipped
+        if !options[:skip_modal] && !content.include?("TurboTurbo::ModalComponent")
+          content = content.gsub(%r{(\s*)</body>}) do
+            "#{::Regexp.last_match(1)}  <%= render TurboTurbo::ModalComponent.new %>\n#{::Regexp.last_match(1)}</body>"
+          end
+        end
+
+        content
+      end
+
+      def modify_slim_layout(content)
+        # Add turbo-turbo--modal to data-controller if not present and not skipped
+        unless options[:skip_modal]
+          if content.match?(/data-controller\s*=\s*["'][^"']*["']/)
+            # data-controller exists, check if turbo-turbo--modal is present
+            unless content.match?(/data-controller\s*=\s*["'][^"']*\bturbo-turbo--modal\b[^"']*["']/)
+              content = content.gsub(/(data-controller\s*=\s*["'])([^"']*)(['"])/) do
+                prefix = ::Regexp.last_match(1)
+                controller_list = ::Regexp.last_match(2)
+                suffix = ::Regexp.last_match(3)
+                controllers = controller_list.strip.split(/\s+/)
+                controllers << "turbo-turbo--modal" unless controllers.include?("turbo-turbo--modal")
+                "#{prefix}#{controllers.join(' ')}#{suffix}"
+              end
+            end
+          else
+            # Add data-controller with turbo-turbo--modal to body tag
+            content = content.gsub(/(^ *body(?:\.[a-zA-Z0-9_-]+)*)\s*$/m) do
+              body_line = ::Regexp.last_match(1)
+              "#{body_line} data-controller=\"turbo-turbo--modal\""
+            end
+          end
+        end
+
+        # Add flashes render after body tag if not present and not skipped
+        if !options[:skip_flash] && !(content.match?(%r{render\s+["']turbo_turbo/flashes["']}) || content.match?(%r{render\s+"turbo_turbo/flashes"}))
+          content = content.gsub(/(^ *body(?:\.[a-zA-Z0-9_-]+)*.*\n)/m) do
+            "#{::Regexp.last_match(1)}  = render \"turbo_turbo/flashes\"\n"
+          end
+        end
+
+        # Add modal background render if not present and not skipped
+        if !options[:skip_modal] && !(content.match?(%r{render\s+["']turbo_turbo/modal_background["']}) || content.match?(%r{render\s+"turbo_turbo/modal_background"}))
+          content = if content.match?(%r{render\s+["']turbo_turbo/flashes["']})
+                      # Insert after flashes
+                      content.gsub(%r{(.*render\s+["']turbo_turbo/flashes["'].*\n)}) do
+                        "#{::Regexp.last_match(1)}  = render \"turbo_turbo/modal_background\"\n"
+                      end
+                    else
+                      # Insert after body tag
+                      content.gsub(/(^ *body(?:\.[a-zA-Z0-9_-]+)*.*\n)/m) do
+                        "#{::Regexp.last_match(1)}  = render \"turbo_turbo/modal_background\"\n"
+                      end
+                    end
+        end
+
+        # Add TurboTurbo::ModalComponent at end of body if not present and not skipped
+        if !options[:skip_modal] && !content.include?("TurboTurbo::ModalComponent")
+          # Find the last line with content before implicit body closing
+          lines = content.split("\n")
+          body_found = false
+          insert_index = -1
+
+          lines.each_with_index do |line, index|
+            if line.match?(/^\s*body/)
+              body_found = true
+            elsif body_found && line.strip.length.positive? && !line.match?(%r{^\s*/}) # not a comment
+              insert_index = index
+            end
+          end
+
+          if insert_index >= 0
+            lines.insert(insert_index + 1, "  = render TurboTurbo::ModalComponent.new")
+            content = lines.join("\n")
+          end
+        end
+
+        content
+      end
+    end
+  end
+end

data/lib/generators/turbo_turbo/templates/config/routes/turbo_turbo_routes.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+# TurboTurbo routes for modal-based CRUD operations
+# Add `draw(:turbo_turbo_routes)` to your main routes.rb file to include these routes
+
+namespace :turbo_turbo do
+  # Admin namespace for administrative modal operations
+  namespace :admin do
+    # Add your admin resources here
+    # Example: resources :pathways, only: [:new, :create, :show, :edit, :update, :destroy]
+  end
+
+  # Provider namespace for provider modal operations
+  namespace :provider do
+    # Add your provider resources here
+    # Example: resources :pathways, only: [:new, :create, :show, :edit, :update, :destroy]
+  end
+
+  # Add other namespaces as needed
+end

data/lib/generators/turbo_turbo/templates/turbo_turbo/_error_message.html.erb

@@ -0,0 +1,15 @@
+<div class="rounded-md bg-red-50 p-4 mb-4">
+  <div class="flex">
+    <div class="flex-shrink-0">
+      <svg class="h-5 w-5 text-red-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z" clip-rule="evenodd" />
+      </svg>
+    </div>
+    <div class="ml-3">
+      <h3 class="text-sm font-medium text-red-800">There were errors with your submission</h3>
+      <div class="mt-2 text-sm text-red-700">
+        <%= message.html_safe %>
+      </div>
+    </div>
+  </div>
+</div>

data/lib/generators/turbo_turbo/templates/turbo_turbo/_flashes.html.erb

@@ -0,0 +1,8 @@
+<div id="flashes_turbo_turbo">
+  <% flash.each do |key, value| %>
+    <% key = convert_flash_keys(key) %>
+    <% next unless ApplicationController._flash_types.include?(key.to_sym) %>
+    <% value = { message: value } if value.is_a?(String) %>
+    <%= render("TurboTurbo::Alerts::#{key.titleize}Component".constantize.new(value)) %>
+  <% end %>
+</div>

data/lib/generators/turbo_turbo/templates/turbo_turbo/_modal_background.html.erb

@@ -0,0 +1,2 @@
+<div class="ModalBackground-turbo-turbo" role="dialog" aria-modal="true" data-turbo-turbo--modal-target="background" id="modalBackground" data-action="click->turbo-turbo--modal#closeModal">
+</div>

data/lib/generators/turbo_turbo/templates/turbo_turbo/flash_controller.js

@@ -0,0 +1,28 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="turbo-turbo--flash"
+export default class extends Controller {
+  connect() {
+    setTimeout(() => this.fadeOut(this.element), (5000))
+  }
+
+  fadeOut(element){
+    var intervalID = setInterval(() => {
+      if (!element.style.opacity) {
+        element.style.opacity = 1;
+      }
+
+      if (element.style.opacity > 0) {
+        element.style.opacity -= 0.05;
+      } else {
+        clearInterval(intervalID);
+        element.classList.add("hidden")
+      }
+    }, 75);
+  }
+
+  dismiss(){
+    event.preventDefault();
+    this.element.classList.add("hidden");
+  }
+}